/* ==========================================================================
   PROFILE PAGE REDESIGN v2 — Luxury Editorial Scroll Layout
   ExoticKenya.com | Feb 2026

   Scoped under .profile-page (on .bodybox) and body.single-escort (for sidebars).
   All parent-conflicting properties use !important from line 1.

   DEPENDENCY: Requires override.css to be loaded first (provides --brand-primary,
   --text-primary, --bg-primary, --gold-accent, --transition-fast, etc.)
   Enqueued with dependency 'escortwp-override-css' at priority 120.
   ========================================================================== */


/* --------------------------------------------------------------------------
   S1: LAYOUT CONSTANTS
   -------------------------------------------------------------------------- */
.profile-page {
    --profile-max: 1180px;
    --profile-pad: clamp(16px, 3vw, 28px);
    --profile-gap: clamp(16px, 2.2vw, 26px);
    --profile-r-xl: 28px;
    --profile-r-lg: 18px;
    --profile-r-md: 12px;
    --stickybar-h: 60px;
    --profile-surface-base: linear-gradient(180deg, rgba(18, 17, 22, 0.92), rgba(10, 11, 16, 0.84));
    --profile-surface-raised: linear-gradient(180deg, rgba(21, 17, 20, 0.96), rgba(11, 12, 17, 0.9));
    --profile-surface-soft: rgba(255, 255, 255, 0.03);
    --profile-border-soft: rgba(230, 210, 164, 0.12);
    --profile-border-strong: rgba(230, 210, 164, 0.18);
    --profile-shadow-lg: 0 22px 48px rgba(0, 0, 0, 0.34);
    --profile-shadow-md: 0 14px 32px rgba(0, 0, 0, 0.28);
    --profile-accent-gradient: linear-gradient(90deg, rgba(230, 210, 164, 0.92), rgba(185, 28, 28, 0.88));
}


/* --------------------------------------------------------------------------
   S2: RESET & FOUNDATION — Kill parent's floats, backgrounds, borders
   -------------------------------------------------------------------------- */
.profile-page .girlsingle,
.profile-page .girlinfo,
.profile-page .girlinfo.l,
.profile-page .girlinfo.r,
.profile-page .girlinfo-section,
.profile-page .aboutme,
.profile-page .section-box,
.profile-page .profile-header {
    float: none !important;
    clear: both !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    color: var(--text-primary) !important;
}

/* Kill parent's clearfix floats — hide them in grid context so they
   don't become stray grid children with order:0 */
.profile-page .clear,
.profile-page .clear5,
.profile-page .clear10,
.profile-page .clear20:not(#reviews),
.profile-page .clear30 {
    display: none !important;
    float: none !important;
    clear: both !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Override parent's pink/blue accent colors */
.profile-page .section-box b {
    color: var(--text-tertiary) !important;
    border: none !important;
}

.profile-page h4 {
    border-left: none !important;
    padding-left: 0 !important;
    color: var(--text-primary) !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    letter-spacing: -0.01em !important;
    margin-bottom: 16px !important;
}

.profile-page .aboutme h4 {
    border-left: none !important;
}


/* --------------------------------------------------------------------------
   S3-NEW: HERO — Full-Bleed Photo with Overlaid Info (mobile-first)
   -------------------------------------------------------------------------- */

/* Hide Yoast breadcrumb nav on profile pages */
.profile-page .profile-breadcrumbs { display: none !important; }

/* ── Section container ── */
.profile-page .profile-hero--fullbleed {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* ── Gallery: true full-screen, no header space ── */
.profile-page .profile-hero__gallery {
    position: relative;
    width: 100%;
    height: 100vh;
    height: 100svh; /* accounts for mobile browser chrome on iOS/Android */
    min-height: 480px;
    overflow: hidden;
    background: #0a080d;
    touch-action: pan-y;
}

/* ── Slides ── */
.profile-page .profile-hero__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.38s ease;
    pointer-events: none;
}
.profile-page .profile-hero__slide.is-active {
    opacity: 1;
    pointer-events: auto;
}
.profile-page .profile-hero__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
    user-select: none;
    -webkit-user-drag: none;
}

/* ── Gradient overlay — heavy bottom, transparent top ── */
.profile-page .profile-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(8, 6, 11, 0.97) 0%,
        rgba(8, 6, 11, 0.80) 18%,
        rgba(8, 6, 11, 0.40) 38%,
        rgba(8, 6, 11, 0.10) 58%,
        transparent 75%
    );
    pointer-events: none;
    z-index: 2;
}

/* ── Nav controls — shared glass-circle button ── */
.profile-hero__nav-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    background: rgba(8, 6, 11, 0.52);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.88);
    cursor: pointer;
    text-decoration: none !important;
    transition: background 160ms ease, border-color 160ms ease;
    flex-shrink: 0;
    -webkit-tap-highlight-color: transparent;
}
.profile-hero__nav-btn:hover,
.profile-hero__nav-btn:focus-visible {
    background: rgba(139, 10, 26, 0.30);
    border-color: rgba(139, 10, 26, 0.55);
    color: #fff;
}

/* ── Top-left: back button ── */
.profile-page .profile-hero__nav-tl {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 5;
}

/* ── Top-left lower: tier badges (below back button) ── */
.profile-page .profile-hero__badges-tl {
    position: absolute;
    top: 62px;
    left: 14px;
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

/* ── Top-right: favorites + share row ── */
.profile-page .profile-hero__nav-tr {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 5;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

/* ── Tier badges ── */
.profile-tier-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    padding: 5px 10px 5px 9px;
    border-radius: 999px;
    white-space: nowrap;
    line-height: 1;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.profile-tier-badge--vip {
    background: linear-gradient(135deg, #961525, #640812);
    color: #fff;
    border: 1px solid rgba(190, 60, 78, 0.55);
    box-shadow: 0 2px 14px rgba(139, 10, 26, 0.50);
}
.profile-tier-badge--vip svg { flex-shrink: 0; opacity: 0.95; }
.profile-tier-badge--premium {
    background: rgba(139, 10, 26, 0.22);
    border: 1px solid rgba(139, 10, 26, 0.48);
    color: #c89aa3;
}
.profile-tier-badge--new {
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: rgba(255, 255, 255, 0.90);
}

/* ── Favourites button ── */
.profile-hero__fav-btn .profile-fav-icon {
    transition: fill 180ms ease, stroke 180ms ease;
}
.profile-hero__fav-btn.is-favorited .profile-fav-icon {
    fill: #8B0A1A;
    stroke: #8B0A1A;
}
.profile-hero__fav-btn.is-favorited {
    border-color: rgba(139, 10, 26, 0.55);
    background: rgba(139, 10, 26, 0.28);
}

.profile-hero__saved-count {
    min-width: 26px;
    height: 26px;
    padding: 0 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: linear-gradient(135deg, rgba(139, 10, 26, 0.92), rgba(66, 10, 22, 0.88));
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.32), 0 0 0 1px rgba(255,255,255,0.04) inset;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
    -webkit-tap-highlight-color: transparent;
}

.profile-hero__saved-count[hidden] {
    display: none !important;
}

.profile-hero__saved-count:hover,
.profile-hero__saved-count:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(255, 255, 255, 0.34);
    background: linear-gradient(135deg, rgba(171, 20, 46, 0.98), rgba(88, 12, 28, 0.95));
    outline: none;
}

.profile-hero__saved-count:focus-visible,
.profile-saved-panel button:focus-visible,
.profile-saved-panel a:focus-visible {
    box-shadow: 0 0 0 3px rgba(244, 191, 166, 0.22), 0 0 0 1px rgba(244, 191, 166, 0.62);
}

body.profile-saved-panel-open {
    overflow: hidden;
}

.profile-saved-panel[hidden] {
    display: none !important;
}

.profile-saved-panel {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 68px 16px 16px;
    pointer-events: none;
}

.profile-saved-panel__backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.26);
    pointer-events: auto;
}

.profile-saved-panel__dialog {
    position: relative;
    width: min(360px, calc(100vw - 32px));
    max-height: min(620px, calc(100vh - 88px));
    overflow: hidden;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 12px;
    padding: 16px;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background:
        radial-gradient(circle at 18% 0%, rgba(139, 10, 26, 0.24), transparent 34%),
        linear-gradient(180deg, rgba(18, 15, 22, 0.98), rgba(8, 8, 11, 0.98));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.58), 0 0 0 1px rgba(255,255,255,0.035) inset;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    pointer-events: auto;
    animation: saved-panel-pop 190ms cubic-bezier(0.2, 0.82, 0.2, 1) both;
    outline: none;
}

@keyframes saved-panel-pop {
    from { opacity: 0; transform: translateY(-8px) scale(0.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.profile-saved-panel__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.profile-saved-panel__eyebrow {
    margin: 0 0 5px;
    color: rgba(244, 191, 166, 0.74);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.16em;
    line-height: 1;
    text-transform: uppercase;
}

.profile-saved-panel__title {
    margin: 0;
    color: #fff;
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.05;
}

.profile-saved-panel__close {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.78);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
}

.profile-saved-panel__close:hover {
    border-color: rgba(244, 191, 166, 0.34);
    color: #fff;
}

.profile-saved-panel__summary {
    min-height: 22px;
    margin: 0;
    color: rgba(231, 223, 214, 0.68);
    font-size: 12px;
    line-height: 1.4;
}

.profile-saved-panel__list {
    display: grid;
    gap: 10px;
    overflow-y: auto;
    padding-right: 2px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.22) transparent;
}

.profile-saved-card {
    position: relative;
    display: block;
    min-height: 94px;
    padding: 10px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: linear-gradient(180deg, rgba(25, 24, 28, 0.84), rgba(10, 10, 14, 0.92));
}

.profile-saved-card__link {
    min-width: 0;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    min-height: 72px;
    padding-right: 42px;
    color: #fff !important;
    text-decoration: none !important;
}

.profile-saved-card__link[aria-disabled="true"] {
    cursor: default;
}

.profile-saved-card__thumb {
    width: 58px;
    height: 58px;
    border-radius: 15px;
    overflow: hidden;
    display: block;
    background: linear-gradient(135deg, rgba(139, 10, 26, 0.24), rgba(255, 255, 255, 0.04));
}

.profile-saved-card__thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.profile-saved-card__body {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 4px;
    padding-top: 2px;
}

.profile-saved-card__title-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.profile-saved-card__title {
    min-width: 0;
    color: #fff;
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-saved-card__age {
    flex: 0 0 auto;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: rgba(255, 255, 255, 0.05);
    color: rgba(231, 223, 214, 0.78);
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
}

.profile-saved-card__location,
.profile-saved-card__meta {
    min-width: 0;
    color: rgba(226, 220, 214, 0.68);
    font-size: 12px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-saved-card__meta {
    color: rgba(244, 191, 166, 0.72);
}

.profile-saved-card__badge {
    width: fit-content;
    min-height: 20px;
    margin-top: 3px;
    padding: 0 8px;
    border-radius: 10px;
    border: 1px solid rgba(218, 180, 135, 0.12);
    background: rgba(255, 255, 255, 0.03);
    color: rgba(255, 247, 240, 0.78);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-self: start;
    line-height: 1;
}

.profile-saved-card__badge--vip {
    border-color: rgba(181, 56, 83, 0.34);
    background: linear-gradient(180deg, rgba(139, 10, 26, 0.34), rgba(73, 16, 28, 0.18));
}

.profile-saved-card__badge--premium {
    border-color: rgba(218, 180, 135, 0.26);
    background: linear-gradient(180deg, rgba(218, 180, 135, 0.18), rgba(62, 42, 18, 0.16));
}

.profile-saved-card__badge--verified,
.profile-saved-card__badge--online {
    border-color: rgba(218, 180, 135, 0.18);
    background: rgba(255, 255, 255, 0.055);
}

.profile-saved-card__remove {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    background: rgba(255, 255, 255, 0.025);
    color: rgba(255, 255, 255, 0.38);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
    transition: background 150ms ease, color 150ms ease, border-color 150ms ease, transform 150ms ease;
    -webkit-tap-highlight-color: transparent;
}

.profile-saved-card__remove:hover,
.profile-saved-card__remove:focus-visible {
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.76);
    transform: scale(1.04);
}

.profile-saved-panel__empty {
    display: grid;
    justify-items: start;
    gap: 9px;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(18, 18, 22, 0.64), rgba(10, 11, 16, 0.52));
}

.profile-saved-panel__empty[hidden] {
    display: none !important;
}

.profile-saved-panel__empty-icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(139, 10, 26, 0.25);
    background: rgba(139, 10, 26, 0.12);
    color: rgba(244, 191, 166, 0.9);
}

.profile-saved-panel__empty strong {
    color: #fff;
    font-size: 14px;
    line-height: 1.25;
}

.profile-saved-panel__empty span:last-child {
    color: rgba(231, 223, 214, 0.68);
    font-size: 12px;
    line-height: 1.45;
}

@media (max-width: 700px) {
    .profile-saved-panel {
        align-items: flex-end;
        justify-content: center;
        padding: 16px 12px calc(92px + env(safe-area-inset-bottom));
    }

    .profile-saved-panel__backdrop {
        background: rgba(0, 0, 0, 0.48);
    }

    .profile-saved-panel__dialog {
        width: min(100%, 390px);
        max-height: min(72vh, 560px);
        border-radius: 24px;
        animation-name: saved-panel-sheet;
    }

    .profile-saved-card {
        min-height: 98px;
        padding: 10px;
    }

    .profile-saved-card__link {
        gap: 11px;
        min-height: 76px;
        padding-right: 40px;
    }

    .profile-saved-card__title {
        font-size: 13px;
    }

    .profile-saved-card__location,
    .profile-saved-card__meta {
        font-size: 11px;
    }
}

@media (max-width: 420px) {
    .profile-saved-card {
        min-height: 102px;
        padding: 10px 10px 11px;
    }

    .profile-saved-card__link {
        grid-template-columns: 54px minmax(0, 1fr);
        gap: 10px;
        min-height: 80px;
        padding-right: 40px;
    }

    .profile-saved-card__thumb {
        width: 54px;
        height: 54px;
        border-radius: 14px;
    }

    .profile-saved-card__title-row {
        gap: 6px;
    }

    .profile-saved-card__age {
        min-height: 20px;
        padding: 0 7px;
        font-size: 10px;
    }

    .profile-saved-card__badge {
        min-height: 18px;
        padding: 0 7px;
        font-size: 8px;
        letter-spacing: 0.07em;
        border-radius: 8px;
    }
}

@keyframes saved-panel-sheet {
    from { opacity: 0; transform: translateY(18px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .profile-saved-panel__dialog,
    .profile-hero__saved-count,
    .profile-saved-card__remove {
        animation: none;
        transition: none;
    }
}

/* ── Share copied feedback ── */
.profile-hero__share-btn.did-copy {
    border-color: rgba(16, 185, 129, 0.55);
    background: rgba(16, 185, 129, 0.18);
    color: #10B981;
}

/* ── Share popover (desktop fallback) ── */
#profile-share-popover {
    position: fixed;
    z-index: 9999;
    animation: share-pop-in 0.18s cubic-bezier(0.34, 1.4, 0.64, 1) both;
}
@keyframes share-pop-in {
    from { opacity: 0; transform: translateY(-6px) scale(0.96); }
    to   { opacity: 1; transform: translateY(0)   scale(1); }
}
.share-popover__inner {
    background: rgba(16, 13, 20, 0.94);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    padding: 14px 14px 12px;
    width: 270px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255,255,255,0.04);
}
/* Small caret pointing up */
.share-popover__inner::before {
    content: '';
    position: absolute;
    top: -6px;
    right: var(--caret-right, 12px);
    width: 12px;
    height: 12px;
    background: rgba(16, 13, 20, 0.94);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    border-left: 1px solid rgba(255, 255, 255, 0.12);
    transform: rotate(45deg);
    border-radius: 2px 0 0 0;
}
.share-popover__label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.38);
    margin: 0 0 10px;
}
.share-popover__row {
    display: flex;
    gap: 8px;
    align-items: center;
}
.share-popover__input {
    flex: 1;
    min-width: 0;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.65);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none;
    cursor: text;
    font-family: inherit;
}
.share-popover__copy {
    flex-shrink: 0;
    padding: 8px 14px;
    border-radius: 8px;
    background: rgba(139, 10, 26, 0.85);
    border: 1px solid rgba(180, 50, 70, 0.50);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background 160ms ease;
    white-space: nowrap;
    font-family: inherit;
}
.share-popover__copy:hover { background: rgba(167, 18, 42, 0.95); }
.share-popover__copy.copied {
    background: rgba(16, 185, 129, 0.22);
    border-color: rgba(16, 185, 129, 0.40);
    color: #10B981;
}
.share-popover__divider {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    margin: 10px 0 8px;
}
.share-popover__apps {
    display: flex;
    gap: 8px;
}
.share-popover__app {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 0;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: rgba(255, 255, 255, 0.04);
    font-size: 11.5px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.70);
    text-decoration: none !important;
    transition: background 150ms ease;
    font-family: inherit;
}
.share-popover__app:hover { background: rgba(255, 255, 255, 0.09); color: #fff; }
.share-popover__app--wa { color: #6fe19a; border-color: rgba(37, 211, 102, 0.20); }
.share-popover__app--wa:hover { background: rgba(37, 211, 102, 0.10); }

/* ── Image counter ── */
.profile-hero__counter {
    position: absolute;
    bottom: 14px;
    left: 14px;
    z-index: 4;
    font-size: 0.62rem;
    letter-spacing: 0.22em;
    font-weight: 600;
    color: rgba(255,255,255,0.60);
    text-transform: uppercase;
}

/* ── Info overlay — inside photo, bottom-anchored ── */
.profile-page .profile-hero__info-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 16px 18px;
    z-index: 5;
}

/* ── Status row ── */
.profile-page .profile-hero__status-row {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
}
.profile-page .profile-hero__status-dot {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    flex-shrink: 0;
}
.profile-page .profile-hero__status-row.status--online .profile-hero__status-dot {
    background: #10B981;
    box-shadow: 0 0 0 3px rgba(16,185,129,0.20);
    animation: pulse-online 2s ease-in-out infinite;
}
.profile-page .profile-hero__status-row.status--online .profile-hero__status-text {
    color: rgba(255,255,255,0.95);
    font-weight: 600;
}
.profile-page .profile-hero__status-row.status--recent .profile-hero__status-dot,
.profile-page .profile-hero__status-row.status--inactive .profile-hero__status-dot {
    background: rgba(255,255,255,0.35);
}
.profile-page .profile-hero__status-text {
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.50);
}
@keyframes pulse-online {
    0%, 100% { box-shadow: 0 0 0 0 rgba(16,185,129,0.45); }
    50%       { box-shadow: 0 0 0 5px rgba(16,185,129,0); }
}

/* ── Name row ── */
.profile-page .profile-hero__name-row {
    display: flex;
    align-items: baseline;
    gap: 10px 12px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}
.profile-page .profile-hero__name {
    font-family: 'Cormorant Garamond', 'Cormorant', Georgia, serif;
    font-size: clamp(38px, 10.5vw, 54px);
    font-weight: 600;
    line-height: 1;
    color: #fff;
    margin: 0;
    letter-spacing: -0.01em;
    text-shadow: 0 2px 12px rgba(0,0,0,0.35);
}
.profile-page .profile-hero__age {
    font-size: clamp(17px, 4.5vw, 22px);
    font-weight: 400;
    color: rgba(255,255,255,0.65);
    line-height: 1;
}
.profile-page .profile-name-verified {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

/* ── Location row ── */
.profile-page .profile-hero__location-row {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: rgba(255,255,255,0.60);
    margin-bottom: 14px;
    letter-spacing: 0.01em;
}
.profile-page .profile-hero__location-row svg { flex-shrink: 0; opacity: 0.7; }

/* ── Stats chips row ── */
.profile-page .profile-hero__stats {
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px;
}
.profile-page .profile-hero__stats::-webkit-scrollbar { display: none; }

.profile-page .profile-hero__stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 7px 14px;
    background: rgba(255,255,255,0.09);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 10px;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    flex-shrink: 0;
    min-width: 58px;
}
.profile-page .profile-hero__stat--verified {
    border-color: rgba(16,185,129,0.28);
    background: rgba(16,185,129,0.09);
}
.profile-page .profile-hero__stat-label {
    font-size: 8.5px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.42);
    white-space: nowrap;
}
.profile-page .profile-hero__stat-value {
    font-size: 13.5px;
    font-weight: 600;
    color: rgba(255,255,255,0.92);
    white-space: nowrap;
    display: flex;
    align-items: center;
}


/* ── Desktop CTA block (inside info-overlay, right panel only) ── */
.profile-hero__desktop-cta {
    display: none; /* shown via desktop media query only */
    gap: 10px;
    margin-top: 24px;
}

.profile-hero__cta-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    flex: 1;
    padding: 14px 20px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.14);
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
    white-space: nowrap;
    font-family: inherit;
}
.profile-hero__cta-btn:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 255, 255, 0.26);
}
.profile-hero__cta-btn--call {
    background: linear-gradient(135deg, rgba(139, 10, 26, 0.95), rgba(167, 18, 42, 0.92));
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.18);
}
.profile-hero__cta-btn--call:hover {
    background: linear-gradient(135deg, rgba(160, 14, 32, 0.98), rgba(190, 22, 48, 0.96));
}
.profile-hero__cta-btn--wa {
    background: linear-gradient(180deg, rgba(14, 23, 20, 0.97), rgba(11, 18, 16, 0.99));
    color: #8de4af !important;
    border-color: rgba(37, 211, 102, 0.28);
}
.profile-hero__cta-btn--wa:hover {
    background: linear-gradient(180deg, rgba(18, 30, 25, 0.98), rgba(14, 24, 20, 1));
    border-color: rgba(37, 211, 102, 0.44);
}
.profile-hero__cta-btn .icon {
    font-size: 14px;
    flex-shrink: 0;
}


/* --------------------------------------------------------------------------
   S3: HERO — Cover Band + Avatar (Facebook-style)
   -------------------------------------------------------------------------- */

/* Container — keeps .profile-hero class for IntersectionObserver */
.profile-page .profile-hero--cover {
    position: relative !important;
    width: 100% !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    display: block !important;
    margin: 0 !important;
}

/* --- Cover Band (decorative, no user photo) --- */
.profile-page .profile-hero__cover {
    position: relative !important;
    width: 100% !important;
    height: 240px !important;
    overflow: hidden !important;
}

/* Topographic contour pattern */
.profile-page .profile-hero__cover-pattern {
    position: absolute !important;
    inset: 0 !important;
    background:
        /* Contour rings — left cluster */
        repeating-radial-gradient(ellipse at 20% 50%,
            transparent 0px,
            transparent 40px,
            rgba(139, 10, 26, 0.06) 41px,
            transparent 42px),
        /* Contour rings — right cluster */
        repeating-radial-gradient(ellipse at 80% 60%,
            transparent 0px,
            transparent 50px,
            rgba(230, 198, 106, 0.04) 51px,
            transparent 52px),
        /* Contour rings — center, tighter */
        repeating-radial-gradient(ellipse at 50% 30%,
            transparent 0px,
            transparent 30px,
            rgba(139, 10, 26, 0.04) 31px,
            transparent 32px),
        /* Base warm-dark gradient */
        linear-gradient(135deg, #0E0E0E 0%, #1A0A12 40%, #12080E 70%, #0E0E0E 100%) !important;
}

/* Brand color accent glow overlay */
.profile-page .profile-hero__cover-gradient {
    position: absolute !important;
    inset: 0 !important;
    background:
        radial-gradient(ellipse at 30% 0%, rgba(139, 10, 26, 0.18), transparent 55%),
        radial-gradient(ellipse at 75% 100%, rgba(230, 198, 106, 0.10), transparent 50%),
        linear-gradient(180deg, transparent 60%, rgba(14, 14, 14, 0.40) 100%) !important;
    pointer-events: none !important;
}

/* Bottom border accent on cover */
.profile-page .profile-hero__cover::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg,
            transparent 0%,
            rgba(139, 10, 26, 0.30) 30%,
            rgba(230, 198, 106, 0.20) 70%,
            transparent 100%) !important;
}

