@font-face{font-family:'iran yekan';src:url('./fonts/regular.woff2') format('woff2');font-display:swap;font-weight:400 500}@font-face{font-family:'iran yekan';src:url('./fonts/bold.woff2') format('woff2');font-display:swap;font-weight:700 800}
:root{--bg:#FFFCFB;--surface:#FFFFFF;--alt:#F9E7E3;--primary:#A0455A;--hover:#8C3A4E;--text:#3E2329;--muted:#7A5C60;--border:#F0DED7;--strong:#DEC3BC;--on:#FFF6F3;--success:#2E7D5B;--danger:#C0392B;--radius:14px;--shadow:0 1px 2px rgba(62,35,41,.06);--ring:0 0 0 3px rgba(160,69,90,.30)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}body,button,input,summary{font-family:'iran yekan',Tahoma,sans-serif;font-size:16px;line-height:1.85;letter-spacing:0}header,main{max-width:1120px;margin-inline:auto;padding:24px 16px}header{padding-block-end:16px}.brand,.eyebrow{font-size:14px;color:var(--muted)}h1{font-size:30px;line-height:1.25;margin:12px 0;font-weight:800}h2{font-size:21px;line-height:1.4;margin:8px 0 16px}p{margin:8px 0}header p,.privacy{font-size:14px;color:var(--muted)}main{display:grid;gap:16px;padding-block-start:0;align-items:start}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;min-width:0}.stage{position:relative;aspect-ratio:3/4;max-height:64vh;background:var(--alt);border-radius:10px;overflow:hidden;display:grid;place-items:center}.stage canvas{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.stage.mirrored canvas{transform:scaleX(-1)}#empty{text-align:center;max-width:320px;padding:24px;z-index:1}#empty p{font-size:14px}#viewLabel{position:absolute;inset-block-start:12px;inset-inline-start:12px;background:var(--surface);padding:4px 12px;border-radius:999px;font-size:14px}.tools{display:flex;flex-wrap:wrap;gap:8px;margin-block:16px}button{min-height:48px;min-width:44px;border:1.5px solid var(--primary);border-radius:10px;background:var(--surface);color:var(--primary);font-size:16px;font-weight:700;line-height:1.4;padding:12px 16px;cursor:pointer;white-space:normal}.tools button{flex:1}button:hover{background:var(--alt)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:0;box-shadow:var(--ring)}button:disabled{background:var(--strong);border-color:var(--strong);color:var(--on);cursor:not-allowed}.primary{background:var(--primary);color:var(--on);width:100%}.primary:hover{background:var(--hover)}.compare{display:grid;gap:8px}.compare label{display:flex;justify-content:space-between;color:var(--muted);font-size:14px}input[type=range]{width:100%;min-height:44px;margin:0;accent-color:var(--primary)}#status,.notice,#stock,#cartStatus{font-size:14px;color:var(--muted)}#status{min-height:52px}#shades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-block:16px}.shade{padding:8px 4px;border-color:var(--border);color:var(--text);font-size:13px;font-weight:500;display:grid;justify-items:center;gap:8px}.shade i,#swatch{display:block;width:44px;height:44px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(62,35,41,.09);flex-shrink:0}.shade[aria-pressed=true]{border-color:var(--primary);box-shadow:var(--ring)}.shade .availability{font-size:13px;color:var(--danger)}.chosen{display:flex;gap:12px;align-items:center;padding-block:16px;border-block:1px solid var(--border)}.notice{padding:12px;background:var(--alt);border-radius:10px;margin-block:16px}details{margin-block-start:24px;border-block-start:1px solid var(--border);padding-block-start:12px}summary{cursor:pointer;min-height:44px;color:var(--primary)}details p{font-size:14px}a{color:var(--primary);display:inline-block;min-height:44px;padding-block:8px}.skip{position:absolute;inset-inline-start:-10000px}.skip:focus{position:static}#demoCart{border-block-start:1px solid var(--border);margin-block-start:16px;padding-block-start:16px}#cartItems{padding-inline-start:24px;font-size:14px}[hidden]{display:none!important}@media(min-width:768px){main{grid-template-columns:1.2fr 1fr;gap:24px}h1{font-size:44px}.stage{max-height:680px}header{padding-block:32px}#shades{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Store shell: design master sections 6, 8, 13 and 14. No external UI library. */
.store-header{position:sticky;inset-block-start:0;z-index:10;background:rgba(255,252,251,.85);backdrop-filter:blur(10px) saturate(1.35);border-block-end:1px solid var(--border);max-width:none;padding:0;margin:0}
.store-bar{max-width:1120px;min-height:56px;margin-inline:auto;padding:6px 16px;display:flex;align-items:center;justify-content:center;gap:24px}.store-logo{padding:0;display:flex;align-items:center}.store-logo img{height:44px;width:auto;display:block}.store-nav{display:none;align-items:center;gap:24px}.store-nav a{font-size:14px;text-decoration:none;font-weight:700;display:flex;align-items:center;min-height:44px}
.intro{max-width:1120px;margin-inline:auto;padding:0 16px 24px}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);margin-block:8px}.breadcrumbs a{display:inline-flex;align-items:center;font-size:13px;font-weight:700;text-decoration:none}.intro h1{font-size:30px;line-height:1.25}.intro>p{font-size:14px;color:var(--muted)}.privacy{display:flex;align-items:center;gap:8px}.privacy span{color:var(--success)}.elm-rule{display:block;width:44px;height:2px;background:#C48A78;border-radius:2px;margin-block-end:8px}.elm-sechead{margin-block-end:14px}.elm-sechead h2{font-size:18px;font-weight:800;color:var(--primary);margin:8px 0 0}.mirror-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-block-end:12px}.mirror-heading h2{font-size:18px;color:var(--text);margin:0}.mirror-heading span{font-size:13px;color:var(--muted)}.portrait-icon{width:64px;height:64px;color:var(--primary);margin-block-end:16px}.stage{background:var(--bg);border:1px solid var(--border)}#empty h2{font-size:18px}#empty button{margin-block-start:16px;font-size:14px}
.tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tools button{padding:12px 8px;font-size:16px;line-height:1.5}.capture-tools:has(button:not([hidden])){margin-block-start:12px}.capture-tools p{font-size:13px;color:var(--muted);text-align:center;margin:8px 0 0}.capture-tools button span{margin-inline-end:8px}.camera-on #cart{background:var(--surface);color:var(--primary)}
.product-brief{display:flex;align-items:center;gap:12px;border-block-end:1px solid var(--border);padding-block-end:16px;margin-block-end:24px}.product-brief img{width:64px;height:64px;object-fit:contain;flex-shrink:0;border:1px solid var(--border);border-radius:10px;background:var(--surface)}#product{font-size:14px;font-weight:700;margin:4px 0 0}.product-brief .eyebrow{font-size:13px}.chosen{margin-block-start:16px}.product-link{display:flex;justify-content:center;align-items:center;min-height:48px;border:1.5px solid var(--primary);border-radius:10px;text-decoration:none;font-weight:700;margin-block:16px}.notice{font-size:13px;line-height:1.8}.store-footer{max-width:1120px;margin:24px auto 0;border-block-start:1px solid var(--border);padding:24px 16px;color:var(--muted);text-align:center}.store-footer strong{color:var(--text);font-size:14px}.store-footer p,.store-footer a{font-size:13px}.store-footer a{min-width:44px}
@media(min-width:768px){.store-bar{min-height:64px;justify-content:space-between}.store-logo img{height:52px}.store-nav{display:flex}.intro{padding-block-end:32px}.intro h1{font-size:44px}.elm-sechead h2{font-size:22px}.mirror-heading h2{font-size:22px}.mirror{position:sticky;inset-block-start:80px}.stage{max-height:64vh}}
@media(max-width:767px){#shades{display:flex;gap:8px;overflow-x:auto;padding:4px 4px 12px;margin-block:12px}.shade{flex:0 0 80px}.selection{padding-block:16px}.intro h1{font-size:30px}.compare>button{font-size:16px}}