/* Listing tier: bronze */

.listing-card.bronze {
    border-width: 2px;
    border-color: rgba(191, 116, 58, 0.86);
    box-shadow:
        0 2px 10px rgba(15, 23, 42, 0.05),
        0 0 0 1px rgba(255, 241, 232, 0.42) inset,
        0 0 0 3px rgba(191, 116, 58, 0.2),
        0 10px 34px rgba(156, 86, 33, 0.22),
        0 4px 16px rgba(201, 140, 85, 0.14);
}

.listing-card.bronze .primary-button.card-cta,
.listing-card.bronze .card-cta,
.listing-card[data-tier="bronze"] .primary-button.card-cta,
.listing-card[data-tier="bronze"] .card-cta {
    color: #4a2409;
    text-shadow: 0 1px 0 rgba(255, 241, 232, 0.58);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.38) 0%, transparent 36%),
        linear-gradient(165deg, rgba(255, 249, 244, 0.98) 0%, rgba(243, 210, 176, 0.96) 45%, rgba(184, 116, 63, 0.9) 100%);
    border: 1px solid rgba(220, 164, 120, 0.5);
    box-shadow:
        inset 0 1px 0 rgba(255, 241, 232, 0.88),
        0 2px 8px rgba(122, 62, 23, 0.14);
}

.listing-card.bronze .primary-button.card-cta:hover,
.listing-card.bronze .card-cta:hover,
.listing-card[data-tier="bronze"] .primary-button.card-cta:hover,
.listing-card[data-tier="bronze"] .card-cta:hover {
    color: #4a2409;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.44) 0%, transparent 36%),
        linear-gradient(165deg, rgba(255, 251, 246, 1) 0%, rgba(248, 210, 178, 0.96) 48%, rgba(191, 116, 58, 0.92) 100%);
    border-color: rgba(191, 116, 58, 0.56);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 3px 10px rgba(156, 86, 33, 0.14);
}

.listing-card.bronze .primary-button.card-cta:active,
.listing-card.bronze .card-cta:active,
.listing-card[data-tier="bronze"] .primary-button.card-cta:active,
.listing-card[data-tier="bronze"] .card-cta:active {
    color: #7a3e17;
    background:
        linear-gradient(165deg, rgba(245, 200, 166, 0.96) 0%, rgba(184, 116, 63, 0.9) 100%);
    border-color: rgba(156, 86, 33, 0.48);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        0 1px 4px rgba(156, 86, 33, 0.1);
}

.listing-feed-section-head-bronze {
    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.44) 0%, transparent 40%),
        linear-gradient(165deg, rgba(255, 241, 232, 0.82) 0%, rgba(245, 200, 166, 0.26) 54%, rgba(255, 241, 232, 0.16) 100%);
    border: 1px solid rgba(191, 116, 58, 0.18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

.listing-feed-section-line {
    flex: 1 1 0;
    max-width: 152px;
    min-width: 32px;
    display: flex;
    align-self: center;
    pointer-events: none;
}

.listing-feed-section-line-svg {
    display: block;
    width: 100%;
    height: 10px;
}

.listing-feed-section-line--bronze .listing-feed-section-line-svg {
    filter: drop-shadow(0 0 5px rgba(201, 140, 85, 0.32));
}

.listing-feed-section-line--right .listing-feed-section-line-svg {
    transform: scaleX(-1);
}

.listing-feed-section-plaque-bronze {
    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.58);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.38) 0%, transparent 36%),
        linear-gradient(165deg, #fff9f4 0%, #f3d2b0 28%, #d4a574 58%, #b8743f 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 241, 232, 0.9),
        0 4px 12px rgba(156, 86, 33, 0.14);
}

.listing-feed-section-plaque-bronze::before {
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.46) 0%,
        transparent 48%,
        rgba(122, 62, 23, 0.05) 100%
    );
    animation: plaque-shimmer 5.2s ease-in-out infinite;
    opacity: 0.62;
}

.listing-feed-section-plaque-bronze::after {
    width: 38%;
    opacity: 0.48;
    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 6.8s ease-in-out infinite;
}

.listing-feed-section-head-bronze .listing-feed-section-title-bronze {
    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: #4a2409;
    background: none;
    -webkit-text-fill-color: currentColor;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
}

.listing-feed-section-rule-bronze {
    display: none;
}

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

.mobile-shell .listing-feed-section-line {
    max-width: 92px;
    min-width: 20px;
}

.mobile-shell .listing-feed-section-line-svg {
    height: 8px;
}

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

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

.listing-card.bronze {
    background: linear-gradient(145deg, rgba(255, 241, 232, 0.98), rgba(245, 200, 166, 0.92));
}