/* --- Info Cluster (overlaps cover bottom) --- */
.profile-page .profile-hero__info {
    position: relative !important;
    z-index: 2 !important;
    max-width: var(--profile-max) !important;
    margin: -60px auto 0 !important;
    padding: 0 var(--profile-pad) 24px !important;
    display: flex !important;
    align-items: flex-end !important;
    gap: 20px !important;
}

/* --- Avatar --- */
.profile-page .profile-hero__avatar {
    flex-shrink: 0 !important;
    width: 150px !important;
    height: 150px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    border: 3px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow:
        0 0 0 1px rgba(139, 10, 26, 0.30),
        0 8px 24px rgba(0, 0, 0, 0.50),
        0 0 40px rgba(139, 10, 26, 0.12) !important;
    background: var(--bg-secondary) !important;
}

.profile-page .profile-hero__avatar-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* --- Details (name + badges + location + stats) --- */
.profile-page .profile-hero__details {
    flex: 1 !important;
    min-width: 0 !important;
    padding-bottom: 4px !important;
}

.profile-page .profile-hero__name-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 6px !important;
}

.profile-page .profile-hero--cover .profile-title {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(24px, 3.5vw, 36px) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    color: var(--text-primary) !important;
    text-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ---- Name identity line: name + verified tick + VIP inline ---- */
/* flex-shrink:1 + min-width:0 let the name compress before wrapping;
   flex-wrap:wrap means tick + VIP gracefully drop below on very long names. */
.profile-page .profile-hero__name-identity {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    flex-shrink: 1 !important;
    gap: 7px 9px !important;
    min-width: 0 !important;
}

/* Verified tick — thin-outlined circle with centred check.
   Outline (not fill) reads as editorial/premium rather than "app icon". */
.profile-page .profile-name-verified {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}

.profile-page .profile-name-verified__icon {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    filter: drop-shadow(0 0 2px rgba(16, 185, 129, 0.22)) !important;
}

/* VIP inline badge — amber/gold exclusive-tier signal.
   Dimensions deliberately match girlsinglelabels span so VIP and PREMIUM
   are the same visual height. Only colour + weight distinguish the tiers. */
.profile-page .profile-badge--vip-inline {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 6px 12px !important;
    border-radius: 10px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
    background: rgba(196, 150, 60, 0.18) !important;
    border: 1px solid rgba(212, 175, 95, 0.50) !important;
    color: rgba(240, 210, 138, 0.97) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    box-shadow: inset 0 1px 0 rgba(255, 235, 160, 0.08) !important;
}

/* Real Pic attribute chip — sits in the stats row with height / weight / age.
   Full selector path needed to beat the specificity of
   .profile-hero--cover .profile-header-name-info .section-box b */
.profile-page .profile-hero--cover .profile-header-name-info .section-box.profile-attr--real-pic b {
    font-size: 11px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.88) !important;
    text-transform: none !important;
}

.profile-page .profile-attr--real-pic {
    border-color: rgba(16, 185, 129, 0.22) !important;
}

.profile-page .profile-hero__meta {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin-top: 4px !important;
}

.profile-page .profile-hero__location {
    color: var(--text-secondary) !important;
    font-size: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.profile-page .profile-hero__location .icon {
    color: var(--text-tertiary) !important;
    font-size: 13px !important;
}

/* Stats pills (compact variant for cover hero) */
.profile-page .profile-hero--cover .profile-header-name-info {
    float: none !important;
    display: inline-flex !important;
    gap: 8px !important;
    width: auto !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.profile-page .profile-hero--cover .profile-header-name-info .section-box {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 4px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 8px !important;
    padding: 4px 12px !important;
    margin: 0 !important;
    width: auto !important;
}

.profile-page .profile-hero--cover .profile-header-name-info .section-box .valuecolumn {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
}

.profile-page .profile-hero--cover .profile-header-name-info .section-box b {
    font-size: 11px !important;
    font-weight: 400 !important;
    color: var(--text-tertiary) !important;
    text-transform: lowercase !important;
}

.profile-page .profile-hero__quick-actions {
    display: none !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 8px !important;
}

.profile-page .profile-hero__desktop-online {
    display: block !important;
}

.profile-page .profile-hero__status-line {
    display: none !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 20px !important;
    margin-top: 2px !important;
}

.profile-page .profile-hero__status-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 999px !important;
    flex: 0 0 auto !important;
    background: rgba(230, 210, 164, 0.9) !important;
    box-shadow: 0 0 0 4px rgba(230, 210, 164, 0.09) !important;
}

.profile-page .profile-hero__status-line--online .profile-hero__status-dot {
    background: rgba(16, 185, 129, 0.92) !important;
    box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.14) !important;
}

.profile-page .profile-hero__status-text {
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    color: rgba(236, 224, 204, 0.9) !important;
    line-height: 1.25 !important;
}

.profile-page .profile-hero__status-line--online .profile-hero__status-text {
    color: #82e3b0 !important;
}

.profile-page .profile-hero__quick-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 46px !important;
    min-width: 108px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: linear-gradient(180deg, rgba(20, 22, 30, 0.96), rgba(14, 16, 22, 0.98)) !important;
    color: var(--text-primary) !important;
    text-decoration: none !important;
    transition: transform 160ms ease-out, border-color 160ms ease-out, box-shadow 160ms ease-out, background 160ms ease-out, color 160ms ease-out !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 12px 22px -18px rgba(0, 0, 0, 0.78) !important;
}

.profile-page .profile-hero__quick-action .icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 999px !important;
    flex: 0 0 24px !important;
    font-size: 12px !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

.profile-page .profile-hero__quick-action-label {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.005em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    text-align: center !important;
}

.profile-page .profile-hero__quick-action:hover,
.profile-page .profile-hero__quick-action:focus-visible {
    transform: translateY(-1px) !important;
    outline: none !important;
}

.profile-page .profile-hero__quick-action:focus-visible {
    border-color: rgba(244, 191, 166, 0.28) !important;
    box-shadow:
        0 0 0 2px rgba(244, 191, 166, 0.12),
        0 16px 28px -22px rgba(0, 0, 0, 0.9) !important;
}

.profile-page .profile-hero__quick-action:active {
    transform: scale(0.98) !important;
}

.profile-page .profile-hero__quick-action.profile-hero__action--call {
    background: linear-gradient(135deg, rgba(110, 21, 39, 0.94), rgba(80, 18, 31, 0.96)) !important;
    border-color: rgba(243, 220, 214, 0.14) !important;
    color: #fff !important;
}

.profile-page .profile-hero__quick-action.profile-hero__action--call .icon {
    background: rgba(255, 255, 255, 0.12) !important;
    color: rgba(255, 248, 245, 0.98) !important;
}

.profile-page .profile-hero__quick-action.profile-hero__action--wa {
    background: linear-gradient(180deg, rgba(14, 23, 20, 0.96), rgba(11, 18, 16, 0.98)) !important;
    border-color: rgba(37, 211, 102, 0.22) !important;
    color: #94e8b4 !important;
}

.profile-page .profile-hero__quick-action.profile-hero__action--wa .icon {
    background: rgba(37, 211, 102, 0.12) !important;
    color: #6fe19a !important;
}

.profile-page .profile-hero__quick-action.profile-hero__action--wa .profile-hero__quick-action-label {
    font-size: 11.5px !important;
    letter-spacing: 0 !important;
}

/* --- CTA Buttons (right-aligned) --- */
.profile-page .profile-hero__cta {
    flex-shrink: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 10px !important;
    align-self: flex-end !important;
    margin-left: auto !important;
    padding-bottom: 4px !important;
}

.profile-page .profile-hero__cta .profile-hero__action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 10px 16px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    background: rgba(18, 20, 28, 0.78) !important;
    color: var(--text-primary) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    transition: var(--transition-base) !important;
}

.profile-page .profile-hero__cta .profile-hero__action:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(255, 255, 255, 0.24) !important;
}

.profile-page .profile-hero__action--call {
    background: linear-gradient(135deg, rgba(96, 17, 34, 0.96), rgba(128, 24, 45, 0.94)) !important;
    border-color: rgba(243, 220, 214, 0.16) !important;
    color: #fff !important;
}

.profile-page .profile-hero__action--wa {
    background: rgba(18, 20, 28, 0.9) !important;
    border-color: rgba(37, 211, 102, 0.22) !important;
    color: #87e4ad !important;
}

/* ---- CTA icon-chip alignment across all three contact surfaces ---- */

/* Desktop in-hero CTA — scoped to be the least assertive surface.
   Overrides the shared gradient so the desktop call feels restrained. */
.profile-page .profile-hero__cta .profile-hero__action--call {
    background: rgba(139, 10, 26, 0.22) !important;
    border-color: rgba(200, 50, 70, 0.34) !important;
    color: rgba(255, 210, 210, 0.95) !important;
}

/* Icon chips — desktop CTA (20 px, slightly smaller than mobile) */
.profile-page .profile-hero__cta .profile-hero__action .icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 999px !important;
    flex: 0 0 20px !important;
    font-size: 11px !important;
    background: rgba(255, 255, 255, 0.09) !important;
}

.profile-page .profile-hero__cta .profile-hero__action--call .icon {
    background: rgba(180, 30, 50, 0.24) !important;
    color: rgba(255, 200, 200, 0.90) !important;
}

.profile-page .profile-hero__cta .profile-hero__action--wa .icon {
    background: rgba(37, 211, 102, 0.12) !important;
    color: #6fe19a !important;
}

/* Icon chips — mobile quick-actions (22 px, matches dock chip size).
   Call/WA colours cascade from the shared modifier rules above. */
.profile-page .profile-hero__quick-action .icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 999px !important;
    flex: 0 0 22px !important;
    font-size: 12px !important;
    background: rgba(255, 255, 255, 0.10) !important;
}

.profile-page .profile-hero__quick-action.profile-hero__action--call .icon {
    background: rgba(255, 255, 255, 0.15) !important;
    color: rgba(255, 235, 235, 0.95) !important;
}

.profile-page .profile-hero__quick-action.profile-hero__action--wa .icon {
    background: rgba(37, 211, 102, 0.14) !important;
    color: #6fe19a !important;
}

/* Label typography — quick-actions match dock at 12 px / 600 */
.profile-page .profile-hero__quick-action-label {
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
}

/* ---- In-hero quick-actions: "browsing state" surface ----
   Three-tier CTA hierarchy (least → most assertive):
     1. Desktop in-hero CTA  — restrained, contextual (reading)
     2. Mobile quick-action  — glass/translucent, hue-keyed (still deciding)
     3. Mobile dock          — full gradient, solid (committed, thumb-ready)

   Both Call and WhatsApp are treated equally here — WA is the primary
   contact channel in Africa, LatAm, and SE Asia so it must never feel
   secondary to Call at the button level. */

.profile-page .profile-hero__quick-actions .profile-hero__action--call {
    background: rgba(100, 10, 22, 0.22) !important;
    border-color: rgba(215, 55, 72, 0.46) !important;
    color: rgba(255, 200, 200, 0.96) !important;
    box-shadow: inset 0 1px 0 rgba(255, 180, 180, 0.06) !important;
}

.profile-page .profile-hero__quick-actions .profile-hero__action--call .icon {
    background: rgba(180, 30, 50, 0.28) !important;
    color: rgba(255, 190, 190, 0.92) !important;
}

.profile-page .profile-hero__quick-actions .profile-hero__action--wa {
    background: rgba(10, 20, 15, 0.62) !important;
    border-color: rgba(37, 211, 102, 0.34) !important;
    color: rgba(130, 222, 165, 0.96) !important;
    box-shadow: inset 0 1px 0 rgba(37, 211, 102, 0.05) !important;
}

.profile-page .profile-hero__quick-actions .profile-hero__action--wa .icon {
    background: rgba(37, 211, 102, 0.16) !important;
    color: rgba(100, 215, 148, 0.95) !important;
}

.profile-page .profile-hero__action--viber {
    background: rgba(124, 58, 237, 0.15) !important;
    border-color: rgba(124, 58, 237, 0.35) !important;
    color: #c4b5fd !important;
}

.profile-page .profile-hero__action--chat {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.20) !important;
}

.profile-page .profile-hero__cta .profile-hero__action .chat-icon-svg {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
}

/* --------------------------------------------------------------------------
   S3B: ACCOUNT OVERVIEW (OWNER)
   -------------------------------------------------------------------------- */
.profile-page .profile-account {
    position: relative !important;
    z-index: 2 !important;
    max-width: var(--profile-max) !important;
    margin: 16px auto 24px !important;
    padding: 0 var(--profile-pad) !important;
}

.profile-page .profile-account__inner {
    background: rgba(14, 14, 14, 0.70) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: var(--profile-r-lg) !important;
    padding: clamp(16px, 2.2vw, 22px) !important;
    backdrop-filter: blur(18px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.2) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35) !important;
}

.profile-page .profile-account__header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
}

.profile-page .profile-account__eyebrow {
    display: block !important;
    text-transform: uppercase !important;
    letter-spacing: 0.22em !important;
    font-size: 11px !important;
    color: var(--text-tertiary) !important;
}

.profile-page .profile-account__title {
    margin: 4px 0 0 !important;
    font-size: 20px !important;
}

.profile-page .profile-account__manage-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 14px !important;
    border-radius: var(--profile-r-md) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    color: var(--text-primary) !important;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    transition: var(--transition-fast) !important;
    cursor: pointer !important;
}

.profile-page .profile-account__manage-link:hover {
    background: rgba(255, 255, 255, 0.10) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
}

.profile-page .profile-account__status {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin-bottom: 18px !important;
}

.profile-page .profile-account__alert {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 16px 18px !important;
    border-radius: var(--profile-r-md) !important;
    background: rgba(40, 16, 16, 0.35) !important;
    border: 1px solid rgba(248, 113, 113, 0.25) !important;
    margin-bottom: 16px !important;
}

.profile-page .profile-account__alert--awaiting-review {
    background: linear-gradient(135deg, rgba(52, 34, 12, 0.54), rgba(25, 19, 12, 0.88)) !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
}

.profile-page .profile-account__alert--verification-pending {
    background: linear-gradient(135deg, rgba(7, 48, 53, 0.56), rgba(9, 24, 31, 0.9)) !important;
    border-color: rgba(45, 212, 191, 0.28) !important;
}

.profile-page .profile-account__alert--rejected {
    background: linear-gradient(135deg, rgba(56, 18, 21, 0.58), rgba(30, 12, 14, 0.92)) !important;
    border-color: rgba(251, 113, 133, 0.34) !important;
}

.profile-page .profile-account__alert--success {
    background: linear-gradient(135deg, rgba(14, 62, 41, 0.58), rgba(8, 24, 19, 0.9)) !important;
    border-color: rgba(74, 222, 128, 0.28) !important;
}

.profile-page .profile-account__alert--pending,
.profile-page .profile-account__alert--renewal {
    background: linear-gradient(135deg, rgba(50, 38, 16, 0.54), rgba(20, 18, 12, 0.9)) !important;
    border-color: rgba(250, 204, 21, 0.3) !important;
}

.profile-page .profile-account__alert--failed,
.profile-page .profile-account__alert--cancelled,
.profile-page .profile-account__alert--expired {
    background: linear-gradient(135deg, rgba(56, 18, 21, 0.58), rgba(30, 12, 14, 0.92)) !important;
    border-color: rgba(251, 113, 133, 0.34) !important;
}

.profile-page .profile-account__alert-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.profile-page .profile-account__alert-badge {
    display: inline-flex !important;
    align-items: center !important;
    align-self: flex-start !important;
    padding: 5px 10px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: rgba(255, 255, 255, 0.86) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}

.profile-page .profile-account__alert-text strong {
    font-size: 16px !important;
    line-height: 1.25 !important;
    color: var(--text-primary) !important;
}

.profile-page .profile-account__alert-text span {
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: var(--text-secondary) !important;
}

.profile-page .profile-account__alert-reason {
    color: #fecdd3 !important;
}

.profile-page .activate-account-btn {
    appearance: none !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    background: var(--brand-primary) !important;
    color: #fff !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 48px !important;
    padding: 12px 18px !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    box-shadow: 0 10px 22px rgba(139, 10, 26, 0.22) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
    white-space: nowrap !important;
}

.profile-page .activate-account-btn:hover {
    transform: translateY(-1px) !important;
    background: #9c0c20 !important;
    box-shadow: 0 14px 28px rgba(139, 10, 26, 0.28) !important;
}

.profile-page .activate-account-btn:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.7) !important;
    outline-offset: 3px !important;
}

.profile-page .activate-account-btn__label,
.profile-page .activate-account-btn__arrow {
    transition: transform 0.2s ease, opacity 0.2s ease !important;
}

.profile-page .activate-account-btn__arrow {
    opacity: 0.72 !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

.profile-page .activate-account-btn:hover .activate-account-btn__label,
.profile-page .activate-account-btn:focus-visible .activate-account-btn__label {
    transform: translateX(1px) !important;
}

.profile-page .activate-account-btn:hover .activate-account-btn__arrow,
.profile-page .activate-account-btn:focus-visible .activate-account-btn__arrow {
    transform: translateX(3px) !important;
    opacity: 1 !important;
}

.profile-page .profile-account__alert--expired .activate-account-btn--primary {
    animation: profileActivateButtonNudge 620ms cubic-bezier(0.22, 1, 0.36, 1) 720ms 1 both !important;
}

.profile-page .profile-account__card {
    position: relative !important;
    background: rgba(18, 18, 18, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: var(--profile-r-md) !important;
    padding: 18px 20px !important;
    min-height: 104px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    overflow: hidden !important;
}

.profile-page .profile-account__card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.06), transparent 60%) !important;
    opacity: 0.5 !important;
    pointer-events: none !important;
}

.profile-page .profile-account__card--profile {
    grid-column: span 6 !important;
}

.profile-page .profile-account__card--premium,
.profile-page .profile-account__card--featured {
    grid-column: span 3 !important;
}

.profile-page .profile-account__card.is-expiring {
    border-color: rgba(230, 198, 106, 0.55) !important;
    box-shadow: 0 0 0 1px rgba(230, 198, 106, 0.2), 0 10px 20px rgba(230, 198, 106, 0.12) !important;
}

.profile-page .profile-account__card-label {
    font-size: 10px !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--text-tertiary) !important;
    margin-bottom: 10px !important;
}

.profile-page .profile-account__card-value {
    font-size: 19px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
}

.profile-page .profile-account__card-meta {
    font-size: 12px !important;
    color: var(--text-secondary) !important;
    margin-top: 8px !important;
    display: grid !important;
    gap: 4px !important;
}

.profile-page .profile-account__card-meta span {
    display: block !important;
}

.profile-page .profile-account__card-actions {
    margin-top: 12px !important;
    display: grid !important;
    gap: 8px !important;
}

.profile-page .profile-account__card-cta form.cart {
    margin: 0 !important;
}

.profile-page .profile-account__card-cta .payment-button,
.profile-page .profile-account__card-cta .single_add_to_cart_button,
.profile-page .profile-account__card-cta form.cart button,
.profile-page .profile-account__card-cta form.cart .button {
    width: 100% !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 10px 14px !important;
    border-radius: 12px !important;
    background: rgba(230, 196, 106, 0.12) !important;
    border: 1px solid rgba(230, 196, 106, 0.34) !important;
    color: var(--gold-accent) !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}

.profile-page .profile-account__card-cta .payment-button:hover,
.profile-page .profile-account__card-cta .single_add_to_cart_button:hover,
.profile-page .profile-account__card-cta form.cart button:hover,
.profile-page .profile-account__card-cta form.cart .button:hover {
    background: rgba(230, 196, 106, 0.18) !important;
    border-color: rgba(230, 196, 106, 0.45) !important;
    color: var(--gold-accent) !important;
}

.profile-page .profile-account__card-price {
    font-size: 12px !important;
    color: var(--text-tertiary) !important;
}

.profile-page .profile-account__insights {
    position: relative !important;
    margin-bottom: 18px !important;
    border-radius: var(--profile-r-md) !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    background:
        radial-gradient(circle at top right, rgba(139, 10, 26, 0.24), transparent 38%),
        linear-gradient(140deg, rgba(20, 12, 16, 0.96), rgba(11, 13, 20, 0.96)) !important;
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.28) !important;
}

.profile-page .profile-account__insights::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.08), transparent 55%) !important;
    pointer-events: none !important;
    opacity: 0.5 !important;
}

.profile-page .profile-account__insights-shell {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    gap: 18px !important;
    padding: clamp(18px, 2.6vw, 24px) !important;
}

.profile-page .profile-account__insights-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

.profile-page .profile-account__insights-heading {
    display: grid !important;
    gap: 6px !important;
}

.profile-page .profile-account__insights-eyebrow {
    display: block !important;
    text-transform: uppercase !important;
    letter-spacing: 0.22em !important;
    font-size: 10px !important;
    color: rgba(255, 255, 255, 0.58) !important;
}

.profile-page .profile-account__insights-title {
    margin: 0 !important;
    font-size: clamp(20px, 2.4vw, 26px) !important;
    line-height: 1.1 !important;
    color: #fff !important;
}

.profile-page .profile-account__insights-tier {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.16em !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #f3d48d !important;
    background: rgba(230, 198, 106, 0.12) !important;
    border: 1px solid rgba(230, 198, 106, 0.28) !important;
}

.profile-page .profile-account__insights[data-dashboard-level="advanced"] .profile-account__insights-tier {
    color: #f8e9b3 !important;
    background: linear-gradient(135deg, rgba(230, 198, 106, 0.20), rgba(139, 10, 26, 0.20)) !important;
    border-color: rgba(230, 198, 106, 0.42) !important;
}

.profile-page .profile-account__insights-metrics {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.profile-page .profile-account__insights-metric {
    display: grid !important;
    gap: 8px !important;
    padding: 16px 16px 15px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    min-height: 110px !important;
}

.profile-page .profile-account__insights-metric-label {
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.56) !important;
}

.profile-page .profile-account__insights-metric-value {
    display: inline-block !important;
    font-size: clamp(24px, 2.9vw, 34px) !important;
    line-height: 1 !important;
    color: #fff !important;
}

.profile-page .profile-account__insights-metric-meta {
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: rgba(255, 255, 255, 0.72) !important;
}

.profile-page .profile-account__insights-story {
    display: grid !important;
    gap: 6px !important;
    max-width: 760px !important;
}

.profile-page .profile-account__insights-headline {
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
    color: #fff !important;
    font-weight: 600 !important;
}

.profile-page .profile-account__insights-copy {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.72) !important;
}

.profile-page .profile-account__insights-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding-top: 6px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.profile-page .profile-account__insights-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    min-height: 44px !important;
    padding: 10px 16px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    background: rgba(139, 10, 26, 0.94) !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    cursor: pointer !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
}

.profile-page .profile-account__insights-cta:hover {
    transform: translateY(-1px) !important;
    background: #a40d22 !important;
    box-shadow: 0 14px 28px rgba(139, 10, 26, 0.28) !important;
}

.profile-page .profile-account__insights-note {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: rgba(255, 255, 255, 0.68) !important;
    max-width: 620px !important;
}

.profile-page .profile-account__insights.is-loading [data-insight-value],
.profile-page .profile-account__insights.is-loading [data-insight-headline],
.profile-page .profile-account__insights.is-loading [data-insight-body] {
    color: transparent !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.08)) !important;
    background-size: 220px 100% !important;
    animation: profileInsightsPulse 1.4s ease infinite !important;
}

