/* Listing tier: normal */
.listing-feed-section-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    padding: 0 4px;
}

.listing-feed-section-title {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center;
    color: #1f2937;
}

.listing-feed-section-rule {
    display: block;
    width: 42px;
    height: 2px;
    margin-top: 6px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(17, 24, 39, 0.88), rgba(17, 24, 39, 0.18));
}

.listing-feed-section-head-gold,
.listing-feed-section-head-bronze {
    width: 100%;
    align-items: center;
    padding: 6px 0 5px;
    box-sizing: border-box;
}

.listing-feed-section-head-normal {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
    padding: 5px 12px 5px;
    margin: 1px 0 2px;
    box-sizing: border-box;
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.48) 0%, transparent 40%),
        linear-gradient(165deg, rgba(240, 249, 255, 0.92) 0%, rgba(186, 230, 253, 0.3) 54%, rgba(240, 249, 255, 0.18) 100%);
    border: 1px solid rgba(14, 165, 233, 0.22);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.listing-feed-section-line--normal .listing-feed-section-line-svg {
    filter: drop-shadow(0 0 5px rgba(14, 165, 233, 0.32));
}

@keyframes plaque-shimmer {
    0%, 100% {
        opacity: 0.28;
    }
    50% {
        opacity: 0.72;
    }
}

@keyframes plaque-shine-sweep {
    0% {
        transform: translateX(-140%) skewX(-18deg);
    }
    100% {
        transform: translateX(260%) skewX(-18deg);
    }
}

.listing-feed-section-plaque {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 188px;
    max-width: 78%;
    min-height: 0;
    padding: 6px 20px 5px;
    border: 2px solid transparent;
    border-radius: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.listing-feed-section-plaque .listing-feed-section-title {
    font-style: normal;
}

.listing-feed-section-plaque::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.42) 0%,
        transparent 46%,
        rgba(255, 255, 255, 0.08) 100%
    );
    animation: plaque-shimmer 3.8s ease-in-out infinite;
}

.listing-feed-section-plaque::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 42%;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(
        100deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.42) 48%,
        rgba(255, 255, 255, 0) 100%
    );
    animation: plaque-shine-sweep 5.2s ease-in-out infinite;
}

.listing-feed-section-plaque-normal {
    position: relative;
    z-index: 1;
    flex: 0 1 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 0;
    max-width: calc(100% - 24px);
    margin: 0;
    padding: 5px 18px 4px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.68);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.44) 0%, transparent 36%),
        linear-gradient(165deg, #f0f9ff 0%, #bae6fd 28%, #38bdf8 58%, #0284c7 100%);
    box-shadow:
        inset 0 1px 0 rgba(240, 249, 255, 0.92),
        0 4px 12px rgba(14, 116, 144, 0.16);
}

.listing-feed-section-plaque-normal::before {
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.52) 0%,
        transparent 48%,
        rgba(3, 105, 161, 0.05) 100%
    );
    animation: plaque-shimmer 5.2s ease-in-out infinite;
    opacity: 0.62;
}

.listing-feed-section-plaque-normal::after {
    width: 38%;
    opacity: 0.48;
    background: linear-gradient(
        100deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.44) 48%,
        rgba(255, 255, 255, 0) 100%
    );
    animation: plaque-shine-sweep 6.8s ease-in-out infinite;
}

.listing-feed-section-head-normal .listing-feed-section-title-normal {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.07em;
    line-height: 1.15;
    text-transform: uppercase;
    text-align: center;
    color: #0c4a6e;
    background: none;
    -webkit-text-fill-color: currentColor;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72);
}

.listing-card {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-xl);
    background: linear-gradient(145deg, rgba(224, 242, 254, 0.96), rgba(186, 230, 253, 0.9));
    border: 1px solid rgba(15, 23, 42, 0.07);
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    animation: cardEnter 0.55s ease both;
}

.listing-card[data-tier="normal"] .listing-card-media .listing-image-placeholder {
    background: linear-gradient(165deg, #f0f9ff 0%, #bae6fd 28%, #38bdf8 58%, #0284c7 100%);
    color: #0c4a6e;
}

.listing-card[data-tier="normal"] .listing-card-media .listing-new-mark {
    background:
        radial-gradient(120% 80% at 18% 0%, rgba(255, 255, 255, 0.34) 0%, transparent 52%),
        linear-gradient(168deg, #e0f2fe 0%, #7dd3fc 32%, #0ea5e9 68%, #0284c7 100%);
    border-color: rgba(255, 255, 255, 0.62);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        inset 0 -2px 4px rgba(3, 105, 161, 0.18),
        0 2px 10px rgba(14, 165, 233, 0.3),
        0 5px 18px rgba(2, 132, 199, 0.22);
}

.listing-card[data-tier="normal"] .listing-card-media .listing-new-mark::after {
    background: #0284c7;
}

.listing-card[data-tier="normal"] .listing-new-mark-label {
    color: #0c4a6e;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.78);
}

.mobile-shell .listing-card[data-tier="normal"] .listing-card-media-location::before {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.48) 0%, transparent 40%),
        linear-gradient(165deg, rgba(240, 249, 255, 0.97) 0%, rgba(224, 242, 254, 0.94) 52%, rgba(186, 230, 253, 0.9) 100%);
    border-color: rgba(186, 230, 253, 0.62);
}

