/* ============================================================
   Girl cards — Vertical + Horizontal layouts + toggle
   Overrides legacy main.css rules with higher specificity.
============================================================ */

/* ---------- Layout toggle ---------- */
.girl-layout-toggle {
    display: inline-flex;
    gap: 4px;
    margin: 0 0 16px;
    padding: 4px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
}
.girl-layout-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px; height: 36px;
    padding: 0;
    color: #fff;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 7px;
    cursor: pointer;
    transition: background .15s, color .15s;
}
.girl-layout-btn:hover { background: rgba(255, 255, 255, 0.1); }
.girl-layout-btn.active {
    background: #d4b450;
    color: #111;
}
.girl-layout-icon {
    display: block;
    width: 18px; height: 18px;
    background: currentColor;
    -webkit-mask: center / contain no-repeat;
            mask: center / contain no-repeat;
}
.girl-layout-icon--grid {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='3' y='3' width='8' height='8' rx='1'/><rect x='13' y='3' width='8' height='8' rx='1'/><rect x='3' y='13' width='8' height='8' rx='1'/><rect x='13' y='13' width='8' height='8' rx='1'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='3' y='3' width='8' height='8' rx='1'/><rect x='13' y='3' width='8' height='8' rx='1'/><rect x='3' y='13' width='8' height='8' rx='1'/><rect x='13' y='13' width='8' height='8' rx='1'/></svg>");
}
.girl-layout-icon--list {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='3' y='4' width='18' height='4' rx='1'/><rect x='3' y='10' width='18' height='4' rx='1'/><rect x='3' y='16' width='18' height='4' rx='1'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='3' y='4' width='18' height='4' rx='1'/><rect x='3' y='10' width='18' height='4' rx='1'/><rect x='3' y='16' width='18' height='4' rx='1'/></svg>");
}

/* ---------- Grid containers ---------- */
.girls-list.girls-list--vertical {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(540px, 1fr));
    gap: 20px;
    max-width: 1300px;
    margin: 0 auto;
    align-items: stretch;
    justify-content: initial;
}
.girls-list.girls-list--horizontal {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    max-width: 1300px;
    margin: 0 auto;
    align-items: stretch;
    justify-content: initial;
}


/* ============================================================
   VERTICAL card — wide row: image+thumbs left, info right
   (2 per row grid container handles layout above this rule)
============================================================ */
.girl-card.girl-card--vertical {
    position: relative;
    max-width: none;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 14px;
    margin: 0;
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 16px;
    align-items: stretch;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    overflow: visible;
}
@media (max-width: 640px) {
   
}


/* Media column */
.girl-card--vertical .girl-card__media {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.girl-card--vertical .girl-card__main-photo {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.2);
    text-decoration: none;
    margin: 0;
}
.girl-card--vertical .girl-card__main-photo img,
.girl-card--vertical .girl-card__main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity .15s;
}
.girl-card--vertical .girl-card__thumbs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.girl-card--vertical .girl-card__thumbs li { margin: 0; }
.girl-card--vertical .girl-card__thumb-btn {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 8px;
    background: transparent;
    overflow: hidden;
    cursor: pointer;
    transition: border-color .15s;
}
.girl-card--vertical .girl-card__thumb-btn:hover,
.girl-card--vertical .girl-card__thumb-btn.active { border-color: #EADF82; }
.girl-card--vertical .girl-card__thumb-btn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Info column */
.girl-card--vertical .girl-card__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 10px;
}
.girl-card--vertical .girl-card__head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    flex-wrap: wrap;
}
.girl-card--vertical .girl-card-name {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    text-align: left;
    color: #fff;
    display: block;
}
.girl-card--vertical .girl-card-name a {
    width: auto; height: auto;
    display: inline;
    font-size: inherit;
    color: #fff;
    text-decoration: none;
}
.girl-card--vertical .girl-card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
    flex: 0 0 auto;
}
.girl-card--vertical .girl-card__badges .badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding:4px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 11px;
    font-weight: 500;
    color: #fff;
}
.girl-card--vertical .girl-card__badges .badge__label { line-height: 1; }
.girl-card--vertical .girl-card__badges .badge img { display: block; width: 20px; height: 20px; }
.girl-card--vertical .girl-card__badges .badge--vip {
    background: rgba(212, 180, 80, 0.2);
    border-color: rgba(212, 180, 80, 0.5);
    color: #EADF82;
}