.profile-page .profile-account__insights.is-loading [data-insight-headline] {
    min-height: 20px !important;
    width: min(360px, 70%) !important;
}

.profile-page .profile-account__insights.is-loading [data-insight-body] {
    min-height: 14px !important;
    width: min(520px, 95%) !important;
}

.profile-page .profile-account__insights.is-loading [data-insight-value] {
    min-height: 30px !important;
    min-width: 72px !important;
}

.profile-page .profile-account__insights.has-error {
    border-color: rgba(248, 113, 113, 0.24) !important;
}

@keyframes profileInsightsPulse {
    0% {
        background-position: 100% 0;
    }
    100% {
        background-position: -100% 0;
    }
}

.profile-page .wallet-mode-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    text-transform: uppercase !important;
    letter-spacing: 0.14em !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #f5d285 !important;
    border: 1px solid rgba(230, 196, 106, 0.36) !important;
    border-radius: 999px !important;
    padding: 5px 9px !important;
    background: rgba(230, 196, 106, 0.10) !important;
    margin-bottom: 2px !important;
}

.profile-page .wallet-mode-badge[hidden] {
    display: none !important;
}

.profile-page .wallet-last-updated {
    font-size: 12px !important;
    color: var(--text-tertiary) !important;
}

.profile-page .profile-account__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-bottom: 16px !important;
}

.profile-page .profile-account__action {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    appearance: none !important;
    padding: 10px 14px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    text-decoration: none !important;
    color: var(--text-primary) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    transition: var(--transition-fast) !important;
    cursor: pointer !important;
}

.profile-page .profile-account__action:hover {
    background: rgba(255, 255, 255, 0.10) !important;
}

.profile-page .profile-account__action--primary {
    background: rgba(139, 10, 26, 0.12) !important;
    border-color: rgba(139, 10, 26, 0.28) !important;
    color: #ffe7ef !important;
}

.profile-page .profile-account__action--primary:hover {
    background: rgba(139, 10, 26, 0.18) !important;
    border-color: rgba(139, 10, 26, 0.4) !important;
}

.profile-page .profile-account__utilities {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-top: 16px !important;
    margin-bottom: 18px !important;
}

.profile-page .profile-account__utilities-head {
    display: grid !important;
    gap: 6px !important;
    margin-bottom: 14px !important;
}

.profile-page .profile-account__utilities-copy {
    margin: 0 !important;
    max-width: 720px !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: var(--text-secondary) !important;
}

.profile-page .profile-account__utility-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.profile-page .profile-account__utility-card {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    gap: 14px !important;
    align-items: flex-start !important;
    padding: 18px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: var(--text-primary) !important;
    text-decoration: none !important;
    min-height: 118px !important;
    transition: var(--transition-fast) !important;
}

.profile-page .profile-account__utility-card:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    transform: translateY(-1px) !important;
}

.profile-page .profile-account__utility-card--danger {
    border-color: rgba(248, 113, 113, 0.18) !important;
    background: rgba(248, 113, 113, 0.04) !important;
}

.profile-page .profile-account__utility-card--danger:hover {
    border-color: rgba(248, 113, 113, 0.28) !important;
    background: rgba(248, 113, 113, 0.07) !important;
}

.profile-page .profile-account__utility-card--form {
    grid-template-columns: auto 1fr !important;
}

.profile-page .profile-account__utility-icon {
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: var(--text-primary) !important;
    font-size: 17px !important;
    flex-shrink: 0 !important;
}

.profile-page .profile-account__utility-body {
    display: grid !important;
    gap: 6px !important;
}

.profile-page .profile-account__utility-body strong {
    font-size: 16px !important;
    line-height: 1.2 !important;
    color: var(--text-primary) !important;
}

.profile-page .profile-account__utility-body span {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: var(--text-secondary) !important;
}

.profile-page .profile-account__utility-submit {
    grid-column: 1 / -1 !important;
    margin-top: 2px !important;
    width: 100% !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}


/* --------------------------------------------------------------------------
   S3b: WALLET SECTION
   -------------------------------------------------------------------------- */
.profile-page .profile-account__wallet {
    position: relative !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-top: 16px !important;
    margin-bottom: 16px !important;
}

.profile-page .profile-account__wallet-content {
    position: relative !important;
    z-index: 1 !important;
}

.profile-page .profile-account__wallet-eyebrow {
    display: block !important;
    text-transform: uppercase !important;
    letter-spacing: 0.22em !important;
    font-size: 10px !important;
    color: var(--text-tertiary) !important;
    margin-bottom: 12px !important;
}

.profile-page .profile-account__wallet--coming-soon .profile-account__wallet-content {
    filter: blur(1.6px) saturate(0.7) !important;
    opacity: 0.55 !important;
}

.profile-page .profile-account__wallet-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    pointer-events: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 10px !important;
    border-radius: var(--profile-r-md) !important;
    background: linear-gradient(160deg, rgba(12, 13, 16, 0.72), rgba(16, 18, 23, 0.82)) !important;
    border: 1px solid rgba(230, 196, 106, 0.24) !important;
    padding: 18px !important;
    text-align: center !important;
}

.profile-page .profile-account__wallet-overlay-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-transform: uppercase !important;
    letter-spacing: 0.16em !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #f5d285 !important;
    border: 1px solid rgba(230, 196, 106, 0.5) !important;
    border-radius: 999px !important;
    padding: 6px 10px !important;
    background: rgba(230, 196, 106, 0.12) !important;
}

.profile-page .profile-account__wallet-overlay-message {
    margin: 0 !important;
    max-width: 380px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    color: rgba(243, 244, 246, 0.9) !important;
}

/* Wallet cards grid — mirrors .profile-account__status */
.profile-page .profile-account__wallet-cards {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin-bottom: 14px !important;
}

.profile-page .profile-account__wallet-card {
    position: relative !important;
    background: rgba(18, 18, 18, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: var(--profile-r-md) !important;
    padding: 18px 20px !important;
    min-height: 90px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    overflow: hidden !important;
}

/* Subtle gradient overlay — same as status cards */
.profile-page .profile-account__wallet-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(120deg, rgba(230, 196, 106, 0.04), transparent 60%) !important;
    opacity: 0.6 !important;
    pointer-events: none !important;
}

.profile-page .profile-account__wallet-card--balance {
    grid-column: span 7 !important;
}

.profile-page .profile-account__wallet-card--last-topup {
    grid-column: span 5 !important;
}

/* When last-topup is hidden, balance takes full width */
.profile-page .profile-account__wallet-card--balance:only-child {
    grid-column: 1 / -1 !important;
}

/* Balance amount — large gold text */
.profile-page .profile-account__wallet-amount {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    margin: 6px 0 4px !important;
}

.profile-page .profile-account__wallet-amount .wallet-currency {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--text-secondary) !important;
}

.profile-page .profile-account__wallet-amount .wallet-amount {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: var(--gold-accent) !important;
    line-height: 1.1 !important;
    min-width: 60px !important;
}

/* Skeleton loading pulse */
.profile-page .wallet-amount--loading {
    display: inline-block !important;
    width: 100px !important;
    height: 28px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-radius: 6px !important;
    animation: walletPulse 1.5s ease-in-out infinite !important;
}

@keyframes walletPulse {
    0%, 100% { opacity: 0.4; }
    50% { opacity: 0.8; }
}

/* Last top-up amount */
.profile-page .profile-account__wallet-topup-amount {
    font-size: 19px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    margin: 6px 0 4px !important;
}

.profile-page .profile-account__wallet-topup-amount .wallet-currency {
    font-size: 13px !important;
    color: var(--text-secondary) !important;
}

/* Wallet action buttons */
.profile-page .profile-account__wallet-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

.profile-page .profile-account__wallet-topup-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 10px 16px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--gold-accent) !important;
    background: rgba(230, 196, 106, 0.10) !important;
    border: 1px solid rgba(230, 196, 106, 0.35) !important;
    cursor: pointer !important;
    transition: var(--transition-fast) !important;
    line-height: 1 !important;
}

.profile-page .profile-account__wallet-topup-btn svg {
    flex-shrink: 0 !important;
}

.profile-page .profile-account__wallet-topup-btn:hover {
    background: rgba(230, 196, 106, 0.18) !important;
    border-color: rgba(230, 196, 106, 0.50) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(230, 196, 106, 0.12) !important;
}

.profile-page .profile-account__wallet-history-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 14px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    cursor: pointer !important;
    transition: var(--transition-fast) !important;
}

.profile-page .profile-account__wallet-history-btn:hover {
    background: rgba(255, 255, 255, 0.10) !important;
}

.profile-page .profile-account__wallet-refresh-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 14px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    cursor: pointer !important;
    transition: var(--transition-fast) !important;
}

.profile-page .profile-account__wallet-refresh-btn:hover {
    background: rgba(255, 255, 255, 0.10) !important;
}

.profile-page .profile-account__wallet-refresh-btn.is-loading {
    opacity: 0.7 !important;
    pointer-events: none !important;
}

.profile-page .wallet-chevron {
    display: inline-block !important;
    transition: transform 0.2s ease !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: var(--text-tertiary) !important;
}

.profile-page .wallet-chevron.is-open {
    transform: rotate(90deg) !important;
}

/* Transaction history panel */
.profile-page .profile-account__wallet-history {
    background: rgba(14, 14, 14, 0.50) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: var(--profile-r-md) !important;
    padding: 14px 16px !important;
    margin-bottom: 12px !important;
}

.profile-page .profile-account__wallet-history[hidden] {
    display: none !important;
}

.profile-page .profile-account__wallet-history-header {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.18em !important;
    color: var(--text-tertiary) !important;
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* Transaction rows */
.profile-page .wallet-txn-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 9px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    gap: 12px !important;
}

.profile-page .wallet-txn-row:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.profile-page .wallet-txn-left {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 1 !important;
    min-width: 0 !important;
}

.profile-page .wallet-txn-indicator {
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    flex-shrink: 0 !important;
}

.profile-page .wallet-txn-indicator--credit {
    background: rgba(52, 211, 153, 0.12) !important;
    color: #34D399 !important;
}

.profile-page .wallet-txn-indicator--debit {
    background: rgba(248, 113, 113, 0.10) !important;
    color: #f87171 !important;
}

.profile-page .wallet-txn-desc {
    font-size: 13px !important;
    color: var(--text-secondary) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.profile-page .wallet-txn-right {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    flex-shrink: 0 !important;
}

.profile-page .wallet-txn-amount {
    font-size: 13px !important;
    font-weight: 600 !important;
}

.profile-page .wallet-txn-amount--credit {
    color: #34D399 !important;
}

.profile-page .wallet-txn-amount--debit {
    color: var(--text-primary) !important;
}

.profile-page .wallet-txn-date {
    font-size: 11px !important;
    color: var(--text-tertiary) !important;
    margin-top: 2px !important;
}

/* Empty state */
.profile-page .wallet-empty-hint {
    font-size: 12px !important;
    color: var(--text-tertiary) !important;
    font-style: italic !important;
}

/* ── Wallet Top-Up Modal Styles ── */
.wallet-topup__presets {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    margin-bottom: 18px !important;
}

.wallet-topup__preset {
    padding: 14px 12px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #f3f4f6 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 150ms ease !important;
    text-align: center !important;
}

.wallet-topup__preset:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.20) !important;
}

.wallet-topup__preset.is-selected {
    border-color: var(--gold-accent) !important;
    background: rgba(230, 196, 106, 0.12) !important;
    color: var(--gold-accent) !important;
    box-shadow: 0 0 0 1px rgba(230, 196, 106, 0.2) !important;
}

.wallet-topup__divider {
    text-align: center !important;
    font-size: 12px !important;
    color: var(--text-tertiary) !important;
    margin-bottom: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
}

.wallet-topup__custom-wrap {
    position: relative !important;
    margin-bottom: 6px !important;
}

.wallet-topup__custom-prefix {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--text-tertiary) !important;
    pointer-events: none !important;
}

.wallet-topup__custom-input {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 14px 12px 50px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 12px !important;
    color: #f9fafb !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    outline: none !important;
}

.wallet-topup__custom-input:focus {
    border-color: rgba(230, 196, 106, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(230, 196, 106, 0.12) !important;
}

.wallet-topup__custom-input::placeholder {
    color: var(--text-tertiary) !important;
    font-weight: 400 !important;
}

/* Payment method cards in modal */
.wallet-payment-methods {
    display: grid !important;
    gap: 10px !important;
}

.wallet-payment-method {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 16px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    cursor: pointer !important;
    transition: all 150ms ease !important;
}

.wallet-payment-method:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
}

.wallet-payment-method__icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    flex-shrink: 0 !important;
}

.wallet-payment-method__icon--mpesa {
    background: rgba(76, 175, 80, 0.15) !important;
}

.wallet-payment-method__icon--card {
    background: rgba(66, 133, 244, 0.15) !important;
}

.wallet-payment-method__info {
    flex: 1 !important;
}

.wallet-payment-method__name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
}

.wallet-payment-method__desc {
    font-size: 12px !important;
    color: var(--text-tertiary) !important;
    margin-top: 2px !important;
}

.wallet-payment-method__arrow {
    color: var(--text-tertiary) !important;
    font-size: 18px !important;
}

/* Wallet responsive */
@media (max-width: 960px) {
    .profile-page .profile-account__wallet-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .profile-page .profile-account__wallet-card--balance,
    .profile-page .profile-account__wallet-card--last-topup {
        grid-column: span 1 !important;
    }
}

@media (max-width: 640px) {
    .profile-page .profile-account__wallet-cards {
        grid-template-columns: 1fr !important;
    }
    .profile-page .profile-account__wallet-card--balance,
    .profile-page .profile-account__wallet-card--last-topup {
        grid-column: span 1 !important;
    }
    .profile-page .profile-account__wallet-topup-btn,
    .profile-page .profile-account__wallet-history-btn {
        flex: 1 !important;
        justify-content: center !important;
    }
}


.profile-page .profile-account__details {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-top: 12px !important;
}

.profile-page .profile-account__details summary {
    list-style: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.18em !important;
    color: var(--text-primary) !important;
    padding: 8px 0 !important;
}

.profile-page .profile-account__details summary::-webkit-details-marker {
    display: none !important;
}

.profile-page .profile-account__details summary::after {
    content: "›" !important;
    display: inline-block !important;
    transform: rotate(90deg) !important;
    transition: transform 0.2s ease !important;
    margin-left: 6px !important;
    color: var(--text-tertiary) !important;
}

.profile-page .profile-account__details[open] summary::after {
    transform: rotate(-90deg) !important;
}

.profile-page .profile-account__details-body {
    margin-top: 12px !important;
    display: grid !important;
    gap: 16px !important;
}

.profile-page .profile-account__details-body--split {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr) !important;
    align-items: start !important;
}

.profile-page .profile-account__details-body--split .profile-account__notices {
    display: grid !important;
    gap: 12px !important;
}

.profile-page .profile-account__details-body--split .profile-account__menu {
    position: sticky !important;
    top: calc(var(--stickybar-h) + 20px) !important;
}

.profile-page .profile-account__details-body--single {
    grid-template-columns: 1fr !important;
}

.profile-page .profile-account__notices .sidebar-expire-notice-mobile {
    display: none !important;
}

.profile-page .profile-account__notices .sidebar-expire-notice {
    margin-bottom: 12px !important;
    border-radius: var(--profile-r-md) !important;
    background: rgba(255, 255, 255, 0.035) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    padding: 14px 16px !important;
    text-align: left !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 6px 12px !important;
    position: relative !important;
}

.profile-page .profile-account__notices .sidebar-expire-notice[data-payment-plan="reg"] {
    box-shadow: inset 0 2px 0 rgba(236, 72, 153, 0.65) !important;
}

.profile-page .profile-account__notices .sidebar-expire-notice[data-payment-plan="premium"] {
    box-shadow: inset 0 2px 0 rgba(245, 158, 11, 0.65) !important;
}

.profile-page .profile-account__notices .sidebar-expire-notice[data-payment-plan="featured"] {
    box-shadow: inset 0 2px 0 rgba(56, 189, 248, 0.65) !important;
}

.profile-page .profile-account__notices .sidebar-expire-notice small {
    display: block !important;
    font-size: 12px !important;
    color: var(--text-tertiary) !important;
}

.profile-page .profile-account__notices .sidebar-expire-notice b {
    display: block !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
}

.profile-page .profile-account__notices .sidebar-expire-notice small:first-of-type {
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    font-size: 11px !important;
    grid-column: 1 / -1 !important;
}

.profile-page .profile-account__notices .sidebar-expire-notice small:last-of-type {
    color: var(--text-secondary) !important;
    justify-self: end !important;
    align-self: end !important;
}

.profile-page .profile-account__notices .sidebar-expire-notice .clear,
.profile-page .profile-account__notices .sidebar-expire-notice .clear5,
.profile-page .profile-account__notices .sidebar-expire-notice .clear10,
.profile-page .profile-account__notices .sidebar-expire-notice .clear20 {
    display: none !important;
}

.profile-page .profile-account__notices .sidebar-expire-notice .text-center {
    text-align: left !important;
    width: 100% !important;
    grid-column: 1 / -1 !important;
}

.profile-page .profile-account__notices form.cart {
    margin: 0 !important;
    grid-column: 1 / -1 !important;
}