.listing-card.bronze .listing-card-media .listing-image-placeholder,
.listing-card[data-tier="bronze"] .listing-card-media .listing-image-placeholder {
    background: linear-gradient(165deg, #fff9f4 0%, #f3d2b0 28%, #d4a574 58%, #b8743f 100%);
    color: #4a2409;
}

.listing-card.bronze .listing-card-media .listing-new-mark,
.listing-card[data-tier="bronze"] .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, #fff9f4 0%, #f3d2b0 32%, #d4a574 68%, #b8743f 100%);
    border-color: rgba(255, 255, 255, 0.58);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        inset 0 -2px 4px rgba(122, 62, 23, 0.2),
        0 2px 10px rgba(156, 86, 33, 0.26),
        0 5px 18px rgba(184, 116, 63, 0.2);
}

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

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

.listing-card.bronze .listing-card-media {
    background: linear-gradient(145deg, rgba(255, 241, 232, 0.98), rgba(245, 200, 166, 0.92));
    border-color: rgba(191, 116, 58, 0.46);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.72) inset,
        0 0 0 2px rgba(191, 116, 58, 0.16),
        0 4px 12px rgba(156, 86, 33, 0.12);
}

.listing-card.bronze .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(74, 38, 14, 0.48) 0%, rgba(156, 86, 33, 0.14) 38%, transparent 66%),
        linear-gradient(135deg, rgba(255, 241, 232, 0.08) 0%, transparent 42%, rgba(191, 116, 58, 0.1) 100%);
}

.listing-card.bronze .listing-kunya-clip {
    border-color: rgba(191, 116, 58, 0.82);
    background: linear-gradient(180deg, #fff1e8 0%, #f5c8a6 100%);
}

.listing-card.bronze .listing-kunya-plate,
.listing-card[data-tier="bronze"] .listing-kunya-plate {
    --kunya-photo-bg: linear-gradient(145deg, rgba(255, 241, 232, 0.98), rgba(245, 200, 166, 0.9));
    --kunya-photo-border: rgba(191, 116, 58, 0.42);
    --kunya-photo-shadow: 0 1px 0 rgba(255, 255, 255, 0.85) inset, 0 4px 14px rgba(191, 116, 58, 0.18);
    --kunya-heart-bg: linear-gradient(160deg, #fff4ec 0%, #f5c8a6 45%, #dca478 100%);
    --kunya-heart-border: rgba(191, 116, 58, 0.48);
    --kunya-heart-color: #9a5d2f;
    --kunya-heart-shadow: inset 0 1px 0 rgba(255, 241, 232, 0.88), 0 0 16px rgba(156, 86, 33, 0.22);
    --kunya-heart-main-filter: drop-shadow(0 2px 5px rgba(156, 86, 33, 0.35));
    --kunya-heart-float-color: #c98c55;
    --kunya-heart-float-filter: drop-shadow(0 1px 4px rgba(156, 86, 33, 0.45));
    border-color: rgba(191, 116, 58, 0.58);
    background: linear-gradient(180deg, rgba(255, 245, 238, 0.98) 0%, rgba(255, 232, 216, 0.96) 100%);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.92) inset,
        0 0 0 3px rgba(191, 116, 58, 0.16),
        0 10px 24px rgba(156, 86, 33, 0.12);
}

.listing-card.bronze .listing-kunya-name {
    color: #7a3e17;
}

.listing-card.bronze .listing-kunya-rule {
    background: linear-gradient(90deg, rgba(191, 116, 58, 0.9), rgba(191, 116, 58, 0.16));
}

.listing-card.bronze .listing-kunya-contact {
    color: #7a3e17;
}

.listing-card.bronze .listing-kunya-contact::before {
    background: linear-gradient(
        135deg,
        rgba(255, 241, 232, 0.96) 0%,
        rgba(245, 200, 166, 0.88) 52%,
        rgba(201, 140, 85, 0.74) 100%
    );
    border-color: rgba(255, 255, 255, 0.58);
    box-shadow:
        0 3px 12px rgba(156, 86, 33, 0.18),
        inset 0 0.5px 0 rgba(255, 255, 255, 0.72);
}

.listing-card.bronze .listing-kunya-contact-icon,
.listing-card[data-tier="bronze"] .listing-kunya-contact-icon {
    color: inherit;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.38) 0%, transparent 36%),
        linear-gradient(
            165deg,
            rgba(255, 249, 244, 0.98) 0%,
            rgba(243, 210, 176, 0.94) 52%,
            rgba(212, 165, 116, 0.88) 100%
        );
    border: 1px solid rgba(220, 164, 120, 0.5);
    box-shadow:
        inset 0 1px 0 rgba(255, 241, 232, 0.88),
        inset 0 -1px 3px rgba(156, 86, 33, 0.08),
        0 2px 6px rgba(156, 86, 33, 0.1);
}

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