.girl-card--vertical .girl-availability {
    margin: 0;
    font-size: 14px;
    color: #d4b450;
   
}

.girl-card--vertical .girl-card__detail-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px; 
}
@media (max-width: 480px) {
    .girl-card--vertical .girl-card__detail-grid { grid-template-columns: 1fr; }
}

.girl-card--vertical .girl-card__col {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    padding: 0;
    grid-column: 1/3;
}

.girl-card--vertical .girl-price {
    display: flex;
    flex-direction: row;
    gap: 2px 10px;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    flex: 0 0 auto;
    flex-wrap: wrap;
}
.girl-card--vertical .girl-price__label {
    color: rgba(255, 255, 255, 0.65);
    font-weight: 400;
}
.girl-card--vertical .girl-price__value { font-weight: 600; }
.girl-card--vertical .girl-price span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.girl-card--vertical .girl-card__services {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
    grid-column: 1/3;
}

.girl-card--vertical .girl-card__params {
    display: flex;
    flex-direction: row;
    gap: 5px 20px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    flex-wrap: wrap;
}
.girl-card--vertical .girl-card__intro-box {
    padding: 10px 12px;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
}
.girl-card--vertical .girl-card__intro-box p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.88);
    display: -webkit-box;
    -webkit-line-clamp: 3;
            line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ============================================================
   HORIZONTAL card (2 per row on wide, 1 per row on narrow)
============================================================ */
.girl-card.girl-card--horizontal {
    max-width: none;
    height: auto;
    min-height: 0;
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 14px;
    padding: 14px;
    margin: 0;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    overflow: visible;
    position: relative;
}
@media (max-width: 560px) {
    .girl-card.girl-card--horizontal { grid-template-columns: 1fr; }
}

.girl-card.girl-card--horizontal .girl-card__media-link {
    display: flex;
    text-decoration: none;
    gap: 5px;
    color: inherit;
    margin: 0;
}
.girl-card.girl-card--horizontal .girl-card__main-photo {
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.2);
}
.girl-card.girl-card--horizontal .girl-card__main-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.girl-card.girl-card--horizontal .girl-card__thumbs {
    display: grid;
    grid-template-rows: repeat(4, 1fr);
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.girl-card.girl-card--horizontal .girl-card__thumbs img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 6px;
    display: block;
    cursor: pointer;
}

.girl-card.girl-card--horizontal .girl-card__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 8px;
    height: 100%;
    justify-content: flex-start;
}

.girl-card.girl-card--horizontal .girl-card__head {
    display: flex;
    align-items: center;
    margin: 0;
    gap: 5px;
    flex-wrap: wrap;
}
.girl-card.girl-card--horizontal .girl-card-name {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    text-align: left;
    color: #fff;
    display: block;
}
.girl-card.girl-card--horizontal .girl-card-name a {
    width: auto; height: auto;
    display: inline;
    font-size: inherit;
    color: #fff;
    text-decoration: none;
}

.girl-card.girl-card--horizontal .girl-card__badges {
    display: inline-flex;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
    flex: 0 0 auto;
}
.girl-card.girl-card--horizontal .girl-card__badges .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.08);
    padding: 2px 5px;
    gap: 5px;
}
.girl-card.girl-card--horizontal .girl-card__badges .badge span {
    font-size: 14px;
}

.girl-card.girl-card--horizontal .girl-availability {
    margin: 0;
    font-size: 14px;
    color: #d4b450;
    flex: 1 1 100%;
}

.girl-card.girl-card--horizontal .girl-card__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px 5px;
    align-items: center;
}
@media (max-width: 480px) {
    .girl-card.girl-card--horizontal .girl-card__grid { grid-template-columns: 1fr; }
}

.girl-card.girl-card--horizontal .girl-card__prices {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    max-width: 90%;
    width: 100%;
    grid-column: 1 / 3;
    margin: 0 auto;
}
.girl-card.girl-card--horizontal .girl-price {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
    gap: 6px;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    flex: 0 0 auto;
}
.girl-card.girl-card--horizontal .girl-price__label {
    color: rgba(255, 255, 255, 0.65);
    font-weight: 400;
}
.girl-card.girl-card--horizontal .girl-price__value { font-weight: 600; }
.girl-card.girl-card--horizontal .girl-price span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.girl-card.girl-card--horizontal .girl-card__intro {
    margin: 4px 0 0;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.8);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    min-width: 0;
}

