.tryon-page { padding-top:40px; padding-bottom:48px; color:var(--pr-text,#3c2430); }
.tryon-header { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:26px; }
.tryon-header h1 { font-size:32px; line-height:1.25; margin:8px 0 12px; }
.tryon-header p { max-width:680px; margin:0; line-height:1.7; }
.tryon-header .tryon-eyebrow { color:#a41950; font-size:12px; font-weight:600; letter-spacing:1px; text-transform:uppercase; }
.tryon-collection { flex-shrink:0; }
.tryon-page a { color:#a41950; text-decoration:underline; text-underline-offset:3px; }
.tryon-stage { overflow:hidden; border:1px solid #ebcfdb; border-radius:20px; background:#fff0f4; }
.tryon-welcome { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:440px; padding:40px 24px; text-align:center; }
.tryon-welcome svg { color:#a41950; margin-bottom:20px; }
.tryon-welcome h2 { font-size:26px; margin:0 0 14px; }
.tryon-welcome p { max-width:460px; margin:0 0 24px; line-height:1.8; }
.tryon-start { border:0; border-radius:999px; background:#a41950; color:#fff; padding:14px 30px; font-size:15px; font-weight:600; cursor:pointer; }
.tryon-start:hover { background:#80133e; }
.tryon-page [hidden] { display:none !important; }
.tryon-stage iframe { display:block; width:100%; height:720px; height:clamp(540px,78svh,800px); border:0; background:#fff0f4; }
.tryon-tools { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:16px 0 24px; }
.tryon-tools p { margin:0; font-size:13px; color:#63515b; }
.tryon-tools button { flex-shrink:0; padding:8px 16px; border:1px solid #b56888; border-radius:999px; background:#fff; color:#80133e; cursor:pointer; }
.tryon-help { border-top:1px solid #ebcfdb; padding-top:20px; color:#63515b; font-size:13px; line-height:1.8; }
.tryon-help p { margin-bottom:12px; }
.tryon-page :is(a,button):focus-visible { outline:3px solid #a41950; outline-offset:4px; }
@media(max-width:767px) {
 .tryon-page { padding-top:24px; padding-bottom:32px; }
 .tryon-header { display:block; }
 .tryon-header h1 { font-size:26px; }
 .tryon-header p { font-size:14px; }
 .tryon-collection { display:inline-block; margin-top:16px; }
 .tryon-stage { border-radius:14px; }
 .tryon-welcome { min-height:410px; padding:32px 20px; }
 .tryon-welcome h2 { font-size:22px; }
 .tryon-tools { align-items:flex-start; flex-wrap:wrap; }
}