
        :root {
            --line: rgba(255, 255, 255, .12);
            --muted: #f0e7ff;
            --dim: #c7b8dd;
            --neon: #a855f7;
            --magenta: #d9468f;
            --hot: #ff4fad;
            --gold: #f8d778;
            --wa: #25d366;
        }

        * { box-sizing: border-box; }
        html { text-rendering: optimizeLegibility; }

        html {
            background: #000;
            color: #fff;
            font-family: var(--font-body);
        }

        body {
            margin: 0;
            min-height: 100vh;
            background:
                linear-gradient(115deg, rgba(255, 79, 173, .12) 0%, transparent 30%),
                linear-gradient(245deg, rgba(168, 85, 247, .1) 0%, transparent 34%),
                linear-gradient(180deg, #000 0%, #07020d 46%, #000 100%);
        }

        a { color: inherit; text-decoration: none; }
        img { display: block; max-width: 100%; }

        .site-header {
            position: sticky;
            top: 0;
            z-index: 20;
            border-bottom: 1px solid var(--line);
            background: rgba(0, 0, 0, .88);
            backdrop-filter: blur(18px);
        }

        .nav {
            width: min(1180px, calc(100% - 32px));
            min-height: 72px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            gap: 14px;
        }

        .brand { display: inline-flex; align-items: center; }

        .header-logo {
            display: inline-grid;
            justify-items: center;
            min-width: 168px;
            line-height: .9;
        }

        .header-logo .crown {
            width: 34px;
            height: 21px;
            color: var(--hot);
            filter: drop-shadow(0 0 9px rgba(255, 79, 173, .85));
        }

        .brand-top,
        .brand-bottom {
            font-family: Orbitron, Montserrat, Inter, sans-serif;
            font-weight: 800;
            text-transform: uppercase;
        }

        .brand-top { font-size: clamp(1.25rem, 2vw, 1.75rem); }
        .brand-bottom { font-size: clamp(1.15rem, 1.9vw, 1.65rem); color: var(--hot); }

        .nav-inline {
            display: flex;
            align-items: center;
            gap: 22px;
            color: var(--muted);
            font-size: .92rem;
            font-weight: 800;
        }

        .nav-inline a:hover,
        .nav-inline a:focus { color: #fff; outline: none; }

        .cta {
            min-height: 42px;
            display: inline-flex;
            align-items: center;
            gap: 9px;
            border-radius: 8px;
            padding: 0 18px;
            color: #fff;
            font-weight: 800;
            background: linear-gradient(135deg, var(--neon), var(--magenta));
            box-shadow: 0 12px 30px rgba(217, 70, 143, .28);
        }

        .nav-cta { margin-left: auto; }

        /* Banner do perfil â€” mesmo modelo da home (.hero / .hero-banner) */
        .profile-hero {
            width: 100%;
            display: block;
            padding: 0;
            background: #000;
            border-bottom: 1px solid rgba(255, 79, 173, .16);
        }

        .profile-hero-banner {
            position: relative;
            width: 100%;
            max-width: 1180px;
            margin-inline: auto;
            aspect-ratio: 1180 / 430;
            height: auto;
            max-height: clamp(430px, 34vw, 560px);
            overflow: hidden;
            background: #000;
        }

        .profile-hero-banner img {
            position: absolute;
            inset: 0;
            z-index: 1;
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

        .banner-lookbook-cta {
            position: absolute;
            right: 18px;
            bottom: 16px;
            z-index: 4;
            pointer-events: none;
        }

        .banner-lookbook-btn {
            pointer-events: auto;
            min-height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            border: 1px solid rgba(248, 215, 120, .58);
            border-radius: 999px;
            padding: 0 18px;
            color: #1a1208;
            font-size: .78rem;
            font-weight: 950;
            letter-spacing: .02em;
            white-space: nowrap;
            cursor: pointer;
            background: linear-gradient(135deg, #fff0b8 0%, #f8d778 42%, #e8b84a 100%);
            box-shadow:
                0 10px 26px rgba(0, 0, 0, .45),
                0 6px 18px rgba(248, 215, 120, .32),
                inset 0 1px 0 rgba(255, 255, 255, .42);
            transform: translateY(-4px);
            transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
        }

        .banner-lookbook-btn svg {
            width: 16px;
            height: 16px;
            color: #5c4208;
        }

        .banner-lookbook-btn:hover,
        .banner-lookbook-btn:focus {
            transform: translateY(-6px);
            filter: brightness(1.04);
            box-shadow:
                0 14px 32px rgba(0, 0, 0, .5),
                0 8px 24px rgba(248, 215, 120, .38),
                inset 0 1px 0 rgba(255, 255, 255, .48);
            outline: none;
        }

        .profile-views-strip {
            width: min(1180px, calc(100% - 32px));
            margin: 10px auto 0;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
        }

        .profile-origin-back {
            min-height: 34px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
            margin-right: auto;
            border: 1px solid rgba(248, 215, 120, .22);
            border-radius: 999px;
            padding: 0 14px;
            color: rgba(255, 244, 189, .94);
            background: rgba(8, 3, 13, .74);
            box-shadow:
                0 10px 24px rgba(0, 0, 0, .32),
                0 0 18px rgba(248, 215, 120, .08);
            font-size: .78rem;
            font-weight: 900;
            text-decoration: none;
            white-space: nowrap;
            cursor: pointer;
        }

        .profile-origin-back:hover,
        .profile-origin-back:focus {
            border-color: rgba(248, 215, 120, .42);
            color: #fff6cf;
            outline: none;
        }

        .profile-origin-back svg {
            width: 15px;
            height: 15px;
        }

        .profile-share-actions {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
        }

        .profile-share-btn {
            min-height: 28px;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            border: 1px solid rgba(248, 215, 120, .18);
            border-radius: 999px;
            padding: 0 12px;
            color: rgba(255, 244, 189, .92);
            background: rgba(8, 3, 13, .74);
            box-shadow:
                0 10px 24px rgba(0, 0, 0, .36),
                0 0 18px rgba(248, 215, 120, .08);
            font-size: .74rem;
            font-weight: 800;
            letter-spacing: .01em;
            cursor: pointer;
            text-decoration: none;
        }

        .profile-share-btn svg {
            width: 13px;
            height: 13px;
        }

        .profile-share-btn:hover {
            border-color: rgba(248, 215, 120, .34);
            color: #fff6cf;
        }

        .profile-share-btn.is-plan-disabled,
        .meta-chip.is-plan-disabled,
        .video-chip.is-plan-disabled {
            border-color: rgba(255, 255, 255, .08) !important;
            color: rgba(255, 255, 255, .42) !important;
            background: rgba(255, 255, 255, .045) !important;
            box-shadow: none !important;
            filter: grayscale(1);
            opacity: .56;
            cursor: not-allowed;
            pointer-events: auto;
        }

        .profile-share-btn.is-plan-disabled svg,
        .meta-chip.is-plan-disabled svg,
        .video-chip.is-plan-disabled svg {
            color: rgba(255, 255, 255, .38) !important;
        }

        .profile-share-label {
            min-height: 28px;
            display: inline-flex;
            align-items: center;
            border: 1px dashed rgba(248, 215, 120, .22);
            border-radius: 999px;
            padding: 0 12px;
            color: rgba(255, 244, 189, .78);
            background: rgba(8, 3, 13, .5);
            font-size: .72rem;
            font-weight: 700;
            position: relative;
            isolation: isolate;
            animation: profile-link-spotlight 3.4s ease-in-out infinite;
            will-change: transform, opacity, box-shadow;
        }

        @keyframes profile-link-spotlight {
            0%, 100% {
                opacity: .62;
                transform: translateY(0);
                border-color: rgba(248, 215, 120, .18);
                color: rgba(255, 244, 189, .72);
                box-shadow:
                    0 0 0 rgba(248, 215, 120, 0),
                    0 4px 14px rgba(0, 0, 0, .24);
            }

            50% {
                opacity: 1;
                transform: translateY(-4px);
                border-color: rgba(248, 215, 120, .58);
                color: #fff6cf;
                box-shadow:
                    0 0 24px rgba(248, 215, 120, .34),
                    0 10px 28px rgba(248, 215, 120, .14),
                    0 4px 16px rgba(0, 0, 0, .28);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .profile-share-label {
                animation: none;
                opacity: 1;
            }
        }

        .profile-views-pill {
            min-height: 28px;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            border: 1px solid rgba(248, 215, 120, .18);
            border-radius: 999px;
            padding: 0 10px;
            color: rgba(255, 244, 189, .88);
            background: rgba(8, 3, 13, .74);
            box-shadow:
                0 10px 24px rgba(0, 0, 0, .36),
                0 0 18px rgba(248, 215, 120, .08);
            font-size: .74rem;
            font-weight: 800;
            letter-spacing: .01em;
        }

        .profile-views-pill svg {
            width: 13px;
            height: 13px;
            color: rgba(248, 215, 120, .72);
        }

        main {
            width: min(1180px, calc(100% - 32px));
            margin: 0 auto;
            padding: 18px 0 72px;
        }

        .profile-layout {
            display: grid;
            grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
            gap: 28px;
            align-items: stretch;
        }

        .profile-photo {
            position: relative;
            aspect-ratio: 3 / 4;
            overflow: hidden;
            border: 1px solid rgba(255, 79, 173, .42);
            border-radius: 8px;
            background: #07020d;
            box-shadow:
                0 24px 56px rgba(0, 0, 0, .86),
                0 0 0 1px rgba(248, 215, 120, .12),
                0 0 34px rgba(255, 79, 173, .26),
                0 0 72px rgba(168, 85, 247, .16);
        }

        .profile-photo::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 2;
            pointer-events: none;
            border: 1px solid rgba(255, 255, 255, .12);
            border-radius: 8px;
            box-shadow: inset 0 0 28px rgba(255, 79, 173, .18);
        }

        .profile-photo::after {
            content: "";
            position: absolute;
            inset: auto 0 0;
            z-index: 1;
            height: 34%;
            pointer-events: none;
            background: linear-gradient(180deg, transparent, rgba(7, 2, 13, .28));
        }

        .profile-hero-banner img.is-default-banner {
            object-fit: contain;
            background: #000;
        }

        .profile-hero-banner img.is-custom-banner {
            object-fit: cover;
        }

        .profile-hero-banner[data-banner-carousel] img.profile-banner-slide {
            opacity: 0;
            transition: opacity 1s ease-in-out;
        }

        .profile-hero-banner[data-banner-carousel] img.profile-banner-slide.is-active {
            opacity: 1;
            z-index: 2;
        }

        .profile-banner-controls { position: absolute; left: 10px; bottom: 10px; z-index: 4; display: flex; gap: 6px; }
        .profile-banner-controls[hidden] { display: none; }
        .profile-banner-controls button { min-width: 36px; min-height: 36px; background: #160d20; color: #fff; border: 1px solid #d9468f; border-radius: 6px; font-size: 1.3rem; cursor: pointer; }
        @media (prefers-reduced-motion: reduce) { .profile-hero-banner img.profile-banner-slide { transition: none; } }
        @media (max-width: 620px) { .profile-hero-banner { aspect-ratio: 3 / 1; } }

        .profile-photo img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform-origin: center;
            filter: saturate(1.04) contrast(1.02);
        }

        .profile-photo-placeholder {
            width: 100%;
            height: 100%;
            display: grid;
            place-items: center;
            gap: 10px;
            padding: 24px;
            text-align: center;
            background:
                radial-gradient(circle at 50% 20%, rgba(255, 79, 173, .16), transparent 42%),
                linear-gradient(180deg, rgba(168, 85, 247, .12), rgba(8, 3, 13, .92));
        }

        .profile-photo-placeholder img {
            width: min(120px, 46%);
            height: auto;
            object-fit: contain;
            filter: drop-shadow(0 0 18px rgba(248, 215, 120, .24));
        }

        .profile-photo-placeholder span {
            color: #fff4bd;
            font-size: .92rem;
            font-weight: 900;
            letter-spacing: .08em;
            text-transform: uppercase;
        }

        .profile-sidebar {
            display: flex;
            flex-direction: column;
            gap: 16px;
            min-height: 100%;
        }

        .profile-layout.has-cache-sidebar .profile-sidebar .payment-card.is-cache-sidebar {
            flex: 1 1 auto;
            display: flex;
            flex-direction: column;
            min-height: 0;
        }

        .profile-layout.has-cache-sidebar .profile-sidebar .payment-card.is-cache-sidebar .service-list {
            flex: 1 1 auto;
        }

        .payment-card {
            border: 1px solid rgba(255, 79, 173, .2);
            border-radius: 8px;
            padding: 16px;
            background:
                linear-gradient(135deg, rgba(255, 79, 173, .08), rgba(168, 85, 247, .05)),
                rgba(5, 2, 9, .88);
            box-shadow:
                0 16px 34px rgba(0, 0, 0, .34),
                0 0 24px rgba(255, 79, 173, .08);
        }

        .payment-card h2 {
            margin: 0 0 13px;
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 1rem;
            font-weight: 900;
        }

        .payment-card h2 svg {
            width: 18px;
            height: 18px;
            color: var(--gold);
            filter: drop-shadow(0 0 8px rgba(248, 215, 120, .55));
        }

        .payment-list {
            display: grid;
            gap: 9px;
        }

        .payment-item {
            min-height: 38px;
            display: flex;
            align-items: center;
            gap: 9px;
            border: 1px solid rgba(255, 255, 255, .08);
            border-radius: 8px;
            padding: 8px 10px;
            color: #fff;
            background: rgba(255, 255, 255, .035);
            font-size: .9rem;
            font-weight: 850;
        }

        .payment-icon {
            width: 26px;
            height: 26px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            color: #fff4bd;
            background: rgba(248, 215, 120, .1);
            box-shadow: 0 0 16px rgba(248, 215, 120, .08);
            flex: 0 0 auto;
        }

        .payment-card .service-list {
            display: grid;
            gap: 10px;
        }

        .payment-card.is-cache-sidebar .service-row {
            grid-template-columns: 32px minmax(70px, .42fr) minmax(0, 1fr);
        }

        .payment-card.is-cache-sidebar .service-pill {
            border-color: rgba(248, 215, 120, .2);
            color: #fff4bd;
            background: rgba(248, 215, 120, .08);
        }

        .service-section.is-payment .payment-list {
            display: grid;
            gap: 9px;
        }

        .profile-panel {
            display: flex;
            flex-direction: column;
            gap: 18px;
            min-height: 100%;
        }

        .profile-panel-top {
            display: flex;
            flex-direction: column;
            gap: 18px;
            flex: 0 0 auto;
        }

        .profile-name-wrap {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 12px;
        }

        .profile-name {
            margin: 0;
            font-family: var(--font-heading);
            font-size: clamp(2rem, 4vw, 3rem);
            line-height: 1.08;
            color: transparent;
            background: linear-gradient(100deg, #fff6bf 0%, #d99b25 28%, #fff0a6 48%, #ad7418 70%, #ffe89b 100%);
            -webkit-background-clip: text;
            background-clip: text;
        }

        .identity-verified-badge {
            min-height: 34px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            border: 1px solid rgba(37, 211, 102, .34);
            border-radius: 999px;
            padding: 0 12px;
            color: #d8ffe8;
            background: linear-gradient(135deg, rgba(37, 211, 102, .16), rgba(37, 211, 102, .06));
            box-shadow: 0 0 24px rgba(37, 211, 102, .12);
            font-size: .78rem;
            font-weight: 900;
            letter-spacing: .03em;
            text-transform: uppercase;
        }

        .identity-verified-badge svg {
            width: 16px;
            height: 16px;
            color: #7dffb0;
        }

        .gold-text {
            color: transparent;
            background: linear-gradient(100deg, #fff6bf 0%, #d99b25 28%, #fff0a6 48%, #ad7418 70%, #ffe89b 100%);
            -webkit-background-clip: text;
            background-clip: text;
            text-shadow: 0 0 22px rgba(248, 215, 120, .18);
        }

        .profile-heading {
            display: grid;
            gap: 0;
        }

        .profile-status {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            width: fit-content;
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px solid rgba(255, 79, 173, .2);
            color: var(--hot);
            font-weight: 900;
        }

        .profile-status svg { width: 16px; height: 16px; }

        .profile-social-links {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
            margin-top: 12px;
        }

        .profile-social-links a {
            width: 38px;
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(248, 215, 120, .26);
            border-radius: 8px;
            color: var(--gold);
            background: rgba(248, 215, 120, .08);
            transition: transform .18s ease, border-color .18s ease, background .18s ease;
        }

        .profile-social-links a:hover {
            border-color: rgba(248, 215, 120, .56);
            background: rgba(248, 215, 120, .16);
            transform: translateY(-2px);
        }

        .profile-social-links i.bx {
            font-size: 22px;
        }

        .site-online-badge {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            border: 1px solid rgba(125, 255, 176, .28);
            border-radius: 999px;
            padding: 5px 10px;
            color: #9fffc2;
            background: rgba(34, 120, 74, .18);
            font-size: .78rem;
            font-weight: 900;
        }

        .site-online-badge .site-online-dot {
            width: 8px;
            height: 8px;
        }

        .profile-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .meta-chip {
            min-height: 36px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            border: 1px solid rgba(255, 79, 173, .22);
            border-radius: 8px;
            padding: 0 12px;
            color: var(--muted);
            background: rgba(255, 79, 173, .08);
            font-weight: 750;
            font-size: .88rem;
        }

        .meta-chip svg { width: 15px; height: 15px; color: var(--hot); }

        a.meta-chip {
            transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
        }

        a.meta-chip:hover,
        a.meta-chip:focus {
            border-color: rgba(248, 215, 120, .42);
            color: #fff4bd;
            background: rgba(248, 215, 120, .1);
            box-shadow: 0 0 18px rgba(248, 215, 120, .12);
            outline: none;
        }

        a.meta-chip.is-feed {
            border-color: rgba(248, 215, 120, .28);
            color: #fff4bd;
            background: rgba(248, 215, 120, .08);
        }

        .meta-chip.is-feed.is-plan-disabled {
            text-decoration: none;
        }

        .profile-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
        }

        .wa-btn {
            min-height: 48px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            border-radius: 8px;
            padding: 0 18px;
            color: #04230f;
            background: linear-gradient(135deg, #2ce06f, var(--wa));
            font-weight: 900;
            box-shadow: 0 10px 24px rgba(37, 211, 102, .3);
            transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        }

        .wa-btn:hover,
        .wa-btn:focus {
            transform: translateY(-2px);
            filter: brightness(1.05);
            box-shadow: 0 14px 30px rgba(37, 211, 102, .45);
            outline: none;
        }

        .video-chip {
            min-height: 48px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            border-radius: 8px;
            padding: 0 16px;
            color: #fff;
            font-weight: 900;
            transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        }

        .video-chip svg { width: 18px; height: 18px; flex: 0 0 auto; }

        .video-chip.is-online {
            background: linear-gradient(135deg, #25d366, #128c4a);
            box-shadow: 0 0 20px rgba(37, 211, 102, .35);
        }

        .video-chip.is-offline {
            background: linear-gradient(135deg, var(--magenta), #7a2348);
            box-shadow: 0 0 18px rgba(217, 70, 143, .32);
        }

        .video-chip.is-plan-disabled .status-dot {
            background: rgba(255, 255, 255, .38);
            opacity: .8;
            animation: none;
            box-shadow: none;
        }

        .video-chip:hover,
        .video-chip:focus {
            transform: translateY(-2px);
            outline: none;
        }

        .video-chip.is-online:hover,
        .video-chip.is-online:focus {
            filter: brightness(1.05);
            box-shadow: 0 0 28px rgba(37, 211, 102, .5);
        }

        .video-chip.is-offline:hover,
        .video-chip.is-offline:focus {
            filter: brightness(1.06);
            box-shadow: 0 0 24px rgba(217, 70, 143, .4);
        }

        .video-chip .status-dot {
            width: 9px;
            height: 9px;
            border-radius: 50%;
            flex: 0 0 auto;
        }

        .video-chip.is-online .status-dot {
            background: #eaffe9;
            box-shadow: 0 0 0 0 rgba(234, 255, 233, .8);
            animation: livePulse 1.5s infinite;
        }

        .video-chip.is-offline .status-dot {
            background: #ffc4dc;
            opacity: .85;
        }

        .video-chip .off-label {
            font-size: .72rem;
            font-weight: 900;
            letter-spacing: .1em;
        }

        @keyframes livePulse {
            0% { box-shadow: 0 0 0 0 rgba(234, 255, 233, .7); }
            70% { box-shadow: 0 0 0 8px rgba(234, 255, 233, 0); }
            100% { box-shadow: 0 0 0 0 rgba(234, 255, 233, 0); }
        }

        .service-location-card {
            min-height: 52px;
            display: flex;
            align-items: center;
            gap: 12px;
            border: 1px solid rgba(248, 215, 120, .28);
            border-radius: 8px;
            padding: 12px 14px;
            color: #fff4bd;
            background:
                linear-gradient(135deg, rgba(248, 215, 120, .1), rgba(255, 79, 173, .06)),
                rgba(5, 2, 9, .88);
            box-shadow:
                0 14px 30px rgba(0, 0, 0, .32),
                0 0 24px rgba(248, 215, 120, .08);
            font-weight: 900;
        }

        .service-location-card .service-icon {
            width: 32px;
            height: 32px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            color: #fff;
            background: linear-gradient(135deg, rgba(248, 215, 120, .24), rgba(217, 70, 143, .18));
            flex: 0 0 auto;
        }

        .service-location-card svg {
            width: 18px;
            height: 18px;
        }

        .service-location-card small {
            display: block;
            margin-top: 2px;
            color: var(--muted);
            font-size: .76rem;
            font-weight: 750;
        }

        .details-card {
            border: 1px solid rgba(255, 79, 173, .2);
            border-radius: 8px;
            padding: 18px;
            background:
                linear-gradient(135deg, rgba(255, 79, 173, .08), rgba(168, 85, 247, .05)),
                rgba(5, 2, 9, .86);
            box-shadow:
                0 16px 34px rgba(0, 0, 0, .34),
                0 0 24px rgba(255, 79, 173, .08);
        }

        .details-card h2 {
            margin: 0 0 14px;
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 1rem;
            font-weight: 900;
        }

        .details-card h2 svg {
            width: 18px;
            height: 18px;
            color: var(--gold);
            filter: drop-shadow(0 0 8px rgba(248, 215, 120, .55));
        }

        .details-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
        }

        .detail-item {
            min-height: 44px;
            display: grid;
            grid-template-columns: 28px minmax(0, 1fr);
            gap: 9px;
            align-items: center;
            border: 1px solid rgba(255, 255, 255, .08);
            border-radius: 8px;
            padding: 8px 10px;
            background: rgba(255, 255, 255, .035);
        }

        .detail-icon {
            width: 28px;
            height: 28px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            color: #fff4bd;
            background: rgba(248, 215, 120, .1);
            box-shadow: 0 0 16px rgba(248, 215, 120, .08);
        }

        .detail-icon svg {
            width: 15px;
            height: 15px;
        }

        .detail-label {
            display: block;
            color: var(--dim);
            font-size: .72rem;
            font-weight: 800;
            line-height: 1.1;
        }

        .detail-value {
            display: block;
            margin-top: 2px;
            color: #fff;
            font-size: .9rem;
            font-weight: 850;
            line-height: 1.2;
            overflow-wrap: anywhere;
        }

        .info-card {
            border: 1px solid rgba(255, 79, 173, .2);
            border-radius: 8px;
            padding: 18px;
            background: rgba(5, 2, 9, .86);
            flex: 1;
            min-height: 120px;
            max-height: 260px;
            overflow: hidden;
        }

        .profile-layout.has-cache-sidebar .info-card {
            flex: 1 1 auto;
            max-height: none;
            display: flex;
            flex-direction: column;
            min-height: 0;
        }

        .info-card h2 {
            margin: 0 0 10px;
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 1rem;
            font-weight: 900;
            flex: 0 0 auto;
        }

        .info-card h2 svg {
            width: 18px;
            height: 18px;
            color: var(--gold);
            filter: drop-shadow(0 0 8px rgba(248, 215, 120, .55));
        }

        .info-card-scroll {
            margin: 0;
            color: var(--muted);
            line-height: 1.65;
            font-weight: 650;
            max-height: 190px;
            overflow-x: hidden;
            overflow-y: auto;
            padding-right: 8px;
            scrollbar-width: thin;
            scrollbar-color: rgba(255, 79, 173, .55) rgba(255, 255, 255, .06);
            -webkit-overflow-scrolling: touch;
            overscroll-behavior: contain;
        }

        .profile-layout.has-cache-sidebar .info-card-scroll {
            flex: 1 1 auto;
            min-height: 0;
            max-height: none;
        }

        .info-card-scroll::-webkit-scrollbar {
            width: 6px;
        }

        .info-card-scroll::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, .06);
            border-radius: 999px;
        }

        .info-card-scroll::-webkit-scrollbar-thumb {
            background: linear-gradient(180deg, var(--hot), var(--neon));
            border-radius: 999px;
        }

        .info-card-scroll .animated-emoji {
            display: inline-block;
            animation: emojiFloat 1.6s ease-in-out infinite;
        }

        .info-card-scroll p {
            margin: 0 0 10px;
        }

        .info-card-scroll p:last-child {
            margin-bottom: 0;
        }

        @keyframes emojiFloat {
            0%, 100% { transform: translateY(0) scale(1); }
            50% { transform: translateY(-3px) scale(1.12); }
        }

        .services-card {
            margin-top: 22px;
            border: 1px solid rgba(255, 79, 173, .22);
            border-radius: 8px;
            padding: 20px;
            background:
                radial-gradient(circle at top left, rgba(248, 215, 120, .09), transparent 34%),
                linear-gradient(135deg, rgba(255, 79, 173, .08), rgba(168, 85, 247, .05)),
                rgba(5, 2, 9, .9);
            box-shadow:
                0 18px 42px rgba(0, 0, 0, .42),
                0 0 28px rgba(255, 79, 173, .1);
        }

        .services-card > h2 {
            margin: 0 0 16px;
            display: flex;
            align-items: center;
            gap: 9px;
            font-size: 1.08rem;
            font-weight: 950;
        }

        .services-card > h2 svg {
            width: 20px;
            height: 20px;
            color: var(--gold);
            filter: drop-shadow(0 0 8px rgba(248, 215, 120, .55));
        }

        .services-grid {
            display: grid;
            gap: 16px;
            grid-template-columns: 1fr;
            align-items: start;
        }

        .services-support-grid {
            display: grid;
            gap: 16px;
            grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
            align-items: start;
        }

        .service-section.is-main-attendance {
            width: 100%;
        }

        .service-section {
            border: 1px solid rgba(255, 255, 255, .08);
            border-radius: 8px;
            padding: 16px;
            background: rgba(255, 255, 255, .035);
        }

        .service-section h3 {
            margin: 0 0 13px;
            display: flex;
            align-items: center;
            gap: 8px;
            color: #fff4bd;
            font-size: .98rem;
            font-weight: 950;
        }

        .service-section h3 svg {
            width: 17px;
            height: 17px;
            color: #f8d778;
        }

        .service-list {
            display: grid;
            gap: 10px;
        }

        .service-row {
            display: grid;
            grid-template-columns: 32px minmax(120px, .38fr) minmax(0, 1fr);
            gap: 10px;
            align-items: start;
            border-radius: 8px;
            padding: 10px;
            background: rgba(7, 2, 13, .5);
        }

        .service-row-icon {
            width: 32px;
            height: 32px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            color: #fff4bd;
            background: rgba(248, 215, 120, .1);
            box-shadow: 0 0 16px rgba(248, 215, 120, .08);
        }

        .service-row-icon svg {
            width: 16px;
            height: 16px;
        }

        .service-label {
            color: var(--muted);
            font-size: .84rem;
            font-weight: 900;
            line-height: 1.35;
        }

        .service-values {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
        }

        .service-pill {
            min-height: 27px;
            display: inline-flex;
            align-items: center;
            border: 1px solid rgba(255, 79, 173, .18);
            border-radius: 999px;
            padding: 0 9px;
            color: #fff;
            background: rgba(255, 79, 173, .08);
            font-size: .78rem;
            font-weight: 800;
            line-height: 1;
        }

        .service-section.is-cache .service-row {
            grid-template-columns: 32px minmax(70px, .34fr) minmax(0, 1fr);
        }

        .service-section.is-cache .service-pill {
            border-color: rgba(248, 215, 120, .2);
            color: #fff4bd;
            background: rgba(248, 215, 120, .08);
        }

        .service-section.is-intimacy .service-pill {
            border-color: rgba(255, 79, 173, .24);
            color: #ffe8f2;
            background: rgba(217, 70, 143, .1);
        }

        .gallery-card {
            margin-top: 22px;
            border: 1px solid rgba(255, 79, 173, .22);
            border-radius: 8px;
            padding: 14px;
            background:
                radial-gradient(circle at top right, rgba(168, 85, 247, .12), transparent 34%),
                linear-gradient(135deg, rgba(255, 79, 173, .08), rgba(168, 85, 247, .05)),
                rgba(5, 2, 9, .9);
            box-shadow:
                0 14px 32px rgba(0, 0, 0, .38),
                0 0 22px rgba(255, 79, 173, .08);
        }

        .gallery-head {
            display: flex;
            align-items: end;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 10px;
        }

        .gallery-head h2 {
            margin: 0;
            display: flex;
            align-items: center;
            gap: 7px;
            font-size: .96rem;
            font-weight: 950;
        }

        .gallery-head h2 svg {
            width: 17px;
            height: 17px;
            color: var(--gold);
            filter: drop-shadow(0 0 8px rgba(248, 215, 120, .55));
        }

        .gallery-head span {
            color: var(--dim);
            font-size: .74rem;
            font-weight: 800;
        }

        .profile-gallery-grid {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 8px;
        }

        .profile-gallery-grid.is-collapsed {
            overflow: hidden;
        }

        .profile-gallery-grid.is-collapsed .gallery-item:nth-child(n+11) {
            display: none;
        }

        .gallery-expand-foot {
            margin-top: 12px;
            display: flex;
            justify-content: center;
        }

        .gallery-card.is-expanded .gallery-expand-foot {
            display: none;
        }

        .gallery-expand-btn {
            min-height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            border: 1px solid rgba(255, 79, 173, .32);
            border-radius: 8px;
            padding: 0 16px;
            color: #ffe8f2;
            background: rgba(255, 79, 173, .12);
            font-size: .82rem;
            font-weight: 900;
            cursor: pointer;
            transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
        }

        .gallery-expand-btn:hover,
        .gallery-expand-btn:focus {
            border-color: rgba(255, 79, 173, .55);
            color: #fff;
            background: rgba(255, 79, 173, .22);
            transform: translateY(-1px);
            outline: none;
        }

        .gallery-expand-btn svg {
            width: 16px;
            height: 16px;
            color: #fff4bd;
        }

        .gallery-item {
            position: relative;
            aspect-ratio: 4 / 5;
            min-height: 0;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, .1);
            border-radius: 6px;
            padding: 0;
            background: #07020d;
            cursor: pointer;
            box-shadow:
                0 8px 18px rgba(0, 0, 0, .42),
                0 0 12px rgba(255, 79, 173, .06);
            transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, filter .2s ease;
        }

        .gallery-item:hover,
        .gallery-item:focus {
            transform: translateY(-2px);
            border-color: rgba(255, 79, 173, .56);
            filter: saturate(1.06);
            box-shadow:
                0 14px 26px rgba(0, 0, 0, .62),
                0 0 22px rgba(255, 79, 173, .18);
            outline: none;
        }

        .gallery-item img {
            width: 100%;
            height: 100%;
            min-height: 0;
            object-fit: cover;
            transform-origin: center;
        }

        .gallery-item::after {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: linear-gradient(180deg, transparent 62%, rgba(7, 2, 13, .72));
        }

        .gallery-type {
            position: absolute;
            left: 7px;
            bottom: 7px;
            z-index: 2;
            min-height: 22px;
            display: inline-flex;
            align-items: center;
            gap: 4px;
            border-radius: 999px;
            padding: 0 7px;
            color: #fff;
            background: rgba(8, 3, 13, .78);
            border: 1px solid rgba(255, 79, 173, .22);
            font-size: .64rem;
            font-weight: 900;
            backdrop-filter: blur(10px);
        }

        .gallery-type svg {
            width: 11px;
            height: 11px;
            color: #fff4bd;
        }

        .gallery-modal {
            position: fixed;
            inset: 0;
            z-index: 80;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 12px;
            background: rgba(0, 0, 0, .88);
            backdrop-filter: blur(14px);
        }

        .gallery-modal.is-open {
            display: flex;
        }

        .gallery-modal-inner {
            position: relative;
            width: min(1600px, 100%);
            height: calc(100vh - 24px);
            display: grid;
            place-items: center;
        }

        .gallery-modal-image,
        .gallery-modal-video {
            width: min(96vw, 1560px);
            height: calc(100vh - 54px);
            max-width: 100%;
            max-height: 100%;
            border: 1px solid rgba(255, 79, 173, .26);
            border-radius: 8px;
            object-fit: contain;
            box-shadow:
                0 26px 70px rgba(0, 0, 0, .86),
                0 0 54px rgba(255, 79, 173, .18);
            background: #000;
        }

        .gallery-modal-video {
            display: none;
        }

        .gallery-modal-video.is-visible {
            display: block;
        }

        .gallery-modal-image.is-hidden {
            display: none;
        }

        .gallery-modal-close,
        .gallery-modal-nav {
            position: absolute;
            z-index: 2;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(255, 79, 173, .24);
            border-radius: 8px;
            color: #fff;
            background: rgba(8, 3, 13, .78);
            cursor: pointer;
            backdrop-filter: blur(10px);
        }

        .gallery-modal-close {
            top: 10px;
            right: 10px;
            width: 42px;
            height: 42px;
        }

        .gallery-modal-nav {
            top: 50%;
            width: 48px;
            height: 58px;
            transform: translateY(-50%);
        }

        .gallery-modal-nav.prev { left: 10px; }
        .gallery-modal-nav.next { right: 10px; }

        .gallery-modal-close:hover,
        .gallery-modal-close:focus,
        .gallery-modal-nav:hover,
        .gallery-modal-nav:focus {
            color: #fff4bd;
            border-color: rgba(248, 215, 120, .36);
            outline: none;
        }

        .gallery-modal-counter {
            position: absolute;
            left: 50%;
            bottom: 10px;
            transform: translateX(-50%);
            border: 1px solid rgba(248, 215, 120, .2);
            border-radius: 999px;
            padding: 7px 12px;
            color: #fff4bd;
            background: rgba(8, 3, 13, .78);
            font-size: .82rem;
            font-weight: 900;
            backdrop-filter: blur(10px);
        }

        .reviews-card {
            margin-top: 22px;
            border: 1px solid rgba(255, 79, 173, .22);
            border-radius: 8px;
            padding: 20px;
            background:
                radial-gradient(circle at top left, rgba(248, 215, 120, .09), transparent 34%),
                linear-gradient(135deg, rgba(255, 79, 173, .08), rgba(168, 85, 247, .05)),
                rgba(5, 2, 9, .9);
            box-shadow:
                0 18px 42px rgba(0, 0, 0, .42),
                0 0 28px rgba(255, 79, 173, .1);
        }

        .reviews-head {
            display: flex;
            align-items: end;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 16px;
        }

        .reviews-head h2 {
            margin: 0;
            display: flex;
            align-items: center;
            gap: 9px;
            font-size: 1.08rem;
            font-weight: 950;
        }

        .reviews-head h2 svg {
            width: 20px;
            height: 20px;
            color: var(--gold);
            filter: drop-shadow(0 0 8px rgba(248, 215, 120, .55));
        }

        .reviews-head span {
            color: var(--dim);
            font-size: .82rem;
            font-weight: 800;
        }

        .reviews-layout {
            display: grid;
            grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr);
            gap: 16px;
            align-items: stretch;
        }

        .review-form,
        .reviews-list {
            border: 1px solid rgba(255, 255, 255, .08);
            border-radius: 8px;
            padding: 16px;
            background: rgba(255, 255, 255, .035);
        }

        .review-form {
            display: grid;
            gap: 12px;
        }

        .review-field {
            display: grid;
            gap: 7px;
        }

        .review-field label {
            color: var(--muted);
            font-size: .82rem;
            font-weight: 900;
        }

        .review-field input,
        .review-field textarea {
            width: 100%;
            border: 1px solid rgba(255, 79, 173, .22);
            border-radius: 8px;
            padding: 11px 12px;
            color: #fff;
            background: rgba(7, 2, 13, .88);
            font: inherit;
            font-size: .92rem;
            outline: none;
        }

        .review-field textarea {
            min-height: 132px;
            resize: vertical;
        }

        .review-field input:focus,
        .review-field textarea:focus {
            border-color: rgba(248, 215, 120, .42);
            box-shadow: 0 0 22px rgba(248, 215, 120, .1);
        }

        .review-help {
            display: flex;
            justify-content: space-between;
            gap: 10px;
            color: var(--dim);
            font-size: .76rem;
            font-weight: 750;
        }

        .review-submit {
            min-height: 44px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            border: 0;
            border-radius: 8px;
            color: #fff;
            background: linear-gradient(135deg, var(--neon), var(--magenta));
            font: inherit;
            font-weight: 900;
            cursor: pointer;
            box-shadow: 0 12px 30px rgba(217, 70, 143, .26);
        }

        .review-submit svg {
            width: 18px;
            height: 18px;
        }

        .review-status {
            border: 1px solid rgba(37, 211, 102, .28);
            border-radius: 8px;
            padding: 10px 12px;
            color: #d8ffe8;
            background: rgba(37, 211, 102, .08);
            font-size: .86rem;
            font-weight: 800;
        }

        .review-error {
            color: #ffb4d4;
            font-size: .78rem;
            font-weight: 800;
        }

        .reviews-list {
            display: grid;
            align-content: start;
            gap: 12px;
            height: 430px;
            max-height: 430px;
            overflow-y: auto;
            overscroll-behavior: contain;
            scrollbar-width: thin;
            scrollbar-color: rgba(255, 79, 173, .55) rgba(255, 255, 255, .06);
        }

        .reviews-list::-webkit-scrollbar {
            width: 6px;
        }

        .reviews-list::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, .06);
            border-radius: 999px;
        }

        .reviews-list::-webkit-scrollbar-thumb {
            background: linear-gradient(180deg, var(--hot), var(--neon));
            border-radius: 999px;
        }

        .review-item {
            border: 1px solid rgba(255, 79, 173, .14);
            border-radius: 8px;
            padding: 13px;
            background: rgba(7, 2, 13, .58);
        }

        .review-item strong {
            display: flex;
            align-items: center;
            gap: 7px;
            color: #fff4bd;
            font-size: .92rem;
            font-weight: 950;
        }

        .review-item strong svg {
            width: 15px;
            height: 15px;
            color: var(--gold);
        }

        .review-item p {
            margin: 8px 0 0;
            color: var(--muted);
            line-height: 1.55;
            font-size: .9rem;
            font-weight: 650;
        }

        .reviews-empty {
            color: var(--dim);
            line-height: 1.5;
            font-size: .9rem;
            font-weight: 750;
        }

        .report-profile-wrap {
            display: flex;
            justify-content: center;
            margin: 24px 0 0;
        }

        .report-profile-btn {
            min-height: 44px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            border: 1px solid rgba(255, 128, 171, .34);
            border-radius: 8px;
            padding: 0 18px;
            color: #ffd8e8;
            background: rgba(217, 70, 143, .12);
            font: inherit;
            font-size: .9rem;
            font-weight: 900;
            cursor: pointer;
            box-shadow: 0 12px 28px rgba(0, 0, 0, .28), 0 0 18px rgba(217, 70, 143, .12);
            transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
        }

        .report-profile-btn:hover,
        .report-profile-btn:focus {
            transform: translateY(-2px);
            border-color: rgba(255, 128, 171, .58);
            box-shadow: 0 16px 34px rgba(0, 0, 0, .36), 0 0 26px rgba(217, 70, 143, .22);
            outline: none;
        }

        .report-profile-btn svg {
            width: 17px;
            height: 17px;
        }

        .report-status {
            margin: 14px auto 0;
            width: min(560px, 100%);
            border: 1px solid rgba(37, 211, 102, .28);
            border-radius: 8px;
            padding: 10px 12px;
            color: #d8ffe8;
            background: rgba(37, 211, 102, .08);
            text-align: center;
            font-size: .86rem;
            font-weight: 800;
        }

        .report-modal {
            position: fixed;
            inset: 0;
            z-index: 90;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 20px;
            background: rgba(0, 0, 0, .82);
            backdrop-filter: blur(12px);
        }

        .report-modal.is-open {
            display: flex;
        }

        .report-box {
            width: min(560px, 100%);
            border: 1px solid rgba(255, 79, 173, .24);
            border-radius: 8px;
            padding: 20px;
            background:
                radial-gradient(circle at top left, rgba(248, 215, 120, .08), transparent 34%),
                linear-gradient(135deg, rgba(255, 79, 173, .08), rgba(168, 85, 247, .05)),
                rgba(5, 2, 9, .96);
            box-shadow: 0 26px 70px rgba(0, 0, 0, .76), 0 0 42px rgba(255, 79, 173, .14);
        }

        .report-box h2 {
            margin: 0 0 8px;
            display: flex;
            align-items: center;
            gap: 9px;
            font-size: 1.15rem;
            font-weight: 950;
        }

        .report-box h2 svg {
            width: 20px;
            height: 20px;
            color: var(--gold);
        }

        .report-box p {
            margin: 0 0 16px;
            color: var(--muted);
            line-height: 1.55;
            font-size: .9rem;
            font-weight: 650;
        }

        .report-box textarea {
            width: 100%;
            min-height: 150px;
            border: 1px solid rgba(255, 79, 173, .22);
            border-radius: 8px;
            padding: 12px;
            color: #fff;
            background: rgba(7, 2, 13, .88);
            font: inherit;
            resize: vertical;
            outline: none;
        }

        .report-box textarea:focus {
            border-color: rgba(248, 215, 120, .42);
            box-shadow: 0 0 22px rgba(248, 215, 120, .1);
        }

        .report-actions {
            display: flex;
            justify-content: flex-end;
            gap: 10px;
            margin-top: 14px;
        }

        .report-cancel,
        .report-submit {
            min-height: 42px;
            border-radius: 8px;
            padding: 0 14px;
            font: inherit;
            font-weight: 900;
            cursor: pointer;
        }

        .report-cancel {
            border: 1px solid rgba(255, 255, 255, .14);
            color: var(--muted);
            background: rgba(255, 255, 255, .04);
        }

        .report-submit {
            border: 0;
            color: #fff;
            background: linear-gradient(135deg, var(--neon), var(--magenta));
            box-shadow: 0 12px 30px rgba(217, 70, 143, .26);
        }

        .footer {
            border-top: 1px solid var(--line);
            background: rgba(0, 0, 0, .74);
        }

        .footer-inner {
            width: min(1180px, calc(100% - 32px));
            min-height: 78px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            color: var(--dim);
            font-size: .88rem;
            font-weight: 650;
        }

        @media (max-width: 980px) {
            .profile-hero-banner {
                max-height: clamp(340px, 54vw, 480px);
            }
        }

        @media (max-width: 620px) {
            .profile-hero-banner {
                max-height: clamp(280px, 72vw, 380px);
            }
        }

        @media (max-width: 420px) {
            .profile-hero-banner {
                max-height: clamp(240px, 70vw, 320px);
            }
        }

        @media (max-width: 900px) {
            .profile-layout { grid-template-columns: 1fr; }
            .profile-layout.has-cache-sidebar .info-card {
                flex: initial;
                max-height: 260px;
            }
            .profile-layout.has-cache-sidebar .info-card-scroll {
                flex: initial;
                max-height: 190px;
            }
            .profile-layout.has-cache-sidebar .profile-sidebar .payment-card.is-cache-sidebar {
                flex: initial;
            }
            .profile-photo { max-width: 420px; margin: 0 auto; width: 100%; }
            .details-grid { grid-template-columns: 1fr; }
            .services-grid { grid-template-columns: 1fr; }
            .service-row { grid-template-columns: 32px 1fr; }
            .service-values { grid-column: 2; }
            .service-section.is-cache .service-row { grid-template-columns: 32px 1fr; }
            .profile-gallery-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
            .reviews-layout { grid-template-columns: 1fr; }
            .reviews-list {
                height: 360px;
                max-height: 360px;
            }
        }

        @media (max-width: 760px) {
            .nav-inline { display: none; }
            main { width: min(100% - 20px, 1180px); }
            .profile-views-strip {
                width: min(100% - 20px, 1180px);
                justify-content: flex-start;
            }
            .profile-origin-back {
                width: 100%;
                margin-right: 0;
            }
        }

        @media (max-width: 520px) {
            .profile-gallery-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; }
            .gallery-head { align-items: flex-start; flex-direction: column; }
            .banner-lookbook-cta { right: 10px; bottom: 10px; }
            .banner-lookbook-btn { min-height: 36px; font-size: .72rem; padding: 0 12px; transform: translateY(-3px); }
            .gallery-modal { padding: 12px; }
            .gallery-modal-nav {
                width: 42px;
                height: 50px;
            }
        }

        /* Mobile: photo, identity/details, biography, rates, then Lookbook. */
        @media (max-width: 900px) {
            .profile-layout { gap: 14px; align-items: start; }
            .profile-sidebar, .profile-panel { display: contents; }
            .profile-photo { order: 1; }
            .profile-panel-top { order: 2; gap: 12px; min-width: 0; }
            .profile-layout .info-card { order: 3; }
            .profile-layout .payment-card.is-cache-sidebar { order: 4; }
            .profile-layout .profile-panel-top,
            .profile-layout .info-card,
            .profile-layout .payment-card { min-width: 0; }
            .details-grid,
            .payment-card.is-cache-sidebar .service-list,
            .services-card .service-list,
            .service-section.is-payment .payment-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
            .details-card, .payment-card, .info-card { padding: 12px; }
            .detail-item { grid-template-columns: 24px minmax(0, 1fr); gap: 7px; padding: 8px; }
            .detail-icon { width: 24px; height: 24px; }
            .detail-value { font-size: .84rem; }
            .services-card { padding: 12px; }
            .service-section { padding: 10px; min-width: 0; }
            .services-grid, .services-support-grid { gap: 10px; }
            .services-card .service-row,
            .payment-card.is-cache-sidebar .service-row { grid-template-columns: 24px minmax(0, 1fr); gap: 6px; padding: 8px; min-width: 0; }
            .services-card .service-row-icon,
            .payment-card.is-cache-sidebar .service-row-icon { width: 24px; height: 24px; }
            .services-card .service-values,
            .payment-card.is-cache-sidebar .service-values { grid-column: 1 / -1; min-width: 0; }
            .service-label { align-self: center; font-size: .8rem; overflow-wrap: anywhere; }
            .service-pill { min-height: 26px; max-width: 100%; height: auto; padding: 5px 8px; font-size: .76rem; line-height: 1.3; overflow-wrap: anywhere; }
            .payment-item { min-width: 0; gap: 7px; padding: 8px; font-size: .82rem; overflow-wrap: anywhere; }
            .payment-icon { width: 24px; height: 24px; }
            .profile-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
            .gallery-card { padding: 12px; margin-top: 16px; }
            .profile-actions > a { max-width: 100%; min-width: 0; padding: 10px 12px; overflow-wrap: anywhere; text-align: center; }
            .profile-meta .meta-chip { max-width: 100%; padding: 8px 10px; overflow-wrap: anywhere; }
            .profile-meta .meta-chip svg, .profile-actions svg { flex-shrink: 0; }
            .service-location-card { padding: 10px 12px; }
        }
        .service-section.is-main-attendance > .is-intimacy { margin-top: 14px; }
        .service-section.is-intimacy h4 { margin: 0 0 10px; display: flex; align-items: center; gap: 8px; color: #fff4bd; font-size: .94rem; }
        .service-section.is-intimacy h4 svg { width: 17px; height: 17px; }

        .profile-banner-frame { position: relative; width: 100%; max-width: 1180px; margin-inline: auto; }
        .is-main-attendance > .service-list > .is-intimacy { margin-top: 4px; }
        @media (max-width: 760px) {
            .profile-hero-banner { aspect-ratio: 5 / 2; }
            .banner-lookbook-cta { position: static; display: flex; justify-content: center; padding: 10px 0; }
            .banner-lookbook-btn, .banner-lookbook-btn:hover, .banner-lookbook-btn:focus { transform: none; }
            .profile-photo { width: calc(100% - 12px); max-width: 390px; aspect-ratio: 4 / 5; }
            .services-card .service-list.is-masonry,
            .payment-card.is-cache-sidebar .service-list.is-masonry { grid-auto-rows: 1px; align-items: start; }
            .service-list.is-masonry > .service-row,
            .service-list.is-masonry > .is-intimacy { height: max-content; min-width: 0; align-self: start; }
            .is-main-attendance > .service-list > .is-intimacy { margin-top: 0; padding: 8px; }
            .is-main-attendance > .service-list > .is-intimacy .service-list { grid-template-columns: minmax(0, 1fr); }
        }

        /* Profile Lookbook: responsive preview and reversible expansion. */
        .gallery-card { scroll-margin-top: 150px; }
        .gallery-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px 10px; }
        .gallery-head > h2 { grid-column: 1; min-width: 0; }
        .gallery-head > span { grid-column: 1; }
        .gallery-head > .gallery-expand-btn { grid-column: 2; grid-row: 1 / 3; justify-self: end; }
        .gallery-expand-btn { border-radius: 999px; white-space: nowrap; animation: profileGallerySeeAllGlow 3.8s ease-in-out infinite; }
        .gallery-expand-btn > span { color: inherit; font-size: inherit; font-weight: inherit; }
        .gallery-expand-btn[hidden], .gallery-expand-foot[hidden], .gallery-expand-btn.is-mobile-only { display: none; }
        .gallery-card.is-expanded .gallery-expand-foot:not([hidden]) { display: flex; }
        @keyframes profileGallerySeeAllGlow {
            0%, 100% { border-color: rgba(255, 79, 173, .35); box-shadow: 0 0 3px rgba(255, 79, 173, .08); text-shadow: 0 0 2px rgba(255, 79, 173, .08); }
            50% { border-color: rgba(255, 79, 173, .72); box-shadow: 0 0 10px rgba(255, 79, 173, .24), inset 0 0 6px rgba(255, 79, 173, .08); text-shadow: 0 0 6px rgba(255, 79, 173, .28); }
        }
        @media (max-width: 900px) {
            .profile-gallery-grid.is-collapsed .gallery-item:nth-child(n+7) { display: none; }
            .gallery-expand-btn.is-mobile-only:not([hidden]) { display: inline-flex; }
            .gallery-head > .gallery-expand-btn { min-height: 36px; padding-inline: 11px; font-size: .76rem; gap: 6px; }
        }
        @media (prefers-reduced-motion: reduce) {
            .gallery-expand-btn { animation: none; box-shadow: 0 0 6px rgba(255, 79, 173, .16); }
        }

        /* Text stays inside the biography and review containers. */
        .info-card { display: flex; flex-direction: column; height: 260px; }
        .profile-layout.has-cache-sidebar .info-card { flex: 1 1 0; height: 0; min-height: 120px; }
        .info-card .info-card-scroll,
        .profile-layout.has-cache-sidebar .info-card-scroll { flex: 1 1 0; height: 0; min-height: 0; max-height: none; overflow-wrap: anywhere; }
        .reviews-list { min-height: 0; min-width: 0; overflow-x: hidden; grid-auto-rows: max-content; }
        .review-item { min-width: 0; overflow-wrap: anywhere; }
        .info-card-scroll:focus-visible, .reviews-list:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
        @media (max-width: 900px) {
            .profile-layout .info-card,
            .profile-layout.has-cache-sidebar .info-card { flex: none; height: 300px; min-height: 300px; max-height: 300px; }
            .profile-layout .info-card-scroll,
            .profile-layout.has-cache-sidebar .info-card-scroll { flex: 1 1 0; height: 0; min-height: 0; max-height: none; }
        }
        @media (prefers-reduced-motion: reduce) { .info-card-scroll .animated-emoji { animation: none; } }

        /* Opaque black surfaces improve text contrast on phones. */
        @media (max-width: 760px) {
            .details-card, .info-card, .payment-card, .services-card,
            .reviews-card, .service-location-card {
                background: #050505;
                box-shadow: 0 12px 28px rgba(0, 0, 0, .4);
            }
            .detail-item, .service-section, .service-row, .payment-item,
            .review-form, .reviews-list, .review-item { background: #0a0a0a; }
            .profile-layout .payment-card.is-cache-sidebar .service-pill,
            .services-card .service-section .service-pill { background: #030303; }
            .detail-icon, .service-row-icon, .payment-icon { background: #111; box-shadow: none; }
            .detail-label { color: #dedede; }
            .service-label, .info-card-scroll, .review-item p { color: #fff; }
            .service-location-card small { color: #eee; }
            .review-field input, .review-field textarea { background: #050505; }
        }
        .profile-bottom-back { display: flex; justify-content: center; margin-top: 12px; }
        .profile-bottom-back .profile-origin-back { margin-right: 0; }