.profile-page .profile-account__notices .payment-button {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

.profile-page .profile-account__menu.dropdownlinks {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: var(--profile-r-md) !important;
    padding: 10px 12px !important;
}

.profile-page .profile-account__menu ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.profile-page .profile-account__menu li {
    padding: 0 !important;
}

.profile-page .profile-account__menu a {
    color: var(--text-primary) !important;
    text-decoration: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 16px 16px !important;
    border-radius: 14px !important;
    transition: var(--transition-fast) !important;
    min-height: 96px !important;
    background: rgba(255, 255, 255, 0.025) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
}

.profile-page .profile-account__menu a::after {
    content: "" !important;
}

.profile-page .profile-account__menu a:hover {
    color: var(--text-primary) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
}

.profile-page .profile-account__menu .icon {
    width: 38px !important;
    height: 38px !important;
    font-size: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0.92 !important;
    color: var(--text-primary) !important;
    background: rgba(255, 255, 255, 0.045) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
}

.profile-page .profile-account__menu a:hover .icon {
    color: var(--text-primary) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.profile-page .profile-account__menu h4 {
    font-size: 14px !important;
    margin: 6px 8px 10px !important;
    color: var(--text-secondary) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.18em !important;
}

.profile-page .profile-account__menu li.text-center {
    padding-top: 8px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.profile-page .profile-account__menu .menu-label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
}

.profile-page .profile-account__menu .menu-note {
    padding: 14px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px dashed rgba(255, 255, 255, 0.12) !important;
    color: var(--text-secondary) !important;
    font-size: 13px !important;
    min-height: 88px !important;
}

.profile-page .profile-account__menu .menu-card--danger a {
    border-color: rgba(248, 113, 113, 0.22) !important;
    background: rgba(248, 113, 113, 0.05) !important;
}

.profile-page .profile-account__menu .menu-card--danger .delete {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.profile-page .profile-account__menu .menu-card--visibility form {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 14px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    min-height: 88px !important;
}

.profile-page .profile-account__menu .menu-card--visibility input[type="submit"] {
    width: 100% !important;
    justify-content: center !important;
}

@media (max-width: 1100px) {
    .profile-page .profile-account__menu ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .profile-page .profile-account__menu ul {
        grid-template-columns: 1fr !important;
    }
}
.profile-page .profile-account__menu .delete {
    color: #f87171 !important;
}

.profile-page .profile-account__menu input[type="submit"] {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
}

@media (max-width: 960px) {
    .profile-page .profile-account__details-body--split {
        grid-template-columns: 1fr !important;
    }
    .profile-page .profile-account__details-body--split .profile-account__menu {
        position: static !important;
    }
}

@media (max-width: 960px) {
    .profile-page .profile-account__status {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .profile-page .profile-account__card--profile,
    .profile-page .profile-account__card--premium,
    .profile-page .profile-account__card--featured {
        grid-column: span 1 !important;
    }
    .profile-page .profile-account__insights-metrics {
        grid-template-columns: 1fr !important;
    }
    .profile-page .profile-account__insights-actions {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .profile-page .profile-account__utility-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .profile-page .profile-account__status {
        grid-template-columns: 1fr !important;
    }
    .profile-page .profile-account__header {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .profile-page .profile-account__alert {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .profile-page .profile-account__insights-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .profile-page .profile-account__insights {
        margin-bottom: 16px !important;
    }
    .profile-page .activate-account-btn {
        width: 100% !important;
        text-align: center !important;
    }
    .profile-page .profile-account__utility-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .profile-page .activate-account-btn,
    .profile-page .activate-account-btn__label,
    .profile-page .activate-account-btn__arrow {
        transition: none !important;
    }

    .profile-page .profile-account__alert--expired .activate-account-btn--primary {
        animation: none !important;
    }
}

@keyframes profileActivateButtonNudge {
    0% {
        transform: translateY(0) scale(1);
        box-shadow: 0 10px 22px rgba(139, 10, 26, 0.22);
    }
    45% {
        transform: translateY(-2px) scale(1.01);
        box-shadow: 0 16px 30px rgba(139, 10, 26, 0.3);
    }
    100% {
        transform: translateY(0) scale(1);
        box-shadow: 0 10px 22px rgba(139, 10, 26, 0.22);
    }
}

/* Gallery: Show .bigimage (avatar is only 150px, users need full gallery view) */
.profile-page .bigimage {
    border-radius: var(--profile-r-lg) !important;
    overflow: hidden !important;
}


/* --------------------------------------------------------------------------
   S4: STICKY CONTACT BAR
   -------------------------------------------------------------------------- */
.profile-page .profile-stickybar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    background: rgba(14, 14, 14, 0.85) !important;
    backdrop-filter: blur(16px) saturate(1.4) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.4) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    transform: translateY(-100%) !important;
    opacity: 0 !important;
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) !important;
    pointer-events: none !important;
}

.profile-page .profile-stickybar.is-visible {
    transform: translateY(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.profile-page .profile-stickybar__inner {
    max-width: var(--profile-max) !important;
    margin: 0 auto !important;
    padding: 0 var(--profile-pad) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: var(--stickybar-h) !important;
    gap: 16px !important;
}

.profile-page .profile-stickybar__left {
    flex-shrink: 0 !important;
}

.profile-page .profile-stickybar__name b {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}

.profile-page .profile-stickybar__name span {
    color: var(--text-tertiary) !important;
    font-size: 13px !important;
    margin-left: 8px !important;
}

.profile-page .profile-stickybar__nav {
    display: flex !important;
    gap: 4px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    flex: 1 !important;
    justify-content: center !important;
}

.profile-page .profile-stickybar__nav::-webkit-scrollbar {
    display: none !important;
}

.profile-page .profile-stickybar__nav a {
    padding: 6px 14px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--text-secondary) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: var(--transition-fast) !important;
    border: 1px solid transparent !important;
}

.profile-page .profile-stickybar__nav a:hover {
    color: var(--text-primary) !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

.profile-page .profile-stickybar__nav a.is-active {
    color: var(--text-primary) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

.profile-page .profile-stickybar__actions {
    display: flex !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
}

.profile-page .profile-stickybar__btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 16px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: var(--transition-fast) !important;
    white-space: nowrap !important;
}

.profile-page .profile-stickybar__btn--call {
    background: var(--brand-primary) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.profile-page .profile-stickybar__btn--call:hover {
    background: #a80d20 !important;
}

.profile-page .profile-stickybar__btn--wa {
    background: rgba(37, 211, 102, 0.15) !important;
    color: #25D366 !important;
    border: 1px solid rgba(37, 211, 102, 0.30) !important;
}

.profile-page .profile-stickybar__btn--wa:hover {
    background: rgba(37, 211, 102, 0.25) !important;
}


/* --------------------------------------------------------------------------
   S5: TWO-COLUMN GRID
   -------------------------------------------------------------------------- */
.profile-page .girlsingle {
    display: grid !important;
    grid-template-columns: 1.15fr 0.85fr !important;
    gap: var(--profile-gap) !important;
    max-width: var(--profile-max) !important;
    margin: 0 auto !important;
    padding: 28px var(--profile-pad) 32px !important;
}

/* Full-width spanning sections */
.profile-page .thumbs {
    order: 0 !important;
    grid-column: 1 / -1 !important;
}

.profile-page .aboutme {
    order: 1 !important;
    grid-column: 1 / -1 !important;
}

/* Left column (visually): Services + Rates (.girlinfo.r in DOM) */
.profile-page .girlinfo.r {
    order: 2 !important;
    grid-column: 1 / 2 !important;
    width: auto !important;
    min-width: 0 !important;
}

/* Right column (visually): Attributes + Contact (.girlinfo.l in DOM) */
.profile-page .girlinfo.l {
    order: 3 !important;
    grid-column: 2 / 3 !important;
    width: auto !important;
    min-width: 0 !important;
}

/* Tours — full width, below columns */
.profile-page #tours {
    order: 4 !important;
    grid-column: 1 / -1 !important;
    min-height: 0 !important;
}

/* Hide tours wrapper when it has no visible content (whitespace only) */
.profile-page #tours:not(:has(*)) {
    display: none !important;
}

/* Reviews anchor — hide the spacer div, keep only as scroll target */
.profile-page .clear20#reviews {
    order: 5 !important;
    grid-column: 1 / -1 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Empty state cards (reviews, tours) — grid ordering */
.profile-page .profile-empty-state {
    order: 5 !important;
    grid-column: 1 / -1 !important;
}

/* Legacy fallback — hide old message if still rendered */
.profile-page .no-reviews-message {
    display: none !important;
}

/* Everything below reviews (review form, report, edit link) — must have
   order > 5 so they appear AFTER reviews in the grid */
.profile-page #addreviewsection {
    order: 6 !important;
    grid-column: 1 / -1 !important;
}

.profile-page .addreview-button {
    order: 6 !important;
    grid-column: 1 / -1 !important;
}

.profile-page .addreviewform {
    order: 7 !important;
    grid-column: 1 / -1 !important;
}

.profile-page .report-profile-wrapper {
    order: 8 !important;
    grid-column: 1 / -1 !important;
}

/* Report zone + outro — must sit after reviews (order 6) and form (order 7/8) */
.profile-page .profile-report-zone {
    order: 9 !important;
    grid-column: 1 / -1 !important;
}

.profile-page .profile-outro {
    order: 10 !important;
    grid-column: 1 / -1 !important;
}

/* Admin elements (upload dropzone, notes) */
.profile-page .profile-page-no-media-wrapper {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
}

.profile-page .profile-page-no-media-wrapper-photos {
    grid-column: 1 / 2 !important;
}

.profile-page .profile-page-no-media-wrapper-videos {
    grid-column: 2 / 3 !important;
}

.profile-page .profile-page-no-media {
    border: 1px dashed rgba(255, 255, 255, 0.20) !important;
    border-radius: var(--profile-r-lg) !important;
    background: linear-gradient(180deg, rgba(19, 21, 30, 0.90), rgba(15, 17, 25, 0.78)) !important;
    min-height: 152px !important;
    padding: 16px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    justify-content: space-between !important;
    text-align: left !important;
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease !important;
}

.profile-page .profile-page-no-media:hover {
    border-color: rgba(230, 210, 164, 0.45) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.26) !important;
}

.profile-page .profile-upload-card__body {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
}

.profile-page .profile-upload-card__icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    background: rgba(139, 10, 26, 0.18) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.profile-page .profile-page-no-media .icon {
    float: none !important;
    padding: 0 !important;
    font-size: 18px !important;
    color: rgba(243, 230, 199, 0.92) !important;
}

.profile-page .profile-page-no-media .icon-film {
    font-size: 19px !important;
}

.profile-page .profile-upload-card__content {
    min-width: 0 !important;
}

.profile-page .profile-upload-card__title {
    margin: 0 0 6px !important;
    padding: 0 !important;
    border: none !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    color: var(--text-primary) !important;
}

.profile-page .profile-page-no-media .for-browsers p {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
    color: var(--text-secondary) !important;
}

.profile-page .profile-page-no-media .for-browsers p u {
    color: inherit !important;
    text-decoration-color: rgba(230, 210, 164, 0.60) !important;
    text-underline-offset: 2px !important;
}

.profile-page .profile-upload-card__meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.profile-page .profile-page-no-media .max-photos,
.profile-page .profile-page-no-media .max-videos {
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--text-tertiary) !important;
    line-height: 1.3 !important;
}

.profile-page .profile-page-no-media .max-photos b,
.profile-page .profile-page-no-media .max-videos b {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    height: 24px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: rgba(139, 10, 26, 0.88) !important;
    color: #fff !important;
    margin: 0 4px !important;
}

.profile-page .profile-upload-card__hint {
    font-size: 11px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.55) !important;
}

.profile-page .image-buttons-legend {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin: 6px 0 0 !important;
    line-height: 1.2 !important;
    text-align: left !important;
}

.profile-page .image-buttons-legend div {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 7px 11px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: var(--text-secondary) !important;
    font-size: 12px !important;
}


/* --------------------------------------------------------------------------
   S6: SECTION CARDS — Glassmorphic Panels
   -------------------------------------------------------------------------- */
.profile-page .girlinfo-section {
    border-radius: var(--profile-r-xl) !important;
    border: 1px solid var(--profile-border-soft) !important;
    background: var(--profile-surface-base) !important;
    box-shadow: var(--profile-shadow-md) !important;
    padding: clamp(20px, 3vw, 32px) !important;
    position: relative !important;
    overflow: hidden !important;
    margin-bottom: var(--profile-gap) !important;
    width: 100% !important;
}

/* Subtle radial gradient overlay */
.profile-page .girlinfo-section::before {
    content: "" !important;
    position: absolute !important;
    inset: -1px !important;
    background:
        radial-gradient(520px 360px at 12% 20%, rgba(230, 210, 164, 0.05), transparent 60%),
        radial-gradient(620px 420px at 90% 70%, rgba(139, 10, 26, 0.08), transparent 60%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
    border-radius: inherit !important;
}

.profile-page .girlinfo-section>* {
    position: relative !important;
    z-index: 1 !important;
}

.profile-page .girlinfo-section h4 {
    margin-top: 0 !important;
}

.profile-page .profile-section-heading {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-bottom: 18px !important;
}

.profile-page .profile-section-heading__eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    min-height: 26px !important;
    padding: 4px 11px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(230, 210, 164, 0.18) !important;
    background: rgba(230, 210, 164, 0.07) !important;
    color: rgba(230, 210, 164, 0.84) !important;
    font-family: 'Open Sans', 'Inter', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}


/* --------------------------------------------------------------------------
   S7: ABOUT ME
   -------------------------------------------------------------------------- */
.profile-page .aboutme {
    border-radius: var(--profile-r-xl) !important;
    border: 1px solid var(--profile-border-soft) !important;
    background: var(--profile-surface-raised) !important;
    box-shadow: var(--profile-shadow-lg) !important;
    padding: clamp(24px, 3vw, 34px) !important;
    position: relative !important;
    overflow: hidden !important;
}

.profile-page .aboutme::before {
    content: "" !important;
    position: absolute !important;
    inset: -1px !important;
    background:
        radial-gradient(520px 360px at 12% 20%, rgba(230, 210, 164, 0.05), transparent 60%),
        radial-gradient(620px 420px at 90% 70%, rgba(139, 10, 26, 0.08), transparent 60%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
    border-radius: inherit !important;
}

.profile-page .aboutme>* {
    position: relative !important;
    z-index: 1 !important;
}

.profile-page .aboutme__heading {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
}

.profile-page .aboutme__eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    padding: 5px 11px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(230, 210, 164, 0.18) !important;
    background: rgba(230, 210, 164, 0.07) !important;
    color: rgba(230, 210, 164, 0.86) !important;
    font-family: 'Open Sans', 'Inter', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}

.profile-page .aboutme h4 {
    font-size: clamp(24px, 2vw, 30px) !important;
    margin-bottom: 0 !important;
    font-family: 'Playfair Display', Georgia, serif !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;
    text-transform: none !important;
}

.profile-page .aboutme__meta {
    margin-bottom: 18px !important;
}

.profile-page .aboutme__meta b {
    display: block !important;
    color: var(--text-secondary) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    padding: 0 0 0 16px !important;
    border-left: 2px solid rgba(230, 210, 164, 0.18) !important;
}

.profile-page .aboutme__meta b a {
    color: var(--gold-accent) !important;
    text-decoration: none !important;
}

.profile-page .aboutme__meta b a:hover {
    text-decoration: underline !important;
}

.profile-page .aboutme__copy {
    width: 100% !important;
    max-width: min(100%, 108ch) !important;
    color: rgba(249, 246, 240, 0.92) !important;
    font-family: 'Manrope', 'Inter', sans-serif !important;
    font-size: clamp(15.5px, 1.1vw, 18px) !important;
    line-height: 1.92 !important;
    letter-spacing: 0.003em !important;
    text-wrap: auto !important;
    columns: auto !important;
    column-count: 1 !important;
    column-width: auto !important;
    column-gap: 0 !important;
}

.profile-page .aboutme__copy p {
    margin: 0 0 1.2em !important;
    color: inherit !important;
}

.profile-page .aboutme__copy p:first-child {
    font-size: clamp(17px, 1.35vw, 20px) !important;
    line-height: 1.82 !important;
    color: var(--text-primary) !important;
    font-family: 'Playfair Display', Georgia, serif !important;
    letter-spacing: -0.01em !important;
}

.profile-page .aboutme__copy p:last-child {
    margin-bottom: 0 !important;
}

.profile-page .aboutme__copy a {
    color: var(--gold-accent) !important;
    text-decoration: none !important;
}

.profile-page .aboutme__copy a:hover {
    text-decoration: underline !important;
}

.profile-page .aboutme__copy strong {
    color: #fff !important;
    font-weight: 700 !important;
}

/* Tour-in-progress banner */
.profile-page .currently-on-tour-in {
    background: linear-gradient(135deg, rgba(139, 10, 26, 0.18), rgba(230, 210, 164, 0.08)) !important;
    border: 1px solid rgba(230, 210, 164, 0.14) !important;
    border-radius: 14px !important;
    padding: 12px 16px !important;
    color: var(--text-primary) !important;
    font-size: 14px !important;
    margin-bottom: 12px !important;
    font-family: 'Manrope', 'Inter', sans-serif !important;
    line-height: 1.65 !important;
}

.profile-page .currently-on-tour-in a {
    color: var(--gold-accent) !important;
}


/* --------------------------------------------------------------------------
   S8: ATTRIBUTES GRID (Facts)
   -------------------------------------------------------------------------- */
/* First girlinfo-section in .girlinfo.l — contains stat boxes */
.profile-page .girlinfo.l>.girlinfo-section:first-child {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
}

.profile-page .girlinfo.l>.girlinfo-section:first-child>h4,
.profile-page .girlinfo.l>.girlinfo-section:first-child>.profilestarrating-wrapper {
    grid-column: 1 / -1 !important;
}

.profile-page .girlinfo.l .girlinfo-section .section-box {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    padding: 12px !important;
    margin: 0 !important;
    width: auto !important;
}

.profile-page .girlinfo.l a.section-box {
    text-decoration: none !important;
    color: inherit !important;
}

.profile-page .girlinfo.l .section-box b {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.10em !important;
    color: var(--text-tertiary) !important;
    font-weight: 500 !important;
    order: 2 !important;
    margin-top: 4px !important;
}

.profile-page .girlinfo.l .section-box .valuecolumn {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    order: 1 !important;
}

.profile-page .girlinfo.l .section-box--discovery {
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease !important;
}

.profile-page .girlinfo.l .section-box--discovery::before {
    content: "" !important;
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(244, 191, 166, 0.16) !important;
    background: linear-gradient(180deg, rgba(32, 25, 28, 0.94), rgba(18, 18, 20, 0.98)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 12px 22px -18px rgba(0, 0, 0, 0.78) !important;
    transform: translateY(-50%) !important;
}

.profile-page .girlinfo.l .section-box--discovery::after {
    content: "" !important;
    position: absolute !important;
    right: 26px !important;
    top: 50% !important;
    width: 7px !important;
    height: 7px !important;
    border-top: 1.5px solid rgba(255, 255, 255, 0.76) !important;
    border-right: 1.5px solid rgba(255, 255, 255, 0.76) !important;
    transform: translateY(-50%) rotate(45deg) !important;
}

.profile-page .girlinfo.l .section-box--discovery:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(230, 210, 164, 0.28) !important;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.18) !important;
}

.profile-page .girlinfo.l .section-box--primary-discovery {
    background: linear-gradient(180deg, rgba(62, 37, 27, 0.26), rgba(255, 255, 255, 0.04)) !important;
    border-color: rgba(230, 210, 164, 0.16) !important;
}

.profile-page .girlinfo.l .section-box--secondary-discovery {
    background: rgba(255, 255, 255, 0.035) !important;
}

.profile-page .girlinfo.l .section-box--discovery .valuecolumn {
    padding-right: 44px !important;
}

.profile-page .girlinfo.l .section-box--discovery-list .valuecolumn {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding-right: 0 !important;
}

.profile-page .girlinfo.l .section-box--discovery-list .valuecolumn a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: var(--text-primary) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.profile-page .girlinfo.l .section-box--discovery-list .valuecolumn a:hover {
    background: rgba(230, 210, 164, 0.12) !important;
    border-color: rgba(230, 210, 164, 0.26) !important;
}

.profile-page .profile-languages-panel {
    padding-bottom: 18px !important;
}

.profile-page .profile-language-list {
    display: grid !important;
    gap: 0 !important;
}

.profile-page .profile-language-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 14px 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.profile-page .profile-language-row:first-child {
    border-top: none !important;
    padding-top: 4px !important;
}

.profile-page .profile-language-row--discovery {
    position: relative !important;
    padding: 14px 44px 14px 0 !important;
    text-decoration: none !important;
    color: inherit !important;
    transition: color 0.18s ease, transform 0.18s ease !important;
}

.profile-page .profile-language-row--discovery::after {
    content: "" !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    border-top: 1.5px solid rgba(255, 255, 255, 0.6) !important;
    border-right: 1.5px solid rgba(255, 255, 255, 0.6) !important;
    transform: translateY(-50%) rotate(45deg) !important;
}

.profile-page .profile-language-row--discovery:hover {
    transform: translateX(2px) !important;
}

.profile-page .profile-language-row__name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
}

.profile-page .profile-language-row__level {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(230, 210, 164, 0.18) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: rgba(236, 224, 204, 0.9) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}


/* --------------------------------------------------------------------------
   S9: GALLERY — Horizontal Scroll Strip
   -------------------------------------------------------------------------- */
.profile-page .thumbs {
    border-radius: var(--profile-r-xl) !important;
    border: 1px solid var(--profile-border-soft) !important;
    background: var(--profile-surface-base) !important;
    box-shadow: var(--profile-shadow-md) !important;
    padding: clamp(16px, 2.4vw, 24px) !important;
    overflow: hidden !important;
}

.profile-page .thumbs h4 {
    margin-bottom: 12px !important;
}

/* Scroll container for photos + videos */
.profile-page .thumbs .girlsinglethumbs {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 12px !important;
    padding-bottom: 6px !important;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

.profile-page .thumbs .girlsinglethumbs::-webkit-scrollbar {
    display: none !important;
}

/* Photo cards */
.profile-page .profile-img-thumb-wrapper {
    display: block !important;
    flex: 0 0 240px !important;
    max-width: 240px !important;
    width: 240px !important;
    scroll-snap-align: start !important;
    border-radius: var(--profile-r-md) !important;
    overflow: hidden !important;
    position: relative !important;
    float: none !important;
    margin: 0 !important;
}

.profile-page .profile-img-thumb {
    border-radius: var(--profile-r-md) !important;
    overflow: hidden !important;
    background: var(--bg-secondary) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    transition: var(--transition-base) !important;
    aspect-ratio: 3 / 4 !important;
}

.profile-page .profile-img-thumb:hover {
    border-color: rgba(255, 255, 255, 0.15) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

.profile-page .profile-img-thumb img,
.profile-page .profile-img-thumb .mobile-ready-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: var(--profile-r-md) !important;
}

/* ── Hero video slide ───────────────────────────────────────── */
.profile-hero__slide--video {
    cursor: pointer;
}

.profile-hero__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Sound toggle pill — bottom-right, above the info overlay */
.profile-hero__video-sound {
    position: absolute;
    bottom: 88px;
    right: 16px;
    z-index: 12;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px 7px 10px;
    background: rgba(0, 0, 0, 0.52);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s;
    -webkit-tap-highlight-color: transparent;
}

.profile-hero__video-sound:active {
    transform: scale(0.94);
    background: rgba(0, 0, 0, 0.7);
}

.profile-hero__video-sound.is-unmuted {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.35);
}

/* Video cards */
.profile-page .profile-video-thumb-wrapper {
    display: block !important;
    flex: 0 0 320px !important;
    max-width: 320px !important;
    width: 320px !important;
    scroll-snap-align: start !important;
    border-radius: var(--profile-r-md) !important;
    overflow: hidden !important;
    float: none !important;
    margin: 0 !important;
}

.profile-page .profile-video-thumb {
    border-radius: var(--profile-r-md) !important;
    overflow: hidden !important;
    background: var(--bg-secondary) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.profile-page .profile-video-thumb video {
    border-radius: var(--profile-r-md) !important;
    width: 100% !important;
    display: block !important;
}

/* Gallery placeholders in scroll */
.profile-page .profile-gallery-placeholder {
    flex: 0 0 240px !important;
    max-width: 240px !important;
    scroll-snap-align: start !important;
}

/* Mobile gallery cards */
@media (max-width: 480px) {
    .profile-page .profile-img-thumb-wrapper {
        flex: 0 0 180px !important;
        max-width: 180px !important;
        width: 180px !important;
    }

    .profile-page .profile-video-thumb-wrapper {
        flex: 0 0 260px !important;
        max-width: 260px !important;
        width: 260px !important;
    }

    .profile-page .profile-gallery-placeholder {
        flex: 0 0 180px !important;
        max-width: 180px !important;
    }
}


/* --------------------------------------------------------------------------
   S10: SERVICES — Chip Layout
   -------------------------------------------------------------------------- */
.profile-page .services {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(102px, 100%), 1fr)) !important;
    align-items: start !important;
    gap: 12px !important;
    margin-bottom: 0 !important;
}

.profile-page .services div {
    min-width: 0 !important;
    transition: var(--transition-fast) !important;
}

.profile-page .services div .icon-ok {
    color: #10B981 !important;
    margin-right: 6px !important;
}

.profile-page .services div .icon-cancel {
    display: none !important;
}

/* Hide unavailable services (with icon-cancel) for cleaner look.
   :has() fallback: if :has() not supported, icon-cancel is still hidden above,
   so the service label shows without the X icon — acceptable degradation. */
@supports selector(:has(*)) {
    .profile-page .services div:has(.icon-cancel) {
        display: none !important;
    }
}

/* Extra services */
.profile-page .profile-services-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
}

.profile-page .profile-service-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: auto !important;
    max-width: 100% !important;
    flex: 0 1 auto !important;
    min-height: 48px !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: linear-gradient(180deg, rgba(24, 24, 27, 0.96), rgba(17, 17, 19, 0.98)) !important;
    color: var(--text-primary) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    animation: profileChipFade 320ms ease both !important;
    text-decoration: none !important;
    position: relative !important;
}

.profile-page .profile-service-chip:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(244, 191, 166, 0.24) !important;
    background: linear-gradient(180deg, rgba(36, 25, 29, 0.98), rgba(20, 16, 18, 0.99)) !important;
}

.profile-page .profile-service-chip span:nth-child(2) {
    display: block !important;
    white-space: nowrap !important;
}

.profile-page .profile-service-chip__icon {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(244, 191, 166, 0.18) !important;
    background: linear-gradient(180deg, rgba(41, 31, 35, 0.94), rgba(22, 21, 24, 0.98)) !important;
    box-shadow: 0 10px 20px -18px rgba(0, 0, 0, 0.82) !important;
}

.profile-page .profile-service-chip__icon::before {
    content: "" !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #f4bfa6, #d66c57) !important;
    box-shadow: 0 0 0 5px rgba(244, 191, 166, 0.08) !important;
}

.profile-page .profile-service-chip__arrow {
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    position: relative !important;
}

.profile-page .profile-service-chip__arrow::before {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    border-top: 1.5px solid rgba(255, 255, 255, 0.72) !important;
    border-right: 1.5px solid rgba(255, 255, 255, 0.72) !important;
    transform: rotate(45deg) !important;
}

.profile-page .profile-services-note {
    padding: 16px 18px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(230, 210, 164, 0.1) !important;
    background: rgba(255, 255, 255, 0.03) !important;
}

