/* AIKU Try-On panel. Uses the AIKU theme colours when present, with fallbacks for any theme. */
.aiku-to-scrim, .aiku-to-launch, .aiku-to-chip, .aiku-to-toast{
  --to-ink: var(--ink, #111111); --to-cream: var(--cream, #F7F1E8); --to-beige: var(--beige, #EDE3D4);
  --to-sand: var(--sand, #D9C7AE); --to-taupe: var(--taupe-deep, #6F6255); --to-line: var(--line, #EDE6DA);
  --to-gold: var(--gold, #B8966A);
  --to-serif: var(--serif, 'Cormorant Garamond', Georgia, serif); --to-sans: var(--sans, 'Jost', system-ui, sans-serif);
}
.aiku-to-scrim [hidden], .aiku-to-scrim[hidden]{display:none!important}

/* Buttons placed on the product page */
.aiku-to-launch{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:10px;padding:14px 20px;background:#fff;color:var(--to-ink);border:1px solid var(--to-ink);font:400 .74rem/1.2 var(--to-sans);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
.aiku-to-launch:hover{background:var(--to-ink);color:#fff}
.aiku-to-launch svg,.aiku-to-chip svg{width:16px;height:16px;flex:none}
.aiku-to-chip{position:absolute;right:14px;bottom:14px;z-index:3;display:flex;align-items:center;gap:8px;background:var(--to-ink);color:#fff;border:0;padding:10px 14px;font:400 .64rem/1 var(--to-sans);letter-spacing:.18em;text-transform:uppercase;cursor:pointer}

/* Panel */
.aiku-to-scrim{position:fixed;inset:0;z-index:100000;background:rgba(17,17,17,.6);display:flex;align-items:center;justify-content:center;padding:12px;font-family:var(--to-sans);font-weight:300;color:var(--to-ink);-webkit-font-smoothing:antialiased}
.aiku-to-scrim *{box-sizing:border-box}
.aiku-to-panel{background:#fff;width:min(980px,100%);max-height:100%;overflow:auto;display:grid;grid-template-columns:1.15fr 1fr}
@media (max-width:760px){.aiku-to-panel{grid-template-columns:1fr}}
.aiku-to-stage-wrap{background:var(--to-cream);padding:16px;min-width:0}
.aiku-to-stage{position:relative;aspect-ratio:3/4;width:100%;max-width:100%;overflow:hidden;background:var(--to-beige)}
@media (max-width:760px){.aiku-to-stage{max-height:60vh;margin-inline:auto}}
#aikuToView{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#aikuToView.mirror{transform:scaleX(-1)}
#aikuToCam{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.aiku-to-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:linear-gradient(180deg,var(--to-cream),var(--to-beige))}
.aiku-to-start h3{font:400 1.7rem/1.1 var(--to-serif);margin:0}
.aiku-to-start p{margin:0;color:var(--to-taupe);font-size:.92rem;max-width:30ch}
.aiku-to-start .aiku-to-btn{min-width:220px}
.aiku-to-status{position:absolute;left:50%;top:12px;transform:translateX(-50%);background:rgba(255,255,255,.94);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.aiku-to-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#C0392B;margin-right:7px;vertical-align:1px}
.aiku-to-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.aiku-to-actions .aiku-to-btn{padding:11px 10px;font-size:.62rem;flex:1 1 30%}
.aiku-to-privacy{font-size:.78rem;color:var(--to-taupe);margin:10px 0 0}

.aiku-to-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;font:400 .72rem/1.2 var(--to-sans);letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--to-ink);background:var(--to-ink);color:#fff;cursor:pointer;text-align:center;transition:background .2s,color .2s}
.aiku-to-btn:hover{background:#fff;color:var(--to-ink)}
.aiku-to-btn.light{background:#fff;color:var(--to-ink)}
.aiku-to-btn.light:hover{background:var(--to-ink);color:#fff}

.aiku-to-controls{padding:26px 24px;display:flex;flex-direction:column;gap:20px;min-width:0;position:relative}
.aiku-to-controls h2{font:400 1.8rem/1.1 var(--to-serif);margin:8px 0 0;padding-right:40px;text-wrap:balance}
.aiku-to-eyebrow{margin:0;font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--to-taupe);font-weight:400}
.aiku-to-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:1px solid var(--to-line);background:#fff;cursor:pointer;font-size:1rem;line-height:1;color:var(--to-ink)}
.aiku-to-label{margin:0 0 10px;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;display:flex;justify-content:space-between;gap:12px}
.aiku-to-label span:last-child{color:var(--to-taupe);letter-spacing:.06em;text-transform:none}
.aiku-to-pills{display:flex;gap:8px;flex-wrap:wrap}
.aiku-to-pill{padding:7px 16px;font:400 .68rem/1.2 var(--to-sans);letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--to-sand);border-radius:40px;background:#fff;color:var(--to-ink);cursor:pointer}
.aiku-to-pill[aria-pressed="true"]{background:var(--to-ink);color:#fff;border-color:var(--to-ink)}
.aiku-to-range{width:100%;accent-color:var(--to-ink)}
.aiku-to-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.aiku-to-mini{border:1px solid var(--to-line);background:#fff;color:var(--to-ink);padding:8px 12px;font:400 .66rem/1.2 var(--to-sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.aiku-to-mini:hover{border-color:var(--to-ink)}
.aiku-to-sum{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid var(--to-line);padding-top:16px}
.aiku-to-sum .n{font:400 1.25rem/1.2 var(--to-serif)}
.aiku-to-sum .p{font-variant-numeric:tabular-nums;font-weight:400;white-space:nowrap}
.aiku-to-scrim :focus-visible,.aiku-to-launch:focus-visible{outline:2px solid var(--to-gold);outline-offset:3px}

.aiku-to-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,180%);background:var(--to-ink);color:#fff;padding:12px 22px;font:400 .8rem/1.4 var(--to-sans);letter-spacing:.04em;transition:transform .35s;z-index:100001;max-width:calc(100% - 32px)}
.aiku-to-toast.show{transform:translate(-50%,0)}
body.aiku-to-open{overflow:hidden}
@media (prefers-reduced-motion:reduce){.aiku-to-toast,.aiku-to-btn,.aiku-to-launch{transition:none}}