@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn_wght_-BeciDpKm.woff2)format("woff2 supports variations"),url(/assets/Vazirmatn_wght_-BeciDpKm.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg:#f6f5f2;--surface:#fff;--surface-2:#f0eee9;--border:#e3e0d9;--text:#1d1b18;--muted:#6d675e;--accent:#0f766e;--accent-2:#14b8a6;--accent-soft:#e6f4f2;--danger:#b42318;--warning:#b54708;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px #1d1b180f, 0 6px 24px #1d1b180f;--font:"Vazirmatn", Tahoma, "Segoe UI", system-ui, sans-serif;--header-h:62px;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--gutter-x:max(16px, var(--safe-l), var(--safe-r));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + var(--safe-t) + 8px)}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:#0f766e1f;line-height:1.7}a,button,label,summary,select,input,[role=button]{touch-action:manipulation}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}h1,h2,h3,h4{margin:0 0 .5em;font-weight:800;line-height:1.35}.container{width:min(1180px, 100% - 2 * var(--gutter-x));margin-inline:auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding-top:var(--safe-t);background:#f6f5f2d9;position:sticky;top:0}.site-header .container{height:var(--header-h);align-items:center;gap:16px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;min-width:0;font-size:1.1rem;font-weight:800;display:flex}.brand:hover{text-decoration:none}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.brand-mark svg{width:20px;height:20px}.brand small{color:var(--muted);margin-top:-4px;font-size:.72rem;font-weight:500;display:block}.header-spacer{flex:1}.site-header .btn{flex:none}.btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:.93rem;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,transform 50ms,opacity .15s;display:inline-flex}.btn:hover{background:var(--surface-2);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{flex:none;width:18px;height:18px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#0b5f59}.btn-ghost{background:0 0;border-color:#0000}.btn-danger{color:var(--danger)}.btn-sm{padding:5px 11px;font-size:.82rem}.btn-lg{padding:13px 24px;font-size:1.02rem}.btn-block{width:100%}.field{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.field>span,.field-label{color:var(--muted);font-size:.84rem;font-weight:700}.input,select.input,textarea.input{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea.input{resize:vertical;min-height:90px}.input-ltr{text-align:left;direction:ltr}.row{flex-wrap:wrap;gap:12px;display:flex}.row>*{flex:140px}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:.9rem;font-weight:600;display:inline-flex}.switch input{appearance:none;cursor:pointer;background:#cfcac0;border-radius:999px;flex:none;width:40px;height:22px;margin:0;transition:background .2s;position:relative}.switch input:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;right:3px;box-shadow:0 1px 2px #0003}.switch input:checked{background:var(--accent)}.switch input:checked:after{transform:translate(-18px)}.range{grid-template-columns:1fr auto;align-items:center;gap:2px 10px;margin-bottom:10px;display:grid}.range label{color:var(--muted);font-size:.84rem;font-weight:600}.range output{font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:700}.range input[type=range]{width:100%;accent-color:var(--accent);grid-column:1/-1;margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.badge{background:var(--surface-2);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-ok{color:#16723c;background:#e7f6ec}.badge-warn{color:var(--warning);background:#fff4e5}.muted{color:var(--muted)}.small{font-size:.85rem}.hide{display:none!important}.notice{border-radius:var(--radius-sm);background:var(--accent-soft);color:#0b5550;border:1px solid #c4e6e1;padding:10px 14px;font-size:.88rem}.notice-warn{color:#8a3a06;background:#fff7ec;border-color:#fbd9ae}.notice-error{color:var(--danger);background:#fdecea;border-color:#f6c8c3}.toast{bottom:calc(24px + var(--safe-b));color:#fff;opacity:0;pointer-events:none;z-index:1000;text-align:center;width:max-content;max-width:min(560px, calc(100% - 2 * var(--gutter-x)));overflow-wrap:anywhere;background:#1d1b18;border-radius:12px;padding:11px 18px;font-size:.9rem;font-weight:600;line-height:1.6;transition:opacity .2s,transform .2s;position:fixed;left:50%;transform:translate(-50%,30px)}.toast.show{opacity:1;transform:translate(-50%)}.toast.error{background:var(--danger)}.toast.success{background:#16723c}.hero{padding:42px 0 20px}.hero h1{font-size:clamp(1.6rem,4vw,2.4rem)}.hero p{color:var(--muted);max-width:640px;margin:0;font-size:1.02rem}.catalog-tools{flex-wrap:wrap;align-items:center;gap:12px;margin:22px 0;display:flex}.catalog-tools .input{max-width:340px}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;padding-bottom:60px;display:grid}.product-card{color:inherit;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.product-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 10px 30px #1d1b181a}.product-card .thumb{aspect-ratio:4/3;background:radial-gradient(circle at 50% 40%,#fff,#ebe8e1);place-items:center;display:grid;overflow:hidden}.product-card .thumb img{object-fit:contain;width:100%;height:100%}.product-card .body{padding:12px 16px 16px}.product-card h3{margin:0 0 4px;font-size:1.02rem}.product-card .meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:0 8px;font-size:.84rem;display:flex}.empty{text-align:center;color:var(--muted);padding:70px 20px}.empty svg{opacity:.45;width:54px;height:54px;margin:0 auto 12px}.product-layout{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:start;gap:22px;padding:22px 0 60px;display:grid}.viewer-wrap{position:relative;overflow:hidden}.viewer{border-radius:var(--radius);--poster-color:transparent;--progress-bar-color:var(--accent);background:radial-gradient(circle at 50% 35%,#fff 0%,#ece9e2 100%);width:100%;height:min(72vh,640px)}.viewer-toolbar{top:12px;z-index:2;flex-wrap:wrap;gap:8px;display:flex;position:absolute;inset-inline-start:12px}.viewer-toolbar .btn{box-shadow:var(--shadow);background:#ffffffeb}.viewer-toolbar .btn[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.preview-badge{box-shadow:var(--shadow);text-align:center;align-self:center;padding-block:4px;line-height:1.6}.ar-btn{z-index:2;max-width:calc(100% - 24px);position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0f766e59}.ar-btn span{text-overflow:ellipsis;overflow:hidden}.ar-hint{bottom:calc(84px + var(--safe-b));text-align:center;color:#fff;pointer-events:none;background:#1d1b18d1;border-radius:18px;width:max-content;max-width:calc(100% - 32px);padding:6px 14px;font-size:.85rem;line-height:1.6;position:absolute;left:50%;transform:translate(-50%)}.info-panel{padding:22px;position:sticky;top:80px}.info-panel h1{overflow-wrap:anywhere;font-size:1.45rem}code.ltr-cmd{white-space:nowrap;direction:ltr;unicode-bidi:isolate;background:#1d1b1812;border-radius:5px;padding:1px 6px;font-size:.85em}.dims-table{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;display:grid}.dims-table div{background:var(--surface-2);border-radius:var(--radius-sm);text-align:center;flex-direction:column;align-items:center;min-width:0;padding:10px 6px;line-height:1.45;display:flex}.dims-table b{font-variant-numeric:tabular-nums;font-size:1.15rem;display:block}.dims-table span{color:var(--text);font-size:.8rem;font-weight:700}.dims-table small{color:var(--muted);font-size:.7rem}.description{white-space:pre-line;color:#3b3832;font-size:.95rem}.gallery{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;margin-top:16px;display:grid}.gallery button{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:zoom-in;aspect-ratio:1;background:#fff;padding:0;overflow:hidden}.gallery img{object-fit:cover;width:100%;height:100%}.how-to{background:var(--surface-2);border-radius:var(--radius-sm);margin-top:18px;padding:14px 16px;font-size:.88rem}.how-to ol{margin:6px 0 0;padding-inline-start:22px;list-style-type:persian}.qr-box{border:1px dashed var(--border);border-radius:var(--radius-sm);align-items:center;gap:14px;margin-top:16px;padding:12px;display:flex}.qr-box canvas,.qr-box img{border-radius:8px;flex:none;width:108px;height:108px}.viewer-stage{position:relative}.variant-picker{min-width:0;margin-top:12px}.variant-picker-label{margin:0 2px 4px;font-size:.84rem;font-weight:800}.variant-chips{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;gap:8px;padding:2px 2px 8px;display:flex;overflow-x:auto}.variant-chip{scroll-snap-align:start;border:1px solid var(--border);background:var(--surface);max-width:250px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:8px;padding:4px;padding-inline-end:14px;font-size:.88rem;font-weight:700;line-height:1.4;transition:border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.variant-chip:hover{border-color:#cfc9bf}.variant-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.variant-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:#0b5550;box-shadow:0 0 0 2px var(--accent-soft)}.variant-chip img,.variant-chip-ph{object-fit:contain;background:radial-gradient(circle at 50% 40%,#fff,#ebe8e1);border-radius:50%;flex:none;width:34px;height:34px}.variant-chip-ph{color:var(--accent);place-items:center;display:grid}.variant-chip-ph svg{width:18px;height:18px}.variant-chip bdi{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.variant-chip[aria-busy=true] img,.variant-chip[aria-busy=true] .variant-chip-ph{animation:1s ease-in-out infinite chip-pulse}@keyframes chip-pulse{50%{opacity:.35}}model-viewer.switching .dim-label,model-viewer.switching .dim-lines{visibility:hidden}.dims-caption{color:var(--muted);margin-top:12px;font-size:.84rem;font-weight:700}.dims-caption+.dims-table{margin-top:6px}@media (prefers-reduced-motion:reduce){.variant-chip[aria-busy=true] img,.variant-chip[aria-busy=true] .variant-chip-ph{animation:none}}@media (width>=861px) and (height>=521px){.variant-chips{flex-wrap:wrap;overflow:visible}}.dim-lines{pointer-events:none;position:absolute;inset:0}.dim-line{stroke:#0f766e;stroke-width:2px;stroke-dasharray:3}.dim-dot{display:none}model-viewer{direction:ltr}.dim-label{--min-hotspot-opacity:0;color:#0b5550;white-space:nowrap;pointer-events:none;width:max-content;height:max-content;font-size:.78rem;font-weight:700;font-family:var(--font);direction:rtl;background:#fff;border:1px solid #b9e2dc;border-radius:6px;padding:1px 8px;display:block;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000014}.modal{z-index:100;padding:calc(60px + var(--safe-t)) max(16px, var(--safe-r)) max(16px, var(--safe-b)) max(16px, var(--safe-l));overscroll-behavior:contain;background:#14120f99;place-items:center;display:grid;position:fixed;inset:0}.modal:before{content:"✕";top:calc(10px + var(--safe-t));left:max(10px, var(--safe-l));width:40px;height:40px;color:var(--text);box-shadow:var(--shadow);cursor:pointer;background:#fffffff0;border-radius:50%;place-items:center;font-size:1.05rem;font-weight:700;line-height:1;display:grid;position:absolute}.modal-card{background:var(--surface);border-radius:var(--radius);width:min(440px,100%);max-height:calc(100vh - 92px);max-height:calc(100dvh - 76px - var(--safe-t) - max(16px, var(--safe-b)));overscroll-behavior:contain;padding:22px;overflow:auto}.modal-card.wide{width:min(900px,100%)}body:has(>.modal){overflow:hidden}.ar-help{flex-direction:column;gap:12px;display:flex}.ar-help>*{margin:0}.ar-help-steps{padding-inline-start:22px;line-height:1.9;list-style-type:persian}.ar-help-actions{flex-wrap:wrap;gap:8px;display:flex}.ar-help-actions .btn{white-space:normal;text-align:center;flex:auto}.copy-link-row{align-items:center;gap:8px;display:flex}.copy-link-row .input{min-width:0;font-size:.8rem}.copy-link-row .btn{flex:none}.modal-card img{object-fit:contain;max-height:75dvh;margin:0 auto}.modal-card canvas{max-width:100%;height:auto!important}body.embed{background:0 0}body.embed .site-header,body.embed .info-panel,body.embed .site-footer{display:none}body.embed .product-layout{padding:0;display:block}body.embed .container{width:100%}body.embed .viewer-wrap{margin-inline:0}body.embed .viewer{border-radius:0;height:100dvh}body.embed .ar-btn{bottom:calc(16px + var(--safe-b))}body.embed .viewer-toolbar{top:calc(10px + var(--safe-t));inset-inline-start:max(10px, var(--safe-r))}body.embed .viewer-wrap.has-variants{flex-direction:column;height:100dvh;display:flex}body.embed .viewer-wrap.has-variants .viewer-stage{flex:auto;min-height:0}body.embed .viewer-wrap.has-variants .viewer{height:100%}body.embed .variant-picker{padding:6px max(10px, var(--safe-r)) var(--safe-b) max(10px, var(--safe-l));margin:0}body.embed .variant-picker-label{display:none}body.embed .variant-chips{padding-bottom:6px}.site-footer{border-top:1px solid var(--border);padding:18px 0 calc(18px + var(--safe-b));color:var(--muted);font-size:.82rem}@media (pointer:coarse){.btn{min-height:44px}.btn-sm{min-height:40px;padding-inline:14px}.switch{min-height:40px}.brand{min-height:44px}.range input[type=range]{height:40px}.range{margin-bottom:4px}.input,select.input,textarea.input{font-size:max(16px,1em)}.copy-link-row .input{font-size:16px}:where(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),select,textarea){font-size:max(16px,1em)}}@media (width<=860px){.product-layout{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:0}.viewer{border-radius:0;height:62svh;min-height:300px}.viewer-wrap{margin-inline:calc(-1 * var(--gutter-x))}.info-panel{padding:18px 16px;position:static}.dim-label{padding:0 6px;font-size:.68rem}.viewer-toolbar{top:10px;gap:6px;inset-inline-start:10px}.variant-picker{margin-top:10px}.variant-picker-label{padding-inline:var(--gutter-x)}.variant-chips{padding-inline:var(--gutter-x);scroll-padding-inline:var(--gutter-x)}.hero{padding:26px 0 10px}.catalog-tools{margin:16px 0}.catalog-tools .input{flex:220px;max-width:none}.grid{gap:14px}.modal-card{padding:18px}.modal-card.wide{padding:8px}}@media (width<=380px){.brand small{display:none}.site-header .container{gap:10px}}@media (orientation:landscape) and (height<=520px){.site-header{position:static}html{scroll-padding-top:8px}}@media (orientation:landscape) and (height<=520px) and (width>=600px){.product-layout{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:14px;padding-top:12px}.viewer-wrap{margin-inline:0}.viewer{height:calc(100vh - var(--header-h) - 24px);height:calc(100svh - var(--header-h) - var(--safe-t) - var(--safe-b) - 24px);border-radius:var(--radius);min-height:240px}.info-panel{position:static}.has-variants .viewer{height:calc(100vh - var(--header-h) - 76px);height:calc(100svh - var(--header-h) - var(--safe-t) - var(--safe-b) - 76px);min-height:200px}.has-variants .variant-picker{margin-top:6px}.has-variants .variant-picker-label{display:none}.variant-chips{padding:2px 2px 4px}.variant-chip{min-height:40px}.variant-chip img,.variant-chip-ph{width:30px;height:30px}}