.profile-page .profile-services-note__label {
    display: block !important;
    margin-bottom: 8px !important;
    color: rgba(230, 210, 164, 0.82) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

.profile-page .profile-services-note__body,
.profile-page .profile-services-note__body p {
    margin: 0 !important;
    color: var(--text-secondary) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

@keyframes profileChipFade {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* --------------------------------------------------------------------------
   S11: RATES — Tabbed Menu
   -------------------------------------------------------------------------- */
.profile-page .profile-rates {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

.profile-page .profile-rates .profile-section-heading {
    margin-bottom: 0 !important;
}

.profile-page .profile-rates-tabs {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: fit-content !important;
    max-width: 100% !important;
    padding: 6px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.025) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
}

.profile-page .profile-rates-tabs::-webkit-scrollbar {
    display: none !important;
}

.profile-page .profile-rates-tab {
    min-height: 44px !important;
    padding: 10px 16px !important;
    border-radius: 12px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: var(--text-secondary) !important;
    font-family: 'Manrope', 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    white-space: nowrap !important;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease !important;
}

.profile-page .profile-rates-tab:hover,
.profile-page .profile-rates-tab:focus-visible {
    color: var(--text-primary) !important;
    border-color: rgba(230, 210, 164, 0.16) !important;
    background: rgba(230, 210, 164, 0.05) !important;
}

.profile-page .profile-rates-tab.is-active {
    color: rgba(249, 242, 223, 0.96) !important;
    border-color: rgba(230, 210, 164, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(230, 210, 164, 0.10), rgba(255, 255, 255, 0.03)),
        rgba(18, 18, 22, 0.8) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.profile-page .profile-rates-panels {
    display: grid !important;
    gap: 12px !important;
}

.profile-page .profile-rates-panel {
    display: none !important;
    gap: 12px !important;
}

.profile-page .profile-rates-panel.is-active {
    display: grid !important;
}

.profile-page .profile-rates-panel[hidden] {
    display: none !important;
}

.profile-page .profile-rates-mode {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    min-height: 26px !important;
    padding: 4px 11px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(230, 210, 164, 0.18) !important;
    background: rgba(230, 210, 164, 0.07) !important;
    color: rgba(230, 210, 164, 0.84) !important;
    font-family: 'Open Sans', 'Inter', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}

.profile-page .profile-rates-note {
    margin: 0 !important;
    color: var(--text-tertiary) !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
}

.profile-page .profile-rates-list {
    display: grid !important;
    gap: 10px !important;
}

.profile-page .profile-rates-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 15px 16px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.02)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

.profile-page .profile-rates-duration {
    min-width: 0 !important;
    color: var(--text-secondary) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

.profile-page .profile-rates-price {
    color: var(--text-primary) !important;
    font-family: 'Manrope', 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
}

@media (max-width: 767px) {
    .profile-page .profile-rates-row {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        justify-items: flex-start !important;
    }

    .profile-page .profile-rates-price {
        white-space: normal !important;
    }
}


/* --------------------------------------------------------------------------
   S12: TOURS — Card Treatment
   -------------------------------------------------------------------------- */
.profile-page #tours {
    min-height: 0 !important;
}

.profile-page .single-profile-tours-title {
    float: none !important;
}

.profile-page .addedtours {
    border-radius: var(--profile-r-xl) !important;
    border: 1px solid var(--profile-border-soft) !important;
    background: var(--profile-surface-base) !important;
    box-shadow: var(--profile-shadow-md) !important;
    padding: clamp(16px, 2.4vw, 24px) !important;
    overflow: hidden !important;
}

.profile-page .tour {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1.5fr 1fr !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: var(--text-primary) !important;
    font-size: 14px !important;
}

.profile-page .tour:last-child {
    border-bottom: none !important;
}

.profile-page .tourhead {
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    color: var(--text-tertiary) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
    padding-bottom: 12px !important;
}

.profile-page .tour-info-mobile {
    display: none !important;
}

.profile-page .tour .addedstart,
.profile-page .tour .addedend,
.profile-page .tour .addedplace,
.profile-page .tour .addedphone {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
}

/* Tour edit/add forms */
.profile-page .addedtours .registerform {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: var(--profile-r-lg) !important;
    padding: 20px !important;
    margin-top: 16px !important;
}


/* --------------------------------------------------------------------------
   S13: REVIEWS
   -------------------------------------------------------------------------- */
.profile-page #addreviewsection {
    float: none !important;
    color: var(--text-primary) !important;
    font-size: 18px !important;
    margin: 0 !important;
    text-transform: none !important;
}

.profile-page .addreview-button {
    background: var(--brand-primary) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 10px !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 8px !important;
    cursor: pointer !important;
    transition: var(--transition-fast) !important;
    min-height: 44px !important;
    text-decoration: none !important;
    justify-content: center !important;
    padding: 12px 18px !important;
}

.profile-page .addtofavorites,
.profile-page .removefromfavorites {
    border-radius: 10px !important;
}

.profile-page .report-profile-button {
    border-radius: 10px !important;
    padding: 10px 18px !important;
}

.profile-page .addreview-button:hover {
    background: #a80d20 !important;
}

.profile-page .profile-reviews-panel {
    order: 6 !important;
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    position: relative !important;
    overflow: hidden !important;
    padding: clamp(22px, 3vw, 30px) !important;
    border-radius: var(--profile-r-xl) !important;
    border: 1px solid var(--profile-border-soft) !important;
    background: var(--profile-surface-base) !important;
    box-shadow: var(--profile-shadow-md) !important;
}

.profile-page .profile-reviews-panel::before {
    content: "" !important;
    position: absolute !important;
    inset: -1px !important;
    border-radius: inherit !important;
    background:
        radial-gradient(520px 360px at 12% 20%, rgba(230, 210, 164, 0.05), transparent 60%),
        radial-gradient(620px 420px at 90% 70%, rgba(139, 10, 26, 0.08), transparent 60%) !important;
    pointer-events: none !important;
}

.profile-page .profile-reviews-panel>* {
    position: relative !important;
    z-index: 1 !important;
}

.profile-page .profile-reviews-panel #addreviewsection,
.profile-page .profile-reviews-panel .profile-review-entry,
.profile-page .profile-reviews-panel .review-wrapper,
.profile-page .profile-reviews-panel .profile-empty-state {
    order: initial !important;
    grid-column: auto !important;
}

.profile-page .profile-reviews-panel__header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}

.profile-page .profile-reviews-panel__title-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.profile-page .profile-reviews-panel__title-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.profile-page .profile-reviews-panel__count {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 5px 10px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: var(--text-secondary) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

.profile-page .profile-review-entry {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
}

.profile-page .profile-review-entry__stars {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 6px 8px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(230, 210, 164, 0.12) !important;
    background: linear-gradient(180deg, rgba(20, 20, 24, 0.84), rgba(13, 13, 17, 0.72)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.profile-page .profile-review-entry__star {
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    color: rgba(230, 210, 164, 0.26) !important;
    cursor: pointer !important;
    transition: transform .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease !important;
}

.profile-page .profile-review-entry__star svg {
    width: 22px !important;
    height: 22px !important;
    display: block !important;
}

.profile-page .profile-review-entry__star path {
    fill: currentColor !important;
}

.profile-page .profile-review-entry__star:hover,
.profile-page .profile-review-entry__star:focus-visible,
.profile-page .profile-review-entry__star.is-previewed,
.profile-page .profile-review-entry__star.is-selected {
    color: rgba(237, 213, 156, 0.98) !important;
    background: rgba(230, 210, 164, 0.10) !important;
    transform: translateY(-1px) !important;
}

.profile-page .profile-review-entry__star.is-selected {
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(230, 210, 164, 0.12) inset !important;
}

.profile-page .profile-review-entry__helper {
    color: var(--text-tertiary) !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    letter-spacing: 0.01em !important;
}

.profile-page .profile-review-entry__secondary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 !important;
    margin-top: 2px !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(230, 210, 164, 0.76) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
    min-height: 0 !important;
    box-shadow: none !important;
}

.profile-page .profile-review-entry__secondary:hover {
    color: rgba(249, 242, 223, 0.96) !important;
    text-decoration: underline !important;
    text-underline-offset: 0.18em !important;
}

.profile-page .profile-review-entry__secondary .icon-plus-circled {
    font-size: 11px !important;
}

.profile-page .profile-reviews-list {
    display: grid !important;
    gap: 14px !important;
}

.profile-page .profile-reviews-panel .profile-empty-state {
    margin: 0 !important;
    background: linear-gradient(180deg, rgba(18, 18, 22, 0.52), rgba(10, 11, 16, 0.42)) !important;
    border: 1px solid rgba(230, 210, 164, 0.08) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
    border-radius: 14px !important;
    padding: 30px 22px !important;
}

.profile-page .profile-review-card {
    background: linear-gradient(180deg, rgba(18, 18, 22, 0.6), rgba(10, 11, 16, 0.46)) !important;
    border: 1px solid rgba(230, 210, 164, 0.08) !important;
    border-radius: 16px !important;
    padding: 18px !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    color: var(--text-primary) !important;
}

.profile-page .profile-review-card__header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.profile-page .profile-review-card__identity {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.profile-page .profile-review-card__avatar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, rgba(230, 210, 164, 0.18), rgba(139, 10, 26, 0.18)) !important;
    border: 1px solid rgba(230, 210, 164, 0.14) !important;
    color: var(--text-primary) !important;
    font-family: 'Manrope', 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
}

.profile-page .profile-review-card__identity-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.profile-page .profile-review-card__name {
    color: var(--text-primary) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.profile-page .profile-review-card__meta {
    color: var(--text-tertiary) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.profile-page .profile-review-card__rating {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 7px 11px !important;
    border-radius: 10px !important;
    background: rgba(230, 210, 164, 0.07) !important;
    border: 1px solid rgba(230, 210, 164, 0.14) !important;
    color: rgba(249, 242, 223, 0.94) !important;
}

.profile-page .profile-review-card__rating-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    color: rgba(237, 213, 156, 0.92) !important;
}

.profile-page .profile-review-card__rating-icon svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
}

.profile-page .profile-review-card__rating-icon path {
    fill: currentColor !important;
}

.profile-page .profile-review-card__rating-value {
    font-family: 'Manrope', 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
}

.profile-page .profile-review-card__rating-scale {
    color: var(--text-tertiary) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.profile-page .profile-review-card__meter {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.profile-page .profile-review-card__meter span {
    display: block !important;
    height: 6px !important;
    border-radius: 4px !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

.profile-page .profile-review-card__meter span.is-active {
    background: linear-gradient(90deg, rgba(237, 213, 156, 0.94), rgba(181, 141, 67, 0.94)) !important;
    box-shadow: 0 0 12px rgba(230, 210, 164, 0.14) !important;
}

.profile-page .profile-review-card__body,
.profile-page .profile-review-card__body p {
    color: rgba(249, 246, 240, 0.92) !important;
    font-family: 'Manrope', 'Inter', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.82 !important;
}

.profile-page .profile-review-card__body p {
    margin: 0 0 1em !important;
}

.profile-page .profile-review-card__body p:last-child {
    margin-bottom: 0 !important;
}

.profile-page .profile-review-card__edit {
    display: inline-flex !important;
    align-self: flex-start !important;
}

.profile-page .profile-review-card__edit .post-edit-link {
    color: var(--text-tertiary) !important;
    font-size: 12px !important;
}

.profile-page .addreviewform {
    border-radius: var(--profile-r-xl) !important;
    border: 1px solid var(--profile-border-soft) !important;
    background: var(--profile-surface-raised) !important;
    box-shadow: var(--profile-shadow-lg) !important;
    padding: clamp(22px, 3vw, 30px) !important;
    position: relative !important;
}

.profile-page .profile-review-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

.profile-page .profile-review-form .form-label {
    margin-bottom: 0 !important;
}

.profile-page .addreviewform .closebtn {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    margin: 0 0 10px auto !important;
    padding: 0 !important;
    border-radius: 12px !important;
    border: 1px solid rgba(230, 210, 164, 0.14) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    color: rgba(249, 242, 223, 0.9) !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

.profile-page .addreviewform .closebtn:hover {
    background: rgba(230, 210, 164, 0.08) !important;
    border-color: rgba(230, 210, 164, 0.22) !important;
}

.profile-page .addreviewform .closebtn .label {
    display: none !important;
}

.profile-page .addreviewform .closebtn .icon {
    float: none !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

.profile-page .profile-review-form .formseparator {
    display: none !important;
}

.profile-page .profile-review-form .clear10 {
    display: none !important;
}

.profile-page .profile-review-form .form-label label {
    display: block !important;
    color: var(--text-primary) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
}

.profile-page .profile-review-form__intro {
    margin: 8px 0 0 !important;
    color: var(--text-tertiary) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

.profile-page .profile-review-form .form-input-rating {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.profile-page .profile-review-form .form-input-rating .clear {
    display: none !important;
}

.profile-page .rating-choice {
    display: block !important;
    margin: 0 !important;
    cursor: pointer !important;
    position: relative !important;
    min-width: 0 !important;
}

.profile-page .rating-choice input {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.profile-page .rating-choice__card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    min-height: 132px !important;
    padding: 16px 16px 18px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    background: linear-gradient(180deg, rgba(18, 18, 22, 0.82), rgba(12, 12, 16, 0.74)) !important;
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}

.profile-page .rating-choice:hover .rating-choice__card {
    border-color: rgba(230, 210, 164, 0.22) !important;
    background: linear-gradient(180deg, rgba(23, 22, 28, 0.88), rgba(14, 14, 18, 0.82)) !important;
    transform: translateY(-1px) !important;
}

.profile-page .rating-choice input:checked+.rating-choice__card {
    border-color: rgba(230, 210, 164, 0.28) !important;
    background:
        linear-gradient(180deg, rgba(230, 210, 164, 0.10), rgba(17, 17, 20, 0.92)),
        radial-gradient(circle at top right, rgba(230, 210, 164, 0.10), transparent 50%) !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.profile-page .rating-choice__value {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    color: var(--text-primary) !important;
    font-family: 'Manrope', 'Inter', sans-serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
    flex-shrink: 0 !important;
}

.profile-page .rating-choice input:checked+.rating-choice__card .rating-choice__value {
    background: rgba(230, 210, 164, 0.14) !important;
    color: rgba(255, 248, 232, 0.96) !important;
}

.profile-page .rating-choice__copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.profile-page .rating-choice__title {
    color: var(--text-primary) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.profile-page .rating-choice__hint {
    color: var(--text-tertiary) !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    display: -webkit-box !important;
    max-width: none !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.profile-page .profile-review-form__selection {
    display: grid !important;
    gap: 4px !important;
    padding: 14px 16px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(230, 210, 164, 0.12) !important;
    background: rgba(255, 255, 255, 0.03) !important;
}

.profile-page .profile-review-form__selection-label {
    color: rgba(230, 210, 164, 0.82) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

.profile-page .profile-review-form__selection-value {
    color: var(--text-primary) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
}

.profile-page .profile-review-form__selection-hint {
    color: var(--text-tertiary) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

.profile-page .profile-review-form textarea {
    min-height: 180px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    color: var(--text-primary) !important;
    font-family: 'Manrope', 'Inter', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.82 !important;
    padding: 16px 18px !important;
}

.profile-page .profile-review-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.34) !important;
}

.profile-page .profile-review-form .form-input small.l {
    display: block !important;
    float: none !important;
    margin-top: 12px !important;
    color: var(--text-tertiary) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.profile-page .profile-review-form .form-input .charcount {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    float: none !important;
    margin-top: 12px !important;
}

.profile-page .profile-review-form .form-input #barbox {
    float: none !important;
    width: 120px !important;
    height: 8px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

.profile-page .profile-review-form .form-input #bar {
    float: none !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, rgba(230, 210, 164, 0.92), rgba(181, 141, 67, 0.94)) !important;
}

.profile-page .profile-review-form .form-input #count {
    float: none !important;
    margin: 0 !important;
    color: var(--text-tertiary) !important;
    font-size: 12px !important;
}

.profile-page .profile-review-form .text-center {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.profile-page .profile-review-form input[type="submit"],
.profile-page .profile-review-form__submit {
    min-width: 190px !important;
    padding: 12px 20px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(230, 210, 164, 0.22) !important;
    background: linear-gradient(180deg, rgba(35, 31, 22, 0.96), rgba(19, 17, 13, 0.96)) !important;
    color: rgba(250, 241, 219, 0.96) !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18) !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
}

.profile-page .profile-review-form input[type="submit"]:hover,
.profile-page .profile-review-form__submit:hover {
    background: linear-gradient(180deg, rgba(45, 40, 28, 0.98), rgba(24, 22, 16, 0.98)) !important;
    border-color: rgba(230, 210, 164, 0.30) !important;
}


/* --------------------------------------------------------------------------
   S13b: EMPTY STATE CARDS (Reviews, Tours)
   Glassmorphic illustrated panels shown when no content exists.
   -------------------------------------------------------------------------- */
.profile-empty-state {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 48px 24px !important;
    margin: 16px 0 !important;
    background: rgba(255, 255, 255, 0.025) !important;
    border: 1px solid rgba(230, 210, 164, 0.1) !important;
    border-radius: 14px !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

/* Illustration container */
.profile-empty-state__illustration {
    margin-bottom: 14px !important;
    opacity: 0.76 !important;
    transition: opacity .22s ease, transform .22s ease !important;
}

.profile-empty-state:hover .profile-empty-state__illustration {
    opacity: 0.92 !important;
    transform: translateY(-1px) !important;
}

/* SVG gentle float animation */
.profile-empty-state__illustration svg {
    animation: emptyStateFloat 5.5s ease-in-out infinite !important;
}

@keyframes emptyStateFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-2px);
    }
}

/* Title */
.profile-empty-state__title {
    font-family: 'Inter', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    margin: 0 0 6px 0 !important;
    letter-spacing: -0.01em !important;
}

/* Description text */
.profile-empty-state__text {
    font-size: 14px !important;
    color: var(--text-tertiary) !important;
    margin: 0 0 20px 0 !important;
    line-height: 1.5 !important;
}

/* Shared empty-state CTA */
.profile-empty-state__cta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 11px 20px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    color: var(--text-primary) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: var(--transition-fast) !important;
    font-family: 'Inter', sans-serif !important;
    position: relative !important;
}

.profile-empty-state__cta:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.20) !important;
}

.profile-empty-state__cta .icon-plus-circled {
    font-size: 14px !important;
}

/* Reviews-specific empty state */
.profile-empty-state--reviews {
    order: 5 !important;
    grid-column: 1 / -1 !important;
}

.profile-empty-state--reviews .profile-empty-state__illustration svg {
    width: 64px !important;
    height: 64px !important;
}

.profile-empty-state--reviews .profile-empty-state__text {
    margin-bottom: 0 !important;
}

/* Tours-specific empty state (if added later) */
.profile-empty-state--tours {
    order: 4 !important;
    grid-column: 1 / -1 !important;
    background: var(--profile-surface-raised) !important;
    box-shadow: var(--profile-shadow-lg) !important;
    border-color: var(--profile-border-soft) !important;
    padding: 34px 22px !important;
}

.profile-empty-state--tours .profile-empty-state__illustration {
    margin-bottom: 14px !important;
}

.profile-empty-state--tours .profile-empty-state__title {
    margin-bottom: 4px !important;
}

.profile-empty-state--tours .profile-empty-state__text {
    max-width: 22ch !important;
    margin-bottom: 16px !important;
}

.profile-empty-state--tours .profile-empty-state__cta {
    background: linear-gradient(180deg, rgba(33, 31, 24, 0.96), rgba(18, 16, 12, 0.96)) !important;
    color: rgba(250, 241, 219, 0.96) !important;
    border-color: rgba(230, 210, 164, 0.22) !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18) !important;
}

.profile-empty-state--tours .profile-empty-state__cta:hover {
    background: linear-gradient(180deg, rgba(45, 40, 28, 0.98), rgba(24, 22, 16, 0.98)) !important;
    border-color: rgba(230, 210, 164, 0.32) !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22) !important;
}

.profile-empty-state--tours .profile-empty-state__cta .icon {
    color: rgba(237, 213, 156, 0.92) !important;
}

@keyframes profileMeterFill {
    from {
        transform: scaleX(0);
    }

    to {
        transform: scaleX(1);
    }
}

@keyframes profileCtaSheen {
    0%,
    70%,
    100% {
        transform: translateX(-140%);
    }

    35% {
        transform: translateX(140%);
    }
}


/* --------------------------------------------------------------------------
   S14: CONTACT PANEL — Polished Card Layout
   -------------------------------------------------------------------------- */
.profile-page .profile-contact-panel,
.profile-page .girlinfo-section:has(.contact) {
    padding: 0 !important;
    overflow: hidden !important;
}

.profile-page .profile-contact-panel .profile-section-heading {
    padding: clamp(18px, 2.6vw, 24px) clamp(18px, 2.6vw, 24px) 0 !important;
    margin-bottom: 0 !important;
}

.profile-page .contact {
    color: var(--text-primary) !important;
    padding: 10px clamp(18px, 2.6vw, 24px) clamp(18px, 2.6vw, 24px) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.profile-page .contact .clear,
.profile-page .contact>br {
    display: none !important;
}

.profile-page .profile-contact-card {
    gap: 12px !important;
}

/* Location grid — 2 columns */
.profile-page .profile-contact-card__grid,
.profile-page .contact [itemprop="address"] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

.profile-page .profile-contact-card__detail {
    padding: 14px 16px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(230, 210, 164, 0.1) !important;
    background: rgba(255, 255, 255, 0.03) !important;
}

.profile-page .contact .b .b-label {
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.10em !important;
    font-weight: 600 !important;
    color: rgba(255, 255, 255, 0.35) !important;
    display: block !important;
    margin-bottom: 2px !important;
}

.profile-page .contact .valuecolumn {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    display: block !important;
    margin-bottom: 0 !important;
    min-height: 24px !important;
    /* Prevent collapse if empty */
}

.profile-page .contact .valuecolumn a {
    color: var(--text-primary) !important;
    text-decoration: none !important;
    transition: var(--transition-fast) !important;
}

.profile-page .contact .valuecolumn a:hover {
    color: var(--gold-accent) !important;
}

.profile-page .profile-contact-card__actions {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 10px !important;
}

.profile-page .profile-contact-card__action {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 52px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(230, 210, 164, 0.12) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: var(--text-primary) !important;
    text-decoration: none !important;
    transition: var(--transition-fast) !important;
    cursor: pointer !important;
}

.profile-page .profile-contact-card__action:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(230, 210, 164, 0.24) !important;
    background: rgba(230, 210, 164, 0.07) !important;
}

.profile-page .profile-contact-card__action--call {
    border-color: rgba(136, 46, 64, 0.24) !important;
    background: linear-gradient(135deg, rgba(90, 18, 33, 0.30), rgba(46, 15, 24, 0.26)) !important;
}

.profile-page .profile-contact-card__action--call:hover {
    border-color: rgba(157, 62, 82, 0.32) !important;
    background: linear-gradient(135deg, rgba(104, 23, 40, 0.34), rgba(52, 16, 27, 0.3)) !important;
}

.profile-page .profile-contact-card__action--whatsapp {
    border-color: rgba(37, 211, 102, 0.18) !important;
    background: rgba(18, 20, 28, 0.72) !important;
}

.profile-page .profile-contact-card__action--whatsapp:hover {
    border-color: rgba(37, 211, 102, 0.26) !important;
    background: rgba(24, 28, 34, 0.88) !important;
}

.profile-page .profile-contact-card__action .icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--gold-accent) !important;
    font-size: 16px !important;
    flex-shrink: 0 !important;
}

.profile-page .profile-contact-card__action--call .icon {
    background: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 243, 240, 0.96) !important;
}

.profile-page .profile-contact-card__action--whatsapp .icon {
    background: rgba(37, 211, 102, 0.10) !important;
    color: #7cdfa4 !important;
}