/* ============================================================
   Common (params, services, menu)
============================================================ */
.girl-info__params,
.girl-card__params {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3px 12px;
    margin: 6px 0;
    font-size: 14px;
    list-style: none;
    padding: 0;
    font-size: 16px;
}
.girl-card.girl-card--horizontal .girl-card__grid .girl-card__params {
    display: flex;
    align-items: center;
    margin: 0;
    flex-wrap: wrap;
}

.girl-card.girl-card--horizontal .girl-card__grid .girl-card__services {
    margin: 0;
}

.girl-param {
    display: flex;
    gap: 4px;
    margin: 0;
    min-width: 0;
    line-height: 1.4;
}
.girl-param dt {
    color: rgba(255, 255, 255, 0.6);
    flex-shrink: 0;
    font-weight: 400;
}
.girl-param dd {
    margin: 0;
    color: #fff;
    font-weight: 500;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.girl-info__services,
.girl-card__services {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
}
.girl-service-tag {
    display: inline-block;
    padding: 3px 10px;
    height: fit-content;
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
    background: rgba(212, 180, 80, 0.18);
    border: 1px solid rgba(212, 180, 80, 0.4);
    border-radius: 12px;
    white-space: nowrap;
}
.girl-service-tag--current {
    background: linear-gradient(90deg, rgba(234, 223, 130, 0.85) 0%, rgba(239, 167, 94, 0.85) 100%);
    border-color: #EADF82;
    color: #111;
    font-weight: 600;
    box-shadow: 0 0 0 1px rgba(234, 223, 130, 0.35) inset;
}


/* ---------- 3-dot menu ---------- */
.girl-card-menu,
.girl-card__menu {
    position: relative;
    display: inline-block;
    z-index: 9;
}
.girl-card-menu__toggle {
    width: 30px; height: 30px;
    padding: 0;
    font-size: 18px;
    line-height: 1;
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
}
.girl-card-menu__list {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 170px;
    margin: 6px 0 0;
    padding: 4px 0;
    list-style: none;
    background: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
    z-index: 20;
}
.girl-card-menu__list li { margin: 0; }
.girl-card-menu__list button {
    display: block;
    width: 100%;
    padding: 8px 12px;
    font-size: 14px;
    text-align: left;
    background: transparent;
    color: #fff;
    border: none;
    cursor: pointer;
}
.girl-card-menu__list button:hover { background: rgba(255, 255, 255, 0.08); }

.visually-hidden {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ---------- Header gender switch (dropdown near search) ---------- */
.gender-switch {
    position: relative;
    display: inline-block;
}
.gender-switch__toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}
.gender-switch__toggle:hover {
    background: rgba(212, 180, 80, 0.18);
    border-color: rgba(212, 180, 80, 0.5);
}
.gender-switch.open .gender-switch__toggle {
    background: rgba(212, 180, 80, 0.2);
    border-color: #d4b450;
}
.gender-switch__arrow {
    width: 0; height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid currentColor;
    transition: transform .2s;
}
.gender-switch.open .gender-switch__arrow { transform: rotate(180deg); }

.gender-switch__list {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 130px;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    background: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45);
    z-index: 40;
}
.gender-switch__list li { margin: 0; }
.gender-switch__item {
    display: block;
    padding: 8px 14px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    transition: background .12s, color .12s;
}
.gender-switch__item:hover {
    background: rgba(212, 180, 80, 0.18);
    color: #d4b450;
}

/* ---------- Languages: remove absolute positioning, put in flow ---------- */
.actions .languages {
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
}
.actions .languages .lang-btn {
    position: relative;
    z-index: 2;
    color: #edc270;
    transition: color .15s;
}
.actions .languages .lang-btn:hover,
.actions .languages.active .lang-btn {
    color: #EADF82;
}
.lang-btn__icon {
    display: block;
    width: 24px;
    height: 24px;
}
.actions .languages.active {
    width: auto;
    height: auto;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}
.actions .languages .lang-dropdown {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    left: auto;
    padding: 8px 6px;
    background: rgba(20, 20, 20, 0.95);
    box-shadow: inset 0 0 10px rgba(234, 223, 130, .34);
    border-radius: 30px;
    z-index: 40;
}
.actions .languages .lang-dropdown[hidden] { display: none !important; }
@media (max-width: 1023px) {
    .actions .languages{
        display: none;
    }
    .actions .languages .lang-dropdown { right: 0; left: auto; }
}

