/* Listing tier: featured */

.listing-card.featured {
    border-width: 2px;
    border-color: rgba(142, 45, 60, 0.78);
    box-shadow:
        0 2px 10px rgba(15, 23, 42, 0.05),
        0 0 0 1px rgba(255, 255, 255, 0.28) inset,
        0 0 0 3px rgba(142, 45, 60, 0.16),
        0 10px 34px rgba(142, 45, 60, 0.22),
        0 4px 16px rgba(142, 45, 60, 0.1);
}

.listing-card.featured .primary-button.card-cta,
.listing-card.featured .card-cta,
.listing-card[data-tier="featured"] .primary-button.card-cta,
.listing-card[data-tier="featured"] .card-cta {
    color: #8e2d3c;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.58);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, transparent 38%),
        linear-gradient(165deg, rgba(255, 251, 252, 0.98) 0%, rgba(252, 232, 236, 0.95) 48%, rgba(245, 192, 204, 0.9) 100%);
    border: 1px solid rgba(142, 45, 60, 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        0 2px 8px rgba(142, 45, 60, 0.12);
}

.listing-card.featured .primary-button.card-cta:hover,
.listing-card.featured .card-cta:hover,
.listing-card[data-tier="featured"] .primary-button.card-cta:hover,
.listing-card[data-tier="featured"] .card-cta:hover {
    color: #8e2d3c;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.48) 0%, transparent 38%),
        linear-gradient(165deg, rgba(255, 255, 255, 0.98) 0%, rgba(252, 220, 228, 0.96) 48%, rgba(212, 86, 106, 0.88) 100%);
    border-color: rgba(142, 45, 60, 0.42);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        0 3px 10px rgba(142, 45, 60, 0.14);
}

.listing-card.featured .primary-button.card-cta:active,
.listing-card.featured .card-cta:active,
.listing-card[data-tier="featured"] .primary-button.card-cta:active,
.listing-card[data-tier="featured"] .card-cta:active {
    color: #8e2d3c;
    background:
        linear-gradient(165deg, rgba(252, 232, 236, 0.96) 0%, rgba(245, 192, 204, 0.9) 100%);
    border-color: rgba(142, 45, 60, 0.4);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        0 1px 4px rgba(142, 45, 60, 0.1);
}

.listing-feed-section-head-featured {
    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(255, 245, 247, 0.9) 0%, rgba(252, 232, 236, 0.3) 54%, rgba(255, 245, 247, 0.18) 100%);
    border: 1px solid rgba(142, 45, 60, 0.18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.listing-feed-section-line--featured .listing-feed-section-line-svg {
    filter: drop-shadow(0 0 5px rgba(142, 45, 60, 0.3));
}

.listing-feed-section-plaque-featured {
    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, #fffafb 0%, #fce8ec 28%, #f5c0cc 58%, #d4566a 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 4px 12px rgba(142, 45, 60, 0.14);
}

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

.listing-feed-section-plaque-featured::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-featured .listing-feed-section-title-featured {
    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: #8E2D3C;
    background: none;
    -webkit-text-fill-color: currentColor;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72);
}

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

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

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

.listing-card.featured {
    background: linear-gradient(145deg, rgba(255, 237, 240, 0.96), rgba(248, 208, 216, 0.9));
}

.listing-card.featured .listing-card-media .listing-image-placeholder,
.listing-card[data-tier="featured"] .listing-card-media .listing-image-placeholder {
    background: linear-gradient(165deg, #fffafb 0%, #fce8ec 28%, #f5c0cc 58%, #d4566a 100%);
    color: #8e2d3c;
}

.listing-card.featured .listing-card-media .listing-new-mark,
.listing-card[data-tier="featured"] .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, #fffafb 0%, #fce8ec 32%, #f5c0cc 68%, #d4566a 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(142, 45, 60, 0.18),
        0 2px 10px rgba(142, 45, 60, 0.24),
        0 5px 18px rgba(212, 86, 106, 0.2);
}

.listing-card.featured .listing-card-media .listing-new-mark::after,
.listing-card[data-tier="featured"] .listing-card-media .listing-new-mark::after {
    background: #d4566a;
}

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

.listing-card.featured .listing-card-media {
    background: linear-gradient(145deg, rgba(255, 237, 240, 0.96), rgba(248, 208, 216, 0.9));
    border-color: rgba(142, 45, 60, 0.42);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.62) inset,
        0 0 0 2px rgba(142, 45, 60, 0.14),
        0 4px 12px rgba(142, 45, 60, 0.12);
}