.listing-card.bronze .listing-kunya-meta-item,
.listing-card.bronze .listing-kunya-meta-item-age,
.listing-card.bronze .listing-kunya-meta-item-weight,
.listing-card.bronze .listing-kunya-meta-item-height,
.listing-card.bronze .listing-kunya-meta-item-place,
.listing-card.bronze .listing-kunya-meta-item-hotel,
.listing-card.bronze .listing-kunya-meta-item-meeting,
.listing-card[data-tier="bronze"] .listing-kunya-meta-item,
.listing-card[data-tier="bronze"] .listing-kunya-meta-item-age,
.listing-card[data-tier="bronze"] .listing-kunya-meta-item-weight,
.listing-card[data-tier="bronze"] .listing-kunya-meta-item-height,
.listing-card[data-tier="bronze"] .listing-kunya-meta-item-place,
.listing-card[data-tier="bronze"] .listing-kunya-meta-item-hotel,
.listing-card[data-tier="bronze"] .listing-kunya-meta-item-meeting {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.38) 0%, transparent 36%),
        linear-gradient(165deg, rgba(255, 249, 244, 0.98) 0%, rgba(243, 210, 176, 0.96) 45%, rgba(184, 116, 63, 0.9) 100%);
    border: 1px solid rgba(220, 164, 120, 0.5);
    color: #4a2409;
    text-shadow: 0 1px 0 rgba(255, 241, 232, 0.58);
    box-shadow:
        inset 0 1px 0 rgba(255, 241, 232, 0.88),
        0 2px 6px rgba(122, 62, 23, 0.12);
}

.listing-card.bronze .listing-kunya-location {
    border-left-color: rgba(191, 116, 58, 0.36);
}

.listing-card.bronze .listing-kunya-location-icon {
    color: #9a5d2f;
    background: rgba(255, 241, 232, 0.96);
    border-color: rgba(191, 116, 58, 0.44);
}

.listing-card.bronze .listing-kunya-location-text {
    color: #7a3e17;
}

.mobile-shell .listing-card.bronze .listing-card-media {
    background: linear-gradient(145deg, rgba(255, 241, 232, 0.98), rgba(245, 200, 166, 0.94));
    border-color: rgba(191, 116, 58, 0.52);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.76) inset,
        0 0 0 2px rgba(191, 116, 58, 0.18),
        0 3px 10px rgba(156, 86, 33, 0.12);
}

.mobile-shell .listing-card.bronze .listing-card-media-location::before,
.mobile-shell .listing-card[data-tier="bronze"] .listing-card-media-location::before {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.38) 0%, transparent 36%),
        linear-gradient(165deg, rgba(255, 249, 244, 0.98) 0%, rgba(243, 210, 176, 0.96) 34%, rgba(212, 165, 116, 0.94) 68%, rgba(184, 116, 63, 0.92) 100%);
    border: 1px solid rgba(220, 164, 120, 0.56);
    box-shadow:
        inset 0 1px 0 rgba(255, 241, 232, 0.92),
        inset 0 -1px 0 rgba(156, 86, 33, 0.08),
        0 3px 12px rgba(122, 62, 23, 0.18);
}

.mobile-shell .listing-card.bronze .listing-card-media-location .listing-kunya-location-icon,
.mobile-shell .listing-card[data-tier="bronze"] .listing-card-media-location .listing-kunya-location-icon {
    background:
        linear-gradient(145deg, rgba(255, 248, 240, 0.98) 0%, rgba(232, 166, 118, 0.9) 100%);
    border: 1px solid rgba(191, 116, 58, 0.46);
    color: #7a3e17;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        0 1px 4px rgba(156, 86, 33, 0.12);
}

.mobile-shell .listing-card.bronze .listing-card-media-location .listing-kunya-location-text,
.mobile-shell .listing-card[data-tier="bronze"] .listing-card-media-location .listing-kunya-location-text {
    color: #4a2409;
    text-shadow: 0 1px 0 rgba(255, 241, 232, 0.62);
}

.mobile-shell .listing-card.bronze .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(74, 38, 14, 0.46) 0%, rgba(156, 86, 33, 0.14) 34%, transparent 58%),
        linear-gradient(270deg, rgba(191, 116, 58, 0.1) 0%, transparent 48%);
}

.mobile-shell .listing-card.bronze .listing-kunya-name {
    color: #7a3e17;
}

.mobile-shell .listing-card.bronze .listing-kunya-plate {
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.92) inset,
        0 0 0 2px rgba(191, 116, 58, 0.16),
        0 4px 10px rgba(156, 86, 33, 0.1);
}

.mobile-shell .listing-card.bronze {
    background: linear-gradient(145deg, rgba(255, 241, 232, 0.98), rgba(245, 200, 166, 0.94));
    border-width: 1.5px;
    border-color: rgba(191, 116, 58, 0.8);
    box-shadow:
        0 2px 8px rgba(15, 23, 42, 0.05),
        0 0 0 2px rgba(191, 116, 58, 0.16);
}