.mobile-shell .listing-card[data-tier="normal"] .listing-card-media-location .listing-kunya-location-icon {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96) 0%, rgba(224, 242, 254, 0.92) 100%);
    border-color: rgba(125, 211, 252, 0.4);
    color: #0284c7;
}

.mobile-shell .listing-card[data-tier="normal"] .listing-card-media-location .listing-kunya-location-text {
    color: #0c4a6e;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
}

.listing-card[data-tier="normal"] .listing-kunya-meta-item,
.listing-card[data-tier="normal"] .listing-kunya-meta-item-age,
.listing-card[data-tier="normal"] .listing-kunya-meta-item-weight,
.listing-card[data-tier="normal"] .listing-kunya-meta-item-height,
.listing-card[data-tier="normal"] .listing-kunya-meta-item-place,
.listing-card[data-tier="normal"] .listing-kunya-meta-item-hotel,
.listing-card[data-tier="normal"] .listing-kunya-meta-item-meeting {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.48) 0%, transparent 40%),
        linear-gradient(165deg, rgba(240, 249, 255, 0.97) 0%, rgba(224, 242, 254, 0.94) 52%, rgba(186, 230, 253, 0.9) 100%);
    border: 1px solid rgba(186, 230, 253, 0.62);
    color: #0c4a6e;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.84),
        0 2px 6px rgba(8, 47, 73, 0.1);
}

.listing-card[data-tier="normal"] .listing-kunya-plate {
    --kunya-photo-bg: linear-gradient(145deg, rgba(224, 242, 254, 0.95), rgba(186, 230, 253, 0.88));
    --kunya-photo-border: rgba(125, 211, 252, 0.42);
    --kunya-photo-shadow: 0 1px 0 rgba(255, 255, 255, 0.85) inset, 0 4px 14px rgba(56, 189, 248, 0.16);
    --kunya-heart-bg: linear-gradient(160deg, #edf8ff 0%, #d9f0fe 45%, #b9e6fd 100%);
    --kunya-heart-border: rgba(186, 230, 253, 0.72);
    --kunya-heart-color: #0ea5e9;
    --kunya-heart-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 0 14px rgba(56, 189, 248, 0.18);
    --kunya-heart-main-filter: drop-shadow(0 2px 5px rgba(14, 165, 233, 0.28));
    --kunya-heart-float-color: #0284c7;
    --kunya-heart-float-filter: drop-shadow(0 1px 4px rgba(2, 132, 199, 0.45));
}

.listing-card[data-tier="normal"] .primary-button.card-cta,
.listing-card[data-tier="normal"] .card-cta {
    color: #0c4a6e;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.48) 0%, transparent 40%),
        linear-gradient(165deg, rgba(240, 249, 255, 0.97) 0%, rgba(224, 242, 254, 0.94) 52%, rgba(186, 230, 253, 0.9) 100%);
    border: 1px solid rgba(186, 230, 253, 0.62);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.84),
        0 2px 8px rgba(8, 47, 73, 0.12);
}

.listing-card[data-tier="normal"] .primary-button.card-cta:hover,
.listing-card[data-tier="normal"] .card-cta:hover {
    color: #0c4a6e;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.56) 0%, transparent 40%),
        linear-gradient(165deg, rgba(255, 255, 255, 0.98) 0%, rgba(224, 242, 254, 0.96) 48%, rgba(125, 211, 252, 0.92) 100%);
    border-color: rgba(14, 165, 233, 0.52);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 3px 10px rgba(14, 165, 233, 0.16);
}

.listing-card[data-tier="normal"] .primary-button.card-cta:active,
.listing-card[data-tier="normal"] .card-cta:active {
    color: #0369a1;
    background:
        linear-gradient(165deg, rgba(224, 242, 254, 0.98) 0%, rgba(186, 230, 253, 0.94) 100%);
    border-color: rgba(2, 132, 199, 0.48);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        0 1px 4px rgba(2, 132, 199, 0.1);
}

.mobile-shell .listing-feed-section-head {
    padding: 0 2px;
}

.mobile-shell .listing-feed-section-title {
    font-size: 12px;
    letter-spacing: 0.06em;
}

.mobile-shell .listing-feed-section-rule {
    width: 42px;
    height: 2px;
    margin-top: 5px;
}

.mobile-shell .listing-feed-section-head-gold,
.mobile-shell .listing-feed-section-head-bronze {
    padding: 5px 0 4px;
}

.mobile-shell .listing-feed-section-head-normal {
    gap: 12px;
    padding: 4px 10px 4px;
    margin: 1px 0 2px;
    border-radius: 12px;
}

.mobile-shell .listing-feed-section-plaque-normal {
    max-width: calc(100% - 16px);
    padding: 4px 16px 4px;
}

.mobile-shell .listing-feed-section-head-gold .listing-feed-section-title-gold,
.mobile-shell .listing-feed-section-head-bronze .listing-feed-section-title-bronze,
.mobile-shell .listing-feed-section-head-normal .listing-feed-section-title-normal {
    font-size: 12px;
    letter-spacing: 0.06em;
}

.mobile-shell .listing-card {
    background: linear-gradient(145deg, rgba(224, 242, 254, 0.98), rgba(186, 230, 253, 0.92));
    border-color: rgba(15, 23, 42, 0.07);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
}