/* ---------- Gender switch mobile ---------- */
@media (max-width: 1023px) {
    .gender-switch__toggle {
        padding: 5px 10px;
        font-size: 14px;
    }
    .gender-switch__list {
        right: 0;
        left: auto;
        min-width: 110px;
    }
}
@media (max-width: 560px) {
    .gender-switch__toggle {
        padding: 4px 8px;
        font-size: 12px;
    }
    .gender-switch__arrow {
        border-left-width: 4px;
        border-right-width: 4px;
        border-top-width: 4px;
    }
}

/* ---------- Prices: 2 columns (Incall | Outcall) ---------- */
.girl-card__prices.girl-card__prices--cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 14px;
    padding: 10px 12px;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
}
@media (max-width: 380px) {
    .girl-card__prices.girl-card__prices--cols { grid-template-columns: 1fr; }
}

.girl-card__prices-col {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    flex: 1;
}
.girl-card__prices-title {
    margin: 0 0 2px;
    padding: 0 0 4px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;padding: 0;
    color: #EADF82;
    border-bottom: 1px solid rgba(234, 223, 130, 0.25);
}
.girl-card__prices-list {
    margin: 0 10%;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 12px;
    line-height: 1.4;
    color: #fff;
}
.girl-card__prices-row {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin: 0;
    font-size: 15px;
}
.girl-card__prices-row dt {
    color: rgba(255, 255, 255, 0.65);
    font-weight: 400;
    flex: 0 0 auto;
}
.girl-card__prices-row dd {
    margin: 0;
    color: #fff;
    font-weight: 600;
    flex: 0 0 auto;
    text-align: right;
}

/* ---------- Favorites page sections ---------- */
.favorites-sections {
    display: flex;
    flex-direction: column;
    gap: 28px;
}
.favorites-section {
    margin: 0;
    padding: 0;
}
.favorites-section__title {
    margin: 0 0 12px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: baseline;
    gap: 8px;
}
.favorites-section__count {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}

/* Stretched link — keep clickable for card */
.girl-card.girl-card--vertical .card-stretched-link::after,
.girl-card.girl-card--horizontal .card-stretched-link::after {
    content: '';
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    z-index: 1;
}
.girl-card.girl-card--vertical .girl-card-menu,
.girl-card.girl-card--vertical .right-card-btns,
.girl-card.girl-card--vertical .left-card-btns,
.girl-card.girl-card--vertical .girl-service-tag,
.girl-card.girl-card--horizontal .girl-card__menu,
.girl-card.girl-card--horizontal .girl-card__badges,
.girl-card.girl-card--horizontal .girl-service-tag {
    position: relative;
    z-index: 2;
}