.listing-card.featured .listing-card-media::before {
    background:
        radial-gradient(ellipse 88% 76% at 50% 58%, transparent 34%, rgba(10, 24, 32, 0.18) 100%),
        linear-gradient(to top, rgba(60, 20, 28, 0.52) 0%, rgba(142, 45, 60, 0.16) 38%, transparent 66%),
        linear-gradient(135deg, rgba(255, 237, 240, 0.08) 0%, transparent 42%, rgba(142, 45, 60, 0.1) 100%);
}

.listing-card.featured .listing-kunya-clip {
    border-color: rgba(142, 45, 60, 0.72);
    background: linear-gradient(180deg, #fff5f7 0%, #f5d0d8 100%);
}

.listing-card.featured .listing-kunya-plate,
.listing-card[data-tier="featured"] .listing-kunya-plate {
    --kunya-photo-bg: linear-gradient(145deg, rgba(255, 237, 240, 0.92), rgba(248, 208, 216, 0.82));
    --kunya-photo-border: rgba(142, 45, 60, 0.32);
    --kunya-photo-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 3px 10px rgba(142, 45, 60, 0.1);
    --kunya-heart-bg: linear-gradient(160deg, #fff0f3 0%, #ffdce3 45%, #f5b8c4 100%);
    --kunya-heart-border: rgba(142, 45, 60, 0.34);
    --kunya-heart-color: #c43d52;
    --kunya-heart-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 0 14px rgba(142, 45, 60, 0.16);
    --kunya-heart-main-filter: drop-shadow(0 2px 5px rgba(142, 45, 60, 0.28));
    --kunya-heart-float-color: #e11d48;
    --kunya-heart-float-filter: drop-shadow(0 1px 4px rgba(225, 29, 72, 0.45));
    border-color: rgba(142, 45, 60, 0.38);
    background: linear-gradient(
        180deg,
        rgba(255, 237, 240, 0.94) 0%,
        rgba(250, 228, 232, 0.9) 100%
    );
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.55) inset,
        0 0 0 2px rgba(142, 45, 60, 0.1),
        0 4px 10px rgba(142, 45, 60, 0.08);
}

.listing-card.featured .listing-kunya-name {
    color: #8E2D3C;
}

.listing-card.featured .listing-kunya-contact {
    color: #8E2D3C;
}

.listing-card.featured .listing-kunya-contact::before {
    background: rgba(255, 237, 240, 0.96);
    border: 1px solid rgba(142, 45, 60, 0.38);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.65) inset,
        0 2px 6px rgba(142, 45, 60, 0.1);
}

.listing-card.featured .listing-kunya-contact-icon,
.listing-card[data-tier="featured"] .listing-kunya-contact-icon {
    color: inherit;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.42) 0%, transparent 38%),
        linear-gradient(
            165deg,
            rgba(255, 251, 252, 0.98) 0%,
            rgba(252, 232, 236, 0.94) 52%,
            rgba(245, 192, 204, 0.88) 100%
        );
    border: 1px solid rgba(142, 45, 60, 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        inset 0 -1px 3px rgba(142, 45, 60, 0.08),
        0 2px 6px rgba(142, 45, 60, 0.1);
}

.listing-card.featured .listing-kunya-contact-icon svg,
.listing-card[data-tier="featured"] .listing-kunya-contact-icon svg {
    filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.58));
}