.profile-page .profile-contact-card__action-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.profile-page .profile-contact-card__action-copy strong {
    color: var(--text-primary) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.profile-page .profile-contact-card__action-copy small {
    color: var(--text-tertiary) !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
}

.profile-page .profile-contact-card__channels {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.profile-page .profile-contact-card__channel {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    color: var(--text-secondary) !important;
    text-decoration: none !important;
    transition: var(--transition-fast) !important;
    font-size: 12px !important;
}

.profile-page .profile-contact-card__channel:hover {
    color: var(--text-primary) !important;
    border-color: rgba(230, 210, 164, 0.2) !important;
    background: rgba(230, 210, 164, 0.05) !important;
}

.profile-page .profile-contact-card__channel--static {
    cursor: default !important;
}

.profile-page .profile-contact-card__channel .social-icons-contact-info {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    filter: none !important;
}

.profile-page .profile-contact-card .lockedsection {
    margin-top: 4px !important;
}

/* --------------------------------------------------------------------------
   S18: HEADER ALIGNMENT
   -------------------------------------------------------------------------- */
.profile-page .profile-title {
    text-align: left !important;
}


/* --------------------------------------------------------------------------
   S15: RELATED & RECENTLY VIEWED (Full-Width Below Grid)
   -------------------------------------------------------------------------- */
.profile-page~.related_profiles,
.profile-page .related_profiles,
.bodybox.profile-page~.related_profiles {
    max-width: var(--profile-max) !important;
    margin: 0 auto !important;
    padding: 0 var(--profile-pad) 32px !important;
}

.profile-page .related_profiles .profile-title,
.profile-page .recently_viewed_profiles .profile-title {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    color: var(--text-primary) !important;
    margin-bottom: 20px !important;
}

.profile-page .recently_viewed_profiles {
    max-width: var(--profile-max) !important;
    margin: 0 auto !important;
    padding: 0 var(--profile-pad) 32px !important;
}


/* --------------------------------------------------------------------------
   S16: STAR RATING
   -------------------------------------------------------------------------- */
.profile-page .profilestarrating-wrapper {
    background:
        var(--profile-surface-raised) !important;
    border: 1px solid var(--profile-border-soft) !important;
    border-radius: 24px !important;
    padding: 18px !important;
    margin-bottom: 12px !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 16px 36px rgba(0, 0, 0, 0.28) !important;
}

/* --------------------------------------------------------------------------
   S17: BADGES — Luxury Pill Treatment
   -------------------------------------------------------------------------- */
.profile-page .girlsinglelabels {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
}

.profile-page .girlsinglelabels span {
    font-size: 10.5px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 6px 12px !important;
    border-radius: 10px !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    font-weight: 600 !important;
}

.profile-page .girlsinglelabels .profile-badge {
    border-radius: 10px !important;
}

.profile-page .girlsinglelabels .profile-badge--private {
    background: rgba(248, 113, 113, 0.10) !important;
    border: 1px solid rgba(248, 113, 113, 0.24) !important;
    color: rgba(254, 202, 202, 0.92) !important;
}

.profile-page .orangebutton {
    background: rgba(230, 210, 164, 0.10) !important;
    border: 1px solid rgba(230, 210, 164, 0.42) !important;
    color: rgba(243, 230, 199, 0.92) !important;
}

.profile-page .greendegrade {
    background: rgba(16, 185, 129, 0.14) !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    color: #6EE7B7 !important;
}

.profile-page .pinkdegrade {
    background: rgba(139, 10, 26, 0.14) !important;
    border: 1px solid rgba(139, 10, 26, 0.46) !important;
    color: var(--text-primary) !important;
}

.profile-page .pinkbutton {
    background: rgba(236, 72, 153, 0.14) !important;
    border: 1px solid rgba(236, 72, 153, 0.35) !important;
    color: #F472B6 !important;
}

.profile-page .redbutton {
    background: rgba(239, 68, 68, 0.14) !important;
    border: 1px solid rgba(239, 68, 68, 0.35) !important;
    color: #FCA5A5 !important;
}

/* ---- Hero badge row — scoped hierarchy overrides ---- */

/* Badges flow horizontally beside the name-identity.
   align-items:center keeps short badges vertically centred vs the name. */
.profile-page .profile-hero__name-row .girlsinglelabels {
    margin-bottom: 0 !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

/* PREMIUM: cool silver tone — clearly a different tier from VIP amber/gold.
   Scoped to girlsinglelabels only; .orangebutton is untouched globally. */
.profile-page .girlsinglelabels .orangebutton {
    background: rgba(175, 182, 200, 0.11) !important;
    border: 1px solid rgba(175, 182, 200, 0.36) !important;
    color: rgba(210, 218, 235, 0.87) !important;
}

/* =============================================================
   THREE-TIER BADGE HIERARCHY
   Tier 1 — VIP      inline / amber-gold / 700 wt  ← identity signal
   Tier 2 — PREMIUM  10.5 px / silver / 600 wt     ← commercial tier
   Tier 3 — VERIFIED / NEW  10 px / 500 / ~70 %    ← trust footnotes
   ============================================================= */

/* --- Tier 1: VIP — unambiguous primary badge --- */
.profile-page .girlsinglelabels .profile-badge--vip {
    font-size: 11.5px !important;
    font-weight: 700 !important;
    padding: 7px 14px !important;
    letter-spacing: 0.10em !important;
    background: rgba(139, 10, 26, 0.22) !important;
    border-color: rgba(210, 55, 75, 0.56) !important;
    color: rgba(255, 210, 210, 0.96) !important;
}

/* --- Tier 3: VERIFIED — trust signal, clearly subordinate --- */
.profile-page .girlsinglelabels .greendegrade {
    font-size: 10px !important;
    font-weight: 500 !important;
    padding: 5px 10px !important;
    background: rgba(16, 185, 129, 0.10) !important;
    border: 1px solid rgba(16, 185, 129, 0.24) !important;
    color: rgba(110, 231, 183, 0.72) !important;
}

/* --- Tier 3: NEW — recency signal, clearly subordinate --- */
.profile-page .girlsinglelabels .pinkbutton {
    font-size: 10px !important;
    font-weight: 500 !important;
    padding: 5px 10px !important;
    background: rgba(236, 72, 153, 0.09) !important;
    border: 1px solid rgba(236, 72, 153, 0.22) !important;
    color: rgba(244, 114, 182, 0.70) !important;
}


/* --------------------------------------------------------------------------
   S18: FLOATING ACTION BAR (#profile-fab)
   Replaces the old .profile-mobile-cta full-width strip.
   Mobile-only (≤768px). Smart show/hide via JS zone observers.
   -------------------------------------------------------------------------- */

/* Suppress the old dock entirely on profile pages */
.profile-page .profile-mobile-cta { display: none !important; }

/* ── FAB container ── */
#profile-fab {
    display: none;              /* enabled in media query below */
    position: fixed;
    bottom: calc(14px + env(safe-area-inset-bottom, 0px));
    left: 12px;
    right: 12px;
    z-index: 1100;
    flex-direction: row;
    align-items: stretch;

    background: rgba(10, 8, 14, 0.93);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 20px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 14px 48px rgba(0, 0, 0, 0.52),
        0 2px 8px  rgba(0, 0, 0, 0.30);
    overflow: hidden;

    /* Appear/disappear transitions */
    transform: translateY(0) translateZ(0);
    opacity: 1;
    transition:
        transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
        opacity   260ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform, opacity;
}

/* Hidden state — added/removed by JS */
#profile-fab.is-fab-hidden {
    transform: translateY(18px) translateZ(0);
    opacity: 0;
    pointer-events: none;
    transition-timing-function: cubic-bezier(0.55, 0, 1, 0.45);
    transition-duration: 190ms;
}

/* Hide FAB when any Swal modal is open (payment, plan selection, etc.) */
body.swal2-shown #profile-fab {
    transform: translateY(18px) translateZ(0) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition-duration: 150ms !important;
}

/* ── Buttons — base ── */
.pfab-btn {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 11px 6px 12px;
    min-height: 64px;
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.50);
    text-decoration: none !important;
    cursor: pointer;
    font-family: inherit;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    transition: opacity 100ms ease, transform 100ms ease;
    user-select: none;
}
.pfab-btn:active {
    transform: scale(0.91);
    opacity: 0.60;
    transition-duration: 70ms;
}

/* Hair-line dividers between buttons */
.pfab-btn + .pfab-btn::before {
    content: '';
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 1px;
    background: rgba(255, 255, 255, 0.07);
    pointer-events: none;
}

.pfab-icon  { flex-shrink: 0; display: block; }

.pfab-label {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
    color: inherit;
}

/* ── Save ── */
.pfab-btn--save { color: rgba(255, 255, 255, 0.46); }
.pfab-save-icon { transition: fill 180ms ease, stroke 180ms ease; }
.pfab-btn--save.is-favorited {
    color: #8B0A1A;
}
.pfab-btn--save.is-favorited .pfab-save-icon {
    fill: #8B0A1A;
    stroke: #8B0A1A;
}
.pfab-btn--save.is-favorited .pfab-label::before { content: '' }

/* ── Text / SMS ── */
.pfab-btn--sms { color: rgba(255, 255, 255, 0.50); }

/* ── Call — primary, crimson ── */
.pfab-btn--call {
    flex: 1.15;
    background: linear-gradient(160deg, rgba(150, 12, 30, 0.92), rgba(98, 6, 17, 0.96));
    color: rgba(255, 238, 238, 0.97);
}
/* No divider between SMS and Call — bg colour creates boundary */
.pfab-btn--call::before { display: none; }

/* ── WhatsApp — primary, dark + emerald ── */
.pfab-btn--wa {
    flex: 1.25;
    background: rgba(7, 13, 10, 0.88);
    color: #72e0a0;
}
.pfab-btn--wa .pfab-label { color: rgba(100, 220, 150, 0.85); }
/* No divider between Call and WA — both are coloured surfaces */
.pfab-btn--wa::before { display: none; }

/* ── Viber — tertiary purple ── */
.pfab-btn--viber { color: rgba(180, 155, 255, 0.75); }

/* ── Enabled on mobile ── */
@media (max-width: 768px) {
    #profile-fab { display: flex; }
}

body.single-escort [class*="webpushr"],
body.single-escort [id*="webpushr"],
body.single-escort iframe[src*="webpushr"],
body.single-escort prompticon3,
body.single-escort promptpopup,
body.single-escort webpushrpromptconatiner {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}


/* --------------------------------------------------------------------------
   S19: LOCKED / VIP SECTIONS
   -------------------------------------------------------------------------- */
.profile-page .lockedsection {
    background: rgba(139, 10, 26, 0.10) !important;
    border: 1px solid rgba(139, 10, 26, 0.30) !important;
    border-radius: var(--profile-r-lg) !important;
    padding: 20px !important;
    color: var(--text-primary) !important;
    margin: 12px 0 !important;
}

.profile-page .lockedsection .icon-lock {
    color: var(--gold-accent) !important;
    font-size: 20px !important;
    float: left !important;
    margin-right: 10px !important;
}

.profile-page .lockedsection a {
    color: var(--gold-accent) !important;
}


/* --------------------------------------------------------------------------
   S20: FORMS (Review + Contact)
   -------------------------------------------------------------------------- */
.profile-page .addreviewform,
.profile-page .registerform {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: var(--profile-r-xl) !important;
    padding: 20px !important;
    margin-top: 16px !important;
}