@media (max-width: 1150px) {
    .girls-list.girls-list--vertical { grid-template-columns: repeat(3, 1fr); gap: 10px; }
    .girl-card.girl-card--vertical { grid-template-columns: 1fr; gap: 10px; }
}
@media (max-width: 1000px) {
    .girl-card.girl-card--horizontal .girl-card__media-link{
        flex-direction: column;
    }
    .girl-card.girl-card--horizontal .girl-card__thumbs{
        grid-template-rows: auto;
        grid-template-columns: repeat(4, 1fr);
    }
    .girl-card.girl-card--horizontal{
        grid-template-columns: 220px 1fr;
    }
    .girl-card.girl-card--horizontal .girl-card__intro{
        line-clamp: 3;
        -webkit-line-clamp: 3;
    }
    .girl-card.girl-card--horizontal .girl-card__prices {
        max-width: 100%;
    }
}
@media (min-width: 768px) {
    .girl-card__prices-wrap {
        display: none;
    }
}
@media (max-width: 768px) {
   .girl-card__prices-wrap {
        width: 100%;
        grid-column: 1 / 3;
    }

    .dark .girl-card__prices-wrap {
        background: #1f2937;
        border-color: #374151;
    }
    .girl-card.girl-card--horizontal .girl-card__media-link{
        flex-direction: row;
    }
    .girl-card.girl-card--horizontal .girl-card__thumbs {
        grid-template-rows:  repeat(4, 1fr);
        grid-template-columns:auto;
    }
    .girl-card--vertical .girl-price{
        gap: 2px 5px;
    }
    .girls-list.girls-list--vertical { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}

@media (max-width: 560px) {
    .girl-card.girl-card--horizontal .girl-card__grid{
        grid-template-columns: 1fr;
    }
    .girl-card.girl-card--horizontal .girl-card__badges{
        width: 100%;
        flex-wrap: wrap;
    }
}

@media (max-width: 550px) {
    .girl-card--vertical .girl-card__body{
        align-items: center;
        gap: 4px;
    }
    .girl-card--vertical .girl-price{
        justify-content: center;
    }
    .girl-availability{
        display: none;
    }
}
@media (max-width: 480px) {
    .girl-card.girl-card--horizontal {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .girl-card.girl-card--horizontal .girl-card__media-link {
        flex-direction: row;
        max-width: 336px;
    }
    .girl-card.girl-card--horizontal .girl-card__badges,
    .girl-card.girl-card--horizontal .girl-card-name{
        max-width: fit-content;
    }
    .girl-card-menu, .girl-card__menu{
        margin-left: auto
    }
    
}
@media (max-width: 460px) {
    .girls-list.girls-list--vertical {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .girl-card__media{
        max-width: 300px;
    }
    .girl-card.girl-card--vertical{
        justify-items: center;
    }
}
@media (max-width: 425px) {
    .girl-card.girl-card--horizontal .girl-card__prices{
        flex-direction: column;
    }
    .girl-card.girl-card--horizontal .girl-card__media-link {
        flex-direction: column;
        max-width: 100%;
    }
    .girl-card.girl-card--horizontal .girl-card__thumbs {
        grid-template-rows: auto;
        grid-template-columns:repeat(4, 1fr) ;
    }

}

/* ============================================================
   Girl card MINI — compact slide (photo + name + link)
============================================================ */
.girl-card-mini {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    overflow: hidden;
    transition: transform .2s ease, border-color .2s ease;
}
.girl-card-mini:hover {
    transform: translateY(-2px);
    border-color: rgba(234, 223, 130, 0.4);
}
.girl-card-mini__link {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    gap: 8px;
}
.girl-card-mini__photo {
    display: block;
    width: 100%;
    margin: 0;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.2);
}
.girl-card-mini__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.girl-card-mini__title {
    margin: 0;
    padding: 8px 10px 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    text-align: center;
}
@media (max-width: 480px) {
    .girl-card-mini__title { font-size: 14px; padding: 6px 8px 8px; }
}

/* ============================================================
   InfiniteMultiSlider — base layout (used by reviews/related)
   Mirror of blog-post.css rules so the slider works on all pages.
============================================================ */
.recommended-girls,
.reviews.dark-decor {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    align-self: stretch;
    box-sizing: border-box;
}
.recommended-girls-slider.infi-slider,
.reviews-slider.infi-slider {
    display: block;
    width: 100%;
    min-width: 0;
}
.recommended-girls-slider .is-track-wrapper,
.reviews-slider .is-track-wrapper {
    display: block;
    width: 100%;
}
.infi-slider {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 10px;
    box-sizing: border-box;
}
.infi-slider .is-track-wrapper {
    overflow: hidden;
    width: 100%;
}
.infi-slider .is-track {
    display: flex;
    transition: transform .35s ease;
    will-change: transform;
}
.infi-slider .is-track > * {
    opacity: 1;
    transition: opacity .35s ease;
}
.infi-slider .is-track > *.fade {
    opacity: 0;
}
.infi-slider .is-arrow {
    position: absolute;
    top: -72px;
    z-index: 20;
    width: 48px;
    height: 48px;
    padding: 0;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    background: linear-gradient(90deg, #0a0a0a 0%, #171502 100%);
    box-shadow: inset 0 0 10px 0 rgba(234, 223, 130, 0.34);
    display: flex;
    align-items: center;
    justify-content: center;
}
.infi-slider .is-arrow img {
    width: 20px;
    height: 20px;
    display: block;
}
.infi-slider .is-arrow.is-prev { right: 70px; transform: rotate(90deg); }
.infi-slider .is-arrow.is-next { right: 10px;    transform: rotate(-90deg); }
.infi-slider .is-pagination {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 12px;
}
.infi-slider .is-pagination .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    transition: width .25s, background .25s;
}
.infi-slider .is-pagination .dot.active {
    width: 18px;
    border-radius: 4px;
    background: #e7c57a;
}

@media (max-width: 767px) {
    .infi-slider .is-arrow { width: 40px; height: 40px; top: -60px; }
    .infi-slider .is-arrow.is-prev { right: 50px; }
}