.listing-card.featured .listing-kunya-meta-item,
.listing-card.featured .listing-kunya-meta-item-age,
.listing-card.featured .listing-kunya-meta-item-weight,
.listing-card.featured .listing-kunya-meta-item-height,
.listing-card.featured .listing-kunya-meta-item-place,
.listing-card.featured .listing-kunya-meta-item-hotel,
.listing-card.featured .listing-kunya-meta-item-meeting,
.listing-card[data-tier="featured"] .listing-kunya-meta-item,
.listing-card[data-tier="featured"] .listing-kunya-meta-item-age,
.listing-card[data-tier="featured"] .listing-kunya-meta-item-weight,
.listing-card[data-tier="featured"] .listing-kunya-meta-item-height,
.listing-card[data-tier="featured"] .listing-kunya-meta-item-place,
.listing-card[data-tier="featured"] .listing-kunya-meta-item-hotel,
.listing-card[data-tier="featured"] .listing-kunya-meta-item-meeting {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, transparent 38%),
        linear-gradient(165deg, rgba(255, 251, 252, 0.98) 0%, rgba(252, 232, 236, 0.95) 48%, rgba(245, 192, 204, 0.9) 100%);
    border: 1px solid rgba(142, 45, 60, 0.34);
    color: #8e2d3c;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.58);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        0 2px 6px rgba(142, 45, 60, 0.1);
}

.listing-card.featured .listing-kunya-location {
    border-left-color: rgba(245, 158, 11, 0.35);
}

.listing-card.featured .listing-kunya-location-icon {
    color: #b45309;
    background: rgba(255, 251, 235, 0.96);
    border-color: rgba(245, 158, 11, 0.4);
}

.listing-card.featured .listing-kunya-location-text {
    color: #92400e;
}

.listing-card.featured .listing-kunya-rule {
    background: linear-gradient(90deg, rgba(142, 45, 60, 0.88), rgba(142, 45, 60, 0.15));
}

.mobile-shell .listing-card.featured .listing-card-media {
    background: linear-gradient(145deg, rgba(255, 237, 240, 0.98), rgba(248, 208, 216, 0.92));
    border-color: rgba(142, 45, 60, 0.48);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.66) inset,
        0 0 0 2px rgba(142, 45, 60, 0.16),
        0 3px 10px rgba(142, 45, 60, 0.12);
}

.mobile-shell .listing-card.featured .listing-card-media-location::before,
.mobile-shell .listing-card[data-tier="featured"] .listing-card-media-location::before {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, transparent 38%),
        linear-gradient(165deg, rgba(255, 251, 252, 0.98) 0%, rgba(252, 232, 236, 0.95) 48%, rgba(245, 192, 204, 0.9) 100%);
    border-color: rgba(142, 45, 60, 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        0 3px 12px rgba(142, 45, 60, 0.12);
}

.mobile-shell .listing-card.featured .listing-card-media-location .listing-kunya-location-icon,
.mobile-shell .listing-card[data-tier="featured"] .listing-card-media-location .listing-kunya-location-icon {
    background:
        linear-gradient(145deg, rgba(255, 251, 252, 0.98) 0%, rgba(245, 192, 204, 0.88) 100%);
    border-color: rgba(142, 45, 60, 0.32);
    color: #8e2d3c;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

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

.mobile-shell .listing-card.featured .listing-card-media::before {
    background:
        radial-gradient(ellipse 88% 76% at 50% 58%, transparent 36%, rgba(10, 24, 32, 0.16) 100%),
        linear-gradient(to top, rgba(60, 20, 28, 0.5) 0%, rgba(142, 45, 60, 0.16) 34%, transparent 58%),
        linear-gradient(270deg, rgba(142, 45, 60, 0.1) 0%, transparent 48%);
}

.mobile-shell .listing-card.featured .listing-kunya-plate {
    border-color: rgba(142, 45, 60, 0.38);
    background: linear-gradient(
        180deg,
        rgba(255, 237, 240, 0.94) 0%,
        rgba(250, 228, 232, 0.9) 100%
    );
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.55) inset,
        0 0 0 2px rgba(142, 45, 60, 0.1),
        0 4px 10px rgba(142, 45, 60, 0.08);
}

.mobile-shell .listing-card.featured .listing-kunya-name {
    color: #8E2D3C;
}

.mobile-shell .listing-card.featured {
    background: linear-gradient(145deg, rgba(255, 237, 240, 0.98), rgba(248, 208, 216, 0.92));
    border-width: 1.5px;
    border-color: rgba(142, 45, 60, 0.76);
    box-shadow:
        0 2px 8px rgba(15, 23, 42, 0.05),
        0 0 0 2px rgba(142, 45, 60, 0.12);
}