@font-face{font-family:"Vazirmatn";src:url("../fonts/Vazirmatn-Variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Markazi Text";src:url("../fonts/MarkaziText-Arabic.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Markazi Text";src:url("../fonts/MarkaziText-Latin.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
:root{
  --ink:#12182f;
  --ink-2:#2b3252;
  --muted:#626a82;
  --line:#dce1da;
  --line-strong:#c4cbc2;
  --paper:#eff3ef;
  --surface:#ffffff;
  --surface-2:#f6f8f5;
  --lapis:#14204a;
  --lapis-2:#1f3070;
  --lapis-3:#0c1431;
  --anar:#7a1f3d;
  --anar-2:#962a4d;
  --anar-soft:#f5e4ea;
  --saffron:#e9a83b;
  --saffron-2:#f5c46a;
  --saffron-soft:#fcf1d9;
  --turq:#157a76;
  --turq-soft:#ddf1ee;
  --danger:#b3261e;
  --danger-soft:#fbe6e4;
  --warn-soft:#fdf0d5;
  --r-xs:6px;
  --r-sm:10px;
  --r-md:16px;
  --r-lg:26px;
  --r-xl:40px;
  --font-body:"Vazirmatn",Tahoma,"Segoe UI",system-ui,sans-serif;
  --font-display:"Markazi Text","Vazirmatn",Georgia,serif;
  --header-h:76px;
  --gutter:clamp(16px,4vw,56px);
  --maxw:1320px;
  --ease:cubic-bezier(.22,.8,.24,1);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --shadow-1:0 1px 2px rgba(18,24,47,.06),0 6px 20px -8px rgba(18,24,47,.16);
  --shadow-2:0 2px 4px rgba(18,24,47,.05),0 24px 60px -24px rgba(18,24,47,.38);
  --shadow-3:0 40px 90px -30px rgba(20,32,74,.55);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}
body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.85;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
body.is-locked{overflow:hidden}
img,svg,canvas,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
h1,h2,h3,h4,p,ul,ol,figure,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
:focus{outline:none}
:focus-visible{outline:2.5px solid var(--saffron);outline-offset:3px;border-radius:var(--r-xs)}
::selection{background:var(--saffron);color:var(--lapis)}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ltr{direction:ltr;unicode-bidi:isolate;text-align:left}
.num{font-variant-numeric:normal}
.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
#app{flex:1;display:flex;flex-direction:column;min-width:0}
main{flex:1;display:block;padding-top:var(--header-h)}
main.is-home{padding-top:0}
.page{padding-block:clamp(28px,4vw,56px) clamp(56px,8vw,112px)}

.display{font-family:var(--font-display);font-weight:600;line-height:1.15;letter-spacing:0}
.h1{font-family:var(--font-display);font-weight:600;font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.15}
.h2{font-family:var(--font-display);font-weight:600;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.2}
.h3{font-weight:700;font-size:1.15rem;line-height:1.6}
.lead{font-size:1.1rem;color:var(--muted);line-height:2}
.muted{color:var(--muted)}
.small{font-size:.875rem}
.xs{font-size:.78rem}

.btn{--bg:var(--anar);--fg:#fff;--bd:transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:48px;padding:.6rem 1.5rem;border-radius:999px;background:var(--bg);color:var(--fg);border:1.5px solid var(--bd);font-weight:600;font-size:.98rem;line-height:1.4;white-space:nowrap;transition:transform .35s var(--ease),background-color .25s,box-shadow .35s var(--ease),border-color .25s,color .25s;user-select:none;-webkit-tap-highlight-color:transparent}
.btn:hover{--bg:var(--anar-2);transform:translateY(-2px);box-shadow:0 14px 28px -14px rgba(122,31,61,.7)}
.btn:active{transform:translateY(0) scale(.98);box-shadow:none}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.5;pointer-events:none}
.btn--ghost{--bg:transparent;--fg:var(--ink);--bd:var(--line-strong)}
.btn--ghost:hover{--bg:var(--surface);box-shadow:var(--shadow-1)}
.btn--lapis{--bg:var(--lapis);--fg:#fff}
.btn--lapis:hover{--bg:var(--lapis-2);box-shadow:0 14px 28px -14px rgba(20,32,74,.8)}
.btn--saffron{--bg:var(--saffron);--fg:var(--lapis-3)}
.btn--saffron:hover{--bg:var(--saffron-2);box-shadow:0 14px 28px -14px rgba(233,168,59,.9)}
.btn--light{--bg:rgba(255,255,255,.1);--fg:#fff;--bd:rgba(255,255,255,.4)}
.btn--light:hover{--bg:rgba(255,255,255,.2);box-shadow:none}
.btn--danger{--bg:var(--danger)}
.btn--danger:hover{--bg:#8f1d17}
.btn--sm{min-height:38px;padding:.3rem 1.05rem;font-size:.88rem}
.btn--lg{min-height:56px;padding:.8rem 2.1rem;font-size:1.05rem}
.btn--block{width:100%}
.btn.is-loading{pointer-events:none;color:transparent}
.btn.is-loading::after{content:"";position:absolute;inset:0;margin:auto;width:20px;height:20px;border-radius:50%;border:2.5px solid var(--fg);border-inline-end-color:transparent;animation:spin .7s linear infinite}
.btn--ghost.is-loading::after{border-color:var(--ink);border-inline-end-color:transparent}
.icon-btn{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;transition:background-color .25s,transform .3s var(--ease);color:inherit}
.icon-btn:hover{background:rgba(127,127,127,.16)}
.icon-btn:active{transform:scale(.92)}
.icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.icon--sm{width:18px;height:18px}
.icon--lg{width:28px;height:28px}
.link{color:var(--anar);font-weight:600;background:linear-gradient(currentColor,currentColor) 100% 100%/0 1.5px no-repeat;transition:background-size .35s var(--ease)}
.link:hover{background-size:100% 1.5px;background-position:0 100%}
@keyframes spin{to{transform:rotate(360deg)}}

.field{display:grid;gap:.4rem;margin-bottom:1.1rem}
.field>label,.field>.label{font-weight:600;font-size:.92rem}
.field .hint{font-size:.8rem;color:var(--muted)}
.field .error{font-size:.82rem;color:var(--danger);font-weight:500}
.input,.select,.textarea{width:100%;min-height:50px;padding:.55rem 1rem;border-radius:var(--r-sm);border:1.5px solid var(--line-strong);background:var(--surface);transition:border-color .2s,box-shadow .25s;appearance:none;-webkit-appearance:none}
.textarea{min-height:130px;resize:vertical;line-height:1.9}
.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23626a82' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center;padding-inline-end:1rem;padding-inline-start:2.4rem}
.input:hover,.select:hover,.textarea:hover{border-color:var(--ink-2)}
.input:focus,.select:focus,.textarea:focus{border-color:var(--anar);box-shadow:0 0 0 4px rgba(122,31,61,.14)}
.input::placeholder,.textarea::placeholder{color:#9aa0b2}
.field.has-error .input,.field.has-error .textarea,.field.has-error .select{border-color:var(--danger)}
.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}
.check{display:inline-flex;align-items:center;gap:.7rem;cursor:pointer;user-select:none}
.check input{position:absolute;opacity:0;width:0;height:0}
.check .box{width:22px;height:22px;border-radius:7px;border:1.5px solid var(--line-strong);background:var(--surface);display:grid;place-items:center;transition:all .25s var(--ease);flex:none}
.check .box svg{width:14px;height:14px;stroke:#fff;stroke-width:3;fill:none;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .3s var(--ease)}
.check input:checked+.box{background:var(--anar);border-color:var(--anar)}
.check input:checked+.box svg{stroke-dashoffset:0}
.check input:focus-visible+.box{outline:2.5px solid var(--saffron);outline-offset:3px}

.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.12rem .8rem;border-radius:999px;font-size:.78rem;font-weight:600;line-height:1.7;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}
.badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.9}
.badge--ok{background:var(--turq-soft);color:var(--turq);border-color:transparent}
.badge--warn{background:var(--warn-soft);color:#8a5a06;border-color:transparent}
.badge--bad{background:var(--danger-soft);color:var(--danger);border-color:transparent}
.badge--info{background:#e4e9fb;color:var(--lapis-2);border-color:transparent}
.badge--plain::before{display:none}

.surface{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:clamp(20px,3vw,32px)}
.divider{height:1px;background:var(--line);border:0;margin:1.4rem 0}

.skeleton{position:relative;overflow:hidden;background:#e1e6df;border-radius:var(--r-sm)}
.skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.65) 50%,transparent 80%);transform:translateX(-100%);animation:shimmer 1.4s infinite}
[dir="rtl"] .skeleton::after{transform:translateX(100%);animation-name:shimmer-rtl}
@keyframes shimmer{to{transform:translateX(100%)}}
@keyframes shimmer-rtl{to{transform:translateX(-100%)}}

.empty{display:grid;justify-items:center;gap:.9rem;text-align:center;padding:clamp(36px,7vw,84px) 1rem}
.empty .art{width:112px;height:112px;margin-bottom:.4rem}
.empty h3{font-family:var(--font-display);font-size:1.9rem;font-weight:600}
.empty p{color:var(--muted);max-width:42ch}

.toasts{position:fixed;inset-block-end:20px;inset-inline-start:50%;transform:translateX(50%);z-index:300;display:grid;gap:10px;width:min(440px,calc(100vw - 32px));pointer-events:none}
.toast{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--lapis);color:#fff;border-radius:var(--r-md);box-shadow:var(--shadow-3);pointer-events:auto;transform-origin:50% 100%;animation:toast-in .5s var(--ease) both}
.toast.is-leaving{animation:toast-out .35s var(--ease-in-out) both}
.toast--bad{background:#5a1511}
.toast--ok{background:#0f4a47}
.toast .ti{width:22px;height:22px;flex:none;margin-top:2px}
.toast b{display:block;font-weight:600;line-height:1.7}
.toast span{display:block;font-size:.84rem;opacity:.8;line-height:1.7;overflow-wrap:anywhere}
@keyframes toast-in{from{opacity:0;transform:translateY(24px) rotateX(-40deg) scale(.96)}to{opacity:1;transform:none}}
@keyframes toast-out{to{opacity:0;transform:translateY(12px) scale(.96)}}

.overlay{position:fixed;inset:0;z-index:200;background:rgba(10,16,40,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .4s var(--ease)}
.overlay.is-open{opacity:1}

.modal-wrap{position:fixed;inset:0;z-index:210;display:grid;place-items:center;padding:16px;perspective:1600px;pointer-events:none}
.modal{pointer-events:auto;width:min(480px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-3);transform:translateY(40px) rotateX(18deg) scale(.94);opacity:0;transform-origin:50% 100%;transition:transform .55s var(--ease),opacity .35s var(--ease)}
.modal.is-open{transform:none;opacity:1}
.modal--wide{width:min(760px,100%)}
.modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:20px 24px 0}
.modal-body{padding:16px 24px 26px}

.drawer{position:fixed;inset-block:0;inset-inline-start:0;z-index:210;width:min(460px,100vw);background:var(--surface);display:flex;flex-direction:column;box-shadow:var(--shadow-3);transform:translateX(-102%) rotateY(14deg);transform-origin:0 50%;transition:transform .6s var(--ease);will-change:transform}
.drawer.is-open{transform:none}
.drawer-wrap{position:fixed;inset:0;z-index:210;perspective:1800px;pointer-events:none}
.drawer-wrap .drawer{pointer-events:auto}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line)}
.drawer-body{flex:1;overflow:auto;padding:8px 24px}
.drawer-foot{padding:18px 24px 24px;border-top:1px solid var(--line);background:var(--surface-2)}

.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:48px;flex-wrap:wrap}
.pagination button,.pagination span{min-width:44px;height:44px;display:inline-grid;place-items:center;border-radius:50%;font-weight:600;transition:all .25s var(--ease)}
.pagination button:hover:not([disabled]){background:var(--surface);box-shadow:var(--shadow-1)}
.pagination button[aria-current="page"]{background:var(--lapis);color:#fff}
.pagination button[disabled]{opacity:.35;cursor:default}

.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line-strong);border-radius:999px;background:var(--surface);overflow:hidden}
.qty button{width:40px;height:40px;display:grid;place-items:center;font-size:1.25rem;transition:background-color .2s}
.qty button:hover:not([disabled]){background:var(--surface-2)}
.qty button[disabled]{opacity:.35;cursor:default}
.qty output{min-width:34px;text-align:center;font-weight:700}

.breadcrumb{display:flex;flex-wrap:wrap;gap:.4rem .6rem;font-size:.86rem;color:var(--muted);margin-bottom:1.6rem}
.breadcrumb a:hover{color:var(--anar)}
.breadcrumb .sep{opacity:.5}

.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.tabs::-webkit-scrollbar{display:none}

.price{font-weight:700;white-space:nowrap}
.price small{font-weight:500;font-size:.72em;color:var(--muted);margin-inline-start:.3em}
.price--was{text-decoration:line-through;color:var(--muted);font-weight:500}

@media (max-width:640px){
  :root{--header-h:64px}
  .field-row{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
.skip{position:fixed;inset-block-start:-60px;inset-inline-start:12px;z-index:500;background:var(--lapis);color:#fff;padding:.6rem 1rem;border-radius:var(--r-sm);transition:inset-block-start .25s}
.skip:focus{inset-block-start:12px}
#progress{position:fixed;inset-block-start:0;inset-inline:0;height:3px;z-index:400;background:linear-gradient(270deg,var(--saffron),var(--anar));transform-origin:100% 50%;transform:scaleX(0);opacity:0;pointer-events:none}
[dir="rtl"] #progress{transform-origin:100% 50%}
#splash{position:fixed;inset:0;z-index:600;display:grid;place-items:center;background:var(--lapis-3);transition:opacity .6s var(--ease),visibility .6s}
#splash img{animation:splash-spin 2.4s var(--ease-in-out) infinite}
#splash.is-done{opacity:0;visibility:hidden}
@keyframes splash-spin{0%{transform:perspective(400px) rotateY(0)}50%{transform:perspective(400px) rotateY(180deg) scale(1.1)}100%{transform:perspective(400px) rotateY(360deg)}}

.site-header{position:fixed;inset-block-start:0;inset-inline:0;z-index:100;height:auto;transition:transform .5s var(--ease),background-color .4s,box-shadow .4s,color .4s,backdrop-filter .4s;color:var(--ink)}
.site-header[data-state="solid"]{background:rgba(239,243,239,.86);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 1px 0 var(--line)}
.site-header[data-state="over"]{background:transparent;color:#fff}
.site-header.is-hidden{transform:translateY(-110%)}
.header-inner{height:var(--header-h);display:flex;align-items:center;gap:clamp(8px,2vw,28px)}
.brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-size:1.9rem;font-weight:700;line-height:1;white-space:nowrap}
.brand img{display:block;object-fit:contain;transition:transform .5s var(--ease),filter .4s}
.brand:hover img{transform:scale(1.1)}
.site-header[data-state="over"] .brand img{filter:drop-shadow(0 0 6px rgba(255,255,255,.55))}
.brand--light img{filter:drop-shadow(0 0 6px rgba(255,255,255,.55))}
.logo-mark{display:block;object-fit:contain}
.nav{display:flex;align-items:center;gap:clamp(6px,1.4vw,22px);margin-inline-start:clamp(8px,2vw,32px)}
.nav>a,.nav-btn{position:relative;display:inline-flex;align-items:center;gap:.3rem;min-height:44px;padding-inline:.5rem;font-weight:500;font-size:.96rem}
.nav>a::after,.nav-btn::after{content:"";position:absolute;inset-inline:.5rem;inset-block-end:6px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:100% 50%;transition:transform .4s var(--ease)}
.nav>a:hover::after,.nav-btn:hover::after,.nav-mega:focus-within .nav-btn::after{transform:scaleX(1);transform-origin:0 50%}
.nav-mega{position:relative}
.nav-mega:hover .icon,.nav-mega:focus-within .icon{transform:rotate(180deg)}
.nav-btn .icon{transition:transform .35s var(--ease)}
.mega{position:absolute;inset-block-start:100%;inset-inline-start:-40px;min-width:min(720px,90vw);padding-top:10px;opacity:0;visibility:hidden;transform:perspective(900px) rotateX(-12deg) translateY(-8px);transform-origin:50% 0;transition:opacity .35s var(--ease),transform .5s var(--ease),visibility .35s;color:var(--ink)}
.mega-grid{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:26px 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 30px}
.nav-mega:hover .mega,.nav-mega:focus-within .mega{opacity:1;visibility:visible;transform:none}
.nav-mega.is-closed .mega{opacity:0;visibility:hidden}
.mega-title{display:block;font-weight:700;margin-bottom:.4rem}
.mega-link{display:block;padding:.15rem 0;color:var(--muted);font-size:.92rem;transition:color .2s,transform .3s var(--ease)}
.mega-link:hover,.mega-title:hover{color:var(--anar)}
.mega-link:hover{transform:translateX(-4px)}
.header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:2px}
.header-login{margin-inline-start:6px}
.site-header[data-state="over"] .header-login{--bg:var(--saffron);--fg:var(--lapis-3)}
.menu-btn{display:none}
.count{position:absolute;inset-block-start:2px;inset-inline-end:0;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--anar);color:#fff;font-size:.7rem;font-weight:700;line-height:19px;text-align:center;transform:scale(0);transition:transform .4s var(--ease)}
.count.is-visible{transform:scale(1)}
.acct{position:relative}
.acct-menu{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;min-width:220px;background:var(--surface);color:var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow-2);padding:8px;animation:pop .35s var(--ease) both;transform-origin:100% 0}
.acct-who{display:grid;padding:10px 12px 8px;border-bottom:1px solid var(--line);margin-bottom:6px}
.acct-menu a,.acct-menu button{display:flex;align-items:center;gap:.7rem;width:100%;padding:.55rem .75rem;border-radius:var(--r-sm);text-align:start;transition:background-color .2s}
.acct-menu a:hover,.acct-menu button:hover{background:var(--surface-2)}
@keyframes pop{from{opacity:0;transform:perspective(600px) rotateX(-16deg) scale(.96)}to{opacity:1;transform:none}}

.searchbar{position:absolute;inset-inline:0;inset-block-start:100%;background:var(--surface);box-shadow:var(--shadow-2);color:var(--ink);clip-path:inset(0 0 100% 0);opacity:0;transition:clip-path .5s var(--ease),opacity .3s}
.searchbar.is-open{clip-path:inset(0 0 -40px 0);opacity:1}
.searchbar-form{display:flex;align-items:center;gap:12px;height:70px}
.searchbar-input{flex:1;height:100%;border:0;background:transparent;font-size:1.15rem;outline:none}
.search-results{padding-bottom:20px}
.sr-list{display:grid;gap:4px;margin-bottom:10px}
.sr-list a{display:flex;align-items:center;gap:14px;padding:8px;border-radius:var(--r-sm);transition:background-color .2s}
.sr-list a:hover{background:var(--surface-2)}
.sr-img{width:48px;height:60px;border-radius:8px;overflow:hidden;flex:none;background:var(--surface-2)}
.sr-img img,.sr-img .ph{width:100%;height:100%;object-fit:cover}
.sr-name{flex:1;font-weight:600}
.sr-none{padding:14px 4px}
.sr-all{display:inline-block}

.site-footer{background:var(--lapis-3);color:#c9cfe6;padding:clamp(40px,6vw,76px) 0 28px;margin-top:auto}
.foot-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px}
.foot-brand p{margin-top:1rem;max-width:36ch;font-size:.93rem;color:#9aa3c7}
.site-footer h3{color:#fff;font-size:1rem;margin-bottom:.9rem}
.site-footer li{margin-bottom:.35rem}
.site-footer li a{color:#aab2d3;transition:color .2s}
.site-footer li a:hover{color:var(--saffron)}
.foot-wholesale{display:flex;align-items:center;gap:14px;margin-top:40px;padding:16px 20px;border:1px solid rgba(233,168,59,.35);border-radius:16px;background:rgba(233,168,59,.08);color:#e6e9f6}
.foot-wholesale p{margin:0;font-size:.98rem;line-height:1.9}
.foot-wholesale-icon{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--saffron);color:var(--lapis-3)}
.foot-wholesale-icon .icon{width:20px;height:20px}
.foot-enamad{display:inline-flex;padding:6px;border-radius:12px;background:#fff;line-height:0}
.foot-enamad img{display:block;max-height:80px;width:auto;cursor:pointer}
.foot-phone{display:inline-block;color:var(--saffron);font-weight:700;letter-spacing:.04em;unicode-bidi:isolate}
.foot-phone:hover{color:var(--saffron-2)}
.foot-base{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:48px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:.84rem;color:#7d86ac}

.fly{position:fixed;z-index:350;background-size:cover;background-position:center;box-shadow:0 20px 50px -10px rgba(20,32,74,.6);pointer-events:none;transform-style:preserve-3d}

.page-enter{animation:page-in .6s var(--ease) both}
@keyframes page-in{from{opacity:0;transform:perspective(1200px) translateY(26px) rotateX(5deg)}to{opacity:1;transform:none}}
::view-transition-old(root){animation:vt-out .32s var(--ease-in-out) both}
::view-transition-new(root){animation:vt-in .55s var(--ease) both}
@keyframes vt-out{to{opacity:0;transform:scale(.985)}}
@keyframes vt-in{from{opacity:0;transform:translateY(22px) scale(1.01)}}
::view-transition-group(pimg){animation-duration:.65s;animation-timing-function:var(--ease)}
::view-transition-old(pimg),::view-transition-new(pimg){height:100%;object-fit:cover;overflow:clip;mix-blend-mode:normal}

.tilt{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s var(--ease);will-change:transform;position:relative}
.tilt.is-tilting{transition:transform .08s linear}
.sheen{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,255,255,.34),transparent 45%);opacity:0;transition:opacity .4s;mix-blend-mode:soft-light}
.tilt.is-tilting>.sheen,.tilt.is-tilting .sheen{opacity:1}

.hero{position:relative;min-height:max(640px,100svh);display:flex;align-items:center;overflow:hidden;color:#fff;background:radial-gradient(120% 90% at 82% 15%,#2d3f94 0%,#14204a 45%,#0a1030 100%)}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.4s var(--ease) .2s;touch-action:pan-y}
.hero.is-live .hero-canvas{opacity:1}
.hero-fallback{position:absolute;inset:0;background:conic-gradient(from 210deg at 30% 60%,rgba(122,31,61,.55),rgba(233,168,59,.28),rgba(20,32,74,0) 60%);opacity:.9;transition:opacity 1s}
.hero.is-live .hero-fallback{opacity:.35}
.hero-vignette{position:absolute;inset:0;background:linear-gradient(270deg,rgba(10,16,48,.74) 0%,rgba(10,16,48,.38) 42%,rgba(10,16,48,0) 70%),linear-gradient(0deg,rgba(10,16,48,.5),transparent 28%);pointer-events:none}
.hero-inner{position:relative;padding-top:var(--header-h);pointer-events:none}
.hero-copy{max-width:560px;pointer-events:auto}
.hero-title{font-size:clamp(3.6rem,9vw,7.2rem);line-height:1.02;margin-bottom:1.4rem}
.hero-title .line{display:block}
.hero-title .w{display:inline-block;overflow:hidden;vertical-align:top;padding-block:.06em .12em}
.hero-title .w>span{display:inline-block;transform:translateY(105%) rotateX(-70deg);transform-origin:50% 100%;transition:transform 1.1s var(--ease) calc(.25s + var(--i)*.12s)}
.hero.is-in .hero-title .w>span{transform:none}
.hero-lead{font-size:1.1rem;line-height:2.05;color:#d6dbf2;max-width:46ch;opacity:0;transform:translateY(16px);transition:opacity .9s var(--ease) .95s,transform .9s var(--ease) .95s}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:2rem;opacity:0;transform:translateY(16px);transition:opacity .9s var(--ease) 1.15s,transform .9s var(--ease) 1.15s}
.hero.is-in .hero-lead,.hero.is-in .hero-cta{opacity:1;transform:none}
.hero-hint{position:absolute;inset-block-end:34px;inset-inline-end:var(--gutter);font-size:.82rem;color:#aab2d3;opacity:0;transition:opacity 1s 2s}
.hero.is-live .hero-hint{opacity:.9}
.hero-scroll{position:absolute;inset-block-end:22px;inset-inline-start:50%;transform:translateX(50%);width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);color:#fff;animation:bob 2.4s var(--ease-in-out) infinite}
@keyframes bob{50%{transform:translateX(50%) translateY(8px)}}
.hero.no-webgl .hero-canvas{display:none}
.hero.no-webgl .hero-fallback{opacity:1;animation:drift 16s ease-in-out infinite alternate}
@keyframes drift{to{transform:scale(1.15) rotate(6deg)}}

.section{padding-block:clamp(40px,6vw,88px) 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:clamp(20px,3vw,34px)}
.rail{display:flex;gap:clamp(14px,2vw,26px);overflow-x:auto;scroll-snap-type:x proximity;padding:10px var(--gutter) 30px;margin-inline:calc(var(--gutter)*-1);scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rail .pcard{flex:0 0 clamp(210px,24vw,290px);scroll-snap-align:start}
.rail-nav{display:flex;gap:6px}
.rail-btn{border:1.5px solid var(--line-strong)}

.tiles{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:150px;gap:clamp(12px,1.6vw,20px)}
.tile{position:relative;display:flex;align-items:flex-end;padding:22px;border-radius:var(--r-lg);overflow:hidden;color:#fff;isolation:isolate;grid-column:span 2}
.tile:nth-child(1){grid-column:span 3;grid-row:span 2}
.tile:nth-child(2),.tile:nth-child(3){grid-column:span 3}
.tile:nth-child(n+4){grid-column:span 2}
.tile--0{background:linear-gradient(145deg,#14204a,#2a3f8f)}
.tile--1{background:linear-gradient(145deg,#7a1f3d,#b23a62)}
.tile--2{background:linear-gradient(145deg,#0f5a57,#2ab3ad)}
.tile--3{background:linear-gradient(145deg,#4a2a6b,#8a5cc0)}
.tile--4{background:linear-gradient(145deg,#a4661a,#e9a83b)}
.tile-pattern{position:absolute;inset:-20%;z-index:-1;opacity:.22;background:repeating-conic-gradient(from 45deg at 50% 50%,#fff 0 6deg,transparent 6deg 12deg);mask-image:radial-gradient(circle at 20% 20%,#000,transparent 70%);-webkit-mask-image:radial-gradient(circle at 20% 20%,#000,transparent 70%);transition:transform 1.2s var(--ease)}
.tile:hover .tile-pattern{transform:rotate(18deg) scale(1.1)}
.tile-body{display:grid;gap:.1rem}
.tile-name{font-family:var(--font-display);font-size:clamp(1.7rem,2.6vw,2.4rem);font-weight:600;line-height:1.15}
.tile-count{font-size:.84rem;opacity:.85}
.tile-go{position:absolute;inset-block-start:18px;inset-inline-end:18px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.18);transition:transform .5s var(--ease),background-color .3s}
.tile:hover .tile-go{transform:translateX(-6px);background:rgba(255,255,255,.3)}

@media (max-width:1000px){
  .nav{display:none}
  .menu-btn{display:inline-grid}
  .foot-grid{grid-template-columns:1fr 1fr}
  .tiles{grid-template-columns:repeat(2,1fr);grid-auto-rows:130px}
  .tile,.tile:nth-child(n){grid-column:span 1;grid-row:auto}
  .tile:nth-child(1){grid-column:span 2}
}
@media (max-width:640px){
  .hero{min-height:max(620px,100svh);align-items:flex-end;padding-bottom:90px}
  .hero-vignette{background:linear-gradient(0deg,rgba(10,16,48,.92) 8%,rgba(10,16,48,.35) 55%,rgba(10,16,48,0) 80%)}
  .hero-hint{display:none}
  .foot-grid{grid-template-columns:1fr}
  .brand{font-size:1.65rem}
  .header-login{display:none}
}
.drawer{inset-inline-start:auto;left:0;right:auto;transform:translateX(-102%) rotateY(14deg);transform-origin:0 50%}
.drawer--right{left:auto;right:0;transform:translateX(102%) rotateY(-14deg);transform-origin:100% 50%}
.drawer.is-open,.drawer--right.is-open{transform:none}

.ph{display:grid;place-items:center;width:100%;height:100%;min-height:100%;background:linear-gradient(150deg,var(--a),var(--b));color:rgba(255,255,255,.9);position:relative;overflow:hidden}
.ph::before{content:"";position:absolute;inset:-30%;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,255,255,.1) 0 7deg,transparent 7deg 14deg)}
.ph span{position:relative;font-family:var(--font-display);font-size:clamp(3rem,8vw,5.5rem);font-weight:600}
.ph--big span{font-size:8rem}

.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:clamp(18px,2.4vw,34px) clamp(14px,2vw,26px);transition:opacity .3s}
.pgrid.is-loading{opacity:.45;pointer-events:none}
.pcard-link{display:block}
.pcard-media{position:relative;aspect-ratio:3/4;border-radius:var(--r-md);overflow:hidden;background:var(--surface-2);box-shadow:var(--shadow-1);transform-style:preserve-3d}
.pcard-media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.pcard:hover .pcard-media img{transform:scale(1.06)}
.pcard-flag{position:absolute;inset-block-start:12px;inset-inline-start:12px;padding:.1rem .75rem;border-radius:99px;background:rgba(18,24,47,.82);color:#fff;font-size:.76rem;font-weight:600}
.pcard-flag--star{background:var(--saffron);color:var(--lapis-3)}
.pcard-info{padding:14px 4px 0}
.pcard-name{font-size:1rem;font-weight:600;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}
.pcard:hover .pcard-name{color:var(--anar)}
.pcard-meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:2px}
.pcard-price{font-size:.95rem}
.pcard--skeleton .pcard-media{aspect-ratio:3/4}

.shop-head{margin-bottom:1.6rem}
.shop-bar{display:flex;align-items:center;gap:14px;margin-bottom:.8rem}
.shop-sort{margin-inline-start:auto}
.shop-sort .select{min-height:42px;width:auto;min-width:170px;border-radius:99px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.4rem;min-height:4px}
.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .5rem .2rem .9rem;border-radius:99px;background:var(--lapis);color:#fff;font-size:.85rem;animation:pop .35s var(--ease) both}
.chip .icon{width:16px;height:16px}
.shop-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.filters{position:sticky;top:calc(var(--header-h) + 18px);max-height:calc(100vh - var(--header-h) - 36px);overflow:auto;padding-inline-end:8px;scrollbar-width:thin}
.f-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.f-group{padding-block:1.1rem;border-top:1px solid var(--line)}
.f-group h3{font-size:.95rem;margin-bottom:.6rem}
.f-opt{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:.35rem .6rem;border-radius:var(--r-sm);text-align:start;transition:background-color .2s,color .2s,padding .3s var(--ease)}
.f-opt:hover{background:var(--surface)}
.f-opt.is-on{background:var(--lapis);color:#fff}
.f-opt.is-on .muted{color:#c9cfe6}
.f-opt.is-sub{padding-inline-start:1.5rem;font-size:.9rem;color:var(--muted)}
.f-opt.is-sub.is-on{color:#fff}
.f-price{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.f-price .input{min-height:42px;padding-inline:.7rem}
.f-price .btn{grid-column:1/-1}
.f-foot{padding-top:1rem;border-top:1px solid var(--line);display:grid;gap:12px}
.only-mobile{display:none!important}
.filters-scrim{display:none}
@media (max-width:959px){
  .shop-layout{grid-template-columns:1fr}
  .only-mobile{display:inline-flex!important}
  .filters{position:fixed;z-index:220;inset-block:0;inset-inline-start:0;width:min(340px,88vw);max-height:none;background:var(--paper);padding:20px;transform:translateX(105%);transition:transform .55s var(--ease);box-shadow:var(--shadow-3)}
  .filters.is-open{transform:none}
  .filters-scrim{display:block;position:fixed;inset:0;z-index:215;background:rgba(10,16,40,.5);opacity:0;pointer-events:none;transition:opacity .4s}
  .filters-scrim.is-open{opacity:1;pointer-events:auto}
}

.pdp{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.gallery{position:sticky;top:calc(var(--header-h) + 18px)}
.gal-main{aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden;background:var(--surface-2);box-shadow:var(--shadow-2);cursor:zoom-in}
.gal-main img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.gal-thumbs{display:flex;gap:10px;margin-top:14px;overflow-x:auto;padding:4px}
.thumb{flex:0 0 74px;aspect-ratio:1;border-radius:var(--r-sm);overflow:hidden;opacity:.65;outline:2px solid transparent;outline-offset:2px;transition:opacity .25s,outline-color .25s,transform .3s var(--ease)}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb:hover{opacity:1;transform:translateY(-3px)}
.thumb.is-on{opacity:1;outline-color:var(--anar)}
.pdp-info{display:grid;gap:1.5rem}
.opt{border:0;padding:0;margin:0}
.opt legend{padding:0;margin-bottom:.6rem;font-size:.92rem;color:var(--muted)}
.opt legend b{color:var(--ink)}
.opt-row{display:flex;flex-wrap:wrap;gap:10px}
.pill{min-width:52px;min-height:46px;padding:.2rem 1.1rem;border-radius:99px;border:1.5px solid var(--line-strong);background:var(--surface);font-weight:600;transition:all .3s var(--ease)}
.pill:hover{border-color:var(--ink)}
.pill.is-on{background:var(--lapis);border-color:var(--lapis);color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(20,32,74,.8)}
.pill.is-off:not(.is-on){opacity:.45;text-decoration:line-through}
.swatch{width:42px;height:42px;border-radius:50%;background:var(--sw);border:2px solid var(--surface);box-shadow:0 0 0 1.5px var(--line-strong);transition:all .35s var(--ease)}
.swatch:hover{transform:scale(1.1)}
.swatch.is-on{box-shadow:0 0 0 2.5px var(--anar);transform:scale(1.1)}
.swatch.is-off:not(.is-on){opacity:.4}
.buy-price{font-size:1.9rem}
.buy-price .price small{font-size:.45em}
.buy-row{display:flex;gap:12px;align-items:center;margin-top:1.2rem;flex-wrap:wrap}
.buy-btn{flex:1;min-width:220px}
.pdp-desc{padding-top:1.4rem;border-top:1px solid var(--line)}
.pdp-desc p{margin-top:.5rem;color:var(--ink-2);white-space:pre-line;max-width:62ch}
.pdp-perks{display:grid;gap:.5rem;font-size:.88rem;color:var(--muted)}
.pdp-perks li{display:flex;gap:.6rem;align-items:flex-start}
.pdp-perks .icon{margin-top:.3rem;color:var(--turq)}
@media (max-width:900px){.pdp{grid-template-columns:1fr}.gallery{position:static}}

.cart-content{display:flex;flex-direction:column;flex:1;min-height:0}
.cart-content>.drawer-body{flex:1}
.cl-list{display:grid}
.cl{display:grid;grid-template-columns:78px 1fr auto;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);align-items:start;transition:opacity .3s}
.cl.is-busy{opacity:.45;pointer-events:none}
.cl-img{aspect-ratio:3/4;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-2);display:block}
.cl-img img{width:100%;height:100%;object-fit:cover}
.cl-name{font-weight:600;line-height:1.6;display:block}
.cl-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;flex-wrap:wrap}
.cl .qty button{width:34px;height:34px}
.coupon-form{display:flex;gap:8px;margin-bottom:.4rem}
.coupon-form .input{min-height:44px}
.coupon-err{margin-bottom:.5rem}
.coupon-chip{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:.55rem .9rem;background:var(--turq-soft);color:var(--turq);border-radius:var(--r-sm);font-size:.9rem}
.coupon-chip span{display:flex;align-items:center;gap:.4rem}
.totals{display:grid;gap:.5rem;margin:1rem 0 .6rem}
.totals>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.totals dt{color:var(--muted);font-size:.92rem}
.totals .is-discount dd{color:var(--turq)}
.totals .is-discount dt::after{content:" (کسر می‌شود)";font-size:.78rem}
.totals .is-total{padding-top:.8rem;margin-top:.3rem;border-top:1px dashed var(--line-strong);font-size:1.1rem}
.totals .is-total dt{color:var(--ink);font-weight:700}

.mmenu{display:grid;gap:2px;padding-block:8px}
.mmenu a,.mmenu button{display:flex;justify-content:space-between;align-items:center;padding:.8rem .4rem;font-weight:600;border-bottom:1px solid var(--line);text-align:start;width:100%}
.mmenu h3{margin:1.4rem 0 .2rem;font-size:.85rem;color:var(--muted);font-weight:600}

.auth{position:relative;overflow:hidden}
.auth-art{height:120px;background:radial-gradient(100% 140% at 85% 0,#2d3f94,#14204a 60%,#0a1030);display:grid;place-items:center;color:var(--saffron);perspective:600px}
.auth-star{animation:auth-spin 9s linear infinite;transform-style:preserve-3d}
@keyframes auth-spin{to{transform:rotateY(360deg)}}
.auth-x{position:absolute;inset-block-start:10px;inset-inline-start:10px;color:#fff;z-index:2}
.flip{position:relative;perspective:1200px}
.flip .face{padding:26px 26px 30px;backface-visibility:hidden;transition:transform .7s var(--ease),opacity .4s}
.flip .face--back{position:absolute;inset:0;transform:rotateY(-180deg);opacity:0}
.flip[data-step="2"] .face--front{transform:rotateY(180deg);opacity:0;pointer-events:none}
.flip[data-step="2"] .face--back{transform:none;opacity:1}
.flip[data-step="2"]{min-height:330px}
.otp{font-size:1.6rem;letter-spacing:.5em;text-align:center;font-weight:700}
.auth-resend{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;min-height:24px}

.steps{display:flex;gap:0;margin-bottom:2rem;counter-reset:s;flex-wrap:wrap}
.steps li{position:relative;flex:1;min-width:110px;padding-top:34px;font-size:.88rem;color:var(--muted);text-align:center}
.steps li::before{counter-reset:none;content:"";position:absolute;inset-block-start:8px;inset-inline:0;height:2px;background:var(--line-strong)}
.steps li::after{content:"";position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translateX(50%);width:18px;height:18px;border-radius:50%;background:var(--surface);border:2px solid var(--line-strong);transition:all .4s var(--ease)}
.steps li.is-done,.steps li.is-now{color:var(--ink);font-weight:600}
.steps li.is-done::before,.steps li.is-now::before{background:var(--lapis)}
.steps li.is-done::after{background:var(--lapis);border-color:var(--lapis)}
.steps li.is-now::after{border-color:var(--anar);background:var(--saffron);box-shadow:0 0 0 5px rgba(233,168,59,.28)}
.co-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(20px,3vw,40px);align-items:start}
.co-main{display:grid;gap:20px}
.co-block h2{margin-bottom:1rem}
.sticky{position:sticky;top:calc(var(--header-h) + 18px)}
.rc-list{display:grid;gap:12px}
.rc{position:relative;display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1.5px solid var(--line);border-radius:var(--r-md);cursor:pointer;background:var(--surface);transition:border-color .25s,box-shadow .35s var(--ease),transform .35s var(--ease)}
.rc:hover{border-color:var(--line-strong);transform:translateY(-2px)}
.rc.is-on{border-color:var(--lapis);box-shadow:0 0 0 3px rgba(20,32,74,.12),var(--shadow-1)}
.rc input{position:absolute;opacity:0}
.rc:has(input:focus-visible){outline:2.5px solid var(--saffron);outline-offset:3px}
.rc::before{content:"";flex:none;width:20px;height:20px;margin-top:4px;border-radius:50%;border:2px solid var(--line-strong);transition:all .3s var(--ease)}
.rc.is-on::before{border:6px solid var(--lapis)}
.rc-body{display:grid;gap:2px;flex:1}
.rc-side{align-self:center}
.sum-lines{display:grid;gap:14px;margin-bottom:1rem}
.sum-lines li{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;font-size:.9rem}
.sum-img{position:relative;aspect-ratio:3/4;border-radius:8px;overflow:hidden;display:block}
.sum-img img,.sum-img .ph{width:100%;height:100%;object-fit:cover}
.sum-img i{position:absolute;inset-block-start:2px;inset-inline-end:2px;min-width:20px;height:20px;border-radius:99px;background:var(--lapis);color:#fff;font-size:.7rem;font-style:normal;display:grid;place-items:center}
.sum-name{display:grid;line-height:1.5}
@media (max-width:960px){.co-layout{grid-template-columns:1fr}.sticky{position:static}}

.pay-panel{perspective:1600px}
.flip-in{animation:flip-in .9s var(--ease) both}
@keyframes flip-in{from{opacity:0;transform:rotateY(-70deg) scale(.94)}to{opacity:1;transform:none}}
.gw{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center;max-width:980px;margin-inline:auto}
.gw-card{position:relative;aspect-ratio:1.586;max-width:430px;width:100%;margin-inline:auto;border-radius:24px;padding:26px;color:#fff;background:linear-gradient(135deg,#14204a,#7a1f3d 70%,#b23a62);box-shadow:var(--shadow-3);display:grid;align-content:space-between;overflow:hidden;transform-style:preserve-3d;animation:card-float 6s var(--ease-in-out) infinite}
@keyframes card-float{50%{translate:0 -10px}}
.gw-chip{width:48px;height:36px;border-radius:8px;background:linear-gradient(135deg,#f5c46a,#c88a21)}
.gw-logo{position:absolute;inset-block-start:22px;inset-inline-end:24px;opacity:.9}
.gw-num{font-size:1.25rem;letter-spacing:.14em;font-weight:500}
.gw-amt{font-size:1.2rem}
.gw-actions{display:grid;gap:10px;margin-top:1.4rem}
.kv{display:grid;gap:.6rem;margin:1.2rem 0}
.kv>div{display:flex;justify-content:space-between;gap:16px;padding-bottom:.6rem;border-bottom:1px dashed var(--line-strong);align-items:baseline}
.kv dt{color:var(--muted);font-size:.9rem}
.kv--row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}
.kv--row>div{display:grid;border:0;gap:0}
.notice{margin:1rem 0;padding:.9rem 1.1rem;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);font-size:.92rem}
.notice--bad{background:var(--danger-soft);border-color:transparent;color:var(--danger)}
.notice--warn{background:var(--warn-soft);border-color:transparent;color:#6e4705}
.notice--info{background:#e4e9fb;border-color:transparent;color:var(--lapis-2)}
.result{display:grid;justify-items:center;gap:1rem;text-align:center;max-width:560px;margin-inline:auto;padding-block:2rem}
.result .kv{width:100%;text-align:start}
.seal{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--turq);box-shadow:0 0 0 10px var(--turq-soft);animation:seal .9s var(--ease) both}
.seal .icon{width:44px;height:44px;stroke-width:2.4;stroke-dasharray:40;animation:draw .7s .5s var(--ease) both}
@keyframes seal{from{transform:scale(0) rotate(-180deg)}to{transform:none}}
@keyframes draw{from{stroke-dashoffset:40}to{stroke-dashoffset:0}}
@media (max-width:820px){.gw{grid-template-columns:1fr}}

.acc-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.acc-nav{position:sticky;top:calc(var(--header-h) + 18px);display:grid;gap:4px}
.acc-nav a{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;border-radius:var(--r-md);font-weight:500;transition:background-color .25s,color .25s,transform .35s var(--ease)}
.acc-nav a:hover{background:var(--surface);transform:translateX(-4px)}
.acc-nav a.is-on{background:var(--lapis);color:#fff}
.acc-nav a .count{margin-inline-start:auto}
.acc-main{min-width:0}
.od-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.8rem}
.olist{display:grid;gap:14px}
.ocard{display:grid;gap:.7rem;padding:20px 22px;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-1)}
.ocard-top,.ocard-bot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ocard-badges{display:flex;gap:8px;flex-wrap:wrap}
.od-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;margin-top:1.2rem;align-items:start}
.od-main,.od-side{display:grid;gap:20px}
.od-lines li{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:.9rem 0;border-bottom:1px solid var(--line)}
.od-lines li:last-child{border:0}
.od-actions{display:grid;gap:10px;margin-top:1rem}
.timeline{display:grid;margin-top:1rem}
.timeline li{position:relative;display:flex;gap:16px;padding-bottom:22px;animation:tl-in .6s var(--ease) both;animation-delay:calc(var(--i)*.12s)}
.timeline li::before{content:"";position:absolute;inset-block:22px 0;inset-inline-start:8px;width:2px;background:var(--line-strong)}
.timeline li:last-child{padding-bottom:0}
.timeline li:last-child::before{display:none}
.timeline .dot{flex:none;width:18px;height:18px;margin-top:5px;border-radius:50%;background:var(--lapis);box-shadow:0 0 0 4px rgba(20,32,74,.14)}
.timeline .is-last .dot{background:var(--saffron);box-shadow:0 0 0 5px rgba(233,168,59,.3);animation:pulse 2s infinite}
@keyframes tl-in{from{opacity:0;transform:translateX(18px)}}
@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(233,168,59,.08)}}
@media (max-width:960px){.acc-layout,.od-grid{grid-template-columns:1fr}.acc-nav{position:static;display:flex;overflow-x:auto;scrollbar-width:none}.acc-nav a{white-space:nowrap}}

.alist{display:grid;gap:14px;margin-top:1rem}
.acard{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap}
.acard-actions{display:flex;gap:8px;flex-wrap:wrap}
.nlist{display:grid;gap:10px}
.ncard{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-1)}
.ncard-dot{flex:none;width:10px;height:10px;margin-top:9px;border-radius:50%;background:var(--line-strong)}
.ncard.is-unread .ncard-dot{background:var(--anar)}
.ncard-body{flex:1;display:grid;gap:.15rem}
.ncard-act{display:grid;gap:.4rem;justify-items:end}
.chat{display:grid;gap:14px;margin:1.4rem 0}
.msg{display:flex}
.msg--customer{justify-content:flex-start}
.msg--support{justify-content:flex-end}
.msg-bubble{max-width:min(560px,88%);padding:14px 18px;border-radius:20px;background:var(--surface);box-shadow:var(--shadow-1);animation:pop .5s var(--ease) both}
.msg--customer .msg-bubble{background:var(--lapis);color:#fff;border-end-start-radius:6px}
.msg--support .msg-bubble{border-end-end-radius:6px}
.msg-who{opacity:.7;margin-bottom:.2rem}
.reply-bar{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}
.tbl-wrap{overflow-x:auto;margin-block:1.2rem}
.tbl{width:100%;border-collapse:collapse}
.tbl th{text-align:start;font-size:.85rem;color:var(--muted);padding:.6rem .5rem;border-bottom:2px solid var(--line)}
.tbl td{padding:.9rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}
.inv-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.invoice header{margin-bottom:1.4rem}
.inv-parties{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-block:1.4rem}
@media (max-width:640px){.inv-parties{grid-template-columns:1fr}}
@media print{
  .site-header,.site-footer,.acc-nav,.no-print,#splash,#progress,.toasts{display:none!important}
  body{background:#fff}
  main{padding:0}
  .acc-layout{display:block}
  .surface{box-shadow:none;padding:0}
}
.rc-body .badge{justify-self:start}
div.ltr,p.ltr,dd.ltr,span.ltr.block{text-align:right}
.mnav{display:grid;align-content:start;padding-block:8px}
.mnav a{padding:.8rem 0;border-bottom:1px solid var(--line);font-weight:600}
.mnav a.sub{padding-inline-start:1rem;font-weight:400;color:var(--muted)}
.coupon-err{color:var(--danger);font-size:.85rem}
.lc-fab{position:fixed;inset-block-end:20px;inset-inline-start:20px;z-index:90;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--lapis);color:#fff;box-shadow:var(--shadow-2);transition:transform .35s var(--ease)}
.lc-fab[hidden]{display:none}
.lc-fab:hover{transform:translateY(-3px) scale(1.05)}
.lc-fab .icon{width:26px;height:26px}
.lc-panel{position:fixed;inset-block-end:90px;inset-inline-start:20px;z-index:150;width:min(380px,calc(100vw - 32px));height:min(540px,calc(100dvh - 120px));display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-3);overflow:hidden;animation:pop .4s var(--ease) both;transform-origin:0 100%}
.lc-panel[hidden]{display:none}
.lc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--lapis);color:#fff}
.lc-head .xs{display:block;opacity:.75}
.lc-list{flex:1;min-height:0;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--surface-2)}
.lc-m{display:flex;justify-content:flex-end}
.lc-m.is-mine{justify-content:flex-start}
.lc-b{max-width:82%;padding:.55rem .85rem;border-radius:16px;background:var(--surface);border:1px solid var(--line);line-height:1.8;overflow-wrap:anywhere}
.lc-m.is-mine .lc-b{background:var(--lapis);color:#fff;border-color:transparent}
.lc-b .xs{display:block;margin-top:.15rem;opacity:.65}
.lc-note{align-self:center;text-align:center;color:var(--muted);font-size:.85rem;padding:.4rem 1rem}
.lc-form{display:flex;align-items:flex-end;gap:8px;padding:10px;border-top:1px solid var(--line);background:var(--surface)}
.lc-form .textarea{flex:1;min-height:44px;max-height:120px;resize:none}
.lc-admin{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}
.lc-convos{display:grid;gap:6px;max-height:70vh;overflow:auto}
.lc-convo{display:grid;gap:.15rem;width:100%;text-align:start;padding:.7rem .9rem;border-radius:var(--r-sm);background:var(--surface);border:1.5px solid var(--line);transition:border-color .2s}
.lc-convo>*{min-width:0}
.lc-convo:hover,.lc-convo.is-on{border-color:var(--lapis)}
.lc-convo-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.lc-convo .count{position:static;transform:scale(1)}
.lc-snip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-thread{display:flex;flex-direction:column;height:70vh;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.lc-empty{margin:auto;padding:1rem}
@media (max-width:900px){.lc-admin{grid-template-columns:1fr}.lc-thread{height:60vh}}
@media (max-width:640px){.lc-panel{inset-inline:0;inset-block-end:0;width:100%;height:min(82dvh,100%);border-radius:var(--r-lg) var(--r-lg) 0 0}}