.profile-page input[type="text"],
.profile-page input[type="email"],
.profile-page input[type="number"],
.profile-page textarea,
.profile-page select {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    color: var(--text-primary) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    transition: var(--transition-fast) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.profile-page input[type="text"]:focus,
.profile-page input[type="email"]:focus,
.profile-page textarea:focus,
.profile-page select:focus {
    border-color: rgba(230, 210, 164, 0.40) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(230, 210, 164, 0.10) !important;
}

.profile-page textarea {
    min-height: 100px !important;
    resize: vertical !important;
}

.profile-page input[type="submit"],
.profile-page button[type="submit"] {
    background: var(--brand-primary) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: var(--transition-fast) !important;
}

.profile-page input[type="submit"]:hover,
.profile-page button[type="submit"]:hover {
    background: #a80d20 !important;
}


/* --------------------------------------------------------------------------
   S21: ERROR / SUCCESS MESSAGES
   -------------------------------------------------------------------------- */
.profile-page .err {
    background: rgba(239, 68, 68, 0.12) !important;
    border: 1px solid rgba(239, 68, 68, 0.30) !important;
    border-radius: var(--profile-r-md) !important;
    padding: 12px 16px !important;
    color: #FCA5A5 !important;
    font-size: 14px !important;
    margin-bottom: 12px !important;
}

.profile-page .err a {
    color: var(--gold-accent) !important;
}

.profile-page .ok {
    background: rgba(16, 185, 129, 0.12) !important;
    border: 1px solid rgba(16, 185, 129, 0.30) !important;
    border-radius: var(--profile-r-md) !important;
    padding: 12px 16px !important;
    color: #6EE7B7 !important;
    font-size: 14px !important;
    margin-bottom: 12px !important;
}


/* --------------------------------------------------------------------------
   S22: HIT COUNTER
   -------------------------------------------------------------------------- */
.profile-page .esc-page-counter {
    color: var(--text-tertiary) !important;
    font-size: 12px !important;
    text-align: center !important;
    padding: 8px 0 !important;
    grid-column: 1 / -1 !important;
    order: 10 !important;
}


/* --------------------------------------------------------------------------
   S23: AD ZONES
   -------------------------------------------------------------------------- */
.profile-page .ad-container,
.bodybox.profile-page+.body+.ad-container {
    max-width: var(--profile-max) !important;
    margin: 0 auto !important;
    padding: 16px var(--profile-pad) !important;
}

.profile-page .ad-container .ad-item {
    background: transparent !important;
    border-radius: var(--profile-r-md) !important;
    overflow: hidden !important;
}


/* --------------------------------------------------------------------------
   S24: SIDEBAR & LAYOUT OVERRIDES (scoped via body.single-escort)
   -------------------------------------------------------------------------- */

/*
 * FULL-BLEED LAYOUT: The parent theme constrains .body to ~940px with
 * left/right margins for sidebars. We remove those constraints so the
 * hero can be truly full-width, then re-constrain content via max-width.
 */
body.single-escort .contentwrapper {
    float: none !important;
    width: 100% !important;
}

body.single-escort .body {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    float: none !important;
}

body.single-escort .bodybox.profile-page {
    overflow: visible !important;
    padding: 0 !important;
    max-width: 100% !important;
}

/* Hide left sidebar on profile pages */
body.single-escort .sidebar-left {
    display: none !important;
}

/* Restyle right sidebar — full width below content */
body.single-escort .sidebar-right {
    float: none !important;
    width: 100% !important;
    max-width: var(--profile-max) !important;
    margin: 0 auto !important;
    padding: 0 var(--profile-pad) 40px !important;
    background: transparent !important;
}

body.single-escort .sidebar-right .widgetbox,
body.single-escort .sidebar-right .sidebar-expire-notice {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: var(--profile-r-lg) !important;
    color: var(--text-primary) !important;
    margin-bottom: 12px !important;
}

body.single-escort .sidebar-right .sidebar-expire-notice {
    padding: 12px 16px !important;
    font-size: 14px !important;
}

body.single-escort .sidebar-right a {
    color: var(--gold-accent) !important;
}

body.single-escort .sidebar-right .widgettitle {
    color: var(--text-primary) !important;
}

body.single-escort .body {
    background: var(--bg-primary) !important;
}

/* Online status label */
.profile-page .online-label-container .online-label {
    background: rgba(16, 185, 129, 0.14) !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    color: #6EE7B7 !important;
    border-radius: 999px !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
}


/* --------------------------------------------------------------------------
   S25: RESPONSIVE BREAKPOINTS
   -------------------------------------------------------------------------- */

/* Tablet: stack to single column */
@media (max-width: 980px) {
    .profile-page .girlsingle {
        grid-template-columns: 1fr !important;
    }

    .profile-page .profile-page-no-media-wrapper-photos,
    .profile-page .profile-page-no-media-wrapper-videos {
        grid-column: 1 / -1 !important;
    }

    .profile-page .girlinfo.r,
    .profile-page .girlinfo.l {
        grid-column: 1 / -1 !important;
    }

    /* Hero info wraps: avatar + details stack above CTA */
    .profile-page .profile-hero__info {
        flex-wrap: wrap !important;
    }

    .profile-page .profile-hero__cta {
        margin-left: auto !important;
    }

    .profile-page .profile-stickybar__nav {
        display: none !important;
    }

    .profile-page .profile-stickybar__inner {
        justify-content: space-between !important;
    }
}

/* Small tablet / large phone */
@media (max-width: 720px) {

    /* Hero: smaller cover & avatar */
    .profile-page .profile-hero__cover {
        height: 180px !important;
    }

    .profile-page .profile-hero__avatar {
        width: 120px !important;
        height: 120px !important;
        margin-top: -50px !important;
    }

    .profile-page .profile-hero__info {
        margin-top: -50px !important;
        padding: 0 16px 24px !important;
    }

    .profile-page .profile-hero__details {
        min-width: 0 !important;
    }

    .profile-page .profile-hero__name-row {
        flex-wrap: wrap !important;
        gap: 6px !important;
    }

    .profile-page .profile-hero__cta {
        flex-wrap: wrap !important;
        margin-left: 0 !important;
        margin-top: 12px !important;
    }

    .profile-page .profile-page-no-media-wrapper-photos,
    .profile-page .profile-page-no-media-wrapper-videos {
        width: 100% !important;
        max-width: 100% !important;
    }

    .profile-page .profile-page-no-media {
        min-height: 0 !important;
        padding: 14px !important;
    }

    .profile-page .profile-upload-card__body {
        gap: 10px !important;
    }

    .profile-page .profile-upload-card__title {
        font-size: 15px !important;
    }

    .profile-page .profile-page-no-media .for-browsers p {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    /* Attributes grid: 2 columns instead of 3 */
    .profile-page .girlinfo.l>.girlinfo-section:first-child {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* Gallery: 2 columns */
    .profile-page .profile-img-thumb-wrapper,
    .profile-page .profile-video-thumb-wrapper {
        width: calc(50% - 6px) !important;
        margin: 3px !important;
    }

    /* Tours: stack on mobile */
    .profile-page .tour {
        grid-template-columns: 1fr 1fr !important;
    }

    .profile-page .tour-info-mobile {
        display: inline !important;
        font-weight: 600 !important;
        font-size: 11px !important;
        text-transform: uppercase !important;
        color: var(--text-tertiary) !important;
    }

    .profile-page .tourhead {
        display: none !important;
    }

    /* Empty state: compact padding */
    .profile-empty-state {
        padding: 36px 20px !important;
    }
}

/* Mobile */
@media (max-width: 480px) {

    /* Hero: column layout on mobile */
    .profile-page .profile-hero__cover {
        height: 140px !important;
    }

    .profile-page .profile-hero__avatar {
        width: 100px !important;
        height: 100px !important;
        margin-top: -40px !important;
        border-radius: 14px !important;
    }

    .profile-page .profile-hero__info {
        flex-direction: column !important;
        align-items: flex-start !important;
        margin-top: -40px !important;
        padding: 0 12px 20px !important;
    }

    .profile-page .profile-hero__details {
        align-items: flex-start !important;
        text-align: left !important;
    }

    .profile-page .profile-hero__meta {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .profile-page .profile-hero__quick-actions {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
        gap: 10px !important;
        order: 3 !important;
        width: 100% !important;
        margin-top: 0 !important;
    }

    .profile-page .profile-hero__quick-actions--dual {
        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr) !important;
    }

    .profile-page .profile-hero__quick-actions--dual .profile-hero__quick-action {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }

    .profile-page .profile-hero__quick-actions--dual .profile-hero__action--wa {
        padding-left: 12px !important;
        padding-right: 14px !important;
    }

    .profile-page .profile-hero__quick-actions--dual .profile-hero__action--wa .profile-hero__quick-action-label {
        font-size: 11.75px !important;
    }

    .profile-page .profile-hero__name-row {
        justify-content: flex-start !important;
    }

    /* Name-identity: never exceed the viewport but don't force full-width —
       girlsinglelabels flows beside it on the same line when space allows.
       On truly long names the natural flex-wrap moves badges below. */
    .profile-page .profile-hero__name-identity {
        max-width: 100% !important;
        flex-shrink: 1 !important;
    }

    .profile-page .profile-hero__desktop-online {
        display: none !important;
    }

    .profile-page .profile-hero__location {
        order: 1 !important;
    }

    .profile-page .profile-hero__status-line {
        display: inline-flex !important;
        order: 2 !important;
    }

    .profile-page .profile-hero__cta {
        display: none !important;
    }

    .profile-page .profile-hero__quick-action {
        width: 100% !important;
        min-width: 0 !important;
    }

    .profile-page .profile-hero .profile-title {
        font-size: 24px !important;
    }

    .profile-page .profile-header-name-info {
        order: 4 !important;
        display: inline-flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        width: auto !important;
    }

    .profile-page .profile-hero .profile-header-name-info .section-box {
        padding: 4px 8px !important;
        font-size: 12px !important;
    }

    .profile-page .profile-upload-card__meta {
        gap: 8px !important;
    }

    .profile-page .profile-upload-card__hint {
        font-size: 10px !important;
    }

    /* Gallery: still 2 columns on smallest screens */
    .profile-page .profile-img-thumb-wrapper,
    .profile-page .profile-video-thumb-wrapper {
        width: calc(50% - 4px) !important;
        margin: 2px !important;
    }

    .profile-page .girlinfo.l>.girlinfo-section:first-child {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .profile-page .profile-languages-panel {
        padding-bottom: 14px !important;
    }

    .profile-page .profile-language-row {
        padding: 12px 0 !important;
    }

    .profile-page .profile-language-row__level {
        min-height: 28px !important;
        padding: 0 10px !important;
        font-size: 10px !important;
    }

    .profile-page .aboutme {
        padding: 22px 18px !important;
    }

    .profile-page .profile-reviews-panel {
        padding: 20px 16px !important;
    }

    .profile-page .profile-reviews-panel__header,
    .profile-page .profile-review-card__header {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .profile-page .profile-review-entry {
        width: 100% !important;
    }

    .profile-page .profile-review-card {
        padding: 16px !important;
    }

    .profile-page .profile-review-form .form-input-rating {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .profile-page .profile-contact-card__grid,
    .profile-page .profile-contact-card__actions {
        grid-template-columns: 1fr !important;
    }

    .profile-page {
        padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important;
    }

    /* Empty state: smaller SVG & text */
    .profile-empty-state {
        padding: 32px 16px !important;
    }

    .profile-empty-state__illustration svg {
        width: 64px !important;
        height: 64px !important;
    }

    .profile-empty-state__title {
        font-size: 15px !important;
    }

    .profile-empty-state__text {
        font-size: 13px !important;
    }
}

/* Mobile layout adjustments below 768px */
@media (max-width: 768px) {
    .profile-page .profile-contact-panel {
        display: block !important;
    }

    .profile-page .profile-hero__cta {
        display: none !important;
    }

    .profile-page {
        padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .profile-page .profile-stickybar__actions {
        display: none !important;
    }

    .profile-page .profile-review-entry__secondary {
        width: auto !important;
    }
}

@media (max-width: 1180px) {
    .profile-page .profile-review-form .form-input-rating {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 820px) {
    .profile-page .profile-review-form .form-input-rating {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .profile-page .rating-choice__card {
        min-height: 120px !important;
    }
}


/* --------------------------------------------------------------------------
   S26: ACCESSIBILITY & MOTION
   -------------------------------------------------------------------------- */
.profile-page :focus-visible {
    outline: 2px solid rgba(230, 210, 164, 0.65) !important;
    outline-offset: 3px !important;
}

@media (prefers-reduced-motion: reduce) {

    .profile-page *,
    .profile-page *::before,
    .profile-page *::after {
        transition: none !important;
        animation: none !important;
    }

    .profile-page .profile-stickybar {
        transition: none !important;
    }

    .profile-page .profile-empty-state__illustration svg,
    .profile-page .profile-service-chip {
        animation: none !important;
    }
}


/* --------------------------------------------------------------------------
   S27: MISC CLEANUP
   -------------------------------------------------------------------------- */

/* Languages section */
.profile-page .girlinfo.l .girlinfo-section:nth-child(2) .section-box {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    background: transparent !important;
    border-radius: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.profile-page .girlinfo.l .girlinfo-section:nth-child(2) .section-box:last-child {
    border-bottom: none !important;
}

/* Report profile button */
.profile-page .report-profile-button {
    color: var(--text-tertiary) !important;
    font-size: 13px !important;
}

.profile-page .report-profile-button:hover {
    color: var(--text-secondary) !important;
}

/* Edit in WordPress link */
.profile-page .post-edit-link {
    color: var(--text-tertiary) !important;
    font-size: 13px !important;
}

/* Favorite button */
.profile-page .favoritesbutton {
    color: var(--text-secondary) !important;
    transition: var(--transition-fast) !important;
}

.profile-page .favoritesbutton:hover,
.profile-page .favoritesbutton.active {
    color: var(--brand-accent) !important;
}

@media (max-width: 680px) {
    .profile-page .girlinfo.l>.girlinfo-section:first-child {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .profile-page .profile-service-chip {
        width: 100% !important;
    }
}

/* Image edit buttons (delete, etc.) */
.profile-page .edit-buttons {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    z-index: 5 !important;
}

.profile-page .edit-buttons .button-delete {
    background: rgba(239, 68, 68, 0.85) !important;
    color: #fff !important;
    padding: 4px 8px !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    font-size: 14px !important;
}

/* Payment buttons in locked sections */
.profile-page .generate-payment-button,
.profile-page .paypal-button,
.profile-page .stripe-button {
    border-radius: 10px !important;
    font-weight: 600 !important;
}

/* Breadcrumbs */
.profile-page .profile-breadcrumbs {
    max-width: var(--profile-max) !important;
    margin: 0 auto !important;
    padding: 12px var(--profile-pad) 0 !important;
}

.profile-page #breadcrumbs {
    color: var(--text-tertiary) !important;
    font-size: 12px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, rgba(22, 24, 32, 0.74), rgba(14, 16, 22, 0.58)) !important;
    line-height: 1.35 !important;
}

.profile-page #breadcrumbs a {
    color: var(--text-secondary) !important;
    text-decoration: none !important;
}

.profile-page #breadcrumbs a:hover {
    color: var(--text-primary) !important;
}

.profile-page #breadcrumbs .breadcrumb_last {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
}

/* Deletemsg (tour delete confirmation) */
.profile-page .deletemsg {
    float: none !important;
    color: var(--text-primary) !important;
}

/* Smooth scrolling for anchor links */
html:has(.profile-page) {
    scroll-behavior: smooth !important;
    scroll-padding-top: calc(var(--stickybar-h) + 16px) !important;
}


/* --------------------------------------------------------------------------
   S15: GALLERY PLACEHOLDERS — Empty Slots
   -------------------------------------------------------------------------- */
.profile-gallery-placeholder {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    aspect-ratio: 3 / 4 !important;
    border: 2px dashed rgba(255, 255, 255, 0.10) !important;
    border-radius: var(--profile-r-md) !important;
    background: rgba(255, 255, 255, 0.02) !important;
    color: rgba(255, 255, 255, 0.15) !important;
    font-size: 28px !important;
    transition: var(--transition-base) !important;
}

.profile-gallery-placeholder:hover {
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: rgba(255, 255, 255, 0.25) !important;
    background: rgba(255, 255, 255, 0.04) !important;
}


/* --------------------------------------------------------------------------
   S16: HORIZONTAL SCROLL — Related & Recently Viewed
   -------------------------------------------------------------------------- */
.profile-related-scroll,
.rv-scroll-wrapper #rv-cards {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 16px !important;
    padding-bottom: 8px !important;
}

/* Hide scrollbar */
.profile-related-scroll::-webkit-scrollbar,
.rv-scroll-wrapper #rv-cards::-webkit-scrollbar {
    display: none !important;
}

.profile-related-scroll,
.rv-scroll-wrapper #rv-cards {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

/* Card sizing inside scroll */
.profile-related-scroll .girl,
.rv-scroll-wrapper #rv-cards .girl {
    flex: 0 0 220px !important;
    max-width: 220px !important;
    scroll-snap-align: start !important;
    float: none !important;
    margin: 0 !important;
}

@media (max-width: 480px) {

    .profile-related-scroll .girl,
    .rv-scroll-wrapper #rv-cards .girl {
        flex: 0 0 180px !important;
        max-width: 180px !important;
    }
}


/* --------------------------------------------------------------------------
   S17: CHAT ICON SVG — Inline Styling
   -------------------------------------------------------------------------- */
.exotic-chat-link .chat-icon-svg {
    vertical-align: middle !important;
    margin-right: 2px !important;
}

/* --------------------------------------------------------------------------
   S26: ADMIN QUICK ACTIONS (single escort, admin only)
   -------------------------------------------------------------------------- */
body.single-escort .profile-page .profile-admin-quick-actions {
    position: sticky !important;
    top: 12px !important;
    z-index: 70 !important;
    max-width: var(--profile-max) !important;
    margin: 0 auto 18px !important;
    padding: 14px !important;
    border-radius: var(--profile-r-lg) !important;
    border: 1px solid rgba(230, 198, 106, 0.24) !important;
    background: linear-gradient(135deg, rgba(16, 16, 16, 0.96), rgba(24, 10, 14, 0.94)) !important;
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(139, 10, 26, 0.2) inset !important;
    backdrop-filter: blur(8px) !important;
}

body.single-escort.admin-bar .profile-page .profile-admin-quick-actions {
    top: 44px !important;
}

body.single-escort .profile-page .profile-admin-quick-actions__header {
    margin-bottom: 10px !important;
}

body.single-escort .profile-page .profile-admin-quick-actions__title {
    margin: 0 !important;
    color: var(--text-primary) !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}

body.single-escort .profile-page .profile-admin-quick-actions__list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

body.single-escort .profile-page .profile-admin-quick-actions__btn,
body.single-escort .profile-page .profile-admin-quick-actions__btn:link,
body.single-escort .profile-page .profile-admin-quick-actions__btn:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease !important;
}

body.single-escort .profile-page .profile-admin-quick-actions__btn:hover {
    background: rgba(230, 198, 106, 0.17) !important;
    border-color: rgba(230, 198, 106, 0.44) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

body.single-escort .profile-page .profile-admin-quick-actions__btn:focus-visible {
    outline: 2px solid #e6c66a !important;
    outline-offset: 2px !important;
}

body.single-escort .profile-page .profile-admin-quick-actions__btn--secondary,
body.single-escort .profile-page .profile-admin-quick-actions__btn--secondary:link,
body.single-escort .profile-page .profile-admin-quick-actions__btn--secondary:visited {
    background: rgba(32, 199, 249, 0.12) !important;
    border-color: rgba(32, 199, 249, 0.45) !important;
}

body.single-escort .profile-page .profile-admin-quick-actions__btn--secondary:hover {
    background: rgba(32, 199, 249, 0.24) !important;
    border-color: rgba(32, 199, 249, 0.6) !important;
}

body.single-escort .profile-page .profile-admin-quick-actions__btn--danger,
body.single-escort .profile-page .profile-admin-quick-actions__btn--danger:link,
body.single-escort .profile-page .profile-admin-quick-actions__btn--danger:visited {
    background: rgba(237, 25, 67, 0.2) !important;
    border-color: rgba(237, 25, 67, 0.52) !important;
    color: #ffd9df !important;
}

body.single-escort .profile-page .profile-admin-quick-actions__btn--danger:hover {
    background: rgba(237, 25, 67, 0.32) !important;
    border-color: rgba(237, 25, 67, 0.68) !important;
    color: #ffffff !important;
}

body.single-escort .profile-page .agency_options_dropdowns {
    scroll-margin-top: 170px !important;
}

body.single-escort .profile-page .profile-admin-subscriptions {
    max-width: var(--profile-max) !important;
    margin: 0 auto 20px !important;
    padding: 20px !important;
    border-radius: var(--profile-r-lg) !important;
    border: 1px solid rgba(230, 198, 106, 0.2) !important;
    background: linear-gradient(135deg, rgba(16, 16, 16, 0.96), rgba(20, 12, 15, 0.98)) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.36), 0 0 0 1px rgba(139, 10, 26, 0.14) inset !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 18px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__header-copy {
    max-width: 760px !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__title {
    margin: 0 0 8px !important;
    color: #ffffff !important;
    font-size: clamp(28px, 4vw, 42px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.03em !important;
    text-wrap: balance !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__header-copy p {
    margin: 0 !important;
    max-width: 72ch !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(237, 25, 67, 0.34) !important;
    background: rgba(237, 25, 67, 0.12) !important;
    color: #ffd7df !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__close:hover {
    background: rgba(237, 25, 67, 0.18) !important;
    border-color: rgba(237, 25, 67, 0.5) !important;
    transform: translateY(-1px) !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__close:focus-visible,
body.single-escort .profile-page .profile-admin-subscriptions__field select:focus-visible,
body.single-escort .profile-page .profile-admin-subscriptions__advanced > summary:focus-visible,
body.single-escort .profile-page .profile-admin-subscriptions__actions .pinkbutton:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.92) !important;
    outline-offset: 3px !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__close .icon {
    font-size: 16px !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__feedback {
    display: block !important;
    margin-bottom: 16px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__feedback[hidden] {
    display: none !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__feedback--busy {
    background: rgba(230, 198, 106, 0.12) !important;
    border-color: rgba(230, 198, 106, 0.36) !important;
    color: #f6e6a7 !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__feedback--success {
    background: rgba(54, 179, 126, 0.12) !important;
    border-color: rgba(54, 179, 126, 0.34) !important;
    color: #aef0d1 !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__feedback--error {
    background: rgba(237, 25, 67, 0.14) !important;
    border-color: rgba(237, 25, 67, 0.38) !important;
    color: #ffd6de !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__summary {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-bottom: 18px !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__summary-card {
    min-height: 116px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__summary-label {
    font-size: 11px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.46) !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__summary-value {
    font-size: 20px !important;
    line-height: 1.2 !important;
    color: #ffffff !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__summary-meta {
    margin-top: auto !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: rgba(255, 255, 255, 0.72) !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__grid--advanced {
    margin-top: 14px !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__card {
    padding: 16px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14) !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__card--package {
    background:
        radial-gradient(circle at top right, rgba(237, 25, 67, 0.18), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.025)) !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__card--wide {
    grid-column: 1 / -1 !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__card-title-group {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__card-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 8px !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__card-head h4 {
    margin: 0 !important;
    font-size: 18px !important;
    color: #ffffff !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__market {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__badge {
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: rgba(230, 198, 106, 0.14) !important;
    border: 1px solid rgba(230, 198, 106, 0.26) !important;
    color: #f2d992 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__card-meta {
    margin: 0 0 14px !important;
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__notice {
    margin: 0 0 14px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(230, 198, 106, 0.24) !important;
    background: rgba(230, 198, 106, 0.1) !important;
    color: #f6e6a7 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__notice[hidden] {
    display: none !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__notice--muted {
    margin-top: 12px !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.76) !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__field {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    margin-bottom: 12px !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__field:last-child {
    margin-bottom: 0 !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__field.is-disabled {
    opacity: 0.55 !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__field > span {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.54) !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__field select {
    min-height: 48px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    background: rgba(8, 8, 8, 0.72) !important;
    color: #ffffff !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__field select:disabled {
    cursor: not-allowed !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__field small {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__selection-note {
    margin: 0 0 14px !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__impact {
    display: block !important;
    margin-top: 8px !important;
    padding: 14px 16px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(0, 0, 0, 0.28) !important;
    color: rgba(255, 255, 255, 0.84) !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__advanced {
    margin-top: 16px !important;
    padding: 16px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.03) !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__advanced > summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    list-style: none !important;
    cursor: pointer !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__advanced > summary::-webkit-details-marker {
    display: none !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__advanced > summary::after {
    content: '+' !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__advanced[open] > summary::after {
    content: '-' !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__advanced-copy {
    margin: 12px 0 0 !important;
    color: rgba(255, 255, 255, 0.68) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__actions {
    display: flex !important;
    justify-content: center !important;
    margin-top: 20px !important;
}

body.single-escort .profile-page .profile-admin-subscriptions__actions .pinkbutton {
    min-width: 220px !important;
    min-height: 48px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

@media (max-width: 980px) {
    body.single-escort .profile-page .profile-admin-quick-actions {
        padding: 12px !important;
        margin-bottom: 14px !important;
    }

    body.single-escort .profile-page .profile-admin-quick-actions__list {
        gap: 8px !important;
    }

    body.single-escort .profile-page .profile-admin-subscriptions__summary {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.single-escort .profile-page .profile-admin-subscriptions__grid {
        grid-template-columns: 1fr !important;
    }

    body.single-escort .profile-page .profile-admin-subscriptions__card--wide {
        grid-column: auto !important;
    }

    body.single-escort .profile-page .profile-admin-subscriptions__header {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    body.single-escort .profile-page .profile-admin-subscriptions__close {
        align-self: flex-start !important;
    }

    body.single-escort .profile-page .profile-admin-quick-actions__btn {
        flex: 1 1 calc(50% - 8px) !important;
    }
}

@media (max-width: 782px) {
    body.single-escort.admin-bar .profile-page .profile-admin-quick-actions {
        top: 56px !important;
    }
}

@media (max-width: 640px) {
    body.single-escort .profile-page .profile-admin-quick-actions {
        position: sticky !important;
        top: 8px !important;
    }

    body.single-escort.admin-bar .profile-page .profile-admin-quick-actions {
        top: 54px !important;
    }

    body.single-escort .profile-page .profile-admin-quick-actions__btn {
        flex: 1 1 100% !important;
        justify-content: flex-start !important;
        padding: 0 14px !important;
    }

    body.single-escort .profile-page .profile-admin-subscriptions {
        padding: 16px !important;
    }

    body.single-escort .profile-page .profile-admin-subscriptions__title {
        font-size: 32px !important;
    }

    body.single-escort .profile-page .profile-admin-subscriptions__summary {
        grid-template-columns: 1fr !important;
    }

    body.single-escort .profile-page .profile-admin-subscriptions__close {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* ==============================================
   PROFILE ONBOARDING BANNER
   Matches profile-account__ design system
   ============================================== */
.profile-page .profile-onboarding {
    margin-top: 16px !important;
}

.profile-page .profile-onboarding__inner {
    background: linear-gradient(180deg, rgba(17, 17, 20, 0.9), rgba(13, 13, 15, 0.94)) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: var(--profile-r-lg) !important;
    padding: clamp(16px, 2.2vw, 22px) !important;
    backdrop-filter: blur(18px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.2) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35) !important;
}

/* --- Minimize / Expand States --- */
.profile-page .profile-onboarding__minimized-bar {
    display: none !important;
}

.profile-page .profile-onboarding.is-minimized .profile-onboarding__minimized-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    cursor: pointer !important;
    padding: 2px 0 !important;
}

.profile-page .profile-onboarding.is-minimized .profile-onboarding__expanded {
    display: none !important;
}

.profile-page .profile-onboarding__minimized-left {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex: 1 !important;
    min-width: 0 !important;
}

.profile-page .profile-onboarding__minimized-progress {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 1 !important;
    max-width: 280px !important;
}

.profile-page .profile-onboarding__progress-track--mini {
    flex: 1 !important;
    height: 4px !important;
    margin-bottom: 0 !important;
}

.profile-page .profile-onboarding__minimized-bar .profile-onboarding__eyebrow {
    flex-shrink: 0 !important;
    margin-bottom: 0 !important;
}

.profile-page .profile-onboarding__minimized-bar .profile-onboarding__progress-pct {
    font-size: 14px !important;
    flex-shrink: 0 !important;
}

/* --- Toggle button (shared for minimize & expand) --- */
.profile-page .profile-onboarding__toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: var(--profile-r-md) !important;
    font-size: 0 !important;
    font-family: inherit !important;
    color: var(--text-tertiary) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    transition: var(--transition-fast) !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

.profile-page .profile-onboarding__toggle:hover {
    background: rgba(255, 255, 255, 0.10) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: var(--text-primary) !important;
}

.profile-page .profile-onboarding__toggle svg {
    width: 14px !important;
    height: 14px !important;
}

.profile-page .profile-onboarding__header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
}

.profile-page .profile-onboarding__eyebrow {
    display: block !important;
    text-transform: uppercase !important;
    letter-spacing: 0.22em !important;
    font-size: 11px !important;
    color: var(--text-tertiary) !important;
}

.profile-page .profile-onboarding__title {
    margin: 4px 0 0 !important;
    font-size: 20px !important;
}

/* dismiss button removed — replaced by toggle (minimize/expand) */

/* --- Progress Bar --- */
.profile-page .profile-onboarding__progress-bar {
    margin-bottom: 18px !important;
}

.profile-page .profile-onboarding__progress-track {
    height: 6px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-radius: 3px !important;
    overflow: hidden !important;
    margin-bottom: 8px !important;
}

.profile-page .profile-onboarding__progress-fill {
    height: 100% !important;
    background: linear-gradient(90deg, #e84393 0%, #fd79a8 100%) !important;
    border-radius: 3px !important;
    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.profile-page .profile-onboarding__progress-label {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
}

.profile-page .profile-onboarding__progress-pct {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    line-height: 1.1 !important;
}

.profile-page .profile-onboarding__progress-text {
    font-size: 12px !important;
    color: var(--text-tertiary) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
}

/* --- Task Checklist Grid --- */
.profile-page .profile-onboarding__grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px 20px !important;
    margin-bottom: 16px !important;
}

.profile-page .profile-onboarding__task {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    appearance: none !important;
    padding: 10px 12px !important;
    border-radius: var(--profile-r-md) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    transition: var(--transition-fast) !important;
    font-family: inherit !important;
    text-decoration: none !important;
    width: 100% !important;
    text-align: left !important;
}

.profile-page .profile-onboarding__task.is-done {
    background: rgba(0, 184, 148, 0.06) !important;
    border-color: rgba(0, 184, 148, 0.15) !important;
}

.profile-page .profile-onboarding__task.is-actionable {
    cursor: pointer !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.profile-page .profile-onboarding__task.is-actionable:hover {
    background: rgba(255, 255, 255, 0.055) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
}

.profile-page .profile-onboarding__task.is-priority {
    background: rgba(139, 10, 26, 0.08) !important;
    border-color: rgba(139, 10, 26, 0.22) !important;
}

.profile-page .profile-onboarding__task-icon {
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    color: rgba(255, 255, 255, 0.25) !important;
}

.profile-page .profile-onboarding__task.is-done .profile-onboarding__task-icon {
    color: #00b894 !important;
    background: rgba(0, 184, 148, 0.12) !important;
}

.profile-page .profile-onboarding__task-label {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--text-secondary, rgba(255, 255, 255, 0.55)) !important;
}

.profile-page .profile-onboarding__task-copy {
    display: grid !important;
    gap: 3px !important;
}

.profile-page .profile-onboarding__task-meta {
    font-size: 11px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: var(--text-tertiary) !important;
}

.profile-page .profile-onboarding__task.is-done .profile-onboarding__task-label {
    color: var(--text-primary, rgba(255, 255, 255, 0.85)) !important;
}

/* --- Hint --- */
.profile-page .profile-onboarding__hint {
    font-size: 12px !important;
    color: var(--text-tertiary) !important;
    margin: 0 0 16px !important;
}

/* --- Actions (reuse profile-account__action pattern) --- */
.profile-page .profile-onboarding__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
}

.profile-page .profile-onboarding__action {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 16px !important;
    border-radius: var(--profile-r-md) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    transition: var(--transition-fast) !important;
}

.profile-page .profile-onboarding__action:hover {
    background: rgba(255, 255, 255, 0.09) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: var(--text-primary) !important;
}

.profile-page .profile-onboarding__action .icon {
    font-size: 14px !important;
    opacity: 0.6 !important;
}

.profile-page .profile-page-no-media.is-jump-highlight {
    border-color: rgba(230, 196, 106, 0.42) !important;
    box-shadow: 0 0 0 1px rgba(230, 196, 106, 0.24), 0 14px 34px rgba(230, 196, 106, 0.12) !important;
    animation: profileUploadPulse 1.8s ease !important;
}

@keyframes profileUploadPulse {
    0% {
        transform: translateY(0);
        box-shadow: 0 0 0 0 rgba(230, 196, 106, 0);
    }
    30% {
        transform: translateY(-2px);
        box-shadow: 0 0 0 6px rgba(230, 196, 106, 0.08);
    }
    100% {
        transform: translateY(0);
        box-shadow: 0 0 0 0 rgba(230, 196, 106, 0);
    }
}

/* --- Activate CTA --- */
.profile-page .profile-onboarding__activate {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 14px 24px !important;
    border-radius: var(--profile-r-md) !important;
    background: linear-gradient(135deg, #e84393, #d63384) !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.02em !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
    transition: var(--transition-fast) !important;
    box-shadow: 0 4px 16px rgba(232, 67, 147, 0.25) !important;
    font-family: inherit !important;
}

.profile-page .profile-onboarding__activate:hover {
    background: linear-gradient(135deg, #d63384, #c22770) !important;
    box-shadow: 0 6px 24px rgba(232, 67, 147, 0.35) !important;
    color: #fff !important;
}

/* --- Mobile --- */
@media (max-width: 768px) {
    .profile-page .profile-onboarding__grid {
        grid-template-columns: 1fr !important;
    }

    .profile-page .profile-onboarding__actions {
        flex-direction: column !important;
    }

    .profile-page .profile-onboarding__action {
        justify-content: center !important;
    }
}


/* ==========================================================================
   S-REFINE: DESIGN SYSTEM REFINEMENTS v3
   Motion tokens, radius system, typography, per-section polish.
   All rules scoped to .profile-page to prevent bleed.
   Appended after all earlier rules — cascade wins + !important where needed.
   ========================================================================== */

/* --------------------------------------------------------------------------
   MOTION & RADIUS TOKENS
   -------------------------------------------------------------------------- */
.profile-page {
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
    --dur-xs: 120ms;
    --dur-sm: 160ms;
    --dur-md: 240ms;
    --dur-lg: 320ms;
    --dur-exit: 190ms;
    /* Radius — 8-12px range, no aggressive curves */
    --r-card: 12px;
    --r-tile: 10px;
    --r-chip: 10px;
    --r-input: 10px;
    --r-btn-ghost: 8px;
}

/* --------------------------------------------------------------------------
   TYPOGRAPHY — Section h4 system
   UI sections (Services, Rates, Reach Out, etc.) → Manrope, clean sans.
   About section → Cormorant Garamond editorial serif (scoped below).
   -------------------------------------------------------------------------- */
.profile-page h4 {
    font-family: 'Manrope', sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    color: var(--text-primary) !important;
    margin-bottom: 0 !important;
    border-left: none !important;
    padding-left: 0 !important;
    text-transform: none !important;
}

/* About section gets the editorial serif — it's the one content-rich section
   where a display typeface earns its place */
.profile-page .aboutme h4 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: clamp(22px, 2vw, 28px) !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;
}

/* --------------------------------------------------------------------------
   SECTION HEADING SYSTEM
   -------------------------------------------------------------------------- */
.profile-page .profile-section-heading {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin-bottom: 20px !important;
}

/* Inline variant: heading + pill/count on the same row */
.profile-page .profile-section-heading--inline {
    flex-direction: row !important;
    align-items: baseline !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

/* Eyebrow tag — retuned */
.profile-page .profile-section-heading__eyebrow {
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.38) !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    display: block !important;
}

/* Section count badge — appears next to heading for services, reviews */
.profile-page .profile-section-count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    height: 20px !important;
    padding: 0 7px !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.52) !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    flex-shrink: 0 !important;
}

/* "From X KSH" starting-price indicator beside Rates heading */
.profile-page .profile-rates-from {
    font-family: 'Manrope', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.42) !important;
    white-space: nowrap !important;
    align-self: center !important;
}
.profile-page .profile-rates-from strong {
    color: rgba(255, 255, 255, 0.72) !important;
    font-weight: 600 !important;
}

/* --------------------------------------------------------------------------
   ABOUT ME — meta strip, tour badge, read-more
   -------------------------------------------------------------------------- */

/* Remove the old border-left accent on meta line (violates ban) */
.profile-page .aboutme__meta b {
    border-left: none !important;
    padding-left: 0 !important;
}

/* New meta strip layout — flex dot-separated */
.profile-page .aboutme__meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px 0 !important;
    margin-bottom: 16px !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.55) !important;
    line-height: 1.5 !important;
}

.profile-page .aboutme__meta-sep {
    padding: 0 8px !important;
    opacity: 0.35 !important;
    font-size: 11px !important;
}

.profile-page .aboutme__meta-location a {
    color: rgba(255, 255, 255, 0.68) !important;
    text-decoration: none !important;
    transition: color var(--dur-sm) var(--ease-out) !important;
}
.profile-page .aboutme__meta-location a:hover {
    color: var(--text-primary) !important;
}

/* On-tour badge */
.profile-page .aboutme__tour-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 14px !important;
    border-radius: var(--r-tile) !important;
    border: 1px solid rgba(139, 10, 26, 0.26) !important;
    background: rgba(139, 10, 26, 0.09) !important;
    color: rgba(255, 200, 200, 0.82) !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    margin-bottom: 16px !important;
}
.profile-page .aboutme__tour-icon {
    opacity: 0.72 !important;
    flex-shrink: 0 !important;
}
.profile-page .aboutme__tour-badge a {
    color: inherit !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(255, 200, 200, 0.36) !important;
}

/* Bio copy — tighter constraints */
.profile-page .aboutme__copy {
    max-width: 65ch !important;
    font-size: 15px !important;
    line-height: 1.78 !important;
    color: rgba(255, 255, 255, 0.80) !important;
    overflow: hidden !important;
    transition: max-height var(--dur-lg) var(--ease-out) !important;
}

/* Collapsed state — set by JS */
.profile-page .aboutme__copy.is-collapsed {
    max-height: 108px !important; /* ~4 lines at 15px/1.78 */
    -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%) !important;
    mask-image: linear-gradient(180deg, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%) !important;
}

/* Read-more toggle button */
.profile-page .aboutme__readmore {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 10px !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    color: rgba(230, 196, 164, 0.78) !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    cursor: pointer !important;
    transition: color var(--dur-sm) var(--ease-out) !important;
}
.profile-page .aboutme__readmore:hover {
    color: rgba(230, 196, 164, 1) !important;
}
.profile-page .aboutme__readmore-icon {
    transition: transform var(--dur-md) var(--ease-in-out) !important;
    flex-shrink: 0 !important;
}
.profile-page .aboutme__readmore[aria-expanded="true"] .aboutme__readmore-icon {
    transform: rotate(180deg) !important;
}
.profile-page .aboutme__readmore[aria-expanded="true"] .aboutme__readmore-label::before {
    content: attr(data-label-collapse) !important;
}

/* --------------------------------------------------------------------------
   ATTRIBUTES GRID — tighter density, 10px radius, stronger value hierarchy
   -------------------------------------------------------------------------- */
.profile-page .girlinfo.l .girlinfo-section .section-box {
    border-radius: var(--r-tile) !important;
    padding: 12px 14px !important;
    transition: border-color var(--dur-sm) var(--ease-out), background var(--dur-sm) var(--ease-out), transform var(--dur-sm) var(--ease-out) !important;
}

/* Value text — bigger for stronger hierarchy */
.profile-page .girlinfo.l .section-box .valuecolumn {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: var(--text-primary) !important;
}

/* Label — smaller, more tracking */
.profile-page .girlinfo.l .section-box b {
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    margin-top: 3px !important;
}

/* Chevron pseudo — only on single-value discoverable tiles */
.profile-page .girlinfo.l .section-box--discovery::before {
    width: 28px !important;
    height: 28px !important;
    right: 12px !important;
}
/* Fine-tuned: right:23px puts ::after geometric centre at right:26px,
   matching the circle centre (right:12 + half of 28 = 26). */
.profile-page .girlinfo.l .section-box--discovery::after {
    right: 23px !important;
    width: 6px !important;
    height: 6px !important;
}

/* Discovery-list tiles (Availability: Incall / Outcall) — no chevron.
   The pill links are full-width; a floating circle would overlap them. */
.profile-page .girlinfo.l .section-box--discovery-list::before,
.profile-page .girlinfo.l .section-box--discovery-list::after {
    display: none !important;
}

/* Non-discoverable boxes — no chevron */
.profile-page .girlinfo.l .section-box:not(.section-box--discovery)::before,
.profile-page .girlinfo.l .section-box:not(.section-box--discovery)::after {
    display: none !important;
}

/* Active card press */
.profile-page .girlinfo.l a.section-box:active {
    transform: scale(0.97) !important;
}

/* --------------------------------------------------------------------------
   LANGUAGES — horizontal chip format
   -------------------------------------------------------------------------- */
.profile-page .profile-languages-panel {
    padding-bottom: 0 !important;
}

.profile-page .profile-section-heading + .profile-language-chips {
    margin-top: 0 !important;
}

.profile-page .profile-language-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.profile-page .profile-language-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 8px 13px !important;
    border-radius: var(--r-chip) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: var(--text-secondary) !important;
    text-decoration: none !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: border-color var(--dur-sm) var(--ease-out), background var(--dur-sm) var(--ease-out), color var(--dur-sm) var(--ease-out) !important;
}
.profile-page .profile-language-chip--discovery:hover {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: var(--text-primary) !important;
}
.profile-page .profile-language-chip:active {
    transform: scale(0.97) !important;
}
.profile-page .profile-language-chip__icon {
    opacity: 0.45 !important;
    flex-shrink: 0 !important;
    stroke: currentColor !important;
}
.profile-page .profile-language-chip__name {
    font-weight: 600 !important;
    color: var(--text-primary) !important;
}
.profile-page .profile-language-chip__level {
    font-size: 11px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.38) !important;
    padding-left: 3px !important;
}

/* --------------------------------------------------------------------------
   CONTACT SECTION — ghost-style, secondary feel (FAB is the primary CTA)
   -------------------------------------------------------------------------- */
.profile-page .profile-contact-card__actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
}

.profile-page .profile-contact-card__action {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 13px 16px !important;
    border-radius: var(--r-tile) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    color: var(--text-secondary) !important;
    text-decoration: none !important;
    transition: border-color var(--dur-sm) var(--ease-out), background var(--dur-sm) var(--ease-out), color var(--dur-sm) var(--ease-out) !important;
}
.profile-page .profile-contact-card__action:hover {
    border-color: rgba(255, 255, 255, 0.2) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--text-primary) !important;
}
.profile-page .profile-contact-card__action:active {
    transform: scale(0.98) !important;
}

.profile-page .profile-contact-card__action strong {
    display: block !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    line-height: 1.3 !important;
}
.profile-page .profile-contact-card__action small {
    display: block !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.38) !important;
    margin-top: 1px !important;
}

/* Icon in contact action */
.profile-page .profile-contact-card__action .icon {
    font-size: 16px !important;
    opacity: 0.55 !important;
    flex-shrink: 0 !important;
}
.profile-page .profile-contact-card__action--call:hover .icon { opacity: 0.85 !important; }
.profile-page .profile-contact-card__action--whatsapp:hover .icon {
    color: #72e0a0 !important;
    opacity: 0.9 !important;
}

/* Social channels row */
.profile-page .profile-contact-card__channels {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding-top: 4px !important;
}
.profile-page .profile-contact-card__channel {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 7px 12px !important;
    border-radius: var(--r-chip) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.025) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--text-secondary) !important;
    text-decoration: none !important;
    max-width: 180px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    transition: border-color var(--dur-sm) var(--ease-out), color var(--dur-sm) var(--ease-out) !important;
}
.profile-page .profile-contact-card__channel:hover {
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: var(--text-primary) !important;
}
.profile-page .profile-contact-card__channel img,
.profile-page .social-icons-contact-info {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    opacity: 0.65 !important;
    filter: brightness(0) invert(1) !important;
}

/* --------------------------------------------------------------------------
   SERVICES — restore original icon-orb + arrow-circle chip design
   (S-REFINE does not override the chip itself; we let the pre-refine
    rules at ~3753 stand, with a few micro-tweaks below)
   -------------------------------------------------------------------------- */

/* Hide the parent-theme legacy dot-grid */
.profile-page .services {
    display: none !important;
}

/* Tighten gap slightly and align to top for multi-line wrap */
.profile-page .profile-services-grid {
    gap: 10px !important;
    align-items: flex-start !important;
}

/* Clamp radius to our 8-12px system */
.profile-page .profile-service-chip {
    border-radius: 12px !important;
    transition:
        border-color var(--dur-sm) var(--ease-out),
        background var(--dur-sm) var(--ease-out),
        transform var(--dur-sm) var(--ease-out) !important;
}

/* Label span — make sure text is visible */
.profile-page .profile-service-chip__label {
    display: block !important;
    white-space: nowrap !important;
    color: var(--text-primary) !important;
}

/* Restore icon orb and arrow circle — they were hidden in the last pass */
.profile-page .profile-service-chip__icon,
.profile-page .profile-service-chip__arrow {
    display: inline-flex !important;
}

/* "Custom requests" note box — keep refined padding */
.profile-page .profile-services-note {
    border-radius: var(--r-tile) !important;
    padding: 14px 16px !important;
}
.profile-page .profile-services-note__label {
    color: rgba(230, 210, 164, 0.72) !important;
    font-size: 10px !important;
    letter-spacing: 0.20em !important;
}

/* --------------------------------------------------------------------------
   RATES — anchor row, tabular nums, currency note, radius 10px
   -------------------------------------------------------------------------- */
.profile-page .profile-rates-row {
    border-radius: var(--r-tile) !important;
    padding: 13px 16px !important;
    transition: border-color var(--dur-sm) var(--ease-out), background var(--dur-sm) var(--ease-out) !important;
}

/* Highlight the 1-hour anchor row */
.profile-page .profile-rates-row--anchor {
    border-color: rgba(139, 10, 26, 0.24) !important;
    background: linear-gradient(180deg, rgba(139, 10, 26, 0.08), rgba(255, 255, 255, 0.02)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}
.profile-page .profile-rates-row--anchor .profile-rates-duration {
    color: var(--text-primary) !important;
}
.profile-page .profile-rates-row--anchor .profile-rates-price {
    color: rgba(255, 220, 210, 0.96) !important;
}

/* Price uses tabular-nums — digits always align */
.profile-page .profile-rates-price {
    font-variant-numeric: tabular-nums lining-nums !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
    font-size: 15px !important;
    letter-spacing: -0.01em !important;
}

/* Currency label — shows once in the note line */
.profile-page .profile-rates-currency {
    font-weight: 600 !important;
    color: rgba(255, 255, 255, 0.55) !important;
}

/* Tab — radius update */
.profile-page .profile-rates-tabs {
    border-radius: var(--r-tile) !important;
}
.profile-page .profile-rates-tab {
    border-radius: 8px !important;
}

/* --------------------------------------------------------------------------
   REVIEWS PANEL — summary bar, star icons, rating meter tuning
   -------------------------------------------------------------------------- */

/* Summary bar: score + stars + count */
.profile-page .profile-reviews-summary {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 10px !important;
    padding: 12px 16px !important;
    border-radius: var(--r-tile) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    flex-wrap: wrap !important;
}

.profile-page .profile-reviews-summary__score {
    font-family: 'Manrope', sans-serif !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    font-variant-numeric: tabular-nums lining-nums !important;
    color: var(--text-primary) !important;
    line-height: 1 !important;
    letter-spacing: -0.03em !important;
}

.profile-page .profile-reviews-summary__stars {
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
}

.profile-page .profile-reviews-summary__star {
    display: block !important;
    color: rgba(230, 196, 100, 0.40) !important;
    flex-shrink: 0 !important;
}
.profile-page .profile-reviews-summary__star.is-filled {
    color: rgba(230, 196, 100, 0.90) !important;
}

.profile-page .profile-reviews-summary__count {
    font-family: 'Manrope', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.42) !important;
}

/* Review card — rating icon uses sprite star */
.profile-page .profile-review-card__rating-icon svg {
    fill: rgba(230, 196, 100, 0.85) !important;
    stroke: none !important;
    width: 14px !important;
    height: 14px !important;
}

/* Meter segments — active = amber, inactive = very faint */
.profile-page .profile-review-card__meter span {
    background: rgba(255, 255, 255, 0.05) !important;
}
.profile-page .profile-review-card__meter span.is-active {
    background: rgba(230, 196, 100, 0.72) !important;
}

/* Review form — collapse via JS; initially collapsed wrapper */
.profile-page .profile-reviews-panel__write-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 16px !important;
    padding: 10px 18px !important;
    border-radius: var(--r-btn-ghost) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.62) !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: border-color var(--dur-sm) var(--ease-out), color var(--dur-sm) var(--ease-out) !important;
}
.profile-page .profile-reviews-panel__write-toggle:hover {
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: var(--text-primary) !important;
}

/* Collapsible review form wrapper */
.profile-page .addreviewform {
    border-radius: var(--r-card) !important;
    overflow: hidden !important;
    /* grid-rows transition for smooth height animation */
    display: grid !important;
    grid-template-rows: 0fr !important;
    transition: grid-template-rows var(--dur-lg) var(--ease-in-out) !important;
}
.profile-page .addreviewform.is-open {
    grid-template-rows: 1fr !important;
}
.profile-page .addreviewform > * {
    min-height: 0 !important;
    overflow: hidden !important;
}

/* Review form inputs — radius refinement */
.profile-page .profile-review-form .form-input-rating {
    gap: 8px !important;
}
.profile-page .rating-choice__card {
    border-radius: var(--r-tile) !important;
}

/* --------------------------------------------------------------------------
   REPORT ZONE — ghost trigger, retheme the parent-generated form
   -------------------------------------------------------------------------- */
.profile-page .profile-report-zone {
    margin-top: 32px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Override the parent theme's "rad25 redbutton" on the trigger */
.profile-page .report-profile-button {
    all: initial !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 8px 16px !important;
    border-radius: var(--r-btn-ghost) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.32) !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    cursor: pointer !important;
    transition: border-color var(--dur-sm) var(--ease-out), color var(--dur-sm) var(--ease-out) !important;
    box-sizing: border-box !important;
}
.profile-page .report-profile-button:hover {
    border-color: rgba(255, 100, 100, 0.2) !important;
    color: rgba(255, 160, 160, 0.6) !important;
}
.profile-page .report-profile-button .icon {
    font-size: 13px !important;
    opacity: 0.6 !important;
}

/* Reason wrapper — dark glass panel, themed to match page */
.profile-page .report-profile-reason-wrapper {
    margin-top: 12px !important;
    padding: 24px !important;
    border-radius: var(--r-card) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(10, 8, 14, 0.96) !important;
    backdrop-filter: blur(16px) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.38) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
/* Kill parent's rad5 / form-styling background */
.profile-page .report-profile-reason-wrapper.rad5 {
    border-radius: var(--r-card) !important;
    background: rgba(10, 8, 14, 0.96) !important;
}

/* Close button in report form */
.profile-page .report-profile-reason-wrapper .closebtn {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(255, 255, 255, 0.55) !important;
    cursor: pointer !important;
}

/* Label */
.profile-page .report-profile-reason-form .form-label label {
    font-family: 'Manrope', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.62) !important;
}

/* Input field — dark, bordered */
.profile-page .report-form-field-reason {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: var(--r-input) !important;
    color: var(--text-primary) !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 14px !important;
    padding: 12px 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color var(--dur-sm) var(--ease-out) !important;
}
.profile-page .report-form-field-reason:focus {
    outline: none !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
}

/* Submit button — crimson, on-brand */
.profile-page .report-profile-reason-form .submit-button {
    all: initial !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 11px 22px !important;
    border-radius: var(--r-input) !important;
    background: linear-gradient(135deg, rgba(139, 10, 26, 0.90), rgba(98, 6, 17, 0.96)) !important;
    color: rgba(255, 235, 235, 0.96) !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    border: none !important;
    transition: opacity var(--dur-sm) var(--ease-out), transform var(--dur-xs) var(--ease-out) !important;
}
.profile-page .report-profile-reason-form .submit-button:hover {
    opacity: 0.92 !important;
}
.profile-page .report-profile-reason-form .submit-button:active {
    transform: scale(0.97) !important;
}
/* Kill old "greenbutton" color */
.profile-page .report-profile-reason-form .greenbutton {
    background: linear-gradient(135deg, rgba(139, 10, 26, 0.90), rgba(98, 6, 17, 0.96)) !important;
}

/* --------------------------------------------------------------------------
   PROFILE OUTRO — end-of-profile treatment
   -------------------------------------------------------------------------- */
.profile-page .profile-outro {
    padding: 40px 20px 48px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 20px !important;
}

/* Clean hairline divider — no glyph */
.profile-page .profile-outro__divider {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 160px !important;
}
.profile-page .profile-outro__divider-line {
    flex: 1 !important;
    height: 1px !important;
    background: rgba(255, 255, 255, 0.1) !important;
}
/* Glyph removed — divider is a clean hairline only */
@keyframes outroPulse {
    0%, 100% { opacity: 0.42; }
    50% { opacity: 0.72; }
}

/* "End of X's profile" text */
.profile-page .profile-outro__label {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.42) !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}
.profile-page .profile-outro__label strong {
    font-weight: 600 !important;
    color: rgba(255, 255, 255, 0.62) !important;
}

/* CTA pair */
.profile-page .profile-outro__actions {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.profile-page .profile-outro__btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 11px 20px !important;
    border-radius: var(--r-btn-ghost) !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition:
        border-color var(--dur-sm) var(--ease-out),
        background var(--dur-sm) var(--ease-out),
        color var(--dur-sm) var(--ease-out),
        transform var(--dur-xs) var(--ease-out) !important;
}
.profile-page .profile-outro__btn:active {
    transform: scale(0.97) !important;
}

/* Primary — ghost crimson */
.profile-page .profile-outro__btn--primary {
    border: 1px solid rgba(139, 10, 26, 0.38) !important;
    background: rgba(139, 10, 26, 0.07) !important;
    color: rgba(255, 200, 195, 0.82) !important;
}
.profile-page .profile-outro__btn--primary:hover {
    border-color: rgba(139, 10, 26, 0.6) !important;
    background: rgba(139, 10, 26, 0.14) !important;
    color: rgba(255, 220, 215, 0.96) !important;
}

/* Secondary — neutral ghost */
.profile-page .profile-outro__btn--secondary {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.42) !important;
}
.profile-page .profile-outro__btn--secondary:hover {
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 0.68) !important;
}

/* Trust strip removed from outro — no longer rendered in PHP */

/* --------------------------------------------------------------------------
   BOTTOM PADDING — fix excess after profile content
   -------------------------------------------------------------------------- */
.profile-page {
    padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px)) !important;
}

/* Ad container — tighten margin, subtle framing */
.ad-container {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
}

/* --------------------------------------------------------------------------
   POLISH: Chevron, availability pills, bottom padding
   -------------------------------------------------------------------------- */

/* Chevron arrow: optical tip-centering inside the 28px circle.
   Geometric centre is at right:26px (circle right:12 + half of 28=14).
   The rotated L-shape's visual tip sits ~4px right of box centre,
   so shift the box right by 4px to align the tip with the circle centre. */
.profile-page .girlinfo.l .section-box--discovery::after {
    right: 27px !important;
    width: 5px !important;
    height: 5px !important;
}

/* Availability (Incall/Outcall) pills — clamp to 8px max radius */
.profile-page .girlinfo.l .section-box--discovery-list .valuecolumn a {
    border-radius: 8px !important;
}

/* Bulletproof: kill the circle + chevron for discovery-list tiles at all
   viewport widths (the list tile holds pill links, not a single value) */
.profile-page .girlinfo.l .section-box--discovery-list::before,
.profile-page .girlinfo.l .section-box--discovery-list::after {
    content: none !important;
    display: none !important;
}

/* Tighten the bottom gap between profile content and Recommended section */
.profile-page .girlsingle {
    padding-bottom: 16px !important;
}

/* --------------------------------------------------------------------------
   VERIFIED TILE — brand-system redesign (replace off-palette emerald green)
   -------------------------------------------------------------------------- */

/* Button reset — matches the visual style of sibling stat tiles */
button.profile-hero__stat {
    font: inherit !important;
    text-align: inherit !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    /* Visual properties inherited from .profile-hero__stat rules above */
}

/* Muted green verified tile */
.profile-page .profile-hero__stat--verified {
    border-color: rgba(34, 197, 94, 0.24) !important;
    background:
        linear-gradient(180deg, rgba(34, 197, 94, 0.105), rgba(8, 63, 38, 0.08)),
        rgba(255, 255, 255, 0.055) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 10px 26px rgba(0, 0, 0, 0.14) !important;
    cursor: pointer !important;
    transition:
        border-color var(--dur-sm) var(--ease-out),
        background var(--dur-sm) var(--ease-out),
        transform var(--dur-sm) var(--ease-out) !important;
}
.profile-page .profile-hero__stat--verified:hover,
.profile-page .profile-hero__stat--verified:focus-visible {
    border-color: rgba(34, 197, 94, 0.38) !important;
    background:
        linear-gradient(180deg, rgba(34, 197, 94, 0.145), rgba(8, 63, 38, 0.10)),
        rgba(255, 255, 255, 0.07) !important;
    outline: none !important;
}
.profile-page .profile-hero__stat--verified:active {
    transform: scale(0.96) !important;
}

.profile-page .profile-hero__stat--verified .profile-hero__stat-label {
    color: rgba(213, 250, 224, 0.58) !important;
}

.profile-page .profile-hero__stat--verified .profile-hero__stat-value {
    color: rgba(86, 225, 139, 0.94) !important;
}

.profile-page .profile-realpic-icon {
    display: block !important;
    filter: drop-shadow(0 0 4px rgba(34, 197, 94, 0.18)) !important;
}

/* --------------------------------------------------------------------------
   VERIFIED DRAWER — bottom sheet
   -------------------------------------------------------------------------- */

/* Backdrop */
.profile-verified-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0) !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
    z-index: 10009 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition:
        opacity 240ms var(--ease-out),
        background 240ms var(--ease-out),
        backdrop-filter 240ms var(--ease-out),
        visibility 0s linear 240ms !important;
    pointer-events: none !important;
}
body.verified-drawer-open .profile-verified-backdrop {
    opacity: 1 !important;
    visibility: visible !important;
    background: rgba(0, 0, 0, 0.54) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    pointer-events: auto !important;
    transition:
        opacity 240ms var(--ease-out),
        background 240ms var(--ease-out),
        backdrop-filter 240ms var(--ease-out) !important;
}

/* Drawer shell */
.profile-verified-drawer {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10010 !important;
    background: linear-gradient(180deg, rgba(22, 18, 22, 0.99), rgba(12, 10, 14, 1)) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px 20px 0 0 !important;
    padding: 12px 24px calc(32px + env(safe-area-inset-bottom, 0px)) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px !important;
    text-align: center !important;
    transform: translateY(100%) !important;
    visibility: hidden !important;
    transition:
        transform 280ms cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 280ms !important;
    will-change: transform !important;
}
body.verified-drawer-open .profile-verified-drawer {
    transform: translateY(0) !important;
    visibility: visible !important;
    transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Drag handle */
.profile-verified-drawer__handle {
    width: 36px !important;
    height: 4px !important;
    border-radius: 2px !important;
    background: rgba(255, 255, 255, 0.14) !important;
    margin-bottom: 4px !important;
    flex-shrink: 0 !important;
}

/* Close button — rotate i-expand (chevron-down) to point down */
.profile-verified-drawer__close {
    all: initial !important;
    position: absolute !important;
    top: 16px !important;
    right: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: rgba(255, 255, 255, 0.45) !important;
    cursor: pointer !important;
    transition:
        background var(--dur-sm) var(--ease-out),
        color var(--dur-sm) var(--ease-out) !important;
    box-sizing: border-box !important;
}
.profile-verified-drawer__close:hover {
    background: rgba(255, 255, 255, 0.10) !important;
    color: rgba(255, 255, 255, 0.78) !important;
}
/* i-expand points down by default — correct orientation for a close button */
.profile-verified-drawer__close svg {
    display: block !important;
}

/* Verified icon ring */
.profile-verified-drawer__icon {
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
    background: rgba(139, 10, 26, 0.10) !important;
    border: 1px solid rgba(139, 10, 26, 0.26) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(255, 175, 175, 0.88) !important;
    flex-shrink: 0 !important;
    margin-top: 4px !important;
}

/* Title */
.profile-verified-drawer__title {
    font-family: 'Manrope', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    color: rgba(255, 255, 255, 0.92) !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

/* Body copy */
.profile-verified-drawer__body {
    font-family: 'Manrope', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    color: rgba(255, 255, 255, 0.50) !important;
    max-width: 300px !important;
    margin: 0 !important;
}

/* Checklist */
.profile-verified-drawer__checklist {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 300px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
    padding-top: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}
.profile-verified-drawer__checklist li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.60) !important;
    text-align: left !important;
}
.profile-verified-drawer__checklist li svg {
    color: rgba(255, 175, 175, 0.70) !important;
    flex-shrink: 0 !important;
}

/* --------------------------------------------------------------------------
   REDUCED MOTION — honour user preference globally
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    .profile-page *,
    .profile-page *::before,
    .profile-page *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Review form — preserve .hide class behaviour (display:none) even with grid rule */
.profile-page .addreviewform.hide {
    display: none !important;
}