.aiic-c36-tryon-page main{min-height:100vh;padding-top:74px;background:#050505;color:#f7f1e7}
.c36-page{min-height:calc(100vh - 74px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:clamp(28px,5vw,82px);padding:clamp(28px,6vh,70px) clamp(18px,6vw,92px);background:radial-gradient(ellipse 60% 46% at 28% 44%,rgba(200,162,74,.12),transparent 62%),#050505}
.c36-page__media{min-height:50vh;display:grid;place-items:center}
.c36-page__media img{width:min(720px,100%);height:auto;filter:drop-shadow(0 38px 72px rgba(0,0,0,.45))}
.c36-page__copy{max-width:560px}
.c36-k{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:#c8a24a;margin:0 0 16px}
.c36-page h1{font-family:var(--display,serif);font-size:clamp(52px,8vw,112px);line-height:.9;text-transform:uppercase;letter-spacing:.04em;margin:0;color:#fff}
.c36-page p:not(.c36-k){margin:24px 0 0;color:#cfc6b8;font-size:clamp(15px,1.35vw,18px);line-height:1.75;font-weight:300}
.c36-page__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.c36-primary,.c36-secondary,.c36-link{appearance:none;border:0;font-family:var(--sans,sans-serif);cursor:pointer;text-decoration:none}
.c36-primary{min-height:48px;padding:0 26px;border-radius:999px;background:#c8a24a;color:#090806;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.c36-secondary{min-height:48px;padding:0 24px;border-radius:999px;border:1px solid rgba(255,255,255,.24);color:#f4efe7;display:inline-flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.c36-link{background:none;color:#d9c79f;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:10px 0}
.c36-vto[hidden]{display:none}
.c36-vto{position:fixed;inset:0;height:100dvh;z-index:10050;background:#050505;color:#fff;overflow:hidden}
.c36-vto__stage{position:absolute;inset:0;background:#050505;transform:scaleX(-1);transform-origin:center;touch-action:none}
.c36-vto__stage canvas{display:block;width:100%;height:100%}
.c36-vto__priming{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse 70% 50% at 50% 38%,rgba(200,162,74,.14),rgba(5,5,5,.92) 68%),rgba(5,5,5,.92);backdrop-filter:blur(18px)}
.c36-vto__priming[hidden]{display:none}
.c36-vto__panel{width:min(520px,100%);padding:clamp(26px,5vw,44px);border:1px solid rgba(200,162,74,.26);background:linear-gradient(180deg,rgba(20,18,15,.82),rgba(8,8,8,.96));box-shadow:0 32px 100px rgba(0,0,0,.46);text-align:left}
.c36-vto__panel h2{font-family:var(--sans,sans-serif);font-size:clamp(34px,7vw,58px);line-height:.98;letter-spacing:-.02em;margin:0;color:#fff}
.c36-vto__panel p:not(.c36-k){font-weight:300;line-height:1.7;color:#cfc6b8;margin:18px 0 22px}
.c36-progress{height:2px;background:rgba(255,255,255,.13);overflow:hidden;margin:0 0 22px}
.c36-progress span{display:block;height:100%;width:0;background:#c8a24a;transition:width .25s ease}
.c36-vto__panel .c36-primary{width:100%;margin-bottom:12px}
.c36-vto__panel .c36-link{width:100%}
.c36-vto__bar{position:absolute;top:0;left:0;right:0;z-index:5;display:grid;grid-template-columns:52px 1fr auto;align-items:center;min-height:72px;padding:calc(env(safe-area-inset-top) + 10px) 14px 10px;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,0))}
.c36-vto__tools{display:flex;align-items:center;gap:8px;pointer-events:auto}
.c36-icon{pointer-events:auto;width:46px;height:46px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(0,0,0,.24);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(14px);transition:border-color .2s ease,background .2s ease,color .2s ease}
.c36-icon:hover{border-color:rgba(200,162,74,.78);background:rgba(200,162,74,.14);color:#ffdb8a}
.c36-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.c36-vto__brand{text-align:center;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#f4efe7}
.c36-vto__hint{position:absolute;left:50%;bottom:calc(104px + env(safe-area-inset-bottom));z-index:4;transform:translateX(-50%);max-width:min(92vw,760px);padding:12px 17px;border:1px solid rgba(200,162,74,.24);border-radius:999px;background:rgba(8,8,8,.64);color:#f4efe7;font-size:11px;line-height:1.3;letter-spacing:.08em;text-align:center;backdrop-filter:blur(18px);transition:opacity .2s ease}
.c36-mode-dock{position:absolute;z-index:5;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(560px,calc(100vw - 28px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:5px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(7,7,7,.72);backdrop-filter:blur(20px);box-shadow:0 18px 60px rgba(0,0,0,.28)}
.c36-mode-dock button{appearance:none;border:0;border-radius:6px;background:transparent;color:#bfb7aa;min-height:58px;display:grid;place-items:center;align-content:center;gap:5px;padding:6px 4px;font-family:var(--sans,sans-serif);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease,opacity .2s ease}
.c36-mode-dock button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.c36-mode-dock button.is-active{background:#f1ece4;color:#17130f}
.c36-mode-dock button:disabled{opacity:.26;cursor:not-allowed}
.c36-ring{position:absolute;z-index:3;width:54px;height:54px;border:1px solid rgba(200,162,74,.78);border-radius:50%;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(1.16);transition:opacity .14s ease,transform .14s ease,border-color .14s ease,box-shadow .14s ease;box-shadow:0 0 28px rgba(200,162,74,.18)}
.c36-ring.is-hot{opacity:1;transform:translate(-50%,-50%) scale(.82)}
.c36-ring.is-front{border-color:rgba(244,239,231,.9);box-shadow:0 0 34px rgba(244,239,231,.2)}
.c36-ring.is-temple{border-color:rgba(201,162,75,.95);box-shadow:0 0 34px rgba(201,162,75,.26)}
.c36-ring.is-dock{border-color:rgba(98,214,150,.95);box-shadow:0 0 38px rgba(98,214,150,.32)}
.c36-vto__fallback-actions{position:absolute;right:18px;bottom:calc(104px + env(safe-area-inset-bottom));z-index:5;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:min(92vw,560px)}
.c36-vto__fallback-actions[hidden]{display:none}
.c36-vto__fallback-actions button{min-height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(8,8,8,.58);color:#f4efe7;padding:0 16px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;backdrop-filter:blur(14px)}
.c36-vto[data-experience="inspect"] .c36-vto__stage{cursor:grab}
.c36-vto[data-experience="inspect"] .c36-vto__stage:active{cursor:grabbing}
html.c36-vto-lock,body.c36-vto-lock{overflow:hidden}
.c36-vto-entry{margin-top:14px}
.c36-vto-entry .button-link{appearance:none;border:0;background:transparent;color:#1a1714;display:inline-flex;align-items:center;gap:8px;padding:0 0 5px;border-bottom:1px solid currentColor;cursor:pointer;text-decoration:none;font-size:12px;letter-spacing:.22em;text-transform:uppercase}
.c36-vto-entry .button-link:hover{color:#c8a24a}
.vto-icon-eye{width:15px;height:15px;border:1px solid currentColor;border-radius:50%;display:inline-block;position:relative}
.vto-icon-eye::after{content:"";position:absolute;inset:4px;border-radius:50%;background:currentColor}
@media(max-width:860px){
  .aiic-c36-tryon-page main{padding-top:68px}
  .c36-page{grid-template-columns:1fr;min-height:calc(100svh - 68px);padding:28px 18px 56px}
  .c36-page__media{min-height:auto;order:2}
  .c36-page__copy{order:1}
  .c36-page h1{font-size:clamp(48px,15vw,78px)}
  .c36-page__actions{display:grid}
  .c36-primary,.c36-secondary{width:100%}
  .c36-vto__bar{grid-template-columns:48px 1fr auto;padding-left:10px;padding-right:10px}
  .c36-vto__tools{gap:6px}.c36-icon{width:42px;height:42px}
  .c36-vto__brand{font-size:10px;letter-spacing:.16em}
  .c36-vto__hint{bottom:calc(100px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 28px);font-size:10px;border-radius:8px}
  .c36-mode-dock{width:calc(100vw - 20px);bottom:calc(10px + env(safe-area-inset-bottom));padding:4px}
  .c36-mode-dock button{min-height:60px;font-size:8px;letter-spacing:.08em}
  .c36-vto__fallback-actions{left:10px;right:10px;bottom:calc(164px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;max-width:none}
  .c36-vto__fallback-actions button{width:100%}
}