:root{--bg:#f7f1e8;--bg2:#efe4d2;--card:#fcfaf6;--ink:#1c1712;--mut:#8a7459;--line:#e6d9c3;--gold1:#d6b374;--gold2:#a77d3b;--goldtxt:#8a6428;--on-gold:#1c1712;--ok:#6f9372;--shadow:0 18px 40px -18px rgba(120,86,30,.35);--gx:clamp(16px,2.5vw,48px);
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#14110d;--bg2:#1d1812;--card:#1c1813;--ink:#f1e8d8;--mut:#a8987e;--line:#3a3023;--gold1:#e3c28a;--gold2:#b58a45;--goldtxt:#e3c28a;--shadow:0 18px 40px -18px rgba(0,0,0,.8);color-scheme:dark}}
:root[data-theme="dark"]{--bg:#14110d;--bg2:#1d1812;--card:#1c1813;--ink:#f1e8d8;--mut:#a8987e;--line:#3a3023;--gold1:#e3c28a;--gold2:#b58a45;--goldtxt:#e3c28a;--shadow:0 18px 40px -18px rgba(0,0,0,.8);color-scheme:dark}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}
body{margin:0;font-family:'Vazirmatn',Tahoma,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh;background-image:radial-gradient(900px 500px at 85% -10%,var(--bg2),transparent)}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20}
.top{background:var(--bg2);border-bottom:1px solid var(--line);font-size:13px;color:var(--mut)}
.wrap{max-width:1920px;margin:auto;padding:0 var(--gx);display:flex;align-items:center;gap:6px}
.top .wrap{height:42px}
.top .grow{flex:1;display:flex;gap:2px;align-items:center}
.top a,.top .dd>button{padding:6px 10px;border-radius:10px;white-space:nowrap}
.top a:hover,.top .dd>button:hover{color:var(--ink);background:var(--card)}
.top .demo{display:inline-flex;align-items:center;margin-inline-end:10px;background:var(--acc);color:var(--on-acc)!important;font-weight:800;padding:5px 16px;border-radius:999px;box-shadow:0 6px 14px -6px color-mix(in srgb,var(--acc) 70%,transparent);transition:filter .2s,transform .2s}
.top .demo:hover{background:var(--acc);color:var(--on-acc)!important;filter:brightness(1.1);transform:translateY(-1px)}
.tel{display:flex;gap:8px;align-items:center;direction:ltr;font-weight:500;color:var(--ink)}
.main{background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.main .wrap{height:68px;gap:18px}
.logo{display:block;flex:none;height:46px;aspect-ratio:360/295;margin-inline-end:10px;font-size:0;color:transparent;background:linear-gradient(135deg,var(--gold2),var(--goldtxt));-webkit-mask:url(/wp-content/uploads/next/sol-home-20261110/751e007108c70d3a.png) center/contain no-repeat;mask:url(/wp-content/uploads/next/sol-home-20261110/751e007108c70d3a.png) center/contain no-repeat;transition:filter .2s}.logo:hover{filter:brightness(1.12)}
.nav{display:flex;gap:2px;flex:1}
.nav>.dd>button{padding:9px 14px;border-radius:12px;font-size:14px;font-weight:500;display:flex;gap:6px;align-items:center}
.nav>.dd>button:hover,.dd.open>button{background:var(--bg2);color:var(--goldtxt)}
.chev{display:inline-block;flex:none;width:8px;height:8px;margin-inline-start:4px;vertical-align:middle;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.dd.open .chev{transform:rotate(225deg) translateY(-2px)}
.actions{display:flex;gap:8px;align-items:center}
.btn{padding:10px 20px;border-radius:14px;font-size:14px;font-weight:700;border:1px solid var(--line);background:var(--bg2)}
.btn.gold{background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);border-color:transparent;box-shadow:var(--shadow)}
.ic{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--card);display:grid;place-items:center}
.ic svg{width:18px;height:18px;stroke:var(--goldtxt);fill:none;stroke-width:1.6;stroke-linecap:round}
.panel{display:none;position:absolute;z-index:30}
.dd.open>.panel{display:block;animation:in .18s ease-out}
@keyframes in{from{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.dd.open>.panel{animation:none}}
.dd.small{position:relative}
.top .dd.open>button{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--goldtxt);background:transparent;border-radius:6px}
.top .dd.open>button:after{content:"";position:absolute;inset-inline:6px;bottom:-1px;height:2px;background:var(--gold2)}
.top .dd>button{position:relative}
.small .panel{top:calc(100% + 6px);inset-inline-start:0;min-width:200px;font-size:13.5px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:var(--shadow)}
.small .panel a{display:block;padding:11px 14px;border-radius:10px;color:var(--mut)}
.small .panel a:hover{background:var(--bg2);color:var(--goldtxt)}
.main{position:relative}
.panel.p{top:calc(100% + 8px);left:var(--gx);right:var(--gx);max-width:1400px;margin:auto;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:26px;gap:28px}
.dd.open>.panel.p{display:flex}
.feat{flex:0 0 260px;border-radius:20px;padding:22px;min-height:250px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(160deg,var(--bg2),var(--line));border:1px solid var(--line);position:relative;overflow:hidden}
.feat:before{content:"";position:absolute;inset:auto -40px -50px auto;width:180px;height:180px;border-radius:50%;border:1px solid var(--gold2);opacity:.45;box-shadow:0 0 0 28px transparent,0 0 0 29px var(--gold2)}
.feat b{font-size:17px;font-weight:800;position:relative}.feat span{font-size:12.5px;color:var(--mut);margin-top:4px;position:relative;line-height:1.8}
.links{flex:1;display:grid;grid-template-columns:repeat(var(--c,1),1fr);gap:2px 24px;align-content:start}
.links a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;font-size:14px}
.links a:before{content:"";width:7px;height:7px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2));flex:none}
.links a:hover{background:var(--bg2);color:var(--goldtxt)}
.foot{grid-column:1/-1;border-top:1px solid var(--line);margin-top:10px;padding-top:16px}
.foot a{display:block;text-align:center;padding:12px;border-radius:14px;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);font-weight:700;font-size:14px}
.foot a:before{display:none}.foot a:hover{color:var(--on-gold);filter:brightness(1.05);background:linear-gradient(180deg,var(--gold1),var(--gold2))}
.burger{display:none}
.stage{max-width:1920px;margin:60px auto;padding:0 var(--gx);color:var(--mut);text-align:center;font-size:14px}
.stage div{border:1px dashed var(--line);border-radius:26px;padding:90px 20px}
@media(max-width:1020px){
.top .grow a:not(.demo),.top .grow .dd{display:none}.top .tel span{font-size:12px}
.burger{display:grid}.nav{position:fixed;inset:calc(var(--hh,110px) + env(safe-area-inset-top,0px)) 0 0 0;background:var(--card);flex-direction:column;padding:14px 16px;overflow:auto;display:none;gap:4px}
.nav.show{display:flex}.nav>.dd>button{width:100%;justify-content:space-between;padding:14px;font-size:15px}
.panel.p{position:static;margin:0;padding:6px;border:0;box-shadow:none;border-radius:0;background:none}
.dd.open>.panel.p{display:block}.feat{display:none}.links{grid-template-columns:1fr!important}
.actions .btn:not(.gold):not(.red){display:none}.logo{height:40px}
}

:root{--good:#4f7f3f;--bad:#c0463d;--acc:#a9322b;--on-acc:#fff;--leaf:#5b7a3c}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--good:#a4c27f;--bad:#ef7b72;--acc:#e2685a;--on-acc:#1c1712;--leaf:#a4c27f}}
:root[data-theme="dark"]{--good:#a4c27f;--bad:#ef7b72;--acc:#e2685a;--on-acc:#1c1712;--leaf:#a4c27f}
:root[data-theme="light"]{--acc:#a9322b;--on-acc:#fff;--leaf:#5b7a3c}
.st>button{display:flex;gap:8px;align-items:center}
.st .led{width:8px;height:8px;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 3px color-mix(in srgb,var(--leaf) 22%,transparent);flex:none}
.st.open .led{display:none}
.st .sp{width:14px;height:14px;border-radius:50%;border:2px solid var(--gold2);border-top-color:transparent;display:none}
.st.open .sp{display:inline-block;animation:spin .8s linear infinite}
.st[data-s=ok] .sp,.st[data-s=off] .sp{animation:none;border-top-color:currentColor;border-color:currentColor;position:relative}
.st[data-s=ok] .sp:after{content:"";position:absolute;inset:1px 3px 3px 3px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) scale(.8)}
.st[data-s=off] .sp:after{content:"!";position:absolute;inset:-3px 0 0;font-size:10px;font-weight:800;text-align:center;line-height:16px}
@keyframes spin{to{transform:rotate(360deg)}}
.top .st[data-s=ok]>button{color:var(--good)}.top .st[data-s=off]>button{color:var(--bad)}
.top .st.open>button{box-shadow:none;background:transparent;border-radius:0}
.top .st.open>button:after{inset-inline:0;bottom:-3px}
.top .st[data-s=ok]>button:after{background:var(--good)}.top .st[data-s=off]>button:after{background:var(--bad)}
.st .panel{min-width:330px;padding:16px;color:var(--ink)}
.st .sh{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:12px}
.st .sh b{font-size:14px}.st .sh small,.st .last{font-size:11.5px;color:var(--mut)}
.st .bars{display:flex;gap:3px;height:26px;margin-bottom:12px}
.st .bars i{flex:1;border-radius:3px;background:var(--good);opacity:.85}.st .bars i.w{background:var(--gold1)}
.st[data-s=off] .bars i{background:var(--bad)}
.st .row{display:flex;justify-content:space-between;padding:9px 2px;border-top:1px solid var(--line);font-size:13px}
.st .row em{font-style:normal;color:var(--good);display:flex;gap:6px;align-items:center}
.st .row em:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:pl 2s ease-in-out infinite}
.st[data-s=off] .row em{color:var(--mut)}.st[data-s=off] .row em:before{animation:none}
@keyframes pl{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.st .sp,.st .row em:before{animation:none!important}}
.st .last{display:block;margin-top:8px;border-top:1px solid var(--line);padding-top:10px}
.tel svg{box-sizing:content-box;padding:8px;border-radius:50%;background:var(--card);border:1px solid var(--line);color:var(--goldtxt);transform-origin:50% 50%;animation:ring 3.2s ease-in-out infinite,halo 3.2s ease-out infinite}
.tel:hover svg{animation-duration:1.4s,1.4s}
@keyframes ring{0%,55%,100%{transform:rotate(0)}59%{transform:rotate(-18deg)}63%{transform:rotate(18deg)}67%{transform:rotate(-15deg)}71%{transform:rotate(15deg)}75%{transform:rotate(-9deg)}79%{transform:rotate(9deg)}84%{transform:rotate(0)}}
@keyframes halo{0%,56%{box-shadow:0 0 0 0 color-mix(in srgb,var(--gold1) 60%,transparent)}88%,100%{box-shadow:0 0 0 14px transparent}}
@media (prefers-reduced-motion:reduce){.tel svg{animation:none}}

/* live preview in mega menu */
.feat.pv{align-self:flex-start;flex:0 0 440px;padding:0;min-height:0;justify-content:flex-start;background:linear-gradient(160deg,var(--bg2),var(--line))}
.feat.pv:before{display:none}
.pvstage{position:relative;aspect-ratio:960/580;overflow:hidden}
.pvstage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:translateY(8px) scale(.985);transition:opacity .35s ease,transform .45s ease}
.pvstage img.on{opacity:1;transform:none}
.pvcap{position:relative;padding:12px 18px 16px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--card) 70%,transparent);display:flex;gap:10px;align-items:center;justify-content:space-between}
.pvcap b{font-size:14px;font-weight:800}.pvcap span{display:block;font-size:12px;color:var(--mut);margin-top:2px}
.pvtag{flex:none;font-style:normal;font-size:11px;font-weight:800;color:var(--leaf);border:1px solid color-mix(in srgb,var(--leaf) 40%,transparent);background:color-mix(in srgb,var(--leaf) 10%,transparent);padding:4px 10px;border-radius:99px}
.links a.act{background:var(--bg2);color:var(--goldtxt)}
/* scroll behaviour */
.top{max-height:42px;transition:max-height .3s ease,opacity .2s}
.main .wrap{transition:height .3s ease}
.logo{transition:height .3s ease}
/* logo: bigger, deeper color, soft gold shimmer */
.main .logo{height:56px;margin-inline-end:14px;background:linear-gradient(110deg,#b07a1f 0%,#6f4510 38%,#f0c76a 50%,#6f4510 62%,#b07a1f 100%) 100% 0/260% 100%;animation:logo-sh 6s ease-in-out 1.2s infinite;transition:height .3s ease,transform .25s ease,filter .2s}
.main .logo:hover{transform:scale(1.06);filter:brightness(1.1) saturate(1.15)}
@keyframes logo-sh{0%,55%{background-position:100% 0}100%{background-position:0 0}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .main .logo{background-image:linear-gradient(110deg,#e3c28a 0%,#c99a52 38%,#fff3cf 50%,#c99a52 62%,#e3c28a 100%)}}
:root[data-theme="dark"] .main .logo{background-image:linear-gradient(110deg,#e3c28a 0%,#c99a52 38%,#fff3cf 50%,#c99a52 62%,#e3c28a 100%)}
@media (max-width:1020px){.main .logo,header.sc .main .logo{height:46px}}
@media (prefers-reduced-motion:reduce){.main .logo{animation:none}}
.btn.red{display:none;background:var(--acc);color:var(--on-acc);border-color:transparent;box-shadow:0 6px 14px -6px color-mix(in srgb,var(--acc) 70%,transparent)}
.btn.red:hover{filter:brightness(1.1)}
.prog{position:absolute;bottom:-1px;inset-inline-start:0;height:2px;width:var(--p,0%);background:linear-gradient(90deg,var(--gold1),var(--gold2) 60%,var(--acc));pointer-events:none}

/* search pill + Ask-SOL palette */
.srch{width:auto;padding:0 12px;gap:10px;display:flex;align-items:center}
.srch span{font-size:13px;color:var(--mut);white-space:nowrap}
kbd{font:600 11px Vazirmatn,sans-serif;direction:ltr;border:1px solid var(--line);border-radius:8px;padding:3px 8px;color:var(--mut);background:var(--bg2)}
@media(max-width:1500px){.srch span,.srch kbd{display:none}.srch{width:40px;padding:0;justify-content:center}}
.cp{position:fixed;inset:0;z-index:100;display:none;align-items:flex-start;justify-content:center;padding:11vh 16px 0;background:color-mix(in srgb,var(--ink) 40%,transparent);backdrop-filter:blur(10px)}
.cp.on{display:flex;animation:in .2s ease-out}
.cpbox{width:min(940px,100%);background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:0 50px 90px -34px rgba(0,0,0,.6);overflow:hidden}
.cpin{display:flex;gap:12px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line)}
.cpin input{flex:1;border:0;background:none;font:inherit;font-size:18px;color:var(--ink);outline:0}
.cpin svg{width:22px;height:22px;stroke:var(--goldtxt);fill:none;stroke-width:1.6;stroke-linecap:round}
.cpchips{display:flex;gap:8px;flex-wrap:wrap;padding:14px 24px 4px;align-items:center;font-size:12.5px;color:var(--mut)}
.chip{border:1px solid var(--line);background:var(--bg2);border-radius:99px;padding:6px 14px;font-size:13px;font-weight:600}
.chip:hover{border-color:var(--gold2);color:var(--goldtxt)}
.cpbody{display:grid;grid-template-columns:1fr 350px;min-height:340px}
.cplist{padding:10px;max-height:390px;overflow:auto}
.cpi{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 14px;border-radius:12px;font-size:14px;cursor:pointer}
.cpi small{color:var(--mut);font-size:11.5px;white-space:nowrap}.cpi.on{background:var(--bg2);color:var(--goldtxt)}
.cpno{padding:40px 20px;text-align:center;color:var(--mut);font-size:14px;line-height:2}
.cppv{border-inline-start:1px solid var(--line);background:linear-gradient(160deg,var(--bg2),var(--line))}
.cppv img{display:block;width:100%;aspect-ratio:960/580;object-fit:cover}
.cppv div{padding:14px 18px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--card) 70%,transparent)}
.cppv b{display:block;font-size:14px}.cppv span{font-size:12px;color:var(--mut)}
.cpft{display:flex;gap:18px;padding:11px 24px;border-top:1px solid var(--line);font-size:12px;color:var(--mut);align-items:center}
@media(max-width:760px){.cpbody{grid-template-columns:1fr}.cppv{display:none}.cp{padding-top:6vh}}
/* gliding indicator, spotlight, tilt */
.ind{position:absolute;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--gold1),var(--gold2),var(--acc));opacity:0;pointer-events:none;transition:left .35s cubic-bezier(.3,.8,.3,1),width .35s cubic-bezier(.3,.8,.3,1),opacity .2s;z-index:31}
.main.hv .ind{opacity:1}
.panel.p:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--gold1) 20%,transparent),transparent 65%);pointer-events:none;opacity:0;transition:opacity .3s}
.dd.open>.panel.p:hover:after{opacity:1}
.pvstage{perspective:900px}
.pvstage img.on{transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg))}
@media (max-width:1020px){.ind{display:none}}

/* module package */
.links .add{margin-inline-start:auto;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:14px;line-height:1;color:var(--mut);flex:none;opacity:0;transition:opacity .15s,background .15s}
.links a:hover .add,.links a.sel .add,.links .add:focus-visible{opacity:1}
.links a.sel{color:var(--goldtxt)}.links a.sel .add{background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);border-color:transparent}
.pkg{display:none;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--gold1) 18%,transparent);border:1px dashed var(--gold2);font-size:13.5px}
.pkg.on{display:flex;animation:in .25s ease-out}
.foot .pgo{display:inline-block;padding:8px 16px;background:var(--acc);color:var(--on-acc);border-radius:99px;font-size:13px}
.foot .pgo:hover{background:var(--acc);color:var(--on-acc);filter:brightness(1.1)}
.cnt{display:none;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--acc);color:var(--on-acc);font-size:11px;font-weight:800;line-height:18px;text-align:center}
.cnt.on{display:inline-block}
/* business-type personalisation */
.biz>button{display:flex;gap:6px;align-items:center}.biz .bl{color:var(--mut)}.biz .bl b{color:var(--goldtxt);font-weight:700}
.biz .panel a{display:flex;justify-content:space-between;gap:16px}.biz .panel a.cur{color:var(--goldtxt);font-weight:700}.biz .panel a.cur:after{content:"✓"}
.biz .hint{display:block;padding:8px 14px 6px;font-size:11.5px;color:var(--mut)}
.links a.rec:after{content:"پیشنهاد برای شما";font-size:10.5px;font-weight:800;color:var(--leaf);border:1px solid color-mix(in srgb,var(--leaf) 40%,transparent);background:color-mix(in srgb,var(--leaf) 10%,transparent);border-radius:99px;padding:2px 8px;margin-inline-start:auto;white-space:nowrap}
.links a.rec{background:color-mix(in srgb,var(--leaf) 6%,transparent)}

/* ===== HERO ===== */
:root{--o:var(--acc);--hn:var(--ink);--nv:#2b2118}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--nv:#33291d}}
:root[data-theme="dark"]{--nv:#33291d}
.hero{max-width:1920px;margin:0 auto;padding:clamp(24px,5vw,80px) var(--gx)}
.hw{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(20px,3vw,60px);align-items:center}
.hc h1{margin:0 0 .6em;font-size:clamp(30px,4.2vw,68px);line-height:1.65;font-weight:800;color:var(--hn)}
.hc h1 em{font-style:normal;color:var(--goldtxt)}
.hc p{margin:0 0 2em;font-size:clamp(15px,1.5vw,23px);line-height:2.1;max-width:34em}
.hb{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.hb a{padding:14px 34px;border-radius:999px;font-weight:800;font-size:clamp(14px,1.2vw,18px);border:2px solid var(--acc);transition:transform .2s,filter .2s,background .2s,color .2s}
.b1{background:var(--acc);color:var(--on-acc)}.b1:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 22px -10px var(--acc)}
.b2{color:var(--goldtxt);border-color:var(--gold2)!important}.b2:hover{background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);border-color:transparent!important;transform:translateY(-2px)}
.rate{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px}
.rt b{color:var(--goldtxt);font-weight:800}
.stars{display:flex;direction:rtl}
.stars button{padding:2px;line-height:0;transition:transform .15s}
.stars button:hover{transform:scale(1.2)}
.stars svg{width:28px;height:28px}
.rmsg{font-size:12.5px;color:var(--goldtxt);font-weight:700}
.hm{container-type:inline-size;position:relative;aspect-ratio:1.78;margin-bottom:34px;outline:0}
.scene{position:absolute;inset:0}

.badge{position:absolute;z-index:5;top:2%;left:2%;width:13cqw;height:13cqw;border-radius:50%;background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold);display:grid;place-content:center;text-align:center;box-shadow:0 14px 26px -12px var(--gold2);animation:bob 5s ease-in-out infinite}
.badge b{font-size:5.4cqw;line-height:1}.badge span{font-size:1.9cqw;font-weight:700;margin-top:.4cqw}
.dev{position:absolute;background:#111;box-shadow:0 20px 40px -18px rgba(0,0,0,.45)}
.dev .scr{position:absolute;inset:0;background:#fff;overflow:hidden;border-radius:inherit}
.mon{left:20%;top:6%;width:63%;aspect-ratio:1.72;border:.7cqw solid #1a1a1a;border-radius:.8cqw;z-index:1}
.stand{position:absolute;left:50%;top:100%;width:13%;height:20%;transform:translateX(-50%);background:linear-gradient(90deg,#aaa,#eee,#aaa)}
.stand:after{content:"";position:absolute;left:-40%;right:-40%;bottom:-14%;height:16%;border-radius:2px;background:#9a9a9a}
.mon .scr{display:flex;direction:ltr;font-size:.8cqw}
.mc{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1.2cqw;padding:1.4cqw;background:#f7f7f7}
.card{background:#fff;border-radius:.6cqw;padding:.8cqw;position:relative;overflow:hidden;box-shadow:0 0 0 1px #eee;display:flex;flex-direction:column;justify-content:center;gap:.5cqw}
.card u{text-decoration:none;font-size:.9cqw;color:#666;direction:rtl;font-weight:700}
.pie{width:62%;margin:auto;transform:rotate(-90deg)}
.pie circle{fill:none;stroke-width:9;stroke-dasharray:0 100;animation:pie 8s ease-in-out infinite}
.pie .p1{stroke:#e7b4ad}.pie .p2{stroke:#efdcb4;animation-name:pie2}.pie .p3{stroke:#d9b97a;animation-name:pie3}
@keyframes pie{0%{stroke-dasharray:0 100;stroke-dashoffset:0}18%,92%{stroke-dasharray:40 60;stroke-dashoffset:0}100%{stroke-dasharray:0 100}}
@keyframes pie2{0%,8%{stroke-dasharray:0 100;stroke-dashoffset:-40}26%,92%{stroke-dasharray:25 75;stroke-dashoffset:-40}100%{stroke-dasharray:0 100}}
@keyframes pie3{0%,16%{stroke-dasharray:0 100;stroke-dashoffset:-65}34%,92%{stroke-dasharray:35 65;stroke-dashoffset:-65}100%{stroke-dasharray:0 100}}
.ch{display:flex;align-items:flex-end;gap:.5cqw;height:7.5cqw;border:1px solid #e6d9c3;border-radius:.4cqw;padding:.5cqw;background:#fbf6ea}
.ch i{flex:1;background:var(--gold2);border-radius:2px;height:10%;animation:gr 8s ease-in-out infinite}
.ch i:nth-child(2){animation-delay:.1s}.ch i:nth-child(3){animation-delay:.2s}.ch i:nth-child(4){animation-delay:.3s}.ch i:nth-child(5){animation-delay:.4s}.ch i:nth-child(6){animation-delay:.5s}
.ch i:nth-child(odd){--h:85%}.ch i:nth-child(even){--h:55%}.ch i:nth-child(3){--h:100%}
@keyframes gr{0%{height:6%}22%,92%{height:var(--h)}100%{height:6%}}
.pf{display:flex;justify-content:space-between;align-items:center;direction:rtl;font-size:.95cqw;color:#8a6428;font-weight:800}
.ln{height:.8cqw;border-radius:9px;background:#eee;direction:rtl;overflow:hidden}
.ln i{display:block;height:100%;border-radius:9px;width:0;animation:fl 8s ease-in-out infinite}
.a i{background:var(--gold1);--w:80%}.b i{background:var(--acc);--w:55%;animation-delay:.15s}.c i{background:var(--gold1);--w:35%;animation-delay:.3s}
.d i{background:var(--gold1);--w:92%}.e i{background:var(--gold1);--w:60%;animation-delay:.15s}.f i{background:var(--acc);--w:40%;animation-delay:.3s}
@keyframes fl{0%{width:0}24%,92%{width:var(--w)}100%{width:0}}
.sb{width:22%;background:var(--nv);padding:1cqw .8cqw;display:flex;flex-direction:column;gap:.9cqw}
.sb i{height:.7cqw;border-radius:9px;background:rgba(255,255,255,.22)}
.sb .av{height:1.8cqw;background:rgba(255,255,255,.4);border-radius:.4cqw;margin-bottom:.6cqw}
.sb i:nth-child(3){width:70%}.sb i:nth-child(5){width:80%}.sb i:nth-child(7){width:55%}
.sb .hl{animation:hl 8s steps(1) infinite}
@keyframes hl{0%{background:var(--gold1)}35%{background:rgba(255,255,255,.22)}}
.tab{left:0;bottom:2%;width:26%;aspect-ratio:.74;border:.5cqw solid #1a1a1a;border-radius:1.4cqw;z-index:3;animation:bob 6s ease-in-out infinite .6s}
.tab .scr{background:var(--nv);color:#fff;display:flex;flex-direction:column;align-items:center;gap:.9cqw;padding:3cqw 2.4cqw 0;font-size:.9cqw}
.lg2{width:3.4cqw;height:3.4cqw;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:.8cqw;font-weight:800}
.tab u{text-decoration:none;font-weight:800;font-size:1cqw}
.inp{width:100%;height:1.8cqw;background:rgba(255,255,255,.14);border-radius:.4cqw;overflow:hidden;padding:.5cqw;direction:rtl}
.inp i{display:block;height:100%;width:0;background:rgba(255,255,255,.7);border-radius:2px;animation:ty 8s steps(8) infinite}.inp i.pw{animation-delay:.3s;background:rgba(255,255,255,.5)}
@keyframes ty{0%,6%{width:0}30%,92%{width:62%}100%{width:0}}
.go{width:100%;background:var(--o);border-radius:.4cqw;text-align:center;padding:.5cqw;font-weight:800;font-size:.85cqw;animation:pu 8s ease infinite}
@keyframes pu{0%,34%{transform:none}38%{transform:scale(1.07);box-shadow:0 0 0 .7cqw rgba(169,50,43,.35)}44%,100%{transform:none;box-shadow:none}}
.tab svg{position:absolute;left:0;right:0;bottom:0;width:100%;height:30%}.tab svg path{fill:rgba(255,255,255,.1)}
.ph{left:70%;bottom:3%;width:11.5%;aspect-ratio:.5;border:.45cqw solid #1a1a1a;border-radius:1.4cqw;z-index:3;animation:bob 5.5s ease-in-out infinite 1.2s}
.ph .scr{padding:2.2cqw 1cqw 1cqw;display:flex;flex-direction:column;gap:.9cqw}
.ph .scr i{height:.6cqw;border-radius:9px;background:#e3e3e3;animation:sh 2.4s ease-in-out infinite}.ph .t{width:50%;margin:0 auto 1cqw;background:#cfcfcf}.ph .g{height:1.2cqw;background:var(--o);margin-top:auto}
.ph i:nth-child(3){width:80%;animation-delay:.2s}.ph i:nth-child(4){width:60%;animation-delay:.4s}
@keyframes sh{50%{opacity:.4}}
@keyframes bob{50%{transform:translateY(-1.2%)}}

/* slider */
.sl{position:absolute;inset:0;overflow:hidden;border-radius:1.6cqw;touch-action:pan-y;user-select:none}
.tr{display:flex;height:100%;transform:translateX(calc(var(--i,0)*100%));transition:transform .75s cubic-bezier(.65,.05,.2,1)}
.s{flex:0 0 100%;height:100%;position:relative;overflow:hidden;visibility:hidden;transition:visibility 0s .75s}
.s.on{visibility:visible;transition-delay:0s}
.s:not(.on) *{animation-play-state:paused!important}
.s>img,.s>video,.s>a>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none}
.s>a{position:absolute;inset:0}
.s.hs{display:grid;place-items:center;padding:4cqw;text-align:center}
.ar{position:absolute;top:50%;z-index:6;width:44px;height:44px;margin-top:-22px;border-radius:50%;background:color-mix(in srgb,var(--card) 90%,transparent);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;place-items:center;opacity:0;transition:opacity .2s,transform .2s}
.ar:before{content:"";width:9px;height:9px;border-top:2px solid var(--goldtxt);border-right:2px solid var(--goldtxt)}
.pv{right:1.5%}.pv:before{transform:rotate(45deg);margin-right:3px}
.nx{left:1.5%}.nx:before{transform:rotate(-135deg);margin-left:3px}
.hm:hover .ar,.ar:focus-visible,.hm:focus-within .ar{opacity:1}
.ar:hover{transform:scale(1.08)}
@media(hover:none){.ar{opacity:.85}}
.dots{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);display:flex;gap:8px;align-items:center}
.dot{width:10px;height:10px;padding:0;border-radius:99px;background:var(--line);position:relative;overflow:hidden;transition:width .3s,background .3s}
.dot:hover{background:var(--gold1)}
.dot.on{width:40px}
.dot i{position:absolute;inset-block:0;inset-inline-start:0;width:0;background:linear-gradient(90deg,var(--gold1),var(--gold2))}
.dot.on i{width:var(--pg,0%)}
.dot.on.vid{background:var(--gold1)}
@media (prefers-reduced-motion:reduce){.tr,.s{transition:none}}

/* ===== HERO v3: light surface, unified slides ===== */
.hero{padding-block:clamp(14px,2.5vw,36px)}
.hw{position:relative;overflow:hidden;isolation:isolate;border-radius:clamp(24px,3vw,44px);padding:clamp(24px,4vw,64px);border:1px solid var(--line);box-shadow:var(--shadow);
 background:radial-gradient(640px 400px at 8% 0%,color-mix(in srgb,var(--gold1) 30%,transparent),transparent 70%),radial-gradient(560px 380px at 98% 100%,color-mix(in srgb,var(--acc) 11%,transparent),transparent 70%),var(--card)}
.hw:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(420px circle at var(--mx,70%) var(--my,30%),color-mix(in srgb,var(--gold1) 24%,transparent),transparent 65%)}
.hc h1 em{background:linear-gradient(100deg,var(--goldtxt),var(--gold1) 25%,var(--goldtxt) 50%,var(--gold2) 75%,var(--goldtxt));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shim 6s linear infinite}
@keyframes shim{to{background-position:-250% 0}}
.hc p{opacity:.82}
.hb a{position:relative;overflow:hidden}
.b1{background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 82%,#fff),var(--acc));border-color:transparent!important;box-shadow:0 16px 30px -14px var(--acc)}
.b1:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);transform:translateX(-130%);animation:sw 3.8s ease-in-out infinite}
@keyframes sw{55%,100%{transform:translateX(130%)}}
.b2{background:transparent}
.rate{display:inline-flex;padding:10px 20px;border-radius:26px;background:color-mix(in srgb,var(--bg2) 70%,transparent);border:1px solid var(--line)}
.rmsg{color:var(--goldtxt)}.rmsg:empty{display:none}
.stars path{stroke:var(--gold2);stroke-width:.7;stroke-opacity:.55}
.sl{background:linear-gradient(145deg,var(--bg2),var(--card));border:1px solid var(--line);box-shadow:var(--shadow)}
.mon{left:15%;top:7%;width:70%}.ph{left:78%;width:12%}
.badge:before{content:"";position:absolute;inset:-.9cqw;border-radius:50%;border:1px dashed var(--gold2);animation:spin 18s linear infinite}
.hm{margin-bottom:64px}
.ctl{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px}
.ctl[hidden]{display:none}
.ctl .dots{position:static;transform:none}
.ctl .ar{position:static;inset:auto;margin:0;opacity:1;width:40px;height:40px;background:var(--card);border-color:var(--line);transition:background .2s,border-color .2s,transform .2s}
.ctl .ar:hover{background:linear-gradient(180deg,var(--gold1),var(--gold2));border-color:transparent;transform:scale(1.08)}
.ctl .ar:hover:before{border-color:var(--on-gold)}
.chip2{position:absolute;z-index:7;display:flex;gap:.8cqw;align-items:center;padding:.8cqw 1.4cqw;border-radius:99px;font-size:1.25cqw;font-weight:700;white-space:nowrap;background:color-mix(in srgb,var(--card) 78%,transparent);border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow);opacity:0;transition:opacity .5s}
.hm.mo .chip2{opacity:1;animation:bob 5s ease-in-out infinite}
.chip2 .ld{width:.9cqw;height:.9cqw;border-radius:50%;background:var(--gold2);box-shadow:0 0 0 .4cqw color-mix(in srgb,var(--gold2) 25%,transparent)}
.c1{top:15%;right:1%}.c2{bottom:16%;left:27%}.c3{top:32%;left:0}
@media(max-width:900px){.chip2{font-size:2.2cqw}.hw{padding:22px}}
@media (prefers-reduced-motion:reduce){.hc h1 em,.b1:after,.badge:before,.hm.mo .chip2{animation:none}}
/* header buttons: hover / press effects */
.btn,.ic{transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,filter .2s,color .2s}
.btn:not(.gold):not(.red):hover{background:var(--card);border-color:var(--gold2);color:var(--goldtxt);transform:translateY(-2px);box-shadow:0 12px 22px -14px rgba(120,86,30,.6)}
.btn.gold,.btn.red{position:relative;overflow:hidden}
.btn.gold:hover,.btn.red:hover{transform:translateY(-2px);filter:brightness(1.07)}
.btn.gold:hover{box-shadow:0 16px 28px -12px var(--gold2)}
.btn.gold:after,.btn.red:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);transform:translateX(-130%);transition:transform .6s}
.btn.gold:hover:after,.btn.red:hover:after{transform:translateX(130%)}
.btn:active,.ic:active{transform:scale(.96)!important}
.ic:hover{border-color:var(--gold2);background:var(--bg2);transform:translateY(-2px)}
.hb{margin-bottom:20px}
.perks{list-style:none;display:flex;gap:10px 22px;flex-wrap:wrap;margin:0 0 24px;padding:0;font-size:14px;font-weight:700}
.perks li{display:flex;align-items:center;gap:8px}
.perks li:before{content:"✓";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--leaf);color:var(--on-acc);font-size:12px;box-shadow:0 0 0 4px color-mix(in srgb,var(--leaf) 18%,transparent)}
.hw{background:radial-gradient(640px 400px at 8% 0%,color-mix(in srgb,var(--gold1) 30%,transparent),transparent 70%),radial-gradient(560px 380px at 98% 100%,color-mix(in srgb,var(--acc) 11%,transparent),transparent 70%),radial-gradient(520px 340px at 40% 108%,color-mix(in srgb,var(--leaf) 16%,transparent),transparent 70%),var(--card)}
.dot.on i{background:linear-gradient(90deg,var(--leaf),var(--gold2))}
.ar.ov{position:absolute;top:50%;margin-top:-23px;width:46px;height:46px;opacity:1;z-index:8;background:color-mix(in srgb,var(--card) 92%,transparent);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(8px);transition:background .2s,transform .2s}
.ar.ov.pv{right:1.5%}.ar.ov.nx{left:1.5%}
.ar.ov:hover{background:linear-gradient(180deg,var(--gold1),var(--gold2));transform:scale(1.1)}.ar.ov:hover:before{border-color:var(--on-gold)}
.tab{left:6%;bottom:6%}.ar.ov{width:42px;height:42px;margin-top:-21px}
/* top utility bar: roomy spacing + warm espresso background */
.top{--tb1:#2e231a;--tb2:#3b2c1d;
 background:
  radial-gradient(520px 120px at 8% 0%,rgba(214,179,116,.16),transparent 70%),
  linear-gradient(180deg,var(--tb2),var(--tb1));
 color:#e4d6bb;font-size:13px;font-weight:500;
 border-bottom:1px solid rgba(214,179,116,.38);
 box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}
.top .wrap{height:46px;gap:14px}
.top .grow{gap:clamp(0px,.3vw,6px)}
.top a,.top .dd>button{padding:7px clamp(6px,.62vw,12px);border-radius:10px;letter-spacing:0;transition:background .2s,color .2s}
.top .grow>a:not(.demo){opacity:.92}
.top .chev{width:6px;height:6px;margin-inline-start:clamp(3px,.4vw,7px);opacity:.55;border-width:1.5px}
.top .dd:hover .chev,.top .dd.open .chev{opacity:1}
/* thin gold dividers between logical groups */
.top .grow>.biz{margin-inline-end:clamp(2px,.4vw,8px);padding-inline-end:clamp(6px,.6vw,12px);border-inline-end:1px solid rgba(214,179,116,.28);border-radius:0}
.top .grow>.st{margin-inline-start:clamp(2px,.4vw,8px);padding-inline-start:clamp(6px,.7vw,14px);border-inline-start:1px solid rgba(214,179,116,.28);border-radius:0}
@media(max-width:1500px){.top a,.top .dd>button{font-size:12.5px}.top .grow .st>button .lbl{white-space:nowrap}}
@media(max-width:1440px){.top a,.top .dd>button{padding:7px 5px;font-size:12px}.top .grow{gap:0}.top .grow>.biz{padding-inline-end:6px}.top .grow>.st{padding-inline-start:8px}}
@media(max-width:1480px){.top .chev{display:none}.top .grow>.biz .chev{display:inline-block}.top .wrap{gap:8px}.top .demo{padding:6px 14px}}
.top a:hover,.top .dd>button:hover{color:#fff;background:rgba(246,236,217,.10)}
.top .dd.open>button{color:#f3dba5;box-shadow:inset 0 0 0 1.5px rgba(243,219,165,.8)}
.top .grow .biz .bl,.top .biz .bl{color:#bfae8d}.top .biz .bl b{color:#f3dba5;font-weight:700}
.top>.wrap>span{color:#f6ecd9!important;font-weight:600}
.top .tel{color:#fff;font-weight:600}.top .tel svg{background:#f6ecd9;border-color:transparent;color:var(--goldtxt)}
.top .demo{padding:6px 18px;margin-inline-end:6px}
.top .st[data-s=ok]>button{color:#b3d08e}.top .st[data-s=off]>button{color:#f28f86}
.top .st[data-s=ok]>button:after{background:#b3d08e}.top .st[data-s=off]>button:after{background:#f28f86}
.top .panel{font-weight:500}
header .main{box-shadow:0 10px 24px -20px rgba(90,60,15,.6)}
.nav>.dd>button{font-size:14.5px;font-weight:600}
.nav>a.dm-l{padding:9px 14px;border-radius:12px;font-size:14.5px;font-weight:600;display:flex;align-items:center;white-space:nowrap;transition:background .2s,color .2s}
.nav>a.dm-l:hover,.nav>a.dm-l:focus-visible{background:var(--bg2);color:var(--goldtxt)}
@media(min-width:1021px) and (max-width:1500px){.nav>a.dm-l{white-space:normal;max-width:9.5em;line-height:1.35;padding:6px 10px;font-size:13px}}
@media(max-width:1020px){.nav>a.dm-l{width:100%;padding:14px;font-size:15px}}
/* header hardening */
html{background:var(--bg);margin:0}body{margin:0;overflow-x:clip}
.main{background:color-mix(in srgb,var(--card) 97%,transparent)}
.hcall{display:inline-flex;align-items:center;gap:14px;margin:0 0 24px;padding:8px 22px 8px 10px;border-radius:999px;background:color-mix(in srgb,var(--bg2) 70%,transparent);border:1px solid var(--line);transition:border-color .2s,transform .2s,box-shadow .2s}
.hcall:hover{border-color:var(--leaf);transform:translateY(-2px);box-shadow:0 12px 22px -14px var(--leaf)}
.hcall i{width:44px;height:44px;border-radius:50%;background:var(--leaf);color:var(--on-acc);display:grid;place-items:center;box-shadow:0 0 0 5px color-mix(in srgb,var(--leaf) 18%,transparent);animation:ring 3.2s ease-in-out infinite}
.hcall span{display:flex;flex-direction:column;gap:2px}.hcall small{font-size:12.5px;color:var(--mut);font-weight:600}
.hcall b{font-size:clamp(18px,1.6vw,24px);font-weight:800;direction:ltr;text-align:right;letter-spacing:.5px}
@media (prefers-reduced-motion:reduce){.hcall i{animation:none}}
.hmeta{display:flex;flex-wrap:wrap;align-items:stretch;width:fit-content;max-width:100%;border:1px solid var(--line);border-radius:28px;background:color-mix(in srgb,var(--bg2) 55%,transparent);overflow:hidden}
.hmeta .hcall,.hmeta .rate{margin:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;padding:14px 22px}
.hmeta .hcall{transform:none}.hmeta .hcall:hover{background:color-mix(in srgb,var(--leaf) 10%,transparent);box-shadow:none;transform:none}
.hmeta .rate{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;border-inline-start:1px solid var(--line)}
.hmeta .rate .rt{font-size:13px}
.hmeta .stars svg{width:26px;height:26px}
@media(max-width:560px){.hmeta{width:100%}.hmeta .rate{border-inline-start:0;border-top:1px solid var(--line)}}
.hm.off *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.hm *{animation:none!important}.pie circle{stroke-dasharray:40 60}.pie .p2{stroke-dasharray:25 75;stroke-dashoffset:-40}.pie .p3{stroke-dasharray:35 65;stroke-dashoffset:-65}.ch i{height:var(--h)}.ln i{width:var(--w)}.inp i{width:62%}}
/* side widget */
.side{position:fixed;z-index:40;right:max(-6px,calc(env(safe-area-inset-right,0px) - 6px));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:6px;direction:ltr}
.side a{direction:rtl}
.side a{display:flex;align-items:center;height:62px;min-width:62px;border-radius:31px 0 0 31px;background:linear-gradient(180deg,#e53b27,#c4231a);color:#fff;font-weight:800;box-shadow:0 0 0 2px #fff,0 0 0 3.5px rgba(28,23,18,.5),0 10px 24px -8px rgba(196,35,26,.7);transition:transform .2s,background .2s,filter .2s}
.sd:hover,.sph:hover,.sph:focus-visible{filter:brightness(1.12)}
.sd{justify-content:center;padding:0 12px 0 18px;font-size:16px;border-radius:50%!important;min-width:62px;margin-inline-end:6px}
.sph{max-width:62px;width:max-content;overflow:hidden;padding-inline:0;transition:max-width .35s ease,background .2s;border-radius:31px!important;margin-inline-end:6px}
.sph svg{flex:none;margin:0 18px}.sph span{white-space:nowrap;direction:ltr;padding-inline-start:20px;font-size:15px}
.sph:hover,.sph:focus-visible{max-width:240px;color:#fff}
.sph svg{animation:ring 3.2s ease-in-out infinite;transform-origin:50% 50%}
@media (prefers-reduced-motion:reduce){.sph svg{animation:none}}
@media(max-width:900px){.hw{grid-template-columns:1fr}.hm{order:2}.side{top:auto;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:none}.side a{height:52px;min-width:52px}.sd{min-width:52px;font-size:14px}.sph{max-width:52px}.sph svg{margin:0 13px}}

/* ===== section: سول چیه (isometric tabs) ===== */
.ws{max-width:1500px;margin:0 auto;padding:clamp(28px,5vw,80px) var(--gx);text-align:center}
.ws h2{margin:0 0 .9em;font-size:clamp(24px,3vw,44px);font-weight:800;line-height:1.5;color:var(--hn)}
.ws-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
.ws-tabs button{font:inherit;font-weight:700;font-size:14px;padding:10px 26px;border-radius:999px;border:1.5px solid var(--gold2);background:transparent;color:var(--goldtxt);cursor:pointer;transition:background .25s,color .25s,box-shadow .25s,transform .2s}
.ws-tabs button:hover{background:color-mix(in srgb,var(--gold1) 22%,transparent)}
.ws-tabs button[aria-selected=true]{background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);border-color:transparent;box-shadow:var(--shadow)}
.ws-stage{position:relative;width:100%;max-width:1240px;margin:clamp(8px,2vw,28px) auto 0;aspect-ratio:9300/4500;direction:ltr}
.ws-l{position:absolute;height:auto;pointer-events:none;filter:grayscale(1) opacity(.13);transition:filter .6s ease}
.ws-l.on{filter:none}
.ws-hs{position:absolute;width:0;height:0;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;z-index:3}
.ws-hs.on{opacity:1;visibility:visible}
.ws-hs i{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 2px var(--card)}
.ws-hs i:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--acc);animation:ws-p 2s ease-out infinite}
.ws-hs b{position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;direction:rtl;font-size:clamp(10px,1.05vw,13.5px);font-weight:700;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.55em 1.1em;box-shadow:var(--shadow)}
.ws-hs.r b{left:18px}.ws-hs.l b{right:18px}
.ws-hs.u b,.ws-hs.d b{left:50%;transform:translateX(-50%)}.ws-hs.u b{top:auto;bottom:18px}.ws-hs.d b{top:18px}
@keyframes ws-p{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.2);opacity:0}}
.ws-cap{max-width:640px;margin:clamp(10px,2vw,24px) auto 0;color:var(--mut);font-size:clamp(13px,1.1vw,16px);line-height:2;min-height:4em}
.ws-ls{display:none;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}
.ws-ls span{font-size:12.5px;font-weight:700;border:1px solid var(--line);background:var(--card);border-radius:99px;padding:6px 14px}
@media(max-width:700px){.ws-hs b{display:none}.ws-ls{display:flex}.ws-tabs button{padding:8px 16px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.ws-hs i:after{animation:none}.ws-l{transition:none}}
/* راهنمای تب بعدی: حلقه‌ی ملایم + نشانگر کلیک روی اولین تبی که هنوز دیده نشده */
.ws-tabs button{position:relative}
.ws-tabs button.nudge:not([aria-selected=true]){border-color:var(--gold2);background:color-mix(in srgb,var(--gold1) 14%,transparent)}
.ws-tabs button.nudge:after{content:"";position:absolute;inset:-5px;border-radius:999px;border:2px solid var(--gold2);opacity:0;pointer-events:none;animation:ws-nd 2.2s ease-out infinite}
.ws-tabs button.nudge:before{content:"";position:absolute;z-index:2;left:50%;top:calc(100% - 6px);width:22px;height:22px;margin-left:-4px;pointer-events:none;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l14 7.5-6.2 1.9 4.2 6.9-3 1.8-4.2-7L5 18.5z' fill='%231c1712' stroke='white' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
 filter:drop-shadow(0 3px 4px rgba(60,40,10,.35));animation:ws-tap 2.2s ease-in-out infinite}
@keyframes ws-nd{0%,30%{opacity:0;transform:scale(.96)}45%{opacity:.85}100%{opacity:0;transform:scale(1.14)}}
@keyframes ws-tap{0%{transform:translate(10px,12px);opacity:0}18%{transform:translate(0,0);opacity:1}32%{transform:translate(0,0) scale(.82)}42%{transform:translate(0,0) scale(1)}78%{transform:translate(0,0);opacity:1}100%{transform:translate(0,0);opacity:0}}
@media(prefers-reduced-motion:reduce){.ws-tabs button.nudge:after,.ws-tabs button.nudge:before{animation:none;opacity:1}.ws-tabs button.nudge:after{opacity:.6}}

/* ===== section: web / windows versions ===== */
.wb{overflow-x:clip}
.wb-row{padding:clamp(20px,4vw,64px) 0}
.wb-in{max-width:1920px;margin:0 auto;padding:0 var(--gx);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,90px)}
.wb-vis{position:relative;width:100%;max-width:740px;aspect-ratio:740/638;--cx:56.2%}
.wb-row.ra .wb-vis{justify-self:start}.wb-row.rb .wb-vis{justify-self:end;--cx:43.8%}
.wb-sh{position:absolute;inset:0;overflow:hidden;box-shadow:var(--shadow);background:repeating-radial-gradient(circle at var(--cx) 50%,rgba(246,236,217,.06) 0 1px,transparent 1px 34px),linear-gradient(155deg,#3d2e1f,#2a2018)}
.wb-row.rb .wb-sh{background:repeating-radial-gradient(circle at var(--cx) 50%,rgba(246,236,217,.06) 0 1px,transparent 1px 34px),linear-gradient(205deg,#3d2e1f,#2a2018)}
.wb-row.ra .wb-sh{border-radius:0 38% 38% 0/0 44% 44% 0}
.wb-row.rb .wb-sh{border-radius:38% 0 0 38%/44% 0 0 44%}
.wb-gl{position:absolute;inset:0;background:radial-gradient(380px circle at var(--mx,70%) var(--my,30%),rgba(214,179,116,.24),transparent 62%);transition:opacity .3s}
.wb-fig{position:absolute;top:14%;width:62%;aspect-ratio:1}
.wb-row.ra .wb-fig{right:12.8%}.wb-row.rb .wb-fig{left:12.8%}
.wb-ph{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 clamp(3px,.5vw,7px) rgba(214,179,116,.4),0 26px 50px -18px rgba(0,0,0,.65)}
.wb-ring{position:absolute;inset:-6%;border-radius:50%;border:1.5px dashed rgba(214,179,116,.65);animation:wb-spin 70s linear infinite}
.wb-ring:after{content:"";position:absolute;top:-5px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--gold1);box-shadow:0 0 14px var(--gold1)}
@keyframes wb-spin{to{transform:rotate(360deg)}}
.wb-chip,.wb-card{position:absolute;z-index:2;color:#f6ecd9;background:rgba(30,22,15,.5);border:1px solid rgba(246,236,217,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 30px -14px rgba(0,0,0,.55);animation:wb-bob 6s ease-in-out infinite}
.wb-chip{display:flex;align-items:center;gap:.6em;padding:.6em 1.2em;border-radius:999px;font-size:clamp(11px,1.05vw,14px);font-weight:700;white-space:nowrap}
.wb-live{width:9px;height:9px;border-radius:50%;background:#a4c27f;box-shadow:0 0 0 0 rgba(164,194,127,.7);animation:wb-pulse 2s infinite}
@keyframes wb-pulse{70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
@keyframes wb-bob{50%{transform:translateY(-8px)}}
.wb-row.ra .wc1{left:5%;top:13%}.wb-row.ra .wc2{left:3%;bottom:15%;animation-delay:-2s}
.wb-row.rb .wc1{right:5%;top:13%}.wb-row.rb .wc2{right:3%;bottom:15%;animation-delay:-2s}.wb-row.ra .wc3{right:4%;top:6%;animation-delay:-4s}
.wb-card{padding:14px 18px;border-radius:20px;width:30%;min-width:128px;animation-delay:-3.5s;font-size:clamp(11px,1vw,13px)}
.wb-card small{display:block;font-weight:700;opacity:.9}.wb-card b{display:block;margin-top:4px;color:#d6e8b8;font-size:1.1em}
.wb-row.ra .wb-card{right:9%;bottom:20%}.wb-row.rb .wb-card{left:9%;bottom:20%}
.wb-bars{display:flex;align-items:flex-end;gap:5px;height:34px;margin-top:10px;direction:ltr}
.wb-bars i{flex:1;border-radius:3px;background:linear-gradient(180deg,#d6e8b8,#7fa560);height:var(--h);transform-origin:bottom;animation:wb-bar 3.6s ease-in-out var(--d) infinite}
@keyframes wb-bar{0%,100%{transform:scaleY(.4)}40%,80%{transform:scaleY(1)}}
.wb-tx h3{margin:0 0 .25em;font-size:clamp(24px,2.5vw,40px);font-weight:800;line-height:1.5;color:var(--hn)}
.wb-sub{margin:0 0 1.2em;font-size:clamp(20px,2.2vw,36px);line-height:1.5;color:var(--ink)}
.wb-f{display:flex;gap:14px;align-items:flex-start;margin:0 0 1.1em;font-size:clamp(14px,1.15vw,17px);line-height:2.1;color:var(--ink)}
.wb-i{flex:none;box-sizing:content-box;width:22px;height:22px;padding:9px;border-radius:14px;color:var(--leaf);background:color-mix(in srgb,var(--leaf) 13%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 30%,transparent)}
.wb-v{margin:1.5em 0 1.7em;padding-inline-start:62px}
.wb-v b{display:block;margin-bottom:.5em;font-size:13.5px;font-weight:800;color:var(--leaf)}
.wb-v div{display:flex;flex-wrap:wrap;gap:10px}
.wb-v span{display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 18px;border-radius:999px;font-size:clamp(13px,1.05vw,15.5px);font-weight:700;color:var(--ink);background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 32%,transparent)}
.wb-v svg{width:15px;height:15px;color:var(--leaf)}
.wb-b{display:flex;flex-wrap:wrap;gap:14px;padding-inline-start:62px}
.wb-b a{padding:12px 34px;border-radius:999px;font-weight:800;font-size:15px;border:2px solid var(--acc);transition:transform .2s,filter .2s,background .2s,color .2s}
.wb-b1{background:var(--acc);color:var(--on-acc)}.wb-b1:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 22px -10px var(--acc)}
.wb-b2{color:var(--goldtxt);border-color:var(--gold2)!important}.wb-new{display:inline-block;margin-inline-start:10px;padding:1px 10px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:11.5px;font-weight:800;line-height:1.8;vertical-align:middle}.wb-b2:hover{background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);border-color:transparent!important;transform:translateY(-2px)}
@supports(animation-timeline:view()){.wb-fig{animation:wb-par linear both;animation-timeline:view();animation-range:cover 0% cover 100%}@keyframes wb-par{from{transform:translateY(26px)}to{transform:translateY(-26px)}}}
.wb-ready .wb-sh{transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.wb-ready .wb-fig,.wb-ready .wb-chip,.wb-ready .wb-card,.wb-ready .wb-tx{transition:opacity .8s .5s,translate .9s .5s cubic-bezier(.2,.8,.2,1)}
.wb-ready .wb-row.ra:not(.in) .wb-sh{transform:translateX(-115%)}.wb-ready .wb-row.rb:not(.in) .wb-sh{transform:translateX(115%)}
.wb-ready .wb-row:not(.in) .wb-fig,.wb-ready .wb-row:not(.in) .wb-chip,.wb-ready .wb-row:not(.in) .wb-card{opacity:0;scale:.9}
.wb-ready .wb-row:not(.in) .wb-tx{opacity:0;translate:0 18px}
@media(max-width:900px){.wb-in{grid-template-columns:1fr}.wb-row .wb-vis{order:-1;justify-self:center}.wb-v,.wb-b{padding-inline-start:0}}
@media(max-width:560px){.wb-chip.wc2,.wb-chip.wc3{display:none}.wb-card{min-width:110px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.wb-ring,.wb-chip,.wb-card,.wb-live,.wb-bars i,.wb-fig{animation:none!important}.wb-ready .wb-sh,.wb-ready .wb-fig,.wb-ready .wb-chip,.wb-ready .wb-card,.wb-ready .wb-tx{transition:none}.wb-ready .wb-row:not(.in) .wb-sh{transform:none}.wb-ready .wb-row:not(.in) .wb-fig,.wb-ready .wb-row:not(.in) .wb-chip,.wb-ready .wb-row:not(.in) .wb-card,.wb-ready .wb-row:not(.in) .wb-tx{opacity:1;scale:none;translate:none}}

/* ===== NX: new versions section ===== */
.nx-sec{max-width:1500px;margin:0 auto;padding:clamp(40px,6vw,110px) var(--gx)}
.nx-hd{text-align:center}
.nx-ey{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;font-size:13px;font-weight:800;color:var(--goldtxt);border:1px solid color-mix(in srgb,var(--gold2) 45%,transparent);background:color-mix(in srgb,var(--gold1) 14%,transparent)}
.nx-ey i{width:7px;height:7px;border-radius:50%;background:var(--gold2)}
.nx-hd h2{margin:.5em 0 0;font-size:clamp(26px,3.4vw,52px);line-height:1.5;font-weight:800;color:var(--hn)}
.nx-hd h2 em{font-style:normal;background:linear-gradient(90deg,var(--gold2),var(--gold1));-webkit-background-clip:text;background-clip:text;color:transparent}
.nx-sw{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(100%,440px);margin:clamp(18px,2vw,28px) auto 0;padding:5px;border-radius:999px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}
.nx-th{position:absolute;top:5px;bottom:5px;left:0;width:0;border-radius:999px;background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 72%,#000));box-shadow:0 10px 22px -10px var(--acc);transition:transform .55s cubic-bezier(.2,.9,.25,1.08),width .55s cubic-bezier(.2,.9,.25,1.08)}
.nx-tb{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 10px;border:0;background:none;font:inherit;font-weight:800;font-size:15px;color:var(--ink);cursor:pointer;border-radius:999px;transition:color .3s}
.nx-tb svg{width:19px;height:19px}
.nx-tb[aria-selected=true]{color:var(--on-acc)}
.nx-pn{display:none}
.nx-pn.on{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(12px,1.4vw,22px);margin-top:clamp(24px,3vw,44px);animation:nxin .7s cubic-bezier(.2,.8,.2,1)}
@keyframes nxin{from{opacity:0;transform:translateY(22px) scale(.985);filter:blur(6px)}}
.nx-c{position:relative;overflow:hidden;isolation:isolate;border-radius:30px;background:var(--card);border:1px solid var(--line);padding:clamp(20px,2.2vw,34px)}
.nx-c:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--gold1) 24%,transparent),transparent 65%)}
.nx-c:hover:before{opacity:1}
.nx-a{grid-column:span 7;grid-row:span 2;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(16px,2vw,32px);color:#f6ecd9;border-color:rgba(214,179,116,.28);background:radial-gradient(rgba(246,236,217,.08) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(155deg,#3d2e1f,#231910)}
.nx-tx{display:flex;flex-direction:column;justify-content:center}
.nx-k{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:999px;font-size:12.5px;font-weight:800;color:#e3c28a;border:1px solid rgba(227,194,138,.4);background:rgba(227,194,138,.08)}
.nx-k svg{width:15px;height:15px}
.nx-tx h3{margin:.7em 0 .15em;font-size:clamp(24px,2.6vw,42px);line-height:1.5;font-weight:800;color:#fff6e4}
.nx-s{margin:0 0 1em;font-size:clamp(15.5px,1.4vw,21px);line-height:1.6;font-weight:700;color:#e3c28a}
.nx-tx p{margin:0;font-size:clamp(13.5px,1.05vw,16px);line-height:2.1;color:rgba(246,236,217,.82)}
.nx-im{position:relative;align-self:center;width:100%;aspect-ratio:1}.nx-im:before{content:"";position:absolute;inset:-5%;border-radius:50%;border:1.5px dashed rgba(214,179,116,.6);animation:wb-spin 70s linear infinite}
.nx-im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 0 0 5px rgba(214,179,116,.4),0 26px 50px -18px rgba(0,0,0,.65);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.nx-a:hover .nx-im img{transform:scale(1.04)}
.nx-ch{position:absolute;z-index:2;inset-inline-start:14px;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:12.5px;font-weight:800;color:#f6ecd9;background:rgba(30,22,15,.55);border:1px solid rgba(246,236,217,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.nx-ch.nx-c1{top:4%;inset-inline-start:-6%}.nx-ch.nx-c2{bottom:6%;inset-inline-end:-6%;inset-inline-start:auto}
.nx-ch i{width:8px;height:8px;border-radius:50%;background:#a4c27f;animation:wb-pulse 2s infinite}
.nx-b{grid-column:span 5}
.nx-lb{display:block;margin-bottom:.4em;font-size:13.5px;font-weight:800;color:var(--leaf)}
.nx-b ol{list-style:none;margin:0;padding:0}
.nx-b li{display:flex;align-items:center;gap:16px;padding:clamp(10px,1.1vw,16px) 0;border-bottom:1px solid var(--line);font-size:clamp(18px,1.9vw,28px);font-weight:800;color:var(--ink)}
.nx-b li:last-child{border-bottom:0;padding-bottom:0}
.nx-n{min-width:2.2em;font-size:.62em;font-weight:800;color:var(--gold2);letter-spacing:.05em}
.nx-b li svg{margin-inline-start:auto;flex:none;width:30px;height:30px;padding:6px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
.nx-d{grid-column:span 5;display:flex;align-items:center;gap:18px}
.nx-d>svg{flex:none;box-sizing:content-box;width:26px;height:26px;padding:14px;border-radius:20px;color:var(--leaf);background:color-mix(in srgb,var(--leaf) 13%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 30%,transparent)}
.nx-d p{margin:0;font-size:clamp(15px,1.3vw,19px);line-height:1.9;font-weight:700;color:var(--ink)}
.nx-e{grid-column:span 12;display:grid;grid-template-columns:1fr 1fr;gap:inherit}
.nx-cta{display:flex;align-items:center;gap:16px;padding:20px 26px;border-radius:26px;font-weight:800;font-size:clamp(15px,1.25vw,18px);line-height:1.8;transition:transform .25s,box-shadow .25s,filter .25s,background .25s,color .25s}
.nx-cta:hover{transform:translateY(-3px)}
.nx-cta span.t{flex:1}
.nx-ar{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.18);transition:transform .25s}
.nx-ar svg{width:20px;height:20px}
.nx-cta:hover .nx-ar{transform:translateX(-5px)}
.nx-p{background:var(--acc);color:var(--on-acc)}
.nx-p:hover{filter:brightness(1.08);box-shadow:0 16px 28px -14px var(--acc)}
.nx-q{background:var(--card);color:var(--goldtxt);border:1.5px solid var(--gold2)}
.nx-q .nx-ar{background:color-mix(in srgb,var(--gold1) 24%,transparent)}
.nx-q:hover{background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:0 16px 28px -14px var(--gold2)}
.nx-q:hover .nx-ar{background:rgba(255,255,255,.35)}
.nx-ai{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#7fa560,#4f7f3f)}
.nx-ai svg{width:26px;height:26px}
.nx-nw{display:inline-block;margin-inline-start:8px;padding:1px 10px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:11.5px;font-weight:800;line-height:1.8;vertical-align:middle}
@media(max-width:1000px){.nx-a{grid-column:span 12;grid-row:auto}.nx-b,.nx-d{grid-column:span 12}}
@media(max-width:700px){.nx-a{grid-template-columns:1fr}.nx-im{order:-1;width:min(100%,300px);margin:8px auto}.nx-e{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.nx-pn.on{animation:none}.nx-th,.nx-im img,.nx-cta,.nx-ar{transition:none}.nx-im:before{animation:none}.nx-ch i{animation:none}}

/* ===== HX: hero designed slides ===== */
.hx{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2cqw;padding:3cqw 5.5cqw;text-align:start;background:radial-gradient(55cqw 38cqw at 22% 55%,color-mix(in srgb,var(--gold1) 30%,transparent),transparent 70%),linear-gradient(145deg,var(--bg2),var(--card))}
.hx .hx-h{margin:0 0 1.1cqw;font-size:3.1cqw;line-height:1.6;font-weight:800;color:var(--hn)}
.hx .hx-h em{font-style:normal;color:var(--acc)}
.hx-p{margin:0 0 2.2cqw;font-size:1.4cqw;line-height:2.1;color:var(--ink);opacity:.86}
.hx-bt{display:flex;gap:1.1cqw;margin-bottom:1.6cqw}
.hx-bt a{padding:.85cqw 2.3cqw;border-radius:999px;font-size:1.25cqw;font-weight:800;border:.16cqw solid var(--acc);transition:transform .2s,filter .2s}
.hx-bt a:hover{transform:translateY(-.2cqw);filter:brightness(1.08)}
.hx-b1{background:var(--acc);color:var(--on-acc)}.hx-b2{color:var(--acc)}
.hx-rt{display:flex;align-items:center;gap:.8cqw;font-size:1.05cqw;color:var(--mut)}
.hx-st{display:inline-flex;gap:.15cqw}.hx-st svg{width:1.4cqw;height:1.4cqw;fill:var(--gold2)}.hx-st svg.e{fill:none;stroke:var(--gold2);stroke-width:1.6}
.hx-vs{position:relative;height:100%;display:grid;place-items:center}
.hx-1{grid-template-columns:.85fr 1.15fr}.hx-vs img{position:relative;max-width:100%;max-height:96%;object-fit:contain;filter:drop-shadow(0 1.6cqw 1.8cqw rgba(60,40,15,.28))}
.hx-gl{position:absolute;width:38cqw;max-width:96%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold1) 38%,transparent),transparent 68%)}
.hx-2 .hx-gl{border:.14cqw dashed color-mix(in srgb,var(--gold2) 60%,transparent);width:33cqw;background:radial-gradient(circle,color-mix(in srgb,var(--gold1) 30%,transparent),transparent 72%)}
.s.on .hx-tx>*{animation:hxup .7s cubic-bezier(.2,.8,.2,1) both}
.s.on .hx-tx>:nth-child(2){animation-delay:.08s}.s.on .hx-tx>:nth-child(3){animation-delay:.16s}.s.on .hx-tx>:nth-child(4){animation-delay:.24s}
.s.on .hx-vs img{animation:hxin .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes hxup{from{opacity:0;transform:translateY(1.6cqw)}}
@keyframes hxin{from{opacity:0;transform:translateX(-3cqw) scale(.96)}}
@container (max-width:620px){.hx{padding:3cqw 4cqw}.hx-p,.hx-rt,.hx-b2{display:none}.hx .hx-h{font-size:4.8cqw}.hx-bt a{font-size:3cqw;padding:1.6cqw 4.2cqw}.hx-bt{margin:3cqw 0 0}}
@media(prefers-reduced-motion:reduce){.s.on .hx-tx>*,.s.on .hx-vs img{animation:none}}

/* ===== HX v2: slides fill the whole frame (no buttons / rating) ===== */
.hx{padding:0;gap:0;align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hx-1{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}
.hx-2{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}
.hx-tx{align-self:center;padding-block:3cqw;padding-inline:5.5cqw 2cqw;position:relative;z-index:2}
.hx .hx-h{font-size:3.4cqw;margin:0 0 1.6cqw}
.hx-p{font-size:1.65cqw;margin:0;max-width:none}
.hx-vs{height:100%;display:flex;align-items:flex-end;justify-content:center;position:relative}
.hx-vs img{width:100%;height:auto;max-width:none;max-height:100%;object-fit:contain;object-position:center bottom}
.hx-1 .hx-vs{direction:ltr;justify-content:flex-start}
.hx-1 .hx-vs img{width:106%;margin-left:-3%;max-height:none}
.hx-1 .hx-gl{width:46cqw;bottom:auto;top:8cqw}
.hx-1 .hx-h{font-size:3.2cqw;margin-bottom:1.3cqw}
.hx-1 .hx-p{font-size:1.5cqw}
.hx-2 .hx-vs{align-items:flex-end}
.hx-2 .hx-vs img{width:auto;height:88%;max-width:100%}
.hx-gl{width:52cqw;bottom:-6cqw}
.hx-2 .hx-gl{width:46cqw;bottom:auto}
@container (max-width:620px){.hx-tx{padding-inline:4cqw 1cqw}.hx .hx-h{font-size:4.4cqw;margin:0}.hx-p{display:none}}

.hx-1 .hx-tx{padding-inline:4.5cqw 1.5cqw}
.hx-1 .hx-h{font-size:3cqw;margin-bottom:.8cqw}
.hx-1 .hx-p{font-size:1.5cqw}
.hx-tiers{display:grid;grid-template-columns:1fr 1fr;gap:1.2cqw;margin-top:2cqw}
.tier{position:relative;border-radius:1.4cqw;padding:1.3cqw 1.3cqw 1.4cqw;background:color-mix(in srgb,var(--card) 88%,transparent);border:1px solid var(--line);box-shadow:var(--shadow)}
.tier .tier-t{margin:0 0 .7cqw;font-size:1.8cqw;font-weight:800;color:var(--hn)}
.tier .tg{display:inline-block;font-size:1.1cqw;font-weight:800;padding:.3cqw .9cqw;border-radius:99px;background:color-mix(in srgb,var(--ok) 28%,transparent);color:var(--ink)}
.tier ul{list-style:none;margin:1.1cqw 0 0;padding:0;display:grid;gap:.7cqw}
.tier li{white-space:nowrap;display:flex;align-items:center;gap:.7cqw;font-size:1.38cqw;font-weight:600;line-height:1.6}
.tier li:before{content:"";flex:none;width:.85cqw;height:.85cqw;border-radius:50%;background:var(--gold2)}
.tier.vip{border:.18cqw solid var(--gold2);background:linear-gradient(160deg,color-mix(in srgb,var(--gold1) 30%,var(--card)),var(--card))}
.tier.vip .tg{background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
.hx-free{position:absolute;z-index:3;top:2.2cqw;left:15.5cqw;right:1.5cqw;display:flex;align-items:center;gap:1.5cqw;direction:rtl;padding:1.5cqw 2.2cqw;border-radius:1.8cqw;color:var(--on-gold);background:linear-gradient(100deg,var(--gold1),var(--gold2) 30%,var(--gold1) 55%,var(--gold2) 80%,var(--gold1));background-size:250% 100%;box-shadow:0 1.4cqw 2.6cqw -1.2cqw var(--gold2)}
.hx-free .n{font-size:8cqw;font-weight:800;line-height:1;display:flex;align-items:baseline;gap:.5cqw}
.hx-free .n small{font-size:2.5cqw;font-weight:800}
.hx-free .t{display:grid;gap:.2cqw;padding-inline-start:1.6cqw;border-inline-start:.18cqw solid color-mix(in srgb,var(--on-gold) 35%,transparent);line-height:1.5}
.hx-free .t b{white-space:nowrap;font-size:2.6cqw;font-weight:800}
.hx-free .t span{white-space:nowrap;font-size:1.3cqw;font-weight:700;opacity:.9}
.s.on .hx-free{animation:hxup .7s cubic-bezier(.2,.8,.2,1) both .25s,shim 6s linear infinite}
.s.on .tier{animation:hxup .7s cubic-bezier(.2,.8,.2,1) both .3s}
.s.on .tier.vip{animation-delay:.42s}
@container (max-width:620px){.hx-tiers{display:none}.hx-1 .hx-h{font-size:4.4cqw}.hx-free{left:16cqw;right:1.5cqw;top:2cqw;padding:1.2cqw 1.8cqw;gap:1.3cqw;border-radius:2.4cqw}.hx-free .n{font-size:6.5cqw}.hx-free .n small{font-size:2cqw}.hx-free .t{padding-inline-start:1.2cqw}.hx-free .t b{font-size:2.5cqw}.hx-free .t span{display:none}}
@media(prefers-reduced-motion:reduce){.s.on .hx-free,.s.on .tier{animation:none}}

.hx-cw{margin-top:2.2cqw}
.hx-cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:1.3cqw;padding-block:.8cqw;padding-inline:2.4cqw .8cqw;border-radius:999px;white-space:nowrap;font-size:1.5cqw;font-weight:800;color:var(--on-acc);background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 82%,#fff),var(--acc));box-shadow:0 1.2cqw 2.4cqw -1cqw var(--acc);transition:transform .2s,filter .2s}
.hx-cta:hover{transform:translateY(-.25cqw);filter:brightness(1.08)}
.hx-cta i{display:grid;place-items:center;width:3cqw;height:3cqw;border-radius:50%;background:var(--on-acc);color:var(--acc);transition:transform .25s}
.hx-cta:hover i{transform:translateX(-.4cqw)}
.hx-cta svg{width:1.5cqw;height:1.5cqw}
.hx-cta .cs{display:none}
.hx-cw2{margin-top:1.1cqw}.hx-cta.hx-dl{background:transparent;color:var(--acc);box-shadow:inset 0 0 0 .2cqw var(--acc)}.hx-cta.hx-dl i{background:var(--acc);color:var(--on-acc)}.hx-cta.hx-dl:after{display:none}
.hx-cta:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);transform:translateX(-130%);animation:sw 3.8s ease-in-out infinite}
.s.on .hx-cw{animation:hxup .7s cubic-bezier(.2,.8,.2,1) both .6s}
@container (max-width:620px){.hx-cw2{margin-top:2cqw}.hx-cta .cf{display:none}.hx-cta .cs{display:inline}.hx-cw{margin-top:2.6cqw}.hx-cta{font-size:3cqw;gap:1.6cqw}.hx-cta i{width:5.2cqw;height:5.2cqw}.hx-cta svg{width:2.6cqw;height:2.6cqw}}
@media(prefers-reduced-motion:reduce){.s.on .hx-cw{animation:none}.hx-cta:after{animation:none}}

/* ===== NX v2: tabs hold the left/right version rows ===== */
.nx-sec{max-width:none;padding-inline:0;overflow-x:clip}
.nx-hd{padding-inline:var(--gx)}
.nx-pn.on{display:block;margin-top:clamp(6px,1.2vw,20px)}
.nx-pn .wb-row{padding-block:clamp(16px,3vw,48px) 0}

/* ===== HX-3: digital package orbit ===== */
.hx-3{grid-template-columns:minmax(0,.95fr) minmax(0,1fr)}
.hx-3 .hx-vs{align-items:center;justify-content:center}
.h3-ey{display:inline-block;margin-bottom:1.2cqw;padding:.5cqw 1.4cqw;border-radius:99px;font-size:1.15cqw;font-weight:800;color:var(--goldtxt);border:1px solid color-mix(in srgb,var(--gold2) 45%,transparent);background:color-mix(in srgb,var(--gold1) 16%,transparent)}
.h3-sv{display:flex;align-items:center;gap:1.4cqw;margin-top:1.8cqw;padding:1.2cqw 1.6cqw;border-radius:1.6cqw;background:color-mix(in srgb,var(--card) 85%,transparent);border:1px solid var(--line);box-shadow:var(--shadow)}
.h3-sv b{font-size:4.6cqw;line-height:1.1;font-weight:800;background:linear-gradient(135deg,var(--gold1),var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}
.h3-sv span{font-size:1.3cqw;font-weight:800;line-height:1.6;white-space:nowrap;padding-inline-end:1.4cqw;border-inline-end:.15cqw solid var(--line)}
.h3-sv ul{list-style:none;margin:0;padding:0;display:grid;gap:.4cqw;font-size:1.25cqw;font-weight:700;white-space:nowrap}
.h3-sv li:before{content:"✓";margin-inline-end:.6cqw;color:var(--ok);font-weight:800}
.o3{position:relative;width:48cqw;height:48cqw}
.o3:before{content:"";position:absolute;inset:-6%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold1) 34%,transparent),transparent 68%)}
.o3-ring{position:absolute;inset:7%;border-radius:50%;border:.15cqw dashed color-mix(in srgb,var(--gold2) 60%,transparent);animation:wb-spin 90s linear infinite}
.o3-n{position:absolute;left:50%;top:50%;width:6.2cqw;height:6.2cqw;margin:-3.1cqw 0 0 -3.1cqw;padding:0;border-radius:50%;display:grid;place-items:center;font-size:2.8cqw;line-height:1;cursor:pointer;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);transform:rotate(var(--a)) translateY(-19.6cqw) rotate(calc(-1*var(--a)));transition:scale .35s cubic-bezier(.2,.8,.2,1),background .3s,box-shadow .3s}
.o3-n:hover{scale:1.1}
.o3-n.on{scale:1.28;background:linear-gradient(135deg,var(--gold1),var(--gold2));box-shadow:0 0 0 .8cqw color-mix(in srgb,var(--gold1) 32%,transparent),0 1.2cqw 2.4cqw -.8cqw var(--gold2)}
.o3-core{position:absolute;inset:21%;border-radius:50%;display:grid;align-content:center;justify-items:center;text-align:center;padding:2.4cqw;color:#f6ecd9;background:radial-gradient(rgba(246,236,217,.07) 1px,transparent 1px) 0 0/1.6cqw 1.6cqw,linear-gradient(155deg,#3d2e1f,#231910);box-shadow:0 2cqw 4cqw -1.5cqw rgba(60,40,15,.5),0 0 0 .5cqw color-mix(in srgb,var(--gold1) 45%,transparent)}
.o3-ic{font-size:3.6cqw;line-height:1.2}
.o3-t{margin:.4cqw 0;font-size:1.75cqw;line-height:1.5;font-weight:800;color:#e3c28a}
.o3-d{margin:0;font-size:1.15cqw;line-height:1.9;opacity:.86}
.o3-k{margin-top:.8cqw;font-size:.95cqw;font-weight:700;opacity:.55}
.o3-core.sw>*{animation:hxup .5s cubic-bezier(.2,.8,.2,1) both}
@container (max-width:620px){.hx-3 .h3-ey,.hx-3 .h3-sv,.hx-3 .o3-d,.hx-3 .o3-k{display:none}.o3{width:50cqw;height:50cqw}.o3-t{font-size:3cqw}.o3-ic{font-size:6cqw}.o3-n{transform:rotate(var(--a)) translateY(-20.4cqw) rotate(calc(-1*var(--a)))}}
@media(prefers-reduced-motion:reduce){.o3-ring{animation:none}.o3-core.sw>*{animation:none}}

/* ===== HX-4: free software ticket ===== */
.hx-4 .hx-h em{font-size:1.45em;background:linear-gradient(100deg,var(--acc),var(--gold2) 30%,var(--acc) 55%,var(--gold2) 80%,var(--acc));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shim 4s linear infinite}
.hx-4 .hx-vs{align-items:flex-end;justify-content:center;padding-bottom:2.2cqw}
.t5-dot{display:inline-block;width:.8cqw;height:.8cqw;margin-inline-end:.8cqw;border-radius:50%;background:var(--acc);animation:wb-pulse 1.6s infinite;box-shadow:0 0 0 0 var(--acc)}
.t5-pl{display:flex;flex-wrap:wrap;gap:.8cqw;margin-top:1.5cqw}
.t5-pl span{padding:.5cqw 1.2cqw;border-radius:99px;font-size:1.2cqw;font-weight:800;background:color-mix(in srgb,var(--ok) 20%,transparent);border:1px solid color-mix(in srgb,var(--ok) 45%,transparent)}
.t5-pl span:before{content:"✓";margin-inline-end:.5cqw;color:var(--ok)}
.t5{position:relative;width:43cqw;rotate:-1.5deg;border-radius:2cqw;padding:1.3cqw 1.6cqw 1.5cqw;background:var(--card);border:1px solid var(--line);box-shadow:0 2.4cqw 4cqw -1.6cqw rgba(60,40,15,.45)}
.t5-stamp{position:absolute;z-index:3;top:-3.4cqw;right:-2.4cqw;width:8.4cqw;height:8.4cqw;border-radius:50%;display:grid;place-content:center;text-align:center;rotate:12deg;font-size:1.55cqw;font-weight:800;line-height:1.35;color:var(--on-acc);background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 70%,#000));border:.3cqw dashed rgba(255,255,255,.6);box-shadow:0 1.2cqw 2.2cqw -.8cqw var(--acc);animation:bob 4s ease-in-out infinite}
.t5-h{display:flex;justify-content:space-between;align-items:center;padding-bottom:1cqw;margin-bottom:.4cqw;border-bottom:.15cqw dashed var(--line)}
.t5-h b{font-size:1.9cqw;font-weight:800;color:var(--hn)}.t5-h span{font-size:1.05cqw;font-weight:700;color:var(--goldtxt)}
.t5-i{display:flex;align-items:center;gap:1.2cqw;padding:.75cqw 0}
.t5-i>i{flex:none;display:grid;place-items:center;width:3.8cqw;height:3.8cqw;border-radius:1.2cqw;font-size:2cqw;font-style:normal;background:color-mix(in srgb,var(--gold1) 24%,transparent);border:1px solid color-mix(in srgb,var(--gold2) 35%,transparent)}
.t5-i div{flex:1;min-width:0}.t5-i b{display:block;font-size:1.5cqw;font-weight:800}.t5-i small{display:block;font-size:1.08cqw;color:var(--mut);font-weight:600}
.t5-i em{flex:none;display:grid;place-items:center;width:2.2cqw;height:2.2cqw;border-radius:50%;font-style:normal;font-size:1.2cqw;font-weight:800;color:#fff;background:var(--ok)}
.t5-st{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:.8cqw;padding-top:1.3cqw;border-top:.15cqw dashed var(--line)}
.t5-st:before{content:"";position:absolute;top:2.8cqw;left:12%;right:12%;height:.2cqw;background:repeating-linear-gradient(90deg,var(--gold2) 0 .5cqw,transparent .5cqw 1cqw);opacity:.6}
.t5-st div{position:relative;display:grid;justify-items:center;gap:.5cqw;text-align:center}
.t5-st i{display:grid;place-items:center;width:3cqw;height:3cqw;border-radius:50%;font-style:normal;font-size:1.4cqw;font-weight:800;background:var(--card);border:.2cqw solid var(--gold2);color:var(--ink);animation:t5p 8s infinite;animation-delay:calc(var(--k)*2s)}
.t5-st span{font-size:1cqw;font-weight:700;line-height:1.5}
@keyframes t5p{0%,22%{background:var(--acc);border-color:var(--acc);color:var(--on-acc);scale:1.22;box-shadow:0 0 0 .7cqw color-mix(in srgb,var(--acc) 25%,transparent)}25%,100%{background:var(--card);border-color:var(--gold2);color:var(--ink);scale:1}}
.s.on .t5-i{animation:hxup .6s cubic-bezier(.2,.8,.2,1) both .35s}.s.on .t5-i:nth-of-type(2){animation-delay:.5s}.s.on .t5-i:nth-of-type(3){animation-delay:.65s}.s.on .t5-i:nth-of-type(4){animation-delay:.8s}
@container (max-width:620px){.hx-4 .h3-ey,.hx-4 .t5-pl,.hx-4 .t5-st,.hx-4 .t5-i small,.hx-4 .t5-h span,.hx-4 .t5-i em{display:none}.t5{width:46cqw;padding:2cqw}.t5-h b{font-size:3.4cqw}.t5-i b{font-size:3cqw}.t5-i>i{width:6cqw;height:6cqw;font-size:3.2cqw}.t5-stamp{font-size:2.6cqw;width:12cqw;height:12cqw}.hx-4 .hx-h em{font-size:1.2em}}
@media(prefers-reduced-motion:reduce){.t5-st i,.t5-stamp,.hx-4 .hx-h em,.t5-dot{animation:none}.s.on .t5-i{animation:none}}

/* ===== HX-5: offline mode ===== */
.hx-5{grid-template-columns:minmax(0,.95fr) minmax(0,1fr)}
.hx-5 .hx-h em{font-size:1.45em;background:linear-gradient(100deg,var(--acc),var(--gold2) 30%,var(--acc) 55%,var(--gold2) 80%,var(--acc));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shim 4s linear infinite}
.hx-5 .hx-vs{align-items:flex-end;justify-content:center;padding-bottom:4.5cqw}
.hx-5 .hx-vs:before{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;width:44cqw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold1) 32%,transparent),transparent 68%)}
.of5{position:relative;width:43cqw;rotate:1.2deg;border-radius:2cqw;padding:1.3cqw 1.6cqw 1.5cqw;background:var(--card);border:1px solid var(--line);box-shadow:0 2.4cqw 4cqw -1.6cqw rgba(60,40,15,.45)}
.of5-stamp{position:absolute;z-index:3;top:-7.4cqw;right:-4.2cqw;width:8.4cqw;height:8.4cqw;border-radius:50%;display:grid;place-content:center;text-align:center;rotate:12deg;font-size:1.55cqw;font-weight:800;line-height:1.35;color:var(--on-acc);background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 70%,#000));border:.3cqw dashed rgba(255,255,255,.6);box-shadow:0 1.2cqw 2.2cqw -.8cqw var(--acc);animation:of5w 3.2s ease-in-out infinite}
@keyframes of5w{50%{rotate:17deg;scale:1.06}}
.of5-h{display:flex;justify-content:space-between;align-items:center;gap:1cqw;padding-bottom:1cqw;margin-bottom:.4cqw;border-bottom:.15cqw dashed var(--line)}
.of5-h>b{font-size:1.9cqw;font-weight:800;color:var(--hn);white-space:nowrap}
.of5-pill{display:inline-flex;align-items:center;gap:.7cqw;padding:.5cqw 1.2cqw;border-radius:99px;font-size:1.15cqw;font-weight:800;white-space:nowrap;color:var(--ink);border:1px solid color-mix(in srgb,var(--ok) 55%,transparent);background:color-mix(in srgb,var(--ok) 24%,transparent)}
.of5-pill>i{flex:none;width:.9cqw;height:.9cqw;border-radius:50%;background:var(--ok)}
.of5-pill>span{display:grid}
.of5-pill>span>b{grid-area:1/1;font-weight:800;opacity:0}
.of5-pill>span>b:first-child{opacity:1}
.of5-r{display:flex;align-items:center;gap:1.2cqw;padding:.7cqw 0}
.of5-r>i{flex:none;display:grid;place-items:center;width:3.8cqw;height:3.8cqw;border-radius:1.2cqw;font-size:2cqw;font-style:normal;background:color-mix(in srgb,var(--gold1) 24%,transparent);border:1px solid color-mix(in srgb,var(--gold2) 35%,transparent)}
.of5-r div{flex:1;min-width:0}
.of5-r div b{display:block;font-size:1.5cqw;font-weight:800}
.of5-r div small{display:block;font-size:1.08cqw;color:var(--mut);font-weight:600}
.of5-r>em{flex:none;display:grid;place-items:center;width:2.2cqw;height:2.2cqw;border-radius:50%;font-style:normal;font-size:1.2cqw;font-weight:800;color:#fff;background:var(--ok)}
.of5-r>em>u{grid-area:1/1;text-decoration:none;line-height:1}
.of5-r.p{opacity:0}
.of5-r.p>em{background:var(--gold2)}
.of5-r.p>em>u:last-child{opacity:0}
.of5-st{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-top:.8cqw;padding-top:1.3cqw;border-top:.15cqw dashed var(--line)}
.of5-st:before{content:"";position:absolute;top:2.8cqw;left:17%;right:17%;height:.2cqw;background:repeating-linear-gradient(90deg,var(--gold2) 0 .5cqw,transparent .5cqw 1cqw);opacity:.6}
.of5-st div{position:relative;display:grid;justify-items:center;gap:.5cqw;text-align:center}
.of5-st i{display:grid;place-items:center;width:3cqw;height:3cqw;border-radius:50%;font-style:normal;font-size:1.4cqw;font-weight:800;background:var(--card);border:.2cqw solid var(--gold2);color:var(--ink)}
.of5-st span{font-size:1cqw;font-weight:700;line-height:1.5}
/* timeline (10s): 0-2 online · 2-6 offline · 6-8 sync · 8-10 synced */
.s.on .of5{animation:hxin .9s cubic-bezier(.2,.8,.2,1) both}
.s.on .of5-pill{animation:of5p 10s linear both}
.s.on .of5-pill>i{animation:of5d 10s linear both}
.s.on .of5-pill>span>b:nth-child(1){animation:of5a 10s linear both}
.s.on .of5-pill>span>b:nth-child(2){animation:of5b 10s linear both}
.s.on .of5-pill>span>b:nth-child(3){animation:of5c 10s linear both}
.s.on .of5-pill>span>b:nth-child(4){animation:of5e 10s linear both}
.s.on .of5-r.p{animation:of5in .6s cubic-bezier(.2,.8,.2,1) both var(--t)}
.s.on .of5-r.p>em{animation:of5ck .4s ease both var(--d)}
.s.on .of5-r.p>em>u:first-child{animation:of5x1 .3s ease both var(--d)}
.s.on .of5-r.p>em>u:last-child{animation:of5x2 .3s ease both var(--d)}
.s.on .of5-st i{animation:of5lit .5s ease both var(--d)}
.s.on .of5-st .ok i{animation-name:of5lok}
@keyframes of5p{0%,17%{background:color-mix(in srgb,var(--ok) 24%,transparent);border-color:color-mix(in srgb,var(--ok) 55%,transparent)}20%,57%{background:color-mix(in srgb,var(--acc) 18%,transparent);border-color:color-mix(in srgb,var(--acc) 60%,transparent)}60%,77%{background:color-mix(in srgb,var(--gold2) 24%,transparent);border-color:color-mix(in srgb,var(--gold2) 60%,transparent)}80%,100%{background:color-mix(in srgb,var(--ok) 24%,transparent);border-color:color-mix(in srgb,var(--ok) 55%,transparent)}}
@keyframes of5d{0%,17%{background:var(--ok)}20%,57%{background:var(--acc)}60%,77%{background:var(--gold2)}80%,100%{background:var(--ok)}}
@keyframes of5a{0%,17%{opacity:1}20%,100%{opacity:0}}
@keyframes of5b{0%,17%{opacity:0}20%,57%{opacity:1}60%,100%{opacity:0}}
@keyframes of5c{0%,57%{opacity:0}60%,77%{opacity:1}80%,100%{opacity:0}}
@keyframes of5e{0%,77%{opacity:0}80%,100%{opacity:1}}
@keyframes of5in{from{opacity:0;transform:translateY(1.2cqw)}to{opacity:1;transform:none}}
@keyframes of5ck{to{background:var(--ok)}}
@keyframes of5x1{to{opacity:0}}
@keyframes of5x2{to{opacity:1}}
@keyframes of5lit{to{background:var(--acc);border-color:var(--acc);color:var(--on-acc);scale:1.18;box-shadow:0 0 0 .7cqw color-mix(in srgb,var(--acc) 25%,transparent)}}
@keyframes of5lok{to{background:var(--ok);border-color:var(--ok);color:#fff;scale:1.18;box-shadow:0 0 0 .7cqw color-mix(in srgb,var(--ok) 25%,transparent)}}
@container (max-width:620px){.hx-5 .h3-ey,.hx-5 .t5-pl,.hx-5 .of5-st,.hx-5 .of5-r small{display:none}.of5{width:46cqw;padding:2cqw}.of5-h>b{display:none}.of5-h{justify-content:center;padding-bottom:1.4cqw}.of5-pill{font-size:2.2cqw;padding:.7cqw 1.8cqw}.of5-pill>i{width:1.6cqw;height:1.6cqw}.of5-r div b{font-size:3cqw}.of5-r>i{width:6cqw;height:6cqw;font-size:3.2cqw}.of5-r>em{width:3.6cqw;height:3.6cqw;font-size:2cqw}.of5-stamp{font-size:2.6cqw;width:12cqw;height:12cqw}.hx-5 .hx-h em{font-size:1.2em}}
@media(prefers-reduced-motion:reduce){.of5-stamp,.hx-5 .hx-h em{animation:none}.s.on .of5,.s.on .of5-pill,.s.on .of5-pill *,.s.on .of5-r.p,.s.on .of5-r.p *,.s.on .of5-st i{animation:none}.of5-pill>span>b:first-child{opacity:0}.of5-pill>span>b:last-child{opacity:1}.of5-r.p{opacity:1}.of5-r.p>em{background:var(--ok)}.of5-r.p>em>u:first-child{opacity:0}.of5-r.p>em>u:last-child{opacity:1}}

/* ===== MODULES: phone + dynamic connector lines ===== */
.md-sec{max-width:1500px;margin:0 auto;padding:clamp(12px,2.4vh,30px) var(--gx);text-align:center;overflow-x:clip}
.md-hd h2{margin:0;font-size:clamp(22px,2.6vw,38px);line-height:1.6;font-weight:800;color:var(--hn)}
.md-stage{--pw:clamp(170px,calc((100svh - 340px)/2.04),310px);--ic:clamp(44px,min(5.2vw,8vh),78px);--off:clamp(24px,4.6vw,84px);position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--pw) minmax(0,1fr);column-gap:clamp(70px,10vw,170px);align-items:stretch;margin-top:clamp(8px,2vh,24px);text-align:start}
.md-stage:before{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;width:min(64vw,780px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold1) 30%,transparent),transparent 68%);z-index:0;pointer-events:none}
.md-ring{position:absolute;left:50%;top:50%;margin:calc(var(--pw)*-1.32) 0 0 calc(var(--pw)*-1.32);width:calc(var(--pw)*2.64);height:calc(var(--pw)*2.64);border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--gold2) 45%,transparent);animation:wb-spin 120s linear infinite;z-index:0;pointer-events:none}
.md-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1;transition:opacity .8s .3s}
.md-sec.md-js:not(.in) .md-lines{opacity:0}
.md-bl{fill:none;stroke-width:1.3;transition:stroke-width .25s}
.md-tl,.md-cm{fill:none;stroke-linecap:round;opacity:0;animation-duration:var(--du,3.8s);animation-delay:var(--dl,0s);animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:cubic-bezier(.5,0,.3,1),linear}
.md-tl{stroke:var(--acc);stroke-opacity:.38;stroke-width:2.6;stroke-dasharray:26 200;animation-name:mdct,mdco}
.md-cm{stroke:color-mix(in srgb,var(--acc) 62%,#fff);stroke-width:3;stroke-dasharray:6 200;animation-name:mdch,mdco;filter:drop-shadow(0 0 4px var(--acc))}
@keyframes mdct{0%{stroke-dashoffset:26}70%,100%{stroke-dashoffset:-80}}
@keyframes mdch{0%{stroke-dashoffset:6}70%,100%{stroke-dashoffset:-100}}
@keyframes mdco{0%{opacity:0}8%{opacity:1}60%{opacity:1}72%,100%{opacity:0}}
.md-end{fill:var(--card);stroke:var(--acc);stroke-width:1.6;opacity:.85}
.md-pu{fill:none;stroke:var(--acc);stroke-width:1.6;opacity:0;transform-box:fill-box;transform-origin:center;animation:mdpu var(--du,3.8s) var(--dl,0s) infinite both}
@keyframes mdpu{0%,66%{opacity:0;transform:scale(.7)}72%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(3.2)}}
.md-pth.on .md-bl{stroke:var(--acc)!important;stroke-width:1.9}
.md-pth.on .md-tl,.md-pth.on .md-cm,.md-pth.on .md-pu{animation-duration:1.9s}
.md-sec.off .md-tl,.md-sec.off .md-cm,.md-sec.off .md-pu,.md-sec.off .md-ic:after,.md-sec.off .md-scr img,.md-sec.off .md-ring{animation-play-state:paused}
.md-col{list-style:none;margin:0;padding:clamp(8px,1.6vh,24px) 0;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2}
.md-col li{display:flex}
.md-r li{justify-content:flex-end}.md-l li{justify-content:flex-start}
.md-r li:nth-child(3){translate:var(--off) 0}.md-l li:nth-child(3){translate:calc(-1*var(--off)) 0}
.md-it{--c:var(--acc);display:flex;align-items:center;gap:14px;min-height:var(--ic);position:relative;color:var(--hn);text-decoration:none;border-radius:999px}
.md-l .md-it{flex-direction:row-reverse}
.md-it:focus-visible{outline:2px solid var(--gold2);outline-offset:6px}
.md-ic{flex:none;position:relative;width:var(--ic);height:var(--ic);border-radius:50%;display:grid;place-items:center;background:var(--card);color:var(--c);border:1.5px solid color-mix(in srgb,var(--c) 55%,transparent);box-shadow:0 10px 24px -14px var(--c);transition:background .25s,color .25s,border-color .25s,transform .3s,box-shadow .25s}
.md-ic svg{width:44%;height:44%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.md-ic:after{content:"";position:absolute;inset:-1.5px;border-radius:50%;border:1.5px solid var(--c);opacity:0;animation:mdring 4.5s ease-out infinite;animation-delay:calc(var(--k)*.55s)}
@keyframes mdring{0%{transform:scale(1);opacity:.55}60%,100%{transform:scale(1.4);opacity:0}}
.md-lb{align-self:flex-start;display:flex;align-items:flex-end;height:calc(var(--ic)/2 - 5px);max-width:15em;font-size:clamp(13px,1.1vw,16px);font-weight:800;line-height:1.7;transition:color .2s}
.md-lb span{background:linear-gradient(currentColor,currentColor) 100% 100%/0 1.5px no-repeat;transition:background-size .3s}
.md-it:hover .md-ic,.md-it:focus-visible .md-ic{background:var(--c);color:var(--on-acc);border-color:var(--c);transform:scale(1.08);box-shadow:0 14px 28px -10px var(--c)}
.md-it:hover .md-lb,.md-it:focus-visible .md-lb{color:var(--c)}
.md-it:hover .md-lb span,.md-it:focus-visible .md-lb span{background-size:100% 1.5px}
.md-sec.md-js .md-it{transition:opacity .6s ease calc(var(--k)*.07s)}
.md-sec.md-js:not(.in) .md-it{opacity:0}
.md-ph{position:relative;z-index:2;align-self:center;width:var(--pw);height:calc(var(--pw)*2.04);border-radius:calc(var(--pw)*.17);padding:calc(var(--pw)*.026);background:linear-gradient(150deg,var(--acc),color-mix(in srgb,var(--acc) 55%,var(--gold2)));box-shadow:0 40px 70px -30px color-mix(in srgb,var(--acc) 70%,transparent)}
.md-ph:before,.md-ph:after{content:"";position:absolute;width:3px;border-radius:3px;background:var(--acc)}
.md-ph:before{left:-3px;top:18%;height:9%}.md-ph:after{right:-3px;top:26%;height:14%}
.md-bz{position:relative;height:100%;border-radius:calc(var(--pw)*.145);background:#0d0b09;padding:calc(var(--pw)*.022)}
.md-isl{position:absolute;z-index:3;top:calc(var(--pw)*.05);left:50%;translate:-50% 0;width:30%;height:calc(var(--pw)*.07);border-radius:99px;background:#000}
.md-scr{position:relative;height:100%;border-radius:calc(var(--pw)*.125);background:#fff;overflow:hidden;container-type:size}
.md-scr:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.2),transparent 32%)}
.md-scr img{display:block;width:100%;height:auto;animation:mdscroll 65s ease-in-out infinite;will-change:transform}
.md-ph:hover .md-scr img{animation-play-state:paused}
@keyframes mdscroll{0%,7%{transform:translateY(0)}50%,57%{transform:translateY(calc(-100% + 100cqh))}100%{transform:translateY(0)}}
.md-cw{margin-top:clamp(24px,3.6vh,38px);text-align:center}
.md-cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:16px;padding-block:10px;padding-inline:30px 10px;border-radius:999px;white-space:nowrap;font-size:clamp(15px,1.3vw,18px);font-weight:800;color:var(--on-acc);text-decoration:none;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 82%,#fff),var(--acc));box-shadow:0 16px 30px -14px var(--acc);transition:transform .2s,filter .2s}
.md-cta:hover{transform:translateY(-3px);filter:brightness(1.08)}
.md-cta:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}
.md-cta i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--on-acc);color:var(--acc);transition:transform .25s}
.md-cta:hover i{transform:translateX(-5px)}
.md-cta svg{width:18px;height:18px}
.md-cta:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);transform:translateX(-130%);animation:sw 3.8s ease-in-out infinite}
@media(max-width:899px){
 .md-stage{grid-template-columns:1fr 1fr;column-gap:10px;row-gap:30px;--pw:min(62vw,250px);--ic:46px}
 .md-stage:before{width:110vw}.md-ring,.md-lines{display:none}
 .md-ph{grid-column:1/-1;justify-self:center;order:-1}
 .md-col{padding:0;gap:20px;justify-content:flex-start}
 .md-r li,.md-l li{justify-content:flex-start}
 .md-r li:nth-child(3),.md-l li:nth-child(3){translate:none}
 .md-l .md-it{flex-direction:row}
 .md-it{gap:10px;width:100%}
 .md-lb{align-self:center;height:auto;font-size:13px;max-width:none}
}
@media(prefers-reduced-motion:reduce){.md-ring,.md-tl,.md-cm,.md-pu,.md-ic:after,.md-scr img,.md-cta:after{animation:none}}

.md-pth{--c:var(--acc)}.md-pth.g{--c:var(--leaf)}
.md-gl{fill:none;stroke:var(--c);stroke-width:8;stroke-linecap:round;stroke-dasharray:22 200;opacity:0;filter:blur(5px);animation:mdct var(--du,3.8s) var(--dl,0s) infinite both cubic-bezier(.5,0,.3,1),mdco var(--du,3.8s) var(--dl,0s) infinite both linear}
.md-bm{fill:none;stroke-width:1.6;stroke-linecap:round}.md-bmg{stroke-width:5;opacity:.2;filter:blur(2.5px)}
.md-pth.on .md-bm{stroke-width:2.2}
@media(min-width:900px){html{scroll-snap-type:y proximity}
.md-sec{height:calc(100svh - 112px);min-height:430px;padding-block:clamp(8px,1.6vh,18px);scroll-margin-top:112px;scroll-snap-align:start;display:flex;flex-direction:column}
.md-hd h2{font-size:clamp(20px,2.2vw,32px);line-height:1.4;white-space:nowrap}
.md-stage{flex:1 1 0;min-height:0;margin-top:clamp(6px,1.4vh,14px);--pw:clamp(150px,calc((100svh - 330px)/2.04),360px);--ic:clamp(40px,min(5.2vw,7.5vh),74px);grid-template-rows:minmax(0,1fr)}
.md-col{height:100%;padding:0}
.md-cw{margin-top:clamp(22px,3.4vh,36px)}
.md-cta{padding-block:6px;padding-inline:26px 6px}.md-cta i{width:32px;height:32px}}
/* ===== SURFACE SYSTEM: page < raised white < colored stage ===== */
:root{--bg:#fbf8f3;--card:#fff;--stage:#fff;--stage-ln:var(--line);--sh2:0 1px 2px rgba(60,40,10,.06),0 16px 36px -16px rgba(60,40,10,.24)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--stage:var(--card);--stage-ln:var(--line);--sh2:0 18px 40px -18px rgba(0,0,0,.8)}}
:root[data-theme="dark"]{--stage:var(--card);--stage-ln:var(--line);--sh2:0 18px 40px -18px rgba(0,0,0,.8)}
body{background-image:none}
.sl{background:var(--stage);border:1px solid var(--stage-ln);box-shadow:var(--sh2)}
.hx{background:radial-gradient(55cqw 38cqw at 22% 55%,color-mix(in srgb,var(--gold1) 16%,transparent),transparent 70%)}
.hx-gl{opacity:.4}
.hw{background:radial-gradient(560px 380px at 98% 100%,color-mix(in srgb,var(--leaf) 12%,transparent),transparent 70%),var(--card);box-shadow:var(--sh2)}
.feat,.feat.pv{background:color-mix(in srgb,var(--gold1) 14%,var(--card));border-color:var(--line)}
@media(min-width:900px){.panel.p{background:var(--card);border:1px solid var(--line);box-shadow:var(--sh2),0 44px 90px -34px rgba(40,25,5,.5)}}
header:has(.main .dd.open)::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:rgba(32,20,6,.3);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:in .2s ease-out}
/* ===== HX-6: waiter Android app (placeholders: [data-slot]) ===== */
.hx-6{grid-template-columns:minmax(0,.95fr) minmax(0,1fr)}
.hx-6 .hx-h em{font-size:1.2em;background:linear-gradient(100deg,var(--acc),var(--gold2) 30%,var(--acc) 55%,var(--gold2) 80%,var(--acc));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shim 4s linear infinite}
.hx-6 .hx-vs{align-items:center;justify-content:center;perspective:90cqw}
.hx-6 .hx-vs:before{content:'';position:absolute;left:50%;top:50%;translate:-50% -50%;width:48cqw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 40%,color-mix(in srgb,var(--gold1) 38%,transparent),transparent 62%),radial-gradient(circle at 70% 68%,color-mix(in srgb,var(--leaf) 22%,transparent),transparent 58%),radial-gradient(circle at 62% 28%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 55%)}
.w6{position:relative;width:40cqw;height:47cqw;transform-style:preserve-3d}
.w6-rg{position:absolute;left:50%;top:50%;margin:-15cqw 0 0 -15cqw;width:30cqw;height:30cqw;border-radius:50%;border:.14cqw solid color-mix(in srgb,var(--leaf) 55%,transparent);opacity:0;animation:w6r 3.6s ease-out infinite;animation-delay:var(--d,0s)}
@keyframes w6r{0%{scale:.5;opacity:.65}100%{scale:1.3;opacity:0}}
.w6-ph{position:absolute;padding:.55cqw;border-radius:3.2cqw;background:linear-gradient(150deg,#2b2118,#0d0b09);box-shadow:0 2.6cqw 4.4cqw -1.6cqw rgba(40,25,5,.6),inset 0 0 0 .12cqw rgba(255,255,255,.14)}
.w6-ph:after{content:'';position:absolute;z-index:2;top:1.3cqw;left:50%;translate:-50% 0;width:1cqw;height:1cqw;border-radius:50%;background:#000;box-shadow:0 0 0 .18cqw #1c1c1c}
.w6-ph.a{z-index:3;left:11cqw;top:1.5cqw;width:21cqw;height:44cqw;rotate:-4deg;transform:rotateY(-12deg) rotateX(3deg)}
.w6-ph.b{z-index:2;left:0;top:12cqw;width:16.5cqw;height:33cqw;rotate:-9deg;transform:rotateY(16deg);opacity:.93}
.w6-sc{position:relative;width:100%;height:100%;overflow:hidden;border-radius:2.7cqw;display:grid;place-items:center;text-align:center;background:linear-gradient(165deg,#fff,color-mix(in srgb,var(--gold1) 24%,#fff))}
.w6-sc:before{content:'';position:absolute;inset:1.1cqw;border-radius:2cqw;border:.16cqw dashed color-mix(in srgb,var(--gold2) 65%,transparent)}
.w6-sc:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%);translate:-120% 0;animation:w6sh 4.5s ease-in-out infinite}
@keyframes w6sh{60%,100%{translate:120% 0}}
.w6-sc img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover}
.w6-slot{display:grid;justify-items:center;gap:.5cqw;color:#8a6428}
.w6-slot svg{width:3.4cqw;height:3.4cqw}.w6-slot b{font-size:1.25cqw;font-weight:800}.w6-slot small{font-size:.95cqw;font-weight:700;opacity:.8}
.w6-ic{position:absolute;z-index:5;left:1cqw;top:0;width:8.5cqw;height:8.5cqw;border-radius:2.5cqw;display:grid;place-items:center;align-content:center;gap:.2cqw;rotate:-8deg;color:var(--goldtxt);background:var(--card);border:.2cqw dashed var(--gold2);box-shadow:0 1.6cqw 3cqw -1.2cqw rgba(60,40,15,.5);animation:w6f 5s ease-in-out infinite}
.w6-ic svg{width:2.6cqw;height:2.6cqw}.w6-ic small{font-size:1cqw;font-weight:800}
.w6-ic img{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:cover}
.w6-and{position:absolute;z-index:5;left:1.5cqw;top:9.2cqw;display:inline-flex;align-items:center;gap:.5cqw;padding:.4cqw 1cqw;border-radius:99px;font-size:1cqw;font-weight:800;color:#fff;background:linear-gradient(135deg,#2e8b57,#1f6b41);box-shadow:0 .8cqw 1.6cqw -.8cqw #1f6b41}
.w6-and svg{width:1.5cqw;height:1.5cqw}
.w6-g{position:absolute;z-index:6;display:flex;align-items:center;gap:1cqw;padding:.9cqw 1.4cqw;border-radius:1.6cqw;background:color-mix(in srgb,var(--card) 62%,transparent);-webkit-backdrop-filter:blur(1.2cqw) saturate(1.5);backdrop-filter:blur(1.2cqw) saturate(1.5);border:1px solid color-mix(in srgb,#fff 70%,transparent);box-shadow:0 1.6cqw 3cqw -1.4cqw rgba(60,40,15,.45);animation:w6f 6s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes w6f{50%{translate:0 -.9cqw}}
.w6-g>i{flex:none;display:grid;place-items:center;width:2.8cqw;height:2.8cqw;border-radius:1cqw;font-style:normal;font-size:1.5cqw;background:color-mix(in srgb,var(--c) 20%,transparent)}
.w6-g b{display:block;font-size:1.25cqw;font-weight:800;white-space:nowrap}.w6-g small{display:block;font-size:.95cqw;font-weight:600;color:var(--mut)}
.w6-g em{flex:none;display:grid;place-items:center;width:1.9cqw;height:1.9cqw;border-radius:50%;font-style:normal;font-size:1.05cqw;font-weight:800;color:#fff;background:var(--ok)}
.w6-g u{flex:none;width:1cqw;height:1cqw;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 var(--ok);animation:wb-pulse 1.6s infinite}
.w6-g.g1{right:-1cqw;top:9cqw}.w6-g.g2{right:-1cqw;bottom:8cqw}.w6-g.g3{left:1cqw;bottom:1cqw}
.w6-stamp{position:absolute;z-index:7;top:-1.5cqw;right:1cqw;width:8cqw;height:8cqw;border-radius:50%;display:grid;place-content:center;text-align:center;rotate:12deg;line-height:1.2;color:var(--on-acc);background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 70%,#000));border:.3cqw dashed rgba(255,255,255,.6);box-shadow:0 1.2cqw 2.2cqw -.8cqw var(--acc);animation:of5w 3.2s ease-in-out infinite}
.w6-stamp b{font-size:2.1cqw;font-weight:800}.w6-stamp small{font-size:1cqw;font-weight:800;letter-spacing:.15cqw;opacity:.9}
.s.on .w6-ph.a{animation:w6in .9s cubic-bezier(.2,.8,.2,1) both}.s.on .w6-ph.b{animation:w6in .9s cubic-bezier(.2,.8,.2,1) .15s both}
@keyframes w6in{from{opacity:0;translate:0 4cqw;scale:.94}}
@container (max-width:620px){.hx-6 .h3-ey,.hx-6 .t5-pl,.hx-6 .w6-g small,.hx-6 .w6-slot small,.hx-6 .w6-g.g3,.hx-6 .w6-and{display:none}.w6-g b{font-size:2.3cqw}.w6-g>i{width:4.4cqw;height:4.4cqw;font-size:2.4cqw}.w6-g em{width:3cqw;height:3cqw;font-size:1.8cqw}.w6-slot b{font-size:2.3cqw}.w6-ic small{font-size:1.8cqw}.w6-stamp b{font-size:3.4cqw}.w6-stamp small{font-size:1.8cqw}}
@media(prefers-reduced-motion:reduce){.w6-rg,.w6-sc:after,.w6-ic,.w6-g,.w6-g u,.w6-stamp,.hx-6 .hx-h em{animation:none}.s.on .w6-ph{animation:none}}
.w6-sc.ok:before,.w6-sc.ok:after{display:none}.w6-sc.ok img{object-position:top center}
.w6-ph.a{left:9.25cqw;top:1cqw;width:21.5cqw;height:45cqw}
.w6-ic.ok{width:9cqw;height:9cqw;border:0;background:none;box-shadow:none;filter:drop-shadow(0 1.3cqw 1.5cqw rgba(40,25,5,.45))}.w6-ic.ok img{border-radius:0}
.w6-ic{left:0;top:17cqw}.w6-ic.ok{width:10cqw;height:10cqw}.w6-and{left:.8cqw;top:27.8cqw}
.md-pth.on .md-bl{filter:drop-shadow(0 0 5px var(--c))}
.md-orb .o1{fill:var(--c);opacity:.2}.md-orb .o2{fill:var(--c);opacity:.55}.md-orb .o3{fill:#fff}
.md-orb{filter:drop-shadow(0 0 6px var(--c))}
.md-stage:after{content:"";position:absolute;inset:-40px;pointer-events:none;z-index:0;background:radial-gradient(260px circle at var(--mx,-999px) var(--my,-999px),color-mix(in srgb,var(--gold1) 18%,transparent),color-mix(in srgb,var(--leaf) 5%,transparent) 55%,transparent 75%)}
.md-sec.off .md-gl{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.md-gl{animation:none}}
.md-tl,.md-end,.md-pu{stroke:var(--c)}.md-cm{stroke:color-mix(in srgb,var(--c) 62%,#fff);filter:drop-shadow(0 0 4px var(--c))}
.md-pth.on .md-bl{stroke:var(--c)!important}
.md-stage:before{background:radial-gradient(circle at 42% 50%,color-mix(in srgb,var(--gold1) 30%,transparent),transparent 62%),radial-gradient(circle at 64% 62%,color-mix(in srgb,var(--leaf) 17%,transparent),transparent 55%)}

/* ===== AD: nutrition automation bento ===== */
.ad-sec{max-width:1500px;margin:0 auto;padding:clamp(40px,6vw,110px) var(--gx)}
.ad-hd{text-align:center;max-width:880px;margin:0 auto}
.ad-ey{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;font-size:13px;font-weight:800;color:var(--goldtxt);border:1px solid color-mix(in srgb,var(--gold2) 45%,transparent);background:color-mix(in srgb,var(--gold1) 14%,transparent)}
.ad-ey i{width:7px;height:7px;border-radius:50%;background:var(--gold2)}
.ad-hd h2{margin:.5em 0 0;font-size:clamp(26px,3.4vw,52px);line-height:1.5;font-weight:800;color:var(--hn)}
.ad-hd h2 em{font-style:normal;background:linear-gradient(90deg,var(--gold2),var(--gold1));-webkit-background-clip:text;background-clip:text;color:transparent}
.ad-hd p{margin:.4em 0 0;color:var(--mut);font-size:clamp(14px,1.2vw,17px);line-height:2.1;text-wrap:balance}
.ad-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin-top:clamp(28px,3.5vw,56px)}
.ad-c{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:26px;min-height:200px;padding:22px;border-radius:26px;background:var(--card);border:1px solid var(--line);overflow:hidden;isolation:isolate;transition:transform .35s cubic-bezier(.2,.9,.25,1.1),border-color .3s,box-shadow .3s;animation:ad-in .75s calc(var(--k)*70ms) cubic-bezier(.2,.8,.2,1) both}
.ad-c:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .3s;background:radial-gradient(280px circle at var(--x,50%) var(--y,0%),color-mix(in srgb,var(--c) 24%,transparent),transparent 70%)}
.ad-c:hover,.ad-c:focus-visible{transform:translateY(-6px);border-color:color-mix(in srgb,var(--c) 60%,var(--line));box-shadow:var(--shadow)}
.ad-c:hover:before,.ad-c:focus-visible:before{opacity:1}
.ad-t,.ad-bt{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ad-bt{align-items:flex-end}
.ad-i{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 32%,transparent);transition:transform .4s,background .3s,color .3s}
.ad-i svg{width:27px;height:27px}
.ad-c:hover .ad-i{transform:rotate(-8deg) scale(1.08);background:var(--c);color:var(--on-acc)}
.ad-n{font-size:13px;font-weight:800;color:var(--mut);opacity:.7;letter-spacing:.06em}
.ad-s{display:block;font-size:12.5px;color:var(--mut);margin-bottom:4px}
.ad-b{display:block;font-size:clamp(16px,1.45vw,20px);line-height:1.6;font-weight:800;color:var(--hn)}
.ad-a{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);color:var(--ink);transition:background .3s,color .3s,transform .3s,border-color .3s}
.ad-a svg{width:17px;height:17px}
.ad-c:hover .ad-a{background:var(--c);color:var(--on-acc);border-color:transparent;transform:translateX(-4px)}
.ad-main{grid-column:span 2;grid-row:span 2;min-height:420px;padding:clamp(22px,2.2vw,32px);color:#f1e8d8;border-color:color-mix(in srgb,var(--gold1) 35%,#000);background:radial-gradient(120% 80% at 100% 0%,color-mix(in srgb,var(--gold2) 38%,transparent),transparent 60%),radial-gradient(80% 60% at 0% 100%,color-mix(in srgb,var(--leaf) 26%,transparent),transparent 65%),linear-gradient(160deg,#2b2117,#17120d)}
.ad-main .ad-b{color:#fff;font-size:clamp(22px,2.4vw,34px)}.ad-main .ad-s{color:#cdbb9a;font-size:13.5px}
.ad-main .ad-i{color:var(--gold1);width:60px;height:60px}.ad-main:hover .ad-i{color:#1c1712}
.ad-main .ad-a{width:50px;height:50px;border-color:color-mix(in srgb,var(--gold1) 45%,transparent);color:var(--gold1)}
.ad-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:12.5px;font-weight:800;color:var(--gold1);border:1px solid color-mix(in srgb,var(--gold1) 40%,transparent);background:rgba(255,255,255,.05)}
.ad-tag i{width:7px;height:7px;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 0 var(--leaf);animation:ad-pu 2s infinite}
.ad-ring{position:absolute;z-index:-1;inset-inline-start:-22%;top:12%;width:70%;aspect-ratio:1;border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--gold1) 30%,transparent);animation:ad-sp 90s linear infinite}
.ad-mk{align-self:center;width:min(100%,420px);margin-block:auto;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);box-shadow:0 24px 50px -24px #000;transition:transform .5s}
.ad-main:hover .ad-mk{transform:translateY(-4px) scale(1.02)}
.ad-mk small{display:block;margin-bottom:10px;font-size:12.5px;font-weight:800;color:var(--gold1)}
.ad-r{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:13.5px;border-top:1px solid rgba(255,255,255,.08)}
.ad-r i{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-style:normal;font-size:11px;font-weight:800;color:#17120d;background:var(--leaf)}
.ad-r span{flex:none;min-width:84px}
.ad-r em{flex:1;height:6px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden}
.ad-r u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold2),var(--gold1));transform-origin:100% 50%;animation:ad-bar 4.2s var(--d) ease-in-out infinite}
@keyframes ad-in{from{opacity:0;translate:0 28px}}
@keyframes ad-sp{to{rotate:360deg}}
@keyframes ad-bar{0%{transform:scaleX(.15)}45%,80%{transform:scaleX(1)}100%{transform:scaleX(.15)}}
@keyframes ad-pu{70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
.ad-js:not(.in) .ad-c{animation-play-state:paused}
@media(max-width:1000px){.ad-g{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-main{grid-row:auto;min-height:0;gap:24px}}
@media(max-width:560px){.ad-g{grid-template-columns:1fr}.ad-c{min-height:0;gap:18px}.ad-r span{min-width:76px}}
@media(prefers-reduced-motion:reduce){.ad-c,.ad-ring,.ad-r u,.ad-tag i{animation:none}}
/* AD: fit the whole section in one viewport (desktop) */
@media(min-width:1001px){
.ad-sec{display:flex;flex-direction:column;height:calc(100svh - 112px - env(safe-area-inset-top,0px));min-height:540px;max-height:980px;padding-block:clamp(10px,2.2vh,28px)}
.ad-hd h2{font-size:clamp(22px,min(2.6vw,5vh),40px);line-height:1.4;margin-top:.3em}
.ad-hd p{font-size:clamp(12.5px,min(1.05vw,2vh),15.5px);line-height:1.9;margin-top:.2em}
.ad-g{flex:1;min-height:0;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));margin-top:clamp(10px,2vh,24px)}
.ad-c{min-height:0;padding:clamp(14px,min(1.6vw,2.4vh),22px);gap:8px}
.ad-main{grid-column:span 2;grid-row:span 2}
.ad-i{width:clamp(38px,min(3.6vw,6vh),54px);height:clamp(38px,min(3.6vw,6vh),54px)}
.ad-i svg{width:55%;height:55%}
.ad-main .ad-i{width:clamp(44px,min(4vw,7vh),60px);height:clamp(44px,min(4vw,7vh),60px)}
.ad-b{font-size:clamp(14px,min(1.2vw,2.4vh),18px)}
.ad-main .ad-b{font-size:clamp(20px,min(2vw,4vh),30px)}
.ad-s{font-size:clamp(11px,1.6vh,12.5px);margin-bottom:2px}
.ad-a{width:clamp(30px,min(2.6vw,4.6vh),40px);height:clamp(30px,min(2.6vw,4.6vh),40px)}
.ad-main .ad-a{width:clamp(38px,min(3.2vw,5.6vh),50px);height:clamp(38px,min(3.2vw,5.6vh),50px)}
.ad-r{padding:clamp(4px,1vh,9px) 0}
.ad-mk{padding:clamp(10px,1.8vh,16px) 18px}
}
/* AD: horizontal single-line cards */
.ad-c:not(.ad-main){flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;min-height:0;padding:14px 20px}
.ad-c:not(.ad-main) .ad-t{flex:none}
.ad-c:not(.ad-main) .ad-n{display:none}
.ad-c:not(.ad-main) .ad-bt{flex:1;min-width:0;align-items:center}
.ad-c:not(.ad-main) .ad-b{text-wrap:balance}
.ad-main .ad-b{text-wrap:balance}
@media(min-width:1001px){
.ad-g{grid-template-rows:repeat(4,minmax(0,1fr))}
.ad-main{grid-row:span 4}
.ad-c:not(.ad-main){grid-column:span 2;padding:clamp(8px,1.6vh,18px) clamp(14px,1.5vw,22px)}
.ad-c:not(.ad-main) .ad-b{font-size:clamp(14px,min(1.25vw,2.5vh),19px);white-space:nowrap}
}
@media(max-width:760px){.ad-g{grid-template-columns:1fr}}
/* AD v2: light "gilded paper" hero card (replaces dark brown) */
.ad-main{color:var(--ink);border-color:color-mix(in srgb,var(--gold2) 42%,var(--line));
background:
radial-gradient(90% 60% at 100% 0%,color-mix(in srgb,var(--gold1) 34%,transparent),transparent 62%),
radial-gradient(70% 50% at 0% 100%,color-mix(in srgb,var(--acc) 9%,transparent),transparent 70%),
repeating-linear-gradient(115deg,transparent 0 22px,color-mix(in srgb,var(--gold2) 7%,transparent) 22px 23px),
linear-gradient(165deg,var(--card),var(--bg2));
box-shadow:inset 0 0 0 6px color-mix(in srgb,var(--card) 70%,transparent),inset 0 0 0 7px color-mix(in srgb,var(--gold2) 22%,transparent),var(--shadow)}
.ad-main:after{content:"";position:absolute;z-index:-1;inset-inline-end:-18%;bottom:-22%;width:62%;aspect-ratio:1;border-radius:50%;
background:repeating-radial-gradient(circle,transparent 0 16px,color-mix(in srgb,var(--gold2) 20%,transparent) 16px 17px);
-webkit-mask:radial-gradient(circle,#000 30%,transparent 72%);mask:radial-gradient(circle,#000 30%,transparent 72%)}
.ad-ring{border:1.5px dashed color-mix(in srgb,var(--gold2) 40%,transparent)}
.ad-main .ad-b{color:var(--hn)}
.ad-main .ad-s{color:var(--goldtxt);font-weight:700}
.ad-main .ad-i{color:var(--on-gold);background:linear-gradient(135deg,var(--gold1),var(--gold2));border-color:transparent;box-shadow:0 12px 24px -12px var(--gold2)}
.ad-main:hover .ad-i{color:var(--on-gold)}
.ad-main .ad-a{background:var(--acc);border-color:transparent;color:var(--on-acc);box-shadow:0 12px 26px -10px var(--acc)}
.ad-main:hover .ad-a{background:var(--acc);filter:brightness(1.08)}
.ad-tag{color:var(--goldtxt);border-color:color-mix(in srgb,var(--gold2) 45%,transparent);background:color-mix(in srgb,var(--gold1) 16%,var(--card))}
.ad-tag i{background:var(--leaf);animation:ad-pu 2s infinite}
.ad-mk{background:var(--card);border:1px solid var(--line);backdrop-filter:none;
box-shadow:0 22px 44px -26px color-mix(in srgb,var(--gold2) 80%,#000),0 0 0 5px color-mix(in srgb,var(--gold1) 12%,transparent);position:relative}
.ad-mk:before{content:"";position:absolute;inset-inline:18px;top:0;height:2px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,transparent,var(--gold2),transparent)}
.ad-mk small{color:var(--goldtxt)}
.ad-r{border-top:1px dashed var(--line);color:var(--ink)}
.ad-r i{background:color-mix(in srgb,var(--leaf) 16%,transparent);color:var(--leaf);border:1px solid color-mix(in srgb,var(--leaf) 45%,transparent)}
.ad-r em{background:var(--bg2)}
.ad-r u{background:linear-gradient(90deg,var(--gold2),var(--gold1))}
/* AD v3: bronze-gold metallic hero card (distinct from the cream business-types section) */
.ad-main{--bz-hi:#d2ab68;--bz-mid:#a77d3b;--bz-lo:#7a5420;color:#fff8ea;border-color:color-mix(in srgb,var(--bz-hi) 60%,#fff);
background:
radial-gradient(70% 45% at 85% 0%,rgba(255,244,214,.55),transparent 65%),
radial-gradient(60% 50% at 0% 100%,rgba(90,40,20,.38),transparent 70%),
repeating-linear-gradient(115deg,transparent 0 26px,rgba(255,244,214,.09) 26px 27px),
linear-gradient(155deg,var(--bz-hi) 0%,var(--bz-mid) 46%,var(--bz-lo) 100%);
box-shadow:inset 0 0 0 6px rgba(255,248,234,.08),inset 0 0 0 7px rgba(255,248,234,.35),0 26px 46px -22px rgba(122,84,32,.7)}
.ad-main:after{background:repeating-radial-gradient(circle,transparent 0 16px,rgba(255,248,234,.22) 16px 17px)}
.ad-ring{border:1.5px dashed rgba(255,248,234,.42)}
.ad-main .ad-b{color:#fffaf0;text-shadow:0 2px 14px rgba(70,40,10,.35)}
.ad-main .ad-s{color:#fbebc9;font-weight:700}
.ad-main .ad-i{color:var(--bz-lo);background:#fff6e2;border-color:transparent;box-shadow:0 12px 24px -12px rgba(60,30,5,.7)}
.ad-main:hover .ad-i{color:var(--acc);background:#fff6e2}
.ad-main .ad-a{background:var(--acc);color:#fff;border:2px solid rgba(255,248,234,.7);box-shadow:0 14px 28px -10px rgba(60,10,8,.7)}
.ad-main:hover .ad-a{background:#b93a32;filter:none}
.ad-tag{color:#fff8ea;border-color:rgba(255,248,234,.55);background:rgba(60,35,8,.22)}
.ad-tag i{background:#cfe6ab}
.ad-mk{background:#fffaf0;border:1px solid rgba(255,248,234,.9);color:#2b2118;box-shadow:0 26px 44px -22px rgba(50,25,5,.75),0 0 0 6px rgba(255,248,234,.14)}
.ad-mk:before{background:linear-gradient(90deg,transparent,var(--bz-mid),transparent)}
.ad-mk small{color:#8a6428}
.ad-r{border-top:1px dashed #e6d9c3;color:#2b2118}
.ad-r i{background:rgba(91,122,60,.14);color:#5b7a3c;border:1px solid rgba(91,122,60,.45)}
.ad-r em{background:#efe4d2}
.ad-r u{background:linear-gradient(90deg,#a77d3b,#d6b374)}
/* BZ: larger preview image */
.bz-sh{--sz:clamp(120px,min(19vw,27vh),280px)}
.bz-pw{width:var(--sz);margin-top:calc(var(--sz)*.12)}
.bz-sn{margin-top:calc(var(--sz)*.17 + 10px)}
.bz-bi:has(img){width:calc(100% - 24px);height:calc(100% - 24px)}
/* Uniform, larger vertical rhythm between all sections */
:root{--sy0:clamp(16px,3vh,32px);--sy:clamp(36px,6.5vh,72px)}
.hero,.ws,.md-sec,.nx-sec,.ad-sec,.av-sec,.bz-sec{margin-block:0!important;padding-block:var(--sy)!important}
@media(min-width:1001px){
.ad-sec{height:calc(100svh - 112px - env(safe-area-inset-top,0px) + 2*(var(--sy) - var(--sy0)));max-height:calc(980px + 2*(var(--sy) - var(--sy0)))}
.bz-sec{height:calc(100svh - 112px - env(safe-area-inset-top,0px) + 2*(var(--sy) - var(--sy0)));max-height:calc(980px + 2*(var(--sy) - var(--sy0)))}
}
/* offline highlight */
.wb-v span.wb-off{gap:9px;padding:10px 18px;font-weight:800;color:var(--on-gold);background:linear-gradient(135deg,var(--gold1),var(--gold2));border-color:transparent;box-shadow:0 10px 22px -10px var(--gold2);order:-1}
.wb-v span.wb-off svg{width:18px;height:18px;color:inherit}
.wb-v span.wb-off b{display:inline;margin:0;font-size:inherit;color:inherit}
.wb-v span.wb-off em,.wb-chip.off em{font-style:normal;font-size:.78em;font-weight:800;padding:2px 9px;border-radius:999px;background:var(--on-gold);color:var(--gold1)}
.wb-chip.off{padding:.7em 1.3em;color:#1c1712;font-size:clamp(12px,1.2vw,16px);background:linear-gradient(135deg,#e3c28a,#b58a45);border-color:rgba(255,255,255,.55);box-shadow:0 0 0 5px rgba(227,194,138,.22),0 18px 34px -14px rgba(0,0,0,.6)}
.wb-chip.off svg{width:1.35em;height:1.35em;flex:none}
.wb-chip.off b{font-weight:800}
.wb-chip.off em{background:#1c1712;color:#e3c28a}
.wb-offp strong{font-weight:800;color:var(--acc)}
.wb-chip.off{padding:.6em 1.2em;font-size:clamp(11.5px,1.1vw,15px)}

/* ===== BZ: business types (light, one-viewport) ===== */
.bz-sec{max-width:1500px;margin:0 auto;padding:clamp(24px,4vw,60px) var(--gx)}
.bz-st{position:relative;overflow:hidden;isolation:isolate;border-radius:clamp(24px,2.6vw,40px);padding:clamp(18px,3vw,48px) clamp(16px,3vw,48px);border:1px solid var(--line);background:radial-gradient(60% 50% at 100% 0%,color-mix(in srgb,var(--gold1) 20%,transparent),transparent 65%),radial-gradient(55% 50% at 0% 100%,color-mix(in srgb,var(--leaf) 12%,transparent),transparent 65%),var(--card);box-shadow:var(--shadow)}
.bz-hd{text-align:center;max-width:820px;margin:0 auto}
.bz-ey{display:inline-flex;align-items:center;gap:8px;padding:5px 15px;border-radius:999px;font-size:13px;font-weight:800;color:var(--goldtxt);border:1px solid color-mix(in srgb,var(--gold2) 45%,transparent);background:color-mix(in srgb,var(--gold1) 14%,transparent)}
.bz-ey i{width:7px;height:7px;border-radius:50%;background:var(--gold2)}
.bz-hd h2{margin:.35em 0 0;font-size:clamp(24px,3.1vw,46px);line-height:1.45;font-weight:800;color:var(--hn)}
.bz-hd h2 em{font-style:normal;background:linear-gradient(90deg,var(--gold2),var(--gold1));-webkit-background-clip:text;background-clip:text;color:transparent}
.bz-hd p{margin:.3em 0 0;color:var(--mut);font-size:clamp(13.5px,1.15vw,16.5px);line-height:2;text-wrap:balance}
.bz-bd{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(18px,3vw,48px);align-items:stretch;margin-top:clamp(18px,2.6vw,38px)}
.bz-ls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bz-r{--c:var(--gold2);display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 60%,var(--bg2));transition:background .3s,border-color .3s,transform .3s,box-shadow .3s}
.bz-i{flex:none;display:grid;place-items:center;width:clamp(32px,5.2vh,44px);aspect-ratio:1;border-radius:50%;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent);border:1px solid color-mix(in srgb,var(--c) 32%,transparent);transition:background .3s,color .3s}
.bz-i svg{width:56%;height:56%}
.bz-t{flex:1;min-width:0}.bz-t b{display:block;font-size:clamp(13.5px,min(1.1vw,2.3vh),16.5px);font-weight:800;line-height:1.5;color:var(--hn)}
.bz-t small{display:none;font-size:12px;color:var(--mut);line-height:1.7}
.bz-a{flex:none;display:grid;place-items:center;width:clamp(26px,4vh,32px);aspect-ratio:1;border-radius:50%;color:var(--ink);border:1px solid var(--line);background:var(--card);transition:background .3s,color .3s,transform .3s}
.bz-a svg{width:15px;height:15px}
.bz-r.on,.bz-r:hover,.bz-r:focus-visible{background:color-mix(in srgb,var(--c) 11%,var(--card));border-color:color-mix(in srgb,var(--c) 55%,var(--line));transform:translateX(-4px);box-shadow:0 14px 24px -18px color-mix(in srgb,var(--c) 80%,transparent)}
.bz-r.on .bz-i,.bz-r:hover .bz-i{background:var(--c);color:var(--on-acc)}
.bz-r.on .bz-a,.bz-r:hover .bz-a{background:var(--c);color:var(--on-acc);border-color:transparent;transform:translateX(-3px)}
.bz-sh{--c:var(--gold2);overflow:hidden;text-align:center;padding:clamp(14px,2.4vh,32px) clamp(16px,2vw,30px);border-radius:30px;border:1px solid var(--line);background:linear-gradient(180deg,var(--bg2),var(--card))}
.bz-pw{position:relative;width:clamp(96px,min(14vw,20vh),190px);aspect-ratio:1;margin:clamp(12px,3vh,30px) auto 0}
.bz-rg{position:absolute;inset:-14%;border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--c) 55%,transparent);animation:bz-sp 40s linear infinite}
.bz-rg.r2{inset:-22%;border-style:solid;border-color:color-mix(in srgb,var(--c) 14%,transparent);animation:none}
.bz-bp{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;color:var(--c);background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--c) 6%,var(--card)),color-mix(in srgb,var(--c) 20%,var(--card)));box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 32%,transparent),inset 0 0 0 9px var(--card),inset 0 0 0 10px color-mix(in srgb,var(--c) 34%,transparent),0 24px 36px -22px color-mix(in srgb,var(--c) 80%,transparent)}
.bz-bi{width:48%;height:48%;display:block}.bz-bi svg{width:100%;height:100%}
.bz-sh.sw .bz-bp{animation:bz-pop .55s cubic-bezier(.2,.9,.25,1.2)}
.bz-sh.sw .bz-sn,.bz-sh.sw .bz-sc,.bz-sh.sw .bz-tg{animation:bz-fd .45s ease both}
.bz-sn{margin:clamp(30px,5vh,52px) 0 0;font-size:clamp(19px,min(1.9vw,3.4vh),28px);font-weight:800;color:var(--hn)}
.bz-sc{margin:.2em 0 0;color:var(--mut);font-size:clamp(12.5px,min(1.05vw,2vh),15px);line-height:1.8}
.bz-tg{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:clamp(8px,1.6vh,14px)}
.bz-tg i{font-style:normal;font-size:12.5px;font-weight:700;padding:4px 12px;border-radius:99px;color:var(--c);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);background:color-mix(in srgb,var(--c) 10%,transparent)}
.bz-go{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(10px,2vh,20px);padding:10px 22px;border-radius:99px;font-weight:800;font-size:14px;color:var(--on-acc);background:var(--c);box-shadow:0 12px 22px -12px var(--c);transition:filter .2s}
.bz-go svg{width:16px;height:16px;transition:transform .3s}.bz-go:hover{filter:brightness(1.08)}.bz-go:hover svg{transform:translateX(-4px)}
.bz-cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;margin-top:clamp(10px,2vh,28px);color:var(--mut);font-size:13.5px}
.bz-cta a{font-weight:800;color:var(--goldtxt);border-bottom:1px solid color-mix(in srgb,var(--gold2) 55%,transparent);padding-bottom:1px}
@keyframes bz-sp{to{rotate:360deg}}@keyframes bz-pop{from{scale:.86;rotate:-12deg}}@keyframes bz-fd{from{opacity:0;translate:0 8px}}
/* desktop: whole section fits one viewport */
@media(min-width:1001px){
.bz-sec{display:flex;flex-direction:column;height:calc(100svh - 112px - env(safe-area-inset-top,0px));min-height:520px;max-height:980px;padding-block:clamp(10px,2.2vh,28px);scroll-margin-top:112px;scroll-snap-align:start}
.bz-st{flex:1;min-height:0;display:flex;flex-direction:column;padding-block:clamp(12px,2.6vh,40px)}
.bz-hd h2{font-size:clamp(22px,min(2.6vw,5vh),40px);line-height:1.35}
.bz-hd p{font-size:clamp(12px,min(1.05vw,2vh),15px);line-height:1.8}
.bz-bd{flex:1;min-height:0;margin-top:clamp(10px,2.2vh,28px)}
.bz-ls{height:100%;grid-template-rows:repeat(6,minmax(0,1fr));gap:clamp(6px,1.2vh,10px)}
.bz-sh{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
}
@media(max-width:1000px){.bz-bd{grid-template-columns:1fr}.bz-sh{display:none}.bz-t small{display:block}}
@media(max-width:600px){.bz-ls{grid-template-columns:1fr}.bz-r{border-radius:26px}}
@media(prefers-reduced-motion:reduce){.bz-rg,.bz-sh.sw *{animation:none!important}.bz-r,.bz-a{transition:none}}

/* FIX: top bar overflowed sideways on ~1000-1250px windows, leaving a blank strip */
@media(max-width:1250px){.top .wrap{gap:4px}.top .wrap>span{display:none}.top .demo{margin-inline-end:4px;padding:5px 12px}.top a,.top .dd>button{padding:6px 5px;font-size:11.5px}.top .grow{min-width:0}.top .demo{flex:none;position:relative;z-index:1}.top .grow .st>button .lbl{display:inline-block;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}}
html{overflow-x:clip}

/* ===== یکسان‌سازی فاصله عمودی همه سکشن‌ها ===== */
:root{--sy:clamp(36px,6vh,64px)}
.hero,.ws,.md-sec,.nx-sec,.ad-sec,.av-sec,.bz-sec{margin-block:0!important;padding-block:var(--sy)!important}
.nx-pn .wb-row:first-child{padding-top:0}
:root{--sx:clamp(1rem,4vw + .5rem,9rem)} @media (min-width:96rem){:root{--sx:clamp(2rem,12vw + 20rem,16rem)}}
.hero,.ws,.md-sec,.nx-sec,.ad-sec,.av-sec,.bz-sec{max-width:1920px!important;margin-inline:auto!important;padding-inline:var(--sx)!important}
.nx-sec{overflow-x:visible!important}
.nx-hd{padding-inline:0!important}
.nx-pn .wb-in{max-width:none;padding-inline:0}

/* ===== پس‌زمینه‌ی یک‌درمیان برای تفکیک سکشن‌ها ===== */
:root{--alt:color-mix(in srgb,var(--bg2) 70%,var(--bg))}
.ws,.nx-sec,.bz-sec{background:var(--alt);box-shadow:0 0 0 100vmax var(--alt);clip-path:inset(0 -100vmax)}
/* business-types: pure white, clearly separated from the section above */
.bz-sec{--bz-bg:#fff;background:var(--bz-bg);box-shadow:0 0 0 100vmax var(--bz-bg);position:relative}
.bz-sec:before{content:"";position:absolute;inset:0 0 auto;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold2) 55%,transparent),transparent)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bz-sec{--bz-bg:var(--alt)}}
:root[data-theme="dark"] .bz-sec{--bz-bg:var(--alt)}

/* ===== پس‌زمینه‌ی متناوب سکشن‌ها (سفید برای تفکیک) ===== */
:root{--sec-alt:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--sec-alt:#1c1813}}
:root[data-theme="dark"]{--sec-alt:#1c1813}
.ws,.nx-sec,.bz-sec{background:var(--sec-alt);box-shadow:0 0 0 100vmax var(--sec-alt);clip-path:inset(0 -100vmax)}

/* ===== عکس واقعی به جای آیکون در سکشن کسب‌وکارها ===== */
.bz-i:has(img){padding:0;overflow:hidden}
.bz-i img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.bz-bi:has(img){width:calc(100% - 20px);height:calc(100% - 20px)}
.bz-bi img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.bz-r.on .bz-i,.bz-r:hover .bz-i{background:none}

/* ===== اسلاید مقایسه سول با رقبا (hx-7) ===== */
.hx-7{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.hx-7 .hx-h em{font-size:1.4em;background:linear-gradient(100deg,var(--acc),var(--gold2) 30%,var(--acc) 55%,var(--gold2) 80%,var(--acc));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shim 4s linear infinite}
.hx-7 .hx-p{max-width:30em}
.hx-7 .hx-vs{align-items:flex-end;justify-content:center;padding:14cqw 4.5cqw 3cqw 1cqw}
.c7{position:relative;width:100%;padding:1.5cqw 1.8cqw 1.2cqw;border-radius:2cqw;background:color-mix(in srgb,var(--card) 88%,transparent);border:1px solid var(--line);box-shadow:0 2.4cqw 4cqw -1.8cqw rgba(60,40,15,.4)}
.c7-h{display:flex;justify-content:space-between;align-items:baseline;gap:1cqw;padding-bottom:.9cqw;border-bottom:.15cqw dashed var(--line)}
.c7-h b{font-size:1.6cqw;font-weight:800;color:var(--hn)}.c7-h span{font-size:1.05cqw;font-weight:700;color:var(--goldtxt)}
.c7-plot{position:relative;display:flex;align-items:flex-end;gap:.7cqw;height:21cqw;margin-top:3.2cqw;direction:rtl}
.c7-c{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.c7-c.sol{flex:1.5}
.c7-c em{display:block;height:2.4cqw;font-style:normal;font-size:1.35cqw;font-weight:800;line-height:2.4cqw;color:var(--mut)}
.c7-b{display:block;width:100%;height:calc((100% - 4.6cqw)*var(--hn));min-height:.5cqw;border-radius:.9cqw .9cqw .3cqw .3cqw;background:linear-gradient(180deg,color-mix(in srgb,var(--mut) 55%,var(--card)),color-mix(in srgb,var(--mut) 28%,var(--card)));transform-origin:bottom}
.c7-c span{display:block;height:2.2cqw;margin-top:.1cqw;font-size:1cqw;font-weight:700;line-height:2.2cqw;white-space:nowrap;color:var(--ink);opacity:.8}
.c7-c.sol em{position:relative;font-size:2.8cqw;color:var(--goldtxt)}
.c7-c.sol em:before{content:"👑";position:absolute;left:50%;top:-2.6cqw;translate:-50% 0;font-size:2.2cqw;line-height:1}
.c7-c.sol .c7-b{background:linear-gradient(180deg,var(--gold1),var(--gold2));box-shadow:0 0 0 .2cqw color-mix(in srgb,var(--gold1) 60%,transparent),0 1.6cqw 3cqw -.8cqw var(--gold2)}
.c7-c.sol span{font-size:1.5cqw;font-weight:800;opacity:1;color:var(--hn)}
.c7-ref{position:absolute;left:0;right:0;bottom:calc(2.3cqw + (100% - 4.6cqw)*.444);border-top:.18cqw dashed var(--acc);pointer-events:none;transform-origin:right}
.c7-ref span{position:absolute;left:0;bottom:.4cqw;padding:.25cqw .9cqw;border-radius:99px;font-size:1cqw;font-weight:800;color:var(--on-acc);background:var(--acc)}
.c7-n{display:block;margin-top:.9cqw;text-align:center;font-size:.95cqw;color:var(--mut)}
@keyframes c7g{from{transform:scaleY(0)}}
@keyframes c7f{from{opacity:0;transform:translateY(.8cqw)}}
@keyframes c7r{from{transform:scaleX(0)}}
.s.on .hx-7 .c7-b{animation:c7g 1.1s cubic-bezier(.2,.9,.25,1.05) both;animation-delay:calc(var(--k)*.07s + .25s)}
.s.on .hx-7 .c7-c em{animation:c7f .5s ease both;animation-delay:calc(var(--k)*.07s + .8s)}
.s.on .hx-7 .c7-ref{animation:c7r .9s ease both;animation-delay:1.2s}
@media(prefers-reduced-motion:reduce){.hx-7 .c7-b,.hx-7 .c7-c em,.hx-7 .c7-ref{animation:none!important}}
@container (max-width:620px){.hx-7 .h3-ey,.hx-7 .t5-pl,.c7-h span,.c7-n{display:none}.hx-7 .hx-vs{padding:11cqw 3cqw 2cqw 0}.c7-ref span{display:none}.c7-plot{height:27cqw;margin-top:4cqw}.c7{padding:1.5cqw 2cqw}.c7-h b{font-size:2.6cqw}.c7-plot{gap:.6cqw}.c7-c span{writing-mode:vertical-rl;rotate:180deg;height:7cqw;font-size:2cqw;line-height:1.2}.c7-c.sol span{height:7cqw;writing-mode:horizontal-tb;rotate:0deg;font-size:2.6cqw;line-height:2.6cqw}.c7-b{height:calc((100% - 9.6cqw)*var(--hn))}.c7-ref{bottom:calc(7.1cqw + (100% - 9.6cqw)*.444)}.c7-c em{font-size:2.2cqw}.c7-c.sol em{font-size:3.6cqw}.c7-c.sol em:before{font-size:3cqw;top:-3.4cqw}.c7-ref span{font-size:1.8cqw}}

/* ===== HX-3 بازطراحی: پکیج بازاریابی دیجیتال ===== */
.hx-3 .hx-h{font-size:3cqw}
.hx-3 .hx-vs{align-items:flex-end;justify-content:center;padding:14cqw 4.5cqw 3cqw 1cqw}
.d3{width:100%;padding:1.3cqw 1.5cqw 1.5cqw;border-radius:2cqw;background:color-mix(in srgb,var(--card) 90%,transparent);border:1px solid var(--line);box-shadow:0 2.4cqw 4cqw -1.8cqw rgba(60,40,15,.4)}
.d3-h{display:flex;justify-content:space-between;align-items:center;gap:1cqw;padding-bottom:.9cqw}
.d3-h b{font-size:1.5cqw;font-weight:800;color:var(--hn)}
.d3-h span{padding:.3cqw 1cqw;border-radius:99px;font-size:1cqw;font-weight:800;color:var(--goldtxt);border:1px solid color-mix(in srgb,var(--gold2) 45%,transparent);background:color-mix(in srgb,var(--gold1) 16%,transparent)}
.d3-det{position:relative;display:flex;align-items:center;gap:1.4cqw;min-height:11.5cqw;padding:1.3cqw 1.5cqw;border-radius:1.5cqw;background:linear-gradient(135deg,color-mix(in srgb,var(--gold1) 20%,var(--card)),var(--card));border:1px solid color-mix(in srgb,var(--gold2) 35%,var(--line))}
.d3-ic{flex:none;display:grid;place-items:center;width:6.6cqw;height:6.6cqw;border-radius:1.6cqw;font-style:normal;font-size:3.4cqw;line-height:1;background:linear-gradient(135deg,var(--gold1),var(--gold2));box-shadow:0 1cqw 2cqw -.8cqw var(--gold2)}
.d3-bd{flex:1;min-width:0}
.d3-t{display:block;font-size:1.8cqw;line-height:1.5;font-weight:800;color:var(--hn)}
.d3-d{margin:.2cqw 0 .6cqw;font-size:1.15cqw;line-height:1.85;color:var(--ink);opacity:.82}
.d3-r{display:inline-block;font-style:normal;padding:.25cqw 1cqw;border-radius:99px;font-size:1.05cqw;font-weight:800;color:var(--ink);background:color-mix(in srgb,var(--ok) 22%,transparent);border:1px solid color-mix(in srgb,var(--ok) 45%,transparent)}
.d3-k{position:absolute;top:.7cqw;inset-inline-start:1.2cqw;font-size:.9cqw;font-weight:700;color:var(--mut)}
.d3-det.sw .d3-bd,.d3-det.sw .d3-ic{animation:hxup .45s cubic-bezier(.2,.8,.2,1) both}
.d3-bar{height:.3cqw;margin:1cqw 0;border-radius:9px;background:var(--line);overflow:hidden}
.d3-bar i{display:block;height:100%;width:100%;border-radius:9px;background:linear-gradient(90deg,var(--gold2),var(--gold1));transform-origin:right;animation:d3p 3.6s linear both}
@keyframes d3p{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.d3.hold .d3-bar i,.s:not(.on) .d3-bar i{animation-play-state:paused}
.d3-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8cqw}
.d3-n{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4cqw;min-height:6.4cqw;padding:.7cqw .5cqw;border-radius:1.3cqw;cursor:pointer;color:var(--ink);background:var(--card);border:1px solid var(--line);transition:transform .25s,background .25s,box-shadow .25s,border-color .25s}
.d3-n i{font-style:normal;font-size:2.3cqw;line-height:1}
.d3-n span{font-size:1.05cqw;font-weight:800;line-height:1.5;text-align:center}
.d3-n:hover{transform:translateY(-.3cqw);border-color:var(--gold2)}
.d3-n.on{background:linear-gradient(135deg,var(--gold1),var(--gold2));border-color:transparent;color:var(--on-gold);box-shadow:0 1cqw 2cqw -.8cqw var(--gold2);transform:translateY(-.3cqw)}
@media(prefers-reduced-motion:reduce){.d3-bar i{animation:none}.d3-det.sw .d3-bd,.d3-det.sw .d3-ic{animation:none}}
@container (max-width:620px){.hx-3 .h3-ey,.hx-3 .h3-sv,.d3-d,.d3-r,.d3-k,.d3-h span{display:none}.hx-3 .hx-h{font-size:4.2cqw}.hx-3 .hx-vs{padding:11cqw 3cqw 2cqw 0}.d3{padding:1.5cqw 2cqw}.d3-h b{font-size:2.4cqw}.d3-det{min-height:0;padding:1.4cqw 1.8cqw;gap:1.6cqw}.d3-ic{width:6cqw;height:6cqw;font-size:3.2cqw;border-radius:1.4cqw}.d3-t{font-size:2.6cqw}.d3-bar{margin:1.2cqw 0}.d3-g{gap:.8cqw}.d3-n{min-height:6.8cqw;padding:.6cqw}.d3-n i{font-size:3.2cqw}.d3-n span{display:none}}

/* ===== نوار CTA بالای سکشن آخر (نسخه پررنگ) ===== */
.cs-strip{position:relative;isolation:isolate;overflow:hidden;width:100%;margin:0;padding:0;color:#fff;background:linear-gradient(100deg,#7d1f19 0%,#b3342b 45%,#7d1f19 100%);border-block:2px solid #e3c28a;box-shadow:0 18px 40px -18px rgba(125,31,25,.7)}
.cs-strip:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 14px,transparent 14px 28px)}
.cs-strip:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,236,190,.3) 50%,transparent 62%);transform:translateX(-130%);animation:cs-sw 4.5s ease-in-out infinite}
@keyframes cs-sw{0%,45%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
.cs{max-width:1920px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px 28px;flex-wrap:wrap;padding:18px var(--sx)}
@media(min-width:900px){.cs{padding-inline-start:calc(var(--sx) + 96px)}}
.cs-t{display:flex;align-items:center;gap:16px;min-width:0}
.cs-t b{display:block;font-size:clamp(17px,1.9vw,28px);font-weight:900;line-height:1.5;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.28)}
.cs-t small{display:block;margin-top:2px;font-size:clamp(12px,.95vw,14.5px);font-weight:600;line-height:1.6;color:rgba(255,244,220,.9)}
.cs-dot{flex:none;width:14px;height:14px;border-radius:50%;background:#f4d58f;box-shadow:0 0 0 0 rgba(244,213,143,.8);animation:cs-p 1.8s infinite}
@keyframes cs-p{70%{box-shadow:0 0 0 14px rgba(244,213,143,0)}100%{box-shadow:0 0 0 0 rgba(244,213,143,0)}}
.cs-b{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cs-tel{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:999px;font-size:16px;font-weight:800;color:#fff;border:2px solid rgba(255,255,255,.75);transition:background .2s,color .2s}
.cs-tel:hover{background:#fff;color:#7d1f19}
.cs-go{position:relative;display:inline-flex;align-items:center;gap:14px;padding:7px 7px 7px 26px;border-radius:999px;font-size:17px;font-weight:900;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f);box-shadow:0 10px 24px -8px rgba(0,0,0,.55),0 0 0 0 rgba(251,230,174,.7);animation:cs-ring 2.2s infinite;transition:transform .2s}
@keyframes cs-ring{70%{box-shadow:0 10px 24px -8px rgba(0,0,0,.55),0 0 0 16px rgba(251,230,174,0)}100%{box-shadow:0 10px 24px -8px rgba(0,0,0,.55),0 0 0 0 rgba(251,230,174,0)}}
.cs-go i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#7d1f19;color:#fbe6ae;transition:transform .25s}
.cs-go svg{width:18px;height:18px}
.cs-go:hover{transform:translateY(-3px) scale(1.03)}.cs-go:hover i{transform:translateX(-4px)}
@media(max-width:760px){.cs{justify-content:center;text-align:center;padding:18px 16px}.cs-t{justify-content:center}.cs-t small{display:none}}
@media(prefers-reduced-motion:reduce){.cs-strip:after,.cs-dot,.cs-go{animation:none}}
/* دکمه‌های اسلاید پشتیبانی: دو دکمه زیر هم */
.hx-1 .hx-cw{display:flex;flex-direction:column;align-items:flex-start;gap:1.1cqw;margin-top:1.8cqw}
@container (max-width:620px){.hx-1 .hx-cw{gap:1.6cqw;margin-top:2cqw}}


/* فلش روی دکمه‌ها تا مشخص باشه کلیک‌پذیرند */
.vx-act a,.wb-b a{display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}
.vx-act a::after,.wb-b a::after{content:"";flex:none;width:1.15em;height:1.15em;background:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat;
 transition:transform .2s}
.vx-act a:hover::after,.wb-b a:hover::after{transform:translateX(-5px)}
[dir="ltr"] .vx-act a::after,[dir="ltr"] .wb-b a::after{transform:scaleX(-1)}
[dir="ltr"] .vx-act a:hover::after,[dir="ltr"] .wb-b a:hover::after{transform:scaleX(-1) translateX(-5px)}
.vx-act a:focus-visible,.wb-b a:focus-visible{outline:3px solid var(--gold2,#b58a45);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.vx-act a::after,.wb-b a::after{transition:none}}


/* ===== سکشن اول (Hero): تمام‌عرض و بدون کادر ===== */
/* سکشن: بدون محدودیت عرض و بدون حاشیه‌ی کناری تا لبه‌تا‌لبه شود */
section#hero.hero{
  max-width:none!important;
  margin-inline:0!important;
  padding-inline:0!important;
  background:radial-gradient(560px 380px at 98% 100%,color-mix(in srgb,var(--leaf) 12%,transparent),transparent 70%) no-repeat;
}
/* کادر قبلی (border / radius / shadow / پس‌زمینه‌ی کارت) حذف شد */
#hero .hw{
  max-width:1920px;
  margin-inline:auto;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:none;
  padding-block:clamp(24px,4vw,64px);
  padding-inline:var(--gx);
}
@media(min-width:901px){
  /* فاصله‌ی کافی از نوار شناور کناری (.side) */
  #hero .hw{padding-inline:clamp(64px,5vw,96px)}
}
@media(max-width:900px){
  #hero .hw{padding-block:22px}
}


/* ===== سوالات متداول — یک طرح و تم برای همه‌ی صفحات =====
   مرجع: سکشن «سوالات متداول» در صفحه‌ی نرم افزار اتوماسیون تغذیه (#fa-faq).
   صفحه‌های «تماس با ما» و «پشتیبانی» از همین بلوک (.sfq) استفاده می‌کنند.
   برای تغییر ظاهر، فقط همین‌جا را ویرایش کنید. */
.sfq{--sfq-soft:var(--bg);--sfq-row:var(--sec-alt,#fff);color:var(--ink);font-family:'Vazirmatn',Tahoma,sans-serif;font-size:16px;line-height:1.5}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sfq{--sfq-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] .sfq{--sfq-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#sp-faq.sfq{background:var(--sec-alt,#fff)}
.sfq *,.sfq *::before,.sfq *::after{box-sizing:border-box}
.sfq h2,.sfq h3,.sfq p{margin:0;padding:0;font-family:inherit;letter-spacing:0;text-transform:none}
.sfq-in{width:100%;max-width:100%;padding-inline:clamp(1rem,4vw + .5rem,9rem)}
@media (min-width:96rem){.sfq-in{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
.sfq-row{width:100%;margin-inline:auto;background:var(--sfq-row);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}
@media (min-width:80rem){.sfq-row{flex-direction:row-reverse}}

/* بلوک عنوان */
.sfq-side{width:100%;margin-bottom:1rem;text-align:center;color:var(--ink)}
.sfq-side>:not(:last-child){margin-bottom:1rem}
@media (min-width:80rem){.sfq-side{width:33.333333%}}
@media (min-width:96rem){.sfq-side{text-align:left}}
.sfq-side h2{margin-inline:auto;max-width:56rem;font-size:1.5rem;line-height:1.3333;font-weight:800;color:inherit}
@media (min-width:64rem){.sfq-side h2{line-height:70px}}
@media (min-width:80rem){.sfq-side h2{font-size:48px}}
.sfq-side p{font-size:1rem;line-height:1.5;font-weight:800;color:inherit}
.sfq-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;border-radius:50px;background:var(--acc);color:var(--on-acc,#fff);font-size:.875rem;line-height:1.4286;font-weight:700;text-decoration:none;cursor:pointer;transition:color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1)}
.sfq-cta:hover{background:color-mix(in srgb,var(--acc) 82%,#000)}
.sfq-cta svg{display:block;flex:none;width:1em;height:1em;font-size:.875rem}
@media (min-width:40rem){.sfq-cta{width:11rem;padding-inline:1.5rem;font-size:1rem;line-height:1.5}.sfq-cta svg{font-size:1.25rem}}
@media (min-width:64rem){.sfq-cta{font-size:1.125rem;line-height:1.5556}}

/* لیست سوال‌ها */
.sfq-list{width:100%}
.sfq-item{width:100%;margin-bottom:.75rem;overflow:hidden;border-radius:1.5rem;background:var(--sfq-soft);color:var(--ink);text-align:right;cursor:pointer;transition:color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}
@media (hover:hover){.sfq-item:hover{background-color:rgba(255,76,0,.1);background-color:oklab(66.6687% .179651 .134278/.1);color:var(--acc)}}
.sfq-item.faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
.sfq-q{padding:1.25rem;transition:color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1)}
.sfq-qr{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%}
.sfq-qr h3{font-size:.875rem;line-height:1.4286;font-weight:700;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}
@media (min-width:48rem){.sfq-qr h3{font-size:1rem;line-height:1.5}}
.sfq-ic{display:block;flex:none;padding:.25rem;border-radius:9999px;background:var(--nv);color:#f6ecd6;transition:all .2s cubic-bezier(.4,0,.2,1)}
.sfq-ic svg{display:block;width:1em;height:1em;transition:transform .2s}
.sfq-a{overflow:hidden;max-height:0;transition:all .3s ease-in-out}
.sfq-a p{padding:0 1.25rem 1rem;font-size:.875rem;line-height:1.4286;color:var(--ink)}
@media (min-width:48rem){.sfq-a p{font-size:1rem;line-height:1.5}}
@media (prefers-reduced-motion:reduce){.sfq *{transition:none!important}}

/* صفحه‌ی پشتیبانی: قاعده‌های عمومی #sp-page (h2/h3/margin/line-height) نباید ظاهر FAQ را از مرجع جدا کنند */
#sp-page .sfq-side>:not(:last-child){margin-bottom:1rem}
#sp-page .sfq-side h2{margin-bottom:1rem;font-size:1.5rem;line-height:1.3333;font-weight:800}
@media (min-width:64rem){#sp-page .sfq-side h2{line-height:70px}}
@media (min-width:80rem){#sp-page .sfq-side h2{font-size:48px}}
#sp-page .sfq-side p{font-size:1rem;line-height:1.5;font-weight:800}
#sp-page .sfq-cta{color:var(--on-acc,#fff);line-height:1.4286}
@media (min-width:40rem){#sp-page .sfq-cta{line-height:1.5}}
@media (min-width:64rem){#sp-page .sfq-cta{line-height:1.5556}}
#sp-page .sfq-item{margin-bottom:.75rem;line-height:1.5}
#sp-page .sfq-qr h3{margin:0;font-size:.875rem;line-height:1.4286;font-weight:700}
@media (min-width:48rem){#sp-page .sfq-qr h3{font-size:1rem;line-height:1.5}}
#sp-page .sfq-a p{font-size:.875rem;line-height:1.4286}


/* ===== صفحه «نرم افزار رستوران آفلاین» — مسیر #offline؛ حاشیه‌ی سکشن‌ها مثل صفحه‌ی اتوماسیون تغذیه ===== */
#offline-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink);background:var(--sec-alt);overflow-x:clip;padding:0!important}
#offline-page[hidden]{display:none}
html.is-offline body>section:not(#mp-sec),html.is-offline #nl-sec,html.is-offline #cta-band,html.is-offline .pgx{display:none!important}
#offline-page *{box-sizing:border-box}#offline-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.of-w{padding-inline:clamp(1rem,4vw + .5rem,9rem)}@media(min-width:1536px){.of-w{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
.of-s{margin-top:6rem}@media(min-width:1280px){.of-s{margin-top:12.5rem}}.of-last{margin-bottom:6rem}
#offline-page h2{font-size:clamp(1.5rem,3vw,2.6rem);font-weight:800;line-height:1.5;margin:0 0 .6em}
#offline-page h2 em{font-style:normal;color:var(--acc)}.of-lead{color:var(--mut);font-size:1.1rem;line-height:2;margin:0 0 2rem}
.of-hero{position:relative;min-height:600px;border-radius:0 0 48px 48px;overflow:hidden;background:radial-gradient(700px 420px at 18% 55%,rgba(214,179,116,.28),transparent),radial-gradient(600px 400px at 90% 0,rgba(169,50,43,.3),transparent),#2b2118;color:#f6ecd6;display:flex;align-items:flex-end}
.of-hin{width:100%;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:2rem;padding-block:5rem 4rem}
.of-eb{display:inline-block;border:1px solid var(--gold1);color:var(--gold1);border-radius:99px;padding:.25rem 1rem;font-size:.85rem;margin-bottom:1rem}
.of-hero h1{font-size:clamp(1.8rem,4.2vw,3.6rem);font-weight:800;line-height:1.35;margin:0}.of-hero h1 span{display:block;color:var(--gold1);font-size:.55em;margin-top:.5rem;line-height:1.7}
.of-hero p{color:#efe4d2;font-size:1.15rem;line-height:2.1;max-width:38rem;margin:1rem 0 0}
.of-bt{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.of-b1,.of-b2{display:inline-flex;padding:.8rem 1.6rem;border-radius:99px;font-weight:700;transition:transform .2s,filter .2s}.of-b1{background:var(--gold1);color:#1c1712}.of-b2{border:1.5px solid #f6ecd6;color:#f6ecd6}.of-b1:hover,.of-b2:hover{transform:translateY(-2px);filter:brightness(1.08)}
.of-orb{position:relative;aspect-ratio:1;max-width:340px;width:100%;margin-inline:auto;display:grid;place-items:center;color:var(--gold1)}
.of-orb i{position:absolute;inset:0;border:1.5px solid rgba(214,179,116,.5);border-radius:50%;animation:of-p 3.6s ease-out infinite}.of-orb i:nth-child(2){animation-delay:1.2s}.of-orb i:nth-child(3){animation-delay:2.4s}
@keyframes of-p{from{transform:scale(.35);opacity:1}to{transform:scale(1);opacity:0}}
.of-orb svg{width:46%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.of-orb .sl{stroke:#ef7b72}
.of-orb b{position:absolute;background:#f6ecd6;color:#2b2118;border-radius:14px;padding:.4rem .8rem;font-size:.8rem;box-shadow:0 10px 24px rgba(0,0,0,.35);animation:of-f 4s ease-in-out infinite}.t1{top:6%;right:-4%}.t2{bottom:8%;left:-4%;animation-delay:1.5s!important}
@keyframes of-f{50%{transform:translateY(-8px)}}

/* باند تمام‌عرض کرم، مثل بخش‌های bg-accent صفحه‌ی اتوماسیون تغذیه (--fa-soft = --bg) */
.of-band{background:var(--bg);padding-block:6rem}@media(min-width:1280px){.of-band{padding-block:6rem}}
.of-head{max-width:52rem;margin-inline:auto;text-align:center}.of-head .of-lead{margin-bottom:3rem}
.of-sim{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.2rem,3vw,2.5rem);align-items:start}
.of-pos{background:var(--card);border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);padding:clamp(1rem,2.4vw,1.8rem)}
.of-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line);font-weight:800}
.of-net{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;padding:.3rem .9rem;border-radius:99px;background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--good)}
.of-net:before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}.of-net[data-off=true]{background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}
.of-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:1.1rem 0}
.of-mi{padding:.9rem .4rem;border:1px solid var(--line);border-radius:16px;background:var(--bg);font-weight:700;font-size:.9rem;transition:transform .15s,border-color .15s}.of-mi:hover{transform:translateY(-2px);border-color:var(--gold2)}.of-mi:active{transform:scale(.96)}
.of-cart{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-radius:16px;background:var(--bg2);min-height:3.4rem;line-height:1.8}
.of-pay{background:var(--acc);color:var(--on-acc);border-radius:99px;padding:.55rem 1.3rem;font-weight:800;white-space:nowrap;transition:opacity .2s}.of-pay:disabled{opacity:.35;cursor:not-allowed}
.of-ord{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.6rem;min-height:4rem}
.of-ord li{display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:16px;background:var(--bg);animation:of-in .35s}.of-ord li span{color:var(--mut)}.of-ord li em{grid-column:1/-1;font-style:normal;font-size:.82rem;color:var(--good)}
.of-ord li.q{border-style:dashed;border-color:var(--gold2)}.of-ord li.q em{color:var(--goldtxt)}.of-ord:empty:before{content:"هنوز سفارشی ثبت نشده؛ چند آیتم انتخاب کنید و بزنید «ثبت و پرداخت».";color:var(--mut);font-size:.9rem;line-height:1.9}
@keyframes of-in{from{opacity:0;transform:translateY(8px)}}
.of-ctl{display:grid;gap:1.4rem}
.of-sw{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1rem 1.3rem;border-radius:22px;border:1px solid var(--line);background:var(--card);font-weight:800;font-size:1.05rem;box-shadow:var(--shadow)}
.of-sw i{width:64px;height:34px;border-radius:99px;background:var(--leaf);position:relative;transition:background .3s;flex:none}.of-sw i:after{content:"";position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;background:#fff;transition:transform .3s}.of-sw[aria-pressed=true] i{background:var(--bad)}.of-sw[aria-pressed=true] i:after{transform:translateX(-30px)}
.of-st{padding:.2rem .4rem;line-height:2;color:var(--mut)}
.of-flow{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:f}
.of-flow li{counter-increment:f;position:relative;padding:0 3.4rem 1.6rem 0;color:var(--mut);transition:color .3s}.of-flow li:last-child{padding-bottom:0}
.of-flow li:before{content:counter(f,persian);position:absolute;right:0;top:0;width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);background:var(--card);font-weight:800;transition:all .3s}
.of-flow li:after{content:"";position:absolute;right:calc(1.2rem - 1px);top:2.4rem;bottom:0;border-right:2px dashed var(--line)}.of-flow li:last-child:after{display:none}
.of-flow li.on{color:var(--ink)}.of-flow li.on:before{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}
.of-flow b{display:block;font-size:1.05rem}.of-flow span{font-size:.92rem;line-height:1.9}
.of-cnt-w{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.3rem;border-radius:22px;background:var(--nv);color:#f6ecd6}.of-cnt-w b{font-size:1.8rem;color:var(--gold1)}
.of-cmp{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.5vw,2rem)}
.of-cm{border-radius:36px;padding:clamp(1.4rem,3vw,2.6rem);background:var(--bg);border:1px solid var(--line)}.of-cm.win{background:var(--nv);color:#f6ecd6;border-color:var(--nv);background-image:radial-gradient(420px 220px at 90% 0,rgba(214,179,116,.22),transparent)}
.of-cm h3{font-size:1.4rem;margin:0 0 1.6rem;display:flex;align-items:center;gap:.7rem}.of-cm h3 i{width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;font-style:normal;background:color-mix(in srgb,var(--bad) 18%,transparent);color:var(--bad)}.of-cm.win h3 i{background:var(--gold1);color:#1c1712}
.of-cm ol{list-style:none;margin:0;padding:0;display:grid;gap:1.3rem}.of-cm li small{display:block;font-size:.8rem;font-weight:700;letter-spacing:0;color:var(--mut);margin-bottom:.2rem}.of-cm.win li small{color:var(--gold1)}.of-cm li{line-height:2;padding-right:1rem;border-right:3px solid var(--line)}.of-cm.win li{border-color:var(--gold2)}
.of-roles{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(1rem,3vw,2.5rem);align-items:stretch}
.of-tabs{display:grid;gap:.7rem;align-content:start}.of-tab{text-align:right;padding:1.1rem 1.4rem;border-radius:22px;border:1px solid var(--line);background:var(--card);font-weight:800;font-size:1.05rem;transition:all .2s}.of-tab[aria-selected=true]{background:var(--nv);color:#f6ecd6;border-color:var(--nv);transform:translateX(-8px)}
.of-pn{border-radius:36px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);padding:clamp(1.5rem,3.5vw,3rem);animation:of-in .35s}.of-pn[hidden]{display:none}
.of-pn svg{width:56px;height:56px;padding:13px;border-radius:18px;background:linear-gradient(135deg,var(--gold1),var(--gold2));fill:none;stroke:#1c1712;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.of-pn h3{font-size:clamp(1.3rem,2.4vw,1.9rem);line-height:1.6;margin:1.2rem 0 .6rem}.of-pn p{color:var(--mut);line-height:2.1;margin:0 0 1.2rem;font-size:1.05rem}.of-pn ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.of-pn li{padding-right:1.8rem;position:relative;font-weight:700}.of-pn li:before{content:"✓";position:absolute;right:0;color:var(--good)}
.of-chips{list-style:none;margin:2rem 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.of-chips li{padding:.45rem 1.1rem;border-radius:99px;border:1px solid rgba(214,179,116,.55);color:#f6ecd6;font-size:.9rem;font-weight:700}
/* سوالات متداول: همان طرح مشترک .sfq (مرجع: #fa-faq در صفحه‌ی اتوماسیون تغذیه)؛ قاعده‌ی عمومی #offline-page h2 نباید ظاهر آن را عوض کند */
#offline-page .sfq-side>:not(:last-child){margin-bottom:1rem}
#offline-page .sfq-side h2{margin:0 auto 1rem;font-size:1.5rem;line-height:1.3333;font-weight:800}
@media (min-width:64rem){#offline-page .sfq-side h2{line-height:70px}}
@media (min-width:80rem){#offline-page .sfq-side h2{font-size:48px}}
#offline-page .sfq-side p{font-size:1rem;line-height:1.5;font-weight:800;color:inherit}
#offline-page .sfq-cta{color:var(--on-acc,#fff);line-height:1.4286}
@media (min-width:40rem){#offline-page .sfq-cta{line-height:1.5}}
@media (min-width:64rem){#offline-page .sfq-cta{line-height:1.5556}}
#offline-page .sfq-item{margin-bottom:.75rem;line-height:1.5}
#offline-page .sfq-qr h3{margin:0;font-size:.875rem;line-height:1.4286;font-weight:700}
@media (min-width:48rem){#offline-page .sfq-qr h3{font-size:1rem;line-height:1.5}}
#offline-page .sfq-a p{font-size:.875rem;line-height:1.4286;color:var(--ink)}
@media (min-width:48rem){#offline-page .sfq-a p{font-size:1rem;line-height:1.5}}
.of-cta{background:var(--nv);color:#f6ecd6;border-radius:40px;text-align:center;padding:clamp(2rem,6vw,5rem) 1.5rem;background-image:radial-gradient(500px 260px at 50% 0,rgba(214,179,116,.25),transparent)}.of-cta p{color:#efe4d2;margin:0 0 1.6rem;font-size:1.1rem}
@media(max-width:900px){.of-hin,.of-sim,.of-cmp,.of-roles{grid-template-columns:1fr}.of-menu{grid-template-columns:repeat(2,1fr)}.of-hero{min-height:0}.of-orb{max-width:220px}.of-tab[aria-selected=true]{transform:none}.of-tabs{grid-template-columns:1fr 1fr}.of-band{padding-block:4rem}}
@media(prefers-reduced-motion:reduce){.of-orb i,.of-orb b,.of-ord li,.of-pn{animation:none}}


/* ===== صفحه «نرم افزار رستوران رایگان» — مسیر #free =====
   همه‌ی رنگ‌ها و فونت از پالت همین سایت (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند.
   ریتم سکشن‌ها مثل صفحه‌ی اتوماسیون تغذیه: هیرو تیره → کرم → سفید → کرم → ... (فقط .fr-cream رنگ دوم است) */
#free-page{--fr-gap:clamp(64px,10vh,104px);display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink);background:var(--sec-alt);overflow-x:clip;padding:0!important}
#free-page[hidden]{display:none}
html.is-free body>section:not(#mp-sec),html.is-free #nl-sec,html.is-free #cta-band,html.is-free .pgx{display:none!important}
#free-page *{box-sizing:border-box}#free-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#free-page a{color:inherit;text-decoration:none}
.fr-w{padding-inline:clamp(1rem,4vw + .5rem,9rem)}@media(min-width:1536px){.fr-w{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
.fr-sec{padding-block:var(--fr-gap);background:var(--sec-alt)}.fr-cream{background:var(--bg)}
.fr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#free-page h2{font-size:clamp(1.5rem,3vw,2.6rem);font-weight:800;line-height:1.5;margin:0 0 .6em}
#free-page h2 em{font-style:normal;color:var(--acc)}
.fr-head{max-width:52rem;margin-inline:auto;text-align:center}.fr-head h2{margin-bottom:.4em}
.fr-lead{color:var(--mut);font-size:1.1rem;line-height:2;margin:0 0 3rem}

/* دکمه‌ها */
.fr-b1,.fr-b2{display:inline-flex;padding:.8rem 1.6rem;border-radius:99px;font-weight:700;transition:transform .2s,filter .2s}
#free-page .fr-b1{background:var(--gold1);color:#1c1712}#free-page .fr-b2{border:1.5px solid #f6ecd6;color:#f6ecd6}
.fr-b1:hover,.fr-b2:hover{transform:translateY(-2px);filter:brightness(1.08)}

/* هیرو (تیره، مثل صفحه آفلاین / اتوماسیون تغذیه) */
.fr-hero{position:relative;min-height:600px;border-radius:0 0 48px 48px;overflow:hidden;color:#f6ecd6;display:flex;align-items:flex-end;margin-bottom:0;background:radial-gradient(700px 420px at 18% 55%,rgba(214,179,116,.28),transparent),radial-gradient(600px 400px at 90% 0,rgba(169,50,43,.3),transparent),#2b2118}
.fr-hin{width:100%;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:2rem;padding-block:5rem 4.5rem}
.fr-eb{display:inline-block;border:1px solid var(--gold1);color:var(--gold1);border-radius:99px;padding:.25rem 1rem;font-size:.85rem;margin-bottom:1rem}
.fr-hero h1{font-size:clamp(1.9rem,4.4vw,3.8rem);font-weight:800;line-height:1.4;margin:0}.fr-hero h1 em{font-style:normal;color:var(--gold1)}
.fr-hero p{color:#efe4d2;font-size:1.1rem;line-height:2.1;max-width:38rem;margin:1rem 0 0}
.fr-hero p strong{color:var(--gold1);font-weight:800}
.fr-bt{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.fr-vis{position:relative;max-width:560px;width:100%;margin-inline:auto}
.fr-lap{display:block;width:100%;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.fr-vis b{position:absolute;background:#f6ecd6;color:#2b2118;border-radius:14px;padding:.45rem .9rem;font-size:.82rem;box-shadow:0 10px 24px rgba(0,0,0,.35);animation:fr-f 4s ease-in-out infinite}
.fr-vis .t1{top:2%;right:2%}.fr-vis .t2{bottom:14%;left:0;animation-delay:1.5s}
.fr-vis .tag{position:absolute;top:-2%;left:6%;background:linear-gradient(135deg,var(--gold1),var(--gold2));color:#1c1712;border-radius:99px;padding:.35rem 1.1rem;font-weight:800;font-size:1rem;box-shadow:0 12px 26px -8px rgba(0,0,0,.5);transform:rotate(-6deg)}
@keyframes fr-f{50%{transform:translateY(-8px)}}

/* پک نرم‌افزاری */
.fr-pack{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(1.2rem,3vw,3rem);align-items:center}
.fr-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.fr-card{background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:1.5rem 1.6rem;transition:transform .2s,border-color .2s}.fr-card:hover{transform:translateY(-4px);border-color:var(--gold2)}
.fr-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold1),var(--gold2));margin-bottom:1rem}
.fr-ic svg{width:26px;height:26px;fill:none;stroke:#1c1712;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fr-card h3{font-size:1.15rem;font-weight:800;margin:0 0 .4rem;color:var(--goldtxt)}.fr-card p{margin:0;color:var(--mut);line-height:2;font-size:.98rem}
.fr-phone{position:relative;width:min(100%,250px);margin-inline:auto;aspect-ratio:9/17;border-radius:40px;padding:10px;background:#1c1712;box-shadow:0 30px 50px -20px rgba(60,40,10,.6),inset 0 0 0 2px #3b2c1d}
.fr-phone:before{content:"";position:absolute;top:16px;left:50%;transform:translateX(-50%);width:34%;height:18px;border-radius:99px;background:#000;z-index:2}
.fr-scr{height:100%;border-radius:31px;overflow:hidden;background:var(--card);display:grid;place-items:center;padding:34px 14px 14px}
.fr-menu{width:100%;border-radius:22px;padding:1rem .9rem 1.1rem;text-align:center;color:#1c1712;background:linear-gradient(160deg,var(--gold1),var(--gold2) 70%,#8a6428)}
.fr-menu span{display:block;font-weight:800;font-size:.85rem;line-height:1.8;margin-bottom:.6rem}
.fr-qr{display:block;width:100%;height:auto;border-radius:14px;border:6px solid #fff;background:#fff}
.fr-menu small{display:block;margin-top:.7rem;font-weight:800;letter-spacing:.02em;font-size:.85rem;color:#2b2118}

/* مراحل */
.fr-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;counter-reset:s}
.fr-step{counter-increment:s;position:relative;background:var(--card);border:1px solid var(--line);border-radius:28px;padding:1.6rem 1.5rem;box-shadow:var(--shadow)}
.fr-step:before{content:counter(s,persian);display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;font-weight:800;font-size:1.25rem;background:var(--acc);color:var(--on-acc);margin-bottom:1rem}
.fr-step:not(:last-child):after{content:"";position:absolute;top:calc(1.6rem + 1.5rem);left:-1.2rem;width:1.2rem;border-top:2px dashed var(--gold2)}
.fr-step b{display:block;font-size:1.1rem;margin-bottom:.4rem}.fr-step span{display:block;color:var(--mut);line-height:2;font-size:.95rem}

/* درخواست نرم‌افزار رایگان — همان طرح «درخواست دمو و مشاوره رایگان» در صفحه‌ی درباره ما */
.fr-dm{display:flex;flex-direction:column;align-items:stretch;gap:1.5rem}
.fr-dm-t{display:flex;flex-direction:column;gap:1.5rem}
#free-page .fr-dm h2{margin:0;color:var(--acc);font-weight:800;font-size:1.5rem;line-height:1.625;text-align:right}
#free-page .fr-dm h2 span{font-weight:400;color:var(--ink);font-size:1.25rem}
.fr-dm p{margin:0;color:var(--ink);font-size:1rem;line-height:2}
.fr-ct{display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:flex-end;gap:1rem;list-style:none;margin:0;padding:0}
.fr-ci{display:flex;align-items:center;gap:.5rem;font-size:.75rem;cursor:pointer;color:var(--ink);transition:color .2s}
.fr-ci i{width:2rem;height:2rem;flex:none;border-radius:99px;display:flex;align-items:center;justify-content:center;background:var(--acc);color:#f6ecd6;transition:background .2s}
.fr-ci svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fr-ci:hover{color:var(--acc)}.fr-ci:hover i{background:var(--nv)}
.fr-form{display:flex;flex-direction:column;gap:1rem;background:var(--nv);border-radius:1rem;padding:1.5rem}
.fr-fr{display:flex;flex-direction:column;align-items:center;width:100%}
.fr-fr label{flex:none;min-width:100%;padding-block:.5rem;color:#f6ecd6;font-size:.75rem;white-space:nowrap;text-align:right}
.fr-fr input[type=text],.fr-fr input[type=tel],.fr-fr select{width:100%;font:inherit;font-size:.75rem;color:#f6ecd6;text-align:right;background-color:color-mix(in oklab,#d6b374 30%,transparent);border:1px solid color-mix(in oklab,#d6b374 45%,transparent);border-radius:99px;padding:.75rem 1rem;transition:background-color .2s}
.fr-fr input::placeholder{color:#f6ecd6;opacity:1}
.fr-fr input:focus,.fr-fr select:focus{outline:none;background-color:color-mix(in oklab,#d6b374 45%,transparent)}
.fr-fr select{appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f6ecd6' stroke-width='2.4' 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 1rem center;background-size:16px;padding-left:2.6rem}
.fr-fr select option{color:#1c1712;background:#fff}
.fr-fr [aria-invalid=true]{border-color:#ef7b72}
.fr-act{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem}
.fr-ck{display:flex;align-items:center;gap:.75rem}.fr-ck input{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#f6ecd6}
.fr-ck label{color:#f6ecd6;font-size:.875rem;cursor:pointer;user-select:none}
.fr-sub{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--card);color:var(--ink);border:0;border-radius:99px;padding:.25rem .25rem .25rem 0;padding-right:1.5rem;font:inherit;font-weight:700;font-size:.875rem;cursor:pointer;transition:transform .3s ease-out,background-color .3s,box-shadow .3s}
.fr-sub:hover{transform:scale(1.05);background:var(--bg2);box-shadow:0 10px 15px -3px color-mix(in srgb,var(--acc) 30%,transparent)}.fr-sub:active{transform:scale(.98)}
.fr-sub i{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--nv);color:#f6ecd6;transition:transform .3s}.fr-sub:hover i{transform:scale(1.1)}
.fr-sub i svg{width:1rem;height:1rem;fill:currentColor;transform:scaleX(-1)}
.fr-msg{margin:0;min-height:1.4rem;font-size:.9rem;line-height:1.8;color:var(--gold1);font-weight:700;text-align:center}.fr-msg.err{color:#ef7b72}
@media(min-width:640px){.fr-dm{gap:2rem}#free-page .fr-dm h2{font-size:1.875rem}#free-page .fr-dm h2 span{font-size:1.5rem}.fr-ct{align-items:center;gap:1.5rem}.fr-ci{font-size:1rem}.fr-ci i{width:2.25rem;height:2.25rem}.fr-ci svg{width:1.125rem;height:1.125rem}.fr-form{border-radius:36px;padding:2rem;gap:1.25rem}.fr-fr label{font-size:.875rem;min-width:120px}.fr-fr input[type=text],.fr-fr input[type=tel],.fr-fr select{font-size:.875rem;padding:.875rem 1rem}.fr-ck input{width:1.5rem;height:1.5rem}.fr-ck label{font-size:1rem}.fr-sub{font-size:1rem}.fr-sub i{width:2.25rem;height:2.25rem}}
@media(min-width:768px){.fr-dm{gap:2.5rem}#free-page .fr-dm h2{font-size:2.25rem}#free-page .fr-dm h2 span{font-size:1.875rem}.fr-dm p{font-size:1.125rem;text-align:justify}.fr-ct{gap:6rem}.fr-ci i{}.fr-ci svg{width:1.25rem;height:1.25rem}.fr-form{padding:2.5rem;gap:1.5rem}.fr-fr label{font-size:1rem;min-width:130px;padding-block:0;margin-left:1rem}.fr-fr input[type=text],.fr-fr input[type=tel],.fr-fr select{font-size:1rem;padding:1rem 1.25rem}.fr-fr .fr-sel{flex:1}.fr-ck label{font-size:1.125rem}.fr-act{flex-direction:row}.fr-sub{font-size:1.125rem}.fr-sub i{width:2.5rem;height:2.5rem}}
@media(min-width:1024px){.fr-dm{gap:3rem}.fr-form{padding:3rem}.fr-fr{flex-direction:row}.fr-fr label{min-width:130px;margin-left:2rem}.fr-fr input[type=text],.fr-fr input[type=tel]{flex:1}}
@media(min-width:1280px){.fr-dm{flex-direction:row;gap:4rem}.fr-dm-t,.fr-form{width:50%}.fr-fr label{margin-left:2.5rem}}
@media(min-width:1536px){#free-page .fr-dm h2{font-size:3rem}#free-page .fr-dm h2 span{font-size:3rem}.fr-dm p{font-size:1.5rem}.fr-ci{font-size:1.125rem}.fr-ci i{width:3rem;height:2.5rem}}

/* چرا بهترین / بی‌رقیب */
.fr-why{max-width:none;margin-inline:0;background:var(--bg);border:1px solid var(--line);border-radius:40px;padding:clamp(1.8rem,4vw,3.5rem);text-align:center;box-shadow:var(--shadow)}
.fr-why h2{margin-bottom:.8em}.fr-why p{margin:0;font-size:1.1rem;line-height:2.3;color:var(--ink)}
.fr-list{list-style:none;margin:0 auto;padding:0;display:grid;gap:1rem;max-width:62rem;counter-reset:u}
.fr-li{counter-increment:u;display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:center;background:var(--sec-alt);border:1px solid var(--line);border-radius:26px;padding:1.2rem 1.5rem;transition:transform .2s,border-color .2s}.fr-li:hover{transform:translateX(-6px);border-color:var(--gold2)}
.fr-li:before{content:counter(u,persian);width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.2rem;background:linear-gradient(135deg,var(--gold1),var(--gold2));color:#1c1712}
.fr-li b{display:block;font-size:1.15rem;margin-bottom:.2rem}.fr-li span{color:var(--mut);line-height:2;font-size:1rem}

/* جدول مقایسه */
.fr-cmp{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(1.2rem,3vw,3rem);align-items:center;margin-bottom:3rem}
.fr-cmp h2{margin:0}.fr-cmp p{margin:0 0 1rem;color:var(--mut);font-size:1rem;line-height:2.2;text-align:justify}.fr-cmp p:last-child{margin:0}
.fr-tw{border:1px solid var(--line);border-radius:26px;background:var(--card);box-shadow:var(--shadow)}
.fr-tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem}
.fr-tbl th,.fr-tbl td{padding:.75rem .35rem;text-align:center;background:var(--card);border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.fr-tbl tbody tr:nth-child(even) th,.fr-tbl tbody tr:nth-child(even) td{background:var(--bg)}
.fr-tbl tbody th,.fr-tbl tfoot th{text-align:right;font-weight:700;padding-inline:1.2rem 1rem;min-width:240px}
.fr-tbl thead th{position:sticky;top:var(--fr-hh,76px);z-index:3;background:var(--nv);color:#f6ecd6;font-weight:800;padding:1rem .35rem;white-space:nowrap;border-bottom:0}
.fr-tbl thead th:first-child{border-top-right-radius:25px;text-align:right;padding-inline:1.2rem}.fr-tbl thead th:last-child{border-top-left-radius:25px}
.fr-tbl thead th.sol{background:linear-gradient(180deg,var(--gold1),var(--gold2));color:#1c1712}
.fr-tbl td.sol,.fr-tbl tbody tr:nth-child(even) td.sol{background:color-mix(in srgb,var(--gold1) 22%,var(--card))}
.fr-tbl tfoot th,.fr-tbl tfoot td{background:var(--nv);color:#f6ecd6;font-weight:800;border-bottom:0;white-space:nowrap}.fr-tbl tfoot td.sol{background:linear-gradient(180deg,var(--gold2),var(--gold1));color:#1c1712}
.fr-tbl tfoot tr th:first-child{border-bottom-right-radius:25px}.fr-tbl tfoot tr td:last-child{border-bottom-left-radius:25px}
.fr-m{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:.8rem;font-weight:800;line-height:1}
.fr-m.y{background:color-mix(in srgb,var(--good) 20%,transparent);color:var(--good)}.fr-m.y:before{content:"✓"}
.fr-m.n{background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}.fr-m.n:before{content:"✕"}

/* سوالات متداول: همان طرح مشترک .sfq (روی باند کرم؛ ردیف‌ها سفید) */
#fr-faq.sfq{--sfq-row:var(--bg);--sfq-soft:var(--sec-alt);background:var(--bg)}
#free-page .sfq-side>:not(:last-child){margin-bottom:1rem}
#free-page .sfq-side h2{margin:0 auto 1rem;font-size:1.5rem;line-height:1.3333;font-weight:800}
@media (min-width:64rem){#free-page .sfq-side h2{line-height:70px}}
@media (min-width:80rem){#free-page .sfq-side h2{font-size:48px}}
#free-page .sfq-side p{font-size:1rem;line-height:1.5;font-weight:800;color:inherit}
#free-page .sfq-cta{color:var(--on-acc,#fff);line-height:1.4286}
@media (min-width:40rem){#free-page .sfq-cta{line-height:1.5}}
@media (min-width:64rem){#free-page .sfq-cta{line-height:1.5556}}
#free-page .sfq-item{margin-bottom:.75rem;line-height:1.5}
#free-page .sfq-qr h3{margin:0;font-size:.875rem;line-height:1.4286;font-weight:700}
@media (min-width:48rem){#free-page .sfq-qr h3{font-size:1rem;line-height:1.5}}
#free-page .sfq-a p{font-size:.875rem;line-height:1.4286;color:var(--ink)}
@media (min-width:48rem){#free-page .sfq-a p{font-size:1rem;line-height:1.5}}

/* CTA پایانی */
.fr-cta{background:var(--nv);color:#f6ecd6;border-radius:40px;text-align:center;padding:clamp(2rem,6vw,5rem) 1.5rem;background-image:radial-gradient(500px 260px at 50% 0,rgba(214,179,116,.25),transparent)}
.fr-cs{padding-block:6rem}@media(min-width:1280px){.fr-cs{padding-top:12.5rem}}
.fr-cta p{color:#efe4d2;margin:0 0 1.6rem;font-size:1.1rem}
.fr-chips{list-style:none;margin:2rem 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.fr-chips li{padding:.45rem 1.1rem;border-radius:99px;border:1px solid rgba(214,179,116,.55);color:#f6ecd6;font-size:.9rem;font-weight:700}

@media(max-width:1023px){
 .fr-tw{overflow-x:auto}.fr-tbl{min-width:880px}.fr-tbl thead th{position:static}
 .fr-tbl tbody th,.fr-tbl tfoot th,.fr-tbl thead th:first-child{position:sticky;right:0;z-index:2}
 .fr-tbl thead th:first-child{z-index:4}
}
@media(max-width:900px){
 .fr-hin,.fr-pack,.fr-cmp{grid-template-columns:1fr}.fr-hero{min-height:0}.fr-vis{max-width:420px}
 .fr-steps{grid-template-columns:1fr 1fr}.fr-step:after{display:none}
 .fr-phone{width:min(100%,220px)}
}
@media(max-width:560px){.fr-cards,.fr-steps{grid-template-columns:1fr}.fr-li{grid-template-columns:1fr;text-align:center;justify-items:center}}
@media(prefers-reduced-motion:reduce){.fr-vis b{animation:none}.fr-card,.fr-li,.fr-b1,.fr-b2,.fr-sub{transition:none}}

/* صفحه آفلاین: حذف فاصله بین سکشن اول و دوم + سکشن آخر تمام‌عرض */
#offline-page #of-sim{margin-top:0}
#offline-page .of-last{margin-bottom:0;padding-inline:0}
#offline-page .of-last .of-cta{border-radius:0;padding-inline:clamp(1rem,4vw + .5rem,9rem)}
/* صفحه رایگان: سکشن آخر تمام‌عرض */
#free-page .fr-cs{padding-inline:0;padding-block:0}
#free-page .fr-cs .fr-cta{border-radius:0;padding-inline:clamp(1rem,4vw + .5rem,9rem)}

/* ادغام «چرا بهترین» و «چرا بی‌رقیب»: هم‌عرض سکشن سوالات متداول */
#free-page .fr-why h3{font-size:clamp(1.25rem,2.2vw,1.8rem);font-weight:800;line-height:1.5;margin:2.2rem 0 1.4rem}
#free-page .fr-why h3 em{font-style:normal;color:var(--acc)}
#free-page .fr-why .fr-list{max-width:none;margin:0;text-align:right}


/* ===== چرا سول بهترین: «فاکتور صفر ریالی» — کل سکشن در یک ویو، زمینه سفید ===== */
#fr-best.fr-bx{background:#fff;overflow:hidden;padding-block:clamp(.8rem,3vh,2.2rem)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #fr-best.fr-bx{background:var(--bg)}}
:root[data-theme="dark"] #fr-best.fr-bx{background:var(--bg)}
@media(min-width:1024px){#fr-best.fr-bx{min-height:calc(100svh - var(--hh,100px));display:flex;align-items:center}#fr-best.fr-bx>.fr-w{width:100%}}
#fr-best .bx-in{display:grid;gap:clamp(1.5rem,4vw,4rem);align-items:center}
@media(min-width:1024px){#fr-best .bx-in{grid-template-columns:1fr 1fr}}
#fr-best .bx-eb{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;font-size:.85rem;color:var(--goldtxt);background:color-mix(in srgb,var(--gold1) 18%,transparent);border:1px solid color-mix(in srgb,var(--gold2) 35%,transparent);padding:.3rem .9rem;border-radius:99px;margin-bottom:clamp(.5rem,2vh,1rem)}
#fr-best .bx-eb i{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 22%,transparent);animation:bxp 2.2s ease-in-out infinite}
@keyframes bxp{50%{box-shadow:0 0 0 8px transparent}}
#free-page #fr-best h2{font-size:clamp(1.7rem,min(4vw,6.4vh),3.5rem);line-height:1.4;margin:0 0 clamp(.6rem,2vh,1.2rem);font-weight:800}
#free-page #fr-best h2 em{font-style:normal;background:linear-gradient(100deg,var(--gold2),var(--acc));-webkit-background-clip:text;background-clip:text;color:transparent}
#fr-best .bx-tx p{margin:0;color:var(--mut);font-size:clamp(.88rem,1.95vh,1.05rem);line-height:2.05;text-align:justify}
#fr-best .bx-stage{position:relative;display:grid;place-items:center;padding:clamp(.5rem,2vh,1.5rem) 0}
#fr-best .bx-stage:before{content:"";position:absolute;width:min(34rem,90%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold1) 38%,transparent),transparent 68%);z-index:0}
#fr-best .bx-stage:after{content:"";position:absolute;width:min(28rem,78%);aspect-ratio:1;border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--gold2) 45%,transparent);z-index:0;animation:bxr 40s linear infinite}
@keyframes bxr{to{transform:rotate(360deg)}}
#fr-best .bx-rc{position:relative;z-index:1;width:min(100%,32rem);transform:rotate(-2.2deg);color:#1c1712;background:#fffdf8;padding:clamp(.8rem,2.4vh,1.5rem) clamp(1rem,2vw,1.6rem) clamp(1.4rem,3.4vh,2.2rem);border-radius:6px 6px 0 0;filter:drop-shadow(0 22px 28px rgba(90,60,15,.28));-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100%}
#fr-best .bx-rh{text-align:center;padding-bottom:clamp(.4rem,1.4vh,.8rem);border-bottom:2px dashed #cdbf9f}
#fr-best .bx-rh b{display:block;font-size:clamp(1rem,2.6vh,1.35rem);font-weight:900;letter-spacing:.01em}
#fr-best .bx-rh span{font-size:clamp(.68rem,1.5vh,.82rem);color:#8a7459;font-weight:700}
#fr-best .bx-ls{list-style:none;margin:0;padding:0}
#fr-best .bx-li{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:start;padding-block:clamp(.35rem,1.3vh,.75rem);border-bottom:1.5px dashed #ddd0b4}
#fr-best .bx-q{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:linear-gradient(135deg,#d6b374,#a77d3b);color:#1c1712;font-weight:800;font-size:.8rem;margin-top:.1rem}
#fr-best .bx-li b{display:block;font-size:clamp(.86rem,2vh,1.08rem);font-weight:800}
#fr-best .bx-li div span{display:block;color:#7c6a52;font-size:clamp(.64rem,1.45vh,.82rem);line-height:1.75}
#fr-best .bx-li em{font-style:normal;font-weight:900;font-size:clamp(.9rem,2vh,1.1rem);white-space:nowrap;color:#a9322b}
#fr-best .bx-li em small{font-size:.7em;font-weight:700;color:#8a7459}
#fr-best .bx-tot{display:flex;justify-content:space-between;align-items:baseline;padding-top:clamp(.5rem,1.6vh,1rem)}
#fr-best .bx-tot span{font-weight:800;font-size:clamp(.9rem,2vh,1.1rem)}
#fr-best .bx-tot b{font-size:clamp(2.1rem,6.4vh,3.8rem);font-weight:900;line-height:1;background:linear-gradient(180deg,#c9922e,#a77d3b);-webkit-background-clip:text;background-clip:text;color:transparent}
#fr-best .bx-tot b small{font-size:.32em;font-weight:800;color:#8a7459;-webkit-text-fill-color:#8a7459}
#fr-best .bx-bar{height:clamp(1.4rem,4vh,2.2rem);margin-top:clamp(.5rem,1.6vh,.9rem);opacity:.75;background:repeating-linear-gradient(90deg,#1c1712 0 2px,transparent 2px 4px,#1c1712 4px 5px,transparent 5px 9px,#1c1712 9px 12px,transparent 12px 14px)}
#fr-best .bx-stamp{position:absolute;z-index:2;inset-inline-start:5%;bottom:20%;transform:rotate(-13deg);padding:.15rem 1.1rem;border:4px double #a9322b;border-radius:12px;color:#a9322b;font-weight:900;font-size:clamp(1.6rem,5vh,2.9rem);background:rgba(255,253,248,.55);mix-blend-mode:multiply;letter-spacing:.02em}
#fr-best.bx-js .bx-li,#fr-best.bx-js .bx-tot,#fr-best.bx-js .bx-bar{opacity:0}
#fr-best.bx-js .bx-stamp{opacity:0}
#fr-best.bx-run .bx-li{animation:bxin .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*.2s + .15s)}
#fr-best.bx-run .bx-tot{animation:bxin .6s ease both 1.3s}
#fr-best.bx-run .bx-bar{animation:bxin .6s ease both 1.5s;opacity:.75}
#fr-best.bx-run .bx-stamp{animation:bxst .5s cubic-bezier(.3,1.6,.5,1) both 1.9s}
@keyframes bxin{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@keyframes bxst{from{opacity:0;transform:rotate(-13deg) scale(2.6)}to{opacity:.92;transform:rotate(-13deg) scale(1)}}
@media(min-width:1024px) and (max-height:720px){#fr-best .bx-li div span{line-height:1.5}#fr-best .bx-tx p{line-height:1.8}}
@media(max-width:1023px){#fr-best .bx-tx p{font-size:1rem}#fr-best .bx-rc{transform:rotate(-1deg)}}
@media(prefers-reduced-motion:reduce){#fr-best .bx-eb i,#fr-best .bx-stage:after{animation:none}#fr-best.bx-run .bx-li,#fr-best.bx-run .bx-tot,#fr-best.bx-run .bx-bar,#fr-best.bx-run .bx-stamp{animation-duration:.01s;animation-delay:0s}}

/* درخواست نرم‌افزار رایگان: حاشیه چپ/راست مثل «درخواست دمو رایگان» صفحه درباره ما */
#free-page #fr-req>.fr-w{padding-inline:clamp(1rem,4vw + .5rem,9rem)}

/* ===== پک رایگان: «جعبه‌گشایی» — جعبه باز می‌شود، موبایل بالا می‌آید و ۴ هدیه دور آن پخش می‌شوند ===== */
#fr-pack .pk-stage{--gp:clamp(1.8rem,4vw,4rem);position:relative;display:grid;grid-template-columns:1fr minmax(15rem,19rem) 1fr;align-items:center;gap:var(--gp);padding-block:1rem 2rem}
#fr-pack .pk-stage:before{content:"";position:absolute;inset-inline:0;top:50%;margin-inline:auto;width:min(46rem,92%);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold1) 34%,transparent),transparent 66%);pointer-events:none}
#fr-pack .pk-col{position:relative;z-index:1;display:grid;gap:clamp(1.2rem,3vw,2.4rem)}
#fr-pack .pk-col.a{padding-bottom:3rem}#fr-pack .pk-col.b{padding-top:3rem}
#fr-pack .pk-it{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;padding:1.2rem 1.3rem;border-radius:30px 30px 30px 8px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);transition:border-color .25s,box-shadow .3s}
#fr-pack .pk-it:hover{border-color:var(--gold2)}
#fr-pack .pk-it .fr-ic{margin:0}
#fr-pack .pk-it h3{margin:0 0 .3rem;font-size:1.12rem;font-weight:800;color:var(--goldtxt)}
#fr-pack .pk-it p{margin:0;color:var(--mut);line-height:1.95;font-size:.95rem}
#fr-pack .pk-no{position:absolute;top:-.8rem;inset-inline-end:1.1rem;min-width:1.7rem;height:1.7rem;padding-inline:.45rem;display:grid;place-items:center;border-radius:99px;font-weight:800;font-size:.8rem;background:var(--acc);color:var(--on-acc);box-shadow:0 6px 12px -4px color-mix(in srgb,var(--acc) 60%,transparent)}
#fr-pack .pk-it:after{content:"";position:absolute;top:50%;width:var(--gp);border-top:2px dashed var(--gold2);transform-origin:var(--o)}
#fr-pack .pk-it:before{content:"";position:absolute;top:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:var(--gold1);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold1) 30%,transparent)}
#fr-pack .pk-col.a .pk-it{--o:left}#fr-pack .pk-col.a .pk-it:after{left:calc(-1*var(--gp))}#fr-pack .pk-col.a .pk-it:before{left:calc(-1*var(--gp) - 5px)}
#fr-pack .pk-col.b .pk-it{--o:right}#fr-pack .pk-col.b .pk-it:after{right:calc(-1*var(--gp))}#fr-pack .pk-col.b .pk-it:before{right:calc(-1*var(--gp) - 5px)}
#fr-pack .pk-core{position:relative;z-index:2;display:grid;justify-items:center}
#fr-pack .pk-core .fr-phone{width:min(100%,240px);z-index:1}
#fr-pack .pk-box{position:relative;z-index:3;width:min(100%,19rem);height:7.2rem;margin-top:-6.2rem;border-radius:16px 16px 24px 24px;background:linear-gradient(160deg,#e3c28a,#a77d3b 70%,#8a6428);box-shadow:0 28px 40px -18px rgba(90,60,15,.6),inset 0 -10px 0 rgba(0,0,0,.09)}
#fr-pack .pk-box:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2.2rem;transform:translateX(-50%);background:linear-gradient(90deg,#8e241d,#a9322b,#8e241d);opacity:.95}
#fr-pack .pk-box span{position:absolute;z-index:2;inset-inline:0;bottom:.8rem;margin-inline:auto;width:max-content;padding:.22rem 1rem;border-radius:99px;background:#fffdf8;color:#1c1712;font-weight:800;font-size:.85rem;box-shadow:0 6px 12px -6px rgba(0,0,0,.4)}
#fr-pack .pk-lid{position:absolute;z-index:4;top:-1.5rem;left:-3%;width:106%;height:2.3rem;border-radius:12px;background:linear-gradient(160deg,#f0d49a,#b8883f);box-shadow:0 10px 18px -8px rgba(90,60,15,.6);opacity:0;transform:translateY(-190%) rotate(-20deg) translateX(-30%)}
#fr-pack .pk-lid:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2.2rem;transform:translateX(-50%);background:linear-gradient(90deg,#8e241d,#a9322b,#8e241d);border-radius:2px}
#fr-pack .pk-sp{position:absolute;left:50%;top:0;width:0;height:0;z-index:5;pointer-events:none}
#fr-pack .pk-sp i{position:absolute;width:18px;height:18px;margin:-9px;background:linear-gradient(135deg,#fff3cf,#d6b374);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0}
/* حالت اولیه (فقط وقتی JS فعال است) و اجرای انیمیشن */
#fr-pack.pk-js .pk-it{opacity:0}
#fr-pack.pk-js .pk-core .fr-phone{opacity:0}
#fr-pack.pk-js .pk-it:after,#fr-pack.pk-js .pk-it:before{opacity:0}
#fr-pack.pk-js .pk-lid{opacity:1;transform:none}
#fr-pack.pk-run .pk-lid{animation:pklid 1.1s cubic-bezier(.5,0,.2,1) both .15s}
#fr-pack.pk-run .pk-core .fr-phone{animation:pkph .9s cubic-bezier(.2,.9,.3,1.2) both .55s}
#fr-pack.pk-run .pk-sp i{animation:pksp 1.1s ease-out both .6s}
#fr-pack.pk-run .pk-it{animation:pkfly .85s cubic-bezier(.2,.9,.3,1.15) both,pkb 6s ease-in-out infinite;animation-delay:calc(.9s + var(--k,0)*.18s),calc(2.4s + var(--k,0)*.4s)}
#fr-pack.pk-run .pk-it:after,#fr-pack.pk-run .pk-it:before{animation:pkln .6s ease both;animation-delay:calc(1.5s + var(--k,0)*.18s)}
#fr-pack .pk-col.a .pk-it:nth-child(1){--k:0;--fx:-70%}#fr-pack .pk-col.b .pk-it:nth-child(1){--k:1;--fx:70%}
#fr-pack .pk-col.a .pk-it:nth-child(2){--k:2;--fx:-70%}#fr-pack .pk-col.b .pk-it:nth-child(2){--k:3;--fx:70%}
@keyframes pklid{0%{transform:none}35%{transform:translateY(-30%) rotate(-3deg)}100%{transform:translateY(-230%) rotate(-24deg) translateX(-45%);opacity:0}}
@keyframes pkph{from{opacity:0;transform:translateY(60px) scale(.82)}to{opacity:1;transform:none}}
@keyframes pksp{0%{opacity:0;transform:translate(0,0) scale(.2)}30%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(1.1) rotate(90deg)}}
@keyframes pkfly{from{opacity:0;transform:translate(var(--fx,0),55%) scale(.35)}to{opacity:1;transform:none}}
@keyframes pkb{50%{transform:translateY(-7px)}}
@keyframes pkln{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:none}}
@media(max-width:1000px){#fr-pack .pk-stage{grid-template-columns:1fr 1fr;gap:1.2rem}#fr-pack .pk-core{grid-column:1/-1;order:-1;margin-bottom:1rem}#fr-pack .pk-col.a,#fr-pack .pk-col.b{padding:0}#fr-pack .pk-it:after,#fr-pack .pk-it:before{display:none}#fr-pack .pk-it{--fx:0%}}
@media(max-width:640px){#fr-pack .pk-stage{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#fr-pack.pk-run .pk-lid,#fr-pack.pk-run .pk-core .fr-phone,#fr-pack.pk-run .pk-sp i,#fr-pack.pk-run .pk-it,#fr-pack.pk-run .pk-it:after,#fr-pack.pk-run .pk-it:before{animation-duration:.01s;animation-delay:0s;animation-iteration-count:1}}

/* صفحه آفلاین: فاصله سکشن‌ها مثل صفحه «نرم افزار رستوران رایگان» (padding برابر، بدون margin) */
#offline-page{--of-gap:clamp(64px,10vh,104px)}
#offline-page .of-s{margin-top:0;padding-block:var(--of-gap)}
#offline-page .of-band{padding-block:var(--of-gap)}
#offline-page .of-s.of-last{margin:0;padding-block:0}

.fr-phone{aspect-ratio:auto!important;padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;width:min(100%,280px)!important;-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent)}.fr-phone:before{display:none!important}.fr-phone img{display:block;width:100%;height:auto}

#sol-ft .ft-brand{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:0;margin-top:clamp(28px,4vh,44px);padding:clamp(18px,2.6vh,26px) clamp(18px,2.4vw,40px);border:1px solid var(--line);border-radius:32px;background:linear-gradient(135deg,color-mix(in srgb,var(--card) 92%,transparent),color-mix(in srgb,var(--bg2) 70%,transparent));box-shadow:0 18px 40px -26px rgba(60,40,10,.35);position:relative;overflow:hidden}
#sol-ft .ft-brand:before{content:"";position:absolute;inset:0 auto 0 0;width:38%;background:radial-gradient(circle at 0 50%,color-mix(in srgb,var(--gold1) 22%,transparent),transparent 70%);pointer-events:none}
#sol-ft .ft-bi{display:contents}
#sol-ft .ft-id{display:flex;align-items:center;gap:16px;padding-inline-end:clamp(18px,2.6vw,44px)}
#sol-ft .ft-id .logo{margin:0;flex:none}
#sol-ft .ft-id p{margin:0;max-width:15rem;line-height:1.9}
#sol-ft .ft-fl{display:flex;flex-direction:column;align-items:center;gap:12px;padding-inline:clamp(18px,2.6vw,44px);border-inline:1px dashed var(--line);position:relative;z-index:1}
#sol-ft .ft-fl .ft-t{margin:0;font-size:clamp(14px,1.1vw,17px);text-align:center}
#sol-ft .ft-fl .ft-soc{margin:0;justify-content:center}
#sol-ft .ft-tr{display:flex;flex-direction:column;align-items:center;gap:10px;padding-inline-start:clamp(18px,2.6vw,44px);position:relative;z-index:1}
#sol-ft .ft-tr>span{font-size:12.5px;color:var(--mut);letter-spacing:.02em}
#sol-ft .ft-tr .ft-bds{margin:0;flex-wrap:nowrap;gap:10px}
#sol-ft .ft-tr .ft-bds li{margin:0}
#sol-ft .ft-id{position:relative;z-index:1}
@media(max-width:1020px){#sol-ft .ft-brand{grid-template-columns:1fr;gap:20px;border-radius:26px}#sol-ft .ft-id{padding:0}#sol-ft .ft-fl{border-inline:0;border-block:1px dashed var(--line);padding:18px 0}#sol-ft .ft-tr{padding:0}#sol-ft .ft-tr .ft-bds{flex-wrap:wrap;justify-content:center}}


@media(min-width:1101px){#sol-ft .ft-grid{grid-template-columns:minmax(max-content,1.5fr) repeat(3,minmax(0,1fr))}#sol-ft .ft-first a{white-space:nowrap}}


.side{right:calc(10px + env(safe-area-inset-right,0px))!important}
.side .sd,.side .sph{margin-inline-end:0!important}
@media(max-width:900px){.side{right:calc(10px + env(safe-area-inset-right,0px))!important}}

a.hw-link{outline:none;border-radius:9999px}a.hw-link:focus-visible{box-shadow:0 0 0 4px rgba(255,76,0,.45)}

#best-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink);background:var(--sec-alt);overflow-x:clip;padding:0!important}
#best-page[hidden]{display:none}
html.is-best body>section:not(#mp-sec),html.is-best #nl-sec,html.is-best #cta-band,html.is-best .pgx,html.is-best #hk-cards{display:none!important}
#best-page *{box-sizing:border-box}#best-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}#best-page a{text-decoration:none;color:inherit}
.bs-w{padding-inline:clamp(1rem,4vw + .5rem,9rem)}@media(min-width:1536px){.bs-w{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
.bs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bs-sec{padding-block:clamp(56px,9vh,96px);background:var(--sec-alt)}.bs-cream{background:var(--bg)}
#best-page h2{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:800;line-height:1.5;margin:0 0 .5em;text-align:center}#best-page h2 em,.bs-hero h1 em{font-style:normal;color:var(--acc)}
.bs-lead{max-width:56rem;margin:0 auto 2rem;text-align:center;color:var(--mut);line-height:2.1;font-size:1.05rem}.bs-lead strong{color:var(--ink)}
.bs-hero{border-radius:0 0 48px 48px;color:#f6ecd6;background:radial-gradient(700px 420px at 18% 55%,rgba(214,179,116,.28),transparent),radial-gradient(600px 400px at 90% 0,rgba(169,50,43,.3),transparent),#2b2118}
.bs-hin{padding-block:5rem 4.5rem}.bs-eb{display:inline-block;border:1px solid var(--gold1);color:var(--gold1);border-radius:99px;padding:.25rem 1rem;font-size:.85rem;margin-bottom:1rem}
.bs-hero h1{font-size:clamp(1.9rem,4.4vw,3.6rem);font-weight:800;line-height:1.4;margin:0}.bs-hero h1 em{color:var(--gold1)}.bs-hero p{color:#efe4d2;font-size:1.1rem;line-height:2.1;max-width:44rem;margin:1rem 0 0}
.bs-bt{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}.bs-b1,.bs-b2,.bs-b3{display:inline-flex;padding:.8rem 1.6rem;border-radius:99px;font-weight:700;transition:transform .2s}
#best-page .bs-b1{background:var(--gold1);color:#1c1712}#best-page .bs-b2{border:1.5px solid #f6ecd6;color:#f6ecd6}#best-page .bs-b3{border:1.5px solid var(--gold2);color:var(--goldtxt)}.bs-b1:hover,.bs-b2:hover,.bs-b3:hover{transform:translateY(-2px)}
.bs-st{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;list-style:none;padding:0;margin:2rem 0 0}.bs-st li{font-size:.9rem;color:#efe4d2}.bs-st b{display:block;font-size:1.7rem;color:var(--gold1)}
.bs-grid3,.bs-grid4{display:grid;gap:1.1rem;grid-template-columns:repeat(3,1fr)}.bs-grid4{grid-template-columns:repeat(4,1fr)}
.bs-q,.bs-c,.bs-b{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:1.4rem;box-shadow:var(--shadow);position:relative}
#best-page h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:800;line-height:1.6}.bs-q p,.bs-c p,.bs-b p{margin:0;color:var(--mut);line-height:2;font-size:.95rem}
.bs-c span,.bs-rk{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gold1),var(--gold2));color:#1c1712;font-weight:800;margin-bottom:.7rem}
.bs-b dl{margin:1rem 0 0;font-size:.9rem;line-height:1.9}.bs-b dt{font-weight:800;color:var(--goldtxt)}.bs-b dd{margin:0 0 .5rem;color:var(--ink)}
.bs-sol1{display:flex;gap:1.2rem;align-items:flex-start;margin-bottom:1.5rem;padding:clamp(1.4rem,3vw,2.4rem);border-radius:28px;background:var(--card);border:2px solid var(--gold1);box-shadow:var(--shadow)}.bs-sol1 .bs-rk{flex:none;width:48px;height:48px;font-size:1.3rem}
.bs-sol1 h3{font-size:1.5rem}.bs-sol1 small{font-size:.8rem;color:var(--goldtxt);margin-inline-start:.6rem}.bs-sol1 p{line-height:2.1;color:var(--ink);margin:0 0 .8rem}.bs-sol1 .bs-b1{margin-top:.5rem}
.bs-toc{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:2rem}.bs-toc a{padding:.45rem 1.1rem;border-radius:99px;border:1px solid var(--line);background:var(--card);font-size:.9rem;font-weight:700}
.bs-fl{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.2rem}.bs-f{font:inherit;cursor:pointer;padding:.45rem 1.1rem;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:700;font-size:.88rem}.bs-f.on{background:var(--gold1);border-color:var(--gold2);color:#1c1712}
.bs-tw{border:1px solid var(--line);border-radius:26px;background:var(--card);box-shadow:var(--shadow);overflow-x:auto}
.bs-tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem;min-width:880px}.bs-tbl th,.bs-tbl td{padding:.7rem .35rem;text-align:center;background:var(--card);border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.bs-tbl tbody tr:nth-child(even) th,.bs-tbl tbody tr:nth-child(even) td{background:var(--bg)}.bs-tbl tbody th,.bs-tbl tfoot th{text-align:right;font-weight:700;padding-inline:1.2rem 1rem;min-width:240px;position:sticky;right:0;z-index:2}
.bs-tbl thead th{background:var(--nv);color:#f6ecd6;font-weight:800;padding:1rem .35rem;white-space:nowrap;border:0}.bs-tbl thead th:first-child{text-align:right;padding-inline:1.2rem;position:sticky;right:0;z-index:3}.bs-tbl thead th.sol{background:linear-gradient(180deg,var(--gold1),var(--gold2));color:#1c1712}
.bs-tbl td.sol,.bs-tbl tbody tr:nth-child(even) td.sol{background:color-mix(in srgb,var(--gold1) 22%,var(--card))}.bs-tbl tfoot th,.bs-tbl tfoot td{background:var(--nv);color:#f6ecd6;font-weight:800;border:0}.bs-tbl tfoot td.sol{background:linear-gradient(180deg,var(--gold2),var(--gold1));color:#1c1712}
.bs-m{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:.8rem;font-weight:800}.bs-m.y{background:color-mix(in srgb,var(--good) 20%,transparent);color:var(--good)}.bs-m.y:before{content:"✓"}.bs-m.n{background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}.bs-m.n:before{content:"✕"}
.bs-note{max-width:56rem;margin:1.5rem auto 0;text-align:center;color:var(--mut);line-height:2}
.bs-ex{list-style:none;margin:0 0 2rem;padding:0;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.bs-ex li{padding:.5rem 1.1rem;border-radius:99px;background:var(--card);border:1px solid var(--gold1);font-weight:700;font-size:.92rem}.bs-ex+.bs-bt{justify-content:center}
.bs-cta{background:var(--nv);color:#f6ecd6;border-radius:40px;text-align:center;padding:clamp(2rem,6vw,4.5rem) 1.5rem;background-image:radial-gradient(500px 260px at 50% 0,rgba(214,179,116,.25),transparent)}.bs-cta p{color:#efe4d2;margin:0 0 1.5rem}
/* سوالات متداول: همان طرح و تم سکشن FAQ صفحه‌ی «نرم افزار رستوران تحت وب» (زمینه سفید، ردیف‌ها کرم، آیکون دایره‌ای قرمز) */
#best-page .sfq-side>:not(:last-child){margin-bottom:1rem}
#best-page .sfq-side h2{margin:0 auto 1rem;font-size:1.5rem;line-height:1.3333;font-weight:800;text-align:inherit}
@media (min-width:64rem){#best-page .sfq-side h2{line-height:70px}}
@media (min-width:80rem){#best-page .sfq-side h2{font-size:48px}}
#best-page .sfq-side p{font-size:1rem;line-height:1.5;font-weight:800;color:inherit}
#best-page .sfq-cta{color:var(--on-acc,#fff);line-height:1.4286}
@media (min-width:40rem){#best-page .sfq-cta{line-height:1.5}}
@media (min-width:64rem){#best-page .sfq-cta{line-height:1.5556}}
#best-page .sfq-item{margin-bottom:.75rem;line-height:1.5}
#best-page .sfq-qr h3{margin:0;font-size:.875rem;line-height:1.4286;font-weight:700}
@media (min-width:48rem){#best-page .sfq-qr h3{font-size:1rem;line-height:1.5}}
#best-page .sfq-ic{background:var(--acc);color:#fff;font-size:1rem;line-height:1}
#best-page .sfq-a p{font-size:.875rem;line-height:1.4286;color:var(--acc)}
@media (min-width:48rem){#best-page .sfq-a p{font-size:1rem;line-height:1.5}}
@media(max-width:900px){.bs-grid3,.bs-grid4{grid-template-columns:1fr 1fr}.bs-sol1{flex-direction:column}}@media(max-width:560px){.bs-grid3,.bs-grid4{grid-template-columns:1fr}.bs-hin{padding-block:3.5rem 3rem}}

/* ===== جدول مقایسه: فیلترها و سرستون‌ها هنگام اسکرول ثابت می‌مانند ===== */
.bs-stk{position:relative}
.bs-stk .bs-fl{position:sticky;top:var(--bs-hh,0px);z-index:6;margin:0;padding:.7rem 0 1.1rem;background:var(--bg);transition:box-shadow .2s}
.bs-stk .bs-fl.stuck{box-shadow:0 10px 14px -12px rgba(60,40,10,.45)}
.bs-sh{position:sticky;top:calc(var(--bs-hh,0px) + var(--bs-fh,0px));z-index:5;height:var(--bs-th,0px);margin:0 1px calc(var(--bs-th,0px)*-1);visibility:hidden;pointer-events:none}
.bs-sh.on{visibility:visible}
.bs-shin{height:100%;overflow:hidden;box-shadow:0 8px 14px -10px rgba(40,25,5,.55);background:var(--nv)}
.bs-shin .bs-tbl{table-layout:fixed;min-width:0;max-width:none;width:auto}
@media(max-width:700px){.bs-stk .bs-fl{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding-inline:.25rem}.bs-stk .bs-fl::-webkit-scrollbar{display:none}.bs-stk .bs-f{flex:none;white-space:nowrap}}


#web-page #wb-customers .group-hover\:bg-ab-bg2:is(:where(.group):hover *){background-color:var(--bg2)}
#web-page #wb-customers .hover\:border-ab-acc:hover{border-color:var(--acc,#a9322b)}
#web-page #wb-customers .bg-ab-bg2{background-color:var(--bg2)}
#web-page #wb-customers .max-w-\[88\%\]{max-width:88%}
#web-page #wb-customers .backface-visibility-hidden{backface-visibility:hidden}
#web-page #wb-customers [style*="padding-left:clamp(1rem"]{padding-inline:clamp(1rem,4vw + .5rem,9rem)!important}
#web-page #wb-customers .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#web-page #wb-customers .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#web-page #wb-customers .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#web-page #wb-customers .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#web-page #wb-customers .brand-scroll-animation{--g:5rem}}
#web-page #wb-customers .brand-scroll-animation:hover{animation-play-state:paused}
#web-page #wb-customers .brand-scroll-animation,#web-page #wb-customers :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#web-page #wb-customers .brand-scroll-animation{animation:none}}

#win-page #wn-customers .group-hover\:bg-ab-bg2:is(:where(.group):hover *){background-color:var(--bg2)}
#win-page #wn-customers .hover\:border-ab-acc:hover{border-color:var(--acc,#a9322b)}
#win-page #wn-customers .bg-ab-bg2{background-color:var(--bg2)}
#win-page #wn-customers .max-w-\[88\%\]{max-width:88%}
#win-page #wn-customers .backface-visibility-hidden{backface-visibility:hidden}
#win-page #wn-customers [style*="padding-left:clamp(1rem"]{padding-inline:clamp(1rem,4vw + .5rem,9rem)!important}
#win-page #wn-customers .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#win-page #wn-customers .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#win-page #wn-customers .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#win-page #wn-customers .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#win-page #wn-customers .brand-scroll-animation{--g:5rem}}
#win-page #wn-customers .brand-scroll-animation:hover{animation-play-state:paused}
#win-page #wn-customers .brand-scroll-animation,#win-page #wn-customers :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#win-page #wn-customers .brand-scroll-animation{animation:none}}


/* backdrop-filter روی .main باعث می‌شد منوی fixed موبایل داخل هدر محبوس شود و فقط یک باکس سفید کوچک دیده شود */
@media(max-width:1020px){
 header .main{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--card)}
}


/* چیدمان هدر موبایل/تبلت: همبرگر، لوگو، جستجو، ورود، ثبت نام + نوار چسبان پایین */
.mob-cta{display:none}
@media(max-width:1020px){
 header .top{display:none}
 header .main .wrap{height:64px;gap:8px;padding-inline:14px}
 header .actions{display:contents}
 header .burger{order:1;width:44px;height:44px;border-radius:50%;flex:none}
 header .main .logo,header.sc .main .logo{order:2;height:44px;margin-inline-end:0}
 header #theme,header .actions .btn.red{display:none!important}
 header .srch{order:3;margin-inline-start:auto;width:40px;height:40px;padding:0;border:0;background:transparent;justify-content:center;flex:none}
 header .srch span,header .srch kbd{display:none}
 header .actions .btn:not(.gold):not(.red){display:inline-flex;align-items:center;justify-content:center;order:4;background:transparent;border:1.5px solid var(--gold2);color:var(--goldtxt)}
 header .actions .btn.gold{order:5}
 header .actions .btn{padding:9px 16px;font-size:14px;border-radius:12px;white-space:nowrap}
 body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
 .mob-cta{display:flex;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:19;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--card);border-top:1px solid var(--line);box-shadow:0 -10px 24px -16px rgba(32,20,6,.35)}
 .mob-cta a{display:flex;align-items:center;justify-content:center;height:52px;border-radius:14px;font-weight:800;font-size:15px;white-space:nowrap}
 .mob-cta .mc-demo{flex:1.2;background:var(--acc);color:var(--on-acc);box-shadow:0 6px 14px -6px color-mix(in srgb,var(--acc) 70%,transparent)}
 .mob-cta .mc-tel{flex:1;background:linear-gradient(180deg,#3b2c1d,#2e231a);color:#fff;direction:ltr}
}
@media(max-width:380px){
 header .main .wrap{padding-inline:10px;gap:5px}
 header .main .logo,header.sc .main .logo{height:38px}
 header .burger{width:40px;height:40px}
 header .actions .btn{padding:8px 11px;font-size:13px}
 .mob-cta{padding-inline:12px;gap:8px}
 .mob-cta a{font-size:14px}
}


.cs-tel{gap:12px;padding:7px 8px 7px 22px;font-size:18px;letter-spacing:.4px;background:rgba(255,255,255,.1)}
.cs-ph{position:relative;flex:none;width:38px;height:38px;border-radius:50%;background:#fff;color:#7d1f19;display:grid;place-items:center;transition:background .2s,color .2s}
.cs-ph:before,.cs-ph:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #fff;opacity:0;animation:cs-rip 2.4s ease-out infinite}
.cs-ph:after{animation-delay:1.2s}
.cs-ph svg{width:18px;height:18px;transform-origin:50% 50%;animation:ring 3.2s ease-in-out infinite}
.cs-tel:hover .cs-ph{background:#7d1f19;color:#fff}
@keyframes cs-rip{0%{transform:scale(1);opacity:.85}70%,100%{transform:scale(2);opacity:0}}
@media(prefers-reduced-motion:reduce){.cs-ph:before,.cs-ph:after,.cs-ph svg{animation:none}}


/* فاصله عنوان ماژول‌ها تا فریم گوشی */
.md-stage{margin-top:clamp(36px,6.5vh,72px)}
@media(min-width:900px){.md-stage{margin-top:clamp(36px,6.5vh,76px);--pw:clamp(150px,calc((100svh - 410px)/2.04),360px)}}
/* دکمه بستن پاپ‌آپ جستجو (گوشه بالا چپ) */
.cpbox{position:relative}
.cpx{position:absolute;top:14px;left:14px;z-index:3;width:36px;height:36px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent);transition:background .2s,transform .25s}
.cpx:hover{background:color-mix(in srgb,var(--ink) 16%,transparent);transform:rotate(90deg)}
.cpx:focus-visible{outline:2px solid var(--goldtxt);outline-offset:2px}
.cpx svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.cpin{padding-left:66px}
/* دکمه «درخواست دمو رایگان» در نوار قرمز: متن و آیکون وسط‌چین */
.cs-go{justify-content:center;align-items:center;gap:12px;padding:7px 24px;line-height:1;text-align:center}
.cs-go>span{display:block;line-height:1;text-align:center}
.cs-go i{flex:none;display:grid;place-items:center}
.cs-go i svg{display:block;margin:0}


/* نشانه‌های لینک‌بودن؛ طرح اصلی دست‌نخورده */
.md-sec .md-it{cursor:pointer}
.md-sec .md-ic:before{content:"";position:absolute;z-index:2;top:-2px;right:-2px;width:34%;height:34%;min-width:14px;min-height:14px;border-radius:50%;background:var(--c) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 7 7 17M9 7h8v8'/%3E%3C/svg%3E") center/62% no-repeat;border:2px solid var(--card);transition:transform .25s}
.md-sec .md-it:hover .md-ic:before,.md-sec .md-it:focus-visible .md-ic:before{transform:scale(1.2) rotate(-8deg)}
.md-sec .md-lb span{border-bottom:1px dashed color-mix(in srgb,var(--c) 55%,transparent);padding-bottom:1px}
.md-sec .md-lb span:after{content:"";display:inline-block;width:1em;height:1em;margin-inline-start:.35em;vertical-align:-.15em;background:currentColor;opacity:.6;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 7 7 17M9 7h8v8'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 7 7 17M9 7h8v8'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .25s,opacity .25s}
.md-sec .md-it:hover .md-lb span:after,.md-sec .md-it:focus-visible .md-lb span:after{opacity:1;transform:translate(-2px,-2px)}
.md-sec .md-it:hover .md-lb span,.md-sec .md-it:focus-visible .md-lb span{border-bottom-color:transparent}
@media(prefers-reduced-motion:reduce){.md-sec .md-ic:before,.md-sec .md-lb span:after{transition:none}}


.hb a.b3{display:inline-flex;align-items:center;gap:10px;padding-inline:28px;color:var(--ink);background:color-mix(in srgb,var(--bg2) 70%,transparent);border-color:var(--line)}
.hb a.b3 svg{flex:none;width:1.15em;height:1.15em;fill:none;stroke:var(--goldtxt);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s,stroke .2s}
.hb a.b3:hover{background:var(--card);border-color:var(--gold2);color:var(--goldtxt);transform:translateY(-2px);box-shadow:0 12px 22px -14px rgba(120,86,30,.6)}
.hb a.b3:hover svg{transform:translateY(3px)}
.hb a.b3:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.hb a.b3,.hb a.b3 svg{transition:none}}
/* دکمه «مشاهده محصولات» در هیرو: طلایی، تا از دکمه‌ی قرمز «دمو» (هدف اصلی) جدا و کم‌رقیب‌تر باشد */
.hb a.b4{display:inline-flex;align-items:center;gap:10px;color:var(--on-gold);background:linear-gradient(180deg,var(--gold1),var(--gold2));border-color:transparent!important;box-shadow:var(--shadow)}
.hb a.b4 svg{flex:none;width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.hb a.b4:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 16px 28px -12px var(--gold2)}
.hb a.b4:hover svg{transform:translateX(-4px)}
.hb a.b4:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.hb a.b4,.hb a.b4 svg{transition:none}}


/* کال‌تو‌اکشن «بدون نصب، رایگان تست کنید» */
.hero .hf{position:relative;display:flex;align-items:center;gap:14px;box-sizing:border-box;width:100%;margin:0 0 16px;padding:13px 18px;border-radius:22px;color:var(--on-acc);background:linear-gradient(135deg,color-mix(in srgb,var(--leaf) 84%,#fff),var(--leaf));box-shadow:0 18px 34px -16px var(--leaf);transition:transform .2s,filter .2s,box-shadow .2s}
.hero .hf:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 22px 38px -16px var(--leaf)}
.hero .hf:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.hf-ic{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--on-acc) 18%,transparent);animation:hf-p 2.2s ease-out infinite}
.hf-ic svg{width:20px;height:20px;fill:currentColor}
.hf-tx{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.hf-tx b{font-size:clamp(16px,1.4vw,20px);font-weight:800;line-height:1.5}
.hf-tx small{font-size:12.5px;font-weight:600;line-height:1.7;opacity:.92}
.hf-go{flex:none;display:grid;place-items:center;transition:transform .25s}
.hf-go svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.hero .hf:hover .hf-go{transform:translateX(-4px)}
.hf-tag{position:absolute;top:-11px;inset-inline-start:18px;font-style:normal;font-size:12px;font-weight:800;line-height:1;padding:5px 13px;border-radius:99px;background:var(--acc);color:var(--on-acc);box-shadow:0 8px 16px -8px var(--acc)}
@keyframes hf-p{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--on-acc) 45%,transparent)}100%{box-shadow:0 0 0 14px transparent}}
/* پنج دکمه: دو ستونه (دمو تمام‌عرض) */
.hero .hb{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-bottom:16px}
.hero .hc p{margin-bottom:1em}
.hero .hb>a{display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;width:100%;min-height:46px;padding:6px 14px;font-size:clamp(13px,1.05vw,16px);line-height:1.4;text-align:center}
.hero .hb>a.b1{grid-column:1/-1;min-height:52px;font-size:clamp(15px,1.2vw,18px)}
.hero .hf{width:100%;margin-bottom:14px;padding:11px 18px}
@media(min-width:1021px){.hero .hc{padding-inline-start:76px}}
@media(min-width:901px){.hero .hc h1{line-height:1.4;margin-bottom:.35em}}
@media(min-width:1021px){.hero .hmeta{width:100%}.hero .hmeta .hcall{flex:1}}
.hero .hw{padding:clamp(18px,2.4vw,36px)}
.hero{padding-block:clamp(10px,1.6vw,20px)}
.hero .hmeta .hcall,.hero .hmeta .rate{padding:9px 18px}
@media(max-width:560px){.hero .hb{grid-template-columns:minmax(0,1fr)}}
/* فاصله از دکمه‌های شناور (دمو/تلفن) لبه راست + پر کردن فضای خالی وسط */
@media(min-width:901px){
 .hero .hw{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
 .hero .hc{padding-inline-start:84px}
 .hero .hb,.hero .hf{width:100%;max-width:620px}
 .hero .hc p{max-width:none}
}
.hero .hb>a.b5{color:var(--goldtxt);background:color-mix(in srgb,var(--bg2) 70%,transparent);border-color:var(--gold2)!important;transition:transform .2s,background .2s,color .2s,box-shadow .2s}
.hero .hb>a.b5 svg{flex:none;width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hero .hb>a.b5:hover{background:var(--card);transform:translateY(-2px);box-shadow:0 12px 22px -14px rgba(120,86,30,.6)}
.hero .hb>a.b5:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.hf-ic{animation:none}.hero .hf,.hf-go{transition:none}}


/* سکشن اول: پس‌زمینه‌ی سفید + فاصله‌ی هم‌اندازه با بقیه‌ی سکشن‌ها (--sec-gap) */
section#hero.hero{background:var(--sec-alt)!important;padding-bottom:var(--sec-gap)!important}
#hero .hw{padding-bottom:0!important}
/* آیکون دکمه‌های دمو و پلن‌ها (هم‌سبک بقیه دکمه‌های هیرو) */
.hero .hb>a.b1 svg,.hero .hb>a.b2 svg{flex:none;width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.hero .hb>a.b1:hover svg,.hero .hb>a.b2:hover svg{transform:scale(1.12)}
/* ===== Hero: هم‌اندازه‌سازی ارتفاع دو نیمه + پاراگراف تک‌خطی ===== */
@media(min-width:901px){
 #hero .hm{aspect-ratio:1.5;margin-bottom:60px}
 #hero .hc{container-type:inline-size}
 #hero .hc h1{font-size:clamp(28px,3.3vw,60px);line-height:1.35;margin-bottom:.3em}
 #hero .hc p{margin-bottom:1.3em;line-height:1.9}
 #hero .hb{gap:8px;margin-bottom:12px}
 #hero .hb>a{min-height:42px}
 #hero .hb>a.b1{min-height:46px}
 #hero .hf{margin-bottom:12px;padding:9px 18px}
 #hero .hmeta .hcall,#hero .hmeta .rate{padding:7px 18px}
}
@media(min-width:1500px){
 #hero .hm{aspect-ratio:1.68}
 #hero .hc p{white-space:nowrap;font-size:clamp(13px,2.12cqw,20px)}
}



#web-page .ob-sec{background:#fff;margin-top:calc(.25rem * 24)}
#web-page .ob-in{width:100%;max-width:100%;padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#web-page .ob-h{margin:0 auto;max-width:56rem;text-align:center;color:#0A2745;font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800;font-size:1.5rem;line-height:2rem}
#web-page .ob-p{margin:16px auto 0;max-width:56rem;text-align:center;color:#0A2745;font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400;font-size:1rem;line-height:1.5}
#web-page .ob-g{display:grid;grid-template-columns:repeat(2,minmax(0,181px));justify-content:space-evenly;justify-items:center;column-gap:16px;row-gap:calc(.25rem * 24);margin:calc(.25rem * 36) 0 calc(.25rem * 24)}
#web-page .ob-c{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;max-width:181px;height:180px;padding:32px 16px 24px;background:#FFF6F2;border-radius:20px;box-shadow:none;text-decoration:none;cursor:pointer;transition:all .3s ease-out}
#web-page .ob-c:hover,#web-page .ob-c:focus-visible{background:#FF4C00;transform:translateY(-4px);box-shadow:0 10px 24px rgba(10,39,69,.14)}
#web-page .ob-c:focus-visible{outline:2px solid #0A2745;outline-offset:3px}
#web-page .ob-ph{width:100%;display:flex;align-items:center;justify-content:center;margin-top:calc(.25rem * -20)}
#web-page .ob-img{position:relative;display:flex;align-items:center;justify-content:center;width:155.95px;max-width:calc(100% + 8px);aspect-ratio:1/1;border-radius:9999px;background:#D9DEE2;overflow:hidden;transform:translateY(-16px)}
#web-page .ob-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#web-page .ob-ph-svg{width:70%;height:70%;display:block}
#web-page .ob-t{margin-top:4px;text-align:center;color:#FF4C00;font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700;font-size:1rem;line-height:1.5;transition:color .3s ease-out}
#web-page .ob-c:hover .ob-t,#web-page .ob-c:focus-visible .ob-t{color:#fff}
@media (min-width:40rem){
 #web-page .ob-h{font-size:1.875rem;line-height:2.25rem}
 #web-page .ob-g{grid-template-columns:repeat(3,minmax(0,181px));column-gap:40px}
}
@media (min-width:64rem){
 #web-page .ob-h{line-height:56px}
 #web-page .ob-g{grid-template-columns:repeat(4,minmax(0,181px))}
}
@media (min-width:80rem){
 #web-page .ob-sec{margin-top:calc(.25rem * 50)}
 #web-page .ob-h{font-size:36px}
 #web-page .ob-g{grid-template-columns:repeat(6,minmax(0,181px));justify-content:space-between;column-gap:12px;row-gap:80px;margin:128px 0 96px}
}
@media (min-width:96rem){
 #web-page .ob-in{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
}
@media (prefers-reduced-motion:reduce){#web-page .ob-c,#web-page .ob-t{transition:none}#web-page .ob-c:hover,#web-page .ob-c:focus-visible{transform:none}}


@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-gradient-position{syntax:"*";inherits:false}
@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-stops{syntax:"*";inherits:false}
@property --tw-gradient-via-stops{syntax:"*";inherits:false}
@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#coffee-page *,#coffee-page :before,#coffee-page :after,#coffee-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}
#coffee-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft)}
#coffee-page *,#coffee-page :after,#coffee-page :before,#coffee-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#coffee-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#coffee-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#coffee-page hr{height:0;color:inherit;border-top-width:1px}
#coffee-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#coffee-page h1,#coffee-page h2,#coffee-page h3,#coffee-page h4,#coffee-page h5,#coffee-page h6{font-size:inherit;font-weight:inherit}
#coffee-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#coffee-page b,#coffee-page strong{font-weight:bolder}
#coffee-page code,#coffee-page kbd,#coffee-page samp,#coffee-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#coffee-page small{font-size:80%}
#coffee-page sub,#coffee-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#coffee-page sub{bottom:-.25em}
#coffee-page sup{top:-.5em}
#coffee-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#coffee-page :-moz-focusring:where(:not(iframe)){outline:auto}
#coffee-page progress{vertical-align:baseline}
#coffee-page summary{display:list-item}
#coffee-page ol,#coffee-page ul,#coffee-page menu{list-style:none}
#coffee-page img,#coffee-page svg,#coffee-page video,#coffee-page canvas,#coffee-page audio,#coffee-page iframe,#coffee-page embed,#coffee-page object{vertical-align:middle;display:block}
#coffee-page img,#coffee-page video{max-width:100%;height:auto}
#coffee-page button,#coffee-page input,#coffee-page select,#coffee-page optgroup,#coffee-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#coffee-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#coffee-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#coffee-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#coffee-page ::file-selector-button{margin-inline-end:4px}
#coffee-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#coffee-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#coffee-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#coffee-page textarea{resize:vertical}
#coffee-page ::-webkit-search-decoration{-webkit-appearance:none}
#coffee-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#coffee-page ::-webkit-datetime-edit{display:inline-flex}
#coffee-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#coffee-page ::-webkit-datetime-edit{padding-block:0}
#coffee-page ::-webkit-datetime-edit-year-field{padding-block:0}
#coffee-page ::-webkit-datetime-edit-month-field{padding-block:0}
#coffee-page ::-webkit-datetime-edit-day-field{padding-block:0}
#coffee-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#coffee-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#coffee-page ::-webkit-datetime-edit-second-field{padding-block:0}
#coffee-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#coffee-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#coffee-page ::-webkit-calendar-picker-indicator{line-height:1}
#coffee-page :-moz-ui-invalid{box-shadow:none}
#coffee-page button,#coffee-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#coffee-page ::file-selector-button{appearance:button}
#coffee-page ::-webkit-inner-spin-button{height:auto}
#coffee-page ::-webkit-outer-spin-button{height:auto}
#coffee-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#coffee-page .pointer-events-none{pointer-events:none}
#coffee-page .visible{visibility:visible}
#coffee-page .absolute{position:absolute}
#coffee-page .fixed{position:fixed}
#coffee-page .relative{position:relative}
#coffee-page .-inset-0\.5{inset:calc(var(--spacing) * -.5)}
#coffee-page .inset-0{inset:0}
#coffee-page .inset-x-0{inset-inline:0}
#coffee-page .-top-1{top:calc(var(--spacing) * -1)}
#coffee-page .-top-5{top:calc(var(--spacing) * -5)}
#coffee-page .top-0{top:0}
#coffee-page .top-2{top:calc(var(--spacing) * 2)}
#coffee-page .top-3{top:calc(var(--spacing) * 3)}
#coffee-page .top-6{top:calc(var(--spacing) * 6)}
#coffee-page .top-full{top:100%}
#coffee-page .-right-1{right:calc(var(--spacing) * -1)}
#coffee-page .right-0{right:0}
#coffee-page .right-1{right:var(--spacing)}
#coffee-page .right-2{right:calc(var(--spacing) * 2)}
#coffee-page .right-3{right:calc(var(--spacing) * 3)}
#coffee-page .right-4{right:calc(var(--spacing) * 4)}
#coffee-page .right-12{right:calc(var(--spacing) * 12)}
#coffee-page .bottom-0{bottom:0}
#coffee-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#coffee-page .left-0{left:0}
#coffee-page .left-1\/2{left:50%}
#coffee-page .left-3{left:calc(var(--spacing) * 3)}
#coffee-page .-z-10{z-index:calc(10 * -1)}
#coffee-page .z-0{z-index:0}
#coffee-page .z-10{z-index:10}
#coffee-page .z-20{z-index:20}
#coffee-page .z-30{z-index:30}
#coffee-page .z-40{z-index:40}
#coffee-page .z-50{z-index:50}
#coffee-page .z-1000{z-index:1000}
#coffee-page .order-1{order:1}
#coffee-page .order-2{order:2}
#coffee-page .order-3{order:3}
#coffee-page .mx-1{margin-inline:var(--spacing)}
#coffee-page .mx-auto{margin-inline:auto}
#coffee-page .my-0{margin-block:0}
#coffee-page .my-2{margin-block:calc(var(--spacing) * 2)}
#coffee-page .my-16{margin-block:calc(var(--spacing) * 16)}
#coffee-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#coffee-page .mt-0{margin-top:0}
#coffee-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#coffee-page .mt-1{margin-top:var(--spacing)}
#coffee-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#coffee-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#coffee-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#coffee-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#coffee-page .mt-16{margin-top:calc(var(--spacing) * 16)}
#coffee-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#coffee-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#coffee-page .mt-70{margin-top:calc(var(--spacing) * 70)}
#coffee-page .mb-1{margin-bottom:var(--spacing)}
#coffee-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#coffee-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#coffee-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#coffee-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#coffee-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#coffee-page .mb-12{margin-bottom:calc(var(--spacing) * 12)}
#coffee-page .mb-16{margin-bottom:calc(var(--spacing) * 16)}
#coffee-page .block{display:block}
#coffee-page .flex{display:flex}
#coffee-page .grid{display:grid}
#coffee-page .hidden{display:none}
#coffee-page .inline-block{display:inline-block}
#coffee-page .inline-flex{display:inline-flex}
#coffee-page .aspect-4\/3{aspect-ratio:4/3}
#coffee-page .h-4{height:calc(var(--spacing) * 4)}
#coffee-page .h-5{height:calc(var(--spacing) * 5)}
#coffee-page .h-6{height:calc(var(--spacing) * 6)}
#coffee-page .h-8{height:calc(var(--spacing) * 8)}
#coffee-page .h-10{height:calc(var(--spacing) * 10)}
#coffee-page .h-12{height:calc(var(--spacing) * 12)}
#coffee-page .h-14{height:calc(var(--spacing) * 14)}
#coffee-page .h-16{height:calc(var(--spacing) * 16)}
#coffee-page .h-20{height:calc(var(--spacing) * 20)}
#coffee-page .h-32{height:calc(var(--spacing) * 32)}
#coffee-page .h-50{height:calc(var(--spacing) * 50)}
#coffee-page .h-72{height:calc(var(--spacing) * 72)}
#coffee-page .h-\[50px\]{height:50px}
#coffee-page .h-\[72px\]{height:72px}
#coffee-page .h-\[200px\]{height:200px}
#coffee-page .h-auto{height:auto}
#coffee-page .h-fit{height:fit-content}
#coffee-page .h-full{height:100%}
#coffee-page .max-h-0{max-height:0}
#coffee-page .max-h-\[280px\]{max-height:280px}
#coffee-page .max-h-\[600px\]{max-height:600px}
#coffee-page .min-h-0{min-height:0}
#coffee-page .min-h-\[44px\]{min-height:44px}
#coffee-page .min-h-\[280px\]{min-height:280px}
#coffee-page .min-h-\[300px\]{min-height:300px}
#coffee-page .w-4{width:calc(var(--spacing) * 4)}
#coffee-page .w-5{width:calc(var(--spacing) * 5)}
#coffee-page .w-6{width:calc(var(--spacing) * 6)}
#coffee-page .w-8{width:calc(var(--spacing) * 8)}
#coffee-page .w-10{width:calc(var(--spacing) * 10)}
#coffee-page .w-12{width:calc(var(--spacing) * 12)}
#coffee-page .w-14{width:calc(var(--spacing) * 14)}
#coffee-page .w-16{width:calc(var(--spacing) * 16)}
#coffee-page .w-20{width:calc(var(--spacing) * 20)}
#coffee-page .w-24{width:calc(var(--spacing) * 24)}
#coffee-page .w-30{width:calc(var(--spacing) * 30)}
#coffee-page .w-32{width:calc(var(--spacing) * 32)}
#coffee-page .w-44{width:calc(var(--spacing) * 44)}
#coffee-page .w-72{width:calc(var(--spacing) * 72)}
#coffee-page .w-auto{width:auto}
#coffee-page .w-fit{width:fit-content}
#coffee-page .w-full{width:100%}
#coffee-page .max-w-2xl{max-width:var(--container-2xl)}
#coffee-page .max-w-4xl{max-width:var(--container-4xl)}
#coffee-page .max-w-5xl{max-width:var(--container-5xl)}
#coffee-page .max-w-6xl{max-width:var(--container-6xl)}
#coffee-page .max-w-\[600px\]{max-width:600px}
#coffee-page .max-w-full{max-width:100%}
#coffee-page .min-w-0{min-width:0}
#coffee-page .min-w-\[120px\]{min-width:120px}
#coffee-page .min-w-full{min-width:100%}
#coffee-page .flex-1{flex:1}
#coffee-page .flex-\[0_0_50\%\]{flex:0 0 50%}
#coffee-page .flex-\[0_0_100\%\]{flex:0 0 100%}
#coffee-page .flex-shrink-0,#coffee-page .shrink-0{flex-shrink:0}
#coffee-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#coffee-page .-translate-x-\[10px\]{--tw-translate-x:calc(10px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#coffee-page .translate-x-\[10px\]{--tw-translate-x:10px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#coffee-page .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#coffee-page .translate-y-\[-52\%\]{--tw-translate-y:-52%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#coffee-page .scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#coffee-page .scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#coffee-page .rotate-0{rotate:0deg}
#coffee-page .rotate-90{rotate:90deg}
#coffee-page .rotate-180{rotate:180deg}
#coffee-page .transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}
#coffee-page .cursor-not-allowed{cursor:not-allowed}
#coffee-page .cursor-pointer{cursor:pointer}
#coffee-page .snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}
#coffee-page .snap-mandatory{--tw-scroll-snap-strictness:mandatory}
#coffee-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#coffee-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#coffee-page .flex-col{flex-direction:column}
#coffee-page .flex-col-reverse{flex-direction:column-reverse}
#coffee-page .flex-row{flex-direction:row}
#coffee-page .flex-row-reverse{flex-direction:row-reverse}
#coffee-page .items-center{align-items:center}
#coffee-page .items-end{align-items:flex-end}
#coffee-page .items-start{align-items:flex-start}
#coffee-page .items-stretch{align-items:stretch}
#coffee-page .justify-between{justify-content:space-between}
#coffee-page .justify-center{justify-content:center}
#coffee-page .justify-end{justify-content:flex-end}
#coffee-page .justify-start{justify-content:flex-start}
#coffee-page .justify-items-stretch{justify-items:stretch}
#coffee-page .gap-1{gap:var(--spacing)}
#coffee-page .gap-2{gap:calc(var(--spacing) * 2)}
#coffee-page .gap-3{gap:calc(var(--spacing) * 3)}
#coffee-page .gap-4{gap:calc(var(--spacing) * 4)}
#coffee-page .gap-6{gap:calc(var(--spacing) * 6)}
#coffee-page .gap-8{gap:calc(var(--spacing) * 8)}
#coffee-page .gap-12{gap:calc(var(--spacing) * 12)}
#coffee-page .gap-14{gap:calc(var(--spacing) * 14)}
#coffee-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#coffee-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#coffee-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#coffee-page :where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#coffee-page .gap-x-3{column-gap:calc(var(--spacing) * 3)}
#coffee-page .gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}
#coffee-page .overflow-hidden{overflow:hidden}
#coffee-page .overflow-visible{overflow:visible}
#coffee-page .overflow-x-auto{overflow-x:auto}
#coffee-page .overflow-x-hidden{overflow-x:hidden}
#coffee-page .scroll-smooth{scroll-behavior:smooth}
#coffee-page .rounded-2xl{border-radius:var(--radius-2xl)}
#coffee-page .rounded-3xl{border-radius:var(--radius-3xl)}
#coffee-page .rounded-4xl{border-radius:var(--radius-4xl)}
#coffee-page .rounded-\[50px\]{border-radius:50px}
#coffee-page .rounded-full{border-radius:2147483647px}
#coffee-page .rounded-lg{border-radius:var(--radius-lg)}
#coffee-page .rounded-md{border-radius:var(--radius-md)}
#coffee-page .rounded-xl{border-radius:var(--radius-xl)}
#coffee-page .border{border-style:var(--tw-border-style);border-width:1px}
#coffee-page .border-0{border-style:var(--tw-border-style);border-width:0}
#coffee-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#coffee-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#coffee-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#coffee-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#coffee-page .border-b-3{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#coffee-page .border-none{--tw-border-style:none;border-style:none}
#coffee-page .border-\[\#E5E7EB\]{border-color:var(--line)}
#coffee-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#coffee-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#coffee-page .border-black{border-color:var(--color-black)}
#coffee-page .border-gray-200{border-color:var(--color-gray-200)}
#coffee-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#coffee-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#coffee-page .border-green-500{border-color:var(--color-green-500)}
#coffee-page .border-transparent{border-color:#0000}
#coffee-page .border-white{border-color:var(--color-white)}
#coffee-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#coffee-page .bg-\[\#F0F5F7\]{background-color:var(--bg2)}
#coffee-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#coffee-page .bg-\[\#FF4C00\]\/10{background-color:oklab(66.6687% .179651 .134278/.1)}
#coffee-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#coffee-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#coffee-page .bg-accent{background-color:var(--color-accent)}
#coffee-page .bg-gray-100{background-color:var(--color-gray-100)}
#coffee-page .bg-primary{background-color:var(--color-primary)}
#coffee-page .bg-secondary{background-color:var(--color-secondary)}
#coffee-page .bg-transparent{background-color:#0000}
#coffee-page .bg-white{background-color:var(--color-white)}
#coffee-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#coffee-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#coffee-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#coffee-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#coffee-page .bg-linear-to-br{--tw-gradient-position:to bottom right}
@supports (background-image:linear-gradient(in lab, red, red)){#coffee-page .bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}
#coffee-page .bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}
#coffee-page .bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
#coffee-page .from-\[\#FF4C00\]{--tw-gradient-from:var(--acc);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#coffee-page .from-\[\#FF4C00\]\/10{--tw-gradient-from:oklab(66.6687% .179651 .134278/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#coffee-page .via-orange-300\/5{--tw-gradient-via:#ffb96d0d}
@supports (color:color-mix(in lab, red, red)){#coffee-page .via-orange-300\/5{--tw-gradient-via:color-mix(in oklab, var(--color-orange-300) 5%, transparent)}}
#coffee-page .via-orange-300\/5{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
#coffee-page .to-\[\#FF6B35\]{--tw-gradient-to:color-mix(in srgb,var(--acc) 78%,#fff);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#coffee-page .to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#coffee-page .object-contain{object-fit:contain}
#coffee-page .object-cover{object-fit:cover}
#coffee-page .p-0{padding:0}
#coffee-page .p-1{padding:var(--spacing)}
#coffee-page .p-2{padding:calc(var(--spacing) * 2)}
#coffee-page .p-3{padding:calc(var(--spacing) * 3)}
#coffee-page .p-4{padding:calc(var(--spacing) * 4)}
#coffee-page .p-5{padding:calc(var(--spacing) * 5)}
#coffee-page .p-6{padding:calc(var(--spacing) * 6)}
#coffee-page .p-8{padding:calc(var(--spacing) * 8)}
#coffee-page .px-1{padding-inline:var(--spacing)}
#coffee-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#coffee-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#coffee-page .px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}
#coffee-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#coffee-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#coffee-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#coffee-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#coffee-page .px-12{padding-inline:calc(var(--spacing) * 12)}
#coffee-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#coffee-page .py-2{padding-block:calc(var(--spacing) * 2)}
#coffee-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#coffee-page .py-3{padding-block:calc(var(--spacing) * 3)}
#coffee-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#coffee-page .py-4{padding-block:calc(var(--spacing) * 4)}
#coffee-page .py-6{padding-block:calc(var(--spacing) * 6)}
#coffee-page .py-8{padding-block:calc(var(--spacing) * 8)}
#coffee-page .py-10{padding-block:calc(var(--spacing) * 10)}
#coffee-page .py-12{padding-block:calc(var(--spacing) * 12)}
#coffee-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#coffee-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#coffee-page .pt-6{padding-top:calc(var(--spacing) * 6)}
#coffee-page .pt-15{padding-top:calc(var(--spacing) * 15)}
#coffee-page .pt-20{padding-top:calc(var(--spacing) * 20)}
#coffee-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#coffee-page .pt-\[72px\]{padding-top:72px}
#coffee-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#coffee-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#coffee-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#coffee-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#coffee-page .pb-12{padding-bottom:calc(var(--spacing) * 12)}
#coffee-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#coffee-page .pb-48{padding-bottom:calc(var(--spacing) * 48)}
#coffee-page .text-center{text-align:center}
#coffee-page .text-justify{text-align:justify}
#coffee-page .text-right{text-align:right}
#coffee-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#coffee-page .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#coffee-page .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#coffee-page .text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#coffee-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#coffee-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#coffee-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#coffee-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#coffee-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#coffee-page .text-\[10px\]{font-size:10px}
#coffee-page .leading-7\.5{--tw-leading:calc(var(--spacing) * 7.5);line-height:calc(var(--spacing) * 7.5)}
#coffee-page .leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}
#coffee-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#coffee-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#coffee-page .leading-none{--tw-leading:1;line-height:1}
#coffee-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#coffee-page .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}
#coffee-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#coffee-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#coffee-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#coffee-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#coffee-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#coffee-page .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
#coffee-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#coffee-page .whitespace-nowrap{white-space:nowrap}
#coffee-page .text-\[\#0A2745\]{color:var(--nv)}
#coffee-page .text-\[\#1F2A3D\]{color:#33291d}
#coffee-page .text-\[\#595B5C\]{color:#595b5c}
#coffee-page .text-\[\#FF4C00\]{color:var(--acc)}
#coffee-page .text-\[\#FF4C00\]\/30{color:oklab(66.6687% .179651 .134278/.3)}
#coffee-page .text-\[\#ffff\]{color:#fff}
#coffee-page .text-black{color:var(--color-black)}
#coffee-page .text-gray-300{color:var(--color-gray-300)}
#coffee-page .text-gray-500{color:var(--color-gray-500)}
#coffee-page .text-gray-600{color:var(--color-gray-600)}
#coffee-page .text-green-700{color:var(--color-green-700)}
#coffee-page .text-red-500{color:var(--color-red-500)}
#coffee-page .text-secondary{color:var(--color-secondary)}
#coffee-page .text-white{color:var(--color-white)}
#coffee-page .text-white\/90{color:#ffffffe6}
@supports (color:color-mix(in lab, red, red)){#coffee-page .text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}
#coffee-page .not-italic{font-style:normal}
#coffee-page .underline{text-decoration-line:underline}
#coffee-page .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#coffee-page .accent-white{accent-color:var(--color-white)}
#coffee-page .opacity-0{opacity:0}
#coffee-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page .shadow-\[0_0_20px_rgba\(255\,76\,0\,0\.4\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page .shadow-\[0_10px_0_0_\#FF4C00\]{--tw-shadow:0 10px 0 0 var(--tw-shadow-color,var(--acc));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#coffee-page .blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#coffee-page .blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#coffee-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#coffee-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}
#coffee-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#coffee-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#coffee-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#coffee-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#coffee-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#coffee-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#coffee-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#coffee-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#coffee-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#coffee-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#coffee-page .duration-500{--tw-duration:.5s;transition-duration:.5s}
#coffee-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#coffee-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#coffee-page .will-change-transform{will-change:transform}
#coffee-page .select-none{-webkit-user-select:none;user-select:none}
#coffee-page .\[-webkit-overflow-scrolling\:touch\]{-webkit-overflow-scrolling:touch}
@media (hover:hover){#coffee-page :is(:where(.group):hover .group-hover\:absolute){position:absolute}
#coffee-page :is(:where(.group):hover .group-hover\:flex){display:flex}
#coffee-page :is(:where(.group):hover .group-hover\:-translate-y-1){--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#coffee-page :is(:where(.group):hover .group-hover\:-translate-y-2){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#coffee-page :is(:where(.group):hover .group-hover\:-translate-y-full){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#coffee-page :is(:where(.group):hover .group-hover\:scale-110){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#coffee-page :is(:where(.group):hover .group-hover\:border-b-2){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#coffee-page :is(:where(.group):hover .group-hover\:border-b-3){border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#coffee-page :is(:where(.group):hover .group-hover\:border-\[\#0A2745\]){border-color:var(--nv)}
#coffee-page :is(:where(.group):hover .group-hover\:border-\[\#FF4C00\]){border-color:var(--acc)}
#coffee-page :is(:where(.group):hover .group-hover\:border-orange-100){border-color:var(--color-orange-100)}
#coffee-page :is(:where(.group):hover .group-hover\:border-b-\[\#FF4C00\]){border-bottom-color:var(--acc)}
#coffee-page :is(:where(.group):hover .group-hover\:bg-\[\#0A2745\]){background-color:var(--nv)}
#coffee-page :is(:where(.group):hover .group-hover\:bg-\[\#FFF6F2\]){background-color:var(--fa-soft)}
#coffee-page :is(:where(.group):hover .group-hover\:text-\[\#0A2745\]){color:var(--nv)}
#coffee-page :is(:where(.group):hover .group-hover\:text-\[\#FF4C00\]){color:var(--acc)}
#coffee-page :is(:where(.group):hover .group-hover\:text-white){color:var(--color-white)}
#coffee-page :is(:where(.group):hover .group-hover\:opacity-100){opacity:1}
#coffee-page :is(:where(.group):hover .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]){--tw-shadow:0 8px 24px var(--tw-shadow-color,#ff4c0059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page :is(:where(.group):hover .group-hover\:shadow-md){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page :is(:where(.group):hover .group-hover\:shadow-xl){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page :is(:where(.group):hover .group-hover\:blur-xs){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}
#coffee-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#coffee-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#coffee-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#coffee-page .after\:right-0:after{content:var(--tw-content);right:0}
#coffee-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#coffee-page .after\:left-0:after{content:var(--tw-content);left:0}
#coffee-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#coffee-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#coffee-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#coffee-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#coffee-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#coffee-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#coffee-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#coffee-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#coffee-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#coffee-page .hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#coffee-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#coffee-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#coffee-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#coffee-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#coffee-page .hover\:border-\[\#FF4C00\]\/30:hover{border-color:oklab(66.6687% .179651 .134278/.3)}
#coffee-page .hover\:border-white:hover{border-color:var(--color-white)}
#coffee-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#coffee-page .hover\:bg-\[\#081a2e\]:hover{background-color:#1c1712}
#coffee-page .hover\:bg-\[\#163456\]:hover{background-color:#3a2c1f}
#coffee-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#coffee-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#coffee-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#coffee-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#coffee-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:var(--bg2)}
#coffee-page .hover\:bg-\[\#FFF6F2\]:hover{background-color:var(--fa-soft)}
#coffee-page .hover\:bg-\[\#e44500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#coffee-page .hover\:bg-black\/5:hover{background-color:#0000000d}
@supports (color:color-mix(in lab, red, red)){#coffee-page .hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}
#coffee-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#coffee-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#coffee-page .hover\:bg-white:hover{background-color:var(--color-white)}
#coffee-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#coffee-page .hover\:text-\[\#FF4C00\]:hover,#coffee-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#coffee-page .hover\:text-white:hover{color:var(--color-white)}
#coffee-page .hover\:underline:hover{text-decoration-line:underline}
#coffee-page .hover\:opacity-80:hover{opacity:.8}
#coffee-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page .hover\:shadow-\[0_0_28px_rgba\(255\,76\,0\,0\.5\)\,0_0_40px_rgba\(10\,39\,69\,0\.3\)\,0_8px_28px_rgba\(10\,39\,69\,0\.35\)\]:hover{--tw-shadow:0 0 28px var(--tw-shadow-color,#ff4c0080), 0 0 40px var(--tw-shadow-color,#0a27454d), 0 8px 28px var(--tw-shadow-color,#0a274559);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px var(--tw-shadow-color,#0a274538), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px var(--tw-shadow-color,#0a274547), 0 10px 0 0 var(--tw-shadow-color,var(--nv)), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#coffee-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#coffee-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#coffee-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#coffee-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#coffee-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#coffee-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#coffee-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#coffee-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#coffee-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#coffee-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#coffee-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#coffee-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#coffee-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#coffee-page .focus-visible\:ring-offset-\[\#0A2745\]:focus-visible{--tw-ring-offset-color:var(--nv)}
#coffee-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#coffee-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#coffee-page .active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#coffee-page .active\:scale-\[0\.98\]:active{scale:.98}
#coffee-page .active\:bg-\[\#06141f\]:active{background-color:#1c1712}
#coffee-page .active\:bg-\[\#CC3D00\]:active{background-color:color-mix(in srgb,var(--acc) 72%,#000)}
#coffee-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
#coffee-page .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
#coffee-page .disabled\:opacity-30:disabled{opacity:.3}
#coffee-page .disabled\:opacity-50:disabled{opacity:.5}
@media (hover:hover){#coffee-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#coffee-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#coffee-page .disabled\:hover\:shadow-lg:disabled:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (min-width:40rem){#coffee-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#coffee-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#coffee-page .sm\:right-4{right:calc(var(--spacing) * 4)}
#coffee-page .sm\:bottom-1\/3{bottom:33.3333%}
#coffee-page .sm\:left-4{left:calc(var(--spacing) * 4)}
#coffee-page .sm\:mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}
#coffee-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#coffee-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#coffee-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#coffee-page .sm\:mt-20{margin-top:calc(var(--spacing) * 20)}
#coffee-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#coffee-page .sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#coffee-page .sm\:inline{display:inline}
#coffee-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#coffee-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#coffee-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#coffee-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#coffee-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#coffee-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#coffee-page .sm\:h-96{height:calc(var(--spacing) * 96)}
#coffee-page .sm\:h-\[60px\]{height:60px}
#coffee-page .sm\:h-\[100px\]{height:100px}
#coffee-page .sm\:max-h-\[320px\]{max-height:320px}
#coffee-page .sm\:min-h-\[400px\]{min-height:400px}
#coffee-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#coffee-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#coffee-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#coffee-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#coffee-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#coffee-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#coffee-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#coffee-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#coffee-page .sm\:w-72{width:calc(var(--spacing) * 72)}
#coffee-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#coffee-page .sm\:w-auto{width:auto}
#coffee-page .sm\:min-w-\[120px\]{min-width:120px}
#coffee-page .sm\:min-w-\[140px\]{min-width:140px}
#coffee-page .sm\:flex-\[0_0_30\%\]{flex:0 0 30%}
#coffee-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#coffee-page .sm\:flex-row{flex-direction:row}
#coffee-page .sm\:items-center{align-items:center}
#coffee-page .sm\:items-start{align-items:flex-start}
#coffee-page .sm\:justify-end{justify-content:flex-end}
#coffee-page .sm\:justify-start{justify-content:flex-start}
#coffee-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#coffee-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#coffee-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#coffee-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#coffee-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#coffee-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#coffee-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#coffee-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#coffee-page :where(.sm\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#coffee-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#coffee-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#coffee-page .sm\:rounded-\[36px\]{border-radius:36px}
#coffee-page .sm\:p-3{padding:calc(var(--spacing) * 3)}
#coffee-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#coffee-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#coffee-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#coffee-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#coffee-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#coffee-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#coffee-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#coffee-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#coffee-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#coffee-page .sm\:py-0{padding-block:0}
#coffee-page .sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#coffee-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#coffee-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#coffee-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#coffee-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#coffee-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#coffee-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#coffee-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#coffee-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#coffee-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#coffee-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#coffee-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#coffee-page .sm\:text-\[12px\]{font-size:12px}}
@media (min-width:48rem){#coffee-page .md\:right-6{right:calc(var(--spacing) * 6)}
#coffee-page .md\:left-6{left:calc(var(--spacing) * 6)}
#coffee-page .md\:order-1{order:1}
#coffee-page .md\:order-2{order:2}
#coffee-page .md\:my-4{margin-block:calc(var(--spacing) * 4)}
#coffee-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#coffee-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#coffee-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#coffee-page .md\:mt-44{margin-top:calc(var(--spacing) * 44)}
#coffee-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#coffee-page .md\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#coffee-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#coffee-page .md\:block{display:block}
#coffee-page .md\:flex{display:flex}
#coffee-page .md\:hidden{display:none}
#coffee-page .md\:inline-block{display:inline-block}
#coffee-page .md\:h-10{height:calc(var(--spacing) * 10)}
#coffee-page .md\:h-16{height:calc(var(--spacing) * 16)}
#coffee-page .md\:h-28{height:calc(var(--spacing) * 28)}
#coffee-page .md\:h-70{height:calc(var(--spacing) * 70)}
#coffee-page .md\:h-\[250px\]{height:250px}
#coffee-page .md\:max-h-none{max-height:none}
#coffee-page .md\:w-10{width:calc(var(--spacing) * 10)}
#coffee-page .md\:w-16{width:calc(var(--spacing) * 16)}
#coffee-page .md\:w-24{width:calc(var(--spacing) * 24)}
#coffee-page .md\:w-28{width:calc(var(--spacing) * 28)}
#coffee-page .md\:w-72{width:calc(var(--spacing) * 72)}
#coffee-page .md\:min-w-\[130px\]{min-width:130px}
#coffee-page .md\:flex-1{flex:1}
#coffee-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#coffee-page .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#coffee-page .md\:flex-col{flex-direction:column}
#coffee-page .md\:flex-row{flex-direction:row}
#coffee-page .md\:flex-row-reverse{flex-direction:row-reverse}
#coffee-page .md\:items-center{align-items:center}
#coffee-page .md\:items-stretch{align-items:stretch}
#coffee-page .md\:justify-center{justify-content:center}
#coffee-page .md\:gap-0{gap:0}
#coffee-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#coffee-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#coffee-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#coffee-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#coffee-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#coffee-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#coffee-page .md\:overflow-visible{overflow:visible}
#coffee-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#coffee-page .md\:p-4{padding:calc(var(--spacing) * 4)}
#coffee-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#coffee-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#coffee-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#coffee-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#coffee-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#coffee-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#coffee-page .md\:py-0{padding-block:0}
#coffee-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#coffee-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#coffee-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#coffee-page .md\:pt-16{padding-top:calc(var(--spacing) * 16)}
#coffee-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#coffee-page .md\:pb-28{padding-bottom:calc(var(--spacing) * 28)}
#coffee-page .md\:text-center{text-align:center}
#coffee-page .md\:text-justify{text-align:justify}
#coffee-page .md\:text-right{text-align:right}
#coffee-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#coffee-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#coffee-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#coffee-page .md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}
#coffee-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#coffee-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#coffee-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#coffee-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#coffee-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#coffee-page .md\:text-\[9px\]{font-size:9px}
#coffee-page .md\:text-\[10px\]{font-size:10px}
#coffee-page .md\:text-\[14px\]{font-size:14px}
#coffee-page .md\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}}
@media (min-width:64rem){#coffee-page .lg\:order-1{order:1}
#coffee-page .lg\:order-2{order:2}
#coffee-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#coffee-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#coffee-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#coffee-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#coffee-page .lg\:mt-32{margin-top:calc(var(--spacing) * 32)}
#coffee-page .lg\:mt-50{margin-top:calc(var(--spacing) * 50)}
#coffee-page .lg\:mt-52{margin-top:calc(var(--spacing) * 52)}
#coffee-page .lg\:mr-0{margin-right:0}
#coffee-page .lg\:mb-0{margin-bottom:0}
#coffee-page .lg\:mb-10{margin-bottom:calc(var(--spacing) * 10)}
#coffee-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#coffee-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#coffee-page .lg\:block{display:block}
#coffee-page .lg\:flex{display:flex}
#coffee-page .lg\:hidden{display:none}
#coffee-page .lg\:h-14{height:calc(var(--spacing) * 14)}
#coffee-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#coffee-page .lg\:h-194{height:calc(var(--spacing) * 194)}
#coffee-page .lg\:h-\[70px\]{height:70px}
#coffee-page .lg\:h-\[132px\]{height:132px}
#coffee-page .lg\:h-\[300px\]{height:300px}
#coffee-page .lg\:w-1\/2{width:50%}
#coffee-page .lg\:w-14{width:calc(var(--spacing) * 14)}
#coffee-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#coffee-page .lg\:w-\[45\%\]{width:45%}
#coffee-page .lg\:w-\[55\%\]{width:55%}
#coffee-page .lg\:w-\[70px\]{width:70px}
#coffee-page .lg\:w-auto{width:auto}
#coffee-page .lg\:w-fit{width:fit-content}
#coffee-page .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#coffee-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#coffee-page .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
#coffee-page .lg\:flex-row{flex-direction:row}
#coffee-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#coffee-page .lg\:items-center{align-items:center}
#coffee-page .lg\:justify-end{justify-content:flex-end}
#coffee-page .lg\:gap-0{gap:0}
#coffee-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#coffee-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#coffee-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#coffee-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#coffee-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#coffee-page :where(.lg\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#coffee-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#coffee-page :where(.lg\:space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}
#coffee-page .lg\:gap-x-4{column-gap:calc(var(--spacing) * 4)}
#coffee-page .lg\:gap-y-4{row-gap:calc(var(--spacing) * 4)}
#coffee-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#coffee-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#coffee-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#coffee-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#coffee-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#coffee-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#coffee-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#coffee-page .lg\:py-20{padding-block:calc(var(--spacing) * 20)}
#coffee-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#coffee-page .lg\:pt-\[132px\]{padding-top:132px}
#coffee-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#coffee-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#coffee-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#coffee-page .lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#coffee-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#coffee-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#coffee-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#coffee-page .lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#coffee-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#coffee-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#coffee-page .lg\:text-\[10px\]{font-size:10px}
#coffee-page .lg\:text-\[28px\]{font-size:28px}
#coffee-page .lg\:text-\[48px\]{font-size:48px}
#coffee-page .lg\:text-\[150px\]{font-size:150px}
#coffee-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#coffee-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#coffee-page .xl\:mt-0{margin-top:0}
#coffee-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#coffee-page .xl\:mt-70{margin-top:calc(var(--spacing) * 70)}
#coffee-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#coffee-page .xl\:h-122{height:calc(var(--spacing) * 122)}
#coffee-page .xl\:h-\[142px\]{height:142px}
#coffee-page .xl\:h-auto{height:auto}
#coffee-page .xl\:w-1\/2{width:50%}
#coffee-page .xl\:w-1\/3{width:33.3333%}
#coffee-page .xl\:w-\[25\.5\%\]{width:25.5%}
#coffee-page .xl\:w-\[30\%\]{width:30%}
#coffee-page .xl\:w-\[70\%\]{width:70%}
#coffee-page .xl\:flex-\[0_0_12\%\]{flex:0 0 12%}
#coffee-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#coffee-page .xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
#coffee-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#coffee-page .xl\:flex-row{flex-direction:row}
#coffee-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#coffee-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#coffee-page .xl\:gap-12{gap:calc(var(--spacing) * 12)}
#coffee-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#coffee-page .xl\:gap-32{gap:calc(var(--spacing) * 32)}
#coffee-page .xl\:p-8{padding:calc(var(--spacing) * 8)}
#coffee-page .xl\:px-0{padding-inline:0}
#coffee-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#coffee-page .xl\:px-16{padding-inline:calc(var(--spacing) * 16)}
#coffee-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#coffee-page .xl\:px-36{padding-inline:calc(var(--spacing) * 36)}
#coffee-page .xl\:py-16{padding-block:calc(var(--spacing) * 16)}
#coffee-page .xl\:pt-16{padding-top:calc(var(--spacing) * 16)}
#coffee-page .xl\:pt-\[142px\]{padding-top:142px}
#coffee-page .xl\:pl-6{padding-left:calc(var(--spacing) * 6)}
#coffee-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#coffee-page .xl\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#coffee-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#coffee-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#coffee-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#coffee-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#coffee-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#coffee-page .xl\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#coffee-page .xl\:text-\[11px\]{font-size:11px}
#coffee-page .xl\:text-\[14px\]{font-size:14px}
#coffee-page .xl\:text-\[16px\]{font-size:16px}
#coffee-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#coffee-page .\32 xl\:mr-50{margin-right:calc(var(--spacing) * 50)}
#coffee-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#coffee-page .\32 xl\:h-130{height:calc(var(--spacing) * 130)}
#coffee-page .\32 xl\:min-h-\[550px\]{min-height:550px}
#coffee-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#coffee-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#coffee-page .\32 xl\:gap-\[25px\]{gap:25px}
#coffee-page .\32 xl\:px-12{padding-inline:calc(var(--spacing) * 12)}
#coffee-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#coffee-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#coffee-page .\32 xl\:text-left{text-align:left}
#coffee-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#coffee-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#coffee-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#coffee-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#coffee-page .\32 xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#coffee-page .\32 xl\:text-\[14px\]{font-size:14px}
#coffee-page .\32 xl\:text-\[16px\]{font-size:16px}
#coffee-page .\32 xl\:text-\[20px\]{font-size:20px}
#coffee-page .\32 xl\:text-\[27px\]{font-size:27px}
#coffee-page .\32 xl\:text-\[56px\]{font-size:56px}
#coffee-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-REGULAR.TTF)format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-SEMIBOLD.TTF)format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-BOLD.TTF)format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-EXTRABOLD.TTF)format("truetype");font-weight:800;font-display:swap}
#coffee-page{direction:rtl}
#coffee-page{color:#33291d;background:#fff;font-family:Vazirmatn,Tahoma,sans-serif}
#coffee-page .fanum-font,#coffee-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#coffee-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#coffee-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
#coffee-page .dir-rtl{direction:rtl}
#coffee-page .hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
#coffee-page .hide-scrollbar::-webkit-scrollbar{display:none}
#coffee-page .mb-safe{margin-bottom:env(safe-area-inset-bottom)}
@keyframes ring{0%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-12deg)}20%,40%,60%{transform:rotate(12deg)}70%{transform:rotate(0)}}
#coffee-page .phone-ring-animation{animation:2s ease-in-out infinite ring}
@keyframes pulse-alarm{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}
#coffee-page .alarm-animation{animation:1.5s ease-in-out infinite pulse-alarm}
@keyframes brand-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}
#coffee-page .brand-scroll-animation{animation:30s linear infinite brand-scroll}
#coffee-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,var(--nv) 60%,#1c1712 100%)}
#coffee-page >div>div.relative>div.absolute.inset-0.z-0>div{background:0 0}
@media (min-width:64rem){#coffee-page #images>div>div{padding-left:2.5rem;padding-right:2.5rem}
#coffee-page #images h2{margin-bottom:5rem}
#coffee-page #images [dir=rtl].w-full{flex-direction:row;justify-content:space-between;align-items:center;gap:2.5rem;display:flex}
#coffee-page #images [role=tablist]{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:43%;margin:0;padding:0;display:grid;overflow:visible}
#coffee-page #images [role=tablist]>div{margin:0}
#coffee-page #images [role=tab]{white-space:nowrap;color:var(--acc);width:100%;min-width:0;height:3rem;box-shadow:none;background:#fff;border:2px solid var(--acc);padding-left:.5rem;padding-right:.5rem;font-size:.9rem}
#coffee-page #images [role=tab][aria-selected=true]{color:#fff;background:var(--acc)}
#coffee-page #images [role=tab]:hover{background:var(--fa-soft)}
#coffee-page #images [role=tab][aria-selected=true]:hover{background:var(--acc)}
#coffee-page #images [dir=rtl].w-full>div.relative{flex:none;width:54%}
#coffee-page #images .flex-\[0_0_100\%\],#coffee-page #images .flex-\[0_0_100\%\]>div>div{padding:0}
#coffee-page #images .flex-\[0_0_100\%\]>div>div>div{background:#fff;border:3px solid var(--nv);border-radius:1rem;min-height:26rem}
#coffee-page #images img[data-nimg=fill]{object-fit:contain;padding:0}
#coffee-page #images button[aria-label=آیتم\ بعدی],#coffee-page #images button[aria-label=آیتم\ قبلی]{display:none}
#coffee-page #images button[aria-label=بزرگنمایی\ تصویر]{color:var(--nv);background:#fff;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:0 2px 8px #0003}}
#coffee-page .mt-12{margin-top:calc(var(--spacing) * 12)}
#coffee-page .mb-20{margin-bottom:calc(var(--spacing) * 20)}
#coffee-page .text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}
@media (hover:hover){#coffee-page .hover\:-translate-x-1:hover{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#coffee-page .hover\:opacity-90:hover{opacity:.9}}
@media (min-width:40rem){#coffee-page .sm\:order-1{order:1}
#coffee-page .sm\:order-2{order:2}
#coffee-page .sm\:justify-between{justify-content:space-between}
#coffee-page .sm\:py-7{padding-block:calc(var(--spacing) * 7)}}
@media (min-width:48rem){#coffee-page .md\:mt-0{margin-top:0}
#coffee-page .md\:mb-72{margin-bottom:calc(var(--spacing) * 72)}
#coffee-page .md\:justify-start{justify-content:flex-start}}
@media (min-width:64rem){#coffee-page .lg\:py-10{padding-block:calc(var(--spacing) * 10)}}

/* ===== صفحه «نرم افزار رستورانی تحت وب» — مسیر #web-restaurant =====
   طراحی و چیدمان همان صفحه‌ی اصلی تحت وب است؛ چارچوب، حاشیه‌ی راست/چپ سکشن‌ها، فونت Vazirmatn و رنگ‌ها
   مثل صفحه‌ی «اتوماسیون تغذیه» از پالت همین سایت (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند. */
#coffee-page{--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good);--color-orange-100:var(--fa-soft);--color-orange-300:var(--gold1)}
#coffee-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #coffee-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #coffee-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#coffee-page{--text-7xl:4.5rem;--text-7xl--line-height:1}
#coffee-page[hidden]{display:none}
html.is-web body>section:not(#mp-sec),html.is-web #nl-sec,html.is-web #cta-band,html.is-web .pgx{display:none!important}
#coffee-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#coffee-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#coffee-page .semibold-fanum-font,#coffee-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#coffee-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#coffee-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#coffee-page a{color:inherit;text-decoration:none}
#coffee-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#coffee-page input[type=checkbox]{accent-color:var(--gold1)}
#coffee-page .bg-white{background-color:var(--sec-alt)}
#coffee-page .text-black{color:var(--ink)}
#coffee-page .text-primary{color:var(--ink)}
#coffee-page .text-\[\#0A2745\]{color:var(--ink)}
#coffee-page .border-\[\#0A2745\]{border-color:var(--ink)}
#coffee-page .bg-primary.text-white,#coffee-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
@media (hover:hover){#coffee-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#coffee-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#coffee-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#coffee-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#coffee-page .faq-open svg{transition:transform .2s}
#coffee-page .no-scrollbar{scrollbar-width:none}
#coffee-page .no-scrollbar::-webkit-scrollbar{display:none}
#coffee-page .sol-toast{background:var(--nv);color:#f6ecd6;z-index:4000;text-align:center;border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#coffee-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#coffee-page .ab-menu.open{display:block}
#coffee-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#coffee-page .ab-menu button:hover,#coffee-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#coffee-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#coffee-page .ab-msg:empty{display:none}
#coffee-page .ab-msg.err{color:#ffb4aa}
/* هیرو: زمینه‌ی اسپرسو (به‌جای سرمه‌ای)، متن و دکمه‌ها مثل هیروی صفحه‌ی اتوماسیون تغذیه */
#coffee-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,#2b2118 60%,#1c1712 100%)}
#coffee-page >div>div.relative h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#coffee-page >div>div.relative h1 .text-\[\#FF4C00\]{color:var(--gold1,#d6b374)}
#coffee-page >div>div.relative h2{color:#efe4d2;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#coffee-page >div>div.relative p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#coffee-page >div>div.relative a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#coffee-page >div>div.relative a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#coffee-page >div>div.relative a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* نوار فهرست بخش‌ها: چسبان زیر هدر (مثل صفحه‌ی اتوماسیون تغذیه) */
#coffee-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#coffee-page #cf-toc{background:var(--acc)!important;position:sticky;top:var(--wb-top,0px);z-index:19;transition:box-shadow .25s}
#coffee-page #cf-toc.wb-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#coffee-page section[id^="wb-"]{scroll-margin-top:calc(var(--wb-top,0px) + var(--wb-bar,64px) + 10px)}
/* نظرات: فقط یک صفحه نظر در منبع وجود دارد؛ صفحه‌بندی بی‌اثر مخفی شد */
#coffee-page nav[aria-label="صفحه‌بندی"]{display:none}
/* ===== نمایش بزرگ تصویر مشابه صفحه‌ی اتوماسیون تغذیه: نام تب، فلش قبلی/بعدی، دکمه‌ی بستن ===== */
#coffee-page #cf-lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#coffee-page #cf-lightbox.open{display:flex}
#coffee-page #cf-lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#food-page .no-scrollbar{scrollbar-width:none}
#food-page .no-scrollbar::-webkit-scrollbar{display:none}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .faq-open svg{transition:transform .2s}
#food-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#food-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#food-page #service-menu.open{display:block}
#food-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#food-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#food-page .left-\[35\%\]{
    left: 35%;
  }
#food-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#food-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#food-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#food-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#food-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#food-page .min-h-screen{
    min-height: 100vh;
  }
#food-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#food-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#food-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#food-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#food-page .max-w-xl{
    max-width: var(--container-xl);
  }
#food-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#food-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .flex-wrap{
    flex-wrap: wrap;
  }
#food-page .justify-around{
    justify-content: space-around;
  }
#food-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#food-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#food-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#food-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#food-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#food-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#food-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#food-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#food-page .bg-ab-card{
    background-color: var(--card);
  }
#food-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#food-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#food-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#food-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#food-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#food-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#food-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#food-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#food-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#food-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#food-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#food-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#food-page .text-ab-cream{
    color: #f6ecd6;
  }
#food-page .text-ab-ink{
    color: var(--ink);
  }
#food-page .text-ab-mut{
    color: var(--mut);
  }
#food-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#food-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#food-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#food-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#food-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#food-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#food-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#food-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#food-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#food-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#food-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#food-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#food-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#food-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#food-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#food-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#food-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#food-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#food-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#food-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#food-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#food-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#food-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#food-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#food-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#food-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#food-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#food-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#food-page .lg\:h-\[550px\]{
      height: 550px;
    }
#food-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#food-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#food-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#food-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#food-page .xl\:h-auto{
      height: auto;
    }
#food-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#food-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#food-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#food-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#food-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#food-page .xl\:py-0{
      padding-block: 0px;
    }
#food-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#food-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#food-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#food-page .ab-menu.open{display:block}
#food-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#food-page .ab-menu button:hover,#food-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#food-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#food-page .ab-msg:empty{display:none}
#food-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#food-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#food-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#food-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#food-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#food-page .brand-scroll-animation{--g:5rem}}
#food-page .brand-scroll-animation:hover{animation-play-state:paused}
#food-page .brand-scroll-animation,#food-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#food-page *{transition:none!important}#food-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#food-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#food-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#food-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#food-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#food-page [id^=fa-]{scroll-margin-top:120px}
#food-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#food-page .semibold-fanum-font,#food-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#food-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#food-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#food-page a{color:inherit;text-decoration:none}
#food-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#food-page input[type=checkbox]{accent-color:var(--gold1)}
#food-page .bg-white{background-color:var(--sec-alt)}
#food-page .text-black{color:var(--ink)}
#food-page .text-\[\#0A2745\],#food-page .text-secondary{color:var(--ink)}
#food-page .bg-primary.text-white,#food-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#food-page .bg-secondary.text-white,#food-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#food-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#food-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#food-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .sol-toast{background:var(--nv);color:#f6ecd6}
#food-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#coffee-page #cf-lightbox img{background:var(--card)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#coffee-page #cf-lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#coffee-page #cf-lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#coffee-page #cf-lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#coffee-page #cf-lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#coffee-page #cf-lightbox .lb-x,#coffee-page #cf-lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#coffee-page #cf-lightbox .lb-x{top:14px;left:14px}
#coffee-page #cf-lightbox .lb-nav{top:50%;margin-top:-22px}
#coffee-page #cf-lightbox .lb-prev{right:14px}
#coffee-page #cf-lightbox .lb-next{left:14px}
#coffee-page #cf-lightbox .lb-x:hover,#coffee-page #cf-lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#coffee-page #cf-lightbox .lb-x:focus-visible,#coffee-page #cf-lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #coffee-page #cf-lightbox{padding:60px 12px 84px}
 #coffee-page #cf-lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #coffee-page #cf-lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #coffee-page #cf-lightbox .lb-prev{right:16px}
 #coffee-page #cf-lightbox .lb-next{left:16px}
 #coffee-page #cf-lightbox figcaption{max-width:calc(100vw - 150px)}}
@media (prefers-reduced-motion:reduce){#coffee-page *{transition:none!important}}

/* حاشیه‌ی راست/چپ یکسان همه‌ی سکشن‌ها مثل صفحه‌ی اتوماسیون تغذیه */
#coffee-page{--wb-px:clamp(1rem,4vw + .5rem,9rem)}
@media(min-width:96rem){#coffee-page{--wb-px:clamp(2rem,12vw + 20rem,16rem)}}
#coffee-page >div>div.relative{border-radius:0 0 48px 48px}
#coffee-page #cf-packages>div.flex:not(.pr-first){padding-inline:var(--wb-px)}
/* پکیج‌ها: هم‌رنگ و هم‌استایل تب اول صفحه قیمت‌ها */
#coffee-page #cf-packages{--color-secondary:var(--nv)}
#coffee-page #cf-packages .text-secondary{color:var(--ink)}
#coffee-page #cf-packages .bg-white{background-color:var(--sec-alt)}
#coffee-page #cf-packages .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
@media (hover:hover){
#coffee-page #cf-packages .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}
#coffee-page #cf-packages .group-hover\:border-\[\#0A2745\]:is(:where(.group):hover *){border-color:var(--ink)}
#coffee-page #cf-packages .group-hover\:text-\[\#0A2745\]:is(:where(.group):hover *){color:var(--ink)}
#coffee-page #cf-packages .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px rgba(43,33,24,.22), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page #cf-packages .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px rgba(43,33,24,.28), 0 10px 0 0 var(--ink), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#coffee-page #cf-packages .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]:is(:where(.group):hover *){--tw-shadow:0 8px 24px color-mix(in srgb,var(--acc) 38%,transparent);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
}
@media (min-width:48rem){#coffee-page .md\:p-24{padding:calc(var(--spacing) * 24)}}
#coffee-page #cf-pro-features article{padding-inline:var(--wb-px)}
#coffee-page #cf-pro-features article>div{padding-inline:0!important}
#coffee-page #cf-images .flex-\[0_0_100\%\]{padding:0}
#coffee-page #cf-images .flex-\[0_0_100\%\] .p-2{padding:0}
#coffee-page #cf-modules .CONTENT_CLASSES{padding-inline:0!important;margin-inline:0!important;max-width:none!important}
#coffee-page #cf-modules>div>div{padding-inline:var(--wb-px)}

/* نمایی از محیط کاربری: تصویر در سمت چپ + دکمه‌های دو‌ستونه در سمت راست */
#coffee-page .wb-gal{display:flex;flex-direction:row;align-items:center;gap:clamp(20px,3vw,48px);width:100%}
#coffee-page .wb-tabs{flex:0 0 42%;display:grid;grid-template-columns:1fr 1fr;gap:14px}
#coffee-page .wb-tab{cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:10px 14px;border:2px solid var(--nv);border-radius:999px;background:transparent;color:var(--ink);font-size:clamp(13px,1.05vw,17px);line-height:1.6;transition:background .2s,color .2s,box-shadow .2s}
#coffee-page .wb-tab:hover{background:color-mix(in srgb,var(--nv) 10%,transparent)}
#coffee-page .wb-tab[aria-selected=true]{background:var(--nv);color:#f6ecd6;box-shadow:0 8px 22px -10px var(--nv)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #coffee-page .wb-tab{border-color:var(--line)}:root:not([data-theme="light"]) #coffee-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}}
:root[data-theme="dark"] #coffee-page .wb-tab{border-color:var(--line)}
:root[data-theme="dark"] #coffee-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}
#coffee-page .wb-stage{position:relative;flex:1 1 0;min-width:0;aspect-ratio:16/9.6;background:transparent;border:0;border-radius:0;overflow:hidden}
#coffee-page .wb-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:0}
#coffee-page .wb-zoom{position:absolute;top:10px;right:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;font-size:26px;line-height:1;color:#0A2745;background:#fff;border:1px solid rgba(10,39,69,.18);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;transition:opacity .2s,transform .2s}
#coffee-page .wb-zoom:hover{opacity:.85;transform:scale(1.06)}
#coffee-page .wb-zoom:focus-visible{outline:2px solid #d6b374;outline-offset:2px}
@media(max-width:900px){#coffee-page .wb-gal{flex-direction:column-reverse;align-items:stretch}#coffee-page .wb-stage{flex:none;width:100%}#coffee-page .wb-tabs{flex:none}#coffee-page .wb-tab{min-height:46px;padding:8px 10px}}
#coffee-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#coffee-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#coffee-page .bg-ab-card{
    background-color: var(--card);
  }
#coffee-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#coffee-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#coffee-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#coffee-page .text-ab-cream{
    color: #f6ecd6;
  }
#coffee-page .text-ab-ink{
    color: var(--ink);
  }
#coffee-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#coffee-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#coffee-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#coffee-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#coffee-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#coffee-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#coffee-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#coffee-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#coffee-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#coffee-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#coffee-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#coffee-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#coffee-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#coffee-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#coffee-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#coffee-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#coffee-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#coffee-page .bg-ab-card{
    background-color: var(--card);
  }
#coffee-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#coffee-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#coffee-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#coffee-page .text-ab-cream{
    color: #f6ecd6;
  }
#coffee-page .text-ab-ink{
    color: var(--ink);
  }
#coffee-page .text-ab-mut{
    color: var(--mut);
  }
#coffee-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#coffee-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#coffee-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#coffee-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#coffee-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#coffee-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#coffee-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#coffee-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#coffee-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#coffee-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#coffee-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#coffee-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#coffee-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#coffee-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#coffee-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#coffee-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#coffee-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#coffee-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#coffee-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }

#coffee-page .bg-ab-gold\/45:focus,#coffee-page .focus\:bg-ab-gold\/45:focus{background-color:color-mix(in oklab,#d6b374 45%,transparent)}
#coffee-page .app-actions{gap:14px;flex-wrap:wrap}
#coffee-page .app-dl{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.5rem;border-radius:999px;background:var(--acc);color:var(--on-acc,#fff);font-size:clamp(13px,1.1vw,18px);transition:transform .25s,box-shadow .25s}
#coffee-page .app-dl:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--acc)}
#coffee-page section[aria-label="اعلان نسخه اندروید نرم‌افزار رستوران سول"]{margin-bottom:0}
#coffee-page section.md\:mb-72{margin-bottom:0!important}
#coffee-page section.md\:mb-72{margin-top:-44px!important}
@media(min-width:48rem){#coffee-page section.md\:mb-72{margin-top:-86px!important}}
@media(min-width:80rem){#coffee-page section.md\:mb-72{margin-top:-194px!important}}
@media(min-width:96rem){#coffee-page section.md\:mb-72{margin-top:-210px!important}}
/* فاصله‌ی نوار قرمز: هم‌اندازه‌ی اون توی صفحه‌ی اتوماسیون تغذیه (--fa-gap) */
#coffee-page{--fa-gap:clamp(12px,1.8vw,24px)}
#coffee-page #cf-toc{margin-top:var(--fa-gap)!important}
#coffee-page #cf-toc + section{margin-top:var(--fa-gap)!important;padding-top:6rem}
#coffee-page #cf-toc + section>div>div>h2:first-child{margin-top:0!important}
/* امکانات: رنگ عنوان کارت‌ها مثل صفحه ویندوزی */
#coffee-page #cf-features-list .text-secondary{color:var(--ink)}
/* ===== هایلایت قابلیت آفلاین در هیروی صفحه وب ===== */
@media(min-width:64rem){#coffee-page>div>div.relative{height:auto;min-height:calc(var(--spacing)*194);padding-bottom:204px}}
@media(min-width:80rem){#coffee-page>div>div.relative{padding-bottom:312px}}
@media(min-width:96rem){#coffee-page>div>div.relative{padding-bottom:328px}}
#coffee-page .ofl{position:relative;isolation:isolate;overflow:hidden;direction:rtl;width:min(100%,1180px);margin:clamp(14px,2vw,26px) auto 0;padding:clamp(18px,2vw,28px) clamp(18px,2.6vw,38px);border-radius:28px;color:#fff;text-align:right;display:flex;align-items:center;gap:clamp(16px,2.4vw,34px);background:linear-gradient(120deg,#7d1f19 0%,#b3342b 52%,#7d1f19 100%);border:2px solid var(--gold1,#d6b374);box-shadow:0 24px 50px -18px rgba(0,0,0,.75),0 0 0 7px rgba(227,194,138,.14);animation:ofl-in .9s .3s both cubic-bezier(.2,.8,.2,1)}
#coffee-page .ofl:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 14px,transparent 14px 28px)}
#coffee-page .ofl:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,236,190,.28) 50%,transparent 62%);transform:translateX(-130%);animation:ofl-sw 5s ease-in-out infinite}
#coffee-page .ofl-ic{position:relative;flex:none;width:clamp(64px,6.4vw,92px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.28);border:2px solid rgba(251,230,174,.7)}
#coffee-page .ofl-ic:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(251,230,174,.55);animation:ofl-p 2.4s ease-out infinite}
#coffee-page .ofl-ic svg{width:56%;height:56%}
#coffee-page .ofl-ok{position:absolute;bottom:-4px;left:-4px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:900;color:#fff;background:#2f9e5b;border:3px solid #7d1f19}
#coffee-page .ofl-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}
#coffee-page .ofl-k{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;font-size:13px;font-weight:800;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f)}
#coffee-page .ofl-k i{width:8px;height:8px;border-radius:50%;background:#b3342b;animation:ofl-d 1.4s ease-in-out infinite}
#coffee-page .ofl-h{margin:0;font-weight:900;font-size:clamp(20px,2.3vw,36px);line-height:1.45;color:#fff}
#coffee-page .ofl-p{margin:0;font-weight:500;font-size:clamp(13px,1.2vw,17px);line-height:1.9;color:#fbe9d0}
#coffee-page .ofl-ch{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
#coffee-page .ofl-ch li{padding:4px 13px;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:700;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}
#coffee-page .ofl-go{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:290px;padding:14px 26px;border-radius:999px;font-size:clamp(14px,1.2vw,17px);font-weight:900;line-height:1.6;text-align:center;text-decoration:none;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f);box-shadow:0 12px 26px -8px rgba(0,0,0,.6);transition:transform .2s,filter .2s}
#coffee-page .ofl-go:hover{transform:translateY(-2px);filter:brightness(1.06)}
#coffee-page .ofl-go:focus-visible{outline:3px solid #fff;outline-offset:3px}
#coffee-page .ofl-go svg{flex:none;width:20px;height:20px;transition:transform .25s}
#coffee-page .ofl-go:hover svg{transform:translateX(-5px)}
@keyframes ofl-in{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ofl-sw{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@keyframes ofl-p{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.28);opacity:0}}
@keyframes ofl-d{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:860px){#coffee-page .ofl{flex-direction:column;text-align:center;border-radius:24px}#coffee-page .ofl-k{align-self:center}#coffee-page .ofl-ch{justify-content:center}#coffee-page .ofl-go{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){#coffee-page .ofl,#coffee-page .ofl:after,#coffee-page .ofl-ic:before,#coffee-page .ofl-k i{animation:none}}
#coffee-page #cf-toc>div>.lg\:-mt-32{margin-top:0!important}
#coffee-page #cf-modules a.group{color:inherit;text-decoration:none}

/* امکانات حرفه‌ای: تصویر چسبیده به لبه‌ی صفحه (مارجین صفر)، متن با مارجین استاندارد، ارتفاع هر بخش = یک ویو */
#coffee-page #cf-pro-features{--pf-h:clamp(360px,calc(100svh - 190px),780px)}
#coffee-page #cf-pro-features article{box-sizing:border-box;padding-inline:0!important;overflow:hidden}
#coffee-page #cf-pro-features article>div{margin-inline:0!important;min-width:0}
#coffee-page #cf-pro-features article>div:first-child{padding:0!important}
#coffee-page #cf-pro-features article>div:first-child>.relative{translate:none!important;margin:0!important;width:100%}
#coffee-page #cf-pro-features article>div:first-child img{object-fit:contain!important}
#coffee-page #cf-pro-features article>div:last-child{padding-inline:var(--wb-px)!important}
@media(min-width:1024px){
 #coffee-page #cf-pro-features article{display:flex;flex-direction:row;align-items:center;margin-top:clamp(20px,4vh,48px)!important;min-height:var(--pf-h)}
 #coffee-page #cf-pro-features article>div:first-child{flex:0 0 min(60%,calc(var(--pf-h)*1.3334));width:min(60%,calc(var(--pf-h)*1.3334))!important;max-width:none}
 #coffee-page #cf-pro-features article>div:first-child>.relative{aspect-ratio:auto!important;min-height:0!important;height:min(var(--pf-h),calc(60vw*.75))}
 #coffee-page #cf-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:first-child img{object-position:left center}
 #coffee-page #cf-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:first-child img{object-position:right center}
 #coffee-page #cf-pro-features article>div:last-child{flex:1 1 0;width:auto!important;max-width:none}
 #coffee-page #cf-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:last-child{padding-left:clamp(16px,2vw,40px)!important;padding-right:var(--wb-px)!important}
 #coffee-page #cf-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:last-child{padding-right:clamp(16px,2vw,40px)!important;padding-left:var(--wb-px)!important}
 /* فشرده‌سازی متن تا ارتفاع در یک ویو جا شود */
 #coffee-page #cf-pro-features article>div:last-child{padding-top:0!important}
 #coffee-page #cf-pro-features article h3{margin-bottom:clamp(6px,1.4vh,18px)!important;font-size:clamp(17px,2.6vh,26px)!important}
 #coffee-page #cf-pro-features article h3>span:first-child{font-size:clamp(48px,10vh,100px)!important;line-height:1}
 #coffee-page #cf-pro-features article ul{font-size:clamp(11px,1.7vh,15px)!important}
 #coffee-page #cf-pro-features article ul>li+li{margin-top:clamp(4px,1vh,11px)!important}
}
/* رنگ‌های نارنجی (با شفافیت) در این سکشن → رنگ اصلی سایت */
#coffee-page #cf-pro-features .text-\[\#FF4C00\]\/30{color:color-mix(in srgb,var(--acc) 30%,transparent)}
#coffee-page #cf-pro-features .bg-\[\#FF4C00\]\/10,#coffee-page #cf-pro-features .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:color-mix(in srgb,var(--acc) 10%,transparent)}
#coffee-page #cf-pro-features .bg-\[\#FF4C00\]\/20{background-color:color-mix(in srgb,var(--acc) 20%,transparent)}
#coffee-page #cf-pro-features .border-\[\#FF4C00\]\/20,#coffee-page #cf-pro-features .hover\:border-\[\#FF4C00\]\/30:hover{border-color:color-mix(in srgb,var(--acc) 25%,transparent)}
#coffee-page #cf-pro-features [class*="FF4C00"]{--tw-shadow-color:color-mix(in srgb,var(--acc) 40%,transparent)}

/* تصاویر ویژگی‌های حرفه‌ای: قاب دستگاه + کارت + دایره‌ی هم‌رنگ سایت */
#coffee-page #cf-pro-features .pf-art{position:absolute;inset:0}
#coffee-page #cf-pro-features .pf-circle{position:absolute;width:56%;aspect-ratio:1;border-radius:50%;top:0;background:var(--acc);z-index:0}
#coffee-page #cf-pro-features .pf-dev{position:absolute;z-index:1;top:8%;width:94%;aspect-ratio:3148/2244;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
#coffee-page #cf-pro-features .pf-dev img{display:block;width:100%;height:100%;object-fit:contain!important;position:static!important}
#coffee-page #cf-pro-features .pf-pop{position:absolute;z-index:2;bottom:2%;max-width:80%;height:auto;object-fit:contain!important}
#coffee-page #cf-pro-features .pf-L .pf-dev{left:-5%}
#coffee-page #cf-pro-features .pf-L .pf-circle{right:2%}
#coffee-page #cf-pro-features .pf-L .pf-pop{right:3%}
#coffee-page #cf-pro-features .pf-R .pf-dev{right:-5%}
#coffee-page #cf-pro-features .pf-R .pf-circle{left:2%}
#coffee-page #cf-pro-features .pf-R .pf-pop{left:3%}


#coffee-page .vx-sec{--d:clamp(240px,27vw,400px);border-top:1px dashed var(--gold2);text-align:center}
#coffee-page .vx-cmp{display:inline-block;padding:5px 16px;border:1px dashed var(--gold2);border-radius:999px;font-size:13px;font-weight:800;color:var(--goldtxt)}
#coffee-page .vx-hd h2{margin:.5em 0 0;font-size:clamp(26px,3.4vw,52px);line-height:1.5;font-weight:800;color:var(--hn)}
#coffee-page .vx-hd h2 em{font-style:normal;background:linear-gradient(90deg,var(--gold2),var(--gold1));-webkit-background-clip:text;background-clip:text;color:transparent}
#coffee-page .vx-hd p{margin:.4em auto 0;max-width:46ch;font-size:clamp(14px,1.1vw,16px);line-height:2;color:var(--mut)}
#coffee-page .vx-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(16px,2vw,30px) clamp(16px,2vw,30px);margin-top:clamp(20px,2.5vw,40px);align-items:stretch}
#coffee-page .vx-card{position:relative;display:flex;flex-direction:column;margin-top:calc(var(--d)*.46);border-radius:36px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
#coffee-page .vx-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),color-mix(in srgb,var(--gold2) 16%,transparent) 0 1px,transparent 1px 34px)}
#coffee-page .vx-web{color:#f6ecd9;border-color:rgba(214,179,116,.3);background:linear-gradient(160deg,#3d2e1f,#2a2018);box-shadow:var(--shadow)}
#coffee-page .vx-web:before{background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),rgba(246,236,217,.06) 0 1px,transparent 1px 34px)}
#coffee-page .vx-media{position:relative;z-index:1;width:var(--d);aspect-ratio:1;margin:calc(var(--d)*-.46) auto 0}
#coffee-page .vx-ph{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 clamp(3px,.45vw,6px) rgba(214,179,116,.55),0 30px 60px -26px rgba(40,26,10,.65)}
#coffee-page .vx-ring{position:absolute;inset:-5%;border-radius:50%;border:1.5px solid rgba(214,179,116,.5);pointer-events:none}
#coffee-page .vx-ring:after{content:"";position:absolute;bottom:3%;left:14%;width:9px;height:9px;border-radius:50%;background:var(--gold1);box-shadow:0 0 14px var(--gold1)}
#coffee-page .vx-chip,#coffee-page .vx-mini{position:absolute;z-index:2;display:flex;align-items:center;gap:.6em;color:var(--ink);background:var(--card);border:1px solid var(--line);box-shadow:0 14px 30px -14px rgba(60,40,10,.45)}
#coffee-page .vx-web .vx-chip,#coffee-page .vx-web .vx-mini{color:#f6ecd9;background:rgba(30,22,15,.62);border-color:rgba(246,236,217,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
#coffee-page .vx-chip{left:-7%;top:58%;padding:.6em 1.2em;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:800;white-space:nowrap}
#coffee-page .vx-chip svg{width:1.3em;height:1.3em;flex:none;color:var(--gold2)}
#coffee-page .vx-web .vx-chip svg{color:#e3c28a}
#coffee-page .vx-mini{right:-4%;bottom:5%;flex-direction:column;align-items:stretch;gap:0;min-width:128px;padding:12px 16px;border-radius:20px;text-align:start;font-size:clamp(11px,.95vw,13px)}
#coffee-page .vx-mini small{font-weight:700;opacity:.9}
#coffee-page .vx-mini b{margin-top:4px;color:var(--leaf);font-size:1.1em}
#coffee-page .vx-bars{display:flex;align-items:flex-end;gap:5px;height:32px;margin-top:9px;direction:ltr}
#coffee-page .vx-bars i{flex:1;height:var(--h);border-radius:3px;background:linear-gradient(180deg,#d6e8b8,#7fa560);transform-origin:bottom}
#coffee-page .vx-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;padding:clamp(20px,2vw,30px) clamp(20px,2.8vw,48px) clamp(26px,2.8vw,44px)}
#coffee-page .vx-body .vx-t{margin:0;font-size:clamp(24px,2.4vw,38px);font-weight:800;line-height:1.5;color:var(--hn)}
#coffee-page .vx-web .vx-t{color:#fff6e4}
#coffee-page .vx-sub{margin:.1em 0 .9em;font-size:clamp(17px,1.6vw,24px);font-weight:700;line-height:1.6;color:var(--goldtxt)}
#coffee-page .vx-web .vx-sub{color:#e3c28a}
#coffee-page .vx-desc{margin:0 auto 1em;max-width:58ch;font-size:clamp(14px,1.08vw,16.5px);line-height:2.15;color:var(--ink)}
#coffee-page .vx-web .vx-desc{color:rgba(246,236,217,.86)}
#coffee-page .vx-aud{display:inline-flex;align-items:center;gap:10px;margin:0 auto 1.6em;padding:9px 18px 9px 20px;border-radius:999px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 28%,transparent)}
#coffee-page .vx-web .vx-aud{background:rgba(214,179,116,.12);border-color:rgba(214,179,116,.3)}
#coffee-page .vx-aud svg{width:19px;height:19px;flex:none;color:var(--leaf)}
#coffee-page .vx-web .vx-aud svg{color:#e3c28a}
#coffee-page .vx-vl{display:flex;align-items:center;gap:14px;margin:0 auto .9em;width:min(100%,460px);font-size:13.5px;font-weight:800;color:var(--leaf)}
#coffee-page .vx-vl:before,#coffee-page .vx-vl:after{content:"";flex:1;height:1px;background:currentColor;opacity:.3}
#coffee-page .vx-web .vx-vl{color:#a4c27f}
#coffee-page .vx-ft{list-style:none;margin:0 auto 1.8em;padding:0;width:min(100%,460px);display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;text-align:start}
#coffee-page .vx-ft li{display:flex;align-items:center;gap:10px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700}
#coffee-page .vx-ft svg{flex:none;width:24px;height:24px;padding:5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#coffee-page .vx-web .vx-ft svg{color:#a4c27f;background:rgba(164,194,127,.2)}
#coffee-page .vx-ft .vx-star{grid-column:1/-1;padding:10px 16px;border-radius:16px;font-weight:800;color:#1c1712;background:linear-gradient(135deg,#e3c28a,#b58a45);box-shadow:0 10px 22px -12px #b58a45}
#coffee-page .vx-ft .vx-star svg{width:26px;height:26px;padding:4px;color:#e3c28a;background:#1c1712}
#coffee-page .vx-ft .vx-star em{margin-inline-start:auto;font-style:normal;font-size:.8em;padding:2px 10px;border-radius:999px;background:#1c1712;color:#e3c28a}
#coffee-page .vx-act{margin-top:auto;display:flex;flex-direction:column;gap:12px}
#coffee-page .vx-act a{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border-radius:999px;border:2px solid var(--acc);font-size:15px;font-weight:800;line-height:1.7;transition:transform .2s,filter .2s,background .2s,color .2s}
#coffee-page .vx-b1{background:var(--acc);color:var(--on-acc)}
#coffee-page .vx-b1:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 22px -10px var(--acc)}
#coffee-page .vx-b2{border-color:var(--gold2)!important;color:var(--goldtxt)}
#coffee-page .vx-b2:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#coffee-page .vx-web .vx-b2{border-color:#e3c28a!important;color:#e3c28a}
#coffee-page .vx-web .vx-b2:hover{color:#1c1712}
#coffee-page .vx-new{padding:1px 10px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:11.5px;line-height:1.8}
#coffee-page .vx-web .vx-b2:hover .vx-new{background:#1c1712;color:#e3c28a}
#coffee-page .vx-act a:focus-visible{outline:3px solid var(--gold1);outline-offset:3px}
#coffee-page .vx-ready .vx-media{opacity:0;transform:translateY(48px) scale(.94);transition:opacity .9s,transform 1.1s cubic-bezier(.2,.8,.2,1)}
#coffee-page .vx-ready .vx-card:nth-child(2) .vx-media{transition-delay:.18s}
#coffee-page .vx-ready .vx-chip,#coffee-page .vx-ready .vx-mini{opacity:0;transition:opacity .7s .7s}
#coffee-page .vx-ready .vx-bars i{transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.8,.2,1) calc(.9s + var(--d2,0s))}
#coffee-page .vx-ready .vx-card.in .vx-media,#coffee-page .vx-ready .vx-card.in .vx-chip,#coffee-page .vx-ready .vx-card.in .vx-mini{opacity:1;transform:none}
#coffee-page .vx-ready .vx-card.in .vx-bars i{transform:none}
@media(max-width:1000px){#coffee-page .vx-sec{--d:clamp(230px,56vw,380px)}
#coffee-page .vx-grid{grid-template-columns:1fr}}
@media(max-width:560px){#coffee-page .vx-mini{display:none}
#coffee-page .vx-ft{grid-template-columns:1fr}
#coffee-page .vx-card{border-radius:28px}}
@media(prefers-reduced-motion:reduce){#coffee-page .vx-ready .vx-media,#coffee-page .vx-ready .vx-chip,#coffee-page .vx-ready .vx-mini,#coffee-page .vx-ready .vx-bars i,#coffee-page .vx-act a{transition:none}}
@media(min-width:1001px){#coffee-page .vx-sec{--d:clamp(230px,min(33vh,26vw),420px)}}
#coffee-page .vx-card{margin-top:calc(var(--d)*.44);border-radius:30px}
#coffee-page .vx-media{margin-top:calc(var(--d)*-.44)}
#coffee-page .vx-cmp{padding:3px 14px;font-size:12px}
#coffee-page .vx-hd h2{margin:.25em 0 0;font-size:clamp(22px,2.3vw,36px);line-height:1.4}
#coffee-page .vx-hd p{display:none}
#coffee-page .vx-grid{margin-top:clamp(6px,1.2vh,14px);gap:clamp(14px,1.6vw,24px)}
#coffee-page .vx-chip{left:-13%;top:50%;padding:.5em 1em}
#coffee-page .vx-mini{right:-9%;bottom:-3%;min-width:108px;padding:9px 12px}
#coffee-page .vx-body{padding:clamp(12px,1.6vh,18px) clamp(18px,2.4vw,36px) clamp(18px,2.4vh,26px)}
#coffee-page .vx-body .vx-t{font-size:clamp(20px,1.9vw,29px);line-height:1.4}
#coffee-page .vx-sub{margin:0 0 .5em;font-size:clamp(15px,1.25vw,19px);line-height:1.5}
#coffee-page .vx-desc{margin-bottom:.7em;font-size:clamp(13px,.95vw,14.5px);line-height:1.95}
#coffee-page .vx-aud{margin-bottom:1em;padding:6px 16px 6px 18px;font-size:13px}
#coffee-page .vx-aud svg{width:17px;height:17px}
#coffee-page .vx-vl{margin-bottom:.6em;font-size:12.5px}
#coffee-page .vx-ft{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-bottom:1.1em}
#coffee-page .vx-ft li{padding:5px 14px 5px 10px;border-radius:999px;font-size:13.5px;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 26%,transparent)}
#coffee-page .vx-web .vx-ft li{background:rgba(164,194,127,.12);border-color:rgba(164,194,127,.28)}
#coffee-page .vx-ft svg{width:20px;height:20px;padding:4px}
#coffee-page .vx-web .vx-ft .vx-star,#coffee-page .vx-ft .vx-star{flex:1 1 100%;max-width:340px;padding:7px 14px;border:0;background:linear-gradient(135deg,#e3c28a,#b58a45)}
#coffee-page .vx-web .vx-ft .vx-star svg,#coffee-page .vx-ft .vx-star svg{width:22px;height:22px;color:#e3c28a;background:#1c1712}
#coffee-page .vx-act{gap:8px}
#coffee-page .vx-act a{padding:10px 20px;font-size:14px}
#coffee-page .vx-desc{max-width:84ch}
#coffee-page .vx-act{flex-direction:row;flex-wrap:wrap;justify-content:center}
#coffee-page .vx-act a{flex:1 1 auto;padding:10px 16px;font-size:13.5px}
#coffee-page .vx-chip{font-size:clamp(12px,.9vw,14px)}
#coffee-page .vx-chip,#coffee-page .vx-mini{display:none!important}
@keyframes vx-spin{to{rotate:360deg}}
@keyframes vx-pulse{0%{transform:scale(.97);opacity:.55}100%{transform:scale(1.2);opacity:0}}
#coffee-page .vx-ring{inset:-6%;border:1.5px dashed rgba(227,194,138,.6);animation:vx-spin 50s linear infinite}
#coffee-page .vx-win .vx-ring{border-color:color-mix(in srgb,var(--gold2) 65%,transparent)}
#coffee-page .vx-ring:before{content:"";position:absolute;inset:-2px;border-radius:50%;
background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold1) 30%,transparent) 78%,#f3d9a0 100%);
-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
animation:vx-spin 6s linear infinite reverse}
#coffee-page .vx-win .vx-ring:before{background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold2) 35%,transparent) 78%,var(--gold2) 100%)}
#coffee-page .vx-ring:after{bottom:auto;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;background:#f3d9a0;box-shadow:0 0 0 4px rgba(227,194,138,.2),0 0 16px 2px var(--gold1)}
#coffee-page .vx-media:after{content:"";position:absolute;inset:-6%;border-radius:50%;border:1.5px solid var(--gold1);pointer-events:none;animation:vx-pulse 4.2s cubic-bezier(.2,.6,.3,1) infinite}
#coffee-page .vx-card:nth-child(2) .vx-media:after{animation-delay:2.1s}
#coffee-page .vx-card:hover .vx-ring{animation-duration:14s}
@media(prefers-reduced-motion:reduce){#coffee-page .vx-ring,#coffee-page .vx-ring:before,#coffee-page .vx-media:after{animation:none}}

#coffee-page .vx-sec{border-top:0}
#coffee-page .vx-ph{overflow:hidden;background:var(--bg2)}
#coffee-page .vx-win .vx-ph{background:var(--card)}
#coffee-page .vx-rec{position:absolute;z-index:3;top:18px;left:22px;padding:4px 16px;border-radius:999px;border:1.5px solid var(--gold1);background:rgba(28,23,18,.55);color:#e3c28a;font-size:13px;font-weight:800;backdrop-filter:blur(8px)}
#coffee-page .vx-pre{margin:0 auto;max-width:42rem;padding-inline:1rem;text-align:center;font-size:.875rem;line-height:1.9;color:var(--mut)}
@media(min-width:64rem){#coffee-page .vx-pre{font-size:1rem}}
#coffee-page .vx-sec{margin-top:clamp(12px,2vw,28px)}
#coffee-page a.vx-b2[href="#"]{cursor:pointer}
html.is-cf body>section:not(#mp-sec),html.is-cf #nl-sec,html.is-cf #cta-band,html.is-cf .pgx,html.is-cf #hk-cards{display:none!important}



#cf-versions .cv-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto repeat(10,auto) auto;column-gap:clamp(12px,2vw,28px);width:100%}
#cf-versions .cv-card{position:relative;grid-row:1/span 13;display:grid;grid-template-rows:subgrid;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
#cf-versions .cv-web{border:1.5px solid var(--gold2)}
#cf-versions .cv-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:clamp(8px,1.4vh,14px) 18px 2px}
#cf-versions .cv-t{font-weight:800;line-height:1.4;font-size:clamp(16px,2.3vh,23px);color:var(--hn,var(--ink))}
#cf-versions .cv-rec{order:2;flex:none;font-size:12px;font-weight:800;padding:3px 12px;border-radius:999px;background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#cf-versions .cv-d{margin:0;padding:0 20px clamp(6px,1.2vh,12px);font-size:clamp(12px,1.6vh,14px);line-height:1.7;color:color-mix(in srgb,var(--ink) 82%,var(--mut))}
#cf-versions .cv-c{display:flex;align-items:center;gap:10px;padding:clamp(3px,.55vh,7px) 18px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);font-size:clamp(12px,1.6vh,14.5px);line-height:1.6}
#cf-versions .cv-tx{display:flex;flex-direction:column}
#cf-versions .cv-tx b{font-weight:700}
#cf-versions .cv-tx small{font-size:.85em;opacity:.75}
#cf-versions .cv-ck{flex:none;width:20px;height:20px;padding:3.5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#cf-versions .cv-star{background:color-mix(in srgb,var(--gold1) 20%,transparent);font-weight:800}
#cf-versions .cv-off{background:color-mix(in srgb,var(--mut) 6%,transparent)}
#cf-versions .cv-no{width:100%;text-align:center;color:var(--mut);opacity:.6}
#cf-versions .cv-act{display:flex;gap:10px;padding:clamp(7px,1.1vh,12px) 18px clamp(8px,1.4vh,14px);border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
#cf-versions .cv-act a{flex:1;text-align:center;font-weight:700;font-size:clamp(12.5px,1.7vh,14.5px);padding:clamp(6px,1vh,10px) 12px;border-radius:999px;transition:transform .2s,filter .2s}
#cf-versions .cv-b1{background:var(--acc);color:var(--on-acc)}
#cf-versions .cv-b2{border:1.5px solid var(--gold2);color:var(--goldtxt)}
#cf-versions .cv-act a:hover{transform:translateY(-2px);filter:brightness(1.08)}
@media(max-width:700px){
#cf-versions .cv-grid{grid-template-columns:1fr;grid-template-rows:none;row-gap:16px}
#cf-versions .cv-card{grid-row:auto;grid-template-rows:none}
#cf-versions .cv-card>*{grid-row:auto!important}
}

#cf-versions .cv-grid{padding-top:22px}
#cf-versions .cv-card{overflow:visible}
#cf-versions .cv-h{padding-top:30px;min-height:30px}
#cf-versions .cv-t{position:absolute;top:0;inset-inline:0;margin-inline:auto;transform:translateY(-50%);width:max-content;max-width:calc(100% - 24px);text-align:center;padding:7px 26px;border-radius:999px;font-size:clamp(14px,1.9vh,17px);line-height:1.5;color:var(--goldtxt);background:var(--card);border:1.5px solid var(--gold2);box-shadow:0 0 0 6px var(--bg)}
#cf-versions .cv-web .cv-t{color:var(--on-gold);background:linear-gradient(135deg,var(--gold1),var(--gold2));border-color:var(--gold2)}
#cf-versions .cv-act{border-radius:0 0 22px 22px}
@media(min-width:640px){#cf-versions h2{max-width:none!important;white-space:nowrap}}@media(min-width:900px){#cf-versions .vx-pre{max-width:none!important;white-space:nowrap;font-size:clamp(11px,1.2vw,15px)!important}}


#cf-profit{font-family:'Vazirmatn',inherit;color:var(--ink)}
#cf-profit .cp-h{margin:0 auto .5rem;text-align:center;font-size:clamp(20px,3.2vw,36px);line-height:1.4;color:var(--ink)}
#cf-profit .cp-sub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#cf-profit .cp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,32px);max-width:none;margin:0 auto}
#cf-profit .cp-item{--w:clamp(64px,6.5vw,92px);position:relative;display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--w)*.4)}
#cf-profit .cp-ic{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;width:var(--w);height:auto;filter:drop-shadow(0 6px 8px rgba(120,86,30,.25))}
#cf-profit .cp-c{width:100%;max-width:280px;aspect-ratio:1;border-radius:50%;border:1.5px dashed var(--acc);background:color-mix(in srgb,var(--card) 70%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--w)*.4 + 6px) clamp(18px,2.4vw,34px) clamp(14px,2vw,24px);margin-top:0;transition:transform .3s,box-shadow .3s,background .3s}
#cf-profit .cp-item:hover .cp-c{transform:translateY(-4px);box-shadow:var(--shadow);background:var(--card)}
#cf-profit .cp-n{display:inline;font-weight:800;font-size:clamp(28px,3.6vw,48px);line-height:1.2;color:var(--acc)}
#cf-profit .cp-p{display:inline;font-weight:800;font-size:clamp(16px,1.8vw,24px);color:var(--acc);margin-inline-start:2px}
#cf-profit .cp-c p{margin:.35rem 0 0;font-size:clamp(11.5px,1.15vw,14.5px);line-height:1.8;color:var(--ink)}
#cf-profit .cp-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,56px)}
#cf-profit .cp-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 36px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:clamp(14px,1.3vw,16px);border:2px solid var(--acc);transition:transform .2s,box-shadow .2s,filter .2s}
#cf-profit .cp-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:900px){#cf-profit .cp-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}}
@media(max-width:480px){#cf-profit .cp-c{max-width:200px}#cf-profit .cp-c p{font-size:11px}}


#cf-images .cf-gsub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#cf-images .wb-stage{border-radius:28px}
#cf-images .cf-slide{position:absolute;inset:0;display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:color-mix(in srgb,var(--bg2) 85%,var(--card));border:1px solid var(--line);border-radius:28px;color:color-mix(in srgb,var(--mut) 55%,transparent)}
#cf-images .cf-slide[hidden]{display:none}
#cf-images .cf-slide>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(56px,8vw,96px);height:auto}
#cf-images .cf-slide img{display:block;width:100%;height:auto}
#coffee-page #cf-lightbox{overflow:hidden}
#coffee-page #cf-lightbox .lb-fig img{touch-action:none;user-select:none;-webkit-user-select:none;transform-origin:center center;position:relative;z-index:1}
#coffee-page #cf-lightbox .lb-x,#coffee-page #cf-lightbox .lb-nav{z-index:3}
#coffee-page #cf-lightbox .lb-zoombar{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;direction:ltr}
#coffee-page #cf-lightbox .lb-zoombar button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#coffee-page #cf-lightbox .lb-zoombar .lb-zreset{width:auto;min-width:68px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;font-family:inherit}
#coffee-page #cf-lightbox .lb-zoombar button:hover:not(:disabled){background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#coffee-page #cf-lightbox .lb-zoombar button:disabled{opacity:.4;cursor:default}
#coffee-page #cf-lightbox .lb-zoombar button:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}


#cf-features-list .cfl-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut);max-width:48rem}
#cf-features-list .cfl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);max-width:none;margin:0 auto}
#cf-features-list .cfl-card{display:flex;align-items:center;gap:14px;min-height:96px;padding:14px 18px;background:var(--card);color:var(--ink);border:1px solid color-mix(in srgb,var(--acc) 50%,transparent);border-left:4px solid var(--acc);border-radius:16px;transition:transform .25s,box-shadow .25s,border-color .25s}
#cf-features-list .cfl-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--acc)}
#cf-features-list .cfl-ic{flex:0 0 auto;width:30px;height:30px;color:var(--acc)}
#cf-features-list .cfl-card p{margin:0;flex:1;min-width:0;text-align:right;font-size:clamp(12px,1.05vw,14px);line-height:1.9;color:var(--ink)}
#cf-features-list .cfl-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,64px)}
#cf-features-list .cfl-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 40px;border-radius:999px;background:var(--acc);color:var(--on-acc);border:2px solid var(--acc);font-size:clamp(14px,1.3vw,17px);transition:transform .2s,box-shadow .2s,filter .2s}
#cf-features-list .cfl-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:1100px){#cf-features-list .cfl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#cf-features-list .cfl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#cf-features-list .cfl-grid{grid-template-columns:1fr}#cf-features-list .cfl-card{min-height:76px}}


#cf-modules .cfm-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#cf-modules .cfm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);max-width:none;margin:0 auto}
#cf-modules .cfm-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2vw,26px) clamp(18px,2.2vw,32px);border-radius:22px;background:color-mix(in srgb,var(--acc) 6%,var(--card));color:var(--ink);text-decoration:none;box-shadow:0 8px 24px -14px rgba(43,33,24,.25);transition:background .25s,color .25s,transform .25s,box-shadow .25s}
#cf-modules .cfm-head{display:flex;align-items:center;gap:14px}
#cf-modules .cfm-ic{flex:0 0 auto;width:clamp(34px,3.2vw,44px);height:clamp(34px,3.2vw,44px);color:var(--acc);transition:color .25s}
#cf-modules .cfm-card h3{margin:0;font-size:clamp(13.5px,1.2vw,16px);line-height:1.8;color:inherit}
#cf-modules .cfm-card p{margin:0;font-size:clamp(12px,1.05vw,14px);line-height:2.1;color:inherit;opacity:.85;text-align:right}
#cf-modules .cfm-go{position:absolute;top:clamp(20px,2.2vw,30px);left:clamp(18px,2.2vw,30px);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--card);color:var(--acc);opacity:0;transform:translateX(8px);transition:opacity .25s,transform .25s}
#cf-modules .cfm-card:hover,#cf-modules .cfm-card:focus-visible{background:var(--acc);color:var(--on-acc);transform:translateY(-3px);box-shadow:0 18px 36px -16px color-mix(in srgb,var(--acc) 60%,transparent)}
#cf-modules .cfm-card:hover .cfm-ic,#cf-modules .cfm-card:focus-visible .cfm-ic{color:var(--on-acc)}
#cf-modules .cfm-card:hover p,#cf-modules .cfm-card:focus-visible p{opacity:1}
#cf-modules .cfm-card:hover .cfm-go,#cf-modules .cfm-card:focus-visible .cfm-go{opacity:1;transform:none}
#cf-modules .cfm-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(hover:none){#cf-modules .cfm-go{opacity:1;transform:none;background:color-mix(in srgb,var(--acc) 12%,transparent)}}
@media(max-width:800px){#cf-modules .cfm-grid{grid-template-columns:1fr}}


#coffee-page #cf-customers .group-hover\:bg-ab-bg2:is(:where(.group):hover *){background-color:var(--bg2)}
#coffee-page #cf-customers .hover\:border-ab-acc:hover{border-color:var(--acc,#a9322b)}
#coffee-page #cf-customers .bg-ab-bg2{background-color:var(--bg2)}
#coffee-page #cf-customers .max-w-\[88\%\]{max-width:88%}
#coffee-page #cf-customers .backface-visibility-hidden{backface-visibility:hidden}
#coffee-page #cf-customers [style*="padding-left:clamp(1rem"]{padding-inline:clamp(1rem,4vw + .5rem,9rem)!important}
#coffee-page #cf-customers .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#coffee-page #cf-customers .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#coffee-page #cf-customers .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#coffee-page #cf-customers .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#coffee-page #cf-customers .brand-scroll-animation{--g:5rem}}
#coffee-page #cf-customers .brand-scroll-animation:hover{animation-play-state:paused}
#coffee-page #cf-customers .brand-scroll-animation,#coffee-page #cf-customers :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#coffee-page #cf-customers .brand-scroll-animation{animation:none}}


#coffee-page .ob-sec{background:var(--sec-alt,#fff);margin-top:calc(.25rem * 24)}
#coffee-page .ob-in{width:100%;max-width:100%;padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#coffee-page .ob-h{margin:0 auto;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800;font-size:1.5rem;line-height:2rem}
#coffee-page .ob-p{margin:16px auto 0;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400;font-size:1rem;line-height:1.5}
#coffee-page .ob-g{display:grid;grid-template-columns:repeat(2,minmax(0,181px));justify-content:space-evenly;justify-items:center;column-gap:16px;row-gap:calc(.25rem * 24);margin:calc(.25rem * 36) 0 calc(.25rem * 24)}
#coffee-page .ob-c{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;max-width:181px;height:180px;padding:32px 16px 24px;background:var(--fa-soft);border-radius:20px;box-shadow:none;text-decoration:none;cursor:pointer;transition:all .3s ease-out}
#coffee-page .ob-c:hover,#coffee-page .ob-c:focus-visible{background:var(--acc);transform:translateY(-4px);box-shadow:0 10px 24px rgba(10,39,69,.14)}
#coffee-page .ob-c:focus-visible{outline:2px solid var(--nv);outline-offset:3px}
#coffee-page .ob-ph{width:100%;display:flex;align-items:center;justify-content:center;margin-top:calc(.25rem * -20)}
#coffee-page .ob-img{position:relative;display:flex;align-items:center;justify-content:center;width:155.95px;max-width:calc(100% + 8px);aspect-ratio:1/1;border-radius:9999px;background:var(--line);overflow:hidden;transform:translateY(-16px)}
#coffee-page .ob-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#coffee-page .ob-ph-svg{width:70%;height:70%;display:block}
#coffee-page .ob-t{margin-top:4px;text-align:center;color:var(--acc);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700;font-size:1rem;line-height:1.5;transition:color .3s ease-out}
#coffee-page .ob-c:hover .ob-t,#coffee-page .ob-c:focus-visible .ob-t{color:var(--color-white,#fff)}
@media (min-width:40rem){
 #coffee-page .ob-h{font-size:1.875rem;line-height:2.25rem}
 #coffee-page .ob-g{grid-template-columns:repeat(3,minmax(0,181px));column-gap:40px}
}
@media (min-width:64rem){
 #coffee-page .ob-h{line-height:56px}
 #coffee-page .ob-g{grid-template-columns:repeat(4,minmax(0,181px))}
}
@media (min-width:80rem){
 #coffee-page .ob-sec{margin-top:calc(.25rem * 50)}
 #coffee-page .ob-h{font-size:36px}
 #coffee-page .ob-g{grid-template-columns:repeat(6,minmax(0,181px));justify-content:space-between;column-gap:12px;row-gap:80px;margin:128px 0 96px}
}
@media (min-width:96rem){
 #coffee-page .ob-in{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
}
@media (prefers-reduced-motion:reduce){#coffee-page .ob-c,#coffee-page .ob-t{transition:none}#coffee-page .ob-c:hover,#coffee-page .ob-c:focus-visible{transform:none}}

#coffee-page .cf-hw-wrap{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
@media (min-width:96rem){#coffee-page .cf-hw-wrap{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}}
#coffee-page #cf-modules>div>div>h2{max-width:none!important;white-space:nowrap;font-size:clamp(13px,3.1vw,48px)!important;line-height:1.6!important;padding-inline:0!important}


#coffee-page #cf-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#coffee-page #cf-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#coffee-page #cf-about *{box-sizing:border-box}
#coffee-page #cf-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#coffee-page #cf-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#coffee-page #cf-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#coffee-page #cf-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#coffee-page #cf-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#coffee-page #cf-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#coffee-page #cf-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#coffee-page #cf-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#coffee-page #cf-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#coffee-page #cf-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#coffee-page #cf-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#coffee-page #cf-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#coffee-page #cf-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#coffee-page #cf-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#coffee-page #cf-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#coffee-page #cf-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#coffee-page #cf-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#coffee-page #cf-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#coffee-page #cf-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#coffee-page #cf-about .seo-more[hidden]{display:none}
#coffee-page #cf-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#coffee-page #cf-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#coffee-page #cf-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#coffee-page #cf-about.seo-open .seo-fade,#coffee-page #cf-about:not(.seo-js) .seo-fade{opacity:0}
#coffee-page #cf-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#coffee-page #cf-about .seo-ls,#coffee-page #cf-about .seo-ls.seo-sm{grid-template-columns:1fr}#coffee-page #cf-about .seo-in p{text-align:start}#coffee-page #cf-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#coffee-page #cf-about .seo-body,#coffee-page #cf-about .seo-ls li,#coffee-page #cf-about .seo-more,#coffee-page #cf-about .seo-more i svg,#coffee-page #cf-about .seo-fade{transition:none!important}}
#coffee-page #cf-about .seo-in h2{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#coffee-page #cf-about .seo-in h2:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#coffee-page #cf-about .seo-in .seo-h4{margin:22px 0 8px;font-size:clamp(16px,1.3vw,19px);font-weight:800;color:var(--goldtxt);line-height:1.8}#coffee-page #cf-about .seo-in h3.seo-h4{padding-inline-start:0}#coffee-page #cf-about .seo-in h3.seo-h4:before{display:none}
#coffee-page #cf-about .seo-in strong{font-weight:800;color:var(--ink)}
#coffee-page #cf-about .seo-td li{display:flex;flex-direction:column;gap:2px}
#coffee-page #cf-about .seo-td li>b{font-weight:800;color:var(--goldtxt);font-size:clamp(14.5px,1.1vw,16.5px)}
#coffee-page #cf-about .seo-td li>span{color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#coffee-page #cf-about .seo-ls li.seo-wide{grid-column:1/-1}
#coffee-page #cf-about .seo-ls .seo-sub{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 22px}
#coffee-page #cf-about .seo-ls .seo-sub li{position:relative;padding:0;padding-inline-start:18px;background:none;border:0;border-radius:0;transform:none;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#coffee-page #cf-about .seo-ls .seo-sub li:hover{transform:none;border-color:transparent}
#coffee-page #cf-about .seo-ls .seo-sub li:before{inset-inline-start:2px;top:.95em;width:6px;height:6px;border-radius:50%;transform:none}
@media(max-width:760px){#coffee-page #cf-about .seo-ls .seo-sub{grid-template-columns:1fr}}


@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-gradient-position{syntax:"*";inherits:false}
@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-stops{syntax:"*";inherits:false}
@property --tw-gradient-via-stops{syntax:"*";inherits:false}
@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#fast-food-page *,#fast-food-page :before,#fast-food-page :after,#fast-food-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}
#fast-food-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft)}
#fast-food-page *,#fast-food-page :after,#fast-food-page :before,#fast-food-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#fast-food-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#fast-food-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#fast-food-page hr{height:0;color:inherit;border-top-width:1px}
#fast-food-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#fast-food-page h1,#fast-food-page h2,#fast-food-page h3,#fast-food-page h4,#fast-food-page h5,#fast-food-page h6{font-size:inherit;font-weight:inherit}
#fast-food-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#fast-food-page b,#fast-food-page strong{font-weight:bolder}
#fast-food-page code,#fast-food-page kbd,#fast-food-page samp,#fast-food-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#fast-food-page small{font-size:80%}
#fast-food-page sub,#fast-food-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#fast-food-page sub{bottom:-.25em}
#fast-food-page sup{top:-.5em}
#fast-food-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#fast-food-page :-moz-focusring:where(:not(iframe)){outline:auto}
#fast-food-page progress{vertical-align:baseline}
#fast-food-page summary{display:list-item}
#fast-food-page ol,#fast-food-page ul,#fast-food-page menu{list-style:none}
#fast-food-page img,#fast-food-page svg,#fast-food-page video,#fast-food-page canvas,#fast-food-page audio,#fast-food-page iframe,#fast-food-page embed,#fast-food-page object{vertical-align:middle;display:block}
#fast-food-page img,#fast-food-page video{max-width:100%;height:auto}
#fast-food-page button,#fast-food-page input,#fast-food-page select,#fast-food-page optgroup,#fast-food-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#fast-food-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#fast-food-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#fast-food-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#fast-food-page ::file-selector-button{margin-inline-end:4px}
#fast-food-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#fast-food-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#fast-food-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#fast-food-page textarea{resize:vertical}
#fast-food-page ::-webkit-search-decoration{-webkit-appearance:none}
#fast-food-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#fast-food-page ::-webkit-datetime-edit{display:inline-flex}
#fast-food-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#fast-food-page ::-webkit-datetime-edit{padding-block:0}
#fast-food-page ::-webkit-datetime-edit-year-field{padding-block:0}
#fast-food-page ::-webkit-datetime-edit-month-field{padding-block:0}
#fast-food-page ::-webkit-datetime-edit-day-field{padding-block:0}
#fast-food-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#fast-food-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#fast-food-page ::-webkit-datetime-edit-second-field{padding-block:0}
#fast-food-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#fast-food-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#fast-food-page ::-webkit-calendar-picker-indicator{line-height:1}
#fast-food-page :-moz-ui-invalid{box-shadow:none}
#fast-food-page button,#fast-food-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#fast-food-page ::file-selector-button{appearance:button}
#fast-food-page ::-webkit-inner-spin-button{height:auto}
#fast-food-page ::-webkit-outer-spin-button{height:auto}
#fast-food-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#fast-food-page .pointer-events-none{pointer-events:none}
#fast-food-page .visible{visibility:visible}
#fast-food-page .absolute{position:absolute}
#fast-food-page .fixed{position:fixed}
#fast-food-page .relative{position:relative}
#fast-food-page .-inset-0\.5{inset:calc(var(--spacing) * -.5)}
#fast-food-page .inset-0{inset:0}
#fast-food-page .inset-x-0{inset-inline:0}
#fast-food-page .-top-1{top:calc(var(--spacing) * -1)}
#fast-food-page .-top-5{top:calc(var(--spacing) * -5)}
#fast-food-page .top-0{top:0}
#fast-food-page .top-2{top:calc(var(--spacing) * 2)}
#fast-food-page .top-3{top:calc(var(--spacing) * 3)}
#fast-food-page .top-6{top:calc(var(--spacing) * 6)}
#fast-food-page .top-full{top:100%}
#fast-food-page .-right-1{right:calc(var(--spacing) * -1)}
#fast-food-page .right-0{right:0}
#fast-food-page .right-1{right:var(--spacing)}
#fast-food-page .right-2{right:calc(var(--spacing) * 2)}
#fast-food-page .right-3{right:calc(var(--spacing) * 3)}
#fast-food-page .right-4{right:calc(var(--spacing) * 4)}
#fast-food-page .right-12{right:calc(var(--spacing) * 12)}
#fast-food-page .bottom-0{bottom:0}
#fast-food-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#fast-food-page .left-0{left:0}
#fast-food-page .left-1\/2{left:50%}
#fast-food-page .left-3{left:calc(var(--spacing) * 3)}
#fast-food-page .-z-10{z-index:calc(10 * -1)}
#fast-food-page .z-0{z-index:0}
#fast-food-page .z-10{z-index:10}
#fast-food-page .z-20{z-index:20}
#fast-food-page .z-30{z-index:30}
#fast-food-page .z-40{z-index:40}
#fast-food-page .z-50{z-index:50}
#fast-food-page .z-1000{z-index:1000}
#fast-food-page .order-1{order:1}
#fast-food-page .order-2{order:2}
#fast-food-page .order-3{order:3}
#fast-food-page .mx-1{margin-inline:var(--spacing)}
#fast-food-page .mx-auto{margin-inline:auto}
#fast-food-page .my-0{margin-block:0}
#fast-food-page .my-2{margin-block:calc(var(--spacing) * 2)}
#fast-food-page .my-16{margin-block:calc(var(--spacing) * 16)}
#fast-food-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#fast-food-page .mt-0{margin-top:0}
#fast-food-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#fast-food-page .mt-1{margin-top:var(--spacing)}
#fast-food-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#fast-food-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#fast-food-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#fast-food-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#fast-food-page .mt-16{margin-top:calc(var(--spacing) * 16)}
#fast-food-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#fast-food-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#fast-food-page .mt-70{margin-top:calc(var(--spacing) * 70)}
#fast-food-page .mb-1{margin-bottom:var(--spacing)}
#fast-food-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#fast-food-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#fast-food-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#fast-food-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#fast-food-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#fast-food-page .mb-12{margin-bottom:calc(var(--spacing) * 12)}
#fast-food-page .mb-16{margin-bottom:calc(var(--spacing) * 16)}
#fast-food-page .block{display:block}
#fast-food-page .flex{display:flex}
#fast-food-page .grid{display:grid}
#fast-food-page .hidden{display:none}
#fast-food-page .inline-block{display:inline-block}
#fast-food-page .inline-flex{display:inline-flex}
#fast-food-page .aspect-4\/3{aspect-ratio:4/3}
#fast-food-page .h-4{height:calc(var(--spacing) * 4)}
#fast-food-page .h-5{height:calc(var(--spacing) * 5)}
#fast-food-page .h-6{height:calc(var(--spacing) * 6)}
#fast-food-page .h-8{height:calc(var(--spacing) * 8)}
#fast-food-page .h-10{height:calc(var(--spacing) * 10)}
#fast-food-page .h-12{height:calc(var(--spacing) * 12)}
#fast-food-page .h-14{height:calc(var(--spacing) * 14)}
#fast-food-page .h-16{height:calc(var(--spacing) * 16)}
#fast-food-page .h-20{height:calc(var(--spacing) * 20)}
#fast-food-page .h-32{height:calc(var(--spacing) * 32)}
#fast-food-page .h-50{height:calc(var(--spacing) * 50)}
#fast-food-page .h-72{height:calc(var(--spacing) * 72)}
#fast-food-page .h-\[50px\]{height:50px}
#fast-food-page .h-\[72px\]{height:72px}
#fast-food-page .h-\[200px\]{height:200px}
#fast-food-page .h-auto{height:auto}
#fast-food-page .h-fit{height:fit-content}
#fast-food-page .h-full{height:100%}
#fast-food-page .max-h-0{max-height:0}
#fast-food-page .max-h-\[280px\]{max-height:280px}
#fast-food-page .max-h-\[600px\]{max-height:600px}
#fast-food-page .min-h-0{min-height:0}
#fast-food-page .min-h-\[44px\]{min-height:44px}
#fast-food-page .min-h-\[280px\]{min-height:280px}
#fast-food-page .min-h-\[300px\]{min-height:300px}
#fast-food-page .w-4{width:calc(var(--spacing) * 4)}
#fast-food-page .w-5{width:calc(var(--spacing) * 5)}
#fast-food-page .w-6{width:calc(var(--spacing) * 6)}
#fast-food-page .w-8{width:calc(var(--spacing) * 8)}
#fast-food-page .w-10{width:calc(var(--spacing) * 10)}
#fast-food-page .w-12{width:calc(var(--spacing) * 12)}
#fast-food-page .w-14{width:calc(var(--spacing) * 14)}
#fast-food-page .w-16{width:calc(var(--spacing) * 16)}
#fast-food-page .w-20{width:calc(var(--spacing) * 20)}
#fast-food-page .w-24{width:calc(var(--spacing) * 24)}
#fast-food-page .w-30{width:calc(var(--spacing) * 30)}
#fast-food-page .w-32{width:calc(var(--spacing) * 32)}
#fast-food-page .w-44{width:calc(var(--spacing) * 44)}
#fast-food-page .w-72{width:calc(var(--spacing) * 72)}
#fast-food-page .w-auto{width:auto}
#fast-food-page .w-fit{width:fit-content}
#fast-food-page .w-full{width:100%}
#fast-food-page .max-w-2xl{max-width:var(--container-2xl)}
#fast-food-page .max-w-4xl{max-width:var(--container-4xl)}
#fast-food-page .max-w-5xl{max-width:var(--container-5xl)}
#fast-food-page .max-w-6xl{max-width:var(--container-6xl)}
#fast-food-page .max-w-\[600px\]{max-width:600px}
#fast-food-page .max-w-full{max-width:100%}
#fast-food-page .min-w-0{min-width:0}
#fast-food-page .min-w-\[120px\]{min-width:120px}
#fast-food-page .min-w-full{min-width:100%}
#fast-food-page .flex-1{flex:1}
#fast-food-page .flex-\[0_0_50\%\]{flex:0 0 50%}
#fast-food-page .flex-\[0_0_100\%\]{flex:0 0 100%}
#fast-food-page .flex-shrink-0,#fast-food-page .shrink-0{flex-shrink:0}
#fast-food-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fast-food-page .-translate-x-\[10px\]{--tw-translate-x:calc(10px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fast-food-page .translate-x-\[10px\]{--tw-translate-x:10px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#fast-food-page .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fast-food-page .translate-y-\[-52\%\]{--tw-translate-y:-52%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#fast-food-page .scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fast-food-page .scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fast-food-page .rotate-0{rotate:0deg}
#fast-food-page .rotate-90{rotate:90deg}
#fast-food-page .rotate-180{rotate:180deg}
#fast-food-page .transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}
#fast-food-page .cursor-not-allowed{cursor:not-allowed}
#fast-food-page .cursor-pointer{cursor:pointer}
#fast-food-page .snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}
#fast-food-page .snap-mandatory{--tw-scroll-snap-strictness:mandatory}
#fast-food-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#fast-food-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fast-food-page .flex-col{flex-direction:column}
#fast-food-page .flex-col-reverse{flex-direction:column-reverse}
#fast-food-page .flex-row{flex-direction:row}
#fast-food-page .flex-row-reverse{flex-direction:row-reverse}
#fast-food-page .items-center{align-items:center}
#fast-food-page .items-end{align-items:flex-end}
#fast-food-page .items-start{align-items:flex-start}
#fast-food-page .items-stretch{align-items:stretch}
#fast-food-page .justify-between{justify-content:space-between}
#fast-food-page .justify-center{justify-content:center}
#fast-food-page .justify-end{justify-content:flex-end}
#fast-food-page .justify-start{justify-content:flex-start}
#fast-food-page .justify-items-stretch{justify-items:stretch}
#fast-food-page .gap-1{gap:var(--spacing)}
#fast-food-page .gap-2{gap:calc(var(--spacing) * 2)}
#fast-food-page .gap-3{gap:calc(var(--spacing) * 3)}
#fast-food-page .gap-4{gap:calc(var(--spacing) * 4)}
#fast-food-page .gap-6{gap:calc(var(--spacing) * 6)}
#fast-food-page .gap-8{gap:calc(var(--spacing) * 8)}
#fast-food-page .gap-12{gap:calc(var(--spacing) * 12)}
#fast-food-page .gap-14{gap:calc(var(--spacing) * 14)}
#fast-food-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#fast-food-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#fast-food-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#fast-food-page :where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#fast-food-page .gap-x-3{column-gap:calc(var(--spacing) * 3)}
#fast-food-page .gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}
#fast-food-page .overflow-hidden{overflow:hidden}
#fast-food-page .overflow-visible{overflow:visible}
#fast-food-page .overflow-x-auto{overflow-x:auto}
#fast-food-page .overflow-x-hidden{overflow-x:hidden}
#fast-food-page .scroll-smooth{scroll-behavior:smooth}
#fast-food-page .rounded-2xl{border-radius:var(--radius-2xl)}
#fast-food-page .rounded-3xl{border-radius:var(--radius-3xl)}
#fast-food-page .rounded-4xl{border-radius:var(--radius-4xl)}
#fast-food-page .rounded-\[50px\]{border-radius:50px}
#fast-food-page .rounded-full{border-radius:2147483647px}
#fast-food-page .rounded-lg{border-radius:var(--radius-lg)}
#fast-food-page .rounded-md{border-radius:var(--radius-md)}
#fast-food-page .rounded-xl{border-radius:var(--radius-xl)}
#fast-food-page .border{border-style:var(--tw-border-style);border-width:1px}
#fast-food-page .border-0{border-style:var(--tw-border-style);border-width:0}
#fast-food-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#fast-food-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#fast-food-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#fast-food-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#fast-food-page .border-b-3{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#fast-food-page .border-none{--tw-border-style:none;border-style:none}
#fast-food-page .border-\[\#E5E7EB\]{border-color:var(--line)}
#fast-food-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#fast-food-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#fast-food-page .border-black{border-color:var(--color-black)}
#fast-food-page .border-gray-200{border-color:var(--color-gray-200)}
#fast-food-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#fast-food-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#fast-food-page .border-green-500{border-color:var(--color-green-500)}
#fast-food-page .border-transparent{border-color:#0000}
#fast-food-page .border-white{border-color:var(--color-white)}
#fast-food-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#fast-food-page .bg-\[\#F0F5F7\]{background-color:var(--bg2)}
#fast-food-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#fast-food-page .bg-\[\#FF4C00\]\/10{background-color:oklab(66.6687% .179651 .134278/.1)}
#fast-food-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#fast-food-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#fast-food-page .bg-accent{background-color:var(--color-accent)}
#fast-food-page .bg-gray-100{background-color:var(--color-gray-100)}
#fast-food-page .bg-primary{background-color:var(--color-primary)}
#fast-food-page .bg-secondary{background-color:var(--color-secondary)}
#fast-food-page .bg-transparent{background-color:#0000}
#fast-food-page .bg-white{background-color:var(--color-white)}
#fast-food-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#fast-food-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#fast-food-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#fast-food-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#fast-food-page .bg-linear-to-br{--tw-gradient-position:to bottom right}
@supports (background-image:linear-gradient(in lab, red, red)){#fast-food-page .bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}
#fast-food-page .bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}
#fast-food-page .bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
#fast-food-page .from-\[\#FF4C00\]{--tw-gradient-from:var(--acc);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#fast-food-page .from-\[\#FF4C00\]\/10{--tw-gradient-from:oklab(66.6687% .179651 .134278/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#fast-food-page .via-orange-300\/5{--tw-gradient-via:#ffb96d0d}
@supports (color:color-mix(in lab, red, red)){#fast-food-page .via-orange-300\/5{--tw-gradient-via:color-mix(in oklab, var(--color-orange-300) 5%, transparent)}}
#fast-food-page .via-orange-300\/5{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
#fast-food-page .to-\[\#FF6B35\]{--tw-gradient-to:color-mix(in srgb,var(--acc) 78%,#fff);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#fast-food-page .to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#fast-food-page .object-contain{object-fit:contain}
#fast-food-page .object-cover{object-fit:cover}
#fast-food-page .p-0{padding:0}
#fast-food-page .p-1{padding:var(--spacing)}
#fast-food-page .p-2{padding:calc(var(--spacing) * 2)}
#fast-food-page .p-3{padding:calc(var(--spacing) * 3)}
#fast-food-page .p-4{padding:calc(var(--spacing) * 4)}
#fast-food-page .p-5{padding:calc(var(--spacing) * 5)}
#fast-food-page .p-6{padding:calc(var(--spacing) * 6)}
#fast-food-page .p-8{padding:calc(var(--spacing) * 8)}
#fast-food-page .px-1{padding-inline:var(--spacing)}
#fast-food-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#fast-food-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#fast-food-page .px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}
#fast-food-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#fast-food-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#fast-food-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#fast-food-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#fast-food-page .px-12{padding-inline:calc(var(--spacing) * 12)}
#fast-food-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#fast-food-page .py-2{padding-block:calc(var(--spacing) * 2)}
#fast-food-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#fast-food-page .py-3{padding-block:calc(var(--spacing) * 3)}
#fast-food-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#fast-food-page .py-4{padding-block:calc(var(--spacing) * 4)}
#fast-food-page .py-6{padding-block:calc(var(--spacing) * 6)}
#fast-food-page .py-8{padding-block:calc(var(--spacing) * 8)}
#fast-food-page .py-10{padding-block:calc(var(--spacing) * 10)}
#fast-food-page .py-12{padding-block:calc(var(--spacing) * 12)}
#fast-food-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#fast-food-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#fast-food-page .pt-6{padding-top:calc(var(--spacing) * 6)}
#fast-food-page .pt-15{padding-top:calc(var(--spacing) * 15)}
#fast-food-page .pt-20{padding-top:calc(var(--spacing) * 20)}
#fast-food-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#fast-food-page .pt-\[72px\]{padding-top:72px}
#fast-food-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#fast-food-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#fast-food-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#fast-food-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#fast-food-page .pb-12{padding-bottom:calc(var(--spacing) * 12)}
#fast-food-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#fast-food-page .pb-48{padding-bottom:calc(var(--spacing) * 48)}
#fast-food-page .text-center{text-align:center}
#fast-food-page .text-justify{text-align:justify}
#fast-food-page .text-right{text-align:right}
#fast-food-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fast-food-page .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fast-food-page .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#fast-food-page .text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fast-food-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fast-food-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fast-food-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fast-food-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fast-food-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fast-food-page .text-\[10px\]{font-size:10px}
#fast-food-page .leading-7\.5{--tw-leading:calc(var(--spacing) * 7.5);line-height:calc(var(--spacing) * 7.5)}
#fast-food-page .leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}
#fast-food-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#fast-food-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#fast-food-page .leading-none{--tw-leading:1;line-height:1}
#fast-food-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#fast-food-page .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}
#fast-food-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#fast-food-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#fast-food-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#fast-food-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#fast-food-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#fast-food-page .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
#fast-food-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#fast-food-page .whitespace-nowrap{white-space:nowrap}
#fast-food-page .text-\[\#0A2745\]{color:var(--nv)}
#fast-food-page .text-\[\#1F2A3D\]{color:#33291d}
#fast-food-page .text-\[\#595B5C\]{color:#595b5c}
#fast-food-page .text-\[\#FF4C00\]{color:var(--acc)}
#fast-food-page .text-\[\#FF4C00\]\/30{color:oklab(66.6687% .179651 .134278/.3)}
#fast-food-page .text-\[\#ffff\]{color:#fff}
#fast-food-page .text-black{color:var(--color-black)}
#fast-food-page .text-gray-300{color:var(--color-gray-300)}
#fast-food-page .text-gray-500{color:var(--color-gray-500)}
#fast-food-page .text-gray-600{color:var(--color-gray-600)}
#fast-food-page .text-green-700{color:var(--color-green-700)}
#fast-food-page .text-red-500{color:var(--color-red-500)}
#fast-food-page .text-secondary{color:var(--color-secondary)}
#fast-food-page .text-white{color:var(--color-white)}
#fast-food-page .text-white\/90{color:#ffffffe6}
@supports (color:color-mix(in lab, red, red)){#fast-food-page .text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}
#fast-food-page .not-italic{font-style:normal}
#fast-food-page .underline{text-decoration-line:underline}
#fast-food-page .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#fast-food-page .accent-white{accent-color:var(--color-white)}
#fast-food-page .opacity-0{opacity:0}
#fast-food-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page .shadow-\[0_0_20px_rgba\(255\,76\,0\,0\.4\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page .shadow-\[0_10px_0_0_\#FF4C00\]{--tw-shadow:0 10px 0 0 var(--tw-shadow-color,var(--acc));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#fast-food-page .blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#fast-food-page .blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#fast-food-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#fast-food-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}
#fast-food-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fast-food-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fast-food-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fast-food-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fast-food-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fast-food-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fast-food-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fast-food-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#fast-food-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#fast-food-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#fast-food-page .duration-500{--tw-duration:.5s;transition-duration:.5s}
#fast-food-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#fast-food-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#fast-food-page .will-change-transform{will-change:transform}
#fast-food-page .select-none{-webkit-user-select:none;user-select:none}
#fast-food-page .\[-webkit-overflow-scrolling\:touch\]{-webkit-overflow-scrolling:touch}
@media (hover:hover){#fast-food-page :is(:where(.group):hover .group-hover\:absolute){position:absolute}
#fast-food-page :is(:where(.group):hover .group-hover\:flex){display:flex}
#fast-food-page :is(:where(.group):hover .group-hover\:-translate-y-1){--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fast-food-page :is(:where(.group):hover .group-hover\:-translate-y-2){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fast-food-page :is(:where(.group):hover .group-hover\:-translate-y-full){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#fast-food-page :is(:where(.group):hover .group-hover\:scale-110){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fast-food-page :is(:where(.group):hover .group-hover\:border-b-2){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#fast-food-page :is(:where(.group):hover .group-hover\:border-b-3){border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#fast-food-page :is(:where(.group):hover .group-hover\:border-\[\#0A2745\]){border-color:var(--nv)}
#fast-food-page :is(:where(.group):hover .group-hover\:border-\[\#FF4C00\]){border-color:var(--acc)}
#fast-food-page :is(:where(.group):hover .group-hover\:border-orange-100){border-color:var(--color-orange-100)}
#fast-food-page :is(:where(.group):hover .group-hover\:border-b-\[\#FF4C00\]){border-bottom-color:var(--acc)}
#fast-food-page :is(:where(.group):hover .group-hover\:bg-\[\#0A2745\]){background-color:var(--nv)}
#fast-food-page :is(:where(.group):hover .group-hover\:bg-\[\#FFF6F2\]){background-color:var(--fa-soft)}
#fast-food-page :is(:where(.group):hover .group-hover\:text-\[\#0A2745\]){color:var(--nv)}
#fast-food-page :is(:where(.group):hover .group-hover\:text-\[\#FF4C00\]){color:var(--acc)}
#fast-food-page :is(:where(.group):hover .group-hover\:text-white){color:var(--color-white)}
#fast-food-page :is(:where(.group):hover .group-hover\:opacity-100){opacity:1}
#fast-food-page :is(:where(.group):hover .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]){--tw-shadow:0 8px 24px var(--tw-shadow-color,#ff4c0059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page :is(:where(.group):hover .group-hover\:shadow-md){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page :is(:where(.group):hover .group-hover\:shadow-xl){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page :is(:where(.group):hover .group-hover\:blur-xs){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}
#fast-food-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#fast-food-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#fast-food-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#fast-food-page .after\:right-0:after{content:var(--tw-content);right:0}
#fast-food-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#fast-food-page .after\:left-0:after{content:var(--tw-content);left:0}
#fast-food-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#fast-food-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#fast-food-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#fast-food-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fast-food-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fast-food-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#fast-food-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fast-food-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#fast-food-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#fast-food-page .hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fast-food-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fast-food-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fast-food-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#fast-food-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#fast-food-page .hover\:border-\[\#FF4C00\]\/30:hover{border-color:oklab(66.6687% .179651 .134278/.3)}
#fast-food-page .hover\:border-white:hover{border-color:var(--color-white)}
#fast-food-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#fast-food-page .hover\:bg-\[\#081a2e\]:hover{background-color:#1c1712}
#fast-food-page .hover\:bg-\[\#163456\]:hover{background-color:#3a2c1f}
#fast-food-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#fast-food-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#fast-food-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#fast-food-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#fast-food-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:var(--bg2)}
#fast-food-page .hover\:bg-\[\#FFF6F2\]:hover{background-color:var(--fa-soft)}
#fast-food-page .hover\:bg-\[\#e44500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#fast-food-page .hover\:bg-black\/5:hover{background-color:#0000000d}
@supports (color:color-mix(in lab, red, red)){#fast-food-page .hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}
#fast-food-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#fast-food-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#fast-food-page .hover\:bg-white:hover{background-color:var(--color-white)}
#fast-food-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#fast-food-page .hover\:text-\[\#FF4C00\]:hover,#fast-food-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#fast-food-page .hover\:text-white:hover{color:var(--color-white)}
#fast-food-page .hover\:underline:hover{text-decoration-line:underline}
#fast-food-page .hover\:opacity-80:hover{opacity:.8}
#fast-food-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page .hover\:shadow-\[0_0_28px_rgba\(255\,76\,0\,0\.5\)\,0_0_40px_rgba\(10\,39\,69\,0\.3\)\,0_8px_28px_rgba\(10\,39\,69\,0\.35\)\]:hover{--tw-shadow:0 0 28px var(--tw-shadow-color,#ff4c0080), 0 0 40px var(--tw-shadow-color,#0a27454d), 0 8px 28px var(--tw-shadow-color,#0a274559);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px var(--tw-shadow-color,#0a274538), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px var(--tw-shadow-color,#0a274547), 0 10px 0 0 var(--tw-shadow-color,var(--nv)), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#fast-food-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#fast-food-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#fast-food-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#fast-food-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#fast-food-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#fast-food-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#fast-food-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#fast-food-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#fast-food-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#fast-food-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#fast-food-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#fast-food-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#fast-food-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#fast-food-page .focus-visible\:ring-offset-\[\#0A2745\]:focus-visible{--tw-ring-offset-color:var(--nv)}
#fast-food-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#fast-food-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#fast-food-page .active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fast-food-page .active\:scale-\[0\.98\]:active{scale:.98}
#fast-food-page .active\:bg-\[\#06141f\]:active{background-color:#1c1712}
#fast-food-page .active\:bg-\[\#CC3D00\]:active{background-color:color-mix(in srgb,var(--acc) 72%,#000)}
#fast-food-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
#fast-food-page .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
#fast-food-page .disabled\:opacity-30:disabled{opacity:.3}
#fast-food-page .disabled\:opacity-50:disabled{opacity:.5}
@media (hover:hover){#fast-food-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#fast-food-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#fast-food-page .disabled\:hover\:shadow-lg:disabled:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (min-width:40rem){#fast-food-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#fast-food-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#fast-food-page .sm\:right-4{right:calc(var(--spacing) * 4)}
#fast-food-page .sm\:bottom-1\/3{bottom:33.3333%}
#fast-food-page .sm\:left-4{left:calc(var(--spacing) * 4)}
#fast-food-page .sm\:mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}
#fast-food-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#fast-food-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#fast-food-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#fast-food-page .sm\:mt-20{margin-top:calc(var(--spacing) * 20)}
#fast-food-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#fast-food-page .sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#fast-food-page .sm\:inline{display:inline}
#fast-food-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#fast-food-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#fast-food-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#fast-food-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#fast-food-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#fast-food-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#fast-food-page .sm\:h-96{height:calc(var(--spacing) * 96)}
#fast-food-page .sm\:h-\[60px\]{height:60px}
#fast-food-page .sm\:h-\[100px\]{height:100px}
#fast-food-page .sm\:max-h-\[320px\]{max-height:320px}
#fast-food-page .sm\:min-h-\[400px\]{min-height:400px}
#fast-food-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#fast-food-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#fast-food-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#fast-food-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#fast-food-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#fast-food-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#fast-food-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#fast-food-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#fast-food-page .sm\:w-72{width:calc(var(--spacing) * 72)}
#fast-food-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#fast-food-page .sm\:w-auto{width:auto}
#fast-food-page .sm\:min-w-\[120px\]{min-width:120px}
#fast-food-page .sm\:min-w-\[140px\]{min-width:140px}
#fast-food-page .sm\:flex-\[0_0_30\%\]{flex:0 0 30%}
#fast-food-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fast-food-page .sm\:flex-row{flex-direction:row}
#fast-food-page .sm\:items-center{align-items:center}
#fast-food-page .sm\:items-start{align-items:flex-start}
#fast-food-page .sm\:justify-end{justify-content:flex-end}
#fast-food-page .sm\:justify-start{justify-content:flex-start}
#fast-food-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#fast-food-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#fast-food-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#fast-food-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#fast-food-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#fast-food-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#fast-food-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#fast-food-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#fast-food-page :where(.sm\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#fast-food-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#fast-food-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#fast-food-page .sm\:rounded-\[36px\]{border-radius:36px}
#fast-food-page .sm\:p-3{padding:calc(var(--spacing) * 3)}
#fast-food-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#fast-food-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#fast-food-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#fast-food-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#fast-food-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#fast-food-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#fast-food-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fast-food-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#fast-food-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fast-food-page .sm\:py-0{padding-block:0}
#fast-food-page .sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#fast-food-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#fast-food-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#fast-food-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#fast-food-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fast-food-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fast-food-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fast-food-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fast-food-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fast-food-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fast-food-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fast-food-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fast-food-page .sm\:text-\[12px\]{font-size:12px}}
@media (min-width:48rem){#fast-food-page .md\:right-6{right:calc(var(--spacing) * 6)}
#fast-food-page .md\:left-6{left:calc(var(--spacing) * 6)}
#fast-food-page .md\:order-1{order:1}
#fast-food-page .md\:order-2{order:2}
#fast-food-page .md\:my-4{margin-block:calc(var(--spacing) * 4)}
#fast-food-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#fast-food-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#fast-food-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#fast-food-page .md\:mt-44{margin-top:calc(var(--spacing) * 44)}
#fast-food-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#fast-food-page .md\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#fast-food-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#fast-food-page .md\:block{display:block}
#fast-food-page .md\:flex{display:flex}
#fast-food-page .md\:hidden{display:none}
#fast-food-page .md\:inline-block{display:inline-block}
#fast-food-page .md\:h-10{height:calc(var(--spacing) * 10)}
#fast-food-page .md\:h-16{height:calc(var(--spacing) * 16)}
#fast-food-page .md\:h-28{height:calc(var(--spacing) * 28)}
#fast-food-page .md\:h-70{height:calc(var(--spacing) * 70)}
#fast-food-page .md\:h-\[250px\]{height:250px}
#fast-food-page .md\:max-h-none{max-height:none}
#fast-food-page .md\:w-10{width:calc(var(--spacing) * 10)}
#fast-food-page .md\:w-16{width:calc(var(--spacing) * 16)}
#fast-food-page .md\:w-24{width:calc(var(--spacing) * 24)}
#fast-food-page .md\:w-28{width:calc(var(--spacing) * 28)}
#fast-food-page .md\:w-72{width:calc(var(--spacing) * 72)}
#fast-food-page .md\:min-w-\[130px\]{min-width:130px}
#fast-food-page .md\:flex-1{flex:1}
#fast-food-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fast-food-page .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#fast-food-page .md\:flex-col{flex-direction:column}
#fast-food-page .md\:flex-row{flex-direction:row}
#fast-food-page .md\:flex-row-reverse{flex-direction:row-reverse}
#fast-food-page .md\:items-center{align-items:center}
#fast-food-page .md\:items-stretch{align-items:stretch}
#fast-food-page .md\:justify-center{justify-content:center}
#fast-food-page .md\:gap-0{gap:0}
#fast-food-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#fast-food-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#fast-food-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#fast-food-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#fast-food-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#fast-food-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#fast-food-page .md\:overflow-visible{overflow:visible}
#fast-food-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#fast-food-page .md\:p-4{padding:calc(var(--spacing) * 4)}
#fast-food-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#fast-food-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#fast-food-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#fast-food-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#fast-food-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fast-food-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#fast-food-page .md\:py-0{padding-block:0}
#fast-food-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#fast-food-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#fast-food-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#fast-food-page .md\:pt-16{padding-top:calc(var(--spacing) * 16)}
#fast-food-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#fast-food-page .md\:pb-28{padding-bottom:calc(var(--spacing) * 28)}
#fast-food-page .md\:text-center{text-align:center}
#fast-food-page .md\:text-justify{text-align:justify}
#fast-food-page .md\:text-right{text-align:right}
#fast-food-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fast-food-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fast-food-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#fast-food-page .md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}
#fast-food-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fast-food-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fast-food-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fast-food-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fast-food-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fast-food-page .md\:text-\[9px\]{font-size:9px}
#fast-food-page .md\:text-\[10px\]{font-size:10px}
#fast-food-page .md\:text-\[14px\]{font-size:14px}
#fast-food-page .md\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}}
@media (min-width:64rem){#fast-food-page .lg\:order-1{order:1}
#fast-food-page .lg\:order-2{order:2}
#fast-food-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#fast-food-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#fast-food-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#fast-food-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#fast-food-page .lg\:mt-32{margin-top:calc(var(--spacing) * 32)}
#fast-food-page .lg\:mt-50{margin-top:calc(var(--spacing) * 50)}
#fast-food-page .lg\:mt-52{margin-top:calc(var(--spacing) * 52)}
#fast-food-page .lg\:mr-0{margin-right:0}
#fast-food-page .lg\:mb-0{margin-bottom:0}
#fast-food-page .lg\:mb-10{margin-bottom:calc(var(--spacing) * 10)}
#fast-food-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#fast-food-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#fast-food-page .lg\:block{display:block}
#fast-food-page .lg\:flex{display:flex}
#fast-food-page .lg\:hidden{display:none}
#fast-food-page .lg\:h-14{height:calc(var(--spacing) * 14)}
#fast-food-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#fast-food-page .lg\:h-194{height:calc(var(--spacing) * 194)}
#fast-food-page .lg\:h-\[70px\]{height:70px}
#fast-food-page .lg\:h-\[132px\]{height:132px}
#fast-food-page .lg\:h-\[300px\]{height:300px}
#fast-food-page .lg\:w-1\/2{width:50%}
#fast-food-page .lg\:w-14{width:calc(var(--spacing) * 14)}
#fast-food-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#fast-food-page .lg\:w-\[45\%\]{width:45%}
#fast-food-page .lg\:w-\[55\%\]{width:55%}
#fast-food-page .lg\:w-\[70px\]{width:70px}
#fast-food-page .lg\:w-auto{width:auto}
#fast-food-page .lg\:w-fit{width:fit-content}
#fast-food-page .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fast-food-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#fast-food-page .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
#fast-food-page .lg\:flex-row{flex-direction:row}
#fast-food-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#fast-food-page .lg\:items-center{align-items:center}
#fast-food-page .lg\:justify-end{justify-content:flex-end}
#fast-food-page .lg\:gap-0{gap:0}
#fast-food-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#fast-food-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#fast-food-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#fast-food-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#fast-food-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#fast-food-page :where(.lg\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#fast-food-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#fast-food-page :where(.lg\:space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}
#fast-food-page .lg\:gap-x-4{column-gap:calc(var(--spacing) * 4)}
#fast-food-page .lg\:gap-y-4{row-gap:calc(var(--spacing) * 4)}
#fast-food-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#fast-food-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#fast-food-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#fast-food-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fast-food-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fast-food-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#fast-food-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#fast-food-page .lg\:py-20{padding-block:calc(var(--spacing) * 20)}
#fast-food-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#fast-food-page .lg\:pt-\[132px\]{padding-top:132px}
#fast-food-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#fast-food-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#fast-food-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fast-food-page .lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#fast-food-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fast-food-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fast-food-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fast-food-page .lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fast-food-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fast-food-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fast-food-page .lg\:text-\[10px\]{font-size:10px}
#fast-food-page .lg\:text-\[28px\]{font-size:28px}
#fast-food-page .lg\:text-\[48px\]{font-size:48px}
#fast-food-page .lg\:text-\[150px\]{font-size:150px}
#fast-food-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#fast-food-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#fast-food-page .xl\:mt-0{margin-top:0}
#fast-food-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#fast-food-page .xl\:mt-70{margin-top:calc(var(--spacing) * 70)}
#fast-food-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#fast-food-page .xl\:h-122{height:calc(var(--spacing) * 122)}
#fast-food-page .xl\:h-\[142px\]{height:142px}
#fast-food-page .xl\:h-auto{height:auto}
#fast-food-page .xl\:w-1\/2{width:50%}
#fast-food-page .xl\:w-1\/3{width:33.3333%}
#fast-food-page .xl\:w-\[25\.5\%\]{width:25.5%}
#fast-food-page .xl\:w-\[30\%\]{width:30%}
#fast-food-page .xl\:w-\[70\%\]{width:70%}
#fast-food-page .xl\:flex-\[0_0_12\%\]{flex:0 0 12%}
#fast-food-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#fast-food-page .xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
#fast-food-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#fast-food-page .xl\:flex-row{flex-direction:row}
#fast-food-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#fast-food-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#fast-food-page .xl\:gap-12{gap:calc(var(--spacing) * 12)}
#fast-food-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#fast-food-page .xl\:gap-32{gap:calc(var(--spacing) * 32)}
#fast-food-page .xl\:p-8{padding:calc(var(--spacing) * 8)}
#fast-food-page .xl\:px-0{padding-inline:0}
#fast-food-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fast-food-page .xl\:px-16{padding-inline:calc(var(--spacing) * 16)}
#fast-food-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#fast-food-page .xl\:px-36{padding-inline:calc(var(--spacing) * 36)}
#fast-food-page .xl\:py-16{padding-block:calc(var(--spacing) * 16)}
#fast-food-page .xl\:pt-16{padding-top:calc(var(--spacing) * 16)}
#fast-food-page .xl\:pt-\[142px\]{padding-top:142px}
#fast-food-page .xl\:pl-6{padding-left:calc(var(--spacing) * 6)}
#fast-food-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fast-food-page .xl\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fast-food-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#fast-food-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fast-food-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fast-food-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fast-food-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fast-food-page .xl\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fast-food-page .xl\:text-\[11px\]{font-size:11px}
#fast-food-page .xl\:text-\[14px\]{font-size:14px}
#fast-food-page .xl\:text-\[16px\]{font-size:16px}
#fast-food-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#fast-food-page .\32 xl\:mr-50{margin-right:calc(var(--spacing) * 50)}
#fast-food-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#fast-food-page .\32 xl\:h-130{height:calc(var(--spacing) * 130)}
#fast-food-page .\32 xl\:min-h-\[550px\]{min-height:550px}
#fast-food-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#fast-food-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#fast-food-page .\32 xl\:gap-\[25px\]{gap:25px}
#fast-food-page .\32 xl\:px-12{padding-inline:calc(var(--spacing) * 12)}
#fast-food-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#fast-food-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#fast-food-page .\32 xl\:text-left{text-align:left}
#fast-food-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fast-food-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fast-food-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fast-food-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fast-food-page .\32 xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fast-food-page .\32 xl\:text-\[14px\]{font-size:14px}
#fast-food-page .\32 xl\:text-\[16px\]{font-size:16px}
#fast-food-page .\32 xl\:text-\[20px\]{font-size:20px}
#fast-food-page .\32 xl\:text-\[27px\]{font-size:27px}
#fast-food-page .\32 xl\:text-\[56px\]{font-size:56px}
#fast-food-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-REGULAR.TTF)format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-SEMIBOLD.TTF)format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-BOLD.TTF)format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-EXTRABOLD.TTF)format("truetype");font-weight:800;font-display:swap}
#fast-food-page{direction:rtl}
#fast-food-page{color:#33291d;background:#fff;font-family:Vazirmatn,Tahoma,sans-serif}
#fast-food-page .fanum-font,#fast-food-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#fast-food-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#fast-food-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
#fast-food-page .dir-rtl{direction:rtl}
#fast-food-page .hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
#fast-food-page .hide-scrollbar::-webkit-scrollbar{display:none}
#fast-food-page .mb-safe{margin-bottom:env(safe-area-inset-bottom)}
@keyframes ring{0%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-12deg)}20%,40%,60%{transform:rotate(12deg)}70%{transform:rotate(0)}}
#fast-food-page .phone-ring-animation{animation:2s ease-in-out infinite ring}
@keyframes pulse-alarm{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}
#fast-food-page .alarm-animation{animation:1.5s ease-in-out infinite pulse-alarm}
@keyframes brand-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}
#fast-food-page .brand-scroll-animation{animation:30s linear infinite brand-scroll}
#fast-food-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,var(--nv) 60%,#1c1712 100%)}
#fast-food-page >div>div.relative>div.absolute.inset-0.z-0>div{background:0 0}
@media (min-width:64rem){#fast-food-page #images>div>div{padding-left:2.5rem;padding-right:2.5rem}
#fast-food-page #images h2{margin-bottom:5rem}
#fast-food-page #images [dir=rtl].w-full{flex-direction:row;justify-content:space-between;align-items:center;gap:2.5rem;display:flex}
#fast-food-page #images [role=tablist]{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:43%;margin:0;padding:0;display:grid;overflow:visible}
#fast-food-page #images [role=tablist]>div{margin:0}
#fast-food-page #images [role=tab]{white-space:nowrap;color:var(--acc);width:100%;min-width:0;height:3rem;box-shadow:none;background:#fff;border:2px solid var(--acc);padding-left:.5rem;padding-right:.5rem;font-size:.9rem}
#fast-food-page #images [role=tab][aria-selected=true]{color:#fff;background:var(--acc)}
#fast-food-page #images [role=tab]:hover{background:var(--fa-soft)}
#fast-food-page #images [role=tab][aria-selected=true]:hover{background:var(--acc)}
#fast-food-page #images [dir=rtl].w-full>div.relative{flex:none;width:54%}
#fast-food-page #images .flex-\[0_0_100\%\],#fast-food-page #images .flex-\[0_0_100\%\]>div>div{padding:0}
#fast-food-page #images .flex-\[0_0_100\%\]>div>div>div{background:#fff;border:3px solid var(--nv);border-radius:1rem;min-height:26rem}
#fast-food-page #images img[data-nimg=fill]{object-fit:contain;padding:0}
#fast-food-page #images button[aria-label=آیتم\ بعدی],#fast-food-page #images button[aria-label=آیتم\ قبلی]{display:none}
#fast-food-page #images button[aria-label=بزرگنمایی\ تصویر]{color:var(--nv);background:#fff;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:0 2px 8px #0003}}
#fast-food-page .mt-12{margin-top:calc(var(--spacing) * 12)}
#fast-food-page .mb-20{margin-bottom:calc(var(--spacing) * 20)}
#fast-food-page .text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}
@media (hover:hover){#fast-food-page .hover\:-translate-x-1:hover{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fast-food-page .hover\:opacity-90:hover{opacity:.9}}
@media (min-width:40rem){#fast-food-page .sm\:order-1{order:1}
#fast-food-page .sm\:order-2{order:2}
#fast-food-page .sm\:justify-between{justify-content:space-between}
#fast-food-page .sm\:py-7{padding-block:calc(var(--spacing) * 7)}}
@media (min-width:48rem){#fast-food-page .md\:mt-0{margin-top:0}
#fast-food-page .md\:mb-72{margin-bottom:calc(var(--spacing) * 72)}
#fast-food-page .md\:justify-start{justify-content:flex-start}}
@media (min-width:64rem){#fast-food-page .lg\:py-10{padding-block:calc(var(--spacing) * 10)}}

/* ===== صفحه «نرم افزار رستورانی تحت وب» — مسیر #web-restaurant =====
   طراحی و چیدمان همان صفحه‌ی اصلی تحت وب است؛ چارچوب، حاشیه‌ی راست/چپ سکشن‌ها، فونت Vazirmatn و رنگ‌ها
   مثل صفحه‌ی «اتوماسیون تغذیه» از پالت همین سایت (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند. */
#fast-food-page{--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good);--color-orange-100:var(--fa-soft);--color-orange-300:var(--gold1)}
#fast-food-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #fast-food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #fast-food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#fast-food-page{--text-7xl:4.5rem;--text-7xl--line-height:1}
#fast-food-page[hidden]{display:none}
html.is-web body>section:not(#mp-sec),html.is-web #nl-sec,html.is-web #cta-band,html.is-web .pgx{display:none!important}
#fast-food-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#fast-food-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#fast-food-page .semibold-fanum-font,#fast-food-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#fast-food-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#fast-food-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#fast-food-page a{color:inherit;text-decoration:none}
#fast-food-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#fast-food-page input[type=checkbox]{accent-color:var(--gold1)}
#fast-food-page .bg-white{background-color:var(--sec-alt)}
#fast-food-page .text-black{color:var(--ink)}
#fast-food-page .text-primary{color:var(--ink)}
#fast-food-page .text-\[\#0A2745\]{color:var(--ink)}
#fast-food-page .border-\[\#0A2745\]{border-color:var(--ink)}
#fast-food-page .bg-primary.text-white,#fast-food-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
@media (hover:hover){#fast-food-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#fast-food-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#fast-food-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#fast-food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#fast-food-page .faq-open svg{transition:transform .2s}
#fast-food-page .no-scrollbar{scrollbar-width:none}
#fast-food-page .no-scrollbar::-webkit-scrollbar{display:none}
#fast-food-page .sol-toast{background:var(--nv);color:#f6ecd6;z-index:4000;text-align:center;border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#fast-food-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#fast-food-page .ab-menu.open{display:block}
#fast-food-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#fast-food-page .ab-menu button:hover,#fast-food-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#fast-food-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#fast-food-page .ab-msg:empty{display:none}
#fast-food-page .ab-msg.err{color:#ffb4aa}
/* هیرو: زمینه‌ی اسپرسو (به‌جای سرمه‌ای)، متن و دکمه‌ها مثل هیروی صفحه‌ی اتوماسیون تغذیه */
#fast-food-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,#2b2118 60%,#1c1712 100%)}
#fast-food-page >div>div.relative h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#fast-food-page >div>div.relative h1 .text-\[\#FF4C00\]{color:var(--gold1,#d6b374)}
#fast-food-page >div>div.relative h2{color:#efe4d2;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#fast-food-page >div>div.relative p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#fast-food-page >div>div.relative a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#fast-food-page >div>div.relative a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#fast-food-page >div>div.relative a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* نوار فهرست بخش‌ها: چسبان زیر هدر (مثل صفحه‌ی اتوماسیون تغذیه) */
#fast-food-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#fast-food-page #ff-toc{background:var(--acc)!important;position:sticky;top:var(--wb-top,0px);z-index:19;transition:box-shadow .25s}
#fast-food-page #ff-toc.wb-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#fast-food-page section[id^="wb-"]{scroll-margin-top:calc(var(--wb-top,0px) + var(--wb-bar,64px) + 10px)}
/* نظرات: فقط یک صفحه نظر در منبع وجود دارد؛ صفحه‌بندی بی‌اثر مخفی شد */
#fast-food-page nav[aria-label="صفحه‌بندی"]{display:none}
/* ===== نمایش بزرگ تصویر مشابه صفحه‌ی اتوماسیون تغذیه: نام تب، فلش قبلی/بعدی، دکمه‌ی بستن ===== */
#fast-food-page #ff-lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#fast-food-page #ff-lightbox.open{display:flex}
#fast-food-page #ff-lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#food-page .no-scrollbar{scrollbar-width:none}
#food-page .no-scrollbar::-webkit-scrollbar{display:none}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .faq-open svg{transition:transform .2s}
#food-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#food-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#food-page #service-menu.open{display:block}
#food-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#food-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#food-page .left-\[35\%\]{
    left: 35%;
  }
#food-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#food-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#food-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#food-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#food-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#food-page .min-h-screen{
    min-height: 100vh;
  }
#food-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#food-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#food-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#food-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#food-page .max-w-xl{
    max-width: var(--container-xl);
  }
#food-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#food-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .flex-wrap{
    flex-wrap: wrap;
  }
#food-page .justify-around{
    justify-content: space-around;
  }
#food-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#food-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#food-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#food-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#food-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#food-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#food-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#food-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#food-page .bg-ab-card{
    background-color: var(--card);
  }
#food-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#food-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#food-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#food-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#food-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#food-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#food-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#food-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#food-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#food-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#food-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#food-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#food-page .text-ab-cream{
    color: #f6ecd6;
  }
#food-page .text-ab-ink{
    color: var(--ink);
  }
#food-page .text-ab-mut{
    color: var(--mut);
  }
#food-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#food-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#food-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#food-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#food-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#food-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#food-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#food-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#food-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#food-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#food-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#food-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#food-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#food-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#food-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#food-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#food-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#food-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#food-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#food-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#food-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#food-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#food-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#food-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#food-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#food-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#food-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#food-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#food-page .lg\:h-\[550px\]{
      height: 550px;
    }
#food-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#food-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#food-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#food-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#food-page .xl\:h-auto{
      height: auto;
    }
#food-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#food-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#food-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#food-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#food-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#food-page .xl\:py-0{
      padding-block: 0px;
    }
#food-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#food-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#food-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#food-page .ab-menu.open{display:block}
#food-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#food-page .ab-menu button:hover,#food-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#food-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#food-page .ab-msg:empty{display:none}
#food-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#food-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#food-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#food-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#food-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#food-page .brand-scroll-animation{--g:5rem}}
#food-page .brand-scroll-animation:hover{animation-play-state:paused}
#food-page .brand-scroll-animation,#food-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#food-page *{transition:none!important}#food-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#food-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#food-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#food-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#food-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#food-page [id^=fa-]{scroll-margin-top:120px}
#food-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#food-page .semibold-fanum-font,#food-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#food-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#food-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#food-page a{color:inherit;text-decoration:none}
#food-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#food-page input[type=checkbox]{accent-color:var(--gold1)}
#food-page .bg-white{background-color:var(--sec-alt)}
#food-page .text-black{color:var(--ink)}
#food-page .text-\[\#0A2745\],#food-page .text-secondary{color:var(--ink)}
#food-page .bg-primary.text-white,#food-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#food-page .bg-secondary.text-white,#food-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#food-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#food-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#food-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .sol-toast{background:var(--nv);color:#f6ecd6}
#food-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#fast-food-page #ff-lightbox img{background:var(--card)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#fast-food-page #ff-lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#fast-food-page #ff-lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#fast-food-page #ff-lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#fast-food-page #ff-lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#fast-food-page #ff-lightbox .lb-x,#fast-food-page #ff-lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#fast-food-page #ff-lightbox .lb-x{top:14px;left:14px}
#fast-food-page #ff-lightbox .lb-nav{top:50%;margin-top:-22px}
#fast-food-page #ff-lightbox .lb-prev{right:14px}
#fast-food-page #ff-lightbox .lb-next{left:14px}
#fast-food-page #ff-lightbox .lb-x:hover,#fast-food-page #ff-lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#fast-food-page #ff-lightbox .lb-x:focus-visible,#fast-food-page #ff-lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #fast-food-page #ff-lightbox{padding:60px 12px 84px}
 #fast-food-page #ff-lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #fast-food-page #ff-lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #fast-food-page #ff-lightbox .lb-prev{right:16px}
 #fast-food-page #ff-lightbox .lb-next{left:16px}
 #fast-food-page #ff-lightbox figcaption{max-width:calc(100vw - 150px)}}
@media (prefers-reduced-motion:reduce){#fast-food-page *{transition:none!important}}

/* حاشیه‌ی راست/چپ یکسان همه‌ی سکشن‌ها مثل صفحه‌ی اتوماسیون تغذیه */
#fast-food-page{--wb-px:clamp(1rem,4vw + .5rem,9rem)}
@media(min-width:96rem){#fast-food-page{--wb-px:clamp(2rem,12vw + 20rem,16rem)}}
#fast-food-page >div>div.relative{border-radius:0 0 48px 48px}
#fast-food-page #ff-packages>div.flex:not(.pr-first){padding-inline:var(--wb-px)}
/* پکیج‌ها: هم‌رنگ و هم‌استایل تب اول صفحه قیمت‌ها */
#fast-food-page #ff-packages{--color-secondary:var(--nv)}
#fast-food-page #ff-packages .text-secondary{color:var(--ink)}
#fast-food-page #ff-packages .bg-white{background-color:var(--sec-alt)}
#fast-food-page #ff-packages .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
@media (hover:hover){
#fast-food-page #ff-packages .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}
#fast-food-page #ff-packages .group-hover\:border-\[\#0A2745\]:is(:where(.group):hover *){border-color:var(--ink)}
#fast-food-page #ff-packages .group-hover\:text-\[\#0A2745\]:is(:where(.group):hover *){color:var(--ink)}
#fast-food-page #ff-packages .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px rgba(43,33,24,.22), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page #ff-packages .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px rgba(43,33,24,.28), 0 10px 0 0 var(--ink), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fast-food-page #ff-packages .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]:is(:where(.group):hover *){--tw-shadow:0 8px 24px color-mix(in srgb,var(--acc) 38%,transparent);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
}
@media (min-width:48rem){#fast-food-page .md\:p-24{padding:calc(var(--spacing) * 24)}}
#fast-food-page #ff-pro-features article{padding-inline:var(--wb-px)}
#fast-food-page #ff-pro-features article>div{padding-inline:0!important}
#fast-food-page #ff-images .flex-\[0_0_100\%\]{padding:0}
#fast-food-page #ff-images .flex-\[0_0_100\%\] .p-2{padding:0}
#fast-food-page #ff-modules .CONTENT_CLASSES{padding-inline:0!important;margin-inline:0!important;max-width:none!important}
#fast-food-page #ff-modules>div>div{padding-inline:var(--wb-px)}

/* نمایی از محیط کاربری: تصویر در سمت چپ + دکمه‌های دو‌ستونه در سمت راست */
#fast-food-page .wb-gal{display:flex;flex-direction:row;align-items:center;gap:clamp(20px,3vw,48px);width:100%}
#fast-food-page .wb-tabs{flex:0 0 42%;display:grid;grid-template-columns:1fr 1fr;gap:14px}
#fast-food-page .wb-tab{cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:10px 14px;border:2px solid var(--nv);border-radius:999px;background:transparent;color:var(--ink);font-size:clamp(13px,1.05vw,17px);line-height:1.6;transition:background .2s,color .2s,box-shadow .2s}
#fast-food-page .wb-tab:hover{background:color-mix(in srgb,var(--nv) 10%,transparent)}
#fast-food-page .wb-tab[aria-selected=true]{background:var(--nv);color:#f6ecd6;box-shadow:0 8px 22px -10px var(--nv)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #fast-food-page .wb-tab{border-color:var(--line)}:root:not([data-theme="light"]) #fast-food-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}}
:root[data-theme="dark"] #fast-food-page .wb-tab{border-color:var(--line)}
:root[data-theme="dark"] #fast-food-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}
#fast-food-page .wb-stage{position:relative;flex:1 1 0;min-width:0;aspect-ratio:16/9.6;background:transparent;border:0;border-radius:0;overflow:hidden}
#fast-food-page .wb-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:0}
#fast-food-page .wb-zoom{position:absolute;top:10px;right:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;font-size:26px;line-height:1;color:#0A2745;background:#fff;border:1px solid rgba(10,39,69,.18);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;transition:opacity .2s,transform .2s}
#fast-food-page .wb-zoom:hover{opacity:.85;transform:scale(1.06)}
#fast-food-page .wb-zoom:focus-visible{outline:2px solid #d6b374;outline-offset:2px}
@media(max-width:900px){#fast-food-page .wb-gal{flex-direction:column-reverse;align-items:stretch}#fast-food-page .wb-stage{flex:none;width:100%}#fast-food-page .wb-tabs{flex:none}#fast-food-page .wb-tab{min-height:46px;padding:8px 10px}}
#fast-food-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#fast-food-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#fast-food-page .bg-ab-card{
    background-color: var(--card);
  }
#fast-food-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#fast-food-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#fast-food-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#fast-food-page .text-ab-cream{
    color: #f6ecd6;
  }
#fast-food-page .text-ab-ink{
    color: var(--ink);
  }
#fast-food-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#fast-food-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#fast-food-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#fast-food-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#fast-food-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#fast-food-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#fast-food-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#fast-food-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#fast-food-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#fast-food-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#fast-food-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#fast-food-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#fast-food-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#fast-food-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#fast-food-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#fast-food-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#fast-food-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#fast-food-page .bg-ab-card{
    background-color: var(--card);
  }
#fast-food-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#fast-food-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#fast-food-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#fast-food-page .text-ab-cream{
    color: #f6ecd6;
  }
#fast-food-page .text-ab-ink{
    color: var(--ink);
  }
#fast-food-page .text-ab-mut{
    color: var(--mut);
  }
#fast-food-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#fast-food-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#fast-food-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#fast-food-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#fast-food-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#fast-food-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#fast-food-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#fast-food-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#fast-food-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#fast-food-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#fast-food-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#fast-food-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#fast-food-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#fast-food-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#fast-food-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#fast-food-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#fast-food-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#fast-food-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#fast-food-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }

#fast-food-page .bg-ab-gold\/45:focus,#fast-food-page .focus\:bg-ab-gold\/45:focus{background-color:color-mix(in oklab,#d6b374 45%,transparent)}
#fast-food-page .app-actions{gap:14px;flex-wrap:wrap}
#fast-food-page .app-dl{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.5rem;border-radius:999px;background:var(--acc);color:var(--on-acc,#fff);font-size:clamp(13px,1.1vw,18px);transition:transform .25s,box-shadow .25s}
#fast-food-page .app-dl:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--acc)}
#fast-food-page section[aria-label="اعلان نسخه اندروید نرم‌افزار رستوران سول"]{margin-bottom:0}
#fast-food-page section.md\:mb-72{margin-bottom:0!important}
#fast-food-page section.md\:mb-72{margin-top:-44px!important}
@media(min-width:48rem){#fast-food-page section.md\:mb-72{margin-top:-86px!important}}
@media(min-width:80rem){#fast-food-page section.md\:mb-72{margin-top:-194px!important}}
@media(min-width:96rem){#fast-food-page section.md\:mb-72{margin-top:-210px!important}}
/* فاصله‌ی نوار قرمز: هم‌اندازه‌ی اون توی صفحه‌ی اتوماسیون تغذیه (--fa-gap) */
#fast-food-page{--fa-gap:clamp(12px,1.8vw,24px)}
#fast-food-page #ff-toc{margin-top:var(--fa-gap)!important}
#fast-food-page #ff-toc + section{margin-top:var(--fa-gap)!important;padding-top:6rem}
#fast-food-page #ff-toc + section>div>div>h2:first-child{margin-top:0!important}
/* امکانات: رنگ عنوان کارت‌ها مثل صفحه ویندوزی */
#fast-food-page #ff-features-list .text-secondary{color:var(--ink)}
/* ===== هایلایت قابلیت آفلاین در هیروی صفحه وب ===== */
@media(min-width:64rem){#fast-food-page>div>div.relative{height:auto;min-height:calc(var(--spacing)*194);padding-bottom:204px}}
@media(min-width:80rem){#fast-food-page>div>div.relative{padding-bottom:312px}}
@media(min-width:96rem){#fast-food-page>div>div.relative{padding-bottom:328px}}
#fast-food-page .ofl{position:relative;isolation:isolate;overflow:hidden;direction:rtl;width:min(100%,1180px);margin:clamp(14px,2vw,26px) auto 0;padding:clamp(18px,2vw,28px) clamp(18px,2.6vw,38px);border-radius:28px;color:#fff;text-align:right;display:flex;align-items:center;gap:clamp(16px,2.4vw,34px);background:linear-gradient(120deg,#7d1f19 0%,#b3342b 52%,#7d1f19 100%);border:2px solid var(--gold1,#d6b374);box-shadow:0 24px 50px -18px rgba(0,0,0,.75),0 0 0 7px rgba(227,194,138,.14);animation:ofl-in .9s .3s both cubic-bezier(.2,.8,.2,1)}
#fast-food-page .ofl:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 14px,transparent 14px 28px)}
#fast-food-page .ofl:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,236,190,.28) 50%,transparent 62%);transform:translateX(-130%);animation:ofl-sw 5s ease-in-out infinite}
#fast-food-page .ofl-ic{position:relative;flex:none;width:clamp(64px,6.4vw,92px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.28);border:2px solid rgba(251,230,174,.7)}
#fast-food-page .ofl-ic:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(251,230,174,.55);animation:ofl-p 2.4s ease-out infinite}
#fast-food-page .ofl-ic svg{width:56%;height:56%}
#fast-food-page .ofl-ok{position:absolute;bottom:-4px;left:-4px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:900;color:#fff;background:#2f9e5b;border:3px solid #7d1f19}
#fast-food-page .ofl-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}
#fast-food-page .ofl-k{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;font-size:13px;font-weight:800;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f)}
#fast-food-page .ofl-k i{width:8px;height:8px;border-radius:50%;background:#b3342b;animation:ofl-d 1.4s ease-in-out infinite}
#fast-food-page .ofl-h{margin:0;font-weight:900;font-size:clamp(20px,2.3vw,36px);line-height:1.45;color:#fff}
#fast-food-page .ofl-p{margin:0;font-weight:500;font-size:clamp(13px,1.2vw,17px);line-height:1.9;color:#fbe9d0}
#fast-food-page .ofl-ch{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
#fast-food-page .ofl-ch li{padding:4px 13px;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:700;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}
#fast-food-page .ofl-go{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:290px;padding:14px 26px;border-radius:999px;font-size:clamp(14px,1.2vw,17px);font-weight:900;line-height:1.6;text-align:center;text-decoration:none;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f);box-shadow:0 12px 26px -8px rgba(0,0,0,.6);transition:transform .2s,filter .2s}
#fast-food-page .ofl-go:hover{transform:translateY(-2px);filter:brightness(1.06)}
#fast-food-page .ofl-go:focus-visible{outline:3px solid #fff;outline-offset:3px}
#fast-food-page .ofl-go svg{flex:none;width:20px;height:20px;transition:transform .25s}
#fast-food-page .ofl-go:hover svg{transform:translateX(-5px)}
@keyframes ofl-in{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ofl-sw{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@keyframes ofl-p{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.28);opacity:0}}
@keyframes ofl-d{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:860px){#fast-food-page .ofl{flex-direction:column;text-align:center;border-radius:24px}#fast-food-page .ofl-k{align-self:center}#fast-food-page .ofl-ch{justify-content:center}#fast-food-page .ofl-go{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){#fast-food-page .ofl,#fast-food-page .ofl:after,#fast-food-page .ofl-ic:before,#fast-food-page .ofl-k i{animation:none}}
#fast-food-page #ff-toc>div>.lg\:-mt-32{margin-top:0!important}
#fast-food-page #ff-modules a.group{color:inherit;text-decoration:none}

/* امکانات حرفه‌ای: تصویر چسبیده به لبه‌ی صفحه (مارجین صفر)، متن با مارجین استاندارد، ارتفاع هر بخش = یک ویو */
#fast-food-page #ff-pro-features{--pf-h:clamp(360px,calc(100svh - 190px),780px)}
#fast-food-page #ff-pro-features article{box-sizing:border-box;padding-inline:0!important;overflow:hidden}
#fast-food-page #ff-pro-features article>div{margin-inline:0!important;min-width:0}
#fast-food-page #ff-pro-features article>div:first-child{padding:0!important}
#fast-food-page #ff-pro-features article>div:first-child>.relative{translate:none!important;margin:0!important;width:100%}
#fast-food-page #ff-pro-features article>div:first-child img{object-fit:contain!important}
#fast-food-page #ff-pro-features article>div:last-child{padding-inline:var(--wb-px)!important}
@media(min-width:1024px){
 #fast-food-page #ff-pro-features article{display:flex;flex-direction:row;align-items:center;margin-top:clamp(20px,4vh,48px)!important;min-height:var(--pf-h)}
 #fast-food-page #ff-pro-features article>div:first-child{flex:0 0 min(60%,calc(var(--pf-h)*1.3334));width:min(60%,calc(var(--pf-h)*1.3334))!important;max-width:none}
 #fast-food-page #ff-pro-features article>div:first-child>.relative{aspect-ratio:auto!important;min-height:0!important;height:min(var(--pf-h),calc(60vw*.75))}
 #fast-food-page #ff-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:first-child img{object-position:left center}
 #fast-food-page #ff-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:first-child img{object-position:right center}
 #fast-food-page #ff-pro-features article>div:last-child{flex:1 1 0;width:auto!important;max-width:none}
 #fast-food-page #ff-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:last-child{padding-left:clamp(16px,2vw,40px)!important;padding-right:var(--wb-px)!important}
 #fast-food-page #ff-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:last-child{padding-right:clamp(16px,2vw,40px)!important;padding-left:var(--wb-px)!important}
 /* فشرده‌سازی متن تا ارتفاع در یک ویو جا شود */
 #fast-food-page #ff-pro-features article>div:last-child{padding-top:0!important}
 #fast-food-page #ff-pro-features article h3{margin-bottom:clamp(6px,1.4vh,18px)!important;font-size:clamp(17px,2.6vh,26px)!important}
 #fast-food-page #ff-pro-features article h3>span:first-child{font-size:clamp(48px,10vh,100px)!important;line-height:1}
 #fast-food-page #ff-pro-features article ul{font-size:clamp(11px,1.7vh,15px)!important}
 #fast-food-page #ff-pro-features article ul>li+li{margin-top:clamp(4px,1vh,11px)!important}
}
/* رنگ‌های نارنجی (با شفافیت) در این سکشن → رنگ اصلی سایت */
#fast-food-page #ff-pro-features .text-\[\#FF4C00\]\/30{color:color-mix(in srgb,var(--acc) 30%,transparent)}
#fast-food-page #ff-pro-features .bg-\[\#FF4C00\]\/10,#fast-food-page #ff-pro-features .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:color-mix(in srgb,var(--acc) 10%,transparent)}
#fast-food-page #ff-pro-features .bg-\[\#FF4C00\]\/20{background-color:color-mix(in srgb,var(--acc) 20%,transparent)}
#fast-food-page #ff-pro-features .border-\[\#FF4C00\]\/20,#fast-food-page #ff-pro-features .hover\:border-\[\#FF4C00\]\/30:hover{border-color:color-mix(in srgb,var(--acc) 25%,transparent)}
#fast-food-page #ff-pro-features [class*="FF4C00"]{--tw-shadow-color:color-mix(in srgb,var(--acc) 40%,transparent)}

/* تصاویر ویژگی‌های حرفه‌ای: قاب دستگاه + کارت + دایره‌ی هم‌رنگ سایت */
#fast-food-page #ff-pro-features .pf-art{position:absolute;inset:0}
#fast-food-page #ff-pro-features .pf-circle{position:absolute;width:56%;aspect-ratio:1;border-radius:50%;top:0;background:var(--acc);z-index:0}
#fast-food-page #ff-pro-features .pf-dev{position:absolute;z-index:1;top:8%;width:94%;aspect-ratio:3148/2244;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
#fast-food-page #ff-pro-features .pf-dev img{display:block;width:100%;height:100%;object-fit:contain!important;position:static!important}
#fast-food-page #ff-pro-features .pf-pop{position:absolute;z-index:2;bottom:2%;max-width:80%;height:auto;object-fit:contain!important}
#fast-food-page #ff-pro-features .pf-L .pf-dev{left:-5%}
#fast-food-page #ff-pro-features .pf-L .pf-circle{right:2%}
#fast-food-page #ff-pro-features .pf-L .pf-pop{right:3%}
#fast-food-page #ff-pro-features .pf-R .pf-dev{right:-5%}
#fast-food-page #ff-pro-features .pf-R .pf-circle{left:2%}
#fast-food-page #ff-pro-features .pf-R .pf-pop{left:3%}


#fast-food-page .vx-sec{--d:clamp(240px,27vw,400px);border-top:1px dashed var(--gold2);text-align:center}
#fast-food-page .vx-cmp{display:inline-block;padding:5px 16px;border:1px dashed var(--gold2);border-radius:999px;font-size:13px;font-weight:800;color:var(--goldtxt)}
#fast-food-page .vx-hd h2{margin:.5em 0 0;font-size:clamp(26px,3.4vw,52px);line-height:1.5;font-weight:800;color:var(--hn)}
#fast-food-page .vx-hd h2 em{font-style:normal;background:linear-gradient(90deg,var(--gold2),var(--gold1));-webkit-background-clip:text;background-clip:text;color:transparent}
#fast-food-page .vx-hd p{margin:.4em auto 0;max-width:46ch;font-size:clamp(14px,1.1vw,16px);line-height:2;color:var(--mut)}
#fast-food-page .vx-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(16px,2vw,30px) clamp(16px,2vw,30px);margin-top:clamp(20px,2.5vw,40px);align-items:stretch}
#fast-food-page .vx-card{position:relative;display:flex;flex-direction:column;margin-top:calc(var(--d)*.46);border-radius:36px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
#fast-food-page .vx-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),color-mix(in srgb,var(--gold2) 16%,transparent) 0 1px,transparent 1px 34px)}
#fast-food-page .vx-web{color:#f6ecd9;border-color:rgba(214,179,116,.3);background:linear-gradient(160deg,#3d2e1f,#2a2018);box-shadow:var(--shadow)}
#fast-food-page .vx-web:before{background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),rgba(246,236,217,.06) 0 1px,transparent 1px 34px)}
#fast-food-page .vx-media{position:relative;z-index:1;width:var(--d);aspect-ratio:1;margin:calc(var(--d)*-.46) auto 0}
#fast-food-page .vx-ph{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 clamp(3px,.45vw,6px) rgba(214,179,116,.55),0 30px 60px -26px rgba(40,26,10,.65)}
#fast-food-page .vx-ring{position:absolute;inset:-5%;border-radius:50%;border:1.5px solid rgba(214,179,116,.5);pointer-events:none}
#fast-food-page .vx-ring:after{content:"";position:absolute;bottom:3%;left:14%;width:9px;height:9px;border-radius:50%;background:var(--gold1);box-shadow:0 0 14px var(--gold1)}
#fast-food-page .vx-chip,#fast-food-page .vx-mini{position:absolute;z-index:2;display:flex;align-items:center;gap:.6em;color:var(--ink);background:var(--card);border:1px solid var(--line);box-shadow:0 14px 30px -14px rgba(60,40,10,.45)}
#fast-food-page .vx-web .vx-chip,#fast-food-page .vx-web .vx-mini{color:#f6ecd9;background:rgba(30,22,15,.62);border-color:rgba(246,236,217,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
#fast-food-page .vx-chip{left:-7%;top:58%;padding:.6em 1.2em;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:800;white-space:nowrap}
#fast-food-page .vx-chip svg{width:1.3em;height:1.3em;flex:none;color:var(--gold2)}
#fast-food-page .vx-web .vx-chip svg{color:#e3c28a}
#fast-food-page .vx-mini{right:-4%;bottom:5%;flex-direction:column;align-items:stretch;gap:0;min-width:128px;padding:12px 16px;border-radius:20px;text-align:start;font-size:clamp(11px,.95vw,13px)}
#fast-food-page .vx-mini small{font-weight:700;opacity:.9}
#fast-food-page .vx-mini b{margin-top:4px;color:var(--leaf);font-size:1.1em}
#fast-food-page .vx-bars{display:flex;align-items:flex-end;gap:5px;height:32px;margin-top:9px;direction:ltr}
#fast-food-page .vx-bars i{flex:1;height:var(--h);border-radius:3px;background:linear-gradient(180deg,#d6e8b8,#7fa560);transform-origin:bottom}
#fast-food-page .vx-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;padding:clamp(20px,2vw,30px) clamp(20px,2.8vw,48px) clamp(26px,2.8vw,44px)}
#fast-food-page .vx-body .vx-t{margin:0;font-size:clamp(24px,2.4vw,38px);font-weight:800;line-height:1.5;color:var(--hn)}
#fast-food-page .vx-web .vx-t{color:#fff6e4}
#fast-food-page .vx-sub{margin:.1em 0 .9em;font-size:clamp(17px,1.6vw,24px);font-weight:700;line-height:1.6;color:var(--goldtxt)}
#fast-food-page .vx-web .vx-sub{color:#e3c28a}
#fast-food-page .vx-desc{margin:0 auto 1em;max-width:58ch;font-size:clamp(14px,1.08vw,16.5px);line-height:2.15;color:var(--ink)}
#fast-food-page .vx-web .vx-desc{color:rgba(246,236,217,.86)}
#fast-food-page .vx-aud{display:inline-flex;align-items:center;gap:10px;margin:0 auto 1.6em;padding:9px 18px 9px 20px;border-radius:999px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 28%,transparent)}
#fast-food-page .vx-web .vx-aud{background:rgba(214,179,116,.12);border-color:rgba(214,179,116,.3)}
#fast-food-page .vx-aud svg{width:19px;height:19px;flex:none;color:var(--leaf)}
#fast-food-page .vx-web .vx-aud svg{color:#e3c28a}
#fast-food-page .vx-vl{display:flex;align-items:center;gap:14px;margin:0 auto .9em;width:min(100%,460px);font-size:13.5px;font-weight:800;color:var(--leaf)}
#fast-food-page .vx-vl:before,#fast-food-page .vx-vl:after{content:"";flex:1;height:1px;background:currentColor;opacity:.3}
#fast-food-page .vx-web .vx-vl{color:#a4c27f}
#fast-food-page .vx-ft{list-style:none;margin:0 auto 1.8em;padding:0;width:min(100%,460px);display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;text-align:start}
#fast-food-page .vx-ft li{display:flex;align-items:center;gap:10px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700}
#fast-food-page .vx-ft svg{flex:none;width:24px;height:24px;padding:5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#fast-food-page .vx-web .vx-ft svg{color:#a4c27f;background:rgba(164,194,127,.2)}
#fast-food-page .vx-ft .vx-star{grid-column:1/-1;padding:10px 16px;border-radius:16px;font-weight:800;color:#1c1712;background:linear-gradient(135deg,#e3c28a,#b58a45);box-shadow:0 10px 22px -12px #b58a45}
#fast-food-page .vx-ft .vx-star svg{width:26px;height:26px;padding:4px;color:#e3c28a;background:#1c1712}
#fast-food-page .vx-ft .vx-star em{margin-inline-start:auto;font-style:normal;font-size:.8em;padding:2px 10px;border-radius:999px;background:#1c1712;color:#e3c28a}
#fast-food-page .vx-act{margin-top:auto;display:flex;flex-direction:column;gap:12px}
#fast-food-page .vx-act a{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border-radius:999px;border:2px solid var(--acc);font-size:15px;font-weight:800;line-height:1.7;transition:transform .2s,filter .2s,background .2s,color .2s}
#fast-food-page .vx-b1{background:var(--acc);color:var(--on-acc)}
#fast-food-page .vx-b1:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 22px -10px var(--acc)}
#fast-food-page .vx-b2{border-color:var(--gold2)!important;color:var(--goldtxt)}
#fast-food-page .vx-b2:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#fast-food-page .vx-web .vx-b2{border-color:#e3c28a!important;color:#e3c28a}
#fast-food-page .vx-web .vx-b2:hover{color:#1c1712}
#fast-food-page .vx-new{padding:1px 10px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:11.5px;line-height:1.8}
#fast-food-page .vx-web .vx-b2:hover .vx-new{background:#1c1712;color:#e3c28a}
#fast-food-page .vx-act a:focus-visible{outline:3px solid var(--gold1);outline-offset:3px}
#fast-food-page .vx-ready .vx-media{opacity:0;transform:translateY(48px) scale(.94);transition:opacity .9s,transform 1.1s cubic-bezier(.2,.8,.2,1)}
#fast-food-page .vx-ready .vx-card:nth-child(2) .vx-media{transition-delay:.18s}
#fast-food-page .vx-ready .vx-chip,#fast-food-page .vx-ready .vx-mini{opacity:0;transition:opacity .7s .7s}
#fast-food-page .vx-ready .vx-bars i{transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.8,.2,1) calc(.9s + var(--d2,0s))}
#fast-food-page .vx-ready .vx-card.in .vx-media,#fast-food-page .vx-ready .vx-card.in .vx-chip,#fast-food-page .vx-ready .vx-card.in .vx-mini{opacity:1;transform:none}
#fast-food-page .vx-ready .vx-card.in .vx-bars i{transform:none}
@media(max-width:1000px){#fast-food-page .vx-sec{--d:clamp(230px,56vw,380px)}
#fast-food-page .vx-grid{grid-template-columns:1fr}}
@media(max-width:560px){#fast-food-page .vx-mini{display:none}
#fast-food-page .vx-ft{grid-template-columns:1fr}
#fast-food-page .vx-card{border-radius:28px}}
@media(prefers-reduced-motion:reduce){#fast-food-page .vx-ready .vx-media,#fast-food-page .vx-ready .vx-chip,#fast-food-page .vx-ready .vx-mini,#fast-food-page .vx-ready .vx-bars i,#fast-food-page .vx-act a{transition:none}}
@media(min-width:1001px){#fast-food-page .vx-sec{--d:clamp(230px,min(33vh,26vw),420px)}}
#fast-food-page .vx-card{margin-top:calc(var(--d)*.44);border-radius:30px}
#fast-food-page .vx-media{margin-top:calc(var(--d)*-.44)}
#fast-food-page .vx-cmp{padding:3px 14px;font-size:12px}
#fast-food-page .vx-hd h2{margin:.25em 0 0;font-size:clamp(22px,2.3vw,36px);line-height:1.4}
#fast-food-page .vx-hd p{display:none}
#fast-food-page .vx-grid{margin-top:clamp(6px,1.2vh,14px);gap:clamp(14px,1.6vw,24px)}
#fast-food-page .vx-chip{left:-13%;top:50%;padding:.5em 1em}
#fast-food-page .vx-mini{right:-9%;bottom:-3%;min-width:108px;padding:9px 12px}
#fast-food-page .vx-body{padding:clamp(12px,1.6vh,18px) clamp(18px,2.4vw,36px) clamp(18px,2.4vh,26px)}
#fast-food-page .vx-body .vx-t{font-size:clamp(20px,1.9vw,29px);line-height:1.4}
#fast-food-page .vx-sub{margin:0 0 .5em;font-size:clamp(15px,1.25vw,19px);line-height:1.5}
#fast-food-page .vx-desc{margin-bottom:.7em;font-size:clamp(13px,.95vw,14.5px);line-height:1.95}
#fast-food-page .vx-aud{margin-bottom:1em;padding:6px 16px 6px 18px;font-size:13px}
#fast-food-page .vx-aud svg{width:17px;height:17px}
#fast-food-page .vx-vl{margin-bottom:.6em;font-size:12.5px}
#fast-food-page .vx-ft{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-bottom:1.1em}
#fast-food-page .vx-ft li{padding:5px 14px 5px 10px;border-radius:999px;font-size:13.5px;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 26%,transparent)}
#fast-food-page .vx-web .vx-ft li{background:rgba(164,194,127,.12);border-color:rgba(164,194,127,.28)}
#fast-food-page .vx-ft svg{width:20px;height:20px;padding:4px}
#fast-food-page .vx-web .vx-ft .vx-star,#fast-food-page .vx-ft .vx-star{flex:1 1 100%;max-width:340px;padding:7px 14px;border:0;background:linear-gradient(135deg,#e3c28a,#b58a45)}
#fast-food-page .vx-web .vx-ft .vx-star svg,#fast-food-page .vx-ft .vx-star svg{width:22px;height:22px;color:#e3c28a;background:#1c1712}
#fast-food-page .vx-act{gap:8px}
#fast-food-page .vx-act a{padding:10px 20px;font-size:14px}
#fast-food-page .vx-desc{max-width:84ch}
#fast-food-page .vx-act{flex-direction:row;flex-wrap:wrap;justify-content:center}
#fast-food-page .vx-act a{flex:1 1 auto;padding:10px 16px;font-size:13.5px}
#fast-food-page .vx-chip{font-size:clamp(12px,.9vw,14px)}
#fast-food-page .vx-chip,#fast-food-page .vx-mini{display:none!important}
@keyframes vx-spin{to{rotate:360deg}}
@keyframes vx-pulse{0%{transform:scale(.97);opacity:.55}100%{transform:scale(1.2);opacity:0}}
#fast-food-page .vx-ring{inset:-6%;border:1.5px dashed rgba(227,194,138,.6);animation:vx-spin 50s linear infinite}
#fast-food-page .vx-win .vx-ring{border-color:color-mix(in srgb,var(--gold2) 65%,transparent)}
#fast-food-page .vx-ring:before{content:"";position:absolute;inset:-2px;border-radius:50%;
background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold1) 30%,transparent) 78%,#f3d9a0 100%);
-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
animation:vx-spin 6s linear infinite reverse}
#fast-food-page .vx-win .vx-ring:before{background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold2) 35%,transparent) 78%,var(--gold2) 100%)}
#fast-food-page .vx-ring:after{bottom:auto;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;background:#f3d9a0;box-shadow:0 0 0 4px rgba(227,194,138,.2),0 0 16px 2px var(--gold1)}
#fast-food-page .vx-media:after{content:"";position:absolute;inset:-6%;border-radius:50%;border:1.5px solid var(--gold1);pointer-events:none;animation:vx-pulse 4.2s cubic-bezier(.2,.6,.3,1) infinite}
#fast-food-page .vx-card:nth-child(2) .vx-media:after{animation-delay:2.1s}
#fast-food-page .vx-card:hover .vx-ring{animation-duration:14s}
@media(prefers-reduced-motion:reduce){#fast-food-page .vx-ring,#fast-food-page .vx-ring:before,#fast-food-page .vx-media:after{animation:none}}

#fast-food-page .vx-sec{border-top:0}
#fast-food-page .vx-ph{overflow:hidden;background:var(--bg2)}
#fast-food-page .vx-win .vx-ph{background:var(--card)}
#fast-food-page .vx-rec{position:absolute;z-index:3;top:18px;left:22px;padding:4px 16px;border-radius:999px;border:1.5px solid var(--gold1);background:rgba(28,23,18,.55);color:#e3c28a;font-size:13px;font-weight:800;backdrop-filter:blur(8px)}
#fast-food-page .vx-pre{margin:0 auto;max-width:42rem;padding-inline:1rem;text-align:center;font-size:.875rem;line-height:1.9;color:var(--mut)}
@media(min-width:64rem){#fast-food-page .vx-pre{font-size:1rem}}
#fast-food-page .vx-sec{margin-top:clamp(12px,2vw,28px)}
#fast-food-page a.vx-b2[href="#"]{cursor:pointer}
html.is-ff body>section:not(#mp-sec),html.is-ff #nl-sec,html.is-ff #cta-band,html.is-ff .pgx,html.is-ff #hk-cards{display:none!important}


@media(min-width:1024px){#fast-food-page #ff-images h2{max-width:none;white-space:nowrap;font-size:min(48px,4.05vw)}}

#ff-versions .cv-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto repeat(10,auto) auto;column-gap:clamp(12px,2vw,28px);width:100%}
#ff-versions .cv-card{position:relative;grid-row:1/span 13;display:grid;grid-template-rows:subgrid;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
#ff-versions .cv-web{border:1.5px solid var(--gold2)}
#ff-versions .cv-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:clamp(8px,1.4vh,14px) 18px 2px}
#ff-versions .cv-t{font-weight:800;line-height:1.4;font-size:clamp(16px,2.3vh,23px);color:var(--hn,var(--ink))}
#ff-versions .cv-rec{order:2;flex:none;font-size:12px;font-weight:800;padding:3px 12px;border-radius:999px;background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#ff-versions .cv-d{margin:0;padding:0 20px clamp(6px,1.2vh,12px);font-size:clamp(12px,1.6vh,14px);line-height:1.7;color:color-mix(in srgb,var(--ink) 82%,var(--mut))}
#ff-versions .cv-c{display:flex;align-items:center;gap:10px;padding:clamp(3px,.55vh,7px) 18px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);font-size:clamp(12px,1.6vh,14.5px);line-height:1.6}
#ff-versions .cv-tx{display:flex;flex-direction:column}
#ff-versions .cv-tx b{font-weight:700}
#ff-versions .cv-tx small{font-size:.85em;opacity:.75}
#ff-versions .cv-ck{flex:none;width:20px;height:20px;padding:3.5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#ff-versions .cv-star{background:color-mix(in srgb,var(--gold1) 20%,transparent);font-weight:800}
#ff-versions .cv-off{background:color-mix(in srgb,var(--mut) 6%,transparent)}
#ff-versions .cv-no{width:100%;text-align:center;color:var(--mut);opacity:.6}
#ff-versions .cv-act{display:flex;gap:10px;padding:clamp(7px,1.1vh,12px) 18px clamp(8px,1.4vh,14px);border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
#ff-versions .cv-act a{flex:1;text-align:center;font-weight:700;font-size:clamp(12.5px,1.7vh,14.5px);padding:clamp(6px,1vh,10px) 12px;border-radius:999px;transition:transform .2s,filter .2s}
#ff-versions .cv-b1{background:var(--acc);color:var(--on-acc)}
#ff-versions .cv-b2{border:1.5px solid var(--gold2);color:var(--goldtxt)}
#ff-versions .cv-act a:hover{transform:translateY(-2px);filter:brightness(1.08)}
@media(max-width:700px){
#ff-versions .cv-grid{grid-template-columns:1fr;grid-template-rows:none;row-gap:16px}
#ff-versions .cv-card{grid-row:auto;grid-template-rows:none}
#ff-versions .cv-card>*{grid-row:auto!important}
}

#ff-versions .cv-grid{padding-top:22px}
#ff-versions .cv-card{overflow:visible}
#ff-versions .cv-h{padding-top:30px;min-height:30px}
#ff-versions .cv-t{position:absolute;top:0;inset-inline:0;margin-inline:auto;transform:translateY(-50%);width:max-content;max-width:calc(100% - 24px);text-align:center;padding:7px 26px;border-radius:999px;font-size:clamp(14px,1.9vh,17px);line-height:1.5;color:var(--goldtxt);background:var(--card);border:1.5px solid var(--gold2);box-shadow:0 0 0 6px var(--bg)}
#ff-versions .cv-web .cv-t{color:var(--on-gold);background:linear-gradient(135deg,var(--gold1),var(--gold2));border-color:var(--gold2)}
#ff-versions .cv-act{border-radius:0 0 22px 22px}
@media(min-width:640px){#ff-versions h2{max-width:none!important;white-space:nowrap}}@media(min-width:900px){#ff-versions .vx-pre{max-width:none!important;white-space:nowrap;font-size:clamp(11px,1.2vw,15px)!important}}


#ff-profit{font-family:'Vazirmatn',inherit;color:var(--ink)}
#ff-profit .cp-h{margin:0 auto .5rem;text-align:center;font-size:clamp(20px,3.2vw,36px);line-height:1.4;color:var(--ink)}
#ff-profit .cp-sub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#ff-profit .cp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,32px);max-width:none;margin:0 auto}
#ff-profit .cp-item{--w:clamp(64px,6.5vw,92px);position:relative;display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--w)*.4)}
#ff-profit .cp-ic{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;width:var(--w);height:auto;filter:drop-shadow(0 6px 8px rgba(120,86,30,.25))}
#ff-profit .cp-c{width:100%;max-width:280px;aspect-ratio:1;border-radius:50%;border:1.5px dashed var(--acc);background:color-mix(in srgb,var(--card) 70%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--w)*.4 + 6px) clamp(18px,2.4vw,34px) clamp(14px,2vw,24px);margin-top:0;transition:transform .3s,box-shadow .3s,background .3s}
#ff-profit .cp-item:hover .cp-c{transform:translateY(-4px);box-shadow:var(--shadow);background:var(--card)}
#ff-profit .cp-n{display:inline;font-weight:800;font-size:clamp(28px,3.6vw,48px);line-height:1.2;color:var(--acc)}
#ff-profit .cp-p{display:inline;font-weight:800;font-size:clamp(16px,1.8vw,24px);color:var(--acc);margin-inline-start:2px}
#ff-profit .cp-c p{margin:.35rem 0 0;font-size:clamp(11.5px,1.15vw,14.5px);line-height:1.8;color:var(--ink)}
#ff-profit .cp-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,56px)}
#ff-profit .cp-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 36px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:clamp(14px,1.3vw,16px);border:2px solid var(--acc);transition:transform .2s,box-shadow .2s,filter .2s}
#ff-profit .cp-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:900px){#ff-profit .cp-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}}
@media(max-width:480px){#ff-profit .cp-c{max-width:200px}#ff-profit .cp-c p{font-size:11px}}


#ff-images .ff-gsub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#ff-images .wb-stage{border-radius:28px}
#ff-images .ff-slide{position:absolute;inset:0;display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:color-mix(in srgb,var(--bg2) 85%,var(--card));border:1px solid var(--line);border-radius:28px;color:color-mix(in srgb,var(--mut) 55%,transparent)}
#ff-images .ff-slide[hidden]{display:none}
#ff-images .ff-slide>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(56px,8vw,96px);height:auto}
#ff-images .ff-slide img{display:block;width:100%;height:auto}
#fast-food-page #ff-lightbox{overflow:hidden}
#fast-food-page #ff-lightbox .lb-fig img{touch-action:none;user-select:none;-webkit-user-select:none;transform-origin:center center;position:relative;z-index:1}
#fast-food-page #ff-lightbox .lb-x,#fast-food-page #ff-lightbox .lb-nav{z-index:3}
#fast-food-page #ff-lightbox .lb-zoombar{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;direction:ltr}
#fast-food-page #ff-lightbox .lb-zoombar button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#fast-food-page #ff-lightbox .lb-zoombar .lb-zreset{width:auto;min-width:68px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;font-family:inherit}
#fast-food-page #ff-lightbox .lb-zoombar button:hover:not(:disabled){background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#fast-food-page #ff-lightbox .lb-zoombar button:disabled{opacity:.4;cursor:default}
#fast-food-page #ff-lightbox .lb-zoombar button:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}


#ff-features-list .ffl-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut);max-width:48rem}
#ff-features-list .ffl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);max-width:none;margin:0 auto}
#ff-features-list .ffl-card{display:flex;align-items:center;gap:14px;min-height:96px;padding:14px 18px;background:var(--card);color:var(--ink);border:1px solid color-mix(in srgb,var(--acc) 50%,transparent);border-left:4px solid var(--acc);border-radius:16px;transition:transform .25s,box-shadow .25s,border-color .25s}
#ff-features-list .ffl-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--acc)}
#ff-features-list .ffl-ic{flex:0 0 auto;width:30px;height:30px;color:var(--acc)}
#ff-features-list .ffl-card p{margin:0;flex:1;min-width:0;text-align:right;font-size:clamp(12px,1.05vw,14px);line-height:1.9;color:var(--ink)}
#ff-features-list .ffl-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,64px)}
#ff-features-list .ffl-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 40px;border-radius:999px;background:var(--acc);color:var(--on-acc);border:2px solid var(--acc);font-size:clamp(14px,1.3vw,17px);transition:transform .2s,box-shadow .2s,filter .2s}
#ff-features-list .ffl-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:1100px){#ff-features-list .ffl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#ff-features-list .ffl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#ff-features-list .ffl-grid{grid-template-columns:1fr}#ff-features-list .ffl-card{min-height:76px}}


#ff-modules .ffm-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#ff-modules .ffm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);max-width:none;margin:0 auto}
#ff-modules .ffm-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2vw,26px) clamp(18px,2.2vw,32px);border-radius:22px;background:color-mix(in srgb,var(--acc) 6%,var(--card));color:var(--ink);text-decoration:none;box-shadow:0 8px 24px -14px rgba(43,33,24,.25);transition:background .25s,color .25s,transform .25s,box-shadow .25s}
#ff-modules .ffm-head{display:flex;align-items:center;gap:14px}
#ff-modules .ffm-ic{flex:0 0 auto;width:clamp(34px,3.2vw,44px);height:clamp(34px,3.2vw,44px);color:var(--acc);transition:color .25s}
#ff-modules .ffm-card h3{margin:0;font-size:clamp(13.5px,1.2vw,16px);line-height:1.8;color:inherit}
#ff-modules .ffm-card p{margin:0;font-size:clamp(12px,1.05vw,14px);line-height:2.1;color:inherit;opacity:.85;text-align:right}
#ff-modules .ffm-go{position:absolute;top:clamp(20px,2.2vw,30px);left:clamp(18px,2.2vw,30px);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--card);color:var(--acc);opacity:0;transform:translateX(8px);transition:opacity .25s,transform .25s}
#ff-modules .ffm-card:hover,#ff-modules .ffm-card:focus-visible{background:var(--acc);color:var(--on-acc);transform:translateY(-3px);box-shadow:0 18px 36px -16px color-mix(in srgb,var(--acc) 60%,transparent)}
#ff-modules .ffm-card:hover .ffm-ic,#ff-modules .ffm-card:focus-visible .ffm-ic{color:var(--on-acc)}
#ff-modules .ffm-card:hover p,#ff-modules .ffm-card:focus-visible p{opacity:1}
#ff-modules .ffm-card:hover .ffm-go,#ff-modules .ffm-card:focus-visible .ffm-go{opacity:1;transform:none}
#ff-modules .ffm-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(hover:none){#ff-modules .ffm-go{opacity:1;transform:none;background:color-mix(in srgb,var(--acc) 12%,transparent)}}
@media(max-width:800px){#ff-modules .ffm-grid{grid-template-columns:1fr}}


#fast-food-page #ff-customers .group-hover\:bg-ab-bg2:is(:where(.group):hover *){background-color:var(--bg2)}
#fast-food-page #ff-customers .hover\:border-ab-acc:hover{border-color:var(--acc,#a9322b)}
#fast-food-page #ff-customers .bg-ab-bg2{background-color:var(--bg2)}
#fast-food-page #ff-customers .max-w-\[88\%\]{max-width:88%}
#fast-food-page #ff-customers .backface-visibility-hidden{backface-visibility:hidden}
#fast-food-page #ff-customers [style*="padding-left:clamp(1rem"]{padding-inline:clamp(1rem,4vw + .5rem,9rem)!important}
#fast-food-page #ff-customers .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#fast-food-page #ff-customers .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#fast-food-page #ff-customers .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#fast-food-page #ff-customers .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#fast-food-page #ff-customers .brand-scroll-animation{--g:5rem}}
#fast-food-page #ff-customers .brand-scroll-animation:hover{animation-play-state:paused}
#fast-food-page #ff-customers .brand-scroll-animation,#fast-food-page #ff-customers :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#fast-food-page #ff-customers .brand-scroll-animation{animation:none}}


#fast-food-page .ob-sec{background:var(--sec-alt,#fff);margin-top:calc(.25rem * 24)}
#fast-food-page .ob-in{width:100%;max-width:100%;padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#fast-food-page .ob-h{margin:0 auto;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800;font-size:1.5rem;line-height:2rem}
#fast-food-page .ob-p{margin:16px auto 0;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400;font-size:1rem;line-height:1.5}
#fast-food-page .ob-g{display:grid;grid-template-columns:repeat(2,minmax(0,181px));justify-content:space-evenly;justify-items:center;column-gap:16px;row-gap:calc(.25rem * 24);margin:calc(.25rem * 36) 0 calc(.25rem * 24)}
#fast-food-page .ob-c{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;max-width:181px;height:180px;padding:32px 16px 24px;background:var(--fa-soft);border-radius:20px;box-shadow:none;text-decoration:none;cursor:pointer;transition:all .3s ease-out}
#fast-food-page .ob-c:hover,#fast-food-page .ob-c:focus-visible{background:var(--acc);transform:translateY(-4px);box-shadow:0 10px 24px rgba(10,39,69,.14)}
#fast-food-page .ob-c:focus-visible{outline:2px solid var(--nv);outline-offset:3px}
#fast-food-page .ob-ph{width:100%;display:flex;align-items:center;justify-content:center;margin-top:calc(.25rem * -20)}
#fast-food-page .ob-img{position:relative;display:flex;align-items:center;justify-content:center;width:155.95px;max-width:calc(100% + 8px);aspect-ratio:1/1;border-radius:9999px;background:var(--line);overflow:hidden;transform:translateY(-16px)}
#fast-food-page .ob-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#fast-food-page .ob-ph-svg{width:70%;height:70%;display:block}
#fast-food-page .ob-t{margin-top:4px;text-align:center;color:var(--acc);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700;font-size:1rem;line-height:1.5;transition:color .3s ease-out}
#fast-food-page .ob-c:hover .ob-t,#fast-food-page .ob-c:focus-visible .ob-t{color:var(--color-white,#fff)}
@media (min-width:40rem){
 #fast-food-page .ob-h{font-size:1.875rem;line-height:2.25rem}
 #fast-food-page .ob-g{grid-template-columns:repeat(3,minmax(0,181px));column-gap:40px}
}
@media (min-width:64rem){
 #fast-food-page .ob-h{line-height:56px}
 #fast-food-page .ob-g{grid-template-columns:repeat(4,minmax(0,181px))}
}
@media (min-width:80rem){
 #fast-food-page .ob-sec{margin-top:calc(.25rem * 50)}
 #fast-food-page .ob-h{font-size:36px}
 #fast-food-page .ob-g{grid-template-columns:repeat(6,minmax(0,181px));justify-content:space-between;column-gap:12px;row-gap:80px;margin:128px 0 96px}
}
@media (min-width:96rem){
 #fast-food-page .ob-in{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
}
@media (prefers-reduced-motion:reduce){#fast-food-page .ob-c,#fast-food-page .ob-t{transition:none}#fast-food-page .ob-c:hover,#fast-food-page .ob-c:focus-visible{transform:none}}

#fast-food-page .ff-hw-wrap{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
@media (min-width:96rem){#fast-food-page .ff-hw-wrap{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}}
#fast-food-page #ff-modules>div>div>h2{max-width:none!important;white-space:nowrap;font-size:clamp(13px,3.1vw,48px)!important;line-height:1.6!important;padding-inline:0!important}


#fast-food-page #ff-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#fast-food-page #ff-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#fast-food-page #ff-about *{box-sizing:border-box}
#fast-food-page #ff-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#fast-food-page #ff-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#fast-food-page #ff-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#fast-food-page #ff-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#fast-food-page #ff-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#fast-food-page #ff-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#fast-food-page #ff-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#fast-food-page #ff-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#fast-food-page #ff-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#fast-food-page #ff-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#fast-food-page #ff-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#fast-food-page #ff-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#fast-food-page #ff-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#fast-food-page #ff-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#fast-food-page #ff-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#fast-food-page #ff-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#fast-food-page #ff-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#fast-food-page #ff-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#fast-food-page #ff-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#fast-food-page #ff-about .seo-more[hidden]{display:none}
#fast-food-page #ff-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#fast-food-page #ff-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#fast-food-page #ff-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#fast-food-page #ff-about.seo-open .seo-fade,#fast-food-page #ff-about:not(.seo-js) .seo-fade{opacity:0}
#fast-food-page #ff-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#fast-food-page #ff-about .seo-ls,#fast-food-page #ff-about .seo-ls.seo-sm{grid-template-columns:1fr}#fast-food-page #ff-about .seo-in p{text-align:start}#fast-food-page #ff-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#fast-food-page #ff-about .seo-body,#fast-food-page #ff-about .seo-ls li,#fast-food-page #ff-about .seo-more,#fast-food-page #ff-about .seo-more i svg,#fast-food-page #ff-about .seo-fade{transition:none!important}}
#fast-food-page #ff-about .seo-in h2{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#fast-food-page #ff-about .seo-in h2:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#fast-food-page #ff-about .seo-in .seo-h4{margin:22px 0 8px;font-size:clamp(16px,1.3vw,19px);font-weight:800;color:var(--goldtxt);line-height:1.8}#fast-food-page #ff-about .seo-in h3.seo-h4{padding-inline-start:0}#fast-food-page #ff-about .seo-in h3.seo-h4:before{display:none}
#fast-food-page #ff-about .seo-in strong{font-weight:800;color:var(--ink)}
#fast-food-page #ff-about .seo-td li{display:flex;flex-direction:column;gap:2px}
#fast-food-page #ff-about .seo-td li>b{font-weight:800;color:var(--goldtxt);font-size:clamp(14.5px,1.1vw,16.5px)}
#fast-food-page #ff-about .seo-td li>span{color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#fast-food-page #ff-about .seo-ls li.seo-wide{grid-column:1/-1}
#fast-food-page #ff-about .seo-ls .seo-sub{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 22px}
#fast-food-page #ff-about .seo-ls .seo-sub li{position:relative;padding:0;padding-inline-start:18px;background:none;border:0;border-radius:0;transform:none;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#fast-food-page #ff-about .seo-ls .seo-sub li:hover{transform:none;border-color:transparent}
#fast-food-page #ff-about .seo-ls .seo-sub li:before{inset-inline-start:2px;top:.95em;width:6px;height:6px;border-radius:50%;transform:none}
@media(max-width:760px){#fast-food-page #ff-about .seo-ls .seo-sub{grid-template-columns:1fr}}


@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-gradient-position{syntax:"*";inherits:false}
@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-stops{syntax:"*";inherits:false}
@property --tw-gradient-via-stops{syntax:"*";inherits:false}
@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#food-court-page *,#food-court-page :before,#food-court-page :after,#food-court-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}
#food-court-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft)}
#food-court-page *,#food-court-page :after,#food-court-page :before,#food-court-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#food-court-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#food-court-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#food-court-page hr{height:0;color:inherit;border-top-width:1px}
#food-court-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#food-court-page h1,#food-court-page h2,#food-court-page h3,#food-court-page h4,#food-court-page h5,#food-court-page h6{font-size:inherit;font-weight:inherit}
#food-court-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#food-court-page b,#food-court-page strong{font-weight:bolder}
#food-court-page code,#food-court-page kbd,#food-court-page samp,#food-court-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#food-court-page small{font-size:80%}
#food-court-page sub,#food-court-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#food-court-page sub{bottom:-.25em}
#food-court-page sup{top:-.5em}
#food-court-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#food-court-page :-moz-focusring:where(:not(iframe)){outline:auto}
#food-court-page progress{vertical-align:baseline}
#food-court-page summary{display:list-item}
#food-court-page ol,#food-court-page ul,#food-court-page menu{list-style:none}
#food-court-page img,#food-court-page svg,#food-court-page video,#food-court-page canvas,#food-court-page audio,#food-court-page iframe,#food-court-page embed,#food-court-page object{vertical-align:middle;display:block}
#food-court-page img,#food-court-page video{max-width:100%;height:auto}
#food-court-page button,#food-court-page input,#food-court-page select,#food-court-page optgroup,#food-court-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#food-court-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#food-court-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#food-court-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#food-court-page ::file-selector-button{margin-inline-end:4px}
#food-court-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#food-court-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#food-court-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#food-court-page textarea{resize:vertical}
#food-court-page ::-webkit-search-decoration{-webkit-appearance:none}
#food-court-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#food-court-page ::-webkit-datetime-edit{display:inline-flex}
#food-court-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#food-court-page ::-webkit-datetime-edit{padding-block:0}
#food-court-page ::-webkit-datetime-edit-year-field{padding-block:0}
#food-court-page ::-webkit-datetime-edit-month-field{padding-block:0}
#food-court-page ::-webkit-datetime-edit-day-field{padding-block:0}
#food-court-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#food-court-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#food-court-page ::-webkit-datetime-edit-second-field{padding-block:0}
#food-court-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#food-court-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#food-court-page ::-webkit-calendar-picker-indicator{line-height:1}
#food-court-page :-moz-ui-invalid{box-shadow:none}
#food-court-page button,#food-court-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#food-court-page ::file-selector-button{appearance:button}
#food-court-page ::-webkit-inner-spin-button{height:auto}
#food-court-page ::-webkit-outer-spin-button{height:auto}
#food-court-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#food-court-page .pointer-events-none{pointer-events:none}
#food-court-page .visible{visibility:visible}
#food-court-page .absolute{position:absolute}
#food-court-page .fixed{position:fixed}
#food-court-page .relative{position:relative}
#food-court-page .-inset-0\.5{inset:calc(var(--spacing) * -.5)}
#food-court-page .inset-0{inset:0}
#food-court-page .inset-x-0{inset-inline:0}
#food-court-page .-top-1{top:calc(var(--spacing) * -1)}
#food-court-page .-top-5{top:calc(var(--spacing) * -5)}
#food-court-page .top-0{top:0}
#food-court-page .top-2{top:calc(var(--spacing) * 2)}
#food-court-page .top-3{top:calc(var(--spacing) * 3)}
#food-court-page .top-6{top:calc(var(--spacing) * 6)}
#food-court-page .top-full{top:100%}
#food-court-page .-right-1{right:calc(var(--spacing) * -1)}
#food-court-page .right-0{right:0}
#food-court-page .right-1{right:var(--spacing)}
#food-court-page .right-2{right:calc(var(--spacing) * 2)}
#food-court-page .right-3{right:calc(var(--spacing) * 3)}
#food-court-page .right-4{right:calc(var(--spacing) * 4)}
#food-court-page .right-12{right:calc(var(--spacing) * 12)}
#food-court-page .bottom-0{bottom:0}
#food-court-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#food-court-page .left-0{left:0}
#food-court-page .left-1\/2{left:50%}
#food-court-page .left-3{left:calc(var(--spacing) * 3)}
#food-court-page .-z-10{z-index:calc(10 * -1)}
#food-court-page .z-0{z-index:0}
#food-court-page .z-10{z-index:10}
#food-court-page .z-20{z-index:20}
#food-court-page .z-30{z-index:30}
#food-court-page .z-40{z-index:40}
#food-court-page .z-50{z-index:50}
#food-court-page .z-1000{z-index:1000}
#food-court-page .order-1{order:1}
#food-court-page .order-2{order:2}
#food-court-page .order-3{order:3}
#food-court-page .mx-1{margin-inline:var(--spacing)}
#food-court-page .mx-auto{margin-inline:auto}
#food-court-page .my-0{margin-block:0}
#food-court-page .my-2{margin-block:calc(var(--spacing) * 2)}
#food-court-page .my-16{margin-block:calc(var(--spacing) * 16)}
#food-court-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#food-court-page .mt-0{margin-top:0}
#food-court-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#food-court-page .mt-1{margin-top:var(--spacing)}
#food-court-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#food-court-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#food-court-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#food-court-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#food-court-page .mt-16{margin-top:calc(var(--spacing) * 16)}
#food-court-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#food-court-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#food-court-page .mt-70{margin-top:calc(var(--spacing) * 70)}
#food-court-page .mb-1{margin-bottom:var(--spacing)}
#food-court-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#food-court-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#food-court-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#food-court-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#food-court-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#food-court-page .mb-12{margin-bottom:calc(var(--spacing) * 12)}
#food-court-page .mb-16{margin-bottom:calc(var(--spacing) * 16)}
#food-court-page .block{display:block}
#food-court-page .flex{display:flex}
#food-court-page .grid{display:grid}
#food-court-page .hidden{display:none}
#food-court-page .inline-block{display:inline-block}
#food-court-page .inline-flex{display:inline-flex}
#food-court-page .aspect-4\/3{aspect-ratio:4/3}
#food-court-page .h-4{height:calc(var(--spacing) * 4)}
#food-court-page .h-5{height:calc(var(--spacing) * 5)}
#food-court-page .h-6{height:calc(var(--spacing) * 6)}
#food-court-page .h-8{height:calc(var(--spacing) * 8)}
#food-court-page .h-10{height:calc(var(--spacing) * 10)}
#food-court-page .h-12{height:calc(var(--spacing) * 12)}
#food-court-page .h-14{height:calc(var(--spacing) * 14)}
#food-court-page .h-16{height:calc(var(--spacing) * 16)}
#food-court-page .h-20{height:calc(var(--spacing) * 20)}
#food-court-page .h-32{height:calc(var(--spacing) * 32)}
#food-court-page .h-50{height:calc(var(--spacing) * 50)}
#food-court-page .h-72{height:calc(var(--spacing) * 72)}
#food-court-page .h-\[50px\]{height:50px}
#food-court-page .h-\[72px\]{height:72px}
#food-court-page .h-\[200px\]{height:200px}
#food-court-page .h-auto{height:auto}
#food-court-page .h-fit{height:fit-content}
#food-court-page .h-full{height:100%}
#food-court-page .max-h-0{max-height:0}
#food-court-page .max-h-\[280px\]{max-height:280px}
#food-court-page .max-h-\[600px\]{max-height:600px}
#food-court-page .min-h-0{min-height:0}
#food-court-page .min-h-\[44px\]{min-height:44px}
#food-court-page .min-h-\[280px\]{min-height:280px}
#food-court-page .min-h-\[300px\]{min-height:300px}
#food-court-page .w-4{width:calc(var(--spacing) * 4)}
#food-court-page .w-5{width:calc(var(--spacing) * 5)}
#food-court-page .w-6{width:calc(var(--spacing) * 6)}
#food-court-page .w-8{width:calc(var(--spacing) * 8)}
#food-court-page .w-10{width:calc(var(--spacing) * 10)}
#food-court-page .w-12{width:calc(var(--spacing) * 12)}
#food-court-page .w-14{width:calc(var(--spacing) * 14)}
#food-court-page .w-16{width:calc(var(--spacing) * 16)}
#food-court-page .w-20{width:calc(var(--spacing) * 20)}
#food-court-page .w-24{width:calc(var(--spacing) * 24)}
#food-court-page .w-30{width:calc(var(--spacing) * 30)}
#food-court-page .w-32{width:calc(var(--spacing) * 32)}
#food-court-page .w-44{width:calc(var(--spacing) * 44)}
#food-court-page .w-72{width:calc(var(--spacing) * 72)}
#food-court-page .w-auto{width:auto}
#food-court-page .w-fit{width:fit-content}
#food-court-page .w-full{width:100%}
#food-court-page .max-w-2xl{max-width:var(--container-2xl)}
#food-court-page .max-w-4xl{max-width:var(--container-4xl)}
#food-court-page .max-w-5xl{max-width:var(--container-5xl)}
#food-court-page .max-w-6xl{max-width:var(--container-6xl)}
#food-court-page .max-w-\[600px\]{max-width:600px}
#food-court-page .max-w-full{max-width:100%}
#food-court-page .min-w-0{min-width:0}
#food-court-page .min-w-\[120px\]{min-width:120px}
#food-court-page .min-w-full{min-width:100%}
#food-court-page .flex-1{flex:1}
#food-court-page .flex-\[0_0_50\%\]{flex:0 0 50%}
#food-court-page .flex-\[0_0_100\%\]{flex:0 0 100%}
#food-court-page .flex-shrink-0,#food-court-page .shrink-0{flex-shrink:0}
#food-court-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#food-court-page .-translate-x-\[10px\]{--tw-translate-x:calc(10px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#food-court-page .translate-x-\[10px\]{--tw-translate-x:10px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#food-court-page .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#food-court-page .translate-y-\[-52\%\]{--tw-translate-y:-52%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#food-court-page .scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#food-court-page .scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#food-court-page .rotate-0{rotate:0deg}
#food-court-page .rotate-90{rotate:90deg}
#food-court-page .rotate-180{rotate:180deg}
#food-court-page .transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}
#food-court-page .cursor-not-allowed{cursor:not-allowed}
#food-court-page .cursor-pointer{cursor:pointer}
#food-court-page .snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}
#food-court-page .snap-mandatory{--tw-scroll-snap-strictness:mandatory}
#food-court-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#food-court-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#food-court-page .flex-col{flex-direction:column}
#food-court-page .flex-col-reverse{flex-direction:column-reverse}
#food-court-page .flex-row{flex-direction:row}
#food-court-page .flex-row-reverse{flex-direction:row-reverse}
#food-court-page .items-center{align-items:center}
#food-court-page .items-end{align-items:flex-end}
#food-court-page .items-start{align-items:flex-start}
#food-court-page .items-stretch{align-items:stretch}
#food-court-page .justify-between{justify-content:space-between}
#food-court-page .justify-center{justify-content:center}
#food-court-page .justify-end{justify-content:flex-end}
#food-court-page .justify-start{justify-content:flex-start}
#food-court-page .justify-items-stretch{justify-items:stretch}
#food-court-page .gap-1{gap:var(--spacing)}
#food-court-page .gap-2{gap:calc(var(--spacing) * 2)}
#food-court-page .gap-3{gap:calc(var(--spacing) * 3)}
#food-court-page .gap-4{gap:calc(var(--spacing) * 4)}
#food-court-page .gap-6{gap:calc(var(--spacing) * 6)}
#food-court-page .gap-8{gap:calc(var(--spacing) * 8)}
#food-court-page .gap-12{gap:calc(var(--spacing) * 12)}
#food-court-page .gap-14{gap:calc(var(--spacing) * 14)}
#food-court-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#food-court-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#food-court-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#food-court-page :where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#food-court-page .gap-x-3{column-gap:calc(var(--spacing) * 3)}
#food-court-page .gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}
#food-court-page .overflow-hidden{overflow:hidden}
#food-court-page .overflow-visible{overflow:visible}
#food-court-page .overflow-x-auto{overflow-x:auto}
#food-court-page .overflow-x-hidden{overflow-x:hidden}
#food-court-page .scroll-smooth{scroll-behavior:smooth}
#food-court-page .rounded-2xl{border-radius:var(--radius-2xl)}
#food-court-page .rounded-3xl{border-radius:var(--radius-3xl)}
#food-court-page .rounded-4xl{border-radius:var(--radius-4xl)}
#food-court-page .rounded-\[50px\]{border-radius:50px}
#food-court-page .rounded-full{border-radius:2147483647px}
#food-court-page .rounded-lg{border-radius:var(--radius-lg)}
#food-court-page .rounded-md{border-radius:var(--radius-md)}
#food-court-page .rounded-xl{border-radius:var(--radius-xl)}
#food-court-page .border{border-style:var(--tw-border-style);border-width:1px}
#food-court-page .border-0{border-style:var(--tw-border-style);border-width:0}
#food-court-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#food-court-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#food-court-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#food-court-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#food-court-page .border-b-3{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#food-court-page .border-none{--tw-border-style:none;border-style:none}
#food-court-page .border-\[\#E5E7EB\]{border-color:var(--line)}
#food-court-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#food-court-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#food-court-page .border-black{border-color:var(--color-black)}
#food-court-page .border-gray-200{border-color:var(--color-gray-200)}
#food-court-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#food-court-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#food-court-page .border-green-500{border-color:var(--color-green-500)}
#food-court-page .border-transparent{border-color:#0000}
#food-court-page .border-white{border-color:var(--color-white)}
#food-court-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#food-court-page .bg-\[\#F0F5F7\]{background-color:var(--bg2)}
#food-court-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#food-court-page .bg-\[\#FF4C00\]\/10{background-color:oklab(66.6687% .179651 .134278/.1)}
#food-court-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#food-court-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#food-court-page .bg-accent{background-color:var(--color-accent)}
#food-court-page .bg-gray-100{background-color:var(--color-gray-100)}
#food-court-page .bg-primary{background-color:var(--color-primary)}
#food-court-page .bg-secondary{background-color:var(--color-secondary)}
#food-court-page .bg-transparent{background-color:#0000}
#food-court-page .bg-white{background-color:var(--color-white)}
#food-court-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#food-court-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#food-court-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#food-court-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#food-court-page .bg-linear-to-br{--tw-gradient-position:to bottom right}
@supports (background-image:linear-gradient(in lab, red, red)){#food-court-page .bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}
#food-court-page .bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}
#food-court-page .bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
#food-court-page .from-\[\#FF4C00\]{--tw-gradient-from:var(--acc);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#food-court-page .from-\[\#FF4C00\]\/10{--tw-gradient-from:oklab(66.6687% .179651 .134278/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#food-court-page .via-orange-300\/5{--tw-gradient-via:#ffb96d0d}
@supports (color:color-mix(in lab, red, red)){#food-court-page .via-orange-300\/5{--tw-gradient-via:color-mix(in oklab, var(--color-orange-300) 5%, transparent)}}
#food-court-page .via-orange-300\/5{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
#food-court-page .to-\[\#FF6B35\]{--tw-gradient-to:color-mix(in srgb,var(--acc) 78%,#fff);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#food-court-page .to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#food-court-page .object-contain{object-fit:contain}
#food-court-page .object-cover{object-fit:cover}
#food-court-page .p-0{padding:0}
#food-court-page .p-1{padding:var(--spacing)}
#food-court-page .p-2{padding:calc(var(--spacing) * 2)}
#food-court-page .p-3{padding:calc(var(--spacing) * 3)}
#food-court-page .p-4{padding:calc(var(--spacing) * 4)}
#food-court-page .p-5{padding:calc(var(--spacing) * 5)}
#food-court-page .p-6{padding:calc(var(--spacing) * 6)}
#food-court-page .p-8{padding:calc(var(--spacing) * 8)}
#food-court-page .px-1{padding-inline:var(--spacing)}
#food-court-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#food-court-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#food-court-page .px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}
#food-court-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#food-court-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#food-court-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#food-court-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#food-court-page .px-12{padding-inline:calc(var(--spacing) * 12)}
#food-court-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#food-court-page .py-2{padding-block:calc(var(--spacing) * 2)}
#food-court-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#food-court-page .py-3{padding-block:calc(var(--spacing) * 3)}
#food-court-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#food-court-page .py-4{padding-block:calc(var(--spacing) * 4)}
#food-court-page .py-6{padding-block:calc(var(--spacing) * 6)}
#food-court-page .py-8{padding-block:calc(var(--spacing) * 8)}
#food-court-page .py-10{padding-block:calc(var(--spacing) * 10)}
#food-court-page .py-12{padding-block:calc(var(--spacing) * 12)}
#food-court-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#food-court-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#food-court-page .pt-6{padding-top:calc(var(--spacing) * 6)}
#food-court-page .pt-15{padding-top:calc(var(--spacing) * 15)}
#food-court-page .pt-20{padding-top:calc(var(--spacing) * 20)}
#food-court-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#food-court-page .pt-\[72px\]{padding-top:72px}
#food-court-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#food-court-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#food-court-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#food-court-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#food-court-page .pb-12{padding-bottom:calc(var(--spacing) * 12)}
#food-court-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#food-court-page .pb-48{padding-bottom:calc(var(--spacing) * 48)}
#food-court-page .text-center{text-align:center}
#food-court-page .text-justify{text-align:justify}
#food-court-page .text-right{text-align:right}
#food-court-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#food-court-page .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#food-court-page .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#food-court-page .text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#food-court-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#food-court-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#food-court-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#food-court-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#food-court-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#food-court-page .text-\[10px\]{font-size:10px}
#food-court-page .leading-7\.5{--tw-leading:calc(var(--spacing) * 7.5);line-height:calc(var(--spacing) * 7.5)}
#food-court-page .leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}
#food-court-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#food-court-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#food-court-page .leading-none{--tw-leading:1;line-height:1}
#food-court-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#food-court-page .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}
#food-court-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#food-court-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#food-court-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#food-court-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#food-court-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#food-court-page .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
#food-court-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#food-court-page .whitespace-nowrap{white-space:nowrap}
#food-court-page .text-\[\#0A2745\]{color:var(--nv)}
#food-court-page .text-\[\#1F2A3D\]{color:#33291d}
#food-court-page .text-\[\#595B5C\]{color:#595b5c}
#food-court-page .text-\[\#FF4C00\]{color:var(--acc)}
#food-court-page .text-\[\#FF4C00\]\/30{color:oklab(66.6687% .179651 .134278/.3)}
#food-court-page .text-\[\#ffff\]{color:#fff}
#food-court-page .text-black{color:var(--color-black)}
#food-court-page .text-gray-300{color:var(--color-gray-300)}
#food-court-page .text-gray-500{color:var(--color-gray-500)}
#food-court-page .text-gray-600{color:var(--color-gray-600)}
#food-court-page .text-green-700{color:var(--color-green-700)}
#food-court-page .text-red-500{color:var(--color-red-500)}
#food-court-page .text-secondary{color:var(--color-secondary)}
#food-court-page .text-white{color:var(--color-white)}
#food-court-page .text-white\/90{color:#ffffffe6}
@supports (color:color-mix(in lab, red, red)){#food-court-page .text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}
#food-court-page .not-italic{font-style:normal}
#food-court-page .underline{text-decoration-line:underline}
#food-court-page .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#food-court-page .accent-white{accent-color:var(--color-white)}
#food-court-page .opacity-0{opacity:0}
#food-court-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page .shadow-\[0_0_20px_rgba\(255\,76\,0\,0\.4\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page .shadow-\[0_10px_0_0_\#FF4C00\]{--tw-shadow:0 10px 0 0 var(--tw-shadow-color,var(--acc));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#food-court-page .blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#food-court-page .blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#food-court-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#food-court-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}
#food-court-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#food-court-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#food-court-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#food-court-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#food-court-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#food-court-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#food-court-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#food-court-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#food-court-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#food-court-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#food-court-page .duration-500{--tw-duration:.5s;transition-duration:.5s}
#food-court-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#food-court-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#food-court-page .will-change-transform{will-change:transform}
#food-court-page .select-none{-webkit-user-select:none;user-select:none}
#food-court-page .\[-webkit-overflow-scrolling\:touch\]{-webkit-overflow-scrolling:touch}
@media (hover:hover){#food-court-page :is(:where(.group):hover .group-hover\:absolute){position:absolute}
#food-court-page :is(:where(.group):hover .group-hover\:flex){display:flex}
#food-court-page :is(:where(.group):hover .group-hover\:-translate-y-1){--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#food-court-page :is(:where(.group):hover .group-hover\:-translate-y-2){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#food-court-page :is(:where(.group):hover .group-hover\:-translate-y-full){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#food-court-page :is(:where(.group):hover .group-hover\:scale-110){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#food-court-page :is(:where(.group):hover .group-hover\:border-b-2){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#food-court-page :is(:where(.group):hover .group-hover\:border-b-3){border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#food-court-page :is(:where(.group):hover .group-hover\:border-\[\#0A2745\]){border-color:var(--nv)}
#food-court-page :is(:where(.group):hover .group-hover\:border-\[\#FF4C00\]){border-color:var(--acc)}
#food-court-page :is(:where(.group):hover .group-hover\:border-orange-100){border-color:var(--color-orange-100)}
#food-court-page :is(:where(.group):hover .group-hover\:border-b-\[\#FF4C00\]){border-bottom-color:var(--acc)}
#food-court-page :is(:where(.group):hover .group-hover\:bg-\[\#0A2745\]){background-color:var(--nv)}
#food-court-page :is(:where(.group):hover .group-hover\:bg-\[\#FFF6F2\]){background-color:var(--fa-soft)}
#food-court-page :is(:where(.group):hover .group-hover\:text-\[\#0A2745\]){color:var(--nv)}
#food-court-page :is(:where(.group):hover .group-hover\:text-\[\#FF4C00\]){color:var(--acc)}
#food-court-page :is(:where(.group):hover .group-hover\:text-white){color:var(--color-white)}
#food-court-page :is(:where(.group):hover .group-hover\:opacity-100){opacity:1}
#food-court-page :is(:where(.group):hover .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]){--tw-shadow:0 8px 24px var(--tw-shadow-color,#ff4c0059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page :is(:where(.group):hover .group-hover\:shadow-md){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page :is(:where(.group):hover .group-hover\:shadow-xl){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page :is(:where(.group):hover .group-hover\:blur-xs){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}
#food-court-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#food-court-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#food-court-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#food-court-page .after\:right-0:after{content:var(--tw-content);right:0}
#food-court-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#food-court-page .after\:left-0:after{content:var(--tw-content);left:0}
#food-court-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#food-court-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#food-court-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#food-court-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#food-court-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#food-court-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#food-court-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#food-court-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#food-court-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#food-court-page .hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#food-court-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#food-court-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#food-court-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#food-court-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#food-court-page .hover\:border-\[\#FF4C00\]\/30:hover{border-color:oklab(66.6687% .179651 .134278/.3)}
#food-court-page .hover\:border-white:hover{border-color:var(--color-white)}
#food-court-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#food-court-page .hover\:bg-\[\#081a2e\]:hover{background-color:#1c1712}
#food-court-page .hover\:bg-\[\#163456\]:hover{background-color:#3a2c1f}
#food-court-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#food-court-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#food-court-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#food-court-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#food-court-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:var(--bg2)}
#food-court-page .hover\:bg-\[\#FFF6F2\]:hover{background-color:var(--fa-soft)}
#food-court-page .hover\:bg-\[\#e44500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#food-court-page .hover\:bg-black\/5:hover{background-color:#0000000d}
@supports (color:color-mix(in lab, red, red)){#food-court-page .hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}
#food-court-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#food-court-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#food-court-page .hover\:bg-white:hover{background-color:var(--color-white)}
#food-court-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#food-court-page .hover\:text-\[\#FF4C00\]:hover,#food-court-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#food-court-page .hover\:text-white:hover{color:var(--color-white)}
#food-court-page .hover\:underline:hover{text-decoration-line:underline}
#food-court-page .hover\:opacity-80:hover{opacity:.8}
#food-court-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page .hover\:shadow-\[0_0_28px_rgba\(255\,76\,0\,0\.5\)\,0_0_40px_rgba\(10\,39\,69\,0\.3\)\,0_8px_28px_rgba\(10\,39\,69\,0\.35\)\]:hover{--tw-shadow:0 0 28px var(--tw-shadow-color,#ff4c0080), 0 0 40px var(--tw-shadow-color,#0a27454d), 0 8px 28px var(--tw-shadow-color,#0a274559);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px var(--tw-shadow-color,#0a274538), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px var(--tw-shadow-color,#0a274547), 0 10px 0 0 var(--tw-shadow-color,var(--nv)), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#food-court-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#food-court-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#food-court-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#food-court-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#food-court-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#food-court-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#food-court-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#food-court-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#food-court-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#food-court-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#food-court-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#food-court-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#food-court-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#food-court-page .focus-visible\:ring-offset-\[\#0A2745\]:focus-visible{--tw-ring-offset-color:var(--nv)}
#food-court-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#food-court-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#food-court-page .active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#food-court-page .active\:scale-\[0\.98\]:active{scale:.98}
#food-court-page .active\:bg-\[\#06141f\]:active{background-color:#1c1712}
#food-court-page .active\:bg-\[\#CC3D00\]:active{background-color:color-mix(in srgb,var(--acc) 72%,#000)}
#food-court-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
#food-court-page .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
#food-court-page .disabled\:opacity-30:disabled{opacity:.3}
#food-court-page .disabled\:opacity-50:disabled{opacity:.5}
@media (hover:hover){#food-court-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#food-court-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#food-court-page .disabled\:hover\:shadow-lg:disabled:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (min-width:40rem){#food-court-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#food-court-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#food-court-page .sm\:right-4{right:calc(var(--spacing) * 4)}
#food-court-page .sm\:bottom-1\/3{bottom:33.3333%}
#food-court-page .sm\:left-4{left:calc(var(--spacing) * 4)}
#food-court-page .sm\:mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}
#food-court-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#food-court-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#food-court-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#food-court-page .sm\:mt-20{margin-top:calc(var(--spacing) * 20)}
#food-court-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#food-court-page .sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#food-court-page .sm\:inline{display:inline}
#food-court-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#food-court-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#food-court-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#food-court-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#food-court-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#food-court-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#food-court-page .sm\:h-96{height:calc(var(--spacing) * 96)}
#food-court-page .sm\:h-\[60px\]{height:60px}
#food-court-page .sm\:h-\[100px\]{height:100px}
#food-court-page .sm\:max-h-\[320px\]{max-height:320px}
#food-court-page .sm\:min-h-\[400px\]{min-height:400px}
#food-court-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#food-court-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#food-court-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#food-court-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#food-court-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#food-court-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#food-court-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#food-court-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#food-court-page .sm\:w-72{width:calc(var(--spacing) * 72)}
#food-court-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#food-court-page .sm\:w-auto{width:auto}
#food-court-page .sm\:min-w-\[120px\]{min-width:120px}
#food-court-page .sm\:min-w-\[140px\]{min-width:140px}
#food-court-page .sm\:flex-\[0_0_30\%\]{flex:0 0 30%}
#food-court-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#food-court-page .sm\:flex-row{flex-direction:row}
#food-court-page .sm\:items-center{align-items:center}
#food-court-page .sm\:items-start{align-items:flex-start}
#food-court-page .sm\:justify-end{justify-content:flex-end}
#food-court-page .sm\:justify-start{justify-content:flex-start}
#food-court-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#food-court-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#food-court-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#food-court-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#food-court-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#food-court-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#food-court-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#food-court-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#food-court-page :where(.sm\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#food-court-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#food-court-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#food-court-page .sm\:rounded-\[36px\]{border-radius:36px}
#food-court-page .sm\:p-3{padding:calc(var(--spacing) * 3)}
#food-court-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#food-court-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#food-court-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#food-court-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#food-court-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#food-court-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#food-court-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#food-court-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#food-court-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#food-court-page .sm\:py-0{padding-block:0}
#food-court-page .sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#food-court-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#food-court-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#food-court-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#food-court-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#food-court-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#food-court-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#food-court-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#food-court-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#food-court-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#food-court-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#food-court-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#food-court-page .sm\:text-\[12px\]{font-size:12px}}
@media (min-width:48rem){#food-court-page .md\:right-6{right:calc(var(--spacing) * 6)}
#food-court-page .md\:left-6{left:calc(var(--spacing) * 6)}
#food-court-page .md\:order-1{order:1}
#food-court-page .md\:order-2{order:2}
#food-court-page .md\:my-4{margin-block:calc(var(--spacing) * 4)}
#food-court-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#food-court-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#food-court-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#food-court-page .md\:mt-44{margin-top:calc(var(--spacing) * 44)}
#food-court-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#food-court-page .md\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#food-court-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#food-court-page .md\:block{display:block}
#food-court-page .md\:flex{display:flex}
#food-court-page .md\:hidden{display:none}
#food-court-page .md\:inline-block{display:inline-block}
#food-court-page .md\:h-10{height:calc(var(--spacing) * 10)}
#food-court-page .md\:h-16{height:calc(var(--spacing) * 16)}
#food-court-page .md\:h-28{height:calc(var(--spacing) * 28)}
#food-court-page .md\:h-70{height:calc(var(--spacing) * 70)}
#food-court-page .md\:h-\[250px\]{height:250px}
#food-court-page .md\:max-h-none{max-height:none}
#food-court-page .md\:w-10{width:calc(var(--spacing) * 10)}
#food-court-page .md\:w-16{width:calc(var(--spacing) * 16)}
#food-court-page .md\:w-24{width:calc(var(--spacing) * 24)}
#food-court-page .md\:w-28{width:calc(var(--spacing) * 28)}
#food-court-page .md\:w-72{width:calc(var(--spacing) * 72)}
#food-court-page .md\:min-w-\[130px\]{min-width:130px}
#food-court-page .md\:flex-1{flex:1}
#food-court-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#food-court-page .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#food-court-page .md\:flex-col{flex-direction:column}
#food-court-page .md\:flex-row{flex-direction:row}
#food-court-page .md\:flex-row-reverse{flex-direction:row-reverse}
#food-court-page .md\:items-center{align-items:center}
#food-court-page .md\:items-stretch{align-items:stretch}
#food-court-page .md\:justify-center{justify-content:center}
#food-court-page .md\:gap-0{gap:0}
#food-court-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#food-court-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#food-court-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#food-court-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#food-court-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#food-court-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#food-court-page .md\:overflow-visible{overflow:visible}
#food-court-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#food-court-page .md\:p-4{padding:calc(var(--spacing) * 4)}
#food-court-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#food-court-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#food-court-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#food-court-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#food-court-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#food-court-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#food-court-page .md\:py-0{padding-block:0}
#food-court-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#food-court-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#food-court-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#food-court-page .md\:pt-16{padding-top:calc(var(--spacing) * 16)}
#food-court-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#food-court-page .md\:pb-28{padding-bottom:calc(var(--spacing) * 28)}
#food-court-page .md\:text-center{text-align:center}
#food-court-page .md\:text-justify{text-align:justify}
#food-court-page .md\:text-right{text-align:right}
#food-court-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#food-court-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#food-court-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#food-court-page .md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}
#food-court-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#food-court-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#food-court-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#food-court-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#food-court-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#food-court-page .md\:text-\[9px\]{font-size:9px}
#food-court-page .md\:text-\[10px\]{font-size:10px}
#food-court-page .md\:text-\[14px\]{font-size:14px}
#food-court-page .md\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}}
@media (min-width:64rem){#food-court-page .lg\:order-1{order:1}
#food-court-page .lg\:order-2{order:2}
#food-court-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#food-court-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#food-court-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#food-court-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#food-court-page .lg\:mt-32{margin-top:calc(var(--spacing) * 32)}
#food-court-page .lg\:mt-50{margin-top:calc(var(--spacing) * 50)}
#food-court-page .lg\:mt-52{margin-top:calc(var(--spacing) * 52)}
#food-court-page .lg\:mr-0{margin-right:0}
#food-court-page .lg\:mb-0{margin-bottom:0}
#food-court-page .lg\:mb-10{margin-bottom:calc(var(--spacing) * 10)}
#food-court-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#food-court-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#food-court-page .lg\:block{display:block}
#food-court-page .lg\:flex{display:flex}
#food-court-page .lg\:hidden{display:none}
#food-court-page .lg\:h-14{height:calc(var(--spacing) * 14)}
#food-court-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#food-court-page .lg\:h-194{height:calc(var(--spacing) * 194)}
#food-court-page .lg\:h-\[70px\]{height:70px}
#food-court-page .lg\:h-\[132px\]{height:132px}
#food-court-page .lg\:h-\[300px\]{height:300px}
#food-court-page .lg\:w-1\/2{width:50%}
#food-court-page .lg\:w-14{width:calc(var(--spacing) * 14)}
#food-court-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#food-court-page .lg\:w-\[45\%\]{width:45%}
#food-court-page .lg\:w-\[55\%\]{width:55%}
#food-court-page .lg\:w-\[70px\]{width:70px}
#food-court-page .lg\:w-auto{width:auto}
#food-court-page .lg\:w-fit{width:fit-content}
#food-court-page .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#food-court-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#food-court-page .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
#food-court-page .lg\:flex-row{flex-direction:row}
#food-court-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#food-court-page .lg\:items-center{align-items:center}
#food-court-page .lg\:justify-end{justify-content:flex-end}
#food-court-page .lg\:gap-0{gap:0}
#food-court-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#food-court-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#food-court-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#food-court-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#food-court-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#food-court-page :where(.lg\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#food-court-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#food-court-page :where(.lg\:space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}
#food-court-page .lg\:gap-x-4{column-gap:calc(var(--spacing) * 4)}
#food-court-page .lg\:gap-y-4{row-gap:calc(var(--spacing) * 4)}
#food-court-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#food-court-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#food-court-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#food-court-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#food-court-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#food-court-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#food-court-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#food-court-page .lg\:py-20{padding-block:calc(var(--spacing) * 20)}
#food-court-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#food-court-page .lg\:pt-\[132px\]{padding-top:132px}
#food-court-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#food-court-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#food-court-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#food-court-page .lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#food-court-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#food-court-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#food-court-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#food-court-page .lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#food-court-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#food-court-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#food-court-page .lg\:text-\[10px\]{font-size:10px}
#food-court-page .lg\:text-\[28px\]{font-size:28px}
#food-court-page .lg\:text-\[48px\]{font-size:48px}
#food-court-page .lg\:text-\[150px\]{font-size:150px}
#food-court-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#food-court-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#food-court-page .xl\:mt-0{margin-top:0}
#food-court-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#food-court-page .xl\:mt-70{margin-top:calc(var(--spacing) * 70)}
#food-court-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#food-court-page .xl\:h-122{height:calc(var(--spacing) * 122)}
#food-court-page .xl\:h-\[142px\]{height:142px}
#food-court-page .xl\:h-auto{height:auto}
#food-court-page .xl\:w-1\/2{width:50%}
#food-court-page .xl\:w-1\/3{width:33.3333%}
#food-court-page .xl\:w-\[25\.5\%\]{width:25.5%}
#food-court-page .xl\:w-\[30\%\]{width:30%}
#food-court-page .xl\:w-\[70\%\]{width:70%}
#food-court-page .xl\:flex-\[0_0_12\%\]{flex:0 0 12%}
#food-court-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#food-court-page .xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
#food-court-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#food-court-page .xl\:flex-row{flex-direction:row}
#food-court-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#food-court-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#food-court-page .xl\:gap-12{gap:calc(var(--spacing) * 12)}
#food-court-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#food-court-page .xl\:gap-32{gap:calc(var(--spacing) * 32)}
#food-court-page .xl\:p-8{padding:calc(var(--spacing) * 8)}
#food-court-page .xl\:px-0{padding-inline:0}
#food-court-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#food-court-page .xl\:px-16{padding-inline:calc(var(--spacing) * 16)}
#food-court-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#food-court-page .xl\:px-36{padding-inline:calc(var(--spacing) * 36)}
#food-court-page .xl\:py-16{padding-block:calc(var(--spacing) * 16)}
#food-court-page .xl\:pt-16{padding-top:calc(var(--spacing) * 16)}
#food-court-page .xl\:pt-\[142px\]{padding-top:142px}
#food-court-page .xl\:pl-6{padding-left:calc(var(--spacing) * 6)}
#food-court-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#food-court-page .xl\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#food-court-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#food-court-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#food-court-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#food-court-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#food-court-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#food-court-page .xl\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#food-court-page .xl\:text-\[11px\]{font-size:11px}
#food-court-page .xl\:text-\[14px\]{font-size:14px}
#food-court-page .xl\:text-\[16px\]{font-size:16px}
#food-court-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#food-court-page .\32 xl\:mr-50{margin-right:calc(var(--spacing) * 50)}
#food-court-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#food-court-page .\32 xl\:h-130{height:calc(var(--spacing) * 130)}
#food-court-page .\32 xl\:min-h-\[550px\]{min-height:550px}
#food-court-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#food-court-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#food-court-page .\32 xl\:gap-\[25px\]{gap:25px}
#food-court-page .\32 xl\:px-12{padding-inline:calc(var(--spacing) * 12)}
#food-court-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#food-court-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#food-court-page .\32 xl\:text-left{text-align:left}
#food-court-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#food-court-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#food-court-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#food-court-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#food-court-page .\32 xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#food-court-page .\32 xl\:text-\[14px\]{font-size:14px}
#food-court-page .\32 xl\:text-\[16px\]{font-size:16px}
#food-court-page .\32 xl\:text-\[20px\]{font-size:20px}
#food-court-page .\32 xl\:text-\[27px\]{font-size:27px}
#food-court-page .\32 xl\:text-\[56px\]{font-size:56px}
#food-court-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-REGULAR.TTF)format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-SEMIBOLD.TTF)format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-BOLD.TTF)format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-EXTRABOLD.TTF)format("truetype");font-weight:800;font-display:swap}
#food-court-page{direction:rtl}
#food-court-page{color:#33291d;background:#fff;font-family:Vazirmatn,Tahoma,sans-serif}
#food-court-page .fanum-font,#food-court-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#food-court-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#food-court-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
#food-court-page .dir-rtl{direction:rtl}
#food-court-page .hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
#food-court-page .hide-scrollbar::-webkit-scrollbar{display:none}
#food-court-page .mb-safe{margin-bottom:env(safe-area-inset-bottom)}
@keyframes ring{0%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-12deg)}20%,40%,60%{transform:rotate(12deg)}70%{transform:rotate(0)}}
#food-court-page .phone-ring-animation{animation:2s ease-in-out infinite ring}
@keyframes pulse-alarm{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}
#food-court-page .alarm-animation{animation:1.5s ease-in-out infinite pulse-alarm}
@keyframes brand-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}
#food-court-page .brand-scroll-animation{animation:30s linear infinite brand-scroll}
#food-court-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,var(--nv) 60%,#1c1712 100%)}
#food-court-page >div>div.relative>div.absolute.inset-0.z-0>div{background:0 0}
@media (min-width:64rem){#food-court-page #images>div>div{padding-left:2.5rem;padding-right:2.5rem}
#food-court-page #images h2{margin-bottom:5rem}
#food-court-page #images [dir=rtl].w-full{flex-direction:row;justify-content:space-between;align-items:center;gap:2.5rem;display:flex}
#food-court-page #images [role=tablist]{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:43%;margin:0;padding:0;display:grid;overflow:visible}
#food-court-page #images [role=tablist]>div{margin:0}
#food-court-page #images [role=tab]{white-space:nowrap;color:var(--acc);width:100%;min-width:0;height:3rem;box-shadow:none;background:#fff;border:2px solid var(--acc);padding-left:.5rem;padding-right:.5rem;font-size:.9rem}
#food-court-page #images [role=tab][aria-selected=true]{color:#fff;background:var(--acc)}
#food-court-page #images [role=tab]:hover{background:var(--fa-soft)}
#food-court-page #images [role=tab][aria-selected=true]:hover{background:var(--acc)}
#food-court-page #images [dir=rtl].w-full>div.relative{flex:none;width:54%}
#food-court-page #images .flex-\[0_0_100\%\],#food-court-page #images .flex-\[0_0_100\%\]>div>div{padding:0}
#food-court-page #images .flex-\[0_0_100\%\]>div>div>div{background:#fff;border:3px solid var(--nv);border-radius:1rem;min-height:26rem}
#food-court-page #images img[data-nimg=fill]{object-fit:contain;padding:0}
#food-court-page #images button[aria-label=آیتم\ بعدی],#food-court-page #images button[aria-label=آیتم\ قبلی]{display:none}
#food-court-page #images button[aria-label=بزرگنمایی\ تصویر]{color:var(--nv);background:#fff;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:0 2px 8px #0003}}
#food-court-page .mt-12{margin-top:calc(var(--spacing) * 12)}
#food-court-page .mb-20{margin-bottom:calc(var(--spacing) * 20)}
#food-court-page .text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}
@media (hover:hover){#food-court-page .hover\:-translate-x-1:hover{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#food-court-page .hover\:opacity-90:hover{opacity:.9}}
@media (min-width:40rem){#food-court-page .sm\:order-1{order:1}
#food-court-page .sm\:order-2{order:2}
#food-court-page .sm\:justify-between{justify-content:space-between}
#food-court-page .sm\:py-7{padding-block:calc(var(--spacing) * 7)}}
@media (min-width:48rem){#food-court-page .md\:mt-0{margin-top:0}
#food-court-page .md\:mb-72{margin-bottom:calc(var(--spacing) * 72)}
#food-court-page .md\:justify-start{justify-content:flex-start}}
@media (min-width:64rem){#food-court-page .lg\:py-10{padding-block:calc(var(--spacing) * 10)}}

/* ===== صفحه «نرم افزار رستورانی تحت وب» — مسیر #web-restaurant =====
   طراحی و چیدمان همان صفحه‌ی اصلی تحت وب است؛ چارچوب، حاشیه‌ی راست/چپ سکشن‌ها، فونت Vazirmatn و رنگ‌ها
   مثل صفحه‌ی «اتوماسیون تغذیه» از پالت همین سایت (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند. */
#food-court-page{--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good);--color-orange-100:var(--fa-soft);--color-orange-300:var(--gold1)}
#food-court-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #food-court-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #food-court-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#food-court-page{--text-7xl:4.5rem;--text-7xl--line-height:1}
#food-court-page[hidden]{display:none}
html.is-web body>section:not(#mp-sec),html.is-web #nl-sec,html.is-web #cta-band,html.is-web .pgx{display:none!important}
#food-court-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#food-court-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#food-court-page .semibold-fanum-font,#food-court-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#food-court-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#food-court-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#food-court-page a{color:inherit;text-decoration:none}
#food-court-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#food-court-page input[type=checkbox]{accent-color:var(--gold1)}
#food-court-page .bg-white{background-color:var(--sec-alt)}
#food-court-page .text-black{color:var(--ink)}
#food-court-page .text-primary{color:var(--ink)}
#food-court-page .text-\[\#0A2745\]{color:var(--ink)}
#food-court-page .border-\[\#0A2745\]{border-color:var(--ink)}
#food-court-page .bg-primary.text-white,#food-court-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
@media (hover:hover){#food-court-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#food-court-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#food-court-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#food-court-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-court-page .faq-open svg{transition:transform .2s}
#food-court-page .no-scrollbar{scrollbar-width:none}
#food-court-page .no-scrollbar::-webkit-scrollbar{display:none}
#food-court-page .sol-toast{background:var(--nv);color:#f6ecd6;z-index:4000;text-align:center;border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#food-court-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#food-court-page .ab-menu.open{display:block}
#food-court-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#food-court-page .ab-menu button:hover,#food-court-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#food-court-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#food-court-page .ab-msg:empty{display:none}
#food-court-page .ab-msg.err{color:#ffb4aa}
/* هیرو: زمینه‌ی اسپرسو (به‌جای سرمه‌ای)، متن و دکمه‌ها مثل هیروی صفحه‌ی اتوماسیون تغذیه */
#food-court-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,#2b2118 60%,#1c1712 100%)}
#food-court-page >div>div.relative h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#food-court-page >div>div.relative h1 .text-\[\#FF4C00\]{color:var(--gold1,#d6b374)}
#food-court-page >div>div.relative h2{color:#efe4d2;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#food-court-page >div>div.relative p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#food-court-page >div>div.relative a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#food-court-page >div>div.relative a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#food-court-page >div>div.relative a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* نوار فهرست بخش‌ها: چسبان زیر هدر (مثل صفحه‌ی اتوماسیون تغذیه) */
#food-court-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#food-court-page #fk-toc{background:var(--acc)!important;position:sticky;top:var(--wb-top,0px);z-index:19;transition:box-shadow .25s}
#food-court-page #fk-toc.wb-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#food-court-page section[id^="wb-"]{scroll-margin-top:calc(var(--wb-top,0px) + var(--wb-bar,64px) + 10px)}
/* نظرات: فقط یک صفحه نظر در منبع وجود دارد؛ صفحه‌بندی بی‌اثر مخفی شد */
#food-court-page nav[aria-label="صفحه‌بندی"]{display:none}
/* ===== نمایش بزرگ تصویر مشابه صفحه‌ی اتوماسیون تغذیه: نام تب، فلش قبلی/بعدی، دکمه‌ی بستن ===== */
#food-court-page #fk-lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#food-court-page #fk-lightbox.open{display:flex}
#food-court-page #fk-lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#food-page .no-scrollbar{scrollbar-width:none}
#food-page .no-scrollbar::-webkit-scrollbar{display:none}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .faq-open svg{transition:transform .2s}
#food-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#food-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#food-page #service-menu.open{display:block}
#food-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#food-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#food-page .left-\[35\%\]{
    left: 35%;
  }
#food-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#food-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#food-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#food-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#food-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#food-page .min-h-screen{
    min-height: 100vh;
  }
#food-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#food-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#food-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#food-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#food-page .max-w-xl{
    max-width: var(--container-xl);
  }
#food-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#food-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .flex-wrap{
    flex-wrap: wrap;
  }
#food-page .justify-around{
    justify-content: space-around;
  }
#food-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#food-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#food-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#food-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#food-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#food-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#food-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#food-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#food-page .bg-ab-card{
    background-color: var(--card);
  }
#food-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#food-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#food-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#food-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#food-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#food-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#food-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#food-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#food-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#food-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#food-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#food-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#food-page .text-ab-cream{
    color: #f6ecd6;
  }
#food-page .text-ab-ink{
    color: var(--ink);
  }
#food-page .text-ab-mut{
    color: var(--mut);
  }
#food-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#food-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#food-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#food-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#food-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#food-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#food-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#food-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#food-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#food-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#food-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#food-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#food-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#food-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#food-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#food-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#food-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#food-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#food-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#food-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#food-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#food-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#food-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#food-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#food-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#food-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#food-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#food-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#food-page .lg\:h-\[550px\]{
      height: 550px;
    }
#food-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#food-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#food-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#food-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#food-page .xl\:h-auto{
      height: auto;
    }
#food-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#food-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#food-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#food-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#food-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#food-page .xl\:py-0{
      padding-block: 0px;
    }
#food-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#food-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#food-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#food-page .ab-menu.open{display:block}
#food-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#food-page .ab-menu button:hover,#food-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#food-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#food-page .ab-msg:empty{display:none}
#food-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#food-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#food-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#food-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#food-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#food-page .brand-scroll-animation{--g:5rem}}
#food-page .brand-scroll-animation:hover{animation-play-state:paused}
#food-page .brand-scroll-animation,#food-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#food-page *{transition:none!important}#food-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#food-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#food-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#food-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#food-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#food-page [id^=fa-]{scroll-margin-top:120px}
#food-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#food-page .semibold-fanum-font,#food-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#food-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#food-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#food-page a{color:inherit;text-decoration:none}
#food-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#food-page input[type=checkbox]{accent-color:var(--gold1)}
#food-page .bg-white{background-color:var(--sec-alt)}
#food-page .text-black{color:var(--ink)}
#food-page .text-\[\#0A2745\],#food-page .text-secondary{color:var(--ink)}
#food-page .bg-primary.text-white,#food-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#food-page .bg-secondary.text-white,#food-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#food-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#food-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#food-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .sol-toast{background:var(--nv);color:#f6ecd6}
#food-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#food-court-page #fk-lightbox img{background:var(--card)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#food-court-page #fk-lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#food-court-page #fk-lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#food-court-page #fk-lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#food-court-page #fk-lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#food-court-page #fk-lightbox .lb-x,#food-court-page #fk-lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#food-court-page #fk-lightbox .lb-x{top:14px;left:14px}
#food-court-page #fk-lightbox .lb-nav{top:50%;margin-top:-22px}
#food-court-page #fk-lightbox .lb-prev{right:14px}
#food-court-page #fk-lightbox .lb-next{left:14px}
#food-court-page #fk-lightbox .lb-x:hover,#food-court-page #fk-lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#food-court-page #fk-lightbox .lb-x:focus-visible,#food-court-page #fk-lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #food-court-page #fk-lightbox{padding:60px 12px 84px}
 #food-court-page #fk-lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #food-court-page #fk-lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #food-court-page #fk-lightbox .lb-prev{right:16px}
 #food-court-page #fk-lightbox .lb-next{left:16px}
 #food-court-page #fk-lightbox figcaption{max-width:calc(100vw - 150px)}}
@media (prefers-reduced-motion:reduce){#food-court-page *{transition:none!important}}

/* حاشیه‌ی راست/چپ یکسان همه‌ی سکشن‌ها مثل صفحه‌ی اتوماسیون تغذیه */
#food-court-page{--wb-px:clamp(1rem,4vw + .5rem,9rem)}
@media(min-width:96rem){#food-court-page{--wb-px:clamp(2rem,12vw + 20rem,16rem)}}
#food-court-page >div>div.relative{border-radius:0 0 48px 48px}
#food-court-page #fk-packages>div.flex:not(.pr-first){padding-inline:var(--wb-px)}
/* پکیج‌ها: هم‌رنگ و هم‌استایل تب اول صفحه قیمت‌ها */
#food-court-page #fk-packages{--color-secondary:var(--nv)}
#food-court-page #fk-packages .text-secondary{color:var(--ink)}
#food-court-page #fk-packages .bg-white{background-color:var(--sec-alt)}
#food-court-page #fk-packages .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
@media (hover:hover){
#food-court-page #fk-packages .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}
#food-court-page #fk-packages .group-hover\:border-\[\#0A2745\]:is(:where(.group):hover *){border-color:var(--ink)}
#food-court-page #fk-packages .group-hover\:text-\[\#0A2745\]:is(:where(.group):hover *){color:var(--ink)}
#food-court-page #fk-packages .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px rgba(43,33,24,.22), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page #fk-packages .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px rgba(43,33,24,.28), 0 10px 0 0 var(--ink), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-court-page #fk-packages .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]:is(:where(.group):hover *){--tw-shadow:0 8px 24px color-mix(in srgb,var(--acc) 38%,transparent);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
}
@media (min-width:48rem){#food-court-page .md\:p-24{padding:calc(var(--spacing) * 24)}}
#food-court-page #fk-pro-features article{padding-inline:var(--wb-px)}
#food-court-page #fk-pro-features article>div{padding-inline:0!important}
#food-court-page #fk-images .flex-\[0_0_100\%\]{padding:0}
#food-court-page #fk-images .flex-\[0_0_100\%\] .p-2{padding:0}
#food-court-page #fk-modules .CONTENT_CLASSES{padding-inline:0!important;margin-inline:0!important;max-width:none!important}
#food-court-page #fk-modules>div>div{padding-inline:var(--wb-px)}

/* نمایی از محیط کاربری: تصویر در سمت چپ + دکمه‌های دو‌ستونه در سمت راست */
#food-court-page .wb-gal{display:flex;flex-direction:row;align-items:center;gap:clamp(20px,3vw,48px);width:100%}
#food-court-page .wb-tabs{flex:0 0 42%;display:grid;grid-template-columns:1fr 1fr;gap:14px}
#food-court-page .wb-tab{cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:10px 14px;border:2px solid var(--nv);border-radius:999px;background:transparent;color:var(--ink);font-size:clamp(13px,1.05vw,17px);line-height:1.6;transition:background .2s,color .2s,box-shadow .2s}
#food-court-page .wb-tab:hover{background:color-mix(in srgb,var(--nv) 10%,transparent)}
#food-court-page .wb-tab[aria-selected=true]{background:var(--nv);color:#f6ecd6;box-shadow:0 8px 22px -10px var(--nv)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #food-court-page .wb-tab{border-color:var(--line)}:root:not([data-theme="light"]) #food-court-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}}
:root[data-theme="dark"] #food-court-page .wb-tab{border-color:var(--line)}
:root[data-theme="dark"] #food-court-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}
#food-court-page .wb-stage{position:relative;flex:1 1 0;min-width:0;aspect-ratio:16/9.6;background:transparent;border:0;border-radius:0;overflow:hidden}
#food-court-page .wb-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:0}
#food-court-page .wb-zoom{position:absolute;top:10px;right:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;font-size:26px;line-height:1;color:#0A2745;background:#fff;border:1px solid rgba(10,39,69,.18);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;transition:opacity .2s,transform .2s}
#food-court-page .wb-zoom:hover{opacity:.85;transform:scale(1.06)}
#food-court-page .wb-zoom:focus-visible{outline:2px solid #d6b374;outline-offset:2px}
@media(max-width:900px){#food-court-page .wb-gal{flex-direction:column-reverse;align-items:stretch}#food-court-page .wb-stage{flex:none;width:100%}#food-court-page .wb-tabs{flex:none}#food-court-page .wb-tab{min-height:46px;padding:8px 10px}}
#food-court-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-court-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#food-court-page .bg-ab-card{
    background-color: var(--card);
  }
#food-court-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#food-court-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#food-court-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#food-court-page .text-ab-cream{
    color: #f6ecd6;
  }
#food-court-page .text-ab-ink{
    color: var(--ink);
  }
#food-court-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#food-court-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#food-court-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#food-court-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#food-court-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#food-court-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#food-court-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-court-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#food-court-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-court-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#food-court-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#food-court-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#food-court-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#food-court-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-court-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#food-court-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#food-court-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#food-court-page .bg-ab-card{
    background-color: var(--card);
  }
#food-court-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#food-court-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#food-court-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#food-court-page .text-ab-cream{
    color: #f6ecd6;
  }
#food-court-page .text-ab-ink{
    color: var(--ink);
  }
#food-court-page .text-ab-mut{
    color: var(--mut);
  }
#food-court-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#food-court-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#food-court-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#food-court-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#food-court-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#food-court-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#food-court-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#food-court-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#food-court-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#food-court-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-court-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#food-court-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#food-court-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#food-court-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-court-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#food-court-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-court-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#food-court-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#food-court-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }

#food-court-page .bg-ab-gold\/45:focus,#food-court-page .focus\:bg-ab-gold\/45:focus{background-color:color-mix(in oklab,#d6b374 45%,transparent)}
#food-court-page .app-actions{gap:14px;flex-wrap:wrap}
#food-court-page .app-dl{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.5rem;border-radius:999px;background:var(--acc);color:var(--on-acc,#fff);font-size:clamp(13px,1.1vw,18px);transition:transform .25s,box-shadow .25s}
#food-court-page .app-dl:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--acc)}
#food-court-page section[aria-label="اعلان نسخه اندروید نرم‌افزار رستوران سول"]{margin-bottom:0}
#food-court-page section.md\:mb-72{margin-bottom:0!important}
#food-court-page section.md\:mb-72{margin-top:-44px!important}
@media(min-width:48rem){#food-court-page section.md\:mb-72{margin-top:-86px!important}}
@media(min-width:80rem){#food-court-page section.md\:mb-72{margin-top:-194px!important}}
@media(min-width:96rem){#food-court-page section.md\:mb-72{margin-top:-210px!important}}
/* فاصله‌ی نوار قرمز: هم‌اندازه‌ی اون توی صفحه‌ی اتوماسیون تغذیه (--fa-gap) */
#food-court-page{--fa-gap:clamp(12px,1.8vw,24px)}
#food-court-page #fk-toc{margin-top:var(--fa-gap)!important}
#food-court-page #fk-toc + section{margin-top:var(--fa-gap)!important;padding-top:6rem}
#food-court-page #fk-toc + section>div>div>h2:first-child{margin-top:0!important}
/* امکانات: رنگ عنوان کارت‌ها مثل صفحه ویندوزی */
#food-court-page #fk-features-list .text-secondary{color:var(--ink)}
/* ===== هایلایت قابلیت آفلاین در هیروی صفحه وب ===== */
@media(min-width:64rem){#food-court-page>div>div.relative{height:auto;min-height:calc(var(--spacing)*194);padding-bottom:204px}}
@media(min-width:80rem){#food-court-page>div>div.relative{padding-bottom:312px}}
@media(min-width:96rem){#food-court-page>div>div.relative{padding-bottom:328px}}
#food-court-page .ofl{position:relative;isolation:isolate;overflow:hidden;direction:rtl;width:min(100%,1180px);margin:clamp(14px,2vw,26px) auto 0;padding:clamp(18px,2vw,28px) clamp(18px,2.6vw,38px);border-radius:28px;color:#fff;text-align:right;display:flex;align-items:center;gap:clamp(16px,2.4vw,34px);background:linear-gradient(120deg,#7d1f19 0%,#b3342b 52%,#7d1f19 100%);border:2px solid var(--gold1,#d6b374);box-shadow:0 24px 50px -18px rgba(0,0,0,.75),0 0 0 7px rgba(227,194,138,.14);animation:ofl-in .9s .3s both cubic-bezier(.2,.8,.2,1)}
#food-court-page .ofl:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 14px,transparent 14px 28px)}
#food-court-page .ofl:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,236,190,.28) 50%,transparent 62%);transform:translateX(-130%);animation:ofl-sw 5s ease-in-out infinite}
#food-court-page .ofl-ic{position:relative;flex:none;width:clamp(64px,6.4vw,92px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.28);border:2px solid rgba(251,230,174,.7)}
#food-court-page .ofl-ic:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(251,230,174,.55);animation:ofl-p 2.4s ease-out infinite}
#food-court-page .ofl-ic svg{width:56%;height:56%}
#food-court-page .ofl-ok{position:absolute;bottom:-4px;left:-4px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:900;color:#fff;background:#2f9e5b;border:3px solid #7d1f19}
#food-court-page .ofl-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}
#food-court-page .ofl-k{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;font-size:13px;font-weight:800;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f)}
#food-court-page .ofl-k i{width:8px;height:8px;border-radius:50%;background:#b3342b;animation:ofl-d 1.4s ease-in-out infinite}
#food-court-page .ofl-h{margin:0;font-weight:900;font-size:clamp(20px,2.3vw,36px);line-height:1.45;color:#fff}
#food-court-page .ofl-p{margin:0;font-weight:500;font-size:clamp(13px,1.2vw,17px);line-height:1.9;color:#fbe9d0}
#food-court-page .ofl-ch{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
#food-court-page .ofl-ch li{padding:4px 13px;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:700;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}
#food-court-page .ofl-go{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:290px;padding:14px 26px;border-radius:999px;font-size:clamp(14px,1.2vw,17px);font-weight:900;line-height:1.6;text-align:center;text-decoration:none;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f);box-shadow:0 12px 26px -8px rgba(0,0,0,.6);transition:transform .2s,filter .2s}
#food-court-page .ofl-go:hover{transform:translateY(-2px);filter:brightness(1.06)}
#food-court-page .ofl-go:focus-visible{outline:3px solid #fff;outline-offset:3px}
#food-court-page .ofl-go svg{flex:none;width:20px;height:20px;transition:transform .25s}
#food-court-page .ofl-go:hover svg{transform:translateX(-5px)}
@keyframes ofl-in{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ofl-sw{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@keyframes ofl-p{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.28);opacity:0}}
@keyframes ofl-d{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:860px){#food-court-page .ofl{flex-direction:column;text-align:center;border-radius:24px}#food-court-page .ofl-k{align-self:center}#food-court-page .ofl-ch{justify-content:center}#food-court-page .ofl-go{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){#food-court-page .ofl,#food-court-page .ofl:after,#food-court-page .ofl-ic:before,#food-court-page .ofl-k i{animation:none}}
#food-court-page #fk-toc>div>.lg\:-mt-32{margin-top:0!important}
#food-court-page #fk-modules a.group{color:inherit;text-decoration:none}

/* امکانات حرفه‌ای: تصویر چسبیده به لبه‌ی صفحه (مارجین صفر)، متن با مارجین استاندارد، ارتفاع هر بخش = یک ویو */
#food-court-page #fk-pro-features{--pf-h:clamp(360px,calc(100svh - 190px),780px)}
#food-court-page #fk-pro-features article{box-sizing:border-box;padding-inline:0!important;overflow:hidden}
#food-court-page #fk-pro-features article>div{margin-inline:0!important;min-width:0}
#food-court-page #fk-pro-features article>div:first-child{padding:0!important}
#food-court-page #fk-pro-features article>div:first-child>.relative{translate:none!important;margin:0!important;width:100%}
#food-court-page #fk-pro-features article>div:first-child img{object-fit:contain!important}
#food-court-page #fk-pro-features article>div:last-child{padding-inline:var(--wb-px)!important}
@media(min-width:1024px){
 #food-court-page #fk-pro-features article{display:flex;flex-direction:row;align-items:center;margin-top:clamp(20px,4vh,48px)!important;min-height:var(--pf-h)}
 #food-court-page #fk-pro-features article>div:first-child{flex:0 0 min(60%,calc(var(--pf-h)*1.3334));width:min(60%,calc(var(--pf-h)*1.3334))!important;max-width:none}
 #food-court-page #fk-pro-features article>div:first-child>.relative{aspect-ratio:auto!important;min-height:0!important;height:min(var(--pf-h),calc(60vw*.75))}
 #food-court-page #fk-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:first-child img{object-position:left center}
 #food-court-page #fk-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:first-child img{object-position:right center}
 #food-court-page #fk-pro-features article>div:last-child{flex:1 1 0;width:auto!important;max-width:none}
 #food-court-page #fk-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:last-child{padding-left:clamp(16px,2vw,40px)!important;padding-right:var(--wb-px)!important}
 #food-court-page #fk-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:last-child{padding-right:clamp(16px,2vw,40px)!important;padding-left:var(--wb-px)!important}
 /* فشرده‌سازی متن تا ارتفاع در یک ویو جا شود */
 #food-court-page #fk-pro-features article>div:last-child{padding-top:0!important}
 #food-court-page #fk-pro-features article h3{margin-bottom:clamp(6px,1.4vh,18px)!important;font-size:clamp(17px,2.6vh,26px)!important}
 #food-court-page #fk-pro-features article h3>span:first-child{font-size:clamp(48px,10vh,100px)!important;line-height:1}
 #food-court-page #fk-pro-features article ul{font-size:clamp(11px,1.7vh,15px)!important}
 #food-court-page #fk-pro-features article ul>li+li{margin-top:clamp(4px,1vh,11px)!important}
}
/* رنگ‌های نارنجی (با شفافیت) در این سکشن → رنگ اصلی سایت */
#food-court-page #fk-pro-features .text-\[\#FF4C00\]\/30{color:color-mix(in srgb,var(--acc) 30%,transparent)}
#food-court-page #fk-pro-features .bg-\[\#FF4C00\]\/10,#food-court-page #fk-pro-features .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:color-mix(in srgb,var(--acc) 10%,transparent)}
#food-court-page #fk-pro-features .bg-\[\#FF4C00\]\/20{background-color:color-mix(in srgb,var(--acc) 20%,transparent)}
#food-court-page #fk-pro-features .border-\[\#FF4C00\]\/20,#food-court-page #fk-pro-features .hover\:border-\[\#FF4C00\]\/30:hover{border-color:color-mix(in srgb,var(--acc) 25%,transparent)}
#food-court-page #fk-pro-features [class*="FF4C00"]{--tw-shadow-color:color-mix(in srgb,var(--acc) 40%,transparent)}

/* تصاویر ویژگی‌های حرفه‌ای: قاب دستگاه + کارت + دایره‌ی هم‌رنگ سایت */
#food-court-page #fk-pro-features .pf-art{position:absolute;inset:0}
#food-court-page #fk-pro-features .pf-circle{position:absolute;width:56%;aspect-ratio:1;border-radius:50%;top:0;background:var(--acc);z-index:0}
#food-court-page #fk-pro-features .pf-dev{position:absolute;z-index:1;top:8%;width:94%;aspect-ratio:3148/2244;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
#food-court-page #fk-pro-features .pf-dev img{display:block;width:100%;height:100%;object-fit:contain!important;position:static!important}
#food-court-page #fk-pro-features .pf-pop{position:absolute;z-index:2;bottom:2%;max-width:80%;height:auto;object-fit:contain!important}
#food-court-page #fk-pro-features .pf-L .pf-dev{left:-5%}
#food-court-page #fk-pro-features .pf-L .pf-circle{right:2%}
#food-court-page #fk-pro-features .pf-L .pf-pop{right:3%}
#food-court-page #fk-pro-features .pf-R .pf-dev{right:-5%}
#food-court-page #fk-pro-features .pf-R .pf-circle{left:2%}
#food-court-page #fk-pro-features .pf-R .pf-pop{left:3%}


#food-court-page .vx-sec{--d:clamp(240px,27vw,400px);border-top:1px dashed var(--gold2);text-align:center}
#food-court-page .vx-cmp{display:inline-block;padding:5px 16px;border:1px dashed var(--gold2);border-radius:999px;font-size:13px;font-weight:800;color:var(--goldtxt)}
#food-court-page .vx-hd h2{margin:.5em 0 0;font-size:clamp(26px,3.4vw,52px);line-height:1.5;font-weight:800;color:var(--hn)}
#food-court-page .vx-hd h2 em{font-style:normal;background:linear-gradient(90deg,var(--gold2),var(--gold1));-webkit-background-clip:text;background-clip:text;color:transparent}
#food-court-page .vx-hd p{margin:.4em auto 0;max-width:46ch;font-size:clamp(14px,1.1vw,16px);line-height:2;color:var(--mut)}
#food-court-page .vx-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(16px,2vw,30px) clamp(16px,2vw,30px);margin-top:clamp(20px,2.5vw,40px);align-items:stretch}
#food-court-page .vx-card{position:relative;display:flex;flex-direction:column;margin-top:calc(var(--d)*.46);border-radius:36px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
#food-court-page .vx-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),color-mix(in srgb,var(--gold2) 16%,transparent) 0 1px,transparent 1px 34px)}
#food-court-page .vx-web{color:#f6ecd9;border-color:rgba(214,179,116,.3);background:linear-gradient(160deg,#3d2e1f,#2a2018);box-shadow:var(--shadow)}
#food-court-page .vx-web:before{background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),rgba(246,236,217,.06) 0 1px,transparent 1px 34px)}
#food-court-page .vx-media{position:relative;z-index:1;width:var(--d);aspect-ratio:1;margin:calc(var(--d)*-.46) auto 0}
#food-court-page .vx-ph{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 clamp(3px,.45vw,6px) rgba(214,179,116,.55),0 30px 60px -26px rgba(40,26,10,.65)}
#food-court-page .vx-ring{position:absolute;inset:-5%;border-radius:50%;border:1.5px solid rgba(214,179,116,.5);pointer-events:none}
#food-court-page .vx-ring:after{content:"";position:absolute;bottom:3%;left:14%;width:9px;height:9px;border-radius:50%;background:var(--gold1);box-shadow:0 0 14px var(--gold1)}
#food-court-page .vx-chip,#food-court-page .vx-mini{position:absolute;z-index:2;display:flex;align-items:center;gap:.6em;color:var(--ink);background:var(--card);border:1px solid var(--line);box-shadow:0 14px 30px -14px rgba(60,40,10,.45)}
#food-court-page .vx-web .vx-chip,#food-court-page .vx-web .vx-mini{color:#f6ecd9;background:rgba(30,22,15,.62);border-color:rgba(246,236,217,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
#food-court-page .vx-chip{left:-7%;top:58%;padding:.6em 1.2em;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:800;white-space:nowrap}
#food-court-page .vx-chip svg{width:1.3em;height:1.3em;flex:none;color:var(--gold2)}
#food-court-page .vx-web .vx-chip svg{color:#e3c28a}
#food-court-page .vx-mini{right:-4%;bottom:5%;flex-direction:column;align-items:stretch;gap:0;min-width:128px;padding:12px 16px;border-radius:20px;text-align:start;font-size:clamp(11px,.95vw,13px)}
#food-court-page .vx-mini small{font-weight:700;opacity:.9}
#food-court-page .vx-mini b{margin-top:4px;color:var(--leaf);font-size:1.1em}
#food-court-page .vx-bars{display:flex;align-items:flex-end;gap:5px;height:32px;margin-top:9px;direction:ltr}
#food-court-page .vx-bars i{flex:1;height:var(--h);border-radius:3px;background:linear-gradient(180deg,#d6e8b8,#7fa560);transform-origin:bottom}
#food-court-page .vx-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;padding:clamp(20px,2vw,30px) clamp(20px,2.8vw,48px) clamp(26px,2.8vw,44px)}
#food-court-page .vx-body .vx-t{margin:0;font-size:clamp(24px,2.4vw,38px);font-weight:800;line-height:1.5;color:var(--hn)}
#food-court-page .vx-web .vx-t{color:#fff6e4}
#food-court-page .vx-sub{margin:.1em 0 .9em;font-size:clamp(17px,1.6vw,24px);font-weight:700;line-height:1.6;color:var(--goldtxt)}
#food-court-page .vx-web .vx-sub{color:#e3c28a}
#food-court-page .vx-desc{margin:0 auto 1em;max-width:58ch;font-size:clamp(14px,1.08vw,16.5px);line-height:2.15;color:var(--ink)}
#food-court-page .vx-web .vx-desc{color:rgba(246,236,217,.86)}
#food-court-page .vx-aud{display:inline-flex;align-items:center;gap:10px;margin:0 auto 1.6em;padding:9px 18px 9px 20px;border-radius:999px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 28%,transparent)}
#food-court-page .vx-web .vx-aud{background:rgba(214,179,116,.12);border-color:rgba(214,179,116,.3)}
#food-court-page .vx-aud svg{width:19px;height:19px;flex:none;color:var(--leaf)}
#food-court-page .vx-web .vx-aud svg{color:#e3c28a}
#food-court-page .vx-vl{display:flex;align-items:center;gap:14px;margin:0 auto .9em;width:min(100%,460px);font-size:13.5px;font-weight:800;color:var(--leaf)}
#food-court-page .vx-vl:before,#food-court-page .vx-vl:after{content:"";flex:1;height:1px;background:currentColor;opacity:.3}
#food-court-page .vx-web .vx-vl{color:#a4c27f}
#food-court-page .vx-ft{list-style:none;margin:0 auto 1.8em;padding:0;width:min(100%,460px);display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;text-align:start}
#food-court-page .vx-ft li{display:flex;align-items:center;gap:10px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700}
#food-court-page .vx-ft svg{flex:none;width:24px;height:24px;padding:5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#food-court-page .vx-web .vx-ft svg{color:#a4c27f;background:rgba(164,194,127,.2)}
#food-court-page .vx-ft .vx-star{grid-column:1/-1;padding:10px 16px;border-radius:16px;font-weight:800;color:#1c1712;background:linear-gradient(135deg,#e3c28a,#b58a45);box-shadow:0 10px 22px -12px #b58a45}
#food-court-page .vx-ft .vx-star svg{width:26px;height:26px;padding:4px;color:#e3c28a;background:#1c1712}
#food-court-page .vx-ft .vx-star em{margin-inline-start:auto;font-style:normal;font-size:.8em;padding:2px 10px;border-radius:999px;background:#1c1712;color:#e3c28a}
#food-court-page .vx-act{margin-top:auto;display:flex;flex-direction:column;gap:12px}
#food-court-page .vx-act a{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border-radius:999px;border:2px solid var(--acc);font-size:15px;font-weight:800;line-height:1.7;transition:transform .2s,filter .2s,background .2s,color .2s}
#food-court-page .vx-b1{background:var(--acc);color:var(--on-acc)}
#food-court-page .vx-b1:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 22px -10px var(--acc)}
#food-court-page .vx-b2{border-color:var(--gold2)!important;color:var(--goldtxt)}
#food-court-page .vx-b2:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#food-court-page .vx-web .vx-b2{border-color:#e3c28a!important;color:#e3c28a}
#food-court-page .vx-web .vx-b2:hover{color:#1c1712}
#food-court-page .vx-new{padding:1px 10px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:11.5px;line-height:1.8}
#food-court-page .vx-web .vx-b2:hover .vx-new{background:#1c1712;color:#e3c28a}
#food-court-page .vx-act a:focus-visible{outline:3px solid var(--gold1);outline-offset:3px}
#food-court-page .vx-ready .vx-media{opacity:0;transform:translateY(48px) scale(.94);transition:opacity .9s,transform 1.1s cubic-bezier(.2,.8,.2,1)}
#food-court-page .vx-ready .vx-card:nth-child(2) .vx-media{transition-delay:.18s}
#food-court-page .vx-ready .vx-chip,#food-court-page .vx-ready .vx-mini{opacity:0;transition:opacity .7s .7s}
#food-court-page .vx-ready .vx-bars i{transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.8,.2,1) calc(.9s + var(--d2,0s))}
#food-court-page .vx-ready .vx-card.in .vx-media,#food-court-page .vx-ready .vx-card.in .vx-chip,#food-court-page .vx-ready .vx-card.in .vx-mini{opacity:1;transform:none}
#food-court-page .vx-ready .vx-card.in .vx-bars i{transform:none}
@media(max-width:1000px){#food-court-page .vx-sec{--d:clamp(230px,56vw,380px)}
#food-court-page .vx-grid{grid-template-columns:1fr}}
@media(max-width:560px){#food-court-page .vx-mini{display:none}
#food-court-page .vx-ft{grid-template-columns:1fr}
#food-court-page .vx-card{border-radius:28px}}
@media(prefers-reduced-motion:reduce){#food-court-page .vx-ready .vx-media,#food-court-page .vx-ready .vx-chip,#food-court-page .vx-ready .vx-mini,#food-court-page .vx-ready .vx-bars i,#food-court-page .vx-act a{transition:none}}
@media(min-width:1001px){#food-court-page .vx-sec{--d:clamp(230px,min(33vh,26vw),420px)}}
#food-court-page .vx-card{margin-top:calc(var(--d)*.44);border-radius:30px}
#food-court-page .vx-media{margin-top:calc(var(--d)*-.44)}
#food-court-page .vx-cmp{padding:3px 14px;font-size:12px}
#food-court-page .vx-hd h2{margin:.25em 0 0;font-size:clamp(22px,2.3vw,36px);line-height:1.4}
#food-court-page .vx-hd p{display:none}
#food-court-page .vx-grid{margin-top:clamp(6px,1.2vh,14px);gap:clamp(14px,1.6vw,24px)}
#food-court-page .vx-chip{left:-13%;top:50%;padding:.5em 1em}
#food-court-page .vx-mini{right:-9%;bottom:-3%;min-width:108px;padding:9px 12px}
#food-court-page .vx-body{padding:clamp(12px,1.6vh,18px) clamp(18px,2.4vw,36px) clamp(18px,2.4vh,26px)}
#food-court-page .vx-body .vx-t{font-size:clamp(20px,1.9vw,29px);line-height:1.4}
#food-court-page .vx-sub{margin:0 0 .5em;font-size:clamp(15px,1.25vw,19px);line-height:1.5}
#food-court-page .vx-desc{margin-bottom:.7em;font-size:clamp(13px,.95vw,14.5px);line-height:1.95}
#food-court-page .vx-aud{margin-bottom:1em;padding:6px 16px 6px 18px;font-size:13px}
#food-court-page .vx-aud svg{width:17px;height:17px}
#food-court-page .vx-vl{margin-bottom:.6em;font-size:12.5px}
#food-court-page .vx-ft{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-bottom:1.1em}
#food-court-page .vx-ft li{padding:5px 14px 5px 10px;border-radius:999px;font-size:13.5px;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 26%,transparent)}
#food-court-page .vx-web .vx-ft li{background:rgba(164,194,127,.12);border-color:rgba(164,194,127,.28)}
#food-court-page .vx-ft svg{width:20px;height:20px;padding:4px}
#food-court-page .vx-web .vx-ft .vx-star,#food-court-page .vx-ft .vx-star{flex:1 1 100%;max-width:340px;padding:7px 14px;border:0;background:linear-gradient(135deg,#e3c28a,#b58a45)}
#food-court-page .vx-web .vx-ft .vx-star svg,#food-court-page .vx-ft .vx-star svg{width:22px;height:22px;color:#e3c28a;background:#1c1712}
#food-court-page .vx-act{gap:8px}
#food-court-page .vx-act a{padding:10px 20px;font-size:14px}
#food-court-page .vx-desc{max-width:84ch}
#food-court-page .vx-act{flex-direction:row;flex-wrap:wrap;justify-content:center}
#food-court-page .vx-act a{flex:1 1 auto;padding:10px 16px;font-size:13.5px}
#food-court-page .vx-chip{font-size:clamp(12px,.9vw,14px)}
#food-court-page .vx-chip,#food-court-page .vx-mini{display:none!important}
@keyframes vx-spin{to{rotate:360deg}}
@keyframes vx-pulse{0%{transform:scale(.97);opacity:.55}100%{transform:scale(1.2);opacity:0}}
#food-court-page .vx-ring{inset:-6%;border:1.5px dashed rgba(227,194,138,.6);animation:vx-spin 50s linear infinite}
#food-court-page .vx-win .vx-ring{border-color:color-mix(in srgb,var(--gold2) 65%,transparent)}
#food-court-page .vx-ring:before{content:"";position:absolute;inset:-2px;border-radius:50%;
background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold1) 30%,transparent) 78%,#f3d9a0 100%);
-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
animation:vx-spin 6s linear infinite reverse}
#food-court-page .vx-win .vx-ring:before{background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold2) 35%,transparent) 78%,var(--gold2) 100%)}
#food-court-page .vx-ring:after{bottom:auto;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;background:#f3d9a0;box-shadow:0 0 0 4px rgba(227,194,138,.2),0 0 16px 2px var(--gold1)}
#food-court-page .vx-media:after{content:"";position:absolute;inset:-6%;border-radius:50%;border:1.5px solid var(--gold1);pointer-events:none;animation:vx-pulse 4.2s cubic-bezier(.2,.6,.3,1) infinite}
#food-court-page .vx-card:nth-child(2) .vx-media:after{animation-delay:2.1s}
#food-court-page .vx-card:hover .vx-ring{animation-duration:14s}
@media(prefers-reduced-motion:reduce){#food-court-page .vx-ring,#food-court-page .vx-ring:before,#food-court-page .vx-media:after{animation:none}}

#food-court-page .vx-sec{border-top:0}
#food-court-page .vx-ph{overflow:hidden;background:var(--bg2)}
#food-court-page .vx-win .vx-ph{background:var(--card)}
#food-court-page .vx-rec{position:absolute;z-index:3;top:18px;left:22px;padding:4px 16px;border-radius:999px;border:1.5px solid var(--gold1);background:rgba(28,23,18,.55);color:#e3c28a;font-size:13px;font-weight:800;backdrop-filter:blur(8px)}
#food-court-page .vx-pre{margin:0 auto;max-width:42rem;padding-inline:1rem;text-align:center;font-size:.875rem;line-height:1.9;color:var(--mut)}
@media(min-width:64rem){#food-court-page .vx-pre{font-size:1rem}}
#food-court-page .vx-sec{margin-top:clamp(12px,2vw,28px)}
#food-court-page a.vx-b2[href="#"]{cursor:pointer}
html.is-fk body>section:not(#mp-sec),html.is-fk #nl-sec,html.is-fk #cta-band,html.is-fk .pgx,html.is-fk #hk-cards{display:none!important}


@media(min-width:1024px){#food-court-page #fk-images h2{max-width:none;white-space:nowrap;font-size:min(48px,4.05vw)}}

#fk-versions .cv-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto repeat(10,auto) auto;column-gap:clamp(12px,2vw,28px);width:100%}
#fk-versions .cv-card{position:relative;grid-row:1/span 13;display:grid;grid-template-rows:subgrid;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
#fk-versions .cv-web{border:1.5px solid var(--gold2)}
#fk-versions .cv-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:clamp(8px,1.4vh,14px) 18px 2px}
#fk-versions .cv-t{font-weight:800;line-height:1.4;font-size:clamp(16px,2.3vh,23px);color:var(--hn,var(--ink))}
#fk-versions .cv-rec{order:2;flex:none;font-size:12px;font-weight:800;padding:3px 12px;border-radius:999px;background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#fk-versions .cv-d{margin:0;padding:0 20px clamp(6px,1.2vh,12px);font-size:clamp(12px,1.6vh,14px);line-height:1.7;color:color-mix(in srgb,var(--ink) 82%,var(--mut))}
#fk-versions .cv-c{display:flex;align-items:center;gap:10px;padding:clamp(3px,.55vh,7px) 18px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);font-size:clamp(12px,1.6vh,14.5px);line-height:1.6}
#fk-versions .cv-tx{display:flex;flex-direction:column}
#fk-versions .cv-tx b{font-weight:700}
#fk-versions .cv-tx small{font-size:.85em;opacity:.75}
#fk-versions .cv-ck{flex:none;width:20px;height:20px;padding:3.5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#fk-versions .cv-star{background:color-mix(in srgb,var(--gold1) 20%,transparent);font-weight:800}
#fk-versions .cv-off{background:color-mix(in srgb,var(--mut) 6%,transparent)}
#fk-versions .cv-no{width:100%;text-align:center;color:var(--mut);opacity:.6}
#fk-versions .cv-act{display:flex;gap:10px;padding:clamp(7px,1.1vh,12px) 18px clamp(8px,1.4vh,14px);border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
#fk-versions .cv-act a{flex:1;text-align:center;font-weight:700;font-size:clamp(12.5px,1.7vh,14.5px);padding:clamp(6px,1vh,10px) 12px;border-radius:999px;transition:transform .2s,filter .2s}
#fk-versions .cv-b1{background:var(--acc);color:var(--on-acc)}
#fk-versions .cv-b2{border:1.5px solid var(--gold2);color:var(--goldtxt)}
#fk-versions .cv-act a:hover{transform:translateY(-2px);filter:brightness(1.08)}
@media(max-width:700px){
#fk-versions .cv-grid{grid-template-columns:1fr;grid-template-rows:none;row-gap:16px}
#fk-versions .cv-card{grid-row:auto;grid-template-rows:none}
#fk-versions .cv-card>*{grid-row:auto!important}
}

#fk-versions .cv-grid{padding-top:22px}
#fk-versions .cv-card{overflow:visible}
#fk-versions .cv-h{padding-top:30px;min-height:30px}
#fk-versions .cv-t{position:absolute;top:0;inset-inline:0;margin-inline:auto;transform:translateY(-50%);width:max-content;max-width:calc(100% - 24px);text-align:center;padding:7px 26px;border-radius:999px;font-size:clamp(14px,1.9vh,17px);line-height:1.5;color:var(--goldtxt);background:var(--card);border:1.5px solid var(--gold2);box-shadow:0 0 0 6px var(--bg)}
#fk-versions .cv-web .cv-t{color:var(--on-gold);background:linear-gradient(135deg,var(--gold1),var(--gold2));border-color:var(--gold2)}
#fk-versions .cv-act{border-radius:0 0 22px 22px}
@media(min-width:640px){#fk-versions h2{max-width:none!important;white-space:nowrap}}@media(min-width:900px){#fk-versions .vx-pre{max-width:none!important;white-space:nowrap;font-size:clamp(11px,1.2vw,15px)!important}}


#fk-profit{font-family:'Vazirmatn',inherit;color:var(--ink)}
#fk-profit .cp-h{margin:0 auto .5rem;text-align:center;font-size:clamp(20px,3.2vw,36px);line-height:1.4;color:var(--ink)}
#fk-profit .cp-sub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#fk-profit .cp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,32px);max-width:none;margin:0 auto}
#fk-profit .cp-item{--w:clamp(64px,6.5vw,92px);position:relative;display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--w)*.4)}
#fk-profit .cp-ic{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;width:var(--w);height:auto;filter:drop-shadow(0 6px 8px rgba(120,86,30,.25))}
#fk-profit .cp-c{width:100%;max-width:280px;aspect-ratio:1;border-radius:50%;border:1.5px dashed var(--acc);background:color-mix(in srgb,var(--card) 70%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--w)*.4 + 6px) clamp(18px,2.4vw,34px) clamp(14px,2vw,24px);margin-top:0;transition:transform .3s,box-shadow .3s,background .3s}
#fk-profit .cp-item:hover .cp-c{transform:translateY(-4px);box-shadow:var(--shadow);background:var(--card)}
#fk-profit .cp-n{display:inline;font-weight:800;font-size:clamp(28px,3.6vw,48px);line-height:1.2;color:var(--acc)}
#fk-profit .cp-p{display:inline;font-weight:800;font-size:clamp(16px,1.8vw,24px);color:var(--acc);margin-inline-start:2px}
#fk-profit .cp-c p{margin:.35rem 0 0;font-size:clamp(11.5px,1.15vw,14.5px);line-height:1.8;color:var(--ink)}
#fk-profit .cp-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,56px)}
#fk-profit .cp-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 36px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:clamp(14px,1.3vw,16px);border:2px solid var(--acc);transition:transform .2s,box-shadow .2s,filter .2s}
#fk-profit .cp-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:900px){#fk-profit .cp-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}}
@media(max-width:480px){#fk-profit .cp-c{max-width:200px}#fk-profit .cp-c p{font-size:11px}}


#fk-images .fk-gsub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#fk-images .wb-stage{border-radius:28px}
#fk-images .fk-slide{position:absolute;inset:0;display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:color-mix(in srgb,var(--bg2) 85%,var(--card));border:1px solid var(--line);border-radius:28px;color:color-mix(in srgb,var(--mut) 55%,transparent)}
#fk-images .fk-slide[hidden]{display:none}
#fk-images .fk-slide>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(56px,8vw,96px);height:auto}
#fk-images .fk-slide img{display:block;width:100%;height:auto}
#food-court-page #fk-lightbox{overflow:hidden}
#food-court-page #fk-lightbox .lb-fig img{touch-action:none;user-select:none;-webkit-user-select:none;transform-origin:center center;position:relative;z-index:1}
#food-court-page #fk-lightbox .lb-x,#food-court-page #fk-lightbox .lb-nav{z-index:3}
#food-court-page #fk-lightbox .lb-zoombar{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;direction:ltr}
#food-court-page #fk-lightbox .lb-zoombar button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#food-court-page #fk-lightbox .lb-zoombar .lb-zreset{width:auto;min-width:68px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;font-family:inherit}
#food-court-page #fk-lightbox .lb-zoombar button:hover:not(:disabled){background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#food-court-page #fk-lightbox .lb-zoombar button:disabled{opacity:.4;cursor:default}
#food-court-page #fk-lightbox .lb-zoombar button:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}


#fk-features-list .fkl-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut);max-width:48rem}
#fk-features-list .fkl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);max-width:none;margin:0 auto}
#fk-features-list .fkl-card{display:flex;align-items:center;gap:14px;min-height:96px;padding:14px 18px;background:var(--card);color:var(--ink);border:1px solid color-mix(in srgb,var(--acc) 50%,transparent);border-left:4px solid var(--acc);border-radius:16px;transition:transform .25s,box-shadow .25s,border-color .25s}
#fk-features-list .fkl-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--acc)}
#fk-features-list .fkl-ic{flex:0 0 auto;width:30px;height:30px;color:var(--acc)}
#fk-features-list .fkl-card p{margin:0;flex:1;min-width:0;text-align:right;font-size:clamp(12px,1.05vw,14px);line-height:1.9;color:var(--ink)}
#fk-features-list .fkl-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,64px)}
#fk-features-list .fkl-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 40px;border-radius:999px;background:var(--acc);color:var(--on-acc);border:2px solid var(--acc);font-size:clamp(14px,1.3vw,17px);transition:transform .2s,box-shadow .2s,filter .2s}
#fk-features-list .fkl-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:1100px){#fk-features-list .fkl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#fk-features-list .fkl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#fk-features-list .fkl-grid{grid-template-columns:1fr}#fk-features-list .fkl-card{min-height:76px}}


#fk-modules .fkm-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#fk-modules .fkm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);max-width:none;margin:0 auto}
#fk-modules .fkm-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2vw,26px) clamp(18px,2.2vw,32px);border-radius:22px;background:color-mix(in srgb,var(--acc) 6%,var(--card));color:var(--ink);text-decoration:none;box-shadow:0 8px 24px -14px rgba(43,33,24,.25);transition:background .25s,color .25s,transform .25s,box-shadow .25s}
#fk-modules .fkm-head{display:flex;align-items:center;gap:14px}
#fk-modules .fkm-ic{flex:0 0 auto;width:clamp(34px,3.2vw,44px);height:clamp(34px,3.2vw,44px);color:var(--acc);transition:color .25s}
#fk-modules .fkm-card h3{margin:0;font-size:clamp(13.5px,1.2vw,16px);line-height:1.8;color:inherit}
#fk-modules .fkm-card p{margin:0;font-size:clamp(12px,1.05vw,14px);line-height:2.1;color:inherit;opacity:.85;text-align:right}
#fk-modules .fkm-go{position:absolute;top:clamp(20px,2.2vw,30px);left:clamp(18px,2.2vw,30px);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--card);color:var(--acc);opacity:0;transform:translateX(8px);transition:opacity .25s,transform .25s}
#fk-modules .fkm-card:hover,#fk-modules .fkm-card:focus-visible{background:var(--acc);color:var(--on-acc);transform:translateY(-3px);box-shadow:0 18px 36px -16px color-mix(in srgb,var(--acc) 60%,transparent)}
#fk-modules .fkm-card:hover .fkm-ic,#fk-modules .fkm-card:focus-visible .fkm-ic{color:var(--on-acc)}
#fk-modules .fkm-card:hover p,#fk-modules .fkm-card:focus-visible p{opacity:1}
#fk-modules .fkm-card:hover .fkm-go,#fk-modules .fkm-card:focus-visible .fkm-go{opacity:1;transform:none}
#fk-modules .fkm-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(hover:none){#fk-modules .fkm-go{opacity:1;transform:none;background:color-mix(in srgb,var(--acc) 12%,transparent)}}
@media(max-width:800px){#fk-modules .fkm-grid{grid-template-columns:1fr}}


#food-court-page #fk-customers .group-hover\:bg-ab-bg2:is(:where(.group):hover *){background-color:var(--bg2)}
#food-court-page #fk-customers .hover\:border-ab-acc:hover{border-color:var(--acc,#a9322b)}
#food-court-page #fk-customers .bg-ab-bg2{background-color:var(--bg2)}
#food-court-page #fk-customers .max-w-\[88\%\]{max-width:88%}
#food-court-page #fk-customers .backface-visibility-hidden{backface-visibility:hidden}
#food-court-page #fk-customers [style*="padding-left:clamp(1rem"]{padding-inline:clamp(1rem,4vw + .5rem,9rem)!important}
#food-court-page #fk-customers .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#food-court-page #fk-customers .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#food-court-page #fk-customers .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#food-court-page #fk-customers .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#food-court-page #fk-customers .brand-scroll-animation{--g:5rem}}
#food-court-page #fk-customers .brand-scroll-animation:hover{animation-play-state:paused}
#food-court-page #fk-customers .brand-scroll-animation,#food-court-page #fk-customers :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#food-court-page #fk-customers .brand-scroll-animation{animation:none}}


#food-court-page .ob-sec{background:var(--sec-alt,#fff);margin-top:calc(.25rem * 24)}
#food-court-page .ob-in{width:100%;max-width:100%;padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#food-court-page .ob-h{margin:0 auto;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800;font-size:1.5rem;line-height:2rem}
#food-court-page .ob-p{margin:16px auto 0;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400;font-size:1rem;line-height:1.5}
#food-court-page .ob-g{display:grid;grid-template-columns:repeat(2,minmax(0,181px));justify-content:space-evenly;justify-items:center;column-gap:16px;row-gap:calc(.25rem * 24);margin:calc(.25rem * 36) 0 calc(.25rem * 24)}
#food-court-page .ob-c{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;max-width:181px;height:180px;padding:32px 16px 24px;background:var(--fa-soft);border-radius:20px;box-shadow:none;text-decoration:none;cursor:pointer;transition:all .3s ease-out}
#food-court-page .ob-c:hover,#food-court-page .ob-c:focus-visible{background:var(--acc);transform:translateY(-4px);box-shadow:0 10px 24px rgba(10,39,69,.14)}
#food-court-page .ob-c:focus-visible{outline:2px solid var(--nv);outline-offset:3px}
#food-court-page .ob-ph{width:100%;display:flex;align-items:center;justify-content:center;margin-top:calc(.25rem * -20)}
#food-court-page .ob-img{position:relative;display:flex;align-items:center;justify-content:center;width:155.95px;max-width:calc(100% + 8px);aspect-ratio:1/1;border-radius:9999px;background:var(--line);overflow:hidden;transform:translateY(-16px)}
#food-court-page .ob-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#food-court-page .ob-ph-svg{width:70%;height:70%;display:block}
#food-court-page .ob-t{margin-top:4px;text-align:center;color:var(--acc);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700;font-size:1rem;line-height:1.5;transition:color .3s ease-out}
#food-court-page .ob-c:hover .ob-t,#food-court-page .ob-c:focus-visible .ob-t{color:var(--color-white,#fff)}
@media (min-width:40rem){
 #food-court-page .ob-h{font-size:1.875rem;line-height:2.25rem}
 #food-court-page .ob-g{grid-template-columns:repeat(3,minmax(0,181px));column-gap:40px}
}
@media (min-width:64rem){
 #food-court-page .ob-h{line-height:56px}
 #food-court-page .ob-g{grid-template-columns:repeat(4,minmax(0,181px))}
}
@media (min-width:80rem){
 #food-court-page .ob-sec{margin-top:calc(.25rem * 50)}
 #food-court-page .ob-h{font-size:36px}
 #food-court-page .ob-g{grid-template-columns:repeat(6,minmax(0,181px));justify-content:space-between;column-gap:12px;row-gap:80px;margin:128px 0 96px}
}
@media (min-width:96rem){
 #food-court-page .ob-in{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
}
@media (prefers-reduced-motion:reduce){#food-court-page .ob-c,#food-court-page .ob-t{transition:none}#food-court-page .ob-c:hover,#food-court-page .ob-c:focus-visible{transform:none}}

#food-court-page .fk-hw-wrap{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
@media (min-width:96rem){#food-court-page .fk-hw-wrap{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}}
#food-court-page #fk-modules>div>div>h2{max-width:none!important;white-space:nowrap;font-size:clamp(13px,3.1vw,48px)!important;line-height:1.6!important;padding-inline:0!important}


#food-court-page #fk-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#food-court-page #fk-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#food-court-page #fk-about *{box-sizing:border-box}
#food-court-page #fk-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#food-court-page #fk-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#food-court-page #fk-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#food-court-page #fk-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#food-court-page #fk-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#food-court-page #fk-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#food-court-page #fk-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#food-court-page #fk-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#food-court-page #fk-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#food-court-page #fk-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#food-court-page #fk-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#food-court-page #fk-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#food-court-page #fk-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#food-court-page #fk-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#food-court-page #fk-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#food-court-page #fk-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#food-court-page #fk-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#food-court-page #fk-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#food-court-page #fk-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#food-court-page #fk-about .seo-more[hidden]{display:none}
#food-court-page #fk-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#food-court-page #fk-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#food-court-page #fk-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#food-court-page #fk-about.seo-open .seo-fade,#food-court-page #fk-about:not(.seo-js) .seo-fade{opacity:0}
#food-court-page #fk-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#food-court-page #fk-about .seo-ls,#food-court-page #fk-about .seo-ls.seo-sm{grid-template-columns:1fr}#food-court-page #fk-about .seo-in p{text-align:start}#food-court-page #fk-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#food-court-page #fk-about .seo-body,#food-court-page #fk-about .seo-ls li,#food-court-page #fk-about .seo-more,#food-court-page #fk-about .seo-more i svg,#food-court-page #fk-about .seo-fade{transition:none!important}}
#food-court-page #fk-about .seo-in h2{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#food-court-page #fk-about .seo-in h2:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#food-court-page #fk-about .seo-in .seo-h4{margin:22px 0 8px;font-size:clamp(16px,1.3vw,19px);font-weight:800;color:var(--goldtxt);line-height:1.8}#food-court-page #fk-about .seo-in h3.seo-h4{padding-inline-start:0}#food-court-page #fk-about .seo-in h3.seo-h4:before{display:none}
#food-court-page #fk-about .seo-in strong{font-weight:800;color:var(--ink)}
#food-court-page #fk-about .seo-td li{display:flex;flex-direction:column;gap:2px}
#food-court-page #fk-about .seo-td li>b{font-weight:800;color:var(--goldtxt);font-size:clamp(14.5px,1.1vw,16.5px)}
#food-court-page #fk-about .seo-td li>span{color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#food-court-page #fk-about .seo-ls li.seo-wide{grid-column:1/-1}
#food-court-page #fk-about .seo-ls .seo-sub{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 22px}
#food-court-page #fk-about .seo-ls .seo-sub li{position:relative;padding:0;padding-inline-start:18px;background:none;border:0;border-radius:0;transform:none;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#food-court-page #fk-about .seo-ls .seo-sub li:hover{transform:none;border-color:transparent}
#food-court-page #fk-about .seo-ls .seo-sub li:before{inset-inline-start:2px;top:.95em;width:6px;height:6px;border-radius:50%;transform:none}
@media(max-width:760px){#food-court-page #fk-about .seo-ls .seo-sub{grid-template-columns:1fr}}


@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-gradient-position{syntax:"*";inherits:false}
@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-stops{syntax:"*";inherits:false}
@property --tw-gradient-via-stops{syntax:"*";inherits:false}
@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#catering-page *,#catering-page :before,#catering-page :after,#catering-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}
#catering-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft)}
#catering-page *,#catering-page :after,#catering-page :before,#catering-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#catering-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#catering-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#catering-page hr{height:0;color:inherit;border-top-width:1px}
#catering-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#catering-page h1,#catering-page h2,#catering-page h3,#catering-page h4,#catering-page h5,#catering-page h6{font-size:inherit;font-weight:inherit}
#catering-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#catering-page b,#catering-page strong{font-weight:bolder}
#catering-page code,#catering-page kbd,#catering-page samp,#catering-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#catering-page small{font-size:80%}
#catering-page sub,#catering-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#catering-page sub{bottom:-.25em}
#catering-page sup{top:-.5em}
#catering-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#catering-page :-moz-focusring:where(:not(iframe)){outline:auto}
#catering-page progress{vertical-align:baseline}
#catering-page summary{display:list-item}
#catering-page ol,#catering-page ul,#catering-page menu{list-style:none}
#catering-page img,#catering-page svg,#catering-page video,#catering-page canvas,#catering-page audio,#catering-page iframe,#catering-page embed,#catering-page object{vertical-align:middle;display:block}
#catering-page img,#catering-page video{max-width:100%;height:auto}
#catering-page button,#catering-page input,#catering-page select,#catering-page optgroup,#catering-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#catering-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#catering-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#catering-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#catering-page ::file-selector-button{margin-inline-end:4px}
#catering-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#catering-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#catering-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#catering-page textarea{resize:vertical}
#catering-page ::-webkit-search-decoration{-webkit-appearance:none}
#catering-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#catering-page ::-webkit-datetime-edit{display:inline-flex}
#catering-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#catering-page ::-webkit-datetime-edit{padding-block:0}
#catering-page ::-webkit-datetime-edit-year-field{padding-block:0}
#catering-page ::-webkit-datetime-edit-month-field{padding-block:0}
#catering-page ::-webkit-datetime-edit-day-field{padding-block:0}
#catering-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#catering-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#catering-page ::-webkit-datetime-edit-second-field{padding-block:0}
#catering-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#catering-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#catering-page ::-webkit-calendar-picker-indicator{line-height:1}
#catering-page :-moz-ui-invalid{box-shadow:none}
#catering-page button,#catering-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#catering-page ::file-selector-button{appearance:button}
#catering-page ::-webkit-inner-spin-button{height:auto}
#catering-page ::-webkit-outer-spin-button{height:auto}
#catering-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#catering-page .pointer-events-none{pointer-events:none}
#catering-page .visible{visibility:visible}
#catering-page .absolute{position:absolute}
#catering-page .fixed{position:fixed}
#catering-page .relative{position:relative}
#catering-page .-inset-0\.5{inset:calc(var(--spacing) * -.5)}
#catering-page .inset-0{inset:0}
#catering-page .inset-x-0{inset-inline:0}
#catering-page .-top-1{top:calc(var(--spacing) * -1)}
#catering-page .-top-5{top:calc(var(--spacing) * -5)}
#catering-page .top-0{top:0}
#catering-page .top-2{top:calc(var(--spacing) * 2)}
#catering-page .top-3{top:calc(var(--spacing) * 3)}
#catering-page .top-6{top:calc(var(--spacing) * 6)}
#catering-page .top-full{top:100%}
#catering-page .-right-1{right:calc(var(--spacing) * -1)}
#catering-page .right-0{right:0}
#catering-page .right-1{right:var(--spacing)}
#catering-page .right-2{right:calc(var(--spacing) * 2)}
#catering-page .right-3{right:calc(var(--spacing) * 3)}
#catering-page .right-4{right:calc(var(--spacing) * 4)}
#catering-page .right-12{right:calc(var(--spacing) * 12)}
#catering-page .bottom-0{bottom:0}
#catering-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#catering-page .left-0{left:0}
#catering-page .left-1\/2{left:50%}
#catering-page .left-3{left:calc(var(--spacing) * 3)}
#catering-page .-z-10{z-index:calc(10 * -1)}
#catering-page .z-0{z-index:0}
#catering-page .z-10{z-index:10}
#catering-page .z-20{z-index:20}
#catering-page .z-30{z-index:30}
#catering-page .z-40{z-index:40}
#catering-page .z-50{z-index:50}
#catering-page .z-1000{z-index:1000}
#catering-page .order-1{order:1}
#catering-page .order-2{order:2}
#catering-page .order-3{order:3}
#catering-page .mx-1{margin-inline:var(--spacing)}
#catering-page .mx-auto{margin-inline:auto}
#catering-page .my-0{margin-block:0}
#catering-page .my-2{margin-block:calc(var(--spacing) * 2)}
#catering-page .my-16{margin-block:calc(var(--spacing) * 16)}
#catering-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#catering-page .mt-0{margin-top:0}
#catering-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#catering-page .mt-1{margin-top:var(--spacing)}
#catering-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#catering-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#catering-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#catering-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#catering-page .mt-16{margin-top:calc(var(--spacing) * 16)}
#catering-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#catering-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#catering-page .mt-70{margin-top:calc(var(--spacing) * 70)}
#catering-page .mb-1{margin-bottom:var(--spacing)}
#catering-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#catering-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#catering-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#catering-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#catering-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#catering-page .mb-12{margin-bottom:calc(var(--spacing) * 12)}
#catering-page .mb-16{margin-bottom:calc(var(--spacing) * 16)}
#catering-page .block{display:block}
#catering-page .flex{display:flex}
#catering-page .grid{display:grid}
#catering-page .hidden{display:none}
#catering-page .inline-block{display:inline-block}
#catering-page .inline-flex{display:inline-flex}
#catering-page .aspect-4\/3{aspect-ratio:4/3}
#catering-page .h-4{height:calc(var(--spacing) * 4)}
#catering-page .h-5{height:calc(var(--spacing) * 5)}
#catering-page .h-6{height:calc(var(--spacing) * 6)}
#catering-page .h-8{height:calc(var(--spacing) * 8)}
#catering-page .h-10{height:calc(var(--spacing) * 10)}
#catering-page .h-12{height:calc(var(--spacing) * 12)}
#catering-page .h-14{height:calc(var(--spacing) * 14)}
#catering-page .h-16{height:calc(var(--spacing) * 16)}
#catering-page .h-20{height:calc(var(--spacing) * 20)}
#catering-page .h-32{height:calc(var(--spacing) * 32)}
#catering-page .h-50{height:calc(var(--spacing) * 50)}
#catering-page .h-72{height:calc(var(--spacing) * 72)}
#catering-page .h-\[50px\]{height:50px}
#catering-page .h-\[72px\]{height:72px}
#catering-page .h-\[200px\]{height:200px}
#catering-page .h-auto{height:auto}
#catering-page .h-fit{height:fit-content}
#catering-page .h-full{height:100%}
#catering-page .max-h-0{max-height:0}
#catering-page .max-h-\[280px\]{max-height:280px}
#catering-page .max-h-\[600px\]{max-height:600px}
#catering-page .min-h-0{min-height:0}
#catering-page .min-h-\[44px\]{min-height:44px}
#catering-page .min-h-\[280px\]{min-height:280px}
#catering-page .min-h-\[300px\]{min-height:300px}
#catering-page .w-4{width:calc(var(--spacing) * 4)}
#catering-page .w-5{width:calc(var(--spacing) * 5)}
#catering-page .w-6{width:calc(var(--spacing) * 6)}
#catering-page .w-8{width:calc(var(--spacing) * 8)}
#catering-page .w-10{width:calc(var(--spacing) * 10)}
#catering-page .w-12{width:calc(var(--spacing) * 12)}
#catering-page .w-14{width:calc(var(--spacing) * 14)}
#catering-page .w-16{width:calc(var(--spacing) * 16)}
#catering-page .w-20{width:calc(var(--spacing) * 20)}
#catering-page .w-24{width:calc(var(--spacing) * 24)}
#catering-page .w-30{width:calc(var(--spacing) * 30)}
#catering-page .w-32{width:calc(var(--spacing) * 32)}
#catering-page .w-44{width:calc(var(--spacing) * 44)}
#catering-page .w-72{width:calc(var(--spacing) * 72)}
#catering-page .w-auto{width:auto}
#catering-page .w-fit{width:fit-content}
#catering-page .w-full{width:100%}
#catering-page .max-w-2xl{max-width:var(--container-2xl)}
#catering-page .max-w-4xl{max-width:var(--container-4xl)}
#catering-page .max-w-5xl{max-width:var(--container-5xl)}
#catering-page .max-w-6xl{max-width:var(--container-6xl)}
#catering-page .max-w-\[600px\]{max-width:600px}
#catering-page .max-w-full{max-width:100%}
#catering-page .min-w-0{min-width:0}
#catering-page .min-w-\[120px\]{min-width:120px}
#catering-page .min-w-full{min-width:100%}
#catering-page .flex-1{flex:1}
#catering-page .flex-\[0_0_50\%\]{flex:0 0 50%}
#catering-page .flex-\[0_0_100\%\]{flex:0 0 100%}
#catering-page .flex-shrink-0,#catering-page .shrink-0{flex-shrink:0}
#catering-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#catering-page .-translate-x-\[10px\]{--tw-translate-x:calc(10px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#catering-page .translate-x-\[10px\]{--tw-translate-x:10px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#catering-page .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#catering-page .translate-y-\[-52\%\]{--tw-translate-y:-52%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#catering-page .scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#catering-page .scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#catering-page .rotate-0{rotate:0deg}
#catering-page .rotate-90{rotate:90deg}
#catering-page .rotate-180{rotate:180deg}
#catering-page .transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}
#catering-page .cursor-not-allowed{cursor:not-allowed}
#catering-page .cursor-pointer{cursor:pointer}
#catering-page .snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}
#catering-page .snap-mandatory{--tw-scroll-snap-strictness:mandatory}
#catering-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#catering-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#catering-page .flex-col{flex-direction:column}
#catering-page .flex-col-reverse{flex-direction:column-reverse}
#catering-page .flex-row{flex-direction:row}
#catering-page .flex-row-reverse{flex-direction:row-reverse}
#catering-page .items-center{align-items:center}
#catering-page .items-end{align-items:flex-end}
#catering-page .items-start{align-items:flex-start}
#catering-page .items-stretch{align-items:stretch}
#catering-page .justify-between{justify-content:space-between}
#catering-page .justify-center{justify-content:center}
#catering-page .justify-end{justify-content:flex-end}
#catering-page .justify-start{justify-content:flex-start}
#catering-page .justify-items-stretch{justify-items:stretch}
#catering-page .gap-1{gap:var(--spacing)}
#catering-page .gap-2{gap:calc(var(--spacing) * 2)}
#catering-page .gap-3{gap:calc(var(--spacing) * 3)}
#catering-page .gap-4{gap:calc(var(--spacing) * 4)}
#catering-page .gap-6{gap:calc(var(--spacing) * 6)}
#catering-page .gap-8{gap:calc(var(--spacing) * 8)}
#catering-page .gap-12{gap:calc(var(--spacing) * 12)}
#catering-page .gap-14{gap:calc(var(--spacing) * 14)}
#catering-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#catering-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#catering-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#catering-page :where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#catering-page .gap-x-3{column-gap:calc(var(--spacing) * 3)}
#catering-page .gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}
#catering-page .overflow-hidden{overflow:hidden}
#catering-page .overflow-visible{overflow:visible}
#catering-page .overflow-x-auto{overflow-x:auto}
#catering-page .overflow-x-hidden{overflow-x:hidden}
#catering-page .scroll-smooth{scroll-behavior:smooth}
#catering-page .rounded-2xl{border-radius:var(--radius-2xl)}
#catering-page .rounded-3xl{border-radius:var(--radius-3xl)}
#catering-page .rounded-4xl{border-radius:var(--radius-4xl)}
#catering-page .rounded-\[50px\]{border-radius:50px}
#catering-page .rounded-full{border-radius:2147483647px}
#catering-page .rounded-lg{border-radius:var(--radius-lg)}
#catering-page .rounded-md{border-radius:var(--radius-md)}
#catering-page .rounded-xl{border-radius:var(--radius-xl)}
#catering-page .border{border-style:var(--tw-border-style);border-width:1px}
#catering-page .border-0{border-style:var(--tw-border-style);border-width:0}
#catering-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#catering-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#catering-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#catering-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#catering-page .border-b-3{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#catering-page .border-none{--tw-border-style:none;border-style:none}
#catering-page .border-\[\#E5E7EB\]{border-color:var(--line)}
#catering-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#catering-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#catering-page .border-black{border-color:var(--color-black)}
#catering-page .border-gray-200{border-color:var(--color-gray-200)}
#catering-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#catering-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#catering-page .border-green-500{border-color:var(--color-green-500)}
#catering-page .border-transparent{border-color:#0000}
#catering-page .border-white{border-color:var(--color-white)}
#catering-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#catering-page .bg-\[\#F0F5F7\]{background-color:var(--bg2)}
#catering-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#catering-page .bg-\[\#FF4C00\]\/10{background-color:oklab(66.6687% .179651 .134278/.1)}
#catering-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#catering-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#catering-page .bg-accent{background-color:var(--color-accent)}
#catering-page .bg-gray-100{background-color:var(--color-gray-100)}
#catering-page .bg-primary{background-color:var(--color-primary)}
#catering-page .bg-secondary{background-color:var(--color-secondary)}
#catering-page .bg-transparent{background-color:#0000}
#catering-page .bg-white{background-color:var(--color-white)}
#catering-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#catering-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#catering-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#catering-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#catering-page .bg-linear-to-br{--tw-gradient-position:to bottom right}
@supports (background-image:linear-gradient(in lab, red, red)){#catering-page .bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}
#catering-page .bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}
#catering-page .bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
#catering-page .from-\[\#FF4C00\]{--tw-gradient-from:var(--acc);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#catering-page .from-\[\#FF4C00\]\/10{--tw-gradient-from:oklab(66.6687% .179651 .134278/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#catering-page .via-orange-300\/5{--tw-gradient-via:#ffb96d0d}
@supports (color:color-mix(in lab, red, red)){#catering-page .via-orange-300\/5{--tw-gradient-via:color-mix(in oklab, var(--color-orange-300) 5%, transparent)}}
#catering-page .via-orange-300\/5{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
#catering-page .to-\[\#FF6B35\]{--tw-gradient-to:color-mix(in srgb,var(--acc) 78%,#fff);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#catering-page .to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#catering-page .object-contain{object-fit:contain}
#catering-page .object-cover{object-fit:cover}
#catering-page .p-0{padding:0}
#catering-page .p-1{padding:var(--spacing)}
#catering-page .p-2{padding:calc(var(--spacing) * 2)}
#catering-page .p-3{padding:calc(var(--spacing) * 3)}
#catering-page .p-4{padding:calc(var(--spacing) * 4)}
#catering-page .p-5{padding:calc(var(--spacing) * 5)}
#catering-page .p-6{padding:calc(var(--spacing) * 6)}
#catering-page .p-8{padding:calc(var(--spacing) * 8)}
#catering-page .px-1{padding-inline:var(--spacing)}
#catering-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#catering-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#catering-page .px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}
#catering-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#catering-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#catering-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#catering-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#catering-page .px-12{padding-inline:calc(var(--spacing) * 12)}
#catering-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#catering-page .py-2{padding-block:calc(var(--spacing) * 2)}
#catering-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#catering-page .py-3{padding-block:calc(var(--spacing) * 3)}
#catering-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#catering-page .py-4{padding-block:calc(var(--spacing) * 4)}
#catering-page .py-6{padding-block:calc(var(--spacing) * 6)}
#catering-page .py-8{padding-block:calc(var(--spacing) * 8)}
#catering-page .py-10{padding-block:calc(var(--spacing) * 10)}
#catering-page .py-12{padding-block:calc(var(--spacing) * 12)}
#catering-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#catering-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#catering-page .pt-6{padding-top:calc(var(--spacing) * 6)}
#catering-page .pt-15{padding-top:calc(var(--spacing) * 15)}
#catering-page .pt-20{padding-top:calc(var(--spacing) * 20)}
#catering-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#catering-page .pt-\[72px\]{padding-top:72px}
#catering-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#catering-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#catering-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#catering-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#catering-page .pb-12{padding-bottom:calc(var(--spacing) * 12)}
#catering-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#catering-page .pb-48{padding-bottom:calc(var(--spacing) * 48)}
#catering-page .text-center{text-align:center}
#catering-page .text-justify{text-align:justify}
#catering-page .text-right{text-align:right}
#catering-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#catering-page .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#catering-page .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#catering-page .text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#catering-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#catering-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#catering-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#catering-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#catering-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#catering-page .text-\[10px\]{font-size:10px}
#catering-page .leading-7\.5{--tw-leading:calc(var(--spacing) * 7.5);line-height:calc(var(--spacing) * 7.5)}
#catering-page .leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}
#catering-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#catering-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#catering-page .leading-none{--tw-leading:1;line-height:1}
#catering-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#catering-page .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}
#catering-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#catering-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#catering-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#catering-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#catering-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#catering-page .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
#catering-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#catering-page .whitespace-nowrap{white-space:nowrap}
#catering-page .text-\[\#0A2745\]{color:var(--nv)}
#catering-page .text-\[\#1F2A3D\]{color:#33291d}
#catering-page .text-\[\#595B5C\]{color:#595b5c}
#catering-page .text-\[\#FF4C00\]{color:var(--acc)}
#catering-page .text-\[\#FF4C00\]\/30{color:oklab(66.6687% .179651 .134278/.3)}
#catering-page .text-\[\#ffff\]{color:#fff}
#catering-page .text-black{color:var(--color-black)}
#catering-page .text-gray-300{color:var(--color-gray-300)}
#catering-page .text-gray-500{color:var(--color-gray-500)}
#catering-page .text-gray-600{color:var(--color-gray-600)}
#catering-page .text-green-700{color:var(--color-green-700)}
#catering-page .text-red-500{color:var(--color-red-500)}
#catering-page .text-secondary{color:var(--color-secondary)}
#catering-page .text-white{color:var(--color-white)}
#catering-page .text-white\/90{color:#ffffffe6}
@supports (color:color-mix(in lab, red, red)){#catering-page .text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}
#catering-page .not-italic{font-style:normal}
#catering-page .underline{text-decoration-line:underline}
#catering-page .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#catering-page .accent-white{accent-color:var(--color-white)}
#catering-page .opacity-0{opacity:0}
#catering-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page .shadow-\[0_0_20px_rgba\(255\,76\,0\,0\.4\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page .shadow-\[0_10px_0_0_\#FF4C00\]{--tw-shadow:0 10px 0 0 var(--tw-shadow-color,var(--acc));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#catering-page .blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#catering-page .blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#catering-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#catering-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}
#catering-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#catering-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#catering-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#catering-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#catering-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#catering-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#catering-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#catering-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#catering-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#catering-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#catering-page .duration-500{--tw-duration:.5s;transition-duration:.5s}
#catering-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#catering-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#catering-page .will-change-transform{will-change:transform}
#catering-page .select-none{-webkit-user-select:none;user-select:none}
#catering-page .\[-webkit-overflow-scrolling\:touch\]{-webkit-overflow-scrolling:touch}
@media (hover:hover){#catering-page :is(:where(.group):hover .group-hover\:absolute){position:absolute}
#catering-page :is(:where(.group):hover .group-hover\:flex){display:flex}
#catering-page :is(:where(.group):hover .group-hover\:-translate-y-1){--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#catering-page :is(:where(.group):hover .group-hover\:-translate-y-2){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#catering-page :is(:where(.group):hover .group-hover\:-translate-y-full){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#catering-page :is(:where(.group):hover .group-hover\:scale-110){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#catering-page :is(:where(.group):hover .group-hover\:border-b-2){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#catering-page :is(:where(.group):hover .group-hover\:border-b-3){border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#catering-page :is(:where(.group):hover .group-hover\:border-\[\#0A2745\]){border-color:var(--nv)}
#catering-page :is(:where(.group):hover .group-hover\:border-\[\#FF4C00\]){border-color:var(--acc)}
#catering-page :is(:where(.group):hover .group-hover\:border-orange-100){border-color:var(--color-orange-100)}
#catering-page :is(:where(.group):hover .group-hover\:border-b-\[\#FF4C00\]){border-bottom-color:var(--acc)}
#catering-page :is(:where(.group):hover .group-hover\:bg-\[\#0A2745\]){background-color:var(--nv)}
#catering-page :is(:where(.group):hover .group-hover\:bg-\[\#FFF6F2\]){background-color:var(--fa-soft)}
#catering-page :is(:where(.group):hover .group-hover\:text-\[\#0A2745\]){color:var(--nv)}
#catering-page :is(:where(.group):hover .group-hover\:text-\[\#FF4C00\]){color:var(--acc)}
#catering-page :is(:where(.group):hover .group-hover\:text-white){color:var(--color-white)}
#catering-page :is(:where(.group):hover .group-hover\:opacity-100){opacity:1}
#catering-page :is(:where(.group):hover .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]){--tw-shadow:0 8px 24px var(--tw-shadow-color,#ff4c0059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page :is(:where(.group):hover .group-hover\:shadow-md){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page :is(:where(.group):hover .group-hover\:shadow-xl){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page :is(:where(.group):hover .group-hover\:blur-xs){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}
#catering-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#catering-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#catering-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#catering-page .after\:right-0:after{content:var(--tw-content);right:0}
#catering-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#catering-page .after\:left-0:after{content:var(--tw-content);left:0}
#catering-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#catering-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#catering-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#catering-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#catering-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#catering-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#catering-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#catering-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#catering-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#catering-page .hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#catering-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#catering-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#catering-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#catering-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#catering-page .hover\:border-\[\#FF4C00\]\/30:hover{border-color:oklab(66.6687% .179651 .134278/.3)}
#catering-page .hover\:border-white:hover{border-color:var(--color-white)}
#catering-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#catering-page .hover\:bg-\[\#081a2e\]:hover{background-color:#1c1712}
#catering-page .hover\:bg-\[\#163456\]:hover{background-color:#3a2c1f}
#catering-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#catering-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#catering-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#catering-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#catering-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:var(--bg2)}
#catering-page .hover\:bg-\[\#FFF6F2\]:hover{background-color:var(--fa-soft)}
#catering-page .hover\:bg-\[\#e44500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#catering-page .hover\:bg-black\/5:hover{background-color:#0000000d}
@supports (color:color-mix(in lab, red, red)){#catering-page .hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}
#catering-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#catering-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#catering-page .hover\:bg-white:hover{background-color:var(--color-white)}
#catering-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#catering-page .hover\:text-\[\#FF4C00\]:hover,#catering-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#catering-page .hover\:text-white:hover{color:var(--color-white)}
#catering-page .hover\:underline:hover{text-decoration-line:underline}
#catering-page .hover\:opacity-80:hover{opacity:.8}
#catering-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page .hover\:shadow-\[0_0_28px_rgba\(255\,76\,0\,0\.5\)\,0_0_40px_rgba\(10\,39\,69\,0\.3\)\,0_8px_28px_rgba\(10\,39\,69\,0\.35\)\]:hover{--tw-shadow:0 0 28px var(--tw-shadow-color,#ff4c0080), 0 0 40px var(--tw-shadow-color,#0a27454d), 0 8px 28px var(--tw-shadow-color,#0a274559);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px var(--tw-shadow-color,#0a274538), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px var(--tw-shadow-color,#0a274547), 0 10px 0 0 var(--tw-shadow-color,var(--nv)), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#catering-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#catering-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#catering-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#catering-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#catering-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#catering-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#catering-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#catering-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#catering-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#catering-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#catering-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#catering-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#catering-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#catering-page .focus-visible\:ring-offset-\[\#0A2745\]:focus-visible{--tw-ring-offset-color:var(--nv)}
#catering-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#catering-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#catering-page .active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#catering-page .active\:scale-\[0\.98\]:active{scale:.98}
#catering-page .active\:bg-\[\#06141f\]:active{background-color:#1c1712}
#catering-page .active\:bg-\[\#CC3D00\]:active{background-color:color-mix(in srgb,var(--acc) 72%,#000)}
#catering-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
#catering-page .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
#catering-page .disabled\:opacity-30:disabled{opacity:.3}
#catering-page .disabled\:opacity-50:disabled{opacity:.5}
@media (hover:hover){#catering-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#catering-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#catering-page .disabled\:hover\:shadow-lg:disabled:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (min-width:40rem){#catering-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#catering-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#catering-page .sm\:right-4{right:calc(var(--spacing) * 4)}
#catering-page .sm\:bottom-1\/3{bottom:33.3333%}
#catering-page .sm\:left-4{left:calc(var(--spacing) * 4)}
#catering-page .sm\:mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}
#catering-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#catering-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#catering-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#catering-page .sm\:mt-20{margin-top:calc(var(--spacing) * 20)}
#catering-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#catering-page .sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#catering-page .sm\:inline{display:inline}
#catering-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#catering-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#catering-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#catering-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#catering-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#catering-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#catering-page .sm\:h-96{height:calc(var(--spacing) * 96)}
#catering-page .sm\:h-\[60px\]{height:60px}
#catering-page .sm\:h-\[100px\]{height:100px}
#catering-page .sm\:max-h-\[320px\]{max-height:320px}
#catering-page .sm\:min-h-\[400px\]{min-height:400px}
#catering-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#catering-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#catering-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#catering-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#catering-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#catering-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#catering-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#catering-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#catering-page .sm\:w-72{width:calc(var(--spacing) * 72)}
#catering-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#catering-page .sm\:w-auto{width:auto}
#catering-page .sm\:min-w-\[120px\]{min-width:120px}
#catering-page .sm\:min-w-\[140px\]{min-width:140px}
#catering-page .sm\:flex-\[0_0_30\%\]{flex:0 0 30%}
#catering-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#catering-page .sm\:flex-row{flex-direction:row}
#catering-page .sm\:items-center{align-items:center}
#catering-page .sm\:items-start{align-items:flex-start}
#catering-page .sm\:justify-end{justify-content:flex-end}
#catering-page .sm\:justify-start{justify-content:flex-start}
#catering-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#catering-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#catering-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#catering-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#catering-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#catering-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#catering-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#catering-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#catering-page :where(.sm\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#catering-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#catering-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#catering-page .sm\:rounded-\[36px\]{border-radius:36px}
#catering-page .sm\:p-3{padding:calc(var(--spacing) * 3)}
#catering-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#catering-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#catering-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#catering-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#catering-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#catering-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#catering-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#catering-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#catering-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#catering-page .sm\:py-0{padding-block:0}
#catering-page .sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#catering-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#catering-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#catering-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#catering-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#catering-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#catering-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#catering-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#catering-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#catering-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#catering-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#catering-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#catering-page .sm\:text-\[12px\]{font-size:12px}}
@media (min-width:48rem){#catering-page .md\:right-6{right:calc(var(--spacing) * 6)}
#catering-page .md\:left-6{left:calc(var(--spacing) * 6)}
#catering-page .md\:order-1{order:1}
#catering-page .md\:order-2{order:2}
#catering-page .md\:my-4{margin-block:calc(var(--spacing) * 4)}
#catering-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#catering-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#catering-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#catering-page .md\:mt-44{margin-top:calc(var(--spacing) * 44)}
#catering-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#catering-page .md\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#catering-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#catering-page .md\:block{display:block}
#catering-page .md\:flex{display:flex}
#catering-page .md\:hidden{display:none}
#catering-page .md\:inline-block{display:inline-block}
#catering-page .md\:h-10{height:calc(var(--spacing) * 10)}
#catering-page .md\:h-16{height:calc(var(--spacing) * 16)}
#catering-page .md\:h-28{height:calc(var(--spacing) * 28)}
#catering-page .md\:h-70{height:calc(var(--spacing) * 70)}
#catering-page .md\:h-\[250px\]{height:250px}
#catering-page .md\:max-h-none{max-height:none}
#catering-page .md\:w-10{width:calc(var(--spacing) * 10)}
#catering-page .md\:w-16{width:calc(var(--spacing) * 16)}
#catering-page .md\:w-24{width:calc(var(--spacing) * 24)}
#catering-page .md\:w-28{width:calc(var(--spacing) * 28)}
#catering-page .md\:w-72{width:calc(var(--spacing) * 72)}
#catering-page .md\:min-w-\[130px\]{min-width:130px}
#catering-page .md\:flex-1{flex:1}
#catering-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#catering-page .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#catering-page .md\:flex-col{flex-direction:column}
#catering-page .md\:flex-row{flex-direction:row}
#catering-page .md\:flex-row-reverse{flex-direction:row-reverse}
#catering-page .md\:items-center{align-items:center}
#catering-page .md\:items-stretch{align-items:stretch}
#catering-page .md\:justify-center{justify-content:center}
#catering-page .md\:gap-0{gap:0}
#catering-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#catering-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#catering-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#catering-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#catering-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#catering-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#catering-page .md\:overflow-visible{overflow:visible}
#catering-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#catering-page .md\:p-4{padding:calc(var(--spacing) * 4)}
#catering-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#catering-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#catering-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#catering-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#catering-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#catering-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#catering-page .md\:py-0{padding-block:0}
#catering-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#catering-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#catering-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#catering-page .md\:pt-16{padding-top:calc(var(--spacing) * 16)}
#catering-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#catering-page .md\:pb-28{padding-bottom:calc(var(--spacing) * 28)}
#catering-page .md\:text-center{text-align:center}
#catering-page .md\:text-justify{text-align:justify}
#catering-page .md\:text-right{text-align:right}
#catering-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#catering-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#catering-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#catering-page .md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}
#catering-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#catering-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#catering-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#catering-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#catering-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#catering-page .md\:text-\[9px\]{font-size:9px}
#catering-page .md\:text-\[10px\]{font-size:10px}
#catering-page .md\:text-\[14px\]{font-size:14px}
#catering-page .md\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}}
@media (min-width:64rem){#catering-page .lg\:order-1{order:1}
#catering-page .lg\:order-2{order:2}
#catering-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#catering-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#catering-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#catering-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#catering-page .lg\:mt-32{margin-top:calc(var(--spacing) * 32)}
#catering-page .lg\:mt-50{margin-top:calc(var(--spacing) * 50)}
#catering-page .lg\:mt-52{margin-top:calc(var(--spacing) * 52)}
#catering-page .lg\:mr-0{margin-right:0}
#catering-page .lg\:mb-0{margin-bottom:0}
#catering-page .lg\:mb-10{margin-bottom:calc(var(--spacing) * 10)}
#catering-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#catering-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#catering-page .lg\:block{display:block}
#catering-page .lg\:flex{display:flex}
#catering-page .lg\:hidden{display:none}
#catering-page .lg\:h-14{height:calc(var(--spacing) * 14)}
#catering-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#catering-page .lg\:h-194{height:calc(var(--spacing) * 194)}
#catering-page .lg\:h-\[70px\]{height:70px}
#catering-page .lg\:h-\[132px\]{height:132px}
#catering-page .lg\:h-\[300px\]{height:300px}
#catering-page .lg\:w-1\/2{width:50%}
#catering-page .lg\:w-14{width:calc(var(--spacing) * 14)}
#catering-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#catering-page .lg\:w-\[45\%\]{width:45%}
#catering-page .lg\:w-\[55\%\]{width:55%}
#catering-page .lg\:w-\[70px\]{width:70px}
#catering-page .lg\:w-auto{width:auto}
#catering-page .lg\:w-fit{width:fit-content}
#catering-page .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#catering-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#catering-page .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
#catering-page .lg\:flex-row{flex-direction:row}
#catering-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#catering-page .lg\:items-center{align-items:center}
#catering-page .lg\:justify-end{justify-content:flex-end}
#catering-page .lg\:gap-0{gap:0}
#catering-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#catering-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#catering-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#catering-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#catering-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#catering-page :where(.lg\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#catering-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#catering-page :where(.lg\:space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}
#catering-page .lg\:gap-x-4{column-gap:calc(var(--spacing) * 4)}
#catering-page .lg\:gap-y-4{row-gap:calc(var(--spacing) * 4)}
#catering-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#catering-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#catering-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#catering-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#catering-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#catering-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#catering-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#catering-page .lg\:py-20{padding-block:calc(var(--spacing) * 20)}
#catering-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#catering-page .lg\:pt-\[132px\]{padding-top:132px}
#catering-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#catering-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#catering-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#catering-page .lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#catering-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#catering-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#catering-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#catering-page .lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#catering-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#catering-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#catering-page .lg\:text-\[10px\]{font-size:10px}
#catering-page .lg\:text-\[28px\]{font-size:28px}
#catering-page .lg\:text-\[48px\]{font-size:48px}
#catering-page .lg\:text-\[150px\]{font-size:150px}
#catering-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#catering-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#catering-page .xl\:mt-0{margin-top:0}
#catering-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#catering-page .xl\:mt-70{margin-top:calc(var(--spacing) * 70)}
#catering-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#catering-page .xl\:h-122{height:calc(var(--spacing) * 122)}
#catering-page .xl\:h-\[142px\]{height:142px}
#catering-page .xl\:h-auto{height:auto}
#catering-page .xl\:w-1\/2{width:50%}
#catering-page .xl\:w-1\/3{width:33.3333%}
#catering-page .xl\:w-\[25\.5\%\]{width:25.5%}
#catering-page .xl\:w-\[30\%\]{width:30%}
#catering-page .xl\:w-\[70\%\]{width:70%}
#catering-page .xl\:flex-\[0_0_12\%\]{flex:0 0 12%}
#catering-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#catering-page .xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
#catering-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#catering-page .xl\:flex-row{flex-direction:row}
#catering-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#catering-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#catering-page .xl\:gap-12{gap:calc(var(--spacing) * 12)}
#catering-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#catering-page .xl\:gap-32{gap:calc(var(--spacing) * 32)}
#catering-page .xl\:p-8{padding:calc(var(--spacing) * 8)}
#catering-page .xl\:px-0{padding-inline:0}
#catering-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#catering-page .xl\:px-16{padding-inline:calc(var(--spacing) * 16)}
#catering-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#catering-page .xl\:px-36{padding-inline:calc(var(--spacing) * 36)}
#catering-page .xl\:py-16{padding-block:calc(var(--spacing) * 16)}
#catering-page .xl\:pt-16{padding-top:calc(var(--spacing) * 16)}
#catering-page .xl\:pt-\[142px\]{padding-top:142px}
#catering-page .xl\:pl-6{padding-left:calc(var(--spacing) * 6)}
#catering-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#catering-page .xl\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#catering-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#catering-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#catering-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#catering-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#catering-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#catering-page .xl\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#catering-page .xl\:text-\[11px\]{font-size:11px}
#catering-page .xl\:text-\[14px\]{font-size:14px}
#catering-page .xl\:text-\[16px\]{font-size:16px}
#catering-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#catering-page .\32 xl\:mr-50{margin-right:calc(var(--spacing) * 50)}
#catering-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#catering-page .\32 xl\:h-130{height:calc(var(--spacing) * 130)}
#catering-page .\32 xl\:min-h-\[550px\]{min-height:550px}
#catering-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#catering-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#catering-page .\32 xl\:gap-\[25px\]{gap:25px}
#catering-page .\32 xl\:px-12{padding-inline:calc(var(--spacing) * 12)}
#catering-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#catering-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#catering-page .\32 xl\:text-left{text-align:left}
#catering-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#catering-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#catering-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#catering-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#catering-page .\32 xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#catering-page .\32 xl\:text-\[14px\]{font-size:14px}
#catering-page .\32 xl\:text-\[16px\]{font-size:16px}
#catering-page .\32 xl\:text-\[20px\]{font-size:20px}
#catering-page .\32 xl\:text-\[27px\]{font-size:27px}
#catering-page .\32 xl\:text-\[56px\]{font-size:56px}
#catering-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-REGULAR.TTF)format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-SEMIBOLD.TTF)format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-BOLD.TTF)format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-EXTRABOLD.TTF)format("truetype");font-weight:800;font-display:swap}
#catering-page{direction:rtl}
#catering-page{color:#33291d;background:#fff;font-family:Vazirmatn,Tahoma,sans-serif}
#catering-page .fanum-font,#catering-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#catering-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#catering-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
#catering-page .dir-rtl{direction:rtl}
#catering-page .hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
#catering-page .hide-scrollbar::-webkit-scrollbar{display:none}
#catering-page .mb-safe{margin-bottom:env(safe-area-inset-bottom)}
@keyframes ring{0%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-12deg)}20%,40%,60%{transform:rotate(12deg)}70%{transform:rotate(0)}}
#catering-page .phone-ring-animation{animation:2s ease-in-out infinite ring}
@keyframes pulse-alarm{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}
#catering-page .alarm-animation{animation:1.5s ease-in-out infinite pulse-alarm}
@keyframes brand-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}
#catering-page .brand-scroll-animation{animation:30s linear infinite brand-scroll}
#catering-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,var(--nv) 60%,#1c1712 100%)}
#catering-page >div>div.relative>div.absolute.inset-0.z-0>div{background:0 0}
@media (min-width:64rem){#catering-page #images>div>div{padding-left:2.5rem;padding-right:2.5rem}
#catering-page #images h2{margin-bottom:5rem}
#catering-page #images [dir=rtl].w-full{flex-direction:row;justify-content:space-between;align-items:center;gap:2.5rem;display:flex}
#catering-page #images [role=tablist]{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:43%;margin:0;padding:0;display:grid;overflow:visible}
#catering-page #images [role=tablist]>div{margin:0}
#catering-page #images [role=tab]{white-space:nowrap;color:var(--acc);width:100%;min-width:0;height:3rem;box-shadow:none;background:#fff;border:2px solid var(--acc);padding-left:.5rem;padding-right:.5rem;font-size:.9rem}
#catering-page #images [role=tab][aria-selected=true]{color:#fff;background:var(--acc)}
#catering-page #images [role=tab]:hover{background:var(--fa-soft)}
#catering-page #images [role=tab][aria-selected=true]:hover{background:var(--acc)}
#catering-page #images [dir=rtl].w-full>div.relative{flex:none;width:54%}
#catering-page #images .flex-\[0_0_100\%\],#catering-page #images .flex-\[0_0_100\%\]>div>div{padding:0}
#catering-page #images .flex-\[0_0_100\%\]>div>div>div{background:#fff;border:3px solid var(--nv);border-radius:1rem;min-height:26rem}
#catering-page #images img[data-nimg=fill]{object-fit:contain;padding:0}
#catering-page #images button[aria-label=آیتم\ بعدی],#catering-page #images button[aria-label=آیتم\ قبلی]{display:none}
#catering-page #images button[aria-label=بزرگنمایی\ تصویر]{color:var(--nv);background:#fff;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:0 2px 8px #0003}}
#catering-page .mt-12{margin-top:calc(var(--spacing) * 12)}
#catering-page .mb-20{margin-bottom:calc(var(--spacing) * 20)}
#catering-page .text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}
@media (hover:hover){#catering-page .hover\:-translate-x-1:hover{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#catering-page .hover\:opacity-90:hover{opacity:.9}}
@media (min-width:40rem){#catering-page .sm\:order-1{order:1}
#catering-page .sm\:order-2{order:2}
#catering-page .sm\:justify-between{justify-content:space-between}
#catering-page .sm\:py-7{padding-block:calc(var(--spacing) * 7)}}
@media (min-width:48rem){#catering-page .md\:mt-0{margin-top:0}
#catering-page .md\:mb-72{margin-bottom:calc(var(--spacing) * 72)}
#catering-page .md\:justify-start{justify-content:flex-start}}
@media (min-width:64rem){#catering-page .lg\:py-10{padding-block:calc(var(--spacing) * 10)}}

/* ===== صفحه «نرم افزار رستورانی تحت وب» — مسیر #web-restaurant =====
   طراحی و چیدمان همان صفحه‌ی اصلی تحت وب است؛ چارچوب، حاشیه‌ی راست/چپ سکشن‌ها، فونت Vazirmatn و رنگ‌ها
   مثل صفحه‌ی «اتوماسیون تغذیه» از پالت همین سایت (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند. */
#catering-page{--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good);--color-orange-100:var(--fa-soft);--color-orange-300:var(--gold1)}
#catering-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #catering-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #catering-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#catering-page{--text-7xl:4.5rem;--text-7xl--line-height:1}
#catering-page[hidden]{display:none}
html.is-web body>section:not(#mp-sec),html.is-web #nl-sec,html.is-web #cta-band,html.is-web .pgx{display:none!important}
#catering-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#catering-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#catering-page .semibold-fanum-font,#catering-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#catering-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#catering-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#catering-page a{color:inherit;text-decoration:none}
#catering-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#catering-page input[type=checkbox]{accent-color:var(--gold1)}
#catering-page .bg-white{background-color:var(--sec-alt)}
#catering-page .text-black{color:var(--ink)}
#catering-page .text-primary{color:var(--ink)}
#catering-page .text-\[\#0A2745\]{color:var(--ink)}
#catering-page .border-\[\#0A2745\]{border-color:var(--ink)}
#catering-page .bg-primary.text-white,#catering-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
@media (hover:hover){#catering-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#catering-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#catering-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#catering-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#catering-page .faq-open svg{transition:transform .2s}
#catering-page .no-scrollbar{scrollbar-width:none}
#catering-page .no-scrollbar::-webkit-scrollbar{display:none}
#catering-page .sol-toast{background:var(--nv);color:#f6ecd6;z-index:4000;text-align:center;border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#catering-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#catering-page .ab-menu.open{display:block}
#catering-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#catering-page .ab-menu button:hover,#catering-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#catering-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#catering-page .ab-msg:empty{display:none}
#catering-page .ab-msg.err{color:#ffb4aa}
/* هیرو: زمینه‌ی اسپرسو (به‌جای سرمه‌ای)، متن و دکمه‌ها مثل هیروی صفحه‌ی اتوماسیون تغذیه */
#catering-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,#2b2118 60%,#1c1712 100%)}
#catering-page >div>div.relative h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#catering-page >div>div.relative h1 .text-\[\#FF4C00\]{color:var(--gold1,#d6b374)}
#catering-page >div>div.relative h2{color:#efe4d2;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#catering-page >div>div.relative p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#catering-page >div>div.relative a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#catering-page >div>div.relative a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#catering-page >div>div.relative a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* نوار فهرست بخش‌ها: چسبان زیر هدر (مثل صفحه‌ی اتوماسیون تغذیه) */
#catering-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#catering-page #ca-toc{background:var(--acc)!important;position:sticky;top:var(--wb-top,0px);z-index:19;transition:box-shadow .25s}
#catering-page #ca-toc.wb-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#catering-page section[id^="wb-"]{scroll-margin-top:calc(var(--wb-top,0px) + var(--wb-bar,64px) + 10px)}
/* نظرات: فقط یک صفحه نظر در منبع وجود دارد؛ صفحه‌بندی بی‌اثر مخفی شد */
#catering-page nav[aria-label="صفحه‌بندی"]{display:none}
/* ===== نمایش بزرگ تصویر مشابه صفحه‌ی اتوماسیون تغذیه: نام تب، فلش قبلی/بعدی، دکمه‌ی بستن ===== */
#catering-page #ca-lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#catering-page #ca-lightbox.open{display:flex}
#catering-page #ca-lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#food-page .no-scrollbar{scrollbar-width:none}
#food-page .no-scrollbar::-webkit-scrollbar{display:none}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .faq-open svg{transition:transform .2s}
#food-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#food-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#food-page #service-menu.open{display:block}
#food-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#food-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#food-page .left-\[35\%\]{
    left: 35%;
  }
#food-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#food-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#food-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#food-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#food-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#food-page .min-h-screen{
    min-height: 100vh;
  }
#food-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#food-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#food-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#food-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#food-page .max-w-xl{
    max-width: var(--container-xl);
  }
#food-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#food-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .flex-wrap{
    flex-wrap: wrap;
  }
#food-page .justify-around{
    justify-content: space-around;
  }
#food-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#food-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#food-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#food-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#food-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#food-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#food-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#food-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#food-page .bg-ab-card{
    background-color: var(--card);
  }
#food-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#food-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#food-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#food-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#food-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#food-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#food-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#food-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#food-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#food-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#food-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#food-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#food-page .text-ab-cream{
    color: #f6ecd6;
  }
#food-page .text-ab-ink{
    color: var(--ink);
  }
#food-page .text-ab-mut{
    color: var(--mut);
  }
#food-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#food-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#food-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#food-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#food-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#food-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#food-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#food-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#food-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#food-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#food-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#food-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#food-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#food-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#food-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#food-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#food-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#food-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#food-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#food-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#food-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#food-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#food-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#food-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#food-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#food-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#food-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#food-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#food-page .lg\:h-\[550px\]{
      height: 550px;
    }
#food-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#food-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#food-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#food-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#food-page .xl\:h-auto{
      height: auto;
    }
#food-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#food-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#food-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#food-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#food-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#food-page .xl\:py-0{
      padding-block: 0px;
    }
#food-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#food-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#food-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#food-page .ab-menu.open{display:block}
#food-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#food-page .ab-menu button:hover,#food-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#food-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#food-page .ab-msg:empty{display:none}
#food-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#food-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#food-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#food-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#food-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#food-page .brand-scroll-animation{--g:5rem}}
#food-page .brand-scroll-animation:hover{animation-play-state:paused}
#food-page .brand-scroll-animation,#food-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#food-page *{transition:none!important}#food-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#food-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#food-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#food-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#food-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#food-page [id^=fa-]{scroll-margin-top:120px}
#food-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#food-page .semibold-fanum-font,#food-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#food-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#food-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#food-page a{color:inherit;text-decoration:none}
#food-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#food-page input[type=checkbox]{accent-color:var(--gold1)}
#food-page .bg-white{background-color:var(--sec-alt)}
#food-page .text-black{color:var(--ink)}
#food-page .text-\[\#0A2745\],#food-page .text-secondary{color:var(--ink)}
#food-page .bg-primary.text-white,#food-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#food-page .bg-secondary.text-white,#food-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#food-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#food-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#food-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .sol-toast{background:var(--nv);color:#f6ecd6}
#food-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#catering-page #ca-lightbox img{background:var(--card)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#catering-page #ca-lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#catering-page #ca-lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#catering-page #ca-lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#catering-page #ca-lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#catering-page #ca-lightbox .lb-x,#catering-page #ca-lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#catering-page #ca-lightbox .lb-x{top:14px;left:14px}
#catering-page #ca-lightbox .lb-nav{top:50%;margin-top:-22px}
#catering-page #ca-lightbox .lb-prev{right:14px}
#catering-page #ca-lightbox .lb-next{left:14px}
#catering-page #ca-lightbox .lb-x:hover,#catering-page #ca-lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#catering-page #ca-lightbox .lb-x:focus-visible,#catering-page #ca-lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #catering-page #ca-lightbox{padding:60px 12px 84px}
 #catering-page #ca-lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #catering-page #ca-lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #catering-page #ca-lightbox .lb-prev{right:16px}
 #catering-page #ca-lightbox .lb-next{left:16px}
 #catering-page #ca-lightbox figcaption{max-width:calc(100vw - 150px)}}
@media (prefers-reduced-motion:reduce){#catering-page *{transition:none!important}}

/* حاشیه‌ی راست/چپ یکسان همه‌ی سکشن‌ها مثل صفحه‌ی اتوماسیون تغذیه */
#catering-page{--wb-px:clamp(1rem,4vw + .5rem,9rem)}
@media(min-width:96rem){#catering-page{--wb-px:clamp(2rem,12vw + 20rem,16rem)}}
#catering-page >div>div.relative{border-radius:0 0 48px 48px}
#catering-page #ca-packages>div.flex:not(.pr-first){padding-inline:var(--wb-px)}
/* پکیج‌ها: هم‌رنگ و هم‌استایل تب اول صفحه قیمت‌ها */
#catering-page #ca-packages{--color-secondary:var(--nv)}
#catering-page #ca-packages .text-secondary{color:var(--ink)}
#catering-page #ca-packages .bg-white{background-color:var(--sec-alt)}
#catering-page #ca-packages .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
@media (hover:hover){
#catering-page #ca-packages .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}
#catering-page #ca-packages .group-hover\:border-\[\#0A2745\]:is(:where(.group):hover *){border-color:var(--ink)}
#catering-page #ca-packages .group-hover\:text-\[\#0A2745\]:is(:where(.group):hover *){color:var(--ink)}
#catering-page #ca-packages .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px rgba(43,33,24,.22), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page #ca-packages .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px rgba(43,33,24,.28), 0 10px 0 0 var(--ink), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#catering-page #ca-packages .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]:is(:where(.group):hover *){--tw-shadow:0 8px 24px color-mix(in srgb,var(--acc) 38%,transparent);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
}
@media (min-width:48rem){#catering-page .md\:p-24{padding:calc(var(--spacing) * 24)}}
#catering-page #ca-pro-features article{padding-inline:var(--wb-px)}
#catering-page #ca-pro-features article>div{padding-inline:0!important}
#catering-page #ca-images .flex-\[0_0_100\%\]{padding:0}
#catering-page #ca-images .flex-\[0_0_100\%\] .p-2{padding:0}
#catering-page #ca-modules .CONTENT_CLASSES{padding-inline:0!important;margin-inline:0!important;max-width:none!important}
#catering-page #ca-modules>div>div{padding-inline:var(--wb-px)}

/* نمایی از محیط کاربری: تصویر در سمت چپ + دکمه‌های دو‌ستونه در سمت راست */
#catering-page .wb-gal{display:flex;flex-direction:row;align-items:center;gap:clamp(20px,3vw,48px);width:100%}
#catering-page .wb-tabs{flex:0 0 42%;display:grid;grid-template-columns:1fr 1fr;gap:14px}
#catering-page .wb-tab{cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:10px 14px;border:2px solid var(--nv);border-radius:999px;background:transparent;color:var(--ink);font-size:clamp(13px,1.05vw,17px);line-height:1.6;transition:background .2s,color .2s,box-shadow .2s}
#catering-page .wb-tab:hover{background:color-mix(in srgb,var(--nv) 10%,transparent)}
#catering-page .wb-tab[aria-selected=true]{background:var(--nv);color:#f6ecd6;box-shadow:0 8px 22px -10px var(--nv)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #catering-page .wb-tab{border-color:var(--line)}:root:not([data-theme="light"]) #catering-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}}
:root[data-theme="dark"] #catering-page .wb-tab{border-color:var(--line)}
:root[data-theme="dark"] #catering-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}
#catering-page .wb-stage{position:relative;flex:1 1 0;min-width:0;aspect-ratio:16/9.6;background:transparent;border:0;border-radius:0;overflow:hidden}
#catering-page .wb-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:0}
#catering-page .wb-zoom{position:absolute;top:10px;right:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;font-size:26px;line-height:1;color:#0A2745;background:#fff;border:1px solid rgba(10,39,69,.18);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;transition:opacity .2s,transform .2s}
#catering-page .wb-zoom:hover{opacity:.85;transform:scale(1.06)}
#catering-page .wb-zoom:focus-visible{outline:2px solid #d6b374;outline-offset:2px}
@media(max-width:900px){#catering-page .wb-gal{flex-direction:column-reverse;align-items:stretch}#catering-page .wb-stage{flex:none;width:100%}#catering-page .wb-tabs{flex:none}#catering-page .wb-tab{min-height:46px;padding:8px 10px}}
#catering-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#catering-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#catering-page .bg-ab-card{
    background-color: var(--card);
  }
#catering-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#catering-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#catering-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#catering-page .text-ab-cream{
    color: #f6ecd6;
  }
#catering-page .text-ab-ink{
    color: var(--ink);
  }
#catering-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#catering-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#catering-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#catering-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#catering-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#catering-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#catering-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#catering-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#catering-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#catering-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#catering-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#catering-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#catering-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#catering-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#catering-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#catering-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#catering-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#catering-page .bg-ab-card{
    background-color: var(--card);
  }
#catering-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#catering-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#catering-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#catering-page .text-ab-cream{
    color: #f6ecd6;
  }
#catering-page .text-ab-ink{
    color: var(--ink);
  }
#catering-page .text-ab-mut{
    color: var(--mut);
  }
#catering-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#catering-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#catering-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#catering-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#catering-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#catering-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#catering-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#catering-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#catering-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#catering-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#catering-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#catering-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#catering-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#catering-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#catering-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#catering-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#catering-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#catering-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#catering-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }

#catering-page .bg-ab-gold\/45:focus,#catering-page .focus\:bg-ab-gold\/45:focus{background-color:color-mix(in oklab,#d6b374 45%,transparent)}
#catering-page .app-actions{gap:14px;flex-wrap:wrap}
#catering-page .app-dl{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.5rem;border-radius:999px;background:var(--acc);color:var(--on-acc,#fff);font-size:clamp(13px,1.1vw,18px);transition:transform .25s,box-shadow .25s}
#catering-page .app-dl:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--acc)}
#catering-page section[aria-label="اعلان نسخه اندروید نرم‌افزار رستوران سول"]{margin-bottom:0}
#catering-page section.md\:mb-72{margin-bottom:0!important}
#catering-page section.md\:mb-72{margin-top:-44px!important}
@media(min-width:48rem){#catering-page section.md\:mb-72{margin-top:-86px!important}}
@media(min-width:80rem){#catering-page section.md\:mb-72{margin-top:-194px!important}}
@media(min-width:96rem){#catering-page section.md\:mb-72{margin-top:-210px!important}}
/* فاصله‌ی نوار قرمز: هم‌اندازه‌ی اون توی صفحه‌ی اتوماسیون تغذیه (--fa-gap) */
#catering-page{--fa-gap:clamp(12px,1.8vw,24px)}
#catering-page #ca-toc{margin-top:var(--fa-gap)!important}
#catering-page #ca-toc + section{margin-top:var(--fa-gap)!important;padding-top:6rem}
#catering-page #ca-toc + section>div>div>h2:first-child{margin-top:0!important}
/* امکانات: رنگ عنوان کارت‌ها مثل صفحه ویندوزی */
#catering-page #ca-features-list .text-secondary{color:var(--ink)}
/* ===== هایلایت قابلیت آفلاین در هیروی صفحه وب ===== */
@media(min-width:64rem){#catering-page>div>div.relative{height:auto;min-height:calc(var(--spacing)*194);padding-bottom:204px}}
@media(min-width:80rem){#catering-page>div>div.relative{padding-bottom:312px}}
@media(min-width:96rem){#catering-page>div>div.relative{padding-bottom:328px}}
#catering-page .ofl{position:relative;isolation:isolate;overflow:hidden;direction:rtl;width:min(100%,1180px);margin:clamp(14px,2vw,26px) auto 0;padding:clamp(18px,2vw,28px) clamp(18px,2.6vw,38px);border-radius:28px;color:#fff;text-align:right;display:flex;align-items:center;gap:clamp(16px,2.4vw,34px);background:linear-gradient(120deg,#7d1f19 0%,#b3342b 52%,#7d1f19 100%);border:2px solid var(--gold1,#d6b374);box-shadow:0 24px 50px -18px rgba(0,0,0,.75),0 0 0 7px rgba(227,194,138,.14);animation:ofl-in .9s .3s both cubic-bezier(.2,.8,.2,1)}
#catering-page .ofl:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 14px,transparent 14px 28px)}
#catering-page .ofl:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,236,190,.28) 50%,transparent 62%);transform:translateX(-130%);animation:ofl-sw 5s ease-in-out infinite}
#catering-page .ofl-ic{position:relative;flex:none;width:clamp(64px,6.4vw,92px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.28);border:2px solid rgba(251,230,174,.7)}
#catering-page .ofl-ic:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(251,230,174,.55);animation:ofl-p 2.4s ease-out infinite}
#catering-page .ofl-ic svg{width:56%;height:56%}
#catering-page .ofl-ok{position:absolute;bottom:-4px;left:-4px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:900;color:#fff;background:#2f9e5b;border:3px solid #7d1f19}
#catering-page .ofl-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}
#catering-page .ofl-k{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;font-size:13px;font-weight:800;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f)}
#catering-page .ofl-k i{width:8px;height:8px;border-radius:50%;background:#b3342b;animation:ofl-d 1.4s ease-in-out infinite}
#catering-page .ofl-h{margin:0;font-weight:900;font-size:clamp(20px,2.3vw,36px);line-height:1.45;color:#fff}
#catering-page .ofl-p{margin:0;font-weight:500;font-size:clamp(13px,1.2vw,17px);line-height:1.9;color:#fbe9d0}
#catering-page .ofl-ch{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
#catering-page .ofl-ch li{padding:4px 13px;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:700;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}
#catering-page .ofl-go{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:290px;padding:14px 26px;border-radius:999px;font-size:clamp(14px,1.2vw,17px);font-weight:900;line-height:1.6;text-align:center;text-decoration:none;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f);box-shadow:0 12px 26px -8px rgba(0,0,0,.6);transition:transform .2s,filter .2s}
#catering-page .ofl-go:hover{transform:translateY(-2px);filter:brightness(1.06)}
#catering-page .ofl-go:focus-visible{outline:3px solid #fff;outline-offset:3px}
#catering-page .ofl-go svg{flex:none;width:20px;height:20px;transition:transform .25s}
#catering-page .ofl-go:hover svg{transform:translateX(-5px)}
@keyframes ofl-in{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ofl-sw{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@keyframes ofl-p{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.28);opacity:0}}
@keyframes ofl-d{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:860px){#catering-page .ofl{flex-direction:column;text-align:center;border-radius:24px}#catering-page .ofl-k{align-self:center}#catering-page .ofl-ch{justify-content:center}#catering-page .ofl-go{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){#catering-page .ofl,#catering-page .ofl:after,#catering-page .ofl-ic:before,#catering-page .ofl-k i{animation:none}}
#catering-page #ca-toc>div>.lg\:-mt-32{margin-top:0!important}
#catering-page #ca-modules a.group{color:inherit;text-decoration:none}

/* امکانات حرفه‌ای: تصویر چسبیده به لبه‌ی صفحه (مارجین صفر)، متن با مارجین استاندارد، ارتفاع هر بخش = یک ویو */
#catering-page #ca-pro-features{--pf-h:clamp(360px,calc(100svh - 190px),780px)}
#catering-page #ca-pro-features article{box-sizing:border-box;padding-inline:0!important;overflow:hidden}
#catering-page #ca-pro-features article>div{margin-inline:0!important;min-width:0}
#catering-page #ca-pro-features article>div:first-child{padding:0!important}
#catering-page #ca-pro-features article>div:first-child>.relative{translate:none!important;margin:0!important;width:100%}
#catering-page #ca-pro-features article>div:first-child img{object-fit:contain!important}
#catering-page #ca-pro-features article>div:last-child{padding-inline:var(--wb-px)!important}
@media(min-width:1024px){
 #catering-page #ca-pro-features article{display:flex;flex-direction:row;align-items:center;margin-top:clamp(20px,4vh,48px)!important;min-height:var(--pf-h)}
 #catering-page #ca-pro-features article>div:first-child{flex:0 0 min(60%,calc(var(--pf-h)*1.3334));width:min(60%,calc(var(--pf-h)*1.3334))!important;max-width:none}
 #catering-page #ca-pro-features article>div:first-child>.relative{aspect-ratio:auto!important;min-height:0!important;height:min(var(--pf-h),calc(60vw*.75))}
 #catering-page #ca-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:first-child img{object-position:left center}
 #catering-page #ca-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:first-child img{object-position:right center}
 #catering-page #ca-pro-features article>div:last-child{flex:1 1 0;width:auto!important;max-width:none}
 #catering-page #ca-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:last-child{padding-left:clamp(16px,2vw,40px)!important;padding-right:var(--wb-px)!important}
 #catering-page #ca-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:last-child{padding-right:clamp(16px,2vw,40px)!important;padding-left:var(--wb-px)!important}
 /* فشرده‌سازی متن تا ارتفاع در یک ویو جا شود */
 #catering-page #ca-pro-features article>div:last-child{padding-top:0!important}
 #catering-page #ca-pro-features article h3{margin-bottom:clamp(6px,1.4vh,18px)!important;font-size:clamp(17px,2.6vh,26px)!important}
 #catering-page #ca-pro-features article h3>span:first-child{font-size:clamp(48px,10vh,100px)!important;line-height:1}
 #catering-page #ca-pro-features article ul{font-size:clamp(11px,1.7vh,15px)!important}
 #catering-page #ca-pro-features article ul>li+li{margin-top:clamp(4px,1vh,11px)!important}
}
/* رنگ‌های نارنجی (با شفافیت) در این سکشن → رنگ اصلی سایت */
#catering-page #ca-pro-features .text-\[\#FF4C00\]\/30{color:color-mix(in srgb,var(--acc) 30%,transparent)}
#catering-page #ca-pro-features .bg-\[\#FF4C00\]\/10,#catering-page #ca-pro-features .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:color-mix(in srgb,var(--acc) 10%,transparent)}
#catering-page #ca-pro-features .bg-\[\#FF4C00\]\/20{background-color:color-mix(in srgb,var(--acc) 20%,transparent)}
#catering-page #ca-pro-features .border-\[\#FF4C00\]\/20,#catering-page #ca-pro-features .hover\:border-\[\#FF4C00\]\/30:hover{border-color:color-mix(in srgb,var(--acc) 25%,transparent)}
#catering-page #ca-pro-features [class*="FF4C00"]{--tw-shadow-color:color-mix(in srgb,var(--acc) 40%,transparent)}

/* تصاویر ویژگی‌های حرفه‌ای: قاب دستگاه + کارت + دایره‌ی هم‌رنگ سایت */
#catering-page #ca-pro-features .pf-art{position:absolute;inset:0}
#catering-page #ca-pro-features .pf-circle{position:absolute;width:56%;aspect-ratio:1;border-radius:50%;top:0;background:var(--acc);z-index:0}
#catering-page #ca-pro-features .pf-dev{position:absolute;z-index:1;top:8%;width:94%;aspect-ratio:3148/2244;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
#catering-page #ca-pro-features .pf-dev img{display:block;width:100%;height:100%;object-fit:contain!important;position:static!important}
#catering-page #ca-pro-features .pf-pop{position:absolute;z-index:2;bottom:2%;max-width:80%;height:auto;object-fit:contain!important}
#catering-page #ca-pro-features .pf-L .pf-dev{left:-5%}
#catering-page #ca-pro-features .pf-L .pf-circle{right:2%}
#catering-page #ca-pro-features .pf-L .pf-pop{right:3%}
#catering-page #ca-pro-features .pf-R .pf-dev{right:-5%}
#catering-page #ca-pro-features .pf-R .pf-circle{left:2%}
#catering-page #ca-pro-features .pf-R .pf-pop{left:3%}


#catering-page .vx-sec{--d:clamp(240px,27vw,400px);border-top:1px dashed var(--gold2);text-align:center}
#catering-page .vx-cmp{display:inline-block;padding:5px 16px;border:1px dashed var(--gold2);border-radius:999px;font-size:13px;font-weight:800;color:var(--goldtxt)}
#catering-page .vx-hd h2{margin:.5em 0 0;font-size:clamp(26px,3.4vw,52px);line-height:1.5;font-weight:800;color:var(--hn)}
#catering-page .vx-hd h2 em{font-style:normal;background:linear-gradient(90deg,var(--gold2),var(--gold1));-webkit-background-clip:text;background-clip:text;color:transparent}
#catering-page .vx-hd p{margin:.4em auto 0;max-width:46ch;font-size:clamp(14px,1.1vw,16px);line-height:2;color:var(--mut)}
#catering-page .vx-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(16px,2vw,30px) clamp(16px,2vw,30px);margin-top:clamp(20px,2.5vw,40px);align-items:stretch}
#catering-page .vx-card{position:relative;display:flex;flex-direction:column;margin-top:calc(var(--d)*.46);border-radius:36px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
#catering-page .vx-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),color-mix(in srgb,var(--gold2) 16%,transparent) 0 1px,transparent 1px 34px)}
#catering-page .vx-web{color:#f6ecd9;border-color:rgba(214,179,116,.3);background:linear-gradient(160deg,#3d2e1f,#2a2018);box-shadow:var(--shadow)}
#catering-page .vx-web:before{background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),rgba(246,236,217,.06) 0 1px,transparent 1px 34px)}
#catering-page .vx-media{position:relative;z-index:1;width:var(--d);aspect-ratio:1;margin:calc(var(--d)*-.46) auto 0}
#catering-page .vx-ph{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 clamp(3px,.45vw,6px) rgba(214,179,116,.55),0 30px 60px -26px rgba(40,26,10,.65)}
#catering-page .vx-ring{position:absolute;inset:-5%;border-radius:50%;border:1.5px solid rgba(214,179,116,.5);pointer-events:none}
#catering-page .vx-ring:after{content:"";position:absolute;bottom:3%;left:14%;width:9px;height:9px;border-radius:50%;background:var(--gold1);box-shadow:0 0 14px var(--gold1)}
#catering-page .vx-chip,#catering-page .vx-mini{position:absolute;z-index:2;display:flex;align-items:center;gap:.6em;color:var(--ink);background:var(--card);border:1px solid var(--line);box-shadow:0 14px 30px -14px rgba(60,40,10,.45)}
#catering-page .vx-web .vx-chip,#catering-page .vx-web .vx-mini{color:#f6ecd9;background:rgba(30,22,15,.62);border-color:rgba(246,236,217,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
#catering-page .vx-chip{left:-7%;top:58%;padding:.6em 1.2em;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:800;white-space:nowrap}
#catering-page .vx-chip svg{width:1.3em;height:1.3em;flex:none;color:var(--gold2)}
#catering-page .vx-web .vx-chip svg{color:#e3c28a}
#catering-page .vx-mini{right:-4%;bottom:5%;flex-direction:column;align-items:stretch;gap:0;min-width:128px;padding:12px 16px;border-radius:20px;text-align:start;font-size:clamp(11px,.95vw,13px)}
#catering-page .vx-mini small{font-weight:700;opacity:.9}
#catering-page .vx-mini b{margin-top:4px;color:var(--leaf);font-size:1.1em}
#catering-page .vx-bars{display:flex;align-items:flex-end;gap:5px;height:32px;margin-top:9px;direction:ltr}
#catering-page .vx-bars i{flex:1;height:var(--h);border-radius:3px;background:linear-gradient(180deg,#d6e8b8,#7fa560);transform-origin:bottom}
#catering-page .vx-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;padding:clamp(20px,2vw,30px) clamp(20px,2.8vw,48px) clamp(26px,2.8vw,44px)}
#catering-page .vx-body .vx-t{margin:0;font-size:clamp(24px,2.4vw,38px);font-weight:800;line-height:1.5;color:var(--hn)}
#catering-page .vx-web .vx-t{color:#fff6e4}
#catering-page .vx-sub{margin:.1em 0 .9em;font-size:clamp(17px,1.6vw,24px);font-weight:700;line-height:1.6;color:var(--goldtxt)}
#catering-page .vx-web .vx-sub{color:#e3c28a}
#catering-page .vx-desc{margin:0 auto 1em;max-width:58ch;font-size:clamp(14px,1.08vw,16.5px);line-height:2.15;color:var(--ink)}
#catering-page .vx-web .vx-desc{color:rgba(246,236,217,.86)}
#catering-page .vx-aud{display:inline-flex;align-items:center;gap:10px;margin:0 auto 1.6em;padding:9px 18px 9px 20px;border-radius:999px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 28%,transparent)}
#catering-page .vx-web .vx-aud{background:rgba(214,179,116,.12);border-color:rgba(214,179,116,.3)}
#catering-page .vx-aud svg{width:19px;height:19px;flex:none;color:var(--leaf)}
#catering-page .vx-web .vx-aud svg{color:#e3c28a}
#catering-page .vx-vl{display:flex;align-items:center;gap:14px;margin:0 auto .9em;width:min(100%,460px);font-size:13.5px;font-weight:800;color:var(--leaf)}
#catering-page .vx-vl:before,#catering-page .vx-vl:after{content:"";flex:1;height:1px;background:currentColor;opacity:.3}
#catering-page .vx-web .vx-vl{color:#a4c27f}
#catering-page .vx-ft{list-style:none;margin:0 auto 1.8em;padding:0;width:min(100%,460px);display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;text-align:start}
#catering-page .vx-ft li{display:flex;align-items:center;gap:10px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700}
#catering-page .vx-ft svg{flex:none;width:24px;height:24px;padding:5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#catering-page .vx-web .vx-ft svg{color:#a4c27f;background:rgba(164,194,127,.2)}
#catering-page .vx-ft .vx-star{grid-column:1/-1;padding:10px 16px;border-radius:16px;font-weight:800;color:#1c1712;background:linear-gradient(135deg,#e3c28a,#b58a45);box-shadow:0 10px 22px -12px #b58a45}
#catering-page .vx-ft .vx-star svg{width:26px;height:26px;padding:4px;color:#e3c28a;background:#1c1712}
#catering-page .vx-ft .vx-star em{margin-inline-start:auto;font-style:normal;font-size:.8em;padding:2px 10px;border-radius:999px;background:#1c1712;color:#e3c28a}
#catering-page .vx-act{margin-top:auto;display:flex;flex-direction:column;gap:12px}
#catering-page .vx-act a{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border-radius:999px;border:2px solid var(--acc);font-size:15px;font-weight:800;line-height:1.7;transition:transform .2s,filter .2s,background .2s,color .2s}
#catering-page .vx-b1{background:var(--acc);color:var(--on-acc)}
#catering-page .vx-b1:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 22px -10px var(--acc)}
#catering-page .vx-b2{border-color:var(--gold2)!important;color:var(--goldtxt)}
#catering-page .vx-b2:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#catering-page .vx-web .vx-b2{border-color:#e3c28a!important;color:#e3c28a}
#catering-page .vx-web .vx-b2:hover{color:#1c1712}
#catering-page .vx-new{padding:1px 10px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:11.5px;line-height:1.8}
#catering-page .vx-web .vx-b2:hover .vx-new{background:#1c1712;color:#e3c28a}
#catering-page .vx-act a:focus-visible{outline:3px solid var(--gold1);outline-offset:3px}
#catering-page .vx-ready .vx-media{opacity:0;transform:translateY(48px) scale(.94);transition:opacity .9s,transform 1.1s cubic-bezier(.2,.8,.2,1)}
#catering-page .vx-ready .vx-card:nth-child(2) .vx-media{transition-delay:.18s}
#catering-page .vx-ready .vx-chip,#catering-page .vx-ready .vx-mini{opacity:0;transition:opacity .7s .7s}
#catering-page .vx-ready .vx-bars i{transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.8,.2,1) calc(.9s + var(--d2,0s))}
#catering-page .vx-ready .vx-card.in .vx-media,#catering-page .vx-ready .vx-card.in .vx-chip,#catering-page .vx-ready .vx-card.in .vx-mini{opacity:1;transform:none}
#catering-page .vx-ready .vx-card.in .vx-bars i{transform:none}
@media(max-width:1000px){#catering-page .vx-sec{--d:clamp(230px,56vw,380px)}
#catering-page .vx-grid{grid-template-columns:1fr}}
@media(max-width:560px){#catering-page .vx-mini{display:none}
#catering-page .vx-ft{grid-template-columns:1fr}
#catering-page .vx-card{border-radius:28px}}
@media(prefers-reduced-motion:reduce){#catering-page .vx-ready .vx-media,#catering-page .vx-ready .vx-chip,#catering-page .vx-ready .vx-mini,#catering-page .vx-ready .vx-bars i,#catering-page .vx-act a{transition:none}}
@media(min-width:1001px){#catering-page .vx-sec{--d:clamp(230px,min(33vh,26vw),420px)}}
#catering-page .vx-card{margin-top:calc(var(--d)*.44);border-radius:30px}
#catering-page .vx-media{margin-top:calc(var(--d)*-.44)}
#catering-page .vx-cmp{padding:3px 14px;font-size:12px}
#catering-page .vx-hd h2{margin:.25em 0 0;font-size:clamp(22px,2.3vw,36px);line-height:1.4}
#catering-page .vx-hd p{display:none}
#catering-page .vx-grid{margin-top:clamp(6px,1.2vh,14px);gap:clamp(14px,1.6vw,24px)}
#catering-page .vx-chip{left:-13%;top:50%;padding:.5em 1em}
#catering-page .vx-mini{right:-9%;bottom:-3%;min-width:108px;padding:9px 12px}
#catering-page .vx-body{padding:clamp(12px,1.6vh,18px) clamp(18px,2.4vw,36px) clamp(18px,2.4vh,26px)}
#catering-page .vx-body .vx-t{font-size:clamp(20px,1.9vw,29px);line-height:1.4}
#catering-page .vx-sub{margin:0 0 .5em;font-size:clamp(15px,1.25vw,19px);line-height:1.5}
#catering-page .vx-desc{margin-bottom:.7em;font-size:clamp(13px,.95vw,14.5px);line-height:1.95}
#catering-page .vx-aud{margin-bottom:1em;padding:6px 16px 6px 18px;font-size:13px}
#catering-page .vx-aud svg{width:17px;height:17px}
#catering-page .vx-vl{margin-bottom:.6em;font-size:12.5px}
#catering-page .vx-ft{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-bottom:1.1em}
#catering-page .vx-ft li{padding:5px 14px 5px 10px;border-radius:999px;font-size:13.5px;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 26%,transparent)}
#catering-page .vx-web .vx-ft li{background:rgba(164,194,127,.12);border-color:rgba(164,194,127,.28)}
#catering-page .vx-ft svg{width:20px;height:20px;padding:4px}
#catering-page .vx-web .vx-ft .vx-star,#catering-page .vx-ft .vx-star{flex:1 1 100%;max-width:340px;padding:7px 14px;border:0;background:linear-gradient(135deg,#e3c28a,#b58a45)}
#catering-page .vx-web .vx-ft .vx-star svg,#catering-page .vx-ft .vx-star svg{width:22px;height:22px;color:#e3c28a;background:#1c1712}
#catering-page .vx-act{gap:8px}
#catering-page .vx-act a{padding:10px 20px;font-size:14px}
#catering-page .vx-desc{max-width:84ch}
#catering-page .vx-act{flex-direction:row;flex-wrap:wrap;justify-content:center}
#catering-page .vx-act a{flex:1 1 auto;padding:10px 16px;font-size:13.5px}
#catering-page .vx-chip{font-size:clamp(12px,.9vw,14px)}
#catering-page .vx-chip,#catering-page .vx-mini{display:none!important}
@keyframes vx-spin{to{rotate:360deg}}
@keyframes vx-pulse{0%{transform:scale(.97);opacity:.55}100%{transform:scale(1.2);opacity:0}}
#catering-page .vx-ring{inset:-6%;border:1.5px dashed rgba(227,194,138,.6);animation:vx-spin 50s linear infinite}
#catering-page .vx-win .vx-ring{border-color:color-mix(in srgb,var(--gold2) 65%,transparent)}
#catering-page .vx-ring:before{content:"";position:absolute;inset:-2px;border-radius:50%;
background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold1) 30%,transparent) 78%,#f3d9a0 100%);
-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
animation:vx-spin 6s linear infinite reverse}
#catering-page .vx-win .vx-ring:before{background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold2) 35%,transparent) 78%,var(--gold2) 100%)}
#catering-page .vx-ring:after{bottom:auto;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;background:#f3d9a0;box-shadow:0 0 0 4px rgba(227,194,138,.2),0 0 16px 2px var(--gold1)}
#catering-page .vx-media:after{content:"";position:absolute;inset:-6%;border-radius:50%;border:1.5px solid var(--gold1);pointer-events:none;animation:vx-pulse 4.2s cubic-bezier(.2,.6,.3,1) infinite}
#catering-page .vx-card:nth-child(2) .vx-media:after{animation-delay:2.1s}
#catering-page .vx-card:hover .vx-ring{animation-duration:14s}
@media(prefers-reduced-motion:reduce){#catering-page .vx-ring,#catering-page .vx-ring:before,#catering-page .vx-media:after{animation:none}}

#catering-page .vx-sec{border-top:0}
#catering-page .vx-ph{overflow:hidden;background:var(--bg2)}
#catering-page .vx-win .vx-ph{background:var(--card)}
#catering-page .vx-rec{position:absolute;z-index:3;top:18px;left:22px;padding:4px 16px;border-radius:999px;border:1.5px solid var(--gold1);background:rgba(28,23,18,.55);color:#e3c28a;font-size:13px;font-weight:800;backdrop-filter:blur(8px)}
#catering-page .vx-pre{margin:0 auto;max-width:42rem;padding-inline:1rem;text-align:center;font-size:.875rem;line-height:1.9;color:var(--mut)}
@media(min-width:64rem){#catering-page .vx-pre{font-size:1rem}}
#catering-page .vx-sec{margin-top:clamp(12px,2vw,28px)}
#catering-page a.vx-b2[href="#"]{cursor:pointer}
html.is-ca body>section:not(#mp-sec),html.is-ca #nl-sec,html.is-ca #cta-band,html.is-ca .pgx,html.is-ca #hk-cards{display:none!important}


@media(min-width:1024px){#catering-page #ca-images h2{max-width:none;white-space:nowrap;font-size:min(48px,4.05vw)}}

#ca-versions .cv-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto repeat(10,auto) auto;column-gap:clamp(12px,2vw,28px);width:100%}
#ca-versions .cv-card{position:relative;grid-row:1/span 13;display:grid;grid-template-rows:subgrid;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
#ca-versions .cv-web{border:1.5px solid var(--gold2)}
#ca-versions .cv-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:clamp(8px,1.4vh,14px) 18px 2px}
#ca-versions .cv-t{font-weight:800;line-height:1.4;font-size:clamp(16px,2.3vh,23px);color:var(--hn,var(--ink))}
#ca-versions .cv-rec{order:2;flex:none;font-size:12px;font-weight:800;padding:3px 12px;border-radius:999px;background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#ca-versions .cv-d{margin:0;padding:0 20px clamp(6px,1.2vh,12px);font-size:clamp(12px,1.6vh,14px);line-height:1.7;color:color-mix(in srgb,var(--ink) 82%,var(--mut))}
#ca-versions .cv-c{display:flex;align-items:center;gap:10px;padding:clamp(3px,.55vh,7px) 18px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);font-size:clamp(12px,1.6vh,14.5px);line-height:1.6}
#ca-versions .cv-tx{display:flex;flex-direction:column}
#ca-versions .cv-tx b{font-weight:700}
#ca-versions .cv-tx small{font-size:.85em;opacity:.75}
#ca-versions .cv-ck{flex:none;width:20px;height:20px;padding:3.5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#ca-versions .cv-star{background:color-mix(in srgb,var(--gold1) 20%,transparent);font-weight:800}
#ca-versions .cv-off{background:color-mix(in srgb,var(--mut) 6%,transparent)}
#ca-versions .cv-no{width:100%;text-align:center;color:var(--mut);opacity:.6}
#ca-versions .cv-act{display:flex;gap:10px;padding:clamp(7px,1.1vh,12px) 18px clamp(8px,1.4vh,14px);border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
#ca-versions .cv-act a{flex:1;text-align:center;font-weight:700;font-size:clamp(12.5px,1.7vh,14.5px);padding:clamp(6px,1vh,10px) 12px;border-radius:999px;transition:transform .2s,filter .2s}
#ca-versions .cv-b1{background:var(--acc);color:var(--on-acc)}
#ca-versions .cv-b2{border:1.5px solid var(--gold2);color:var(--goldtxt)}
#ca-versions .cv-act a:hover{transform:translateY(-2px);filter:brightness(1.08)}
@media(max-width:700px){
#ca-versions .cv-grid{grid-template-columns:1fr;grid-template-rows:none;row-gap:16px}
#ca-versions .cv-card{grid-row:auto;grid-template-rows:none}
#ca-versions .cv-card>*{grid-row:auto!important}
}

#ca-versions .cv-grid{padding-top:22px}
#ca-versions .cv-card{overflow:visible}
#ca-versions .cv-h{padding-top:30px;min-height:30px}
#ca-versions .cv-t{position:absolute;top:0;inset-inline:0;margin-inline:auto;transform:translateY(-50%);width:max-content;max-width:calc(100% - 24px);text-align:center;padding:7px 26px;border-radius:999px;font-size:clamp(14px,1.9vh,17px);line-height:1.5;color:var(--goldtxt);background:var(--card);border:1.5px solid var(--gold2);box-shadow:0 0 0 6px var(--bg)}
#ca-versions .cv-web .cv-t{color:var(--on-gold);background:linear-gradient(135deg,var(--gold1),var(--gold2));border-color:var(--gold2)}
#ca-versions .cv-act{border-radius:0 0 22px 22px}
@media(min-width:640px){#ca-versions h2{max-width:none!important;white-space:nowrap}}@media(min-width:900px){#ca-versions .vx-pre{max-width:none!important;white-space:nowrap;font-size:clamp(11px,1.2vw,15px)!important}}


#ca-profit{font-family:'Vazirmatn',inherit;color:var(--ink)}
#ca-profit .cp-h{margin:0 auto .5rem;text-align:center;font-size:clamp(20px,3.2vw,36px);line-height:1.4;color:var(--ink)}
#ca-profit .cp-sub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#ca-profit .cp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,32px);max-width:none;margin:0 auto}
#ca-profit .cp-item{--w:clamp(64px,6.5vw,92px);position:relative;display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--w)*.4)}
#ca-profit .cp-ic{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;width:var(--w);height:auto;filter:drop-shadow(0 6px 8px rgba(120,86,30,.25))}
#ca-profit .cp-c{width:100%;max-width:280px;aspect-ratio:1;border-radius:50%;border:1.5px dashed var(--acc);background:color-mix(in srgb,var(--card) 70%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--w)*.4 + 6px) clamp(18px,2.4vw,34px) clamp(14px,2vw,24px);margin-top:0;transition:transform .3s,box-shadow .3s,background .3s}
#ca-profit .cp-item:hover .cp-c{transform:translateY(-4px);box-shadow:var(--shadow);background:var(--card)}
#ca-profit .cp-n{display:inline;font-weight:800;font-size:clamp(28px,3.6vw,48px);line-height:1.2;color:var(--acc)}
#ca-profit .cp-p{display:inline;font-weight:800;font-size:clamp(16px,1.8vw,24px);color:var(--acc);margin-inline-start:2px}
#ca-profit .cp-c p{margin:.35rem 0 0;font-size:clamp(11.5px,1.15vw,14.5px);line-height:1.8;color:var(--ink)}
#ca-profit .cp-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,56px)}
#ca-profit .cp-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 36px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:clamp(14px,1.3vw,16px);border:2px solid var(--acc);transition:transform .2s,box-shadow .2s,filter .2s}
#ca-profit .cp-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:900px){#ca-profit .cp-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}}
@media(max-width:480px){#ca-profit .cp-c{max-width:200px}#ca-profit .cp-c p{font-size:11px}}


#ca-images .ca-gsub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#ca-images .wb-stage{border-radius:28px}
#ca-images .ca-slide{position:absolute;inset:0;display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:color-mix(in srgb,var(--bg2) 85%,var(--card));border:1px solid var(--line);border-radius:28px;color:color-mix(in srgb,var(--mut) 55%,transparent)}
#ca-images .ca-slide[hidden]{display:none}
#ca-images .ca-slide>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(56px,8vw,96px);height:auto}
#ca-images .ca-slide img{display:block;width:100%;height:auto}
#catering-page #ca-lightbox{overflow:hidden}
#catering-page #ca-lightbox .lb-fig img{touch-action:none;user-select:none;-webkit-user-select:none;transform-origin:center center;position:relative;z-index:1}
#catering-page #ca-lightbox .lb-x,#catering-page #ca-lightbox .lb-nav{z-index:3}
#catering-page #ca-lightbox .lb-zoombar{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;direction:ltr}
#catering-page #ca-lightbox .lb-zoombar button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#catering-page #ca-lightbox .lb-zoombar .lb-zreset{width:auto;min-width:68px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;font-family:inherit}
#catering-page #ca-lightbox .lb-zoombar button:hover:not(:disabled){background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#catering-page #ca-lightbox .lb-zoombar button:disabled{opacity:.4;cursor:default}
#catering-page #ca-lightbox .lb-zoombar button:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}


#ca-features-list .cal-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut);max-width:48rem}
#ca-features-list .cal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);max-width:none;margin:0 auto}
#ca-features-list .cal-card{display:flex;align-items:center;gap:14px;min-height:96px;padding:14px 18px;background:var(--card);color:var(--ink);border:1px solid color-mix(in srgb,var(--acc) 50%,transparent);border-left:4px solid var(--acc);border-radius:16px;transition:transform .25s,box-shadow .25s,border-color .25s}
#ca-features-list .cal-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--acc)}
#ca-features-list .cal-ic{flex:0 0 auto;width:30px;height:30px;color:var(--acc)}
#ca-features-list .cal-card p{margin:0;flex:1;min-width:0;text-align:right;font-size:clamp(12px,1.05vw,14px);line-height:1.9;color:var(--ink)}
#ca-features-list .cal-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,64px)}
#ca-features-list .cal-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 40px;border-radius:999px;background:var(--acc);color:var(--on-acc);border:2px solid var(--acc);font-size:clamp(14px,1.3vw,17px);transition:transform .2s,box-shadow .2s,filter .2s}
#ca-features-list .cal-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:1100px){#ca-features-list .cal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#ca-features-list .cal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#ca-features-list .cal-grid{grid-template-columns:1fr}#ca-features-list .cal-card{min-height:76px}}


#ca-modules .cam-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#ca-modules .cam-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);max-width:none;margin:0 auto}
#ca-modules .cam-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2vw,26px) clamp(18px,2.2vw,32px);border-radius:22px;background:color-mix(in srgb,var(--acc) 6%,var(--card));color:var(--ink);text-decoration:none;box-shadow:0 8px 24px -14px rgba(43,33,24,.25);transition:background .25s,color .25s,transform .25s,box-shadow .25s}
#ca-modules .cam-head{display:flex;align-items:center;gap:14px}
#ca-modules .cam-ic{flex:0 0 auto;width:clamp(34px,3.2vw,44px);height:clamp(34px,3.2vw,44px);color:var(--acc);transition:color .25s}
#ca-modules .cam-card h3{margin:0;font-size:clamp(13.5px,1.2vw,16px);line-height:1.8;color:inherit}
#ca-modules .cam-card p{margin:0;font-size:clamp(12px,1.05vw,14px);line-height:2.1;color:inherit;opacity:.85;text-align:right}
#ca-modules .cam-go{position:absolute;top:clamp(20px,2.2vw,30px);left:clamp(18px,2.2vw,30px);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--card);color:var(--acc);opacity:0;transform:translateX(8px);transition:opacity .25s,transform .25s}
#ca-modules .cam-card:hover,#ca-modules .cam-card:focus-visible{background:var(--acc);color:var(--on-acc);transform:translateY(-3px);box-shadow:0 18px 36px -16px color-mix(in srgb,var(--acc) 60%,transparent)}
#ca-modules .cam-card:hover .cam-ic,#ca-modules .cam-card:focus-visible .cam-ic{color:var(--on-acc)}
#ca-modules .cam-card:hover p,#ca-modules .cam-card:focus-visible p{opacity:1}
#ca-modules .cam-card:hover .cam-go,#ca-modules .cam-card:focus-visible .cam-go{opacity:1;transform:none}
#ca-modules .cam-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(hover:none){#ca-modules .cam-go{opacity:1;transform:none;background:color-mix(in srgb,var(--acc) 12%,transparent)}}
@media(max-width:800px){#ca-modules .cam-grid{grid-template-columns:1fr}}


#catering-page #ca-customers .group-hover\:bg-ab-bg2:is(:where(.group):hover *){background-color:var(--bg2)}
#catering-page #ca-customers .hover\:border-ab-acc:hover{border-color:var(--acc,#a9322b)}
#catering-page #ca-customers .bg-ab-bg2{background-color:var(--bg2)}
#catering-page #ca-customers .max-w-\[88\%\]{max-width:88%}
#catering-page #ca-customers .backface-visibility-hidden{backface-visibility:hidden}
#catering-page #ca-customers [style*="padding-left:clamp(1rem"]{padding-inline:clamp(1rem,4vw + .5rem,9rem)!important}
#catering-page #ca-customers .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#catering-page #ca-customers .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#catering-page #ca-customers .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#catering-page #ca-customers .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#catering-page #ca-customers .brand-scroll-animation{--g:5rem}}
#catering-page #ca-customers .brand-scroll-animation:hover{animation-play-state:paused}
#catering-page #ca-customers .brand-scroll-animation,#catering-page #ca-customers :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#catering-page #ca-customers .brand-scroll-animation{animation:none}}


#catering-page .ob-sec{background:var(--sec-alt,#fff);margin-top:calc(.25rem * 24)}
#catering-page .ob-in{width:100%;max-width:100%;padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#catering-page .ob-h{margin:0 auto;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800;font-size:1.5rem;line-height:2rem}
#catering-page .ob-p{margin:16px auto 0;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400;font-size:1rem;line-height:1.5}
#catering-page .ob-g{display:grid;grid-template-columns:repeat(2,minmax(0,181px));justify-content:space-evenly;justify-items:center;column-gap:16px;row-gap:calc(.25rem * 24);margin:calc(.25rem * 36) 0 calc(.25rem * 24)}
#catering-page .ob-c{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;max-width:181px;height:180px;padding:32px 16px 24px;background:var(--fa-soft);border-radius:20px;box-shadow:none;text-decoration:none;cursor:pointer;transition:all .3s ease-out}
#catering-page .ob-c:hover,#catering-page .ob-c:focus-visible{background:var(--acc);transform:translateY(-4px);box-shadow:0 10px 24px rgba(10,39,69,.14)}
#catering-page .ob-c:focus-visible{outline:2px solid var(--nv);outline-offset:3px}
#catering-page .ob-ph{width:100%;display:flex;align-items:center;justify-content:center;margin-top:calc(.25rem * -20)}
#catering-page .ob-img{position:relative;display:flex;align-items:center;justify-content:center;width:155.95px;max-width:calc(100% + 8px);aspect-ratio:1/1;border-radius:9999px;background:var(--line);overflow:hidden;transform:translateY(-16px)}
#catering-page .ob-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#catering-page .ob-ph-svg{width:70%;height:70%;display:block}
#catering-page .ob-t{margin-top:4px;text-align:center;color:var(--acc);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700;font-size:1rem;line-height:1.5;transition:color .3s ease-out}
#catering-page .ob-c:hover .ob-t,#catering-page .ob-c:focus-visible .ob-t{color:var(--color-white,#fff)}
@media (min-width:40rem){
 #catering-page .ob-h{font-size:1.875rem;line-height:2.25rem}
 #catering-page .ob-g{grid-template-columns:repeat(3,minmax(0,181px));column-gap:40px}
}
@media (min-width:64rem){
 #catering-page .ob-h{line-height:56px}
 #catering-page .ob-g{grid-template-columns:repeat(4,minmax(0,181px))}
}
@media (min-width:80rem){
 #catering-page .ob-sec{margin-top:calc(.25rem * 50)}
 #catering-page .ob-h{font-size:36px}
 #catering-page .ob-g{grid-template-columns:repeat(6,minmax(0,181px));justify-content:space-between;column-gap:12px;row-gap:80px;margin:128px 0 96px}
}
@media (min-width:96rem){
 #catering-page .ob-in{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
}
@media (prefers-reduced-motion:reduce){#catering-page .ob-c,#catering-page .ob-t{transition:none}#catering-page .ob-c:hover,#catering-page .ob-c:focus-visible{transform:none}}

#catering-page .ca-hw-wrap{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
@media (min-width:96rem){#catering-page .ca-hw-wrap{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}}
#catering-page #ca-modules>div>div>h2{max-width:none!important;white-space:nowrap;font-size:clamp(13px,3.1vw,48px)!important;line-height:1.6!important;padding-inline:0!important}


#catering-page #ca-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#catering-page #ca-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#catering-page #ca-about *{box-sizing:border-box}
#catering-page #ca-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#catering-page #ca-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#catering-page #ca-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#catering-page #ca-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#catering-page #ca-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#catering-page #ca-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#catering-page #ca-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#catering-page #ca-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#catering-page #ca-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#catering-page #ca-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#catering-page #ca-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#catering-page #ca-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#catering-page #ca-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#catering-page #ca-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#catering-page #ca-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#catering-page #ca-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#catering-page #ca-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#catering-page #ca-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#catering-page #ca-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#catering-page #ca-about .seo-more[hidden]{display:none}
#catering-page #ca-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#catering-page #ca-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#catering-page #ca-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#catering-page #ca-about.seo-open .seo-fade,#catering-page #ca-about:not(.seo-js) .seo-fade{opacity:0}
#catering-page #ca-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#catering-page #ca-about .seo-ls,#catering-page #ca-about .seo-ls.seo-sm{grid-template-columns:1fr}#catering-page #ca-about .seo-in p{text-align:start}#catering-page #ca-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#catering-page #ca-about .seo-body,#catering-page #ca-about .seo-ls li,#catering-page #ca-about .seo-more,#catering-page #ca-about .seo-more i svg,#catering-page #ca-about .seo-fade{transition:none!important}}
#catering-page #ca-about .seo-in h2{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#catering-page #ca-about .seo-in h2:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#catering-page #ca-about .seo-in .seo-h4{margin:22px 0 8px;font-size:clamp(16px,1.3vw,19px);font-weight:800;color:var(--goldtxt);line-height:1.8}#catering-page #ca-about .seo-in h3.seo-h4{padding-inline-start:0}#catering-page #ca-about .seo-in h3.seo-h4:before{display:none}
#catering-page #ca-about .seo-in strong{font-weight:800;color:var(--ink)}
#catering-page #ca-about .seo-td li{display:flex;flex-direction:column;gap:2px}
#catering-page #ca-about .seo-td li>b{font-weight:800;color:var(--goldtxt);font-size:clamp(14.5px,1.1vw,16.5px)}
#catering-page #ca-about .seo-td li>span{color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#catering-page #ca-about .seo-ls li.seo-wide{grid-column:1/-1}
#catering-page #ca-about .seo-ls .seo-sub{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 22px}
#catering-page #ca-about .seo-ls .seo-sub li{position:relative;padding:0;padding-inline-start:18px;background:none;border:0;border-radius:0;transform:none;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#catering-page #ca-about .seo-ls .seo-sub li:hover{transform:none;border-color:transparent}
#catering-page #ca-about .seo-ls .seo-sub li:before{inset-inline-start:2px;top:.95em;width:6px;height:6px;border-radius:50%;transform:none}
@media(max-width:760px){#catering-page #ca-about .seo-ls .seo-sub{grid-template-columns:1fr}}


@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-gradient-position{syntax:"*";inherits:false}
@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-stops{syntax:"*";inherits:false}
@property --tw-gradient-via-stops{syntax:"*";inherits:false}
@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#cafe-restaurant-page *,#cafe-restaurant-page :before,#cafe-restaurant-page :after,#cafe-restaurant-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}
#cafe-restaurant-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft)}
#cafe-restaurant-page *,#cafe-restaurant-page :after,#cafe-restaurant-page :before,#cafe-restaurant-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#cafe-restaurant-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#cafe-restaurant-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#cafe-restaurant-page hr{height:0;color:inherit;border-top-width:1px}
#cafe-restaurant-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#cafe-restaurant-page h1,#cafe-restaurant-page h2,#cafe-restaurant-page h3,#cafe-restaurant-page h4,#cafe-restaurant-page h5,#cafe-restaurant-page h6{font-size:inherit;font-weight:inherit}
#cafe-restaurant-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#cafe-restaurant-page b,#cafe-restaurant-page strong{font-weight:bolder}
#cafe-restaurant-page code,#cafe-restaurant-page kbd,#cafe-restaurant-page samp,#cafe-restaurant-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#cafe-restaurant-page small{font-size:80%}
#cafe-restaurant-page sub,#cafe-restaurant-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#cafe-restaurant-page sub{bottom:-.25em}
#cafe-restaurant-page sup{top:-.5em}
#cafe-restaurant-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#cafe-restaurant-page :-moz-focusring:where(:not(iframe)){outline:auto}
#cafe-restaurant-page progress{vertical-align:baseline}
#cafe-restaurant-page summary{display:list-item}
#cafe-restaurant-page ol,#cafe-restaurant-page ul,#cafe-restaurant-page menu{list-style:none}
#cafe-restaurant-page img,#cafe-restaurant-page svg,#cafe-restaurant-page video,#cafe-restaurant-page canvas,#cafe-restaurant-page audio,#cafe-restaurant-page iframe,#cafe-restaurant-page embed,#cafe-restaurant-page object{vertical-align:middle;display:block}
#cafe-restaurant-page img,#cafe-restaurant-page video{max-width:100%;height:auto}
#cafe-restaurant-page button,#cafe-restaurant-page input,#cafe-restaurant-page select,#cafe-restaurant-page optgroup,#cafe-restaurant-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#cafe-restaurant-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#cafe-restaurant-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#cafe-restaurant-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#cafe-restaurant-page ::file-selector-button{margin-inline-end:4px}
#cafe-restaurant-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#cafe-restaurant-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#cafe-restaurant-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#cafe-restaurant-page textarea{resize:vertical}
#cafe-restaurant-page ::-webkit-search-decoration{-webkit-appearance:none}
#cafe-restaurant-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#cafe-restaurant-page ::-webkit-datetime-edit{display:inline-flex}
#cafe-restaurant-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#cafe-restaurant-page ::-webkit-datetime-edit{padding-block:0}
#cafe-restaurant-page ::-webkit-datetime-edit-year-field{padding-block:0}
#cafe-restaurant-page ::-webkit-datetime-edit-month-field{padding-block:0}
#cafe-restaurant-page ::-webkit-datetime-edit-day-field{padding-block:0}
#cafe-restaurant-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#cafe-restaurant-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#cafe-restaurant-page ::-webkit-datetime-edit-second-field{padding-block:0}
#cafe-restaurant-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#cafe-restaurant-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#cafe-restaurant-page ::-webkit-calendar-picker-indicator{line-height:1}
#cafe-restaurant-page :-moz-ui-invalid{box-shadow:none}
#cafe-restaurant-page button,#cafe-restaurant-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#cafe-restaurant-page ::file-selector-button{appearance:button}
#cafe-restaurant-page ::-webkit-inner-spin-button{height:auto}
#cafe-restaurant-page ::-webkit-outer-spin-button{height:auto}
#cafe-restaurant-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#cafe-restaurant-page .pointer-events-none{pointer-events:none}
#cafe-restaurant-page .visible{visibility:visible}
#cafe-restaurant-page .absolute{position:absolute}
#cafe-restaurant-page .fixed{position:fixed}
#cafe-restaurant-page .relative{position:relative}
#cafe-restaurant-page .-inset-0\.5{inset:calc(var(--spacing) * -.5)}
#cafe-restaurant-page .inset-0{inset:0}
#cafe-restaurant-page .inset-x-0{inset-inline:0}
#cafe-restaurant-page .-top-1{top:calc(var(--spacing) * -1)}
#cafe-restaurant-page .-top-5{top:calc(var(--spacing) * -5)}
#cafe-restaurant-page .top-0{top:0}
#cafe-restaurant-page .top-2{top:calc(var(--spacing) * 2)}
#cafe-restaurant-page .top-3{top:calc(var(--spacing) * 3)}
#cafe-restaurant-page .top-6{top:calc(var(--spacing) * 6)}
#cafe-restaurant-page .top-full{top:100%}
#cafe-restaurant-page .-right-1{right:calc(var(--spacing) * -1)}
#cafe-restaurant-page .right-0{right:0}
#cafe-restaurant-page .right-1{right:var(--spacing)}
#cafe-restaurant-page .right-2{right:calc(var(--spacing) * 2)}
#cafe-restaurant-page .right-3{right:calc(var(--spacing) * 3)}
#cafe-restaurant-page .right-4{right:calc(var(--spacing) * 4)}
#cafe-restaurant-page .right-12{right:calc(var(--spacing) * 12)}
#cafe-restaurant-page .bottom-0{bottom:0}
#cafe-restaurant-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#cafe-restaurant-page .left-0{left:0}
#cafe-restaurant-page .left-1\/2{left:50%}
#cafe-restaurant-page .left-3{left:calc(var(--spacing) * 3)}
#cafe-restaurant-page .-z-10{z-index:calc(10 * -1)}
#cafe-restaurant-page .z-0{z-index:0}
#cafe-restaurant-page .z-10{z-index:10}
#cafe-restaurant-page .z-20{z-index:20}
#cafe-restaurant-page .z-30{z-index:30}
#cafe-restaurant-page .z-40{z-index:40}
#cafe-restaurant-page .z-50{z-index:50}
#cafe-restaurant-page .z-1000{z-index:1000}
#cafe-restaurant-page .order-1{order:1}
#cafe-restaurant-page .order-2{order:2}
#cafe-restaurant-page .order-3{order:3}
#cafe-restaurant-page .mx-1{margin-inline:var(--spacing)}
#cafe-restaurant-page .mx-auto{margin-inline:auto}
#cafe-restaurant-page .my-0{margin-block:0}
#cafe-restaurant-page .my-2{margin-block:calc(var(--spacing) * 2)}
#cafe-restaurant-page .my-16{margin-block:calc(var(--spacing) * 16)}
#cafe-restaurant-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#cafe-restaurant-page .mt-0{margin-top:0}
#cafe-restaurant-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#cafe-restaurant-page .mt-1{margin-top:var(--spacing)}
#cafe-restaurant-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#cafe-restaurant-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#cafe-restaurant-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#cafe-restaurant-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#cafe-restaurant-page .mt-16{margin-top:calc(var(--spacing) * 16)}
#cafe-restaurant-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#cafe-restaurant-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#cafe-restaurant-page .mt-70{margin-top:calc(var(--spacing) * 70)}
#cafe-restaurant-page .mb-1{margin-bottom:var(--spacing)}
#cafe-restaurant-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#cafe-restaurant-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#cafe-restaurant-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#cafe-restaurant-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#cafe-restaurant-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#cafe-restaurant-page .mb-12{margin-bottom:calc(var(--spacing) * 12)}
#cafe-restaurant-page .mb-16{margin-bottom:calc(var(--spacing) * 16)}
#cafe-restaurant-page .block{display:block}
#cafe-restaurant-page .flex{display:flex}
#cafe-restaurant-page .grid{display:grid}
#cafe-restaurant-page .hidden{display:none}
#cafe-restaurant-page .inline-block{display:inline-block}
#cafe-restaurant-page .inline-flex{display:inline-flex}
#cafe-restaurant-page .aspect-4\/3{aspect-ratio:4/3}
#cafe-restaurant-page .h-4{height:calc(var(--spacing) * 4)}
#cafe-restaurant-page .h-5{height:calc(var(--spacing) * 5)}
#cafe-restaurant-page .h-6{height:calc(var(--spacing) * 6)}
#cafe-restaurant-page .h-8{height:calc(var(--spacing) * 8)}
#cafe-restaurant-page .h-10{height:calc(var(--spacing) * 10)}
#cafe-restaurant-page .h-12{height:calc(var(--spacing) * 12)}
#cafe-restaurant-page .h-14{height:calc(var(--spacing) * 14)}
#cafe-restaurant-page .h-16{height:calc(var(--spacing) * 16)}
#cafe-restaurant-page .h-20{height:calc(var(--spacing) * 20)}
#cafe-restaurant-page .h-32{height:calc(var(--spacing) * 32)}
#cafe-restaurant-page .h-50{height:calc(var(--spacing) * 50)}
#cafe-restaurant-page .h-72{height:calc(var(--spacing) * 72)}
#cafe-restaurant-page .h-\[50px\]{height:50px}
#cafe-restaurant-page .h-\[72px\]{height:72px}
#cafe-restaurant-page .h-\[200px\]{height:200px}
#cafe-restaurant-page .h-auto{height:auto}
#cafe-restaurant-page .h-fit{height:fit-content}
#cafe-restaurant-page .h-full{height:100%}
#cafe-restaurant-page .max-h-0{max-height:0}
#cafe-restaurant-page .max-h-\[280px\]{max-height:280px}
#cafe-restaurant-page .max-h-\[600px\]{max-height:600px}
#cafe-restaurant-page .min-h-0{min-height:0}
#cafe-restaurant-page .min-h-\[44px\]{min-height:44px}
#cafe-restaurant-page .min-h-\[280px\]{min-height:280px}
#cafe-restaurant-page .min-h-\[300px\]{min-height:300px}
#cafe-restaurant-page .w-4{width:calc(var(--spacing) * 4)}
#cafe-restaurant-page .w-5{width:calc(var(--spacing) * 5)}
#cafe-restaurant-page .w-6{width:calc(var(--spacing) * 6)}
#cafe-restaurant-page .w-8{width:calc(var(--spacing) * 8)}
#cafe-restaurant-page .w-10{width:calc(var(--spacing) * 10)}
#cafe-restaurant-page .w-12{width:calc(var(--spacing) * 12)}
#cafe-restaurant-page .w-14{width:calc(var(--spacing) * 14)}
#cafe-restaurant-page .w-16{width:calc(var(--spacing) * 16)}
#cafe-restaurant-page .w-20{width:calc(var(--spacing) * 20)}
#cafe-restaurant-page .w-24{width:calc(var(--spacing) * 24)}
#cafe-restaurant-page .w-30{width:calc(var(--spacing) * 30)}
#cafe-restaurant-page .w-32{width:calc(var(--spacing) * 32)}
#cafe-restaurant-page .w-44{width:calc(var(--spacing) * 44)}
#cafe-restaurant-page .w-72{width:calc(var(--spacing) * 72)}
#cafe-restaurant-page .w-auto{width:auto}
#cafe-restaurant-page .w-fit{width:fit-content}
#cafe-restaurant-page .w-full{width:100%}
#cafe-restaurant-page .max-w-2xl{max-width:var(--container-2xl)}
#cafe-restaurant-page .max-w-4xl{max-width:var(--container-4xl)}
#cafe-restaurant-page .max-w-5xl{max-width:var(--container-5xl)}
#cafe-restaurant-page .max-w-6xl{max-width:var(--container-6xl)}
#cafe-restaurant-page .max-w-\[600px\]{max-width:600px}
#cafe-restaurant-page .max-w-full{max-width:100%}
#cafe-restaurant-page .min-w-0{min-width:0}
#cafe-restaurant-page .min-w-\[120px\]{min-width:120px}
#cafe-restaurant-page .min-w-full{min-width:100%}
#cafe-restaurant-page .flex-1{flex:1}
#cafe-restaurant-page .flex-\[0_0_50\%\]{flex:0 0 50%}
#cafe-restaurant-page .flex-\[0_0_100\%\]{flex:0 0 100%}
#cafe-restaurant-page .flex-shrink-0,#cafe-restaurant-page .shrink-0{flex-shrink:0}
#cafe-restaurant-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#cafe-restaurant-page .-translate-x-\[10px\]{--tw-translate-x:calc(10px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#cafe-restaurant-page .translate-x-\[10px\]{--tw-translate-x:10px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#cafe-restaurant-page .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#cafe-restaurant-page .translate-y-\[-52\%\]{--tw-translate-y:-52%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#cafe-restaurant-page .scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#cafe-restaurant-page .scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#cafe-restaurant-page .rotate-0{rotate:0deg}
#cafe-restaurant-page .rotate-90{rotate:90deg}
#cafe-restaurant-page .rotate-180{rotate:180deg}
#cafe-restaurant-page .transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}
#cafe-restaurant-page .cursor-not-allowed{cursor:not-allowed}
#cafe-restaurant-page .cursor-pointer{cursor:pointer}
#cafe-restaurant-page .snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}
#cafe-restaurant-page .snap-mandatory{--tw-scroll-snap-strictness:mandatory}
#cafe-restaurant-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#cafe-restaurant-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#cafe-restaurant-page .flex-col{flex-direction:column}
#cafe-restaurant-page .flex-col-reverse{flex-direction:column-reverse}
#cafe-restaurant-page .flex-row{flex-direction:row}
#cafe-restaurant-page .flex-row-reverse{flex-direction:row-reverse}
#cafe-restaurant-page .items-center{align-items:center}
#cafe-restaurant-page .items-end{align-items:flex-end}
#cafe-restaurant-page .items-start{align-items:flex-start}
#cafe-restaurant-page .items-stretch{align-items:stretch}
#cafe-restaurant-page .justify-between{justify-content:space-between}
#cafe-restaurant-page .justify-center{justify-content:center}
#cafe-restaurant-page .justify-end{justify-content:flex-end}
#cafe-restaurant-page .justify-start{justify-content:flex-start}
#cafe-restaurant-page .justify-items-stretch{justify-items:stretch}
#cafe-restaurant-page .gap-1{gap:var(--spacing)}
#cafe-restaurant-page .gap-2{gap:calc(var(--spacing) * 2)}
#cafe-restaurant-page .gap-3{gap:calc(var(--spacing) * 3)}
#cafe-restaurant-page .gap-4{gap:calc(var(--spacing) * 4)}
#cafe-restaurant-page .gap-6{gap:calc(var(--spacing) * 6)}
#cafe-restaurant-page .gap-8{gap:calc(var(--spacing) * 8)}
#cafe-restaurant-page .gap-12{gap:calc(var(--spacing) * 12)}
#cafe-restaurant-page .gap-14{gap:calc(var(--spacing) * 14)}
#cafe-restaurant-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#cafe-restaurant-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#cafe-restaurant-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#cafe-restaurant-page :where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#cafe-restaurant-page .gap-x-3{column-gap:calc(var(--spacing) * 3)}
#cafe-restaurant-page .gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}
#cafe-restaurant-page .overflow-hidden{overflow:hidden}
#cafe-restaurant-page .overflow-visible{overflow:visible}
#cafe-restaurant-page .overflow-x-auto{overflow-x:auto}
#cafe-restaurant-page .overflow-x-hidden{overflow-x:hidden}
#cafe-restaurant-page .scroll-smooth{scroll-behavior:smooth}
#cafe-restaurant-page .rounded-2xl{border-radius:var(--radius-2xl)}
#cafe-restaurant-page .rounded-3xl{border-radius:var(--radius-3xl)}
#cafe-restaurant-page .rounded-4xl{border-radius:var(--radius-4xl)}
#cafe-restaurant-page .rounded-\[50px\]{border-radius:50px}
#cafe-restaurant-page .rounded-full{border-radius:2147483647px}
#cafe-restaurant-page .rounded-lg{border-radius:var(--radius-lg)}
#cafe-restaurant-page .rounded-md{border-radius:var(--radius-md)}
#cafe-restaurant-page .rounded-xl{border-radius:var(--radius-xl)}
#cafe-restaurant-page .border{border-style:var(--tw-border-style);border-width:1px}
#cafe-restaurant-page .border-0{border-style:var(--tw-border-style);border-width:0}
#cafe-restaurant-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#cafe-restaurant-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#cafe-restaurant-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#cafe-restaurant-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#cafe-restaurant-page .border-b-3{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#cafe-restaurant-page .border-none{--tw-border-style:none;border-style:none}
#cafe-restaurant-page .border-\[\#E5E7EB\]{border-color:var(--line)}
#cafe-restaurant-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#cafe-restaurant-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#cafe-restaurant-page .border-black{border-color:var(--color-black)}
#cafe-restaurant-page .border-gray-200{border-color:var(--color-gray-200)}
#cafe-restaurant-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#cafe-restaurant-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#cafe-restaurant-page .border-green-500{border-color:var(--color-green-500)}
#cafe-restaurant-page .border-transparent{border-color:#0000}
#cafe-restaurant-page .border-white{border-color:var(--color-white)}
#cafe-restaurant-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#cafe-restaurant-page .bg-\[\#F0F5F7\]{background-color:var(--bg2)}
#cafe-restaurant-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#cafe-restaurant-page .bg-\[\#FF4C00\]\/10{background-color:oklab(66.6687% .179651 .134278/.1)}
#cafe-restaurant-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#cafe-restaurant-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#cafe-restaurant-page .bg-accent{background-color:var(--color-accent)}
#cafe-restaurant-page .bg-gray-100{background-color:var(--color-gray-100)}
#cafe-restaurant-page .bg-primary{background-color:var(--color-primary)}
#cafe-restaurant-page .bg-secondary{background-color:var(--color-secondary)}
#cafe-restaurant-page .bg-transparent{background-color:#0000}
#cafe-restaurant-page .bg-white{background-color:var(--color-white)}
#cafe-restaurant-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#cafe-restaurant-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#cafe-restaurant-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#cafe-restaurant-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#cafe-restaurant-page .bg-linear-to-br{--tw-gradient-position:to bottom right}
@supports (background-image:linear-gradient(in lab, red, red)){#cafe-restaurant-page .bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}
#cafe-restaurant-page .bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}
#cafe-restaurant-page .bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
#cafe-restaurant-page .from-\[\#FF4C00\]{--tw-gradient-from:var(--acc);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#cafe-restaurant-page .from-\[\#FF4C00\]\/10{--tw-gradient-from:oklab(66.6687% .179651 .134278/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#cafe-restaurant-page .via-orange-300\/5{--tw-gradient-via:#ffb96d0d}
@supports (color:color-mix(in lab, red, red)){#cafe-restaurant-page .via-orange-300\/5{--tw-gradient-via:color-mix(in oklab, var(--color-orange-300) 5%, transparent)}}
#cafe-restaurant-page .via-orange-300\/5{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
#cafe-restaurant-page .to-\[\#FF6B35\]{--tw-gradient-to:color-mix(in srgb,var(--acc) 78%,#fff);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#cafe-restaurant-page .to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#cafe-restaurant-page .object-contain{object-fit:contain}
#cafe-restaurant-page .object-cover{object-fit:cover}
#cafe-restaurant-page .p-0{padding:0}
#cafe-restaurant-page .p-1{padding:var(--spacing)}
#cafe-restaurant-page .p-2{padding:calc(var(--spacing) * 2)}
#cafe-restaurant-page .p-3{padding:calc(var(--spacing) * 3)}
#cafe-restaurant-page .p-4{padding:calc(var(--spacing) * 4)}
#cafe-restaurant-page .p-5{padding:calc(var(--spacing) * 5)}
#cafe-restaurant-page .p-6{padding:calc(var(--spacing) * 6)}
#cafe-restaurant-page .p-8{padding:calc(var(--spacing) * 8)}
#cafe-restaurant-page .px-1{padding-inline:var(--spacing)}
#cafe-restaurant-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#cafe-restaurant-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#cafe-restaurant-page .px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}
#cafe-restaurant-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#cafe-restaurant-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#cafe-restaurant-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#cafe-restaurant-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#cafe-restaurant-page .px-12{padding-inline:calc(var(--spacing) * 12)}
#cafe-restaurant-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#cafe-restaurant-page .py-2{padding-block:calc(var(--spacing) * 2)}
#cafe-restaurant-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#cafe-restaurant-page .py-3{padding-block:calc(var(--spacing) * 3)}
#cafe-restaurant-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#cafe-restaurant-page .py-4{padding-block:calc(var(--spacing) * 4)}
#cafe-restaurant-page .py-6{padding-block:calc(var(--spacing) * 6)}
#cafe-restaurant-page .py-8{padding-block:calc(var(--spacing) * 8)}
#cafe-restaurant-page .py-10{padding-block:calc(var(--spacing) * 10)}
#cafe-restaurant-page .py-12{padding-block:calc(var(--spacing) * 12)}
#cafe-restaurant-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#cafe-restaurant-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#cafe-restaurant-page .pt-6{padding-top:calc(var(--spacing) * 6)}
#cafe-restaurant-page .pt-15{padding-top:calc(var(--spacing) * 15)}
#cafe-restaurant-page .pt-20{padding-top:calc(var(--spacing) * 20)}
#cafe-restaurant-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#cafe-restaurant-page .pt-\[72px\]{padding-top:72px}
#cafe-restaurant-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#cafe-restaurant-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#cafe-restaurant-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#cafe-restaurant-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#cafe-restaurant-page .pb-12{padding-bottom:calc(var(--spacing) * 12)}
#cafe-restaurant-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#cafe-restaurant-page .pb-48{padding-bottom:calc(var(--spacing) * 48)}
#cafe-restaurant-page .text-center{text-align:center}
#cafe-restaurant-page .text-justify{text-align:justify}
#cafe-restaurant-page .text-right{text-align:right}
#cafe-restaurant-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#cafe-restaurant-page .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#cafe-restaurant-page .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#cafe-restaurant-page .text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#cafe-restaurant-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#cafe-restaurant-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#cafe-restaurant-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#cafe-restaurant-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#cafe-restaurant-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#cafe-restaurant-page .text-\[10px\]{font-size:10px}
#cafe-restaurant-page .leading-7\.5{--tw-leading:calc(var(--spacing) * 7.5);line-height:calc(var(--spacing) * 7.5)}
#cafe-restaurant-page .leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}
#cafe-restaurant-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#cafe-restaurant-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#cafe-restaurant-page .leading-none{--tw-leading:1;line-height:1}
#cafe-restaurant-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#cafe-restaurant-page .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}
#cafe-restaurant-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#cafe-restaurant-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#cafe-restaurant-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#cafe-restaurant-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#cafe-restaurant-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#cafe-restaurant-page .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
#cafe-restaurant-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#cafe-restaurant-page .whitespace-nowrap{white-space:nowrap}
#cafe-restaurant-page .text-\[\#0A2745\]{color:var(--nv)}
#cafe-restaurant-page .text-\[\#1F2A3D\]{color:#33291d}
#cafe-restaurant-page .text-\[\#595B5C\]{color:#595b5c}
#cafe-restaurant-page .text-\[\#FF4C00\]{color:var(--acc)}
#cafe-restaurant-page .text-\[\#FF4C00\]\/30{color:oklab(66.6687% .179651 .134278/.3)}
#cafe-restaurant-page .text-\[\#ffff\]{color:#fff}
#cafe-restaurant-page .text-black{color:var(--color-black)}
#cafe-restaurant-page .text-gray-300{color:var(--color-gray-300)}
#cafe-restaurant-page .text-gray-500{color:var(--color-gray-500)}
#cafe-restaurant-page .text-gray-600{color:var(--color-gray-600)}
#cafe-restaurant-page .text-green-700{color:var(--color-green-700)}
#cafe-restaurant-page .text-red-500{color:var(--color-red-500)}
#cafe-restaurant-page .text-secondary{color:var(--color-secondary)}
#cafe-restaurant-page .text-white{color:var(--color-white)}
#cafe-restaurant-page .text-white\/90{color:#ffffffe6}
@supports (color:color-mix(in lab, red, red)){#cafe-restaurant-page .text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}
#cafe-restaurant-page .not-italic{font-style:normal}
#cafe-restaurant-page .underline{text-decoration-line:underline}
#cafe-restaurant-page .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#cafe-restaurant-page .accent-white{accent-color:var(--color-white)}
#cafe-restaurant-page .opacity-0{opacity:0}
#cafe-restaurant-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page .shadow-\[0_0_20px_rgba\(255\,76\,0\,0\.4\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page .shadow-\[0_10px_0_0_\#FF4C00\]{--tw-shadow:0 10px 0 0 var(--tw-shadow-color,var(--acc));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#cafe-restaurant-page .blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#cafe-restaurant-page .blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#cafe-restaurant-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#cafe-restaurant-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}
#cafe-restaurant-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#cafe-restaurant-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#cafe-restaurant-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#cafe-restaurant-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#cafe-restaurant-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#cafe-restaurant-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#cafe-restaurant-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#cafe-restaurant-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#cafe-restaurant-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#cafe-restaurant-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#cafe-restaurant-page .duration-500{--tw-duration:.5s;transition-duration:.5s}
#cafe-restaurant-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#cafe-restaurant-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#cafe-restaurant-page .will-change-transform{will-change:transform}
#cafe-restaurant-page .select-none{-webkit-user-select:none;user-select:none}
#cafe-restaurant-page .\[-webkit-overflow-scrolling\:touch\]{-webkit-overflow-scrolling:touch}
@media (hover:hover){#cafe-restaurant-page :is(:where(.group):hover .group-hover\:absolute){position:absolute}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:flex){display:flex}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:-translate-y-1){--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:-translate-y-2){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:-translate-y-full){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:scale-110){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:border-b-2){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:border-b-3){border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:border-\[\#0A2745\]){border-color:var(--nv)}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:border-\[\#FF4C00\]){border-color:var(--acc)}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:border-orange-100){border-color:var(--color-orange-100)}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:border-b-\[\#FF4C00\]){border-bottom-color:var(--acc)}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:bg-\[\#0A2745\]){background-color:var(--nv)}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:bg-\[\#FFF6F2\]){background-color:var(--fa-soft)}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:text-\[\#0A2745\]){color:var(--nv)}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:text-\[\#FF4C00\]){color:var(--acc)}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:text-white){color:var(--color-white)}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:opacity-100){opacity:1}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]){--tw-shadow:0 8px 24px var(--tw-shadow-color,#ff4c0059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:shadow-md){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:shadow-xl){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page :is(:where(.group):hover .group-hover\:blur-xs){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}
#cafe-restaurant-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#cafe-restaurant-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#cafe-restaurant-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#cafe-restaurant-page .after\:right-0:after{content:var(--tw-content);right:0}
#cafe-restaurant-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#cafe-restaurant-page .after\:left-0:after{content:var(--tw-content);left:0}
#cafe-restaurant-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#cafe-restaurant-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#cafe-restaurant-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#cafe-restaurant-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#cafe-restaurant-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#cafe-restaurant-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#cafe-restaurant-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#cafe-restaurant-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#cafe-restaurant-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#cafe-restaurant-page .hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#cafe-restaurant-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#cafe-restaurant-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#cafe-restaurant-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#cafe-restaurant-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#cafe-restaurant-page .hover\:border-\[\#FF4C00\]\/30:hover{border-color:oklab(66.6687% .179651 .134278/.3)}
#cafe-restaurant-page .hover\:border-white:hover{border-color:var(--color-white)}
#cafe-restaurant-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#cafe-restaurant-page .hover\:bg-\[\#081a2e\]:hover{background-color:#1c1712}
#cafe-restaurant-page .hover\:bg-\[\#163456\]:hover{background-color:#3a2c1f}
#cafe-restaurant-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#cafe-restaurant-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#cafe-restaurant-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#cafe-restaurant-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#cafe-restaurant-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:var(--bg2)}
#cafe-restaurant-page .hover\:bg-\[\#FFF6F2\]:hover{background-color:var(--fa-soft)}
#cafe-restaurant-page .hover\:bg-\[\#e44500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#cafe-restaurant-page .hover\:bg-black\/5:hover{background-color:#0000000d}
@supports (color:color-mix(in lab, red, red)){#cafe-restaurant-page .hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}
#cafe-restaurant-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#cafe-restaurant-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#cafe-restaurant-page .hover\:bg-white:hover{background-color:var(--color-white)}
#cafe-restaurant-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#cafe-restaurant-page .hover\:text-\[\#FF4C00\]:hover,#cafe-restaurant-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#cafe-restaurant-page .hover\:text-white:hover{color:var(--color-white)}
#cafe-restaurant-page .hover\:underline:hover{text-decoration-line:underline}
#cafe-restaurant-page .hover\:opacity-80:hover{opacity:.8}
#cafe-restaurant-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page .hover\:shadow-\[0_0_28px_rgba\(255\,76\,0\,0\.5\)\,0_0_40px_rgba\(10\,39\,69\,0\.3\)\,0_8px_28px_rgba\(10\,39\,69\,0\.35\)\]:hover{--tw-shadow:0 0 28px var(--tw-shadow-color,#ff4c0080), 0 0 40px var(--tw-shadow-color,#0a27454d), 0 8px 28px var(--tw-shadow-color,#0a274559);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px var(--tw-shadow-color,#0a274538), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px var(--tw-shadow-color,#0a274547), 0 10px 0 0 var(--tw-shadow-color,var(--nv)), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#cafe-restaurant-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#cafe-restaurant-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#cafe-restaurant-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#cafe-restaurant-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#cafe-restaurant-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#cafe-restaurant-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#cafe-restaurant-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#cafe-restaurant-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#cafe-restaurant-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#cafe-restaurant-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#cafe-restaurant-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#cafe-restaurant-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#cafe-restaurant-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#cafe-restaurant-page .focus-visible\:ring-offset-\[\#0A2745\]:focus-visible{--tw-ring-offset-color:var(--nv)}
#cafe-restaurant-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#cafe-restaurant-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#cafe-restaurant-page .active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#cafe-restaurant-page .active\:scale-\[0\.98\]:active{scale:.98}
#cafe-restaurant-page .active\:bg-\[\#06141f\]:active{background-color:#1c1712}
#cafe-restaurant-page .active\:bg-\[\#CC3D00\]:active{background-color:color-mix(in srgb,var(--acc) 72%,#000)}
#cafe-restaurant-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
#cafe-restaurant-page .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
#cafe-restaurant-page .disabled\:opacity-30:disabled{opacity:.3}
#cafe-restaurant-page .disabled\:opacity-50:disabled{opacity:.5}
@media (hover:hover){#cafe-restaurant-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#cafe-restaurant-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#cafe-restaurant-page .disabled\:hover\:shadow-lg:disabled:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (min-width:40rem){#cafe-restaurant-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#cafe-restaurant-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#cafe-restaurant-page .sm\:right-4{right:calc(var(--spacing) * 4)}
#cafe-restaurant-page .sm\:bottom-1\/3{bottom:33.3333%}
#cafe-restaurant-page .sm\:left-4{left:calc(var(--spacing) * 4)}
#cafe-restaurant-page .sm\:mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}
#cafe-restaurant-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#cafe-restaurant-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#cafe-restaurant-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#cafe-restaurant-page .sm\:mt-20{margin-top:calc(var(--spacing) * 20)}
#cafe-restaurant-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#cafe-restaurant-page .sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#cafe-restaurant-page .sm\:inline{display:inline}
#cafe-restaurant-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#cafe-restaurant-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#cafe-restaurant-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#cafe-restaurant-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#cafe-restaurant-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#cafe-restaurant-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#cafe-restaurant-page .sm\:h-96{height:calc(var(--spacing) * 96)}
#cafe-restaurant-page .sm\:h-\[60px\]{height:60px}
#cafe-restaurant-page .sm\:h-\[100px\]{height:100px}
#cafe-restaurant-page .sm\:max-h-\[320px\]{max-height:320px}
#cafe-restaurant-page .sm\:min-h-\[400px\]{min-height:400px}
#cafe-restaurant-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#cafe-restaurant-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#cafe-restaurant-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#cafe-restaurant-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#cafe-restaurant-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#cafe-restaurant-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#cafe-restaurant-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#cafe-restaurant-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#cafe-restaurant-page .sm\:w-72{width:calc(var(--spacing) * 72)}
#cafe-restaurant-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#cafe-restaurant-page .sm\:w-auto{width:auto}
#cafe-restaurant-page .sm\:min-w-\[120px\]{min-width:120px}
#cafe-restaurant-page .sm\:min-w-\[140px\]{min-width:140px}
#cafe-restaurant-page .sm\:flex-\[0_0_30\%\]{flex:0 0 30%}
#cafe-restaurant-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#cafe-restaurant-page .sm\:flex-row{flex-direction:row}
#cafe-restaurant-page .sm\:items-center{align-items:center}
#cafe-restaurant-page .sm\:items-start{align-items:flex-start}
#cafe-restaurant-page .sm\:justify-end{justify-content:flex-end}
#cafe-restaurant-page .sm\:justify-start{justify-content:flex-start}
#cafe-restaurant-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#cafe-restaurant-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#cafe-restaurant-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#cafe-restaurant-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#cafe-restaurant-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#cafe-restaurant-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#cafe-restaurant-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#cafe-restaurant-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#cafe-restaurant-page :where(.sm\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#cafe-restaurant-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#cafe-restaurant-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#cafe-restaurant-page .sm\:rounded-\[36px\]{border-radius:36px}
#cafe-restaurant-page .sm\:p-3{padding:calc(var(--spacing) * 3)}
#cafe-restaurant-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#cafe-restaurant-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#cafe-restaurant-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#cafe-restaurant-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#cafe-restaurant-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#cafe-restaurant-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#cafe-restaurant-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#cafe-restaurant-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#cafe-restaurant-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#cafe-restaurant-page .sm\:py-0{padding-block:0}
#cafe-restaurant-page .sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#cafe-restaurant-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#cafe-restaurant-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#cafe-restaurant-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#cafe-restaurant-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#cafe-restaurant-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#cafe-restaurant-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#cafe-restaurant-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#cafe-restaurant-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#cafe-restaurant-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#cafe-restaurant-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#cafe-restaurant-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#cafe-restaurant-page .sm\:text-\[12px\]{font-size:12px}}
@media (min-width:48rem){#cafe-restaurant-page .md\:right-6{right:calc(var(--spacing) * 6)}
#cafe-restaurant-page .md\:left-6{left:calc(var(--spacing) * 6)}
#cafe-restaurant-page .md\:order-1{order:1}
#cafe-restaurant-page .md\:order-2{order:2}
#cafe-restaurant-page .md\:my-4{margin-block:calc(var(--spacing) * 4)}
#cafe-restaurant-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#cafe-restaurant-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#cafe-restaurant-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#cafe-restaurant-page .md\:mt-44{margin-top:calc(var(--spacing) * 44)}
#cafe-restaurant-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#cafe-restaurant-page .md\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#cafe-restaurant-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#cafe-restaurant-page .md\:block{display:block}
#cafe-restaurant-page .md\:flex{display:flex}
#cafe-restaurant-page .md\:hidden{display:none}
#cafe-restaurant-page .md\:inline-block{display:inline-block}
#cafe-restaurant-page .md\:h-10{height:calc(var(--spacing) * 10)}
#cafe-restaurant-page .md\:h-16{height:calc(var(--spacing) * 16)}
#cafe-restaurant-page .md\:h-28{height:calc(var(--spacing) * 28)}
#cafe-restaurant-page .md\:h-70{height:calc(var(--spacing) * 70)}
#cafe-restaurant-page .md\:h-\[250px\]{height:250px}
#cafe-restaurant-page .md\:max-h-none{max-height:none}
#cafe-restaurant-page .md\:w-10{width:calc(var(--spacing) * 10)}
#cafe-restaurant-page .md\:w-16{width:calc(var(--spacing) * 16)}
#cafe-restaurant-page .md\:w-24{width:calc(var(--spacing) * 24)}
#cafe-restaurant-page .md\:w-28{width:calc(var(--spacing) * 28)}
#cafe-restaurant-page .md\:w-72{width:calc(var(--spacing) * 72)}
#cafe-restaurant-page .md\:min-w-\[130px\]{min-width:130px}
#cafe-restaurant-page .md\:flex-1{flex:1}
#cafe-restaurant-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#cafe-restaurant-page .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#cafe-restaurant-page .md\:flex-col{flex-direction:column}
#cafe-restaurant-page .md\:flex-row{flex-direction:row}
#cafe-restaurant-page .md\:flex-row-reverse{flex-direction:row-reverse}
#cafe-restaurant-page .md\:items-center{align-items:center}
#cafe-restaurant-page .md\:items-stretch{align-items:stretch}
#cafe-restaurant-page .md\:justify-center{justify-content:center}
#cafe-restaurant-page .md\:gap-0{gap:0}
#cafe-restaurant-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#cafe-restaurant-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#cafe-restaurant-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#cafe-restaurant-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#cafe-restaurant-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#cafe-restaurant-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#cafe-restaurant-page .md\:overflow-visible{overflow:visible}
#cafe-restaurant-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#cafe-restaurant-page .md\:p-4{padding:calc(var(--spacing) * 4)}
#cafe-restaurant-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#cafe-restaurant-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#cafe-restaurant-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#cafe-restaurant-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#cafe-restaurant-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#cafe-restaurant-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#cafe-restaurant-page .md\:py-0{padding-block:0}
#cafe-restaurant-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#cafe-restaurant-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#cafe-restaurant-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#cafe-restaurant-page .md\:pt-16{padding-top:calc(var(--spacing) * 16)}
#cafe-restaurant-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#cafe-restaurant-page .md\:pb-28{padding-bottom:calc(var(--spacing) * 28)}
#cafe-restaurant-page .md\:text-center{text-align:center}
#cafe-restaurant-page .md\:text-justify{text-align:justify}
#cafe-restaurant-page .md\:text-right{text-align:right}
#cafe-restaurant-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#cafe-restaurant-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#cafe-restaurant-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#cafe-restaurant-page .md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}
#cafe-restaurant-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#cafe-restaurant-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#cafe-restaurant-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#cafe-restaurant-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#cafe-restaurant-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#cafe-restaurant-page .md\:text-\[9px\]{font-size:9px}
#cafe-restaurant-page .md\:text-\[10px\]{font-size:10px}
#cafe-restaurant-page .md\:text-\[14px\]{font-size:14px}
#cafe-restaurant-page .md\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}}
@media (min-width:64rem){#cafe-restaurant-page .lg\:order-1{order:1}
#cafe-restaurant-page .lg\:order-2{order:2}
#cafe-restaurant-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#cafe-restaurant-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#cafe-restaurant-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#cafe-restaurant-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#cafe-restaurant-page .lg\:mt-32{margin-top:calc(var(--spacing) * 32)}
#cafe-restaurant-page .lg\:mt-50{margin-top:calc(var(--spacing) * 50)}
#cafe-restaurant-page .lg\:mt-52{margin-top:calc(var(--spacing) * 52)}
#cafe-restaurant-page .lg\:mr-0{margin-right:0}
#cafe-restaurant-page .lg\:mb-0{margin-bottom:0}
#cafe-restaurant-page .lg\:mb-10{margin-bottom:calc(var(--spacing) * 10)}
#cafe-restaurant-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#cafe-restaurant-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#cafe-restaurant-page .lg\:block{display:block}
#cafe-restaurant-page .lg\:flex{display:flex}
#cafe-restaurant-page .lg\:hidden{display:none}
#cafe-restaurant-page .lg\:h-14{height:calc(var(--spacing) * 14)}
#cafe-restaurant-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#cafe-restaurant-page .lg\:h-194{height:calc(var(--spacing) * 194)}
#cafe-restaurant-page .lg\:h-\[70px\]{height:70px}
#cafe-restaurant-page .lg\:h-\[132px\]{height:132px}
#cafe-restaurant-page .lg\:h-\[300px\]{height:300px}
#cafe-restaurant-page .lg\:w-1\/2{width:50%}
#cafe-restaurant-page .lg\:w-14{width:calc(var(--spacing) * 14)}
#cafe-restaurant-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#cafe-restaurant-page .lg\:w-\[45\%\]{width:45%}
#cafe-restaurant-page .lg\:w-\[55\%\]{width:55%}
#cafe-restaurant-page .lg\:w-\[70px\]{width:70px}
#cafe-restaurant-page .lg\:w-auto{width:auto}
#cafe-restaurant-page .lg\:w-fit{width:fit-content}
#cafe-restaurant-page .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#cafe-restaurant-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#cafe-restaurant-page .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
#cafe-restaurant-page .lg\:flex-row{flex-direction:row}
#cafe-restaurant-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#cafe-restaurant-page .lg\:items-center{align-items:center}
#cafe-restaurant-page .lg\:justify-end{justify-content:flex-end}
#cafe-restaurant-page .lg\:gap-0{gap:0}
#cafe-restaurant-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#cafe-restaurant-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#cafe-restaurant-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#cafe-restaurant-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#cafe-restaurant-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#cafe-restaurant-page :where(.lg\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#cafe-restaurant-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#cafe-restaurant-page :where(.lg\:space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}
#cafe-restaurant-page .lg\:gap-x-4{column-gap:calc(var(--spacing) * 4)}
#cafe-restaurant-page .lg\:gap-y-4{row-gap:calc(var(--spacing) * 4)}
#cafe-restaurant-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#cafe-restaurant-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#cafe-restaurant-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#cafe-restaurant-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#cafe-restaurant-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#cafe-restaurant-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#cafe-restaurant-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#cafe-restaurant-page .lg\:py-20{padding-block:calc(var(--spacing) * 20)}
#cafe-restaurant-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#cafe-restaurant-page .lg\:pt-\[132px\]{padding-top:132px}
#cafe-restaurant-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#cafe-restaurant-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#cafe-restaurant-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#cafe-restaurant-page .lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#cafe-restaurant-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#cafe-restaurant-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#cafe-restaurant-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#cafe-restaurant-page .lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#cafe-restaurant-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#cafe-restaurant-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#cafe-restaurant-page .lg\:text-\[10px\]{font-size:10px}
#cafe-restaurant-page .lg\:text-\[28px\]{font-size:28px}
#cafe-restaurant-page .lg\:text-\[48px\]{font-size:48px}
#cafe-restaurant-page .lg\:text-\[150px\]{font-size:150px}
#cafe-restaurant-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#cafe-restaurant-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#cafe-restaurant-page .xl\:mt-0{margin-top:0}
#cafe-restaurant-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#cafe-restaurant-page .xl\:mt-70{margin-top:calc(var(--spacing) * 70)}
#cafe-restaurant-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#cafe-restaurant-page .xl\:h-122{height:calc(var(--spacing) * 122)}
#cafe-restaurant-page .xl\:h-\[142px\]{height:142px}
#cafe-restaurant-page .xl\:h-auto{height:auto}
#cafe-restaurant-page .xl\:w-1\/2{width:50%}
#cafe-restaurant-page .xl\:w-1\/3{width:33.3333%}
#cafe-restaurant-page .xl\:w-\[25\.5\%\]{width:25.5%}
#cafe-restaurant-page .xl\:w-\[30\%\]{width:30%}
#cafe-restaurant-page .xl\:w-\[70\%\]{width:70%}
#cafe-restaurant-page .xl\:flex-\[0_0_12\%\]{flex:0 0 12%}
#cafe-restaurant-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#cafe-restaurant-page .xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
#cafe-restaurant-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#cafe-restaurant-page .xl\:flex-row{flex-direction:row}
#cafe-restaurant-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#cafe-restaurant-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#cafe-restaurant-page .xl\:gap-12{gap:calc(var(--spacing) * 12)}
#cafe-restaurant-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#cafe-restaurant-page .xl\:gap-32{gap:calc(var(--spacing) * 32)}
#cafe-restaurant-page .xl\:p-8{padding:calc(var(--spacing) * 8)}
#cafe-restaurant-page .xl\:px-0{padding-inline:0}
#cafe-restaurant-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#cafe-restaurant-page .xl\:px-16{padding-inline:calc(var(--spacing) * 16)}
#cafe-restaurant-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#cafe-restaurant-page .xl\:px-36{padding-inline:calc(var(--spacing) * 36)}
#cafe-restaurant-page .xl\:py-16{padding-block:calc(var(--spacing) * 16)}
#cafe-restaurant-page .xl\:pt-16{padding-top:calc(var(--spacing) * 16)}
#cafe-restaurant-page .xl\:pt-\[142px\]{padding-top:142px}
#cafe-restaurant-page .xl\:pl-6{padding-left:calc(var(--spacing) * 6)}
#cafe-restaurant-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#cafe-restaurant-page .xl\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#cafe-restaurant-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#cafe-restaurant-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#cafe-restaurant-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#cafe-restaurant-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#cafe-restaurant-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#cafe-restaurant-page .xl\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#cafe-restaurant-page .xl\:text-\[11px\]{font-size:11px}
#cafe-restaurant-page .xl\:text-\[14px\]{font-size:14px}
#cafe-restaurant-page .xl\:text-\[16px\]{font-size:16px}
#cafe-restaurant-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#cafe-restaurant-page .\32 xl\:mr-50{margin-right:calc(var(--spacing) * 50)}
#cafe-restaurant-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#cafe-restaurant-page .\32 xl\:h-130{height:calc(var(--spacing) * 130)}
#cafe-restaurant-page .\32 xl\:min-h-\[550px\]{min-height:550px}
#cafe-restaurant-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#cafe-restaurant-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#cafe-restaurant-page .\32 xl\:gap-\[25px\]{gap:25px}
#cafe-restaurant-page .\32 xl\:px-12{padding-inline:calc(var(--spacing) * 12)}
#cafe-restaurant-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#cafe-restaurant-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#cafe-restaurant-page .\32 xl\:text-left{text-align:left}
#cafe-restaurant-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#cafe-restaurant-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#cafe-restaurant-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#cafe-restaurant-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#cafe-restaurant-page .\32 xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#cafe-restaurant-page .\32 xl\:text-\[14px\]{font-size:14px}
#cafe-restaurant-page .\32 xl\:text-\[16px\]{font-size:16px}
#cafe-restaurant-page .\32 xl\:text-\[20px\]{font-size:20px}
#cafe-restaurant-page .\32 xl\:text-\[27px\]{font-size:27px}
#cafe-restaurant-page .\32 xl\:text-\[56px\]{font-size:56px}
#cafe-restaurant-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-REGULAR.TTF)format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-SEMIBOLD.TTF)format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-BOLD.TTF)format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-EXTRABOLD.TTF)format("truetype");font-weight:800;font-display:swap}
#cafe-restaurant-page{direction:rtl}
#cafe-restaurant-page{color:#33291d;background:#fff;font-family:Vazirmatn,Tahoma,sans-serif}
#cafe-restaurant-page .fanum-font,#cafe-restaurant-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#cafe-restaurant-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#cafe-restaurant-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
#cafe-restaurant-page .dir-rtl{direction:rtl}
#cafe-restaurant-page .hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
#cafe-restaurant-page .hide-scrollbar::-webkit-scrollbar{display:none}
#cafe-restaurant-page .mb-safe{margin-bottom:env(safe-area-inset-bottom)}
@keyframes ring{0%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-12deg)}20%,40%,60%{transform:rotate(12deg)}70%{transform:rotate(0)}}
#cafe-restaurant-page .phone-ring-animation{animation:2s ease-in-out infinite ring}
@keyframes pulse-alarm{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}
#cafe-restaurant-page .alarm-animation{animation:1.5s ease-in-out infinite pulse-alarm}
@keyframes brand-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}
#cafe-restaurant-page .brand-scroll-animation{animation:30s linear infinite brand-scroll}
#cafe-restaurant-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,var(--nv) 60%,#1c1712 100%)}
#cafe-restaurant-page >div>div.relative>div.absolute.inset-0.z-0>div{background:0 0}
@media (min-width:64rem){#cafe-restaurant-page #images>div>div{padding-left:2.5rem;padding-right:2.5rem}
#cafe-restaurant-page #images h2{margin-bottom:5rem}
#cafe-restaurant-page #images [dir=rtl].w-full{flex-direction:row;justify-content:space-between;align-items:center;gap:2.5rem;display:flex}
#cafe-restaurant-page #images [role=tablist]{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:43%;margin:0;padding:0;display:grid;overflow:visible}
#cafe-restaurant-page #images [role=tablist]>div{margin:0}
#cafe-restaurant-page #images [role=tab]{white-space:nowrap;color:var(--acc);width:100%;min-width:0;height:3rem;box-shadow:none;background:#fff;border:2px solid var(--acc);padding-left:.5rem;padding-right:.5rem;font-size:.9rem}
#cafe-restaurant-page #images [role=tab][aria-selected=true]{color:#fff;background:var(--acc)}
#cafe-restaurant-page #images [role=tab]:hover{background:var(--fa-soft)}
#cafe-restaurant-page #images [role=tab][aria-selected=true]:hover{background:var(--acc)}
#cafe-restaurant-page #images [dir=rtl].w-full>div.relative{flex:none;width:54%}
#cafe-restaurant-page #images .flex-\[0_0_100\%\],#cafe-restaurant-page #images .flex-\[0_0_100\%\]>div>div{padding:0}
#cafe-restaurant-page #images .flex-\[0_0_100\%\]>div>div>div{background:#fff;border:3px solid var(--nv);border-radius:1rem;min-height:26rem}
#cafe-restaurant-page #images img[data-nimg=fill]{object-fit:contain;padding:0}
#cafe-restaurant-page #images button[aria-label=آیتم\ بعدی],#cafe-restaurant-page #images button[aria-label=آیتم\ قبلی]{display:none}
#cafe-restaurant-page #images button[aria-label=بزرگنمایی\ تصویر]{color:var(--nv);background:#fff;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:0 2px 8px #0003}}
#cafe-restaurant-page .mt-12{margin-top:calc(var(--spacing) * 12)}
#cafe-restaurant-page .mb-20{margin-bottom:calc(var(--spacing) * 20)}
#cafe-restaurant-page .text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}
@media (hover:hover){#cafe-restaurant-page .hover\:-translate-x-1:hover{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#cafe-restaurant-page .hover\:opacity-90:hover{opacity:.9}}
@media (min-width:40rem){#cafe-restaurant-page .sm\:order-1{order:1}
#cafe-restaurant-page .sm\:order-2{order:2}
#cafe-restaurant-page .sm\:justify-between{justify-content:space-between}
#cafe-restaurant-page .sm\:py-7{padding-block:calc(var(--spacing) * 7)}}
@media (min-width:48rem){#cafe-restaurant-page .md\:mt-0{margin-top:0}
#cafe-restaurant-page .md\:mb-72{margin-bottom:calc(var(--spacing) * 72)}
#cafe-restaurant-page .md\:justify-start{justify-content:flex-start}}
@media (min-width:64rem){#cafe-restaurant-page .lg\:py-10{padding-block:calc(var(--spacing) * 10)}}

/* ===== صفحه «نرم افزار رستورانی تحت وب» — مسیر #web-restaurant =====
   طراحی و چیدمان همان صفحه‌ی اصلی تحت وب است؛ چارچوب، حاشیه‌ی راست/چپ سکشن‌ها، فونت Vazirmatn و رنگ‌ها
   مثل صفحه‌ی «اتوماسیون تغذیه» از پالت همین سایت (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند. */
#cafe-restaurant-page{--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good);--color-orange-100:var(--fa-soft);--color-orange-300:var(--gold1)}
#cafe-restaurant-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #cafe-restaurant-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #cafe-restaurant-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#cafe-restaurant-page{--text-7xl:4.5rem;--text-7xl--line-height:1}
#cafe-restaurant-page[hidden]{display:none}
html.is-web body>section:not(#mp-sec),html.is-web #nl-sec,html.is-web #cta-band,html.is-web .pgx{display:none!important}
#cafe-restaurant-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#cafe-restaurant-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#cafe-restaurant-page .semibold-fanum-font,#cafe-restaurant-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#cafe-restaurant-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#cafe-restaurant-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#cafe-restaurant-page a{color:inherit;text-decoration:none}
#cafe-restaurant-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#cafe-restaurant-page input[type=checkbox]{accent-color:var(--gold1)}
#cafe-restaurant-page .bg-white{background-color:var(--sec-alt)}
#cafe-restaurant-page .text-black{color:var(--ink)}
#cafe-restaurant-page .text-primary{color:var(--ink)}
#cafe-restaurant-page .text-\[\#0A2745\]{color:var(--ink)}
#cafe-restaurant-page .border-\[\#0A2745\]{border-color:var(--ink)}
#cafe-restaurant-page .bg-primary.text-white,#cafe-restaurant-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
@media (hover:hover){#cafe-restaurant-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#cafe-restaurant-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#cafe-restaurant-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#cafe-restaurant-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#cafe-restaurant-page .faq-open svg{transition:transform .2s}
#cafe-restaurant-page .no-scrollbar{scrollbar-width:none}
#cafe-restaurant-page .no-scrollbar::-webkit-scrollbar{display:none}
#cafe-restaurant-page .sol-toast{background:var(--nv);color:#f6ecd6;z-index:4000;text-align:center;border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#cafe-restaurant-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#cafe-restaurant-page .ab-menu.open{display:block}
#cafe-restaurant-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#cafe-restaurant-page .ab-menu button:hover,#cafe-restaurant-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#cafe-restaurant-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#cafe-restaurant-page .ab-msg:empty{display:none}
#cafe-restaurant-page .ab-msg.err{color:#ffb4aa}
/* هیرو: زمینه‌ی اسپرسو (به‌جای سرمه‌ای)، متن و دکمه‌ها مثل هیروی صفحه‌ی اتوماسیون تغذیه */
#cafe-restaurant-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,#2b2118 60%,#1c1712 100%)}
#cafe-restaurant-page >div>div.relative h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#cafe-restaurant-page >div>div.relative h1 .text-\[\#FF4C00\]{color:var(--gold1,#d6b374)}
#cafe-restaurant-page >div>div.relative h2{color:#efe4d2;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#cafe-restaurant-page >div>div.relative p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#cafe-restaurant-page >div>div.relative a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#cafe-restaurant-page >div>div.relative a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#cafe-restaurant-page >div>div.relative a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* نوار فهرست بخش‌ها: چسبان زیر هدر (مثل صفحه‌ی اتوماسیون تغذیه) */
#cafe-restaurant-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#cafe-restaurant-page #cr-toc{background:var(--acc)!important;position:sticky;top:var(--wb-top,0px);z-index:19;transition:box-shadow .25s}
#cafe-restaurant-page #cr-toc.wb-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#cafe-restaurant-page section[id^="wb-"]{scroll-margin-top:calc(var(--wb-top,0px) + var(--wb-bar,64px) + 10px)}
/* نظرات: فقط یک صفحه نظر در منبع وجود دارد؛ صفحه‌بندی بی‌اثر مخفی شد */
#cafe-restaurant-page nav[aria-label="صفحه‌بندی"]{display:none}
/* ===== نمایش بزرگ تصویر مشابه صفحه‌ی اتوماسیون تغذیه: نام تب، فلش قبلی/بعدی، دکمه‌ی بستن ===== */
#cafe-restaurant-page #cr-lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#cafe-restaurant-page #cr-lightbox.open{display:flex}
#cafe-restaurant-page #cr-lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#food-page .no-scrollbar{scrollbar-width:none}
#food-page .no-scrollbar::-webkit-scrollbar{display:none}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .faq-open svg{transition:transform .2s}
#food-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#food-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#food-page #service-menu.open{display:block}
#food-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#food-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#food-page .left-\[35\%\]{
    left: 35%;
  }
#food-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#food-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#food-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#food-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#food-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#food-page .min-h-screen{
    min-height: 100vh;
  }
#food-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#food-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#food-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#food-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#food-page .max-w-xl{
    max-width: var(--container-xl);
  }
#food-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#food-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .flex-wrap{
    flex-wrap: wrap;
  }
#food-page .justify-around{
    justify-content: space-around;
  }
#food-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#food-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#food-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#food-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#food-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#food-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#food-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#food-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#food-page .bg-ab-card{
    background-color: var(--card);
  }
#food-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#food-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#food-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#food-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#food-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#food-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#food-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#food-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#food-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#food-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#food-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#food-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#food-page .text-ab-cream{
    color: #f6ecd6;
  }
#food-page .text-ab-ink{
    color: var(--ink);
  }
#food-page .text-ab-mut{
    color: var(--mut);
  }
#food-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#food-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#food-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#food-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#food-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#food-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#food-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#food-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#food-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#food-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#food-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#food-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#food-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#food-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#food-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#food-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#food-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#food-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#food-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#food-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#food-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#food-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#food-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#food-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#food-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#food-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#food-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#food-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#food-page .lg\:h-\[550px\]{
      height: 550px;
    }
#food-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#food-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#food-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#food-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#food-page .xl\:h-auto{
      height: auto;
    }
#food-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#food-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#food-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#food-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#food-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#food-page .xl\:py-0{
      padding-block: 0px;
    }
#food-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#food-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#food-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#food-page .ab-menu.open{display:block}
#food-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#food-page .ab-menu button:hover,#food-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#food-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#food-page .ab-msg:empty{display:none}
#food-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#food-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#food-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#food-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#food-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#food-page .brand-scroll-animation{--g:5rem}}
#food-page .brand-scroll-animation:hover{animation-play-state:paused}
#food-page .brand-scroll-animation,#food-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#food-page *{transition:none!important}#food-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#food-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#food-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#food-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#food-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#food-page [id^=fa-]{scroll-margin-top:120px}
#food-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#food-page .semibold-fanum-font,#food-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#food-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#food-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#food-page a{color:inherit;text-decoration:none}
#food-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#food-page input[type=checkbox]{accent-color:var(--gold1)}
#food-page .bg-white{background-color:var(--sec-alt)}
#food-page .text-black{color:var(--ink)}
#food-page .text-\[\#0A2745\],#food-page .text-secondary{color:var(--ink)}
#food-page .bg-primary.text-white,#food-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#food-page .bg-secondary.text-white,#food-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#food-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#food-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#food-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .sol-toast{background:var(--nv);color:#f6ecd6}
#food-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#cafe-restaurant-page #cr-lightbox img{background:var(--card)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#cafe-restaurant-page #cr-lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#cafe-restaurant-page #cr-lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#cafe-restaurant-page #cr-lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#cafe-restaurant-page #cr-lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#cafe-restaurant-page #cr-lightbox .lb-x,#cafe-restaurant-page #cr-lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#cafe-restaurant-page #cr-lightbox .lb-x{top:14px;left:14px}
#cafe-restaurant-page #cr-lightbox .lb-nav{top:50%;margin-top:-22px}
#cafe-restaurant-page #cr-lightbox .lb-prev{right:14px}
#cafe-restaurant-page #cr-lightbox .lb-next{left:14px}
#cafe-restaurant-page #cr-lightbox .lb-x:hover,#cafe-restaurant-page #cr-lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#cafe-restaurant-page #cr-lightbox .lb-x:focus-visible,#cafe-restaurant-page #cr-lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #cafe-restaurant-page #cr-lightbox{padding:60px 12px 84px}
 #cafe-restaurant-page #cr-lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #cafe-restaurant-page #cr-lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #cafe-restaurant-page #cr-lightbox .lb-prev{right:16px}
 #cafe-restaurant-page #cr-lightbox .lb-next{left:16px}
 #cafe-restaurant-page #cr-lightbox figcaption{max-width:calc(100vw - 150px)}}
@media (prefers-reduced-motion:reduce){#cafe-restaurant-page *{transition:none!important}}

/* حاشیه‌ی راست/چپ یکسان همه‌ی سکشن‌ها مثل صفحه‌ی اتوماسیون تغذیه */
#cafe-restaurant-page{--wb-px:clamp(1rem,4vw + .5rem,9rem)}
@media(min-width:96rem){#cafe-restaurant-page{--wb-px:clamp(2rem,12vw + 20rem,16rem)}}
#cafe-restaurant-page >div>div.relative{border-radius:0 0 48px 48px}
#cafe-restaurant-page #cr-packages>div.flex:not(.pr-first){padding-inline:var(--wb-px)}
/* پکیج‌ها: هم‌رنگ و هم‌استایل تب اول صفحه قیمت‌ها */
#cafe-restaurant-page #cr-packages{--color-secondary:var(--nv)}
#cafe-restaurant-page #cr-packages .text-secondary{color:var(--ink)}
#cafe-restaurant-page #cr-packages .bg-white{background-color:var(--sec-alt)}
#cafe-restaurant-page #cr-packages .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
@media (hover:hover){
#cafe-restaurant-page #cr-packages .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}
#cafe-restaurant-page #cr-packages .group-hover\:border-\[\#0A2745\]:is(:where(.group):hover *){border-color:var(--ink)}
#cafe-restaurant-page #cr-packages .group-hover\:text-\[\#0A2745\]:is(:where(.group):hover *){color:var(--ink)}
#cafe-restaurant-page #cr-packages .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px rgba(43,33,24,.22), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page #cr-packages .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px rgba(43,33,24,.28), 0 10px 0 0 var(--ink), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#cafe-restaurant-page #cr-packages .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]:is(:where(.group):hover *){--tw-shadow:0 8px 24px color-mix(in srgb,var(--acc) 38%,transparent);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
}
@media (min-width:48rem){#cafe-restaurant-page .md\:p-24{padding:calc(var(--spacing) * 24)}}
#cafe-restaurant-page #cr-pro-features article{padding-inline:var(--wb-px)}
#cafe-restaurant-page #cr-pro-features article>div{padding-inline:0!important}
#cafe-restaurant-page #cr-images .flex-\[0_0_100\%\]{padding:0}
#cafe-restaurant-page #cr-images .flex-\[0_0_100\%\] .p-2{padding:0}
#cafe-restaurant-page #cr-modules .CONTENT_CLASSES{padding-inline:0!important;margin-inline:0!important;max-width:none!important}
#cafe-restaurant-page #cr-modules>div>div{padding-inline:var(--wb-px)}

/* نمایی از محیط کاربری: تصویر در سمت چپ + دکمه‌های دو‌ستونه در سمت راست */
#cafe-restaurant-page .wb-gal{display:flex;flex-direction:row;align-items:center;gap:clamp(20px,3vw,48px);width:100%}
#cafe-restaurant-page .wb-tabs{flex:0 0 42%;display:grid;grid-template-columns:1fr 1fr;gap:14px}
#cafe-restaurant-page .wb-tab{cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:10px 14px;border:2px solid var(--nv);border-radius:999px;background:transparent;color:var(--ink);font-size:clamp(13px,1.05vw,17px);line-height:1.6;transition:background .2s,color .2s,box-shadow .2s}
#cafe-restaurant-page .wb-tab:hover{background:color-mix(in srgb,var(--nv) 10%,transparent)}
#cafe-restaurant-page .wb-tab[aria-selected=true]{background:var(--nv);color:#f6ecd6;box-shadow:0 8px 22px -10px var(--nv)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #cafe-restaurant-page .wb-tab{border-color:var(--line)}:root:not([data-theme="light"]) #cafe-restaurant-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}}
:root[data-theme="dark"] #cafe-restaurant-page .wb-tab{border-color:var(--line)}
:root[data-theme="dark"] #cafe-restaurant-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}
#cafe-restaurant-page .wb-stage{position:relative;flex:1 1 0;min-width:0;aspect-ratio:16/9.6;background:transparent;border:0;border-radius:0;overflow:hidden}
#cafe-restaurant-page .wb-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:0}
#cafe-restaurant-page .wb-zoom{position:absolute;top:10px;right:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;font-size:26px;line-height:1;color:#0A2745;background:#fff;border:1px solid rgba(10,39,69,.18);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;transition:opacity .2s,transform .2s}
#cafe-restaurant-page .wb-zoom:hover{opacity:.85;transform:scale(1.06)}
#cafe-restaurant-page .wb-zoom:focus-visible{outline:2px solid #d6b374;outline-offset:2px}
@media(max-width:900px){#cafe-restaurant-page .wb-gal{flex-direction:column-reverse;align-items:stretch}#cafe-restaurant-page .wb-stage{flex:none;width:100%}#cafe-restaurant-page .wb-tabs{flex:none}#cafe-restaurant-page .wb-tab{min-height:46px;padding:8px 10px}}
#cafe-restaurant-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#cafe-restaurant-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#cafe-restaurant-page .bg-ab-card{
    background-color: var(--card);
  }
#cafe-restaurant-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#cafe-restaurant-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#cafe-restaurant-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#cafe-restaurant-page .text-ab-cream{
    color: #f6ecd6;
  }
#cafe-restaurant-page .text-ab-ink{
    color: var(--ink);
  }
#cafe-restaurant-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#cafe-restaurant-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#cafe-restaurant-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#cafe-restaurant-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#cafe-restaurant-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#cafe-restaurant-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#cafe-restaurant-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#cafe-restaurant-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#cafe-restaurant-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#cafe-restaurant-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#cafe-restaurant-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#cafe-restaurant-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#cafe-restaurant-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#cafe-restaurant-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#cafe-restaurant-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#cafe-restaurant-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#cafe-restaurant-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#cafe-restaurant-page .bg-ab-card{
    background-color: var(--card);
  }
#cafe-restaurant-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#cafe-restaurant-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#cafe-restaurant-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#cafe-restaurant-page .text-ab-cream{
    color: #f6ecd6;
  }
#cafe-restaurant-page .text-ab-ink{
    color: var(--ink);
  }
#cafe-restaurant-page .text-ab-mut{
    color: var(--mut);
  }
#cafe-restaurant-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#cafe-restaurant-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#cafe-restaurant-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#cafe-restaurant-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#cafe-restaurant-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#cafe-restaurant-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#cafe-restaurant-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#cafe-restaurant-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#cafe-restaurant-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#cafe-restaurant-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#cafe-restaurant-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#cafe-restaurant-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#cafe-restaurant-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#cafe-restaurant-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#cafe-restaurant-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#cafe-restaurant-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#cafe-restaurant-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#cafe-restaurant-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#cafe-restaurant-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }

#cafe-restaurant-page .bg-ab-gold\/45:focus,#cafe-restaurant-page .focus\:bg-ab-gold\/45:focus{background-color:color-mix(in oklab,#d6b374 45%,transparent)}
#cafe-restaurant-page .app-actions{gap:14px;flex-wrap:wrap}
#cafe-restaurant-page .app-dl{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.5rem;border-radius:999px;background:var(--acc);color:var(--on-acc,#fff);font-size:clamp(13px,1.1vw,18px);transition:transform .25s,box-shadow .25s}
#cafe-restaurant-page .app-dl:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--acc)}
#cafe-restaurant-page section[aria-label="اعلان نسخه اندروید نرم‌افزار رستوران سول"]{margin-bottom:0}
#cafe-restaurant-page section.md\:mb-72{margin-bottom:0!important}
#cafe-restaurant-page section.md\:mb-72{margin-top:-44px!important}
@media(min-width:48rem){#cafe-restaurant-page section.md\:mb-72{margin-top:-86px!important}}
@media(min-width:80rem){#cafe-restaurant-page section.md\:mb-72{margin-top:-194px!important}}
@media(min-width:96rem){#cafe-restaurant-page section.md\:mb-72{margin-top:-210px!important}}
/* فاصله‌ی نوار قرمز: هم‌اندازه‌ی اون توی صفحه‌ی اتوماسیون تغذیه (--fa-gap) */
#cafe-restaurant-page{--fa-gap:clamp(12px,1.8vw,24px)}
#cafe-restaurant-page #cr-toc{margin-top:var(--fa-gap)!important}
#cafe-restaurant-page #cr-toc + section{margin-top:var(--fa-gap)!important;padding-top:6rem}
#cafe-restaurant-page #cr-toc + section>div>div>h2:first-child{margin-top:0!important}
/* امکانات: رنگ عنوان کارت‌ها مثل صفحه ویندوزی */
#cafe-restaurant-page #cr-features-list .text-secondary{color:var(--ink)}
/* ===== هایلایت قابلیت آفلاین در هیروی صفحه وب ===== */
@media(min-width:64rem){#cafe-restaurant-page>div>div.relative{height:auto;min-height:calc(var(--spacing)*194);padding-bottom:204px}}
@media(min-width:80rem){#cafe-restaurant-page>div>div.relative{padding-bottom:312px}}
@media(min-width:96rem){#cafe-restaurant-page>div>div.relative{padding-bottom:328px}}
#cafe-restaurant-page .ofl{position:relative;isolation:isolate;overflow:hidden;direction:rtl;width:min(100%,1180px);margin:clamp(14px,2vw,26px) auto 0;padding:clamp(18px,2vw,28px) clamp(18px,2.6vw,38px);border-radius:28px;color:#fff;text-align:right;display:flex;align-items:center;gap:clamp(16px,2.4vw,34px);background:linear-gradient(120deg,#7d1f19 0%,#b3342b 52%,#7d1f19 100%);border:2px solid var(--gold1,#d6b374);box-shadow:0 24px 50px -18px rgba(0,0,0,.75),0 0 0 7px rgba(227,194,138,.14);animation:ofl-in .9s .3s both cubic-bezier(.2,.8,.2,1)}
#cafe-restaurant-page .ofl:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 14px,transparent 14px 28px)}
#cafe-restaurant-page .ofl:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,236,190,.28) 50%,transparent 62%);transform:translateX(-130%);animation:ofl-sw 5s ease-in-out infinite}
#cafe-restaurant-page .ofl-ic{position:relative;flex:none;width:clamp(64px,6.4vw,92px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.28);border:2px solid rgba(251,230,174,.7)}
#cafe-restaurant-page .ofl-ic:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(251,230,174,.55);animation:ofl-p 2.4s ease-out infinite}
#cafe-restaurant-page .ofl-ic svg{width:56%;height:56%}
#cafe-restaurant-page .ofl-ok{position:absolute;bottom:-4px;left:-4px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:900;color:#fff;background:#2f9e5b;border:3px solid #7d1f19}
#cafe-restaurant-page .ofl-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}
#cafe-restaurant-page .ofl-k{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;font-size:13px;font-weight:800;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f)}
#cafe-restaurant-page .ofl-k i{width:8px;height:8px;border-radius:50%;background:#b3342b;animation:ofl-d 1.4s ease-in-out infinite}
#cafe-restaurant-page .ofl-h{margin:0;font-weight:900;font-size:clamp(20px,2.3vw,36px);line-height:1.45;color:#fff}
#cafe-restaurant-page .ofl-p{margin:0;font-weight:500;font-size:clamp(13px,1.2vw,17px);line-height:1.9;color:#fbe9d0}
#cafe-restaurant-page .ofl-ch{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
#cafe-restaurant-page .ofl-ch li{padding:4px 13px;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:700;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}
#cafe-restaurant-page .ofl-go{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:290px;padding:14px 26px;border-radius:999px;font-size:clamp(14px,1.2vw,17px);font-weight:900;line-height:1.6;text-align:center;text-decoration:none;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f);box-shadow:0 12px 26px -8px rgba(0,0,0,.6);transition:transform .2s,filter .2s}
#cafe-restaurant-page .ofl-go:hover{transform:translateY(-2px);filter:brightness(1.06)}
#cafe-restaurant-page .ofl-go:focus-visible{outline:3px solid #fff;outline-offset:3px}
#cafe-restaurant-page .ofl-go svg{flex:none;width:20px;height:20px;transition:transform .25s}
#cafe-restaurant-page .ofl-go:hover svg{transform:translateX(-5px)}
@keyframes ofl-in{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ofl-sw{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@keyframes ofl-p{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.28);opacity:0}}
@keyframes ofl-d{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:860px){#cafe-restaurant-page .ofl{flex-direction:column;text-align:center;border-radius:24px}#cafe-restaurant-page .ofl-k{align-self:center}#cafe-restaurant-page .ofl-ch{justify-content:center}#cafe-restaurant-page .ofl-go{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){#cafe-restaurant-page .ofl,#cafe-restaurant-page .ofl:after,#cafe-restaurant-page .ofl-ic:before,#cafe-restaurant-page .ofl-k i{animation:none}}
#cafe-restaurant-page #cr-toc>div>.lg\:-mt-32{margin-top:0!important}
#cafe-restaurant-page #cr-modules a.group{color:inherit;text-decoration:none}

/* امکانات حرفه‌ای: تصویر چسبیده به لبه‌ی صفحه (مارجین صفر)، متن با مارجین استاندارد، ارتفاع هر بخش = یک ویو */
#cafe-restaurant-page #cr-pro-features{--pf-h:clamp(360px,calc(100svh - 190px),780px)}
#cafe-restaurant-page #cr-pro-features article{box-sizing:border-box;padding-inline:0!important;overflow:hidden}
#cafe-restaurant-page #cr-pro-features article>div{margin-inline:0!important;min-width:0}
#cafe-restaurant-page #cr-pro-features article>div:first-child{padding:0!important}
#cafe-restaurant-page #cr-pro-features article>div:first-child>.relative{translate:none!important;margin:0!important;width:100%}
#cafe-restaurant-page #cr-pro-features article>div:first-child img{object-fit:contain!important}
#cafe-restaurant-page #cr-pro-features article>div:last-child{padding-inline:var(--wb-px)!important}
@media(min-width:1024px){
 #cafe-restaurant-page #cr-pro-features article{display:flex;flex-direction:row;align-items:center;margin-top:clamp(20px,4vh,48px)!important;min-height:var(--pf-h)}
 #cafe-restaurant-page #cr-pro-features article>div:first-child{flex:0 0 min(60%,calc(var(--pf-h)*1.3334));width:min(60%,calc(var(--pf-h)*1.3334))!important;max-width:none}
 #cafe-restaurant-page #cr-pro-features article>div:first-child>.relative{aspect-ratio:auto!important;min-height:0!important;height:min(var(--pf-h),calc(60vw*.75))}
 #cafe-restaurant-page #cr-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:first-child img{object-position:left center}
 #cafe-restaurant-page #cr-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:first-child img{object-position:right center}
 #cafe-restaurant-page #cr-pro-features article>div:last-child{flex:1 1 0;width:auto!important;max-width:none}
 #cafe-restaurant-page #cr-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:last-child{padding-left:clamp(16px,2vw,40px)!important;padding-right:var(--wb-px)!important}
 #cafe-restaurant-page #cr-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:last-child{padding-right:clamp(16px,2vw,40px)!important;padding-left:var(--wb-px)!important}
 /* فشرده‌سازی متن تا ارتفاع در یک ویو جا شود */
 #cafe-restaurant-page #cr-pro-features article>div:last-child{padding-top:0!important}
 #cafe-restaurant-page #cr-pro-features article h3{margin-bottom:clamp(6px,1.4vh,18px)!important;font-size:clamp(17px,2.6vh,26px)!important}
 #cafe-restaurant-page #cr-pro-features article h3>span:first-child{font-size:clamp(48px,10vh,100px)!important;line-height:1}
 #cafe-restaurant-page #cr-pro-features article ul{font-size:clamp(11px,1.7vh,15px)!important}
 #cafe-restaurant-page #cr-pro-features article ul>li+li{margin-top:clamp(4px,1vh,11px)!important}
}
/* رنگ‌های نارنجی (با شفافیت) در این سکشن → رنگ اصلی سایت */
#cafe-restaurant-page #cr-pro-features .text-\[\#FF4C00\]\/30{color:color-mix(in srgb,var(--acc) 30%,transparent)}
#cafe-restaurant-page #cr-pro-features .bg-\[\#FF4C00\]\/10,#cafe-restaurant-page #cr-pro-features .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:color-mix(in srgb,var(--acc) 10%,transparent)}
#cafe-restaurant-page #cr-pro-features .bg-\[\#FF4C00\]\/20{background-color:color-mix(in srgb,var(--acc) 20%,transparent)}
#cafe-restaurant-page #cr-pro-features .border-\[\#FF4C00\]\/20,#cafe-restaurant-page #cr-pro-features .hover\:border-\[\#FF4C00\]\/30:hover{border-color:color-mix(in srgb,var(--acc) 25%,transparent)}
#cafe-restaurant-page #cr-pro-features [class*="FF4C00"]{--tw-shadow-color:color-mix(in srgb,var(--acc) 40%,transparent)}

/* تصاویر ویژگی‌های حرفه‌ای: قاب دستگاه + کارت + دایره‌ی هم‌رنگ سایت */
#cafe-restaurant-page #cr-pro-features .pf-art{position:absolute;inset:0}
#cafe-restaurant-page #cr-pro-features .pf-circle{position:absolute;width:56%;aspect-ratio:1;border-radius:50%;top:0;background:var(--acc);z-index:0}
#cafe-restaurant-page #cr-pro-features .pf-dev{position:absolute;z-index:1;top:8%;width:94%;aspect-ratio:3148/2244;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
#cafe-restaurant-page #cr-pro-features .pf-dev img{display:block;width:100%;height:100%;object-fit:contain!important;position:static!important}
#cafe-restaurant-page #cr-pro-features .pf-pop{position:absolute;z-index:2;bottom:2%;max-width:80%;height:auto;object-fit:contain!important}
#cafe-restaurant-page #cr-pro-features .pf-L .pf-dev{left:-5%}
#cafe-restaurant-page #cr-pro-features .pf-L .pf-circle{right:2%}
#cafe-restaurant-page #cr-pro-features .pf-L .pf-pop{right:3%}
#cafe-restaurant-page #cr-pro-features .pf-R .pf-dev{right:-5%}
#cafe-restaurant-page #cr-pro-features .pf-R .pf-circle{left:2%}
#cafe-restaurant-page #cr-pro-features .pf-R .pf-pop{left:3%}


#cafe-restaurant-page .vx-sec{--d:clamp(240px,27vw,400px);border-top:1px dashed var(--gold2);text-align:center}
#cafe-restaurant-page .vx-cmp{display:inline-block;padding:5px 16px;border:1px dashed var(--gold2);border-radius:999px;font-size:13px;font-weight:800;color:var(--goldtxt)}
#cafe-restaurant-page .vx-hd h2{margin:.5em 0 0;font-size:clamp(26px,3.4vw,52px);line-height:1.5;font-weight:800;color:var(--hn)}
#cafe-restaurant-page .vx-hd h2 em{font-style:normal;background:linear-gradient(90deg,var(--gold2),var(--gold1));-webkit-background-clip:text;background-clip:text;color:transparent}
#cafe-restaurant-page .vx-hd p{margin:.4em auto 0;max-width:46ch;font-size:clamp(14px,1.1vw,16px);line-height:2;color:var(--mut)}
#cafe-restaurant-page .vx-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(16px,2vw,30px) clamp(16px,2vw,30px);margin-top:clamp(20px,2.5vw,40px);align-items:stretch}
#cafe-restaurant-page .vx-card{position:relative;display:flex;flex-direction:column;margin-top:calc(var(--d)*.46);border-radius:36px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
#cafe-restaurant-page .vx-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),color-mix(in srgb,var(--gold2) 16%,transparent) 0 1px,transparent 1px 34px)}
#cafe-restaurant-page .vx-web{color:#f6ecd9;border-color:rgba(214,179,116,.3);background:linear-gradient(160deg,#3d2e1f,#2a2018);box-shadow:var(--shadow)}
#cafe-restaurant-page .vx-web:before{background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),rgba(246,236,217,.06) 0 1px,transparent 1px 34px)}
#cafe-restaurant-page .vx-media{position:relative;z-index:1;width:var(--d);aspect-ratio:1;margin:calc(var(--d)*-.46) auto 0}
#cafe-restaurant-page .vx-ph{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 clamp(3px,.45vw,6px) rgba(214,179,116,.55),0 30px 60px -26px rgba(40,26,10,.65)}
#cafe-restaurant-page .vx-ring{position:absolute;inset:-5%;border-radius:50%;border:1.5px solid rgba(214,179,116,.5);pointer-events:none}
#cafe-restaurant-page .vx-ring:after{content:"";position:absolute;bottom:3%;left:14%;width:9px;height:9px;border-radius:50%;background:var(--gold1);box-shadow:0 0 14px var(--gold1)}
#cafe-restaurant-page .vx-chip,#cafe-restaurant-page .vx-mini{position:absolute;z-index:2;display:flex;align-items:center;gap:.6em;color:var(--ink);background:var(--card);border:1px solid var(--line);box-shadow:0 14px 30px -14px rgba(60,40,10,.45)}
#cafe-restaurant-page .vx-web .vx-chip,#cafe-restaurant-page .vx-web .vx-mini{color:#f6ecd9;background:rgba(30,22,15,.62);border-color:rgba(246,236,217,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
#cafe-restaurant-page .vx-chip{left:-7%;top:58%;padding:.6em 1.2em;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:800;white-space:nowrap}
#cafe-restaurant-page .vx-chip svg{width:1.3em;height:1.3em;flex:none;color:var(--gold2)}
#cafe-restaurant-page .vx-web .vx-chip svg{color:#e3c28a}
#cafe-restaurant-page .vx-mini{right:-4%;bottom:5%;flex-direction:column;align-items:stretch;gap:0;min-width:128px;padding:12px 16px;border-radius:20px;text-align:start;font-size:clamp(11px,.95vw,13px)}
#cafe-restaurant-page .vx-mini small{font-weight:700;opacity:.9}
#cafe-restaurant-page .vx-mini b{margin-top:4px;color:var(--leaf);font-size:1.1em}
#cafe-restaurant-page .vx-bars{display:flex;align-items:flex-end;gap:5px;height:32px;margin-top:9px;direction:ltr}
#cafe-restaurant-page .vx-bars i{flex:1;height:var(--h);border-radius:3px;background:linear-gradient(180deg,#d6e8b8,#7fa560);transform-origin:bottom}
#cafe-restaurant-page .vx-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;padding:clamp(20px,2vw,30px) clamp(20px,2.8vw,48px) clamp(26px,2.8vw,44px)}
#cafe-restaurant-page .vx-body .vx-t{margin:0;font-size:clamp(24px,2.4vw,38px);font-weight:800;line-height:1.5;color:var(--hn)}
#cafe-restaurant-page .vx-web .vx-t{color:#fff6e4}
#cafe-restaurant-page .vx-sub{margin:.1em 0 .9em;font-size:clamp(17px,1.6vw,24px);font-weight:700;line-height:1.6;color:var(--goldtxt)}
#cafe-restaurant-page .vx-web .vx-sub{color:#e3c28a}
#cafe-restaurant-page .vx-desc{margin:0 auto 1em;max-width:58ch;font-size:clamp(14px,1.08vw,16.5px);line-height:2.15;color:var(--ink)}
#cafe-restaurant-page .vx-web .vx-desc{color:rgba(246,236,217,.86)}
#cafe-restaurant-page .vx-aud{display:inline-flex;align-items:center;gap:10px;margin:0 auto 1.6em;padding:9px 18px 9px 20px;border-radius:999px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 28%,transparent)}
#cafe-restaurant-page .vx-web .vx-aud{background:rgba(214,179,116,.12);border-color:rgba(214,179,116,.3)}
#cafe-restaurant-page .vx-aud svg{width:19px;height:19px;flex:none;color:var(--leaf)}
#cafe-restaurant-page .vx-web .vx-aud svg{color:#e3c28a}
#cafe-restaurant-page .vx-vl{display:flex;align-items:center;gap:14px;margin:0 auto .9em;width:min(100%,460px);font-size:13.5px;font-weight:800;color:var(--leaf)}
#cafe-restaurant-page .vx-vl:before,#cafe-restaurant-page .vx-vl:after{content:"";flex:1;height:1px;background:currentColor;opacity:.3}
#cafe-restaurant-page .vx-web .vx-vl{color:#a4c27f}
#cafe-restaurant-page .vx-ft{list-style:none;margin:0 auto 1.8em;padding:0;width:min(100%,460px);display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;text-align:start}
#cafe-restaurant-page .vx-ft li{display:flex;align-items:center;gap:10px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700}
#cafe-restaurant-page .vx-ft svg{flex:none;width:24px;height:24px;padding:5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#cafe-restaurant-page .vx-web .vx-ft svg{color:#a4c27f;background:rgba(164,194,127,.2)}
#cafe-restaurant-page .vx-ft .vx-star{grid-column:1/-1;padding:10px 16px;border-radius:16px;font-weight:800;color:#1c1712;background:linear-gradient(135deg,#e3c28a,#b58a45);box-shadow:0 10px 22px -12px #b58a45}
#cafe-restaurant-page .vx-ft .vx-star svg{width:26px;height:26px;padding:4px;color:#e3c28a;background:#1c1712}
#cafe-restaurant-page .vx-ft .vx-star em{margin-inline-start:auto;font-style:normal;font-size:.8em;padding:2px 10px;border-radius:999px;background:#1c1712;color:#e3c28a}
#cafe-restaurant-page .vx-act{margin-top:auto;display:flex;flex-direction:column;gap:12px}
#cafe-restaurant-page .vx-act a{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border-radius:999px;border:2px solid var(--acc);font-size:15px;font-weight:800;line-height:1.7;transition:transform .2s,filter .2s,background .2s,color .2s}
#cafe-restaurant-page .vx-b1{background:var(--acc);color:var(--on-acc)}
#cafe-restaurant-page .vx-b1:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 22px -10px var(--acc)}
#cafe-restaurant-page .vx-b2{border-color:var(--gold2)!important;color:var(--goldtxt)}
#cafe-restaurant-page .vx-b2:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#cafe-restaurant-page .vx-web .vx-b2{border-color:#e3c28a!important;color:#e3c28a}
#cafe-restaurant-page .vx-web .vx-b2:hover{color:#1c1712}
#cafe-restaurant-page .vx-new{padding:1px 10px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:11.5px;line-height:1.8}
#cafe-restaurant-page .vx-web .vx-b2:hover .vx-new{background:#1c1712;color:#e3c28a}
#cafe-restaurant-page .vx-act a:focus-visible{outline:3px solid var(--gold1);outline-offset:3px}
#cafe-restaurant-page .vx-ready .vx-media{opacity:0;transform:translateY(48px) scale(.94);transition:opacity .9s,transform 1.1s cubic-bezier(.2,.8,.2,1)}
#cafe-restaurant-page .vx-ready .vx-card:nth-child(2) .vx-media{transition-delay:.18s}
#cafe-restaurant-page .vx-ready .vx-chip,#cafe-restaurant-page .vx-ready .vx-mini{opacity:0;transition:opacity .7s .7s}
#cafe-restaurant-page .vx-ready .vx-bars i{transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.8,.2,1) calc(.9s + var(--d2,0s))}
#cafe-restaurant-page .vx-ready .vx-card.in .vx-media,#cafe-restaurant-page .vx-ready .vx-card.in .vx-chip,#cafe-restaurant-page .vx-ready .vx-card.in .vx-mini{opacity:1;transform:none}
#cafe-restaurant-page .vx-ready .vx-card.in .vx-bars i{transform:none}
@media(max-width:1000px){#cafe-restaurant-page .vx-sec{--d:clamp(230px,56vw,380px)}
#cafe-restaurant-page .vx-grid{grid-template-columns:1fr}}
@media(max-width:560px){#cafe-restaurant-page .vx-mini{display:none}
#cafe-restaurant-page .vx-ft{grid-template-columns:1fr}
#cafe-restaurant-page .vx-card{border-radius:28px}}
@media(prefers-reduced-motion:reduce){#cafe-restaurant-page .vx-ready .vx-media,#cafe-restaurant-page .vx-ready .vx-chip,#cafe-restaurant-page .vx-ready .vx-mini,#cafe-restaurant-page .vx-ready .vx-bars i,#cafe-restaurant-page .vx-act a{transition:none}}
@media(min-width:1001px){#cafe-restaurant-page .vx-sec{--d:clamp(230px,min(33vh,26vw),420px)}}
#cafe-restaurant-page .vx-card{margin-top:calc(var(--d)*.44);border-radius:30px}
#cafe-restaurant-page .vx-media{margin-top:calc(var(--d)*-.44)}
#cafe-restaurant-page .vx-cmp{padding:3px 14px;font-size:12px}
#cafe-restaurant-page .vx-hd h2{margin:.25em 0 0;font-size:clamp(22px,2.3vw,36px);line-height:1.4}
#cafe-restaurant-page .vx-hd p{display:none}
#cafe-restaurant-page .vx-grid{margin-top:clamp(6px,1.2vh,14px);gap:clamp(14px,1.6vw,24px)}
#cafe-restaurant-page .vx-chip{left:-13%;top:50%;padding:.5em 1em}
#cafe-restaurant-page .vx-mini{right:-9%;bottom:-3%;min-width:108px;padding:9px 12px}
#cafe-restaurant-page .vx-body{padding:clamp(12px,1.6vh,18px) clamp(18px,2.4vw,36px) clamp(18px,2.4vh,26px)}
#cafe-restaurant-page .vx-body .vx-t{font-size:clamp(20px,1.9vw,29px);line-height:1.4}
#cafe-restaurant-page .vx-sub{margin:0 0 .5em;font-size:clamp(15px,1.25vw,19px);line-height:1.5}
#cafe-restaurant-page .vx-desc{margin-bottom:.7em;font-size:clamp(13px,.95vw,14.5px);line-height:1.95}
#cafe-restaurant-page .vx-aud{margin-bottom:1em;padding:6px 16px 6px 18px;font-size:13px}
#cafe-restaurant-page .vx-aud svg{width:17px;height:17px}
#cafe-restaurant-page .vx-vl{margin-bottom:.6em;font-size:12.5px}
#cafe-restaurant-page .vx-ft{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-bottom:1.1em}
#cafe-restaurant-page .vx-ft li{padding:5px 14px 5px 10px;border-radius:999px;font-size:13.5px;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 26%,transparent)}
#cafe-restaurant-page .vx-web .vx-ft li{background:rgba(164,194,127,.12);border-color:rgba(164,194,127,.28)}
#cafe-restaurant-page .vx-ft svg{width:20px;height:20px;padding:4px}
#cafe-restaurant-page .vx-web .vx-ft .vx-star,#cafe-restaurant-page .vx-ft .vx-star{flex:1 1 100%;max-width:340px;padding:7px 14px;border:0;background:linear-gradient(135deg,#e3c28a,#b58a45)}
#cafe-restaurant-page .vx-web .vx-ft .vx-star svg,#cafe-restaurant-page .vx-ft .vx-star svg{width:22px;height:22px;color:#e3c28a;background:#1c1712}
#cafe-restaurant-page .vx-act{gap:8px}
#cafe-restaurant-page .vx-act a{padding:10px 20px;font-size:14px}
#cafe-restaurant-page .vx-desc{max-width:84ch}
#cafe-restaurant-page .vx-act{flex-direction:row;flex-wrap:wrap;justify-content:center}
#cafe-restaurant-page .vx-act a{flex:1 1 auto;padding:10px 16px;font-size:13.5px}
#cafe-restaurant-page .vx-chip{font-size:clamp(12px,.9vw,14px)}
#cafe-restaurant-page .vx-chip,#cafe-restaurant-page .vx-mini{display:none!important}
@keyframes vx-spin{to{rotate:360deg}}
@keyframes vx-pulse{0%{transform:scale(.97);opacity:.55}100%{transform:scale(1.2);opacity:0}}
#cafe-restaurant-page .vx-ring{inset:-6%;border:1.5px dashed rgba(227,194,138,.6);animation:vx-spin 50s linear infinite}
#cafe-restaurant-page .vx-win .vx-ring{border-color:color-mix(in srgb,var(--gold2) 65%,transparent)}
#cafe-restaurant-page .vx-ring:before{content:"";position:absolute;inset:-2px;border-radius:50%;
background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold1) 30%,transparent) 78%,#f3d9a0 100%);
-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
animation:vx-spin 6s linear infinite reverse}
#cafe-restaurant-page .vx-win .vx-ring:before{background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold2) 35%,transparent) 78%,var(--gold2) 100%)}
#cafe-restaurant-page .vx-ring:after{bottom:auto;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;background:#f3d9a0;box-shadow:0 0 0 4px rgba(227,194,138,.2),0 0 16px 2px var(--gold1)}
#cafe-restaurant-page .vx-media:after{content:"";position:absolute;inset:-6%;border-radius:50%;border:1.5px solid var(--gold1);pointer-events:none;animation:vx-pulse 4.2s cubic-bezier(.2,.6,.3,1) infinite}
#cafe-restaurant-page .vx-card:nth-child(2) .vx-media:after{animation-delay:2.1s}
#cafe-restaurant-page .vx-card:hover .vx-ring{animation-duration:14s}
@media(prefers-reduced-motion:reduce){#cafe-restaurant-page .vx-ring,#cafe-restaurant-page .vx-ring:before,#cafe-restaurant-page .vx-media:after{animation:none}}

#cafe-restaurant-page .vx-sec{border-top:0}
#cafe-restaurant-page .vx-ph{overflow:hidden;background:var(--bg2)}
#cafe-restaurant-page .vx-win .vx-ph{background:var(--card)}
#cafe-restaurant-page .vx-rec{position:absolute;z-index:3;top:18px;left:22px;padding:4px 16px;border-radius:999px;border:1.5px solid var(--gold1);background:rgba(28,23,18,.55);color:#e3c28a;font-size:13px;font-weight:800;backdrop-filter:blur(8px)}
#cafe-restaurant-page .vx-pre{margin:0 auto;max-width:42rem;padding-inline:1rem;text-align:center;font-size:.875rem;line-height:1.9;color:var(--mut)}
@media(min-width:64rem){#cafe-restaurant-page .vx-pre{font-size:1rem}}
#cafe-restaurant-page .vx-sec{margin-top:clamp(12px,2vw,28px)}
#cafe-restaurant-page a.vx-b2[href="#"]{cursor:pointer}
html.is-cr body>section:not(#mp-sec),html.is-cr #nl-sec,html.is-cr #cta-band,html.is-cr .pgx,html.is-cr #hk-cards{display:none!important}


@media(min-width:1024px){#cafe-restaurant-page #cr-images h2{max-width:none;white-space:nowrap;font-size:min(48px,3.62vw)}}

#cr-versions .cv-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto repeat(10,auto) auto;column-gap:clamp(12px,2vw,28px);width:100%}
#cr-versions .cv-card{position:relative;grid-row:1/span 13;display:grid;grid-template-rows:subgrid;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
#cr-versions .cv-web{border:1.5px solid var(--gold2)}
#cr-versions .cv-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:clamp(8px,1.4vh,14px) 18px 2px}
#cr-versions .cv-t{font-weight:800;line-height:1.4;font-size:clamp(16px,2.3vh,23px);color:var(--hn,var(--ink))}
#cr-versions .cv-rec{order:2;flex:none;font-size:12px;font-weight:800;padding:3px 12px;border-radius:999px;background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#cr-versions .cv-d{margin:0;padding:0 20px clamp(6px,1.2vh,12px);font-size:clamp(12px,1.6vh,14px);line-height:1.7;color:color-mix(in srgb,var(--ink) 82%,var(--mut))}
#cr-versions .cv-c{display:flex;align-items:center;gap:10px;padding:clamp(3px,.55vh,7px) 18px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);font-size:clamp(12px,1.6vh,14.5px);line-height:1.6}
#cr-versions .cv-tx{display:flex;flex-direction:column}
#cr-versions .cv-tx b{font-weight:700}
#cr-versions .cv-tx small{font-size:.85em;opacity:.75}
#cr-versions .cv-ck{flex:none;width:20px;height:20px;padding:3.5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#cr-versions .cv-star{background:color-mix(in srgb,var(--gold1) 20%,transparent);font-weight:800}
#cr-versions .cv-off{background:color-mix(in srgb,var(--mut) 6%,transparent)}
#cr-versions .cv-no{width:100%;text-align:center;color:var(--mut);opacity:.6}
#cr-versions .cv-act{display:flex;gap:10px;padding:clamp(7px,1.1vh,12px) 18px clamp(8px,1.4vh,14px);border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
#cr-versions .cv-act a{flex:1;text-align:center;font-weight:700;font-size:clamp(12.5px,1.7vh,14.5px);padding:clamp(6px,1vh,10px) 12px;border-radius:999px;transition:transform .2s,filter .2s}
#cr-versions .cv-b1{background:var(--acc);color:var(--on-acc)}
#cr-versions .cv-b2{border:1.5px solid var(--gold2);color:var(--goldtxt)}
#cr-versions .cv-act a:hover{transform:translateY(-2px);filter:brightness(1.08)}
@media(max-width:700px){
#cr-versions .cv-grid{grid-template-columns:1fr;grid-template-rows:none;row-gap:16px}
#cr-versions .cv-card{grid-row:auto;grid-template-rows:none}
#cr-versions .cv-card>*{grid-row:auto!important}
}

#cr-versions .cv-grid{padding-top:22px}
#cr-versions .cv-card{overflow:visible}
#cr-versions .cv-h{padding-top:30px;min-height:30px}
#cr-versions .cv-t{position:absolute;top:0;inset-inline:0;margin-inline:auto;transform:translateY(-50%);width:max-content;max-width:calc(100% - 24px);text-align:center;padding:7px 26px;border-radius:999px;font-size:clamp(14px,1.9vh,17px);line-height:1.5;color:var(--goldtxt);background:var(--card);border:1.5px solid var(--gold2);box-shadow:0 0 0 6px var(--bg)}
#cr-versions .cv-web .cv-t{color:var(--on-gold);background:linear-gradient(135deg,var(--gold1),var(--gold2));border-color:var(--gold2)}
#cr-versions .cv-act{border-radius:0 0 22px 22px}
@media(min-width:640px){#cr-versions h2{max-width:none!important;white-space:nowrap}}@media(min-width:900px){#cr-versions .vx-pre{max-width:none!important;white-space:nowrap;font-size:clamp(11px,1.2vw,15px)!important}}


#cr-profit{font-family:'Vazirmatn',inherit;color:var(--ink)}
#cr-profit .cp-h{margin:0 auto .5rem;text-align:center;font-size:clamp(20px,3.2vw,36px);line-height:1.4;color:var(--ink)}
#cr-profit .cp-sub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#cr-profit .cp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,32px);max-width:none;margin:0 auto}
#cr-profit .cp-item{--w:clamp(64px,6.5vw,92px);position:relative;display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--w)*.4)}
#cr-profit .cp-ic{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;width:var(--w);height:auto;filter:drop-shadow(0 6px 8px rgba(120,86,30,.25))}
#cr-profit .cp-c{width:100%;max-width:280px;aspect-ratio:1;border-radius:50%;border:1.5px dashed var(--acc);background:color-mix(in srgb,var(--card) 70%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--w)*.4 + 6px) clamp(18px,2.4vw,34px) clamp(14px,2vw,24px);margin-top:0;transition:transform .3s,box-shadow .3s,background .3s}
#cr-profit .cp-item:hover .cp-c{transform:translateY(-4px);box-shadow:var(--shadow);background:var(--card)}
#cr-profit .cp-n{display:inline;font-weight:800;font-size:clamp(28px,3.6vw,48px);line-height:1.2;color:var(--acc)}
#cr-profit .cp-p{display:inline;font-weight:800;font-size:clamp(16px,1.8vw,24px);color:var(--acc);margin-inline-start:2px}
#cr-profit .cp-c p{margin:.35rem 0 0;font-size:clamp(11.5px,1.15vw,14.5px);line-height:1.8;color:var(--ink)}
#cr-profit .cp-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,56px)}
#cr-profit .cp-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 36px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:clamp(14px,1.3vw,16px);border:2px solid var(--acc);transition:transform .2s,box-shadow .2s,filter .2s}
#cr-profit .cp-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:900px){#cr-profit .cp-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}}
@media(max-width:480px){#cr-profit .cp-c{max-width:200px}#cr-profit .cp-c p{font-size:11px}}


#cr-images .cr-gsub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#cr-images .wb-stage{border-radius:28px}
#cr-images .cr-slide{position:absolute;inset:0;display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:color-mix(in srgb,var(--bg2) 85%,var(--card));border:1px solid var(--line);border-radius:28px;color:color-mix(in srgb,var(--mut) 55%,transparent)}
#cr-images .cr-slide[hidden]{display:none}
#cr-images .cr-slide>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(56px,8vw,96px);height:auto}
#cr-images .cr-slide img{display:block;width:100%;height:auto}
#cafe-restaurant-page #cr-lightbox{overflow:hidden}
#cafe-restaurant-page #cr-lightbox .lb-fig img{touch-action:none;user-select:none;-webkit-user-select:none;transform-origin:center center;position:relative;z-index:1}
#cafe-restaurant-page #cr-lightbox .lb-x,#cafe-restaurant-page #cr-lightbox .lb-nav{z-index:3}
#cafe-restaurant-page #cr-lightbox .lb-zoombar{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;direction:ltr}
#cafe-restaurant-page #cr-lightbox .lb-zoombar button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#cafe-restaurant-page #cr-lightbox .lb-zoombar .lb-zreset{width:auto;min-width:68px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;font-family:inherit}
#cafe-restaurant-page #cr-lightbox .lb-zoombar button:hover:not(:disabled){background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#cafe-restaurant-page #cr-lightbox .lb-zoombar button:disabled{opacity:.4;cursor:default}
#cafe-restaurant-page #cr-lightbox .lb-zoombar button:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}


#cr-features-list .crl-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut);max-width:48rem}
#cr-features-list .crl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);max-width:none;margin:0 auto}
#cr-features-list .crl-card{display:flex;align-items:center;gap:14px;min-height:96px;padding:14px 18px;background:var(--card);color:var(--ink);border:1px solid color-mix(in srgb,var(--acc) 50%,transparent);border-left:4px solid var(--acc);border-radius:16px;transition:transform .25s,box-shadow .25s,border-color .25s}
#cr-features-list .crl-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--acc)}
#cr-features-list .crl-ic{flex:0 0 auto;width:30px;height:30px;color:var(--acc)}
#cr-features-list .crl-card p{margin:0;flex:1;min-width:0;text-align:right;font-size:clamp(12px,1.05vw,14px);line-height:1.9;color:var(--ink)}
#cr-features-list .crl-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,64px)}
#cr-features-list .crl-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 40px;border-radius:999px;background:var(--acc);color:var(--on-acc);border:2px solid var(--acc);font-size:clamp(14px,1.3vw,17px);transition:transform .2s,box-shadow .2s,filter .2s}
#cr-features-list .crl-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:1100px){#cr-features-list .crl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#cr-features-list .crl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#cr-features-list .crl-grid{grid-template-columns:1fr}#cr-features-list .crl-card{min-height:76px}}


#cr-modules .crm-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#cr-modules .crm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);max-width:none;margin:0 auto}
#cr-modules .crm-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2vw,26px) clamp(18px,2.2vw,32px);border-radius:22px;background:color-mix(in srgb,var(--acc) 6%,var(--card));color:var(--ink);text-decoration:none;box-shadow:0 8px 24px -14px rgba(43,33,24,.25);transition:background .25s,color .25s,transform .25s,box-shadow .25s}
#cr-modules .crm-head{display:flex;align-items:center;gap:14px}
#cr-modules .crm-ic{flex:0 0 auto;width:clamp(34px,3.2vw,44px);height:clamp(34px,3.2vw,44px);color:var(--acc);transition:color .25s}
#cr-modules .crm-card h3{margin:0;font-size:clamp(13.5px,1.2vw,16px);line-height:1.8;color:inherit}
#cr-modules .crm-card p{margin:0;font-size:clamp(12px,1.05vw,14px);line-height:2.1;color:inherit;opacity:.85;text-align:right}
#cr-modules .crm-go{position:absolute;top:clamp(20px,2.2vw,30px);left:clamp(18px,2.2vw,30px);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--card);color:var(--acc);opacity:0;transform:translateX(8px);transition:opacity .25s,transform .25s}
#cr-modules .crm-card:hover,#cr-modules .crm-card:focus-visible{background:var(--acc);color:var(--on-acc);transform:translateY(-3px);box-shadow:0 18px 36px -16px color-mix(in srgb,var(--acc) 60%,transparent)}
#cr-modules .crm-card:hover .crm-ic,#cr-modules .crm-card:focus-visible .crm-ic{color:var(--on-acc)}
#cr-modules .crm-card:hover p,#cr-modules .crm-card:focus-visible p{opacity:1}
#cr-modules .crm-card:hover .crm-go,#cr-modules .crm-card:focus-visible .crm-go{opacity:1;transform:none}
#cr-modules .crm-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(hover:none){#cr-modules .crm-go{opacity:1;transform:none;background:color-mix(in srgb,var(--acc) 12%,transparent)}}
@media(max-width:800px){#cr-modules .crm-grid{grid-template-columns:1fr}}


#cafe-restaurant-page #cr-customers .group-hover\:bg-ab-bg2:is(:where(.group):hover *){background-color:var(--bg2)}
#cafe-restaurant-page #cr-customers .hover\:border-ab-acc:hover{border-color:var(--acc,#a9322b)}
#cafe-restaurant-page #cr-customers .bg-ab-bg2{background-color:var(--bg2)}
#cafe-restaurant-page #cr-customers .max-w-\[88\%\]{max-width:88%}
#cafe-restaurant-page #cr-customers .backface-visibility-hidden{backface-visibility:hidden}
#cafe-restaurant-page #cr-customers [style*="padding-left:clamp(1rem"]{padding-inline:clamp(1rem,4vw + .5rem,9rem)!important}
#cafe-restaurant-page #cr-customers .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#cafe-restaurant-page #cr-customers .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#cafe-restaurant-page #cr-customers .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#cafe-restaurant-page #cr-customers .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#cafe-restaurant-page #cr-customers .brand-scroll-animation{--g:5rem}}
#cafe-restaurant-page #cr-customers .brand-scroll-animation:hover{animation-play-state:paused}
#cafe-restaurant-page #cr-customers .brand-scroll-animation,#cafe-restaurant-page #cr-customers :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#cafe-restaurant-page #cr-customers .brand-scroll-animation{animation:none}}


#cafe-restaurant-page .ob-sec{background:var(--sec-alt,#fff);margin-top:calc(.25rem * 24)}
#cafe-restaurant-page .ob-in{width:100%;max-width:100%;padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#cafe-restaurant-page .ob-h{margin:0 auto;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800;font-size:1.5rem;line-height:2rem}
#cafe-restaurant-page .ob-p{margin:16px auto 0;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400;font-size:1rem;line-height:1.5}
#cafe-restaurant-page .ob-g{display:grid;grid-template-columns:repeat(2,minmax(0,181px));justify-content:space-evenly;justify-items:center;column-gap:16px;row-gap:calc(.25rem * 24);margin:calc(.25rem * 36) 0 calc(.25rem * 24)}
#cafe-restaurant-page .ob-c{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;max-width:181px;height:180px;padding:32px 16px 24px;background:var(--fa-soft);border-radius:20px;box-shadow:none;text-decoration:none;cursor:pointer;transition:all .3s ease-out}
#cafe-restaurant-page .ob-c:hover,#cafe-restaurant-page .ob-c:focus-visible{background:var(--acc);transform:translateY(-4px);box-shadow:0 10px 24px rgba(10,39,69,.14)}
#cafe-restaurant-page .ob-c:focus-visible{outline:2px solid var(--nv);outline-offset:3px}
#cafe-restaurant-page .ob-ph{width:100%;display:flex;align-items:center;justify-content:center;margin-top:calc(.25rem * -20)}
#cafe-restaurant-page .ob-img{position:relative;display:flex;align-items:center;justify-content:center;width:155.95px;max-width:calc(100% + 8px);aspect-ratio:1/1;border-radius:9999px;background:var(--line);overflow:hidden;transform:translateY(-16px)}
#cafe-restaurant-page .ob-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#cafe-restaurant-page .ob-ph-svg{width:70%;height:70%;display:block}
#cafe-restaurant-page .ob-t{margin-top:4px;text-align:center;color:var(--acc);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700;font-size:1rem;line-height:1.5;transition:color .3s ease-out}
#cafe-restaurant-page .ob-c:hover .ob-t,#cafe-restaurant-page .ob-c:focus-visible .ob-t{color:var(--color-white,#fff)}
@media (min-width:40rem){
 #cafe-restaurant-page .ob-h{font-size:1.875rem;line-height:2.25rem}
 #cafe-restaurant-page .ob-g{grid-template-columns:repeat(3,minmax(0,181px));column-gap:40px}
}
@media (min-width:64rem){
 #cafe-restaurant-page .ob-h{line-height:56px}
 #cafe-restaurant-page .ob-g{grid-template-columns:repeat(4,minmax(0,181px))}
}
@media (min-width:80rem){
 #cafe-restaurant-page .ob-sec{margin-top:calc(.25rem * 50)}
 #cafe-restaurant-page .ob-h{font-size:36px}
 #cafe-restaurant-page .ob-g{grid-template-columns:repeat(6,minmax(0,181px));justify-content:space-between;column-gap:12px;row-gap:80px;margin:128px 0 96px}
}
@media (min-width:96rem){
 #cafe-restaurant-page .ob-in{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
}
@media (prefers-reduced-motion:reduce){#cafe-restaurant-page .ob-c,#cafe-restaurant-page .ob-t{transition:none}#cafe-restaurant-page .ob-c:hover,#cafe-restaurant-page .ob-c:focus-visible{transform:none}}

#cafe-restaurant-page .cr-hw-wrap{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
@media (min-width:96rem){#cafe-restaurant-page .cr-hw-wrap{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}}
#cafe-restaurant-page #cr-modules>div>div>h2{max-width:none!important;white-space:nowrap;font-size:clamp(13px,3.1vw,48px)!important;line-height:1.6!important;padding-inline:0!important}


#cafe-restaurant-page #cr-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#cafe-restaurant-page #cr-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#cafe-restaurant-page #cr-about *{box-sizing:border-box}
#cafe-restaurant-page #cr-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#cafe-restaurant-page #cr-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#cafe-restaurant-page #cr-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#cafe-restaurant-page #cr-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#cafe-restaurant-page #cr-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#cafe-restaurant-page #cr-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#cafe-restaurant-page #cr-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#cafe-restaurant-page #cr-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#cafe-restaurant-page #cr-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#cafe-restaurant-page #cr-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#cafe-restaurant-page #cr-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#cafe-restaurant-page #cr-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#cafe-restaurant-page #cr-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#cafe-restaurant-page #cr-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#cafe-restaurant-page #cr-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#cafe-restaurant-page #cr-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#cafe-restaurant-page #cr-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#cafe-restaurant-page #cr-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#cafe-restaurant-page #cr-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#cafe-restaurant-page #cr-about .seo-more[hidden]{display:none}
#cafe-restaurant-page #cr-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#cafe-restaurant-page #cr-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#cafe-restaurant-page #cr-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#cafe-restaurant-page #cr-about.seo-open .seo-fade,#cafe-restaurant-page #cr-about:not(.seo-js) .seo-fade{opacity:0}
#cafe-restaurant-page #cr-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#cafe-restaurant-page #cr-about .seo-ls,#cafe-restaurant-page #cr-about .seo-ls.seo-sm{grid-template-columns:1fr}#cafe-restaurant-page #cr-about .seo-in p{text-align:start}#cafe-restaurant-page #cr-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#cafe-restaurant-page #cr-about .seo-body,#cafe-restaurant-page #cr-about .seo-ls li,#cafe-restaurant-page #cr-about .seo-more,#cafe-restaurant-page #cr-about .seo-more i svg,#cafe-restaurant-page #cr-about .seo-fade{transition:none!important}}
#cafe-restaurant-page #cr-about .seo-in h2{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#cafe-restaurant-page #cr-about .seo-in h2:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#cafe-restaurant-page #cr-about .seo-in .seo-h4{margin:22px 0 8px;font-size:clamp(16px,1.3vw,19px);font-weight:800;color:var(--goldtxt);line-height:1.8}#cafe-restaurant-page #cr-about .seo-in h3.seo-h4{padding-inline-start:0}#cafe-restaurant-page #cr-about .seo-in h3.seo-h4:before{display:none}
#cafe-restaurant-page #cr-about .seo-in strong{font-weight:800;color:var(--ink)}
#cafe-restaurant-page #cr-about .seo-td li{display:flex;flex-direction:column;gap:2px}
#cafe-restaurant-page #cr-about .seo-td li>b{font-weight:800;color:var(--goldtxt);font-size:clamp(14.5px,1.1vw,16.5px)}
#cafe-restaurant-page #cr-about .seo-td li>span{color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#cafe-restaurant-page #cr-about .seo-ls li.seo-wide{grid-column:1/-1}
#cafe-restaurant-page #cr-about .seo-ls .seo-sub{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 22px}
#cafe-restaurant-page #cr-about .seo-ls .seo-sub li{position:relative;padding:0;padding-inline-start:18px;background:none;border:0;border-radius:0;transform:none;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#cafe-restaurant-page #cr-about .seo-ls .seo-sub li:hover{transform:none;border-color:transparent}
#cafe-restaurant-page #cr-about .seo-ls .seo-sub li:before{inset-inline-start:2px;top:.95em;width:6px;height:6px;border-radius:50%;transform:none}
@media(max-width:760px){#cafe-restaurant-page #cr-about .seo-ls .seo-sub{grid-template-columns:1fr}}


@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-gradient-position{syntax:"*";inherits:false}
@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-stops{syntax:"*";inherits:false}
@property --tw-gradient-via-stops{syntax:"*";inherits:false}
@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#traditional-cafe-page *,#traditional-cafe-page :before,#traditional-cafe-page :after,#traditional-cafe-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}
#traditional-cafe-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft)}
#traditional-cafe-page *,#traditional-cafe-page :after,#traditional-cafe-page :before,#traditional-cafe-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#traditional-cafe-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#traditional-cafe-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#traditional-cafe-page hr{height:0;color:inherit;border-top-width:1px}
#traditional-cafe-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#traditional-cafe-page h1,#traditional-cafe-page h2,#traditional-cafe-page h3,#traditional-cafe-page h4,#traditional-cafe-page h5,#traditional-cafe-page h6{font-size:inherit;font-weight:inherit}
#traditional-cafe-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#traditional-cafe-page b,#traditional-cafe-page strong{font-weight:bolder}
#traditional-cafe-page code,#traditional-cafe-page kbd,#traditional-cafe-page samp,#traditional-cafe-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#traditional-cafe-page small{font-size:80%}
#traditional-cafe-page sub,#traditional-cafe-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#traditional-cafe-page sub{bottom:-.25em}
#traditional-cafe-page sup{top:-.5em}
#traditional-cafe-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#traditional-cafe-page :-moz-focusring:where(:not(iframe)){outline:auto}
#traditional-cafe-page progress{vertical-align:baseline}
#traditional-cafe-page summary{display:list-item}
#traditional-cafe-page ol,#traditional-cafe-page ul,#traditional-cafe-page menu{list-style:none}
#traditional-cafe-page img,#traditional-cafe-page svg,#traditional-cafe-page video,#traditional-cafe-page canvas,#traditional-cafe-page audio,#traditional-cafe-page iframe,#traditional-cafe-page embed,#traditional-cafe-page object{vertical-align:middle;display:block}
#traditional-cafe-page img,#traditional-cafe-page video{max-width:100%;height:auto}
#traditional-cafe-page button,#traditional-cafe-page input,#traditional-cafe-page select,#traditional-cafe-page optgroup,#traditional-cafe-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#traditional-cafe-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#traditional-cafe-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#traditional-cafe-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#traditional-cafe-page ::file-selector-button{margin-inline-end:4px}
#traditional-cafe-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#traditional-cafe-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#traditional-cafe-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#traditional-cafe-page textarea{resize:vertical}
#traditional-cafe-page ::-webkit-search-decoration{-webkit-appearance:none}
#traditional-cafe-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#traditional-cafe-page ::-webkit-datetime-edit{display:inline-flex}
#traditional-cafe-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#traditional-cafe-page ::-webkit-datetime-edit{padding-block:0}
#traditional-cafe-page ::-webkit-datetime-edit-year-field{padding-block:0}
#traditional-cafe-page ::-webkit-datetime-edit-month-field{padding-block:0}
#traditional-cafe-page ::-webkit-datetime-edit-day-field{padding-block:0}
#traditional-cafe-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#traditional-cafe-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#traditional-cafe-page ::-webkit-datetime-edit-second-field{padding-block:0}
#traditional-cafe-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#traditional-cafe-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#traditional-cafe-page ::-webkit-calendar-picker-indicator{line-height:1}
#traditional-cafe-page :-moz-ui-invalid{box-shadow:none}
#traditional-cafe-page button,#traditional-cafe-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#traditional-cafe-page ::file-selector-button{appearance:button}
#traditional-cafe-page ::-webkit-inner-spin-button{height:auto}
#traditional-cafe-page ::-webkit-outer-spin-button{height:auto}
#traditional-cafe-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#traditional-cafe-page .pointer-events-none{pointer-events:none}
#traditional-cafe-page .visible{visibility:visible}
#traditional-cafe-page .absolute{position:absolute}
#traditional-cafe-page .fixed{position:fixed}
#traditional-cafe-page .relative{position:relative}
#traditional-cafe-page .-inset-0\.5{inset:calc(var(--spacing) * -.5)}
#traditional-cafe-page .inset-0{inset:0}
#traditional-cafe-page .inset-x-0{inset-inline:0}
#traditional-cafe-page .-top-1{top:calc(var(--spacing) * -1)}
#traditional-cafe-page .-top-5{top:calc(var(--spacing) * -5)}
#traditional-cafe-page .top-0{top:0}
#traditional-cafe-page .top-2{top:calc(var(--spacing) * 2)}
#traditional-cafe-page .top-3{top:calc(var(--spacing) * 3)}
#traditional-cafe-page .top-6{top:calc(var(--spacing) * 6)}
#traditional-cafe-page .top-full{top:100%}
#traditional-cafe-page .-right-1{right:calc(var(--spacing) * -1)}
#traditional-cafe-page .right-0{right:0}
#traditional-cafe-page .right-1{right:var(--spacing)}
#traditional-cafe-page .right-2{right:calc(var(--spacing) * 2)}
#traditional-cafe-page .right-3{right:calc(var(--spacing) * 3)}
#traditional-cafe-page .right-4{right:calc(var(--spacing) * 4)}
#traditional-cafe-page .right-12{right:calc(var(--spacing) * 12)}
#traditional-cafe-page .bottom-0{bottom:0}
#traditional-cafe-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#traditional-cafe-page .left-0{left:0}
#traditional-cafe-page .left-1\/2{left:50%}
#traditional-cafe-page .left-3{left:calc(var(--spacing) * 3)}
#traditional-cafe-page .-z-10{z-index:calc(10 * -1)}
#traditional-cafe-page .z-0{z-index:0}
#traditional-cafe-page .z-10{z-index:10}
#traditional-cafe-page .z-20{z-index:20}
#traditional-cafe-page .z-30{z-index:30}
#traditional-cafe-page .z-40{z-index:40}
#traditional-cafe-page .z-50{z-index:50}
#traditional-cafe-page .z-1000{z-index:1000}
#traditional-cafe-page .order-1{order:1}
#traditional-cafe-page .order-2{order:2}
#traditional-cafe-page .order-3{order:3}
#traditional-cafe-page .mx-1{margin-inline:var(--spacing)}
#traditional-cafe-page .mx-auto{margin-inline:auto}
#traditional-cafe-page .my-0{margin-block:0}
#traditional-cafe-page .my-2{margin-block:calc(var(--spacing) * 2)}
#traditional-cafe-page .my-16{margin-block:calc(var(--spacing) * 16)}
#traditional-cafe-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#traditional-cafe-page .mt-0{margin-top:0}
#traditional-cafe-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#traditional-cafe-page .mt-1{margin-top:var(--spacing)}
#traditional-cafe-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#traditional-cafe-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#traditional-cafe-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#traditional-cafe-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#traditional-cafe-page .mt-16{margin-top:calc(var(--spacing) * 16)}
#traditional-cafe-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#traditional-cafe-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#traditional-cafe-page .mt-70{margin-top:calc(var(--spacing) * 70)}
#traditional-cafe-page .mb-1{margin-bottom:var(--spacing)}
#traditional-cafe-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#traditional-cafe-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#traditional-cafe-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#traditional-cafe-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#traditional-cafe-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#traditional-cafe-page .mb-12{margin-bottom:calc(var(--spacing) * 12)}
#traditional-cafe-page .mb-16{margin-bottom:calc(var(--spacing) * 16)}
#traditional-cafe-page .block{display:block}
#traditional-cafe-page .flex{display:flex}
#traditional-cafe-page .grid{display:grid}
#traditional-cafe-page .hidden{display:none}
#traditional-cafe-page .inline-block{display:inline-block}
#traditional-cafe-page .inline-flex{display:inline-flex}
#traditional-cafe-page .aspect-4\/3{aspect-ratio:4/3}
#traditional-cafe-page .h-4{height:calc(var(--spacing) * 4)}
#traditional-cafe-page .h-5{height:calc(var(--spacing) * 5)}
#traditional-cafe-page .h-6{height:calc(var(--spacing) * 6)}
#traditional-cafe-page .h-8{height:calc(var(--spacing) * 8)}
#traditional-cafe-page .h-10{height:calc(var(--spacing) * 10)}
#traditional-cafe-page .h-12{height:calc(var(--spacing) * 12)}
#traditional-cafe-page .h-14{height:calc(var(--spacing) * 14)}
#traditional-cafe-page .h-16{height:calc(var(--spacing) * 16)}
#traditional-cafe-page .h-20{height:calc(var(--spacing) * 20)}
#traditional-cafe-page .h-32{height:calc(var(--spacing) * 32)}
#traditional-cafe-page .h-50{height:calc(var(--spacing) * 50)}
#traditional-cafe-page .h-72{height:calc(var(--spacing) * 72)}
#traditional-cafe-page .h-\[50px\]{height:50px}
#traditional-cafe-page .h-\[72px\]{height:72px}
#traditional-cafe-page .h-\[200px\]{height:200px}
#traditional-cafe-page .h-auto{height:auto}
#traditional-cafe-page .h-fit{height:fit-content}
#traditional-cafe-page .h-full{height:100%}
#traditional-cafe-page .max-h-0{max-height:0}
#traditional-cafe-page .max-h-\[280px\]{max-height:280px}
#traditional-cafe-page .max-h-\[600px\]{max-height:600px}
#traditional-cafe-page .min-h-0{min-height:0}
#traditional-cafe-page .min-h-\[44px\]{min-height:44px}
#traditional-cafe-page .min-h-\[280px\]{min-height:280px}
#traditional-cafe-page .min-h-\[300px\]{min-height:300px}
#traditional-cafe-page .w-4{width:calc(var(--spacing) * 4)}
#traditional-cafe-page .w-5{width:calc(var(--spacing) * 5)}
#traditional-cafe-page .w-6{width:calc(var(--spacing) * 6)}
#traditional-cafe-page .w-8{width:calc(var(--spacing) * 8)}
#traditional-cafe-page .w-10{width:calc(var(--spacing) * 10)}
#traditional-cafe-page .w-12{width:calc(var(--spacing) * 12)}
#traditional-cafe-page .w-14{width:calc(var(--spacing) * 14)}
#traditional-cafe-page .w-16{width:calc(var(--spacing) * 16)}
#traditional-cafe-page .w-20{width:calc(var(--spacing) * 20)}
#traditional-cafe-page .w-24{width:calc(var(--spacing) * 24)}
#traditional-cafe-page .w-30{width:calc(var(--spacing) * 30)}
#traditional-cafe-page .w-32{width:calc(var(--spacing) * 32)}
#traditional-cafe-page .w-44{width:calc(var(--spacing) * 44)}
#traditional-cafe-page .w-72{width:calc(var(--spacing) * 72)}
#traditional-cafe-page .w-auto{width:auto}
#traditional-cafe-page .w-fit{width:fit-content}
#traditional-cafe-page .w-full{width:100%}
#traditional-cafe-page .max-w-2xl{max-width:var(--container-2xl)}
#traditional-cafe-page .max-w-4xl{max-width:var(--container-4xl)}
#traditional-cafe-page .max-w-5xl{max-width:var(--container-5xl)}
#traditional-cafe-page .max-w-6xl{max-width:var(--container-6xl)}
#traditional-cafe-page .max-w-\[600px\]{max-width:600px}
#traditional-cafe-page .max-w-full{max-width:100%}
#traditional-cafe-page .min-w-0{min-width:0}
#traditional-cafe-page .min-w-\[120px\]{min-width:120px}
#traditional-cafe-page .min-w-full{min-width:100%}
#traditional-cafe-page .flex-1{flex:1}
#traditional-cafe-page .flex-\[0_0_50\%\]{flex:0 0 50%}
#traditional-cafe-page .flex-\[0_0_100\%\]{flex:0 0 100%}
#traditional-cafe-page .flex-shrink-0,#traditional-cafe-page .shrink-0{flex-shrink:0}
#traditional-cafe-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#traditional-cafe-page .-translate-x-\[10px\]{--tw-translate-x:calc(10px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#traditional-cafe-page .translate-x-\[10px\]{--tw-translate-x:10px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#traditional-cafe-page .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#traditional-cafe-page .translate-y-\[-52\%\]{--tw-translate-y:-52%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#traditional-cafe-page .scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#traditional-cafe-page .scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#traditional-cafe-page .rotate-0{rotate:0deg}
#traditional-cafe-page .rotate-90{rotate:90deg}
#traditional-cafe-page .rotate-180{rotate:180deg}
#traditional-cafe-page .transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}
#traditional-cafe-page .cursor-not-allowed{cursor:not-allowed}
#traditional-cafe-page .cursor-pointer{cursor:pointer}
#traditional-cafe-page .snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}
#traditional-cafe-page .snap-mandatory{--tw-scroll-snap-strictness:mandatory}
#traditional-cafe-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#traditional-cafe-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#traditional-cafe-page .flex-col{flex-direction:column}
#traditional-cafe-page .flex-col-reverse{flex-direction:column-reverse}
#traditional-cafe-page .flex-row{flex-direction:row}
#traditional-cafe-page .flex-row-reverse{flex-direction:row-reverse}
#traditional-cafe-page .items-center{align-items:center}
#traditional-cafe-page .items-end{align-items:flex-end}
#traditional-cafe-page .items-start{align-items:flex-start}
#traditional-cafe-page .items-stretch{align-items:stretch}
#traditional-cafe-page .justify-between{justify-content:space-between}
#traditional-cafe-page .justify-center{justify-content:center}
#traditional-cafe-page .justify-end{justify-content:flex-end}
#traditional-cafe-page .justify-start{justify-content:flex-start}
#traditional-cafe-page .justify-items-stretch{justify-items:stretch}
#traditional-cafe-page .gap-1{gap:var(--spacing)}
#traditional-cafe-page .gap-2{gap:calc(var(--spacing) * 2)}
#traditional-cafe-page .gap-3{gap:calc(var(--spacing) * 3)}
#traditional-cafe-page .gap-4{gap:calc(var(--spacing) * 4)}
#traditional-cafe-page .gap-6{gap:calc(var(--spacing) * 6)}
#traditional-cafe-page .gap-8{gap:calc(var(--spacing) * 8)}
#traditional-cafe-page .gap-12{gap:calc(var(--spacing) * 12)}
#traditional-cafe-page .gap-14{gap:calc(var(--spacing) * 14)}
#traditional-cafe-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#traditional-cafe-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#traditional-cafe-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#traditional-cafe-page :where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#traditional-cafe-page .gap-x-3{column-gap:calc(var(--spacing) * 3)}
#traditional-cafe-page .gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}
#traditional-cafe-page .overflow-hidden{overflow:hidden}
#traditional-cafe-page .overflow-visible{overflow:visible}
#traditional-cafe-page .overflow-x-auto{overflow-x:auto}
#traditional-cafe-page .overflow-x-hidden{overflow-x:hidden}
#traditional-cafe-page .scroll-smooth{scroll-behavior:smooth}
#traditional-cafe-page .rounded-2xl{border-radius:var(--radius-2xl)}
#traditional-cafe-page .rounded-3xl{border-radius:var(--radius-3xl)}
#traditional-cafe-page .rounded-4xl{border-radius:var(--radius-4xl)}
#traditional-cafe-page .rounded-\[50px\]{border-radius:50px}
#traditional-cafe-page .rounded-full{border-radius:2147483647px}
#traditional-cafe-page .rounded-lg{border-radius:var(--radius-lg)}
#traditional-cafe-page .rounded-md{border-radius:var(--radius-md)}
#traditional-cafe-page .rounded-xl{border-radius:var(--radius-xl)}
#traditional-cafe-page .border{border-style:var(--tw-border-style);border-width:1px}
#traditional-cafe-page .border-0{border-style:var(--tw-border-style);border-width:0}
#traditional-cafe-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#traditional-cafe-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#traditional-cafe-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#traditional-cafe-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#traditional-cafe-page .border-b-3{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#traditional-cafe-page .border-none{--tw-border-style:none;border-style:none}
#traditional-cafe-page .border-\[\#E5E7EB\]{border-color:var(--line)}
#traditional-cafe-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#traditional-cafe-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#traditional-cafe-page .border-black{border-color:var(--color-black)}
#traditional-cafe-page .border-gray-200{border-color:var(--color-gray-200)}
#traditional-cafe-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#traditional-cafe-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#traditional-cafe-page .border-green-500{border-color:var(--color-green-500)}
#traditional-cafe-page .border-transparent{border-color:#0000}
#traditional-cafe-page .border-white{border-color:var(--color-white)}
#traditional-cafe-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#traditional-cafe-page .bg-\[\#F0F5F7\]{background-color:var(--bg2)}
#traditional-cafe-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#traditional-cafe-page .bg-\[\#FF4C00\]\/10{background-color:oklab(66.6687% .179651 .134278/.1)}
#traditional-cafe-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#traditional-cafe-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#traditional-cafe-page .bg-accent{background-color:var(--color-accent)}
#traditional-cafe-page .bg-gray-100{background-color:var(--color-gray-100)}
#traditional-cafe-page .bg-primary{background-color:var(--color-primary)}
#traditional-cafe-page .bg-secondary{background-color:var(--color-secondary)}
#traditional-cafe-page .bg-transparent{background-color:#0000}
#traditional-cafe-page .bg-white{background-color:var(--color-white)}
#traditional-cafe-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#traditional-cafe-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#traditional-cafe-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#traditional-cafe-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#traditional-cafe-page .bg-linear-to-br{--tw-gradient-position:to bottom right}
@supports (background-image:linear-gradient(in lab, red, red)){#traditional-cafe-page .bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}
#traditional-cafe-page .bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}
#traditional-cafe-page .bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
#traditional-cafe-page .from-\[\#FF4C00\]{--tw-gradient-from:var(--acc);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#traditional-cafe-page .from-\[\#FF4C00\]\/10{--tw-gradient-from:oklab(66.6687% .179651 .134278/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#traditional-cafe-page .via-orange-300\/5{--tw-gradient-via:#ffb96d0d}
@supports (color:color-mix(in lab, red, red)){#traditional-cafe-page .via-orange-300\/5{--tw-gradient-via:color-mix(in oklab, var(--color-orange-300) 5%, transparent)}}
#traditional-cafe-page .via-orange-300\/5{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
#traditional-cafe-page .to-\[\#FF6B35\]{--tw-gradient-to:color-mix(in srgb,var(--acc) 78%,#fff);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#traditional-cafe-page .to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#traditional-cafe-page .object-contain{object-fit:contain}
#traditional-cafe-page .object-cover{object-fit:cover}
#traditional-cafe-page .p-0{padding:0}
#traditional-cafe-page .p-1{padding:var(--spacing)}
#traditional-cafe-page .p-2{padding:calc(var(--spacing) * 2)}
#traditional-cafe-page .p-3{padding:calc(var(--spacing) * 3)}
#traditional-cafe-page .p-4{padding:calc(var(--spacing) * 4)}
#traditional-cafe-page .p-5{padding:calc(var(--spacing) * 5)}
#traditional-cafe-page .p-6{padding:calc(var(--spacing) * 6)}
#traditional-cafe-page .p-8{padding:calc(var(--spacing) * 8)}
#traditional-cafe-page .px-1{padding-inline:var(--spacing)}
#traditional-cafe-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#traditional-cafe-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#traditional-cafe-page .px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}
#traditional-cafe-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#traditional-cafe-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#traditional-cafe-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#traditional-cafe-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#traditional-cafe-page .px-12{padding-inline:calc(var(--spacing) * 12)}
#traditional-cafe-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#traditional-cafe-page .py-2{padding-block:calc(var(--spacing) * 2)}
#traditional-cafe-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#traditional-cafe-page .py-3{padding-block:calc(var(--spacing) * 3)}
#traditional-cafe-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#traditional-cafe-page .py-4{padding-block:calc(var(--spacing) * 4)}
#traditional-cafe-page .py-6{padding-block:calc(var(--spacing) * 6)}
#traditional-cafe-page .py-8{padding-block:calc(var(--spacing) * 8)}
#traditional-cafe-page .py-10{padding-block:calc(var(--spacing) * 10)}
#traditional-cafe-page .py-12{padding-block:calc(var(--spacing) * 12)}
#traditional-cafe-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#traditional-cafe-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#traditional-cafe-page .pt-6{padding-top:calc(var(--spacing) * 6)}
#traditional-cafe-page .pt-15{padding-top:calc(var(--spacing) * 15)}
#traditional-cafe-page .pt-20{padding-top:calc(var(--spacing) * 20)}
#traditional-cafe-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#traditional-cafe-page .pt-\[72px\]{padding-top:72px}
#traditional-cafe-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#traditional-cafe-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#traditional-cafe-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#traditional-cafe-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#traditional-cafe-page .pb-12{padding-bottom:calc(var(--spacing) * 12)}
#traditional-cafe-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#traditional-cafe-page .pb-48{padding-bottom:calc(var(--spacing) * 48)}
#traditional-cafe-page .text-center{text-align:center}
#traditional-cafe-page .text-justify{text-align:justify}
#traditional-cafe-page .text-right{text-align:right}
#traditional-cafe-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#traditional-cafe-page .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#traditional-cafe-page .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#traditional-cafe-page .text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#traditional-cafe-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#traditional-cafe-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#traditional-cafe-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#traditional-cafe-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#traditional-cafe-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#traditional-cafe-page .text-\[10px\]{font-size:10px}
#traditional-cafe-page .leading-7\.5{--tw-leading:calc(var(--spacing) * 7.5);line-height:calc(var(--spacing) * 7.5)}
#traditional-cafe-page .leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}
#traditional-cafe-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#traditional-cafe-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#traditional-cafe-page .leading-none{--tw-leading:1;line-height:1}
#traditional-cafe-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#traditional-cafe-page .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}
#traditional-cafe-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#traditional-cafe-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#traditional-cafe-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#traditional-cafe-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#traditional-cafe-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#traditional-cafe-page .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
#traditional-cafe-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#traditional-cafe-page .whitespace-nowrap{white-space:nowrap}
#traditional-cafe-page .text-\[\#0A2745\]{color:var(--nv)}
#traditional-cafe-page .text-\[\#1F2A3D\]{color:#33291d}
#traditional-cafe-page .text-\[\#595B5C\]{color:#595b5c}
#traditional-cafe-page .text-\[\#FF4C00\]{color:var(--acc)}
#traditional-cafe-page .text-\[\#FF4C00\]\/30{color:oklab(66.6687% .179651 .134278/.3)}
#traditional-cafe-page .text-\[\#ffff\]{color:#fff}
#traditional-cafe-page .text-black{color:var(--color-black)}
#traditional-cafe-page .text-gray-300{color:var(--color-gray-300)}
#traditional-cafe-page .text-gray-500{color:var(--color-gray-500)}
#traditional-cafe-page .text-gray-600{color:var(--color-gray-600)}
#traditional-cafe-page .text-green-700{color:var(--color-green-700)}
#traditional-cafe-page .text-red-500{color:var(--color-red-500)}
#traditional-cafe-page .text-secondary{color:var(--color-secondary)}
#traditional-cafe-page .text-white{color:var(--color-white)}
#traditional-cafe-page .text-white\/90{color:#ffffffe6}
@supports (color:color-mix(in lab, red, red)){#traditional-cafe-page .text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}
#traditional-cafe-page .not-italic{font-style:normal}
#traditional-cafe-page .underline{text-decoration-line:underline}
#traditional-cafe-page .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#traditional-cafe-page .accent-white{accent-color:var(--color-white)}
#traditional-cafe-page .opacity-0{opacity:0}
#traditional-cafe-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page .shadow-\[0_0_20px_rgba\(255\,76\,0\,0\.4\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page .shadow-\[0_10px_0_0_\#FF4C00\]{--tw-shadow:0 10px 0 0 var(--tw-shadow-color,var(--acc));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#traditional-cafe-page .blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#traditional-cafe-page .blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#traditional-cafe-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#traditional-cafe-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}
#traditional-cafe-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#traditional-cafe-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#traditional-cafe-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#traditional-cafe-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#traditional-cafe-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#traditional-cafe-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#traditional-cafe-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#traditional-cafe-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#traditional-cafe-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#traditional-cafe-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#traditional-cafe-page .duration-500{--tw-duration:.5s;transition-duration:.5s}
#traditional-cafe-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#traditional-cafe-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#traditional-cafe-page .will-change-transform{will-change:transform}
#traditional-cafe-page .select-none{-webkit-user-select:none;user-select:none}
#traditional-cafe-page .\[-webkit-overflow-scrolling\:touch\]{-webkit-overflow-scrolling:touch}
@media (hover:hover){#traditional-cafe-page :is(:where(.group):hover .group-hover\:absolute){position:absolute}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:flex){display:flex}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:-translate-y-1){--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:-translate-y-2){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:-translate-y-full){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:scale-110){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:border-b-2){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:border-b-3){border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:border-\[\#0A2745\]){border-color:var(--nv)}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:border-\[\#FF4C00\]){border-color:var(--acc)}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:border-orange-100){border-color:var(--color-orange-100)}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:border-b-\[\#FF4C00\]){border-bottom-color:var(--acc)}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:bg-\[\#0A2745\]){background-color:var(--nv)}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:bg-\[\#FFF6F2\]){background-color:var(--fa-soft)}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:text-\[\#0A2745\]){color:var(--nv)}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:text-\[\#FF4C00\]){color:var(--acc)}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:text-white){color:var(--color-white)}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:opacity-100){opacity:1}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]){--tw-shadow:0 8px 24px var(--tw-shadow-color,#ff4c0059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:shadow-md){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:shadow-xl){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page :is(:where(.group):hover .group-hover\:blur-xs){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}
#traditional-cafe-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#traditional-cafe-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#traditional-cafe-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#traditional-cafe-page .after\:right-0:after{content:var(--tw-content);right:0}
#traditional-cafe-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#traditional-cafe-page .after\:left-0:after{content:var(--tw-content);left:0}
#traditional-cafe-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#traditional-cafe-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#traditional-cafe-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#traditional-cafe-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#traditional-cafe-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#traditional-cafe-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#traditional-cafe-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#traditional-cafe-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#traditional-cafe-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#traditional-cafe-page .hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#traditional-cafe-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#traditional-cafe-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#traditional-cafe-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#traditional-cafe-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#traditional-cafe-page .hover\:border-\[\#FF4C00\]\/30:hover{border-color:oklab(66.6687% .179651 .134278/.3)}
#traditional-cafe-page .hover\:border-white:hover{border-color:var(--color-white)}
#traditional-cafe-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#traditional-cafe-page .hover\:bg-\[\#081a2e\]:hover{background-color:#1c1712}
#traditional-cafe-page .hover\:bg-\[\#163456\]:hover{background-color:#3a2c1f}
#traditional-cafe-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#traditional-cafe-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#traditional-cafe-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#traditional-cafe-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#traditional-cafe-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:var(--bg2)}
#traditional-cafe-page .hover\:bg-\[\#FFF6F2\]:hover{background-color:var(--fa-soft)}
#traditional-cafe-page .hover\:bg-\[\#e44500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#traditional-cafe-page .hover\:bg-black\/5:hover{background-color:#0000000d}
@supports (color:color-mix(in lab, red, red)){#traditional-cafe-page .hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}
#traditional-cafe-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#traditional-cafe-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#traditional-cafe-page .hover\:bg-white:hover{background-color:var(--color-white)}
#traditional-cafe-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#traditional-cafe-page .hover\:text-\[\#FF4C00\]:hover,#traditional-cafe-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#traditional-cafe-page .hover\:text-white:hover{color:var(--color-white)}
#traditional-cafe-page .hover\:underline:hover{text-decoration-line:underline}
#traditional-cafe-page .hover\:opacity-80:hover{opacity:.8}
#traditional-cafe-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page .hover\:shadow-\[0_0_28px_rgba\(255\,76\,0\,0\.5\)\,0_0_40px_rgba\(10\,39\,69\,0\.3\)\,0_8px_28px_rgba\(10\,39\,69\,0\.35\)\]:hover{--tw-shadow:0 0 28px var(--tw-shadow-color,#ff4c0080), 0 0 40px var(--tw-shadow-color,#0a27454d), 0 8px 28px var(--tw-shadow-color,#0a274559);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px var(--tw-shadow-color,#0a274538), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px var(--tw-shadow-color,#0a274547), 0 10px 0 0 var(--tw-shadow-color,var(--nv)), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#traditional-cafe-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#traditional-cafe-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#traditional-cafe-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#traditional-cafe-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#traditional-cafe-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#traditional-cafe-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#traditional-cafe-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#traditional-cafe-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#traditional-cafe-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#traditional-cafe-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#traditional-cafe-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#traditional-cafe-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#traditional-cafe-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#traditional-cafe-page .focus-visible\:ring-offset-\[\#0A2745\]:focus-visible{--tw-ring-offset-color:var(--nv)}
#traditional-cafe-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#traditional-cafe-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#traditional-cafe-page .active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#traditional-cafe-page .active\:scale-\[0\.98\]:active{scale:.98}
#traditional-cafe-page .active\:bg-\[\#06141f\]:active{background-color:#1c1712}
#traditional-cafe-page .active\:bg-\[\#CC3D00\]:active{background-color:color-mix(in srgb,var(--acc) 72%,#000)}
#traditional-cafe-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
#traditional-cafe-page .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
#traditional-cafe-page .disabled\:opacity-30:disabled{opacity:.3}
#traditional-cafe-page .disabled\:opacity-50:disabled{opacity:.5}
@media (hover:hover){#traditional-cafe-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#traditional-cafe-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#traditional-cafe-page .disabled\:hover\:shadow-lg:disabled:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (min-width:40rem){#traditional-cafe-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#traditional-cafe-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#traditional-cafe-page .sm\:right-4{right:calc(var(--spacing) * 4)}
#traditional-cafe-page .sm\:bottom-1\/3{bottom:33.3333%}
#traditional-cafe-page .sm\:left-4{left:calc(var(--spacing) * 4)}
#traditional-cafe-page .sm\:mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}
#traditional-cafe-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#traditional-cafe-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#traditional-cafe-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#traditional-cafe-page .sm\:mt-20{margin-top:calc(var(--spacing) * 20)}
#traditional-cafe-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#traditional-cafe-page .sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#traditional-cafe-page .sm\:inline{display:inline}
#traditional-cafe-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#traditional-cafe-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#traditional-cafe-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#traditional-cafe-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#traditional-cafe-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#traditional-cafe-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#traditional-cafe-page .sm\:h-96{height:calc(var(--spacing) * 96)}
#traditional-cafe-page .sm\:h-\[60px\]{height:60px}
#traditional-cafe-page .sm\:h-\[100px\]{height:100px}
#traditional-cafe-page .sm\:max-h-\[320px\]{max-height:320px}
#traditional-cafe-page .sm\:min-h-\[400px\]{min-height:400px}
#traditional-cafe-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#traditional-cafe-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#traditional-cafe-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#traditional-cafe-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#traditional-cafe-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#traditional-cafe-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#traditional-cafe-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#traditional-cafe-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#traditional-cafe-page .sm\:w-72{width:calc(var(--spacing) * 72)}
#traditional-cafe-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#traditional-cafe-page .sm\:w-auto{width:auto}
#traditional-cafe-page .sm\:min-w-\[120px\]{min-width:120px}
#traditional-cafe-page .sm\:min-w-\[140px\]{min-width:140px}
#traditional-cafe-page .sm\:flex-\[0_0_30\%\]{flex:0 0 30%}
#traditional-cafe-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#traditional-cafe-page .sm\:flex-row{flex-direction:row}
#traditional-cafe-page .sm\:items-center{align-items:center}
#traditional-cafe-page .sm\:items-start{align-items:flex-start}
#traditional-cafe-page .sm\:justify-end{justify-content:flex-end}
#traditional-cafe-page .sm\:justify-start{justify-content:flex-start}
#traditional-cafe-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#traditional-cafe-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#traditional-cafe-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#traditional-cafe-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#traditional-cafe-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#traditional-cafe-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#traditional-cafe-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#traditional-cafe-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#traditional-cafe-page :where(.sm\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#traditional-cafe-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#traditional-cafe-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#traditional-cafe-page .sm\:rounded-\[36px\]{border-radius:36px}
#traditional-cafe-page .sm\:p-3{padding:calc(var(--spacing) * 3)}
#traditional-cafe-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#traditional-cafe-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#traditional-cafe-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#traditional-cafe-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#traditional-cafe-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#traditional-cafe-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#traditional-cafe-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#traditional-cafe-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#traditional-cafe-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#traditional-cafe-page .sm\:py-0{padding-block:0}
#traditional-cafe-page .sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#traditional-cafe-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#traditional-cafe-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#traditional-cafe-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#traditional-cafe-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#traditional-cafe-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#traditional-cafe-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#traditional-cafe-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#traditional-cafe-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#traditional-cafe-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#traditional-cafe-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#traditional-cafe-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#traditional-cafe-page .sm\:text-\[12px\]{font-size:12px}}
@media (min-width:48rem){#traditional-cafe-page .md\:right-6{right:calc(var(--spacing) * 6)}
#traditional-cafe-page .md\:left-6{left:calc(var(--spacing) * 6)}
#traditional-cafe-page .md\:order-1{order:1}
#traditional-cafe-page .md\:order-2{order:2}
#traditional-cafe-page .md\:my-4{margin-block:calc(var(--spacing) * 4)}
#traditional-cafe-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#traditional-cafe-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#traditional-cafe-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#traditional-cafe-page .md\:mt-44{margin-top:calc(var(--spacing) * 44)}
#traditional-cafe-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#traditional-cafe-page .md\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#traditional-cafe-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#traditional-cafe-page .md\:block{display:block}
#traditional-cafe-page .md\:flex{display:flex}
#traditional-cafe-page .md\:hidden{display:none}
#traditional-cafe-page .md\:inline-block{display:inline-block}
#traditional-cafe-page .md\:h-10{height:calc(var(--spacing) * 10)}
#traditional-cafe-page .md\:h-16{height:calc(var(--spacing) * 16)}
#traditional-cafe-page .md\:h-28{height:calc(var(--spacing) * 28)}
#traditional-cafe-page .md\:h-70{height:calc(var(--spacing) * 70)}
#traditional-cafe-page .md\:h-\[250px\]{height:250px}
#traditional-cafe-page .md\:max-h-none{max-height:none}
#traditional-cafe-page .md\:w-10{width:calc(var(--spacing) * 10)}
#traditional-cafe-page .md\:w-16{width:calc(var(--spacing) * 16)}
#traditional-cafe-page .md\:w-24{width:calc(var(--spacing) * 24)}
#traditional-cafe-page .md\:w-28{width:calc(var(--spacing) * 28)}
#traditional-cafe-page .md\:w-72{width:calc(var(--spacing) * 72)}
#traditional-cafe-page .md\:min-w-\[130px\]{min-width:130px}
#traditional-cafe-page .md\:flex-1{flex:1}
#traditional-cafe-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#traditional-cafe-page .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#traditional-cafe-page .md\:flex-col{flex-direction:column}
#traditional-cafe-page .md\:flex-row{flex-direction:row}
#traditional-cafe-page .md\:flex-row-reverse{flex-direction:row-reverse}
#traditional-cafe-page .md\:items-center{align-items:center}
#traditional-cafe-page .md\:items-stretch{align-items:stretch}
#traditional-cafe-page .md\:justify-center{justify-content:center}
#traditional-cafe-page .md\:gap-0{gap:0}
#traditional-cafe-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#traditional-cafe-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#traditional-cafe-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#traditional-cafe-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#traditional-cafe-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#traditional-cafe-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#traditional-cafe-page .md\:overflow-visible{overflow:visible}
#traditional-cafe-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#traditional-cafe-page .md\:p-4{padding:calc(var(--spacing) * 4)}
#traditional-cafe-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#traditional-cafe-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#traditional-cafe-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#traditional-cafe-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#traditional-cafe-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#traditional-cafe-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#traditional-cafe-page .md\:py-0{padding-block:0}
#traditional-cafe-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#traditional-cafe-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#traditional-cafe-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#traditional-cafe-page .md\:pt-16{padding-top:calc(var(--spacing) * 16)}
#traditional-cafe-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#traditional-cafe-page .md\:pb-28{padding-bottom:calc(var(--spacing) * 28)}
#traditional-cafe-page .md\:text-center{text-align:center}
#traditional-cafe-page .md\:text-justify{text-align:justify}
#traditional-cafe-page .md\:text-right{text-align:right}
#traditional-cafe-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#traditional-cafe-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#traditional-cafe-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#traditional-cafe-page .md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}
#traditional-cafe-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#traditional-cafe-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#traditional-cafe-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#traditional-cafe-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#traditional-cafe-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#traditional-cafe-page .md\:text-\[9px\]{font-size:9px}
#traditional-cafe-page .md\:text-\[10px\]{font-size:10px}
#traditional-cafe-page .md\:text-\[14px\]{font-size:14px}
#traditional-cafe-page .md\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}}
@media (min-width:64rem){#traditional-cafe-page .lg\:order-1{order:1}
#traditional-cafe-page .lg\:order-2{order:2}
#traditional-cafe-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#traditional-cafe-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#traditional-cafe-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#traditional-cafe-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#traditional-cafe-page .lg\:mt-32{margin-top:calc(var(--spacing) * 32)}
#traditional-cafe-page .lg\:mt-50{margin-top:calc(var(--spacing) * 50)}
#traditional-cafe-page .lg\:mt-52{margin-top:calc(var(--spacing) * 52)}
#traditional-cafe-page .lg\:mr-0{margin-right:0}
#traditional-cafe-page .lg\:mb-0{margin-bottom:0}
#traditional-cafe-page .lg\:mb-10{margin-bottom:calc(var(--spacing) * 10)}
#traditional-cafe-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#traditional-cafe-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#traditional-cafe-page .lg\:block{display:block}
#traditional-cafe-page .lg\:flex{display:flex}
#traditional-cafe-page .lg\:hidden{display:none}
#traditional-cafe-page .lg\:h-14{height:calc(var(--spacing) * 14)}
#traditional-cafe-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#traditional-cafe-page .lg\:h-194{height:calc(var(--spacing) * 194)}
#traditional-cafe-page .lg\:h-\[70px\]{height:70px}
#traditional-cafe-page .lg\:h-\[132px\]{height:132px}
#traditional-cafe-page .lg\:h-\[300px\]{height:300px}
#traditional-cafe-page .lg\:w-1\/2{width:50%}
#traditional-cafe-page .lg\:w-14{width:calc(var(--spacing) * 14)}
#traditional-cafe-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#traditional-cafe-page .lg\:w-\[45\%\]{width:45%}
#traditional-cafe-page .lg\:w-\[55\%\]{width:55%}
#traditional-cafe-page .lg\:w-\[70px\]{width:70px}
#traditional-cafe-page .lg\:w-auto{width:auto}
#traditional-cafe-page .lg\:w-fit{width:fit-content}
#traditional-cafe-page .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#traditional-cafe-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#traditional-cafe-page .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
#traditional-cafe-page .lg\:flex-row{flex-direction:row}
#traditional-cafe-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#traditional-cafe-page .lg\:items-center{align-items:center}
#traditional-cafe-page .lg\:justify-end{justify-content:flex-end}
#traditional-cafe-page .lg\:gap-0{gap:0}
#traditional-cafe-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#traditional-cafe-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#traditional-cafe-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#traditional-cafe-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#traditional-cafe-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#traditional-cafe-page :where(.lg\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#traditional-cafe-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#traditional-cafe-page :where(.lg\:space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}
#traditional-cafe-page .lg\:gap-x-4{column-gap:calc(var(--spacing) * 4)}
#traditional-cafe-page .lg\:gap-y-4{row-gap:calc(var(--spacing) * 4)}
#traditional-cafe-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#traditional-cafe-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#traditional-cafe-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#traditional-cafe-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#traditional-cafe-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#traditional-cafe-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#traditional-cafe-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#traditional-cafe-page .lg\:py-20{padding-block:calc(var(--spacing) * 20)}
#traditional-cafe-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#traditional-cafe-page .lg\:pt-\[132px\]{padding-top:132px}
#traditional-cafe-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#traditional-cafe-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#traditional-cafe-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#traditional-cafe-page .lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#traditional-cafe-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#traditional-cafe-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#traditional-cafe-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#traditional-cafe-page .lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#traditional-cafe-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#traditional-cafe-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#traditional-cafe-page .lg\:text-\[10px\]{font-size:10px}
#traditional-cafe-page .lg\:text-\[28px\]{font-size:28px}
#traditional-cafe-page .lg\:text-\[48px\]{font-size:48px}
#traditional-cafe-page .lg\:text-\[150px\]{font-size:150px}
#traditional-cafe-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#traditional-cafe-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#traditional-cafe-page .xl\:mt-0{margin-top:0}
#traditional-cafe-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#traditional-cafe-page .xl\:mt-70{margin-top:calc(var(--spacing) * 70)}
#traditional-cafe-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#traditional-cafe-page .xl\:h-122{height:calc(var(--spacing) * 122)}
#traditional-cafe-page .xl\:h-\[142px\]{height:142px}
#traditional-cafe-page .xl\:h-auto{height:auto}
#traditional-cafe-page .xl\:w-1\/2{width:50%}
#traditional-cafe-page .xl\:w-1\/3{width:33.3333%}
#traditional-cafe-page .xl\:w-\[25\.5\%\]{width:25.5%}
#traditional-cafe-page .xl\:w-\[30\%\]{width:30%}
#traditional-cafe-page .xl\:w-\[70\%\]{width:70%}
#traditional-cafe-page .xl\:flex-\[0_0_12\%\]{flex:0 0 12%}
#traditional-cafe-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#traditional-cafe-page .xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
#traditional-cafe-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#traditional-cafe-page .xl\:flex-row{flex-direction:row}
#traditional-cafe-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#traditional-cafe-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#traditional-cafe-page .xl\:gap-12{gap:calc(var(--spacing) * 12)}
#traditional-cafe-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#traditional-cafe-page .xl\:gap-32{gap:calc(var(--spacing) * 32)}
#traditional-cafe-page .xl\:p-8{padding:calc(var(--spacing) * 8)}
#traditional-cafe-page .xl\:px-0{padding-inline:0}
#traditional-cafe-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#traditional-cafe-page .xl\:px-16{padding-inline:calc(var(--spacing) * 16)}
#traditional-cafe-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#traditional-cafe-page .xl\:px-36{padding-inline:calc(var(--spacing) * 36)}
#traditional-cafe-page .xl\:py-16{padding-block:calc(var(--spacing) * 16)}
#traditional-cafe-page .xl\:pt-16{padding-top:calc(var(--spacing) * 16)}
#traditional-cafe-page .xl\:pt-\[142px\]{padding-top:142px}
#traditional-cafe-page .xl\:pl-6{padding-left:calc(var(--spacing) * 6)}
#traditional-cafe-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#traditional-cafe-page .xl\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#traditional-cafe-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#traditional-cafe-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#traditional-cafe-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#traditional-cafe-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#traditional-cafe-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#traditional-cafe-page .xl\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#traditional-cafe-page .xl\:text-\[11px\]{font-size:11px}
#traditional-cafe-page .xl\:text-\[14px\]{font-size:14px}
#traditional-cafe-page .xl\:text-\[16px\]{font-size:16px}
#traditional-cafe-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#traditional-cafe-page .\32 xl\:mr-50{margin-right:calc(var(--spacing) * 50)}
#traditional-cafe-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#traditional-cafe-page .\32 xl\:h-130{height:calc(var(--spacing) * 130)}
#traditional-cafe-page .\32 xl\:min-h-\[550px\]{min-height:550px}
#traditional-cafe-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#traditional-cafe-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#traditional-cafe-page .\32 xl\:gap-\[25px\]{gap:25px}
#traditional-cafe-page .\32 xl\:px-12{padding-inline:calc(var(--spacing) * 12)}
#traditional-cafe-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#traditional-cafe-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#traditional-cafe-page .\32 xl\:text-left{text-align:left}
#traditional-cafe-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#traditional-cafe-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#traditional-cafe-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#traditional-cafe-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#traditional-cafe-page .\32 xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#traditional-cafe-page .\32 xl\:text-\[14px\]{font-size:14px}
#traditional-cafe-page .\32 xl\:text-\[16px\]{font-size:16px}
#traditional-cafe-page .\32 xl\:text-\[20px\]{font-size:20px}
#traditional-cafe-page .\32 xl\:text-\[27px\]{font-size:27px}
#traditional-cafe-page .\32 xl\:text-\[56px\]{font-size:56px}
#traditional-cafe-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-REGULAR.TTF)format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-SEMIBOLD.TTF)format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-BOLD.TTF)format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-EXTRABOLD.TTF)format("truetype");font-weight:800;font-display:swap}
#traditional-cafe-page{direction:rtl}
#traditional-cafe-page{color:#33291d;background:#fff;font-family:Vazirmatn,Tahoma,sans-serif}
#traditional-cafe-page .fanum-font,#traditional-cafe-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#traditional-cafe-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#traditional-cafe-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
#traditional-cafe-page .dir-rtl{direction:rtl}
#traditional-cafe-page .hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
#traditional-cafe-page .hide-scrollbar::-webkit-scrollbar{display:none}
#traditional-cafe-page .mb-safe{margin-bottom:env(safe-area-inset-bottom)}
@keyframes ring{0%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-12deg)}20%,40%,60%{transform:rotate(12deg)}70%{transform:rotate(0)}}
#traditional-cafe-page .phone-ring-animation{animation:2s ease-in-out infinite ring}
@keyframes pulse-alarm{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}
#traditional-cafe-page .alarm-animation{animation:1.5s ease-in-out infinite pulse-alarm}
@keyframes brand-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}
#traditional-cafe-page .brand-scroll-animation{animation:30s linear infinite brand-scroll}
#traditional-cafe-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,var(--nv) 60%,#1c1712 100%)}
#traditional-cafe-page >div>div.relative>div.absolute.inset-0.z-0>div{background:0 0}
@media (min-width:64rem){#traditional-cafe-page #images>div>div{padding-left:2.5rem;padding-right:2.5rem}
#traditional-cafe-page #images h2{margin-bottom:5rem}
#traditional-cafe-page #images [dir=rtl].w-full{flex-direction:row;justify-content:space-between;align-items:center;gap:2.5rem;display:flex}
#traditional-cafe-page #images [role=tablist]{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:43%;margin:0;padding:0;display:grid;overflow:visible}
#traditional-cafe-page #images [role=tablist]>div{margin:0}
#traditional-cafe-page #images [role=tab]{white-space:nowrap;color:var(--acc);width:100%;min-width:0;height:3rem;box-shadow:none;background:#fff;border:2px solid var(--acc);padding-left:.5rem;padding-right:.5rem;font-size:.9rem}
#traditional-cafe-page #images [role=tab][aria-selected=true]{color:#fff;background:var(--acc)}
#traditional-cafe-page #images [role=tab]:hover{background:var(--fa-soft)}
#traditional-cafe-page #images [role=tab][aria-selected=true]:hover{background:var(--acc)}
#traditional-cafe-page #images [dir=rtl].w-full>div.relative{flex:none;width:54%}
#traditional-cafe-page #images .flex-\[0_0_100\%\],#traditional-cafe-page #images .flex-\[0_0_100\%\]>div>div{padding:0}
#traditional-cafe-page #images .flex-\[0_0_100\%\]>div>div>div{background:#fff;border:3px solid var(--nv);border-radius:1rem;min-height:26rem}
#traditional-cafe-page #images img[data-nimg=fill]{object-fit:contain;padding:0}
#traditional-cafe-page #images button[aria-label=آیتم\ بعدی],#traditional-cafe-page #images button[aria-label=آیتم\ قبلی]{display:none}
#traditional-cafe-page #images button[aria-label=بزرگنمایی\ تصویر]{color:var(--nv);background:#fff;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:0 2px 8px #0003}}
#traditional-cafe-page .mt-12{margin-top:calc(var(--spacing) * 12)}
#traditional-cafe-page .mb-20{margin-bottom:calc(var(--spacing) * 20)}
#traditional-cafe-page .text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}
@media (hover:hover){#traditional-cafe-page .hover\:-translate-x-1:hover{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#traditional-cafe-page .hover\:opacity-90:hover{opacity:.9}}
@media (min-width:40rem){#traditional-cafe-page .sm\:order-1{order:1}
#traditional-cafe-page .sm\:order-2{order:2}
#traditional-cafe-page .sm\:justify-between{justify-content:space-between}
#traditional-cafe-page .sm\:py-7{padding-block:calc(var(--spacing) * 7)}}
@media (min-width:48rem){#traditional-cafe-page .md\:mt-0{margin-top:0}
#traditional-cafe-page .md\:mb-72{margin-bottom:calc(var(--spacing) * 72)}
#traditional-cafe-page .md\:justify-start{justify-content:flex-start}}
@media (min-width:64rem){#traditional-cafe-page .lg\:py-10{padding-block:calc(var(--spacing) * 10)}}

/* ===== صفحه «نرم افزار رستورانی تحت وب» — مسیر #web-restaurant =====
   طراحی و چیدمان همان صفحه‌ی اصلی تحت وب است؛ چارچوب، حاشیه‌ی راست/چپ سکشن‌ها، فونت Vazirmatn و رنگ‌ها
   مثل صفحه‌ی «اتوماسیون تغذیه» از پالت همین سایت (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند. */
#traditional-cafe-page{--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good);--color-orange-100:var(--fa-soft);--color-orange-300:var(--gold1)}
#traditional-cafe-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #traditional-cafe-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #traditional-cafe-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#traditional-cafe-page{--text-7xl:4.5rem;--text-7xl--line-height:1}
#traditional-cafe-page[hidden]{display:none}
html.is-web body>section:not(#mp-sec),html.is-web #nl-sec,html.is-web #cta-band,html.is-web .pgx{display:none!important}
#traditional-cafe-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#traditional-cafe-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#traditional-cafe-page .semibold-fanum-font,#traditional-cafe-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#traditional-cafe-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#traditional-cafe-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#traditional-cafe-page a{color:inherit;text-decoration:none}
#traditional-cafe-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#traditional-cafe-page input[type=checkbox]{accent-color:var(--gold1)}
#traditional-cafe-page .bg-white{background-color:var(--sec-alt)}
#traditional-cafe-page .text-black{color:var(--ink)}
#traditional-cafe-page .text-primary{color:var(--ink)}
#traditional-cafe-page .text-\[\#0A2745\]{color:var(--ink)}
#traditional-cafe-page .border-\[\#0A2745\]{border-color:var(--ink)}
#traditional-cafe-page .bg-primary.text-white,#traditional-cafe-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
@media (hover:hover){#traditional-cafe-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#traditional-cafe-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#traditional-cafe-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#traditional-cafe-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#traditional-cafe-page .faq-open svg{transition:transform .2s}
#traditional-cafe-page .no-scrollbar{scrollbar-width:none}
#traditional-cafe-page .no-scrollbar::-webkit-scrollbar{display:none}
#traditional-cafe-page .sol-toast{background:var(--nv);color:#f6ecd6;z-index:4000;text-align:center;border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#traditional-cafe-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#traditional-cafe-page .ab-menu.open{display:block}
#traditional-cafe-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#traditional-cafe-page .ab-menu button:hover,#traditional-cafe-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#traditional-cafe-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#traditional-cafe-page .ab-msg:empty{display:none}
#traditional-cafe-page .ab-msg.err{color:#ffb4aa}
/* هیرو: زمینه‌ی اسپرسو (به‌جای سرمه‌ای)، متن و دکمه‌ها مثل هیروی صفحه‌ی اتوماسیون تغذیه */
#traditional-cafe-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,#2b2118 60%,#1c1712 100%)}
#traditional-cafe-page >div>div.relative h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#traditional-cafe-page >div>div.relative h1 .text-\[\#FF4C00\]{color:var(--gold1,#d6b374)}
#traditional-cafe-page >div>div.relative h2{color:#efe4d2;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#traditional-cafe-page >div>div.relative p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#traditional-cafe-page >div>div.relative a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#traditional-cafe-page >div>div.relative a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#traditional-cafe-page >div>div.relative a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* نوار فهرست بخش‌ها: چسبان زیر هدر (مثل صفحه‌ی اتوماسیون تغذیه) */
#traditional-cafe-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#traditional-cafe-page #tc-toc{background:var(--acc)!important;position:sticky;top:var(--wb-top,0px);z-index:19;transition:box-shadow .25s}
#traditional-cafe-page #tc-toc.wb-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#traditional-cafe-page section[id^="wb-"]{scroll-margin-top:calc(var(--wb-top,0px) + var(--wb-bar,64px) + 10px)}
/* نظرات: فقط یک صفحه نظر در منبع وجود دارد؛ صفحه‌بندی بی‌اثر مخفی شد */
#traditional-cafe-page nav[aria-label="صفحه‌بندی"]{display:none}
/* ===== نمایش بزرگ تصویر مشابه صفحه‌ی اتوماسیون تغذیه: نام تب، فلش قبلی/بعدی، دکمه‌ی بستن ===== */
#traditional-cafe-page #tc-lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#traditional-cafe-page #tc-lightbox.open{display:flex}
#traditional-cafe-page #tc-lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#food-page .no-scrollbar{scrollbar-width:none}
#food-page .no-scrollbar::-webkit-scrollbar{display:none}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .faq-open svg{transition:transform .2s}
#food-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#food-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#food-page #service-menu.open{display:block}
#food-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#food-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#food-page .left-\[35\%\]{
    left: 35%;
  }
#food-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#food-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#food-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#food-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#food-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#food-page .min-h-screen{
    min-height: 100vh;
  }
#food-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#food-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#food-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#food-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#food-page .max-w-xl{
    max-width: var(--container-xl);
  }
#food-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#food-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .flex-wrap{
    flex-wrap: wrap;
  }
#food-page .justify-around{
    justify-content: space-around;
  }
#food-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#food-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#food-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#food-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#food-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#food-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#food-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#food-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#food-page .bg-ab-card{
    background-color: var(--card);
  }
#food-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#food-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#food-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#food-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#food-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#food-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#food-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#food-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#food-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#food-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#food-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#food-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#food-page .text-ab-cream{
    color: #f6ecd6;
  }
#food-page .text-ab-ink{
    color: var(--ink);
  }
#food-page .text-ab-mut{
    color: var(--mut);
  }
#food-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#food-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#food-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#food-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#food-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#food-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#food-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#food-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#food-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#food-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#food-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#food-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#food-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#food-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#food-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#food-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#food-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#food-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#food-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#food-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#food-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#food-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#food-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#food-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#food-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#food-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#food-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#food-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#food-page .lg\:h-\[550px\]{
      height: 550px;
    }
#food-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#food-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#food-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#food-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#food-page .xl\:h-auto{
      height: auto;
    }
#food-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#food-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#food-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#food-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#food-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#food-page .xl\:py-0{
      padding-block: 0px;
    }
#food-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#food-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#food-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#food-page .ab-menu.open{display:block}
#food-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#food-page .ab-menu button:hover,#food-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#food-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#food-page .ab-msg:empty{display:none}
#food-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#food-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#food-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#food-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#food-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#food-page .brand-scroll-animation{--g:5rem}}
#food-page .brand-scroll-animation:hover{animation-play-state:paused}
#food-page .brand-scroll-animation,#food-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#food-page *{transition:none!important}#food-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#food-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#food-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#food-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#food-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#food-page [id^=fa-]{scroll-margin-top:120px}
#food-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#food-page .semibold-fanum-font,#food-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#food-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#food-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#food-page a{color:inherit;text-decoration:none}
#food-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#food-page input[type=checkbox]{accent-color:var(--gold1)}
#food-page .bg-white{background-color:var(--sec-alt)}
#food-page .text-black{color:var(--ink)}
#food-page .text-\[\#0A2745\],#food-page .text-secondary{color:var(--ink)}
#food-page .bg-primary.text-white,#food-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#food-page .bg-secondary.text-white,#food-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#food-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#food-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#food-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .sol-toast{background:var(--nv);color:#f6ecd6}
#food-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#traditional-cafe-page #tc-lightbox img{background:var(--card)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#traditional-cafe-page #tc-lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#traditional-cafe-page #tc-lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#traditional-cafe-page #tc-lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#traditional-cafe-page #tc-lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#traditional-cafe-page #tc-lightbox .lb-x,#traditional-cafe-page #tc-lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#traditional-cafe-page #tc-lightbox .lb-x{top:14px;left:14px}
#traditional-cafe-page #tc-lightbox .lb-nav{top:50%;margin-top:-22px}
#traditional-cafe-page #tc-lightbox .lb-prev{right:14px}
#traditional-cafe-page #tc-lightbox .lb-next{left:14px}
#traditional-cafe-page #tc-lightbox .lb-x:hover,#traditional-cafe-page #tc-lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#traditional-cafe-page #tc-lightbox .lb-x:focus-visible,#traditional-cafe-page #tc-lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #traditional-cafe-page #tc-lightbox{padding:60px 12px 84px}
 #traditional-cafe-page #tc-lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #traditional-cafe-page #tc-lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #traditional-cafe-page #tc-lightbox .lb-prev{right:16px}
 #traditional-cafe-page #tc-lightbox .lb-next{left:16px}
 #traditional-cafe-page #tc-lightbox figcaption{max-width:calc(100vw - 150px)}}
@media (prefers-reduced-motion:reduce){#traditional-cafe-page *{transition:none!important}}

/* حاشیه‌ی راست/چپ یکسان همه‌ی سکشن‌ها مثل صفحه‌ی اتوماسیون تغذیه */
#traditional-cafe-page{--wb-px:clamp(1rem,4vw + .5rem,9rem)}
@media(min-width:96rem){#traditional-cafe-page{--wb-px:clamp(2rem,12vw + 20rem,16rem)}}
#traditional-cafe-page >div>div.relative{border-radius:0 0 48px 48px}
#traditional-cafe-page #tc-packages>div.flex:not(.pr-first){padding-inline:var(--wb-px)}
/* پکیج‌ها: هم‌رنگ و هم‌استایل تب اول صفحه قیمت‌ها */
#traditional-cafe-page #tc-packages{--color-secondary:var(--nv)}
#traditional-cafe-page #tc-packages .text-secondary{color:var(--ink)}
#traditional-cafe-page #tc-packages .bg-white{background-color:var(--sec-alt)}
#traditional-cafe-page #tc-packages .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
@media (hover:hover){
#traditional-cafe-page #tc-packages .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}
#traditional-cafe-page #tc-packages .group-hover\:border-\[\#0A2745\]:is(:where(.group):hover *){border-color:var(--ink)}
#traditional-cafe-page #tc-packages .group-hover\:text-\[\#0A2745\]:is(:where(.group):hover *){color:var(--ink)}
#traditional-cafe-page #tc-packages .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px rgba(43,33,24,.22), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page #tc-packages .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px rgba(43,33,24,.28), 0 10px 0 0 var(--ink), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#traditional-cafe-page #tc-packages .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]:is(:where(.group):hover *){--tw-shadow:0 8px 24px color-mix(in srgb,var(--acc) 38%,transparent);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
}
@media (min-width:48rem){#traditional-cafe-page .md\:p-24{padding:calc(var(--spacing) * 24)}}
#traditional-cafe-page #tc-pro-features article{padding-inline:var(--wb-px)}
#traditional-cafe-page #tc-pro-features article>div{padding-inline:0!important}
#traditional-cafe-page #tc-images .flex-\[0_0_100\%\]{padding:0}
#traditional-cafe-page #tc-images .flex-\[0_0_100\%\] .p-2{padding:0}
#traditional-cafe-page #tc-modules .CONTENT_CLASSES{padding-inline:0!important;margin-inline:0!important;max-width:none!important}
#traditional-cafe-page #tc-modules>div>div{padding-inline:var(--wb-px)}

/* نمایی از محیط کاربری: تصویر در سمت چپ + دکمه‌های دو‌ستونه در سمت راست */
#traditional-cafe-page .wb-gal{display:flex;flex-direction:row;align-items:center;gap:clamp(20px,3vw,48px);width:100%}
#traditional-cafe-page .wb-tabs{flex:0 0 42%;display:grid;grid-template-columns:1fr 1fr;gap:14px}
#traditional-cafe-page .wb-tab{cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:10px 14px;border:2px solid var(--nv);border-radius:999px;background:transparent;color:var(--ink);font-size:clamp(13px,1.05vw,17px);line-height:1.6;transition:background .2s,color .2s,box-shadow .2s}
#traditional-cafe-page .wb-tab:hover{background:color-mix(in srgb,var(--nv) 10%,transparent)}
#traditional-cafe-page .wb-tab[aria-selected=true]{background:var(--nv);color:#f6ecd6;box-shadow:0 8px 22px -10px var(--nv)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #traditional-cafe-page .wb-tab{border-color:var(--line)}:root:not([data-theme="light"]) #traditional-cafe-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}}
:root[data-theme="dark"] #traditional-cafe-page .wb-tab{border-color:var(--line)}
:root[data-theme="dark"] #traditional-cafe-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}
#traditional-cafe-page .wb-stage{position:relative;flex:1 1 0;min-width:0;aspect-ratio:16/9.6;background:transparent;border:0;border-radius:0;overflow:hidden}
#traditional-cafe-page .wb-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:0}
#traditional-cafe-page .wb-zoom{position:absolute;top:10px;right:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;font-size:26px;line-height:1;color:#0A2745;background:#fff;border:1px solid rgba(10,39,69,.18);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;transition:opacity .2s,transform .2s}
#traditional-cafe-page .wb-zoom:hover{opacity:.85;transform:scale(1.06)}
#traditional-cafe-page .wb-zoom:focus-visible{outline:2px solid #d6b374;outline-offset:2px}
@media(max-width:900px){#traditional-cafe-page .wb-gal{flex-direction:column-reverse;align-items:stretch}#traditional-cafe-page .wb-stage{flex:none;width:100%}#traditional-cafe-page .wb-tabs{flex:none}#traditional-cafe-page .wb-tab{min-height:46px;padding:8px 10px}}
#traditional-cafe-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#traditional-cafe-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#traditional-cafe-page .bg-ab-card{
    background-color: var(--card);
  }
#traditional-cafe-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#traditional-cafe-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#traditional-cafe-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#traditional-cafe-page .text-ab-cream{
    color: #f6ecd6;
  }
#traditional-cafe-page .text-ab-ink{
    color: var(--ink);
  }
#traditional-cafe-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#traditional-cafe-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#traditional-cafe-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#traditional-cafe-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#traditional-cafe-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#traditional-cafe-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#traditional-cafe-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#traditional-cafe-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#traditional-cafe-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#traditional-cafe-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#traditional-cafe-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#traditional-cafe-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#traditional-cafe-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#traditional-cafe-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#traditional-cafe-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#traditional-cafe-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#traditional-cafe-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#traditional-cafe-page .bg-ab-card{
    background-color: var(--card);
  }
#traditional-cafe-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#traditional-cafe-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#traditional-cafe-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#traditional-cafe-page .text-ab-cream{
    color: #f6ecd6;
  }
#traditional-cafe-page .text-ab-ink{
    color: var(--ink);
  }
#traditional-cafe-page .text-ab-mut{
    color: var(--mut);
  }
#traditional-cafe-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#traditional-cafe-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#traditional-cafe-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#traditional-cafe-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#traditional-cafe-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#traditional-cafe-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#traditional-cafe-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#traditional-cafe-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#traditional-cafe-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#traditional-cafe-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#traditional-cafe-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#traditional-cafe-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#traditional-cafe-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#traditional-cafe-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#traditional-cafe-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#traditional-cafe-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#traditional-cafe-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#traditional-cafe-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#traditional-cafe-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }

#traditional-cafe-page .bg-ab-gold\/45:focus,#traditional-cafe-page .focus\:bg-ab-gold\/45:focus{background-color:color-mix(in oklab,#d6b374 45%,transparent)}
#traditional-cafe-page .app-actions{gap:14px;flex-wrap:wrap}
#traditional-cafe-page .app-dl{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.5rem;border-radius:999px;background:var(--acc);color:var(--on-acc,#fff);font-size:clamp(13px,1.1vw,18px);transition:transform .25s,box-shadow .25s}
#traditional-cafe-page .app-dl:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--acc)}
#traditional-cafe-page section[aria-label="اعلان نسخه اندروید نرم‌افزار رستوران سول"]{margin-bottom:0}
#traditional-cafe-page section.md\:mb-72{margin-bottom:0!important}
#traditional-cafe-page section.md\:mb-72{margin-top:-44px!important}
@media(min-width:48rem){#traditional-cafe-page section.md\:mb-72{margin-top:-86px!important}}
@media(min-width:80rem){#traditional-cafe-page section.md\:mb-72{margin-top:-194px!important}}
@media(min-width:96rem){#traditional-cafe-page section.md\:mb-72{margin-top:-210px!important}}
/* فاصله‌ی نوار قرمز: هم‌اندازه‌ی اون توی صفحه‌ی اتوماسیون تغذیه (--fa-gap) */
#traditional-cafe-page{--fa-gap:clamp(12px,1.8vw,24px)}
#traditional-cafe-page #tc-toc{margin-top:var(--fa-gap)!important}
#traditional-cafe-page #tc-toc + section{margin-top:var(--fa-gap)!important;padding-top:6rem}
#traditional-cafe-page #tc-toc + section>div>div>h2:first-child{margin-top:0!important}
/* امکانات: رنگ عنوان کارت‌ها مثل صفحه ویندوزی */
#traditional-cafe-page #tc-features-list .text-secondary{color:var(--ink)}
/* ===== هایلایت قابلیت آفلاین در هیروی صفحه وب ===== */
@media(min-width:64rem){#traditional-cafe-page>div>div.relative{height:auto;min-height:calc(var(--spacing)*194);padding-bottom:204px}}
@media(min-width:80rem){#traditional-cafe-page>div>div.relative{padding-bottom:312px}}
@media(min-width:96rem){#traditional-cafe-page>div>div.relative{padding-bottom:328px}}
#traditional-cafe-page .ofl{position:relative;isolation:isolate;overflow:hidden;direction:rtl;width:min(100%,1180px);margin:clamp(14px,2vw,26px) auto 0;padding:clamp(18px,2vw,28px) clamp(18px,2.6vw,38px);border-radius:28px;color:#fff;text-align:right;display:flex;align-items:center;gap:clamp(16px,2.4vw,34px);background:linear-gradient(120deg,#7d1f19 0%,#b3342b 52%,#7d1f19 100%);border:2px solid var(--gold1,#d6b374);box-shadow:0 24px 50px -18px rgba(0,0,0,.75),0 0 0 7px rgba(227,194,138,.14);animation:ofl-in .9s .3s both cubic-bezier(.2,.8,.2,1)}
#traditional-cafe-page .ofl:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 14px,transparent 14px 28px)}
#traditional-cafe-page .ofl:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,236,190,.28) 50%,transparent 62%);transform:translateX(-130%);animation:ofl-sw 5s ease-in-out infinite}
#traditional-cafe-page .ofl-ic{position:relative;flex:none;width:clamp(64px,6.4vw,92px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.28);border:2px solid rgba(251,230,174,.7)}
#traditional-cafe-page .ofl-ic:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(251,230,174,.55);animation:ofl-p 2.4s ease-out infinite}
#traditional-cafe-page .ofl-ic svg{width:56%;height:56%}
#traditional-cafe-page .ofl-ok{position:absolute;bottom:-4px;left:-4px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:900;color:#fff;background:#2f9e5b;border:3px solid #7d1f19}
#traditional-cafe-page .ofl-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}
#traditional-cafe-page .ofl-k{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;font-size:13px;font-weight:800;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f)}
#traditional-cafe-page .ofl-k i{width:8px;height:8px;border-radius:50%;background:#b3342b;animation:ofl-d 1.4s ease-in-out infinite}
#traditional-cafe-page .ofl-h{margin:0;font-weight:900;font-size:clamp(20px,2.3vw,36px);line-height:1.45;color:#fff}
#traditional-cafe-page .ofl-p{margin:0;font-weight:500;font-size:clamp(13px,1.2vw,17px);line-height:1.9;color:#fbe9d0}
#traditional-cafe-page .ofl-ch{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
#traditional-cafe-page .ofl-ch li{padding:4px 13px;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:700;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}
#traditional-cafe-page .ofl-go{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:290px;padding:14px 26px;border-radius:999px;font-size:clamp(14px,1.2vw,17px);font-weight:900;line-height:1.6;text-align:center;text-decoration:none;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f);box-shadow:0 12px 26px -8px rgba(0,0,0,.6);transition:transform .2s,filter .2s}
#traditional-cafe-page .ofl-go:hover{transform:translateY(-2px);filter:brightness(1.06)}
#traditional-cafe-page .ofl-go:focus-visible{outline:3px solid #fff;outline-offset:3px}
#traditional-cafe-page .ofl-go svg{flex:none;width:20px;height:20px;transition:transform .25s}
#traditional-cafe-page .ofl-go:hover svg{transform:translateX(-5px)}
@keyframes ofl-in{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ofl-sw{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@keyframes ofl-p{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.28);opacity:0}}
@keyframes ofl-d{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:860px){#traditional-cafe-page .ofl{flex-direction:column;text-align:center;border-radius:24px}#traditional-cafe-page .ofl-k{align-self:center}#traditional-cafe-page .ofl-ch{justify-content:center}#traditional-cafe-page .ofl-go{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){#traditional-cafe-page .ofl,#traditional-cafe-page .ofl:after,#traditional-cafe-page .ofl-ic:before,#traditional-cafe-page .ofl-k i{animation:none}}
#traditional-cafe-page #tc-toc>div>.lg\:-mt-32{margin-top:0!important}
#traditional-cafe-page #tc-modules a.group{color:inherit;text-decoration:none}

/* امکانات حرفه‌ای: تصویر چسبیده به لبه‌ی صفحه (مارجین صفر)، متن با مارجین استاندارد، ارتفاع هر بخش = یک ویو */
#traditional-cafe-page #tc-pro-features{--pf-h:clamp(360px,calc(100svh - 190px),780px)}
#traditional-cafe-page #tc-pro-features article{box-sizing:border-box;padding-inline:0!important;overflow:hidden}
#traditional-cafe-page #tc-pro-features article>div{margin-inline:0!important;min-width:0}
#traditional-cafe-page #tc-pro-features article>div:first-child{padding:0!important}
#traditional-cafe-page #tc-pro-features article>div:first-child>.relative{translate:none!important;margin:0!important;width:100%}
#traditional-cafe-page #tc-pro-features article>div:first-child img{object-fit:contain!important}
#traditional-cafe-page #tc-pro-features article>div:last-child{padding-inline:var(--wb-px)!important}
@media(min-width:1024px){
 #traditional-cafe-page #tc-pro-features article{display:flex;flex-direction:row;align-items:center;margin-top:clamp(20px,4vh,48px)!important;min-height:var(--pf-h)}
 #traditional-cafe-page #tc-pro-features article>div:first-child{flex:0 0 min(60%,calc(var(--pf-h)*1.3334));width:min(60%,calc(var(--pf-h)*1.3334))!important;max-width:none}
 #traditional-cafe-page #tc-pro-features article>div:first-child>.relative{aspect-ratio:auto!important;min-height:0!important;height:min(var(--pf-h),calc(60vw*.75))}
 #traditional-cafe-page #tc-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:first-child img{object-position:left center}
 #traditional-cafe-page #tc-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:first-child img{object-position:right center}
 #traditional-cafe-page #tc-pro-features article>div:last-child{flex:1 1 0;width:auto!important;max-width:none}
 #traditional-cafe-page #tc-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:last-child{padding-left:clamp(16px,2vw,40px)!important;padding-right:var(--wb-px)!important}
 #traditional-cafe-page #tc-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:last-child{padding-right:clamp(16px,2vw,40px)!important;padding-left:var(--wb-px)!important}
 /* فشرده‌سازی متن تا ارتفاع در یک ویو جا شود */
 #traditional-cafe-page #tc-pro-features article>div:last-child{padding-top:0!important}
 #traditional-cafe-page #tc-pro-features article h3{margin-bottom:clamp(6px,1.4vh,18px)!important;font-size:clamp(17px,2.6vh,26px)!important}
 #traditional-cafe-page #tc-pro-features article h3>span:first-child{font-size:clamp(48px,10vh,100px)!important;line-height:1}
 #traditional-cafe-page #tc-pro-features article ul{font-size:clamp(11px,1.7vh,15px)!important}
 #traditional-cafe-page #tc-pro-features article ul>li+li{margin-top:clamp(4px,1vh,11px)!important}
}
/* رنگ‌های نارنجی (با شفافیت) در این سکشن → رنگ اصلی سایت */
#traditional-cafe-page #tc-pro-features .text-\[\#FF4C00\]\/30{color:color-mix(in srgb,var(--acc) 30%,transparent)}
#traditional-cafe-page #tc-pro-features .bg-\[\#FF4C00\]\/10,#traditional-cafe-page #tc-pro-features .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:color-mix(in srgb,var(--acc) 10%,transparent)}
#traditional-cafe-page #tc-pro-features .bg-\[\#FF4C00\]\/20{background-color:color-mix(in srgb,var(--acc) 20%,transparent)}
#traditional-cafe-page #tc-pro-features .border-\[\#FF4C00\]\/20,#traditional-cafe-page #tc-pro-features .hover\:border-\[\#FF4C00\]\/30:hover{border-color:color-mix(in srgb,var(--acc) 25%,transparent)}
#traditional-cafe-page #tc-pro-features [class*="FF4C00"]{--tw-shadow-color:color-mix(in srgb,var(--acc) 40%,transparent)}

/* تصاویر ویژگی‌های حرفه‌ای: قاب دستگاه + کارت + دایره‌ی هم‌رنگ سایت */
#traditional-cafe-page #tc-pro-features .pf-art{position:absolute;inset:0}
#traditional-cafe-page #tc-pro-features .pf-circle{position:absolute;width:56%;aspect-ratio:1;border-radius:50%;top:0;background:var(--acc);z-index:0}
#traditional-cafe-page #tc-pro-features .pf-dev{position:absolute;z-index:1;top:8%;width:94%;aspect-ratio:3148/2244;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
#traditional-cafe-page #tc-pro-features .pf-dev img{display:block;width:100%;height:100%;object-fit:contain!important;position:static!important}
#traditional-cafe-page #tc-pro-features .pf-pop{position:absolute;z-index:2;bottom:2%;max-width:80%;height:auto;object-fit:contain!important}
#traditional-cafe-page #tc-pro-features .pf-L .pf-dev{left:-5%}
#traditional-cafe-page #tc-pro-features .pf-L .pf-circle{right:2%}
#traditional-cafe-page #tc-pro-features .pf-L .pf-pop{right:3%}
#traditional-cafe-page #tc-pro-features .pf-R .pf-dev{right:-5%}
#traditional-cafe-page #tc-pro-features .pf-R .pf-circle{left:2%}
#traditional-cafe-page #tc-pro-features .pf-R .pf-pop{left:3%}


#traditional-cafe-page .vx-sec{--d:clamp(240px,27vw,400px);border-top:1px dashed var(--gold2);text-align:center}
#traditional-cafe-page .vx-cmp{display:inline-block;padding:5px 16px;border:1px dashed var(--gold2);border-radius:999px;font-size:13px;font-weight:800;color:var(--goldtxt)}
#traditional-cafe-page .vx-hd h2{margin:.5em 0 0;font-size:clamp(26px,3.4vw,52px);line-height:1.5;font-weight:800;color:var(--hn)}
#traditional-cafe-page .vx-hd h2 em{font-style:normal;background:linear-gradient(90deg,var(--gold2),var(--gold1));-webkit-background-clip:text;background-clip:text;color:transparent}
#traditional-cafe-page .vx-hd p{margin:.4em auto 0;max-width:46ch;font-size:clamp(14px,1.1vw,16px);line-height:2;color:var(--mut)}
#traditional-cafe-page .vx-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(16px,2vw,30px) clamp(16px,2vw,30px);margin-top:clamp(20px,2.5vw,40px);align-items:stretch}
#traditional-cafe-page .vx-card{position:relative;display:flex;flex-direction:column;margin-top:calc(var(--d)*.46);border-radius:36px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
#traditional-cafe-page .vx-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),color-mix(in srgb,var(--gold2) 16%,transparent) 0 1px,transparent 1px 34px)}
#traditional-cafe-page .vx-web{color:#f6ecd9;border-color:rgba(214,179,116,.3);background:linear-gradient(160deg,#3d2e1f,#2a2018);box-shadow:var(--shadow)}
#traditional-cafe-page .vx-web:before{background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),rgba(246,236,217,.06) 0 1px,transparent 1px 34px)}
#traditional-cafe-page .vx-media{position:relative;z-index:1;width:var(--d);aspect-ratio:1;margin:calc(var(--d)*-.46) auto 0}
#traditional-cafe-page .vx-ph{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 clamp(3px,.45vw,6px) rgba(214,179,116,.55),0 30px 60px -26px rgba(40,26,10,.65)}
#traditional-cafe-page .vx-ring{position:absolute;inset:-5%;border-radius:50%;border:1.5px solid rgba(214,179,116,.5);pointer-events:none}
#traditional-cafe-page .vx-ring:after{content:"";position:absolute;bottom:3%;left:14%;width:9px;height:9px;border-radius:50%;background:var(--gold1);box-shadow:0 0 14px var(--gold1)}
#traditional-cafe-page .vx-chip,#traditional-cafe-page .vx-mini{position:absolute;z-index:2;display:flex;align-items:center;gap:.6em;color:var(--ink);background:var(--card);border:1px solid var(--line);box-shadow:0 14px 30px -14px rgba(60,40,10,.45)}
#traditional-cafe-page .vx-web .vx-chip,#traditional-cafe-page .vx-web .vx-mini{color:#f6ecd9;background:rgba(30,22,15,.62);border-color:rgba(246,236,217,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
#traditional-cafe-page .vx-chip{left:-7%;top:58%;padding:.6em 1.2em;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:800;white-space:nowrap}
#traditional-cafe-page .vx-chip svg{width:1.3em;height:1.3em;flex:none;color:var(--gold2)}
#traditional-cafe-page .vx-web .vx-chip svg{color:#e3c28a}
#traditional-cafe-page .vx-mini{right:-4%;bottom:5%;flex-direction:column;align-items:stretch;gap:0;min-width:128px;padding:12px 16px;border-radius:20px;text-align:start;font-size:clamp(11px,.95vw,13px)}
#traditional-cafe-page .vx-mini small{font-weight:700;opacity:.9}
#traditional-cafe-page .vx-mini b{margin-top:4px;color:var(--leaf);font-size:1.1em}
#traditional-cafe-page .vx-bars{display:flex;align-items:flex-end;gap:5px;height:32px;margin-top:9px;direction:ltr}
#traditional-cafe-page .vx-bars i{flex:1;height:var(--h);border-radius:3px;background:linear-gradient(180deg,#d6e8b8,#7fa560);transform-origin:bottom}
#traditional-cafe-page .vx-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;padding:clamp(20px,2vw,30px) clamp(20px,2.8vw,48px) clamp(26px,2.8vw,44px)}
#traditional-cafe-page .vx-body .vx-t{margin:0;font-size:clamp(24px,2.4vw,38px);font-weight:800;line-height:1.5;color:var(--hn)}
#traditional-cafe-page .vx-web .vx-t{color:#fff6e4}
#traditional-cafe-page .vx-sub{margin:.1em 0 .9em;font-size:clamp(17px,1.6vw,24px);font-weight:700;line-height:1.6;color:var(--goldtxt)}
#traditional-cafe-page .vx-web .vx-sub{color:#e3c28a}
#traditional-cafe-page .vx-desc{margin:0 auto 1em;max-width:58ch;font-size:clamp(14px,1.08vw,16.5px);line-height:2.15;color:var(--ink)}
#traditional-cafe-page .vx-web .vx-desc{color:rgba(246,236,217,.86)}
#traditional-cafe-page .vx-aud{display:inline-flex;align-items:center;gap:10px;margin:0 auto 1.6em;padding:9px 18px 9px 20px;border-radius:999px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 28%,transparent)}
#traditional-cafe-page .vx-web .vx-aud{background:rgba(214,179,116,.12);border-color:rgba(214,179,116,.3)}
#traditional-cafe-page .vx-aud svg{width:19px;height:19px;flex:none;color:var(--leaf)}
#traditional-cafe-page .vx-web .vx-aud svg{color:#e3c28a}
#traditional-cafe-page .vx-vl{display:flex;align-items:center;gap:14px;margin:0 auto .9em;width:min(100%,460px);font-size:13.5px;font-weight:800;color:var(--leaf)}
#traditional-cafe-page .vx-vl:before,#traditional-cafe-page .vx-vl:after{content:"";flex:1;height:1px;background:currentColor;opacity:.3}
#traditional-cafe-page .vx-web .vx-vl{color:#a4c27f}
#traditional-cafe-page .vx-ft{list-style:none;margin:0 auto 1.8em;padding:0;width:min(100%,460px);display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;text-align:start}
#traditional-cafe-page .vx-ft li{display:flex;align-items:center;gap:10px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700}
#traditional-cafe-page .vx-ft svg{flex:none;width:24px;height:24px;padding:5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#traditional-cafe-page .vx-web .vx-ft svg{color:#a4c27f;background:rgba(164,194,127,.2)}
#traditional-cafe-page .vx-ft .vx-star{grid-column:1/-1;padding:10px 16px;border-radius:16px;font-weight:800;color:#1c1712;background:linear-gradient(135deg,#e3c28a,#b58a45);box-shadow:0 10px 22px -12px #b58a45}
#traditional-cafe-page .vx-ft .vx-star svg{width:26px;height:26px;padding:4px;color:#e3c28a;background:#1c1712}
#traditional-cafe-page .vx-ft .vx-star em{margin-inline-start:auto;font-style:normal;font-size:.8em;padding:2px 10px;border-radius:999px;background:#1c1712;color:#e3c28a}
#traditional-cafe-page .vx-act{margin-top:auto;display:flex;flex-direction:column;gap:12px}
#traditional-cafe-page .vx-act a{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border-radius:999px;border:2px solid var(--acc);font-size:15px;font-weight:800;line-height:1.7;transition:transform .2s,filter .2s,background .2s,color .2s}
#traditional-cafe-page .vx-b1{background:var(--acc);color:var(--on-acc)}
#traditional-cafe-page .vx-b1:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 22px -10px var(--acc)}
#traditional-cafe-page .vx-b2{border-color:var(--gold2)!important;color:var(--goldtxt)}
#traditional-cafe-page .vx-b2:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#traditional-cafe-page .vx-web .vx-b2{border-color:#e3c28a!important;color:#e3c28a}
#traditional-cafe-page .vx-web .vx-b2:hover{color:#1c1712}
#traditional-cafe-page .vx-new{padding:1px 10px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:11.5px;line-height:1.8}
#traditional-cafe-page .vx-web .vx-b2:hover .vx-new{background:#1c1712;color:#e3c28a}
#traditional-cafe-page .vx-act a:focus-visible{outline:3px solid var(--gold1);outline-offset:3px}
#traditional-cafe-page .vx-ready .vx-media{opacity:0;transform:translateY(48px) scale(.94);transition:opacity .9s,transform 1.1s cubic-bezier(.2,.8,.2,1)}
#traditional-cafe-page .vx-ready .vx-card:nth-child(2) .vx-media{transition-delay:.18s}
#traditional-cafe-page .vx-ready .vx-chip,#traditional-cafe-page .vx-ready .vx-mini{opacity:0;transition:opacity .7s .7s}
#traditional-cafe-page .vx-ready .vx-bars i{transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.8,.2,1) calc(.9s + var(--d2,0s))}
#traditional-cafe-page .vx-ready .vx-card.in .vx-media,#traditional-cafe-page .vx-ready .vx-card.in .vx-chip,#traditional-cafe-page .vx-ready .vx-card.in .vx-mini{opacity:1;transform:none}
#traditional-cafe-page .vx-ready .vx-card.in .vx-bars i{transform:none}
@media(max-width:1000px){#traditional-cafe-page .vx-sec{--d:clamp(230px,56vw,380px)}
#traditional-cafe-page .vx-grid{grid-template-columns:1fr}}
@media(max-width:560px){#traditional-cafe-page .vx-mini{display:none}
#traditional-cafe-page .vx-ft{grid-template-columns:1fr}
#traditional-cafe-page .vx-card{border-radius:28px}}
@media(prefers-reduced-motion:reduce){#traditional-cafe-page .vx-ready .vx-media,#traditional-cafe-page .vx-ready .vx-chip,#traditional-cafe-page .vx-ready .vx-mini,#traditional-cafe-page .vx-ready .vx-bars i,#traditional-cafe-page .vx-act a{transition:none}}
@media(min-width:1001px){#traditional-cafe-page .vx-sec{--d:clamp(230px,min(33vh,26vw),420px)}}
#traditional-cafe-page .vx-card{margin-top:calc(var(--d)*.44);border-radius:30px}
#traditional-cafe-page .vx-media{margin-top:calc(var(--d)*-.44)}
#traditional-cafe-page .vx-cmp{padding:3px 14px;font-size:12px}
#traditional-cafe-page .vx-hd h2{margin:.25em 0 0;font-size:clamp(22px,2.3vw,36px);line-height:1.4}
#traditional-cafe-page .vx-hd p{display:none}
#traditional-cafe-page .vx-grid{margin-top:clamp(6px,1.2vh,14px);gap:clamp(14px,1.6vw,24px)}
#traditional-cafe-page .vx-chip{left:-13%;top:50%;padding:.5em 1em}
#traditional-cafe-page .vx-mini{right:-9%;bottom:-3%;min-width:108px;padding:9px 12px}
#traditional-cafe-page .vx-body{padding:clamp(12px,1.6vh,18px) clamp(18px,2.4vw,36px) clamp(18px,2.4vh,26px)}
#traditional-cafe-page .vx-body .vx-t{font-size:clamp(20px,1.9vw,29px);line-height:1.4}
#traditional-cafe-page .vx-sub{margin:0 0 .5em;font-size:clamp(15px,1.25vw,19px);line-height:1.5}
#traditional-cafe-page .vx-desc{margin-bottom:.7em;font-size:clamp(13px,.95vw,14.5px);line-height:1.95}
#traditional-cafe-page .vx-aud{margin-bottom:1em;padding:6px 16px 6px 18px;font-size:13px}
#traditional-cafe-page .vx-aud svg{width:17px;height:17px}
#traditional-cafe-page .vx-vl{margin-bottom:.6em;font-size:12.5px}
#traditional-cafe-page .vx-ft{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-bottom:1.1em}
#traditional-cafe-page .vx-ft li{padding:5px 14px 5px 10px;border-radius:999px;font-size:13.5px;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 26%,transparent)}
#traditional-cafe-page .vx-web .vx-ft li{background:rgba(164,194,127,.12);border-color:rgba(164,194,127,.28)}
#traditional-cafe-page .vx-ft svg{width:20px;height:20px;padding:4px}
#traditional-cafe-page .vx-web .vx-ft .vx-star,#traditional-cafe-page .vx-ft .vx-star{flex:1 1 100%;max-width:340px;padding:7px 14px;border:0;background:linear-gradient(135deg,#e3c28a,#b58a45)}
#traditional-cafe-page .vx-web .vx-ft .vx-star svg,#traditional-cafe-page .vx-ft .vx-star svg{width:22px;height:22px;color:#e3c28a;background:#1c1712}
#traditional-cafe-page .vx-act{gap:8px}
#traditional-cafe-page .vx-act a{padding:10px 20px;font-size:14px}
#traditional-cafe-page .vx-desc{max-width:84ch}
#traditional-cafe-page .vx-act{flex-direction:row;flex-wrap:wrap;justify-content:center}
#traditional-cafe-page .vx-act a{flex:1 1 auto;padding:10px 16px;font-size:13.5px}
#traditional-cafe-page .vx-chip{font-size:clamp(12px,.9vw,14px)}
#traditional-cafe-page .vx-chip,#traditional-cafe-page .vx-mini{display:none!important}
@keyframes vx-spin{to{rotate:360deg}}
@keyframes vx-pulse{0%{transform:scale(.97);opacity:.55}100%{transform:scale(1.2);opacity:0}}
#traditional-cafe-page .vx-ring{inset:-6%;border:1.5px dashed rgba(227,194,138,.6);animation:vx-spin 50s linear infinite}
#traditional-cafe-page .vx-win .vx-ring{border-color:color-mix(in srgb,var(--gold2) 65%,transparent)}
#traditional-cafe-page .vx-ring:before{content:"";position:absolute;inset:-2px;border-radius:50%;
background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold1) 30%,transparent) 78%,#f3d9a0 100%);
-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
animation:vx-spin 6s linear infinite reverse}
#traditional-cafe-page .vx-win .vx-ring:before{background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold2) 35%,transparent) 78%,var(--gold2) 100%)}
#traditional-cafe-page .vx-ring:after{bottom:auto;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;background:#f3d9a0;box-shadow:0 0 0 4px rgba(227,194,138,.2),0 0 16px 2px var(--gold1)}
#traditional-cafe-page .vx-media:after{content:"";position:absolute;inset:-6%;border-radius:50%;border:1.5px solid var(--gold1);pointer-events:none;animation:vx-pulse 4.2s cubic-bezier(.2,.6,.3,1) infinite}
#traditional-cafe-page .vx-card:nth-child(2) .vx-media:after{animation-delay:2.1s}
#traditional-cafe-page .vx-card:hover .vx-ring{animation-duration:14s}
@media(prefers-reduced-motion:reduce){#traditional-cafe-page .vx-ring,#traditional-cafe-page .vx-ring:before,#traditional-cafe-page .vx-media:after{animation:none}}

#traditional-cafe-page .vx-sec{border-top:0}
#traditional-cafe-page .vx-ph{overflow:hidden;background:var(--bg2)}
#traditional-cafe-page .vx-win .vx-ph{background:var(--card)}
#traditional-cafe-page .vx-rec{position:absolute;z-index:3;top:18px;left:22px;padding:4px 16px;border-radius:999px;border:1.5px solid var(--gold1);background:rgba(28,23,18,.55);color:#e3c28a;font-size:13px;font-weight:800;backdrop-filter:blur(8px)}
#traditional-cafe-page .vx-pre{margin:0 auto;max-width:42rem;padding-inline:1rem;text-align:center;font-size:.875rem;line-height:1.9;color:var(--mut)}
@media(min-width:64rem){#traditional-cafe-page .vx-pre{font-size:1rem}}
#traditional-cafe-page .vx-sec{margin-top:clamp(12px,2vw,28px)}
#traditional-cafe-page a.vx-b2[href="#"]{cursor:pointer}
html.is-tc body>section:not(#mp-sec),html.is-tc #nl-sec,html.is-tc #cta-band,html.is-tc .pgx,html.is-tc #hk-cards{display:none!important}


@media(min-width:1024px){#traditional-cafe-page #tc-images h2{max-width:none;white-space:nowrap;font-size:min(48px,3.86vw)}}

#tc-versions .cv-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto repeat(10,auto) auto;column-gap:clamp(12px,2vw,28px);width:100%}
#tc-versions .cv-card{position:relative;grid-row:1/span 13;display:grid;grid-template-rows:subgrid;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
#tc-versions .cv-web{border:1.5px solid var(--gold2)}
#tc-versions .cv-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:clamp(8px,1.4vh,14px) 18px 2px}
#tc-versions .cv-t{font-weight:800;line-height:1.4;font-size:clamp(16px,2.3vh,23px);color:var(--hn,var(--ink))}
#tc-versions .cv-rec{order:2;flex:none;font-size:12px;font-weight:800;padding:3px 12px;border-radius:999px;background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#tc-versions .cv-d{margin:0;padding:0 20px clamp(6px,1.2vh,12px);font-size:clamp(12px,1.6vh,14px);line-height:1.7;color:color-mix(in srgb,var(--ink) 82%,var(--mut))}
#tc-versions .cv-c{display:flex;align-items:center;gap:10px;padding:clamp(3px,.55vh,7px) 18px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);font-size:clamp(12px,1.6vh,14.5px);line-height:1.6}
#tc-versions .cv-tx{display:flex;flex-direction:column}
#tc-versions .cv-tx b{font-weight:700}
#tc-versions .cv-tx small{font-size:.85em;opacity:.75}
#tc-versions .cv-ck{flex:none;width:20px;height:20px;padding:3.5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#tc-versions .cv-star{background:color-mix(in srgb,var(--gold1) 20%,transparent);font-weight:800}
#tc-versions .cv-off{background:color-mix(in srgb,var(--mut) 6%,transparent)}
#tc-versions .cv-no{width:100%;text-align:center;color:var(--mut);opacity:.6}
#tc-versions .cv-act{display:flex;gap:10px;padding:clamp(7px,1.1vh,12px) 18px clamp(8px,1.4vh,14px);border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
#tc-versions .cv-act a{flex:1;text-align:center;font-weight:700;font-size:clamp(12.5px,1.7vh,14.5px);padding:clamp(6px,1vh,10px) 12px;border-radius:999px;transition:transform .2s,filter .2s}
#tc-versions .cv-b1{background:var(--acc);color:var(--on-acc)}
#tc-versions .cv-b2{border:1.5px solid var(--gold2);color:var(--goldtxt)}
#tc-versions .cv-act a:hover{transform:translateY(-2px);filter:brightness(1.08)}
@media(max-width:700px){
#tc-versions .cv-grid{grid-template-columns:1fr;grid-template-rows:none;row-gap:16px}
#tc-versions .cv-card{grid-row:auto;grid-template-rows:none}
#tc-versions .cv-card>*{grid-row:auto!important}
}

#tc-versions .cv-grid{padding-top:22px}
#tc-versions .cv-card{overflow:visible}
#tc-versions .cv-h{padding-top:30px;min-height:30px}
#tc-versions .cv-t{position:absolute;top:0;inset-inline:0;margin-inline:auto;transform:translateY(-50%);width:max-content;max-width:calc(100% - 24px);text-align:center;padding:7px 26px;border-radius:999px;font-size:clamp(14px,1.9vh,17px);line-height:1.5;color:var(--goldtxt);background:var(--card);border:1.5px solid var(--gold2);box-shadow:0 0 0 6px var(--bg)}
#tc-versions .cv-web .cv-t{color:var(--on-gold);background:linear-gradient(135deg,var(--gold1),var(--gold2));border-color:var(--gold2)}
#tc-versions .cv-act{border-radius:0 0 22px 22px}
@media(min-width:640px){#tc-versions h2{max-width:none!important;white-space:nowrap}}@media(min-width:900px){#tc-versions .vx-pre{max-width:none!important;white-space:nowrap;font-size:clamp(11px,1.2vw,15px)!important}}


#tc-profit{font-family:'Vazirmatn',inherit;color:var(--ink)}
#tc-profit .cp-h{margin:0 auto .5rem;text-align:center;font-size:clamp(20px,3.2vw,36px);line-height:1.4;color:var(--ink)}
#tc-profit .cp-sub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#tc-profit .cp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,32px);max-width:none;margin:0 auto}
#tc-profit .cp-item{--w:clamp(64px,6.5vw,92px);position:relative;display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--w)*.4)}
#tc-profit .cp-ic{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;width:var(--w);height:auto;filter:drop-shadow(0 6px 8px rgba(120,86,30,.25))}
#tc-profit .cp-c{width:100%;max-width:280px;aspect-ratio:1;border-radius:50%;border:1.5px dashed var(--acc);background:color-mix(in srgb,var(--card) 70%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--w)*.4 + 6px) clamp(18px,2.4vw,34px) clamp(14px,2vw,24px);margin-top:0;transition:transform .3s,box-shadow .3s,background .3s}
#tc-profit .cp-item:hover .cp-c{transform:translateY(-4px);box-shadow:var(--shadow);background:var(--card)}
#tc-profit .cp-n{display:inline;font-weight:800;font-size:clamp(28px,3.6vw,48px);line-height:1.2;color:var(--acc)}
#tc-profit .cp-p{display:inline;font-weight:800;font-size:clamp(16px,1.8vw,24px);color:var(--acc);margin-inline-start:2px}
#tc-profit .cp-c p{margin:.35rem 0 0;font-size:clamp(11.5px,1.15vw,14.5px);line-height:1.8;color:var(--ink)}
#tc-profit .cp-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,56px)}
#tc-profit .cp-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 36px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:clamp(14px,1.3vw,16px);border:2px solid var(--acc);transition:transform .2s,box-shadow .2s,filter .2s}
#tc-profit .cp-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:900px){#tc-profit .cp-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}}
@media(max-width:480px){#tc-profit .cp-c{max-width:200px}#tc-profit .cp-c p{font-size:11px}}


#tc-images .tc-gsub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#tc-images .wb-stage{border-radius:28px}
#tc-images .tc-slide{position:absolute;inset:0;display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:color-mix(in srgb,var(--bg2) 85%,var(--card));border:1px solid var(--line);border-radius:28px;color:color-mix(in srgb,var(--mut) 55%,transparent)}
#tc-images .tc-slide[hidden]{display:none}
#tc-images .tc-slide>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(56px,8vw,96px);height:auto}
#tc-images .tc-slide img{display:block;width:100%;height:auto}
#traditional-cafe-page #tc-lightbox{overflow:hidden}
#traditional-cafe-page #tc-lightbox .lb-fig img{touch-action:none;user-select:none;-webkit-user-select:none;transform-origin:center center;position:relative;z-index:1}
#traditional-cafe-page #tc-lightbox .lb-x,#traditional-cafe-page #tc-lightbox .lb-nav{z-index:3}
#traditional-cafe-page #tc-lightbox .lb-zoombar{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;direction:ltr}
#traditional-cafe-page #tc-lightbox .lb-zoombar button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#traditional-cafe-page #tc-lightbox .lb-zoombar .lb-zreset{width:auto;min-width:68px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;font-family:inherit}
#traditional-cafe-page #tc-lightbox .lb-zoombar button:hover:not(:disabled){background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#traditional-cafe-page #tc-lightbox .lb-zoombar button:disabled{opacity:.4;cursor:default}
#traditional-cafe-page #tc-lightbox .lb-zoombar button:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}


#tc-features-list .tcl-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut);max-width:48rem}
#tc-features-list .tcl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);max-width:none;margin:0 auto}
#tc-features-list .tcl-card{display:flex;align-items:center;gap:14px;min-height:96px;padding:14px 18px;background:var(--card);color:var(--ink);border:1px solid color-mix(in srgb,var(--acc) 50%,transparent);border-left:4px solid var(--acc);border-radius:16px;transition:transform .25s,box-shadow .25s,border-color .25s}
#tc-features-list .tcl-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--acc)}
#tc-features-list .tcl-ic{flex:0 0 auto;width:30px;height:30px;color:var(--acc)}
#tc-features-list .tcl-card p{margin:0;flex:1;min-width:0;text-align:right;font-size:clamp(12px,1.05vw,14px);line-height:1.9;color:var(--ink)}
#tc-features-list .tcl-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,64px)}
#tc-features-list .tcl-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 40px;border-radius:999px;background:var(--acc);color:var(--on-acc);border:2px solid var(--acc);font-size:clamp(14px,1.3vw,17px);transition:transform .2s,box-shadow .2s,filter .2s}
#tc-features-list .tcl-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:1100px){#tc-features-list .tcl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#tc-features-list .tcl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#tc-features-list .tcl-grid{grid-template-columns:1fr}#tc-features-list .tcl-card{min-height:76px}}


#tc-modules .tcm-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#tc-modules .tcm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);max-width:none;margin:0 auto}
#tc-modules .tcm-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2vw,26px) clamp(18px,2.2vw,32px);border-radius:22px;background:color-mix(in srgb,var(--acc) 6%,var(--card));color:var(--ink);text-decoration:none;box-shadow:0 8px 24px -14px rgba(43,33,24,.25);transition:background .25s,color .25s,transform .25s,box-shadow .25s}
#tc-modules .tcm-head{display:flex;align-items:center;gap:14px}
#tc-modules .tcm-ic{flex:0 0 auto;width:clamp(34px,3.2vw,44px);height:clamp(34px,3.2vw,44px);color:var(--acc);transition:color .25s}
#tc-modules .tcm-card h3{margin:0;font-size:clamp(13.5px,1.2vw,16px);line-height:1.8;color:inherit}
#tc-modules .tcm-card p{margin:0;font-size:clamp(12px,1.05vw,14px);line-height:2.1;color:inherit;opacity:.85;text-align:right}
#tc-modules .tcm-go{position:absolute;top:clamp(20px,2.2vw,30px);left:clamp(18px,2.2vw,30px);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--card);color:var(--acc);opacity:0;transform:translateX(8px);transition:opacity .25s,transform .25s}
#tc-modules .tcm-card:hover,#tc-modules .tcm-card:focus-visible{background:var(--acc);color:var(--on-acc);transform:translateY(-3px);box-shadow:0 18px 36px -16px color-mix(in srgb,var(--acc) 60%,transparent)}
#tc-modules .tcm-card:hover .tcm-ic,#tc-modules .tcm-card:focus-visible .tcm-ic{color:var(--on-acc)}
#tc-modules .tcm-card:hover p,#tc-modules .tcm-card:focus-visible p{opacity:1}
#tc-modules .tcm-card:hover .tcm-go,#tc-modules .tcm-card:focus-visible .tcm-go{opacity:1;transform:none}
#tc-modules .tcm-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(hover:none){#tc-modules .tcm-go{opacity:1;transform:none;background:color-mix(in srgb,var(--acc) 12%,transparent)}}
@media(max-width:800px){#tc-modules .tcm-grid{grid-template-columns:1fr}}


#traditional-cafe-page #tc-customers .group-hover\:bg-ab-bg2:is(:where(.group):hover *){background-color:var(--bg2)}
#traditional-cafe-page #tc-customers .hover\:border-ab-acc:hover{border-color:var(--acc,#a9322b)}
#traditional-cafe-page #tc-customers .bg-ab-bg2{background-color:var(--bg2)}
#traditional-cafe-page #tc-customers .max-w-\[88\%\]{max-width:88%}
#traditional-cafe-page #tc-customers .backface-visibility-hidden{backface-visibility:hidden}
#traditional-cafe-page #tc-customers [style*="padding-left:clamp(1rem"]{padding-inline:clamp(1rem,4vw + .5rem,9rem)!important}
#traditional-cafe-page #tc-customers .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#traditional-cafe-page #tc-customers .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#traditional-cafe-page #tc-customers .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#traditional-cafe-page #tc-customers .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#traditional-cafe-page #tc-customers .brand-scroll-animation{--g:5rem}}
#traditional-cafe-page #tc-customers .brand-scroll-animation:hover{animation-play-state:paused}
#traditional-cafe-page #tc-customers .brand-scroll-animation,#traditional-cafe-page #tc-customers :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#traditional-cafe-page #tc-customers .brand-scroll-animation{animation:none}}


#traditional-cafe-page .ob-sec{background:var(--sec-alt,#fff);margin-top:calc(.25rem * 24)}
#traditional-cafe-page .ob-in{width:100%;max-width:100%;padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#traditional-cafe-page .ob-h{margin:0 auto;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800;font-size:1.5rem;line-height:2rem}
#traditional-cafe-page .ob-p{margin:16px auto 0;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400;font-size:1rem;line-height:1.5}
#traditional-cafe-page .ob-g{display:grid;grid-template-columns:repeat(2,minmax(0,181px));justify-content:space-evenly;justify-items:center;column-gap:16px;row-gap:calc(.25rem * 24);margin:calc(.25rem * 36) 0 calc(.25rem * 24)}
#traditional-cafe-page .ob-c{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;max-width:181px;height:180px;padding:32px 16px 24px;background:var(--fa-soft);border-radius:20px;box-shadow:none;text-decoration:none;cursor:pointer;transition:all .3s ease-out}
#traditional-cafe-page .ob-c:hover,#traditional-cafe-page .ob-c:focus-visible{background:var(--acc);transform:translateY(-4px);box-shadow:0 10px 24px rgba(10,39,69,.14)}
#traditional-cafe-page .ob-c:focus-visible{outline:2px solid var(--nv);outline-offset:3px}
#traditional-cafe-page .ob-ph{width:100%;display:flex;align-items:center;justify-content:center;margin-top:calc(.25rem * -20)}
#traditional-cafe-page .ob-img{position:relative;display:flex;align-items:center;justify-content:center;width:155.95px;max-width:calc(100% + 8px);aspect-ratio:1/1;border-radius:9999px;background:var(--line);overflow:hidden;transform:translateY(-16px)}
#traditional-cafe-page .ob-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#traditional-cafe-page .ob-ph-svg{width:70%;height:70%;display:block}
#traditional-cafe-page .ob-t{margin-top:4px;text-align:center;color:var(--acc);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700;font-size:1rem;line-height:1.5;transition:color .3s ease-out}
#traditional-cafe-page .ob-c:hover .ob-t,#traditional-cafe-page .ob-c:focus-visible .ob-t{color:var(--color-white,#fff)}
@media (min-width:40rem){
 #traditional-cafe-page .ob-h{font-size:1.875rem;line-height:2.25rem}
 #traditional-cafe-page .ob-g{grid-template-columns:repeat(3,minmax(0,181px));column-gap:40px}
}
@media (min-width:64rem){
 #traditional-cafe-page .ob-h{line-height:56px}
 #traditional-cafe-page .ob-g{grid-template-columns:repeat(4,minmax(0,181px))}
}
@media (min-width:80rem){
 #traditional-cafe-page .ob-sec{margin-top:calc(.25rem * 50)}
 #traditional-cafe-page .ob-h{font-size:36px}
 #traditional-cafe-page .ob-g{grid-template-columns:repeat(6,minmax(0,181px));justify-content:space-between;column-gap:12px;row-gap:80px;margin:128px 0 96px}
}
@media (min-width:96rem){
 #traditional-cafe-page .ob-in{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
}
@media (prefers-reduced-motion:reduce){#traditional-cafe-page .ob-c,#traditional-cafe-page .ob-t{transition:none}#traditional-cafe-page .ob-c:hover,#traditional-cafe-page .ob-c:focus-visible{transform:none}}

#traditional-cafe-page .tc-hw-wrap{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
@media (min-width:96rem){#traditional-cafe-page .tc-hw-wrap{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}}
#traditional-cafe-page #tc-modules>div>div>h2{max-width:none!important;white-space:nowrap;font-size:clamp(13px,3.1vw,48px)!important;line-height:1.6!important;padding-inline:0!important}


#traditional-cafe-page #tc-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#traditional-cafe-page #tc-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#traditional-cafe-page #tc-about *{box-sizing:border-box}
#traditional-cafe-page #tc-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#traditional-cafe-page #tc-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#traditional-cafe-page #tc-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#traditional-cafe-page #tc-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#traditional-cafe-page #tc-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#traditional-cafe-page #tc-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#traditional-cafe-page #tc-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#traditional-cafe-page #tc-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#traditional-cafe-page #tc-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#traditional-cafe-page #tc-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#traditional-cafe-page #tc-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#traditional-cafe-page #tc-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#traditional-cafe-page #tc-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#traditional-cafe-page #tc-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#traditional-cafe-page #tc-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#traditional-cafe-page #tc-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#traditional-cafe-page #tc-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#traditional-cafe-page #tc-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#traditional-cafe-page #tc-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#traditional-cafe-page #tc-about .seo-more[hidden]{display:none}
#traditional-cafe-page #tc-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#traditional-cafe-page #tc-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#traditional-cafe-page #tc-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#traditional-cafe-page #tc-about.seo-open .seo-fade,#traditional-cafe-page #tc-about:not(.seo-js) .seo-fade{opacity:0}
#traditional-cafe-page #tc-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#traditional-cafe-page #tc-about .seo-ls,#traditional-cafe-page #tc-about .seo-ls.seo-sm{grid-template-columns:1fr}#traditional-cafe-page #tc-about .seo-in p{text-align:start}#traditional-cafe-page #tc-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#traditional-cafe-page #tc-about .seo-body,#traditional-cafe-page #tc-about .seo-ls li,#traditional-cafe-page #tc-about .seo-more,#traditional-cafe-page #tc-about .seo-more i svg,#traditional-cafe-page #tc-about .seo-fade{transition:none!important}}
#traditional-cafe-page #tc-about .seo-in h2{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#traditional-cafe-page #tc-about .seo-in h2:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#traditional-cafe-page #tc-about .seo-in .seo-h4{margin:22px 0 8px;font-size:clamp(16px,1.3vw,19px);font-weight:800;color:var(--goldtxt);line-height:1.8}#traditional-cafe-page #tc-about .seo-in h3.seo-h4{padding-inline-start:0}#traditional-cafe-page #tc-about .seo-in h3.seo-h4:before{display:none}
#traditional-cafe-page #tc-about .seo-in strong{font-weight:800;color:var(--ink)}
#traditional-cafe-page #tc-about .seo-td li{display:flex;flex-direction:column;gap:2px}
#traditional-cafe-page #tc-about .seo-td li>b{font-weight:800;color:var(--goldtxt);font-size:clamp(14.5px,1.1vw,16.5px)}
#traditional-cafe-page #tc-about .seo-td li>span{color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#traditional-cafe-page #tc-about .seo-ls li.seo-wide{grid-column:1/-1}
#traditional-cafe-page #tc-about .seo-ls .seo-sub{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 22px}
#traditional-cafe-page #tc-about .seo-ls .seo-sub li{position:relative;padding:0;padding-inline-start:18px;background:none;border:0;border-radius:0;transform:none;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#traditional-cafe-page #tc-about .seo-ls .seo-sub li:hover{transform:none;border-color:transparent}
#traditional-cafe-page #tc-about .seo-ls .seo-sub li:before{inset-inline-start:2px;top:.95em;width:6px;height:6px;border-radius:50%;transform:none}
@media(max-width:760px){#traditional-cafe-page #tc-about .seo-ls .seo-sub{grid-template-columns:1fr}}


@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-gradient-position{syntax:"*";inherits:false}
@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-stops{syntax:"*";inherits:false}
@property --tw-gradient-via-stops{syntax:"*";inherits:false}
@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#kebab-shop-page *,#kebab-shop-page :before,#kebab-shop-page :after,#kebab-shop-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}
#kebab-shop-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft)}
#kebab-shop-page *,#kebab-shop-page :after,#kebab-shop-page :before,#kebab-shop-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#kebab-shop-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#kebab-shop-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#kebab-shop-page hr{height:0;color:inherit;border-top-width:1px}
#kebab-shop-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#kebab-shop-page h1,#kebab-shop-page h2,#kebab-shop-page h3,#kebab-shop-page h4,#kebab-shop-page h5,#kebab-shop-page h6{font-size:inherit;font-weight:inherit}
#kebab-shop-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#kebab-shop-page b,#kebab-shop-page strong{font-weight:bolder}
#kebab-shop-page code,#kebab-shop-page kbd,#kebab-shop-page samp,#kebab-shop-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#kebab-shop-page small{font-size:80%}
#kebab-shop-page sub,#kebab-shop-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#kebab-shop-page sub{bottom:-.25em}
#kebab-shop-page sup{top:-.5em}
#kebab-shop-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#kebab-shop-page :-moz-focusring:where(:not(iframe)){outline:auto}
#kebab-shop-page progress{vertical-align:baseline}
#kebab-shop-page summary{display:list-item}
#kebab-shop-page ol,#kebab-shop-page ul,#kebab-shop-page menu{list-style:none}
#kebab-shop-page img,#kebab-shop-page svg,#kebab-shop-page video,#kebab-shop-page canvas,#kebab-shop-page audio,#kebab-shop-page iframe,#kebab-shop-page embed,#kebab-shop-page object{vertical-align:middle;display:block}
#kebab-shop-page img,#kebab-shop-page video{max-width:100%;height:auto}
#kebab-shop-page button,#kebab-shop-page input,#kebab-shop-page select,#kebab-shop-page optgroup,#kebab-shop-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#kebab-shop-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#kebab-shop-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#kebab-shop-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#kebab-shop-page ::file-selector-button{margin-inline-end:4px}
#kebab-shop-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#kebab-shop-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#kebab-shop-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#kebab-shop-page textarea{resize:vertical}
#kebab-shop-page ::-webkit-search-decoration{-webkit-appearance:none}
#kebab-shop-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#kebab-shop-page ::-webkit-datetime-edit{display:inline-flex}
#kebab-shop-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#kebab-shop-page ::-webkit-datetime-edit{padding-block:0}
#kebab-shop-page ::-webkit-datetime-edit-year-field{padding-block:0}
#kebab-shop-page ::-webkit-datetime-edit-month-field{padding-block:0}
#kebab-shop-page ::-webkit-datetime-edit-day-field{padding-block:0}
#kebab-shop-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#kebab-shop-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#kebab-shop-page ::-webkit-datetime-edit-second-field{padding-block:0}
#kebab-shop-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#kebab-shop-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#kebab-shop-page ::-webkit-calendar-picker-indicator{line-height:1}
#kebab-shop-page :-moz-ui-invalid{box-shadow:none}
#kebab-shop-page button,#kebab-shop-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#kebab-shop-page ::file-selector-button{appearance:button}
#kebab-shop-page ::-webkit-inner-spin-button{height:auto}
#kebab-shop-page ::-webkit-outer-spin-button{height:auto}
#kebab-shop-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#kebab-shop-page .pointer-events-none{pointer-events:none}
#kebab-shop-page .visible{visibility:visible}
#kebab-shop-page .absolute{position:absolute}
#kebab-shop-page .fixed{position:fixed}
#kebab-shop-page .relative{position:relative}
#kebab-shop-page .-inset-0\.5{inset:calc(var(--spacing) * -.5)}
#kebab-shop-page .inset-0{inset:0}
#kebab-shop-page .inset-x-0{inset-inline:0}
#kebab-shop-page .-top-1{top:calc(var(--spacing) * -1)}
#kebab-shop-page .-top-5{top:calc(var(--spacing) * -5)}
#kebab-shop-page .top-0{top:0}
#kebab-shop-page .top-2{top:calc(var(--spacing) * 2)}
#kebab-shop-page .top-3{top:calc(var(--spacing) * 3)}
#kebab-shop-page .top-6{top:calc(var(--spacing) * 6)}
#kebab-shop-page .top-full{top:100%}
#kebab-shop-page .-right-1{right:calc(var(--spacing) * -1)}
#kebab-shop-page .right-0{right:0}
#kebab-shop-page .right-1{right:var(--spacing)}
#kebab-shop-page .right-2{right:calc(var(--spacing) * 2)}
#kebab-shop-page .right-3{right:calc(var(--spacing) * 3)}
#kebab-shop-page .right-4{right:calc(var(--spacing) * 4)}
#kebab-shop-page .right-12{right:calc(var(--spacing) * 12)}
#kebab-shop-page .bottom-0{bottom:0}
#kebab-shop-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#kebab-shop-page .left-0{left:0}
#kebab-shop-page .left-1\/2{left:50%}
#kebab-shop-page .left-3{left:calc(var(--spacing) * 3)}
#kebab-shop-page .-z-10{z-index:calc(10 * -1)}
#kebab-shop-page .z-0{z-index:0}
#kebab-shop-page .z-10{z-index:10}
#kebab-shop-page .z-20{z-index:20}
#kebab-shop-page .z-30{z-index:30}
#kebab-shop-page .z-40{z-index:40}
#kebab-shop-page .z-50{z-index:50}
#kebab-shop-page .z-1000{z-index:1000}
#kebab-shop-page .order-1{order:1}
#kebab-shop-page .order-2{order:2}
#kebab-shop-page .order-3{order:3}
#kebab-shop-page .mx-1{margin-inline:var(--spacing)}
#kebab-shop-page .mx-auto{margin-inline:auto}
#kebab-shop-page .my-0{margin-block:0}
#kebab-shop-page .my-2{margin-block:calc(var(--spacing) * 2)}
#kebab-shop-page .my-16{margin-block:calc(var(--spacing) * 16)}
#kebab-shop-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#kebab-shop-page .mt-0{margin-top:0}
#kebab-shop-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#kebab-shop-page .mt-1{margin-top:var(--spacing)}
#kebab-shop-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#kebab-shop-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#kebab-shop-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#kebab-shop-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#kebab-shop-page .mt-16{margin-top:calc(var(--spacing) * 16)}
#kebab-shop-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#kebab-shop-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#kebab-shop-page .mt-70{margin-top:calc(var(--spacing) * 70)}
#kebab-shop-page .mb-1{margin-bottom:var(--spacing)}
#kebab-shop-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#kebab-shop-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#kebab-shop-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#kebab-shop-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#kebab-shop-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#kebab-shop-page .mb-12{margin-bottom:calc(var(--spacing) * 12)}
#kebab-shop-page .mb-16{margin-bottom:calc(var(--spacing) * 16)}
#kebab-shop-page .block{display:block}
#kebab-shop-page .flex{display:flex}
#kebab-shop-page .grid{display:grid}
#kebab-shop-page .hidden{display:none}
#kebab-shop-page .inline-block{display:inline-block}
#kebab-shop-page .inline-flex{display:inline-flex}
#kebab-shop-page .aspect-4\/3{aspect-ratio:4/3}
#kebab-shop-page .h-4{height:calc(var(--spacing) * 4)}
#kebab-shop-page .h-5{height:calc(var(--spacing) * 5)}
#kebab-shop-page .h-6{height:calc(var(--spacing) * 6)}
#kebab-shop-page .h-8{height:calc(var(--spacing) * 8)}
#kebab-shop-page .h-10{height:calc(var(--spacing) * 10)}
#kebab-shop-page .h-12{height:calc(var(--spacing) * 12)}
#kebab-shop-page .h-14{height:calc(var(--spacing) * 14)}
#kebab-shop-page .h-16{height:calc(var(--spacing) * 16)}
#kebab-shop-page .h-20{height:calc(var(--spacing) * 20)}
#kebab-shop-page .h-32{height:calc(var(--spacing) * 32)}
#kebab-shop-page .h-50{height:calc(var(--spacing) * 50)}
#kebab-shop-page .h-72{height:calc(var(--spacing) * 72)}
#kebab-shop-page .h-\[50px\]{height:50px}
#kebab-shop-page .h-\[72px\]{height:72px}
#kebab-shop-page .h-\[200px\]{height:200px}
#kebab-shop-page .h-auto{height:auto}
#kebab-shop-page .h-fit{height:fit-content}
#kebab-shop-page .h-full{height:100%}
#kebab-shop-page .max-h-0{max-height:0}
#kebab-shop-page .max-h-\[280px\]{max-height:280px}
#kebab-shop-page .max-h-\[600px\]{max-height:600px}
#kebab-shop-page .min-h-0{min-height:0}
#kebab-shop-page .min-h-\[44px\]{min-height:44px}
#kebab-shop-page .min-h-\[280px\]{min-height:280px}
#kebab-shop-page .min-h-\[300px\]{min-height:300px}
#kebab-shop-page .w-4{width:calc(var(--spacing) * 4)}
#kebab-shop-page .w-5{width:calc(var(--spacing) * 5)}
#kebab-shop-page .w-6{width:calc(var(--spacing) * 6)}
#kebab-shop-page .w-8{width:calc(var(--spacing) * 8)}
#kebab-shop-page .w-10{width:calc(var(--spacing) * 10)}
#kebab-shop-page .w-12{width:calc(var(--spacing) * 12)}
#kebab-shop-page .w-14{width:calc(var(--spacing) * 14)}
#kebab-shop-page .w-16{width:calc(var(--spacing) * 16)}
#kebab-shop-page .w-20{width:calc(var(--spacing) * 20)}
#kebab-shop-page .w-24{width:calc(var(--spacing) * 24)}
#kebab-shop-page .w-30{width:calc(var(--spacing) * 30)}
#kebab-shop-page .w-32{width:calc(var(--spacing) * 32)}
#kebab-shop-page .w-44{width:calc(var(--spacing) * 44)}
#kebab-shop-page .w-72{width:calc(var(--spacing) * 72)}
#kebab-shop-page .w-auto{width:auto}
#kebab-shop-page .w-fit{width:fit-content}
#kebab-shop-page .w-full{width:100%}
#kebab-shop-page .max-w-2xl{max-width:var(--container-2xl)}
#kebab-shop-page .max-w-4xl{max-width:var(--container-4xl)}
#kebab-shop-page .max-w-5xl{max-width:var(--container-5xl)}
#kebab-shop-page .max-w-6xl{max-width:var(--container-6xl)}
#kebab-shop-page .max-w-\[600px\]{max-width:600px}
#kebab-shop-page .max-w-full{max-width:100%}
#kebab-shop-page .min-w-0{min-width:0}
#kebab-shop-page .min-w-\[120px\]{min-width:120px}
#kebab-shop-page .min-w-full{min-width:100%}
#kebab-shop-page .flex-1{flex:1}
#kebab-shop-page .flex-\[0_0_50\%\]{flex:0 0 50%}
#kebab-shop-page .flex-\[0_0_100\%\]{flex:0 0 100%}
#kebab-shop-page .flex-shrink-0,#kebab-shop-page .shrink-0{flex-shrink:0}
#kebab-shop-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#kebab-shop-page .-translate-x-\[10px\]{--tw-translate-x:calc(10px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#kebab-shop-page .translate-x-\[10px\]{--tw-translate-x:10px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#kebab-shop-page .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#kebab-shop-page .translate-y-\[-52\%\]{--tw-translate-y:-52%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#kebab-shop-page .scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#kebab-shop-page .scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#kebab-shop-page .rotate-0{rotate:0deg}
#kebab-shop-page .rotate-90{rotate:90deg}
#kebab-shop-page .rotate-180{rotate:180deg}
#kebab-shop-page .transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}
#kebab-shop-page .cursor-not-allowed{cursor:not-allowed}
#kebab-shop-page .cursor-pointer{cursor:pointer}
#kebab-shop-page .snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}
#kebab-shop-page .snap-mandatory{--tw-scroll-snap-strictness:mandatory}
#kebab-shop-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#kebab-shop-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#kebab-shop-page .flex-col{flex-direction:column}
#kebab-shop-page .flex-col-reverse{flex-direction:column-reverse}
#kebab-shop-page .flex-row{flex-direction:row}
#kebab-shop-page .flex-row-reverse{flex-direction:row-reverse}
#kebab-shop-page .items-center{align-items:center}
#kebab-shop-page .items-end{align-items:flex-end}
#kebab-shop-page .items-start{align-items:flex-start}
#kebab-shop-page .items-stretch{align-items:stretch}
#kebab-shop-page .justify-between{justify-content:space-between}
#kebab-shop-page .justify-center{justify-content:center}
#kebab-shop-page .justify-end{justify-content:flex-end}
#kebab-shop-page .justify-start{justify-content:flex-start}
#kebab-shop-page .justify-items-stretch{justify-items:stretch}
#kebab-shop-page .gap-1{gap:var(--spacing)}
#kebab-shop-page .gap-2{gap:calc(var(--spacing) * 2)}
#kebab-shop-page .gap-3{gap:calc(var(--spacing) * 3)}
#kebab-shop-page .gap-4{gap:calc(var(--spacing) * 4)}
#kebab-shop-page .gap-6{gap:calc(var(--spacing) * 6)}
#kebab-shop-page .gap-8{gap:calc(var(--spacing) * 8)}
#kebab-shop-page .gap-12{gap:calc(var(--spacing) * 12)}
#kebab-shop-page .gap-14{gap:calc(var(--spacing) * 14)}
#kebab-shop-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#kebab-shop-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#kebab-shop-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#kebab-shop-page :where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#kebab-shop-page .gap-x-3{column-gap:calc(var(--spacing) * 3)}
#kebab-shop-page .gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}
#kebab-shop-page .overflow-hidden{overflow:hidden}
#kebab-shop-page .overflow-visible{overflow:visible}
#kebab-shop-page .overflow-x-auto{overflow-x:auto}
#kebab-shop-page .overflow-x-hidden{overflow-x:hidden}
#kebab-shop-page .scroll-smooth{scroll-behavior:smooth}
#kebab-shop-page .rounded-2xl{border-radius:var(--radius-2xl)}
#kebab-shop-page .rounded-3xl{border-radius:var(--radius-3xl)}
#kebab-shop-page .rounded-4xl{border-radius:var(--radius-4xl)}
#kebab-shop-page .rounded-\[50px\]{border-radius:50px}
#kebab-shop-page .rounded-full{border-radius:2147483647px}
#kebab-shop-page .rounded-lg{border-radius:var(--radius-lg)}
#kebab-shop-page .rounded-md{border-radius:var(--radius-md)}
#kebab-shop-page .rounded-xl{border-radius:var(--radius-xl)}
#kebab-shop-page .border{border-style:var(--tw-border-style);border-width:1px}
#kebab-shop-page .border-0{border-style:var(--tw-border-style);border-width:0}
#kebab-shop-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#kebab-shop-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#kebab-shop-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#kebab-shop-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#kebab-shop-page .border-b-3{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#kebab-shop-page .border-none{--tw-border-style:none;border-style:none}
#kebab-shop-page .border-\[\#E5E7EB\]{border-color:var(--line)}
#kebab-shop-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#kebab-shop-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#kebab-shop-page .border-black{border-color:var(--color-black)}
#kebab-shop-page .border-gray-200{border-color:var(--color-gray-200)}
#kebab-shop-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#kebab-shop-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#kebab-shop-page .border-green-500{border-color:var(--color-green-500)}
#kebab-shop-page .border-transparent{border-color:#0000}
#kebab-shop-page .border-white{border-color:var(--color-white)}
#kebab-shop-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#kebab-shop-page .bg-\[\#F0F5F7\]{background-color:var(--bg2)}
#kebab-shop-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#kebab-shop-page .bg-\[\#FF4C00\]\/10{background-color:oklab(66.6687% .179651 .134278/.1)}
#kebab-shop-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#kebab-shop-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#kebab-shop-page .bg-accent{background-color:var(--color-accent)}
#kebab-shop-page .bg-gray-100{background-color:var(--color-gray-100)}
#kebab-shop-page .bg-primary{background-color:var(--color-primary)}
#kebab-shop-page .bg-secondary{background-color:var(--color-secondary)}
#kebab-shop-page .bg-transparent{background-color:#0000}
#kebab-shop-page .bg-white{background-color:var(--color-white)}
#kebab-shop-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#kebab-shop-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#kebab-shop-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#kebab-shop-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#kebab-shop-page .bg-linear-to-br{--tw-gradient-position:to bottom right}
@supports (background-image:linear-gradient(in lab, red, red)){#kebab-shop-page .bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}
#kebab-shop-page .bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}
#kebab-shop-page .bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
#kebab-shop-page .from-\[\#FF4C00\]{--tw-gradient-from:var(--acc);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#kebab-shop-page .from-\[\#FF4C00\]\/10{--tw-gradient-from:oklab(66.6687% .179651 .134278/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#kebab-shop-page .via-orange-300\/5{--tw-gradient-via:#ffb96d0d}
@supports (color:color-mix(in lab, red, red)){#kebab-shop-page .via-orange-300\/5{--tw-gradient-via:color-mix(in oklab, var(--color-orange-300) 5%, transparent)}}
#kebab-shop-page .via-orange-300\/5{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
#kebab-shop-page .to-\[\#FF6B35\]{--tw-gradient-to:color-mix(in srgb,var(--acc) 78%,#fff);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#kebab-shop-page .to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#kebab-shop-page .object-contain{object-fit:contain}
#kebab-shop-page .object-cover{object-fit:cover}
#kebab-shop-page .p-0{padding:0}
#kebab-shop-page .p-1{padding:var(--spacing)}
#kebab-shop-page .p-2{padding:calc(var(--spacing) * 2)}
#kebab-shop-page .p-3{padding:calc(var(--spacing) * 3)}
#kebab-shop-page .p-4{padding:calc(var(--spacing) * 4)}
#kebab-shop-page .p-5{padding:calc(var(--spacing) * 5)}
#kebab-shop-page .p-6{padding:calc(var(--spacing) * 6)}
#kebab-shop-page .p-8{padding:calc(var(--spacing) * 8)}
#kebab-shop-page .px-1{padding-inline:var(--spacing)}
#kebab-shop-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#kebab-shop-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#kebab-shop-page .px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}
#kebab-shop-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#kebab-shop-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#kebab-shop-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#kebab-shop-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#kebab-shop-page .px-12{padding-inline:calc(var(--spacing) * 12)}
#kebab-shop-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#kebab-shop-page .py-2{padding-block:calc(var(--spacing) * 2)}
#kebab-shop-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#kebab-shop-page .py-3{padding-block:calc(var(--spacing) * 3)}
#kebab-shop-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#kebab-shop-page .py-4{padding-block:calc(var(--spacing) * 4)}
#kebab-shop-page .py-6{padding-block:calc(var(--spacing) * 6)}
#kebab-shop-page .py-8{padding-block:calc(var(--spacing) * 8)}
#kebab-shop-page .py-10{padding-block:calc(var(--spacing) * 10)}
#kebab-shop-page .py-12{padding-block:calc(var(--spacing) * 12)}
#kebab-shop-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#kebab-shop-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#kebab-shop-page .pt-6{padding-top:calc(var(--spacing) * 6)}
#kebab-shop-page .pt-15{padding-top:calc(var(--spacing) * 15)}
#kebab-shop-page .pt-20{padding-top:calc(var(--spacing) * 20)}
#kebab-shop-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#kebab-shop-page .pt-\[72px\]{padding-top:72px}
#kebab-shop-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#kebab-shop-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#kebab-shop-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#kebab-shop-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#kebab-shop-page .pb-12{padding-bottom:calc(var(--spacing) * 12)}
#kebab-shop-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#kebab-shop-page .pb-48{padding-bottom:calc(var(--spacing) * 48)}
#kebab-shop-page .text-center{text-align:center}
#kebab-shop-page .text-justify{text-align:justify}
#kebab-shop-page .text-right{text-align:right}
#kebab-shop-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#kebab-shop-page .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#kebab-shop-page .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#kebab-shop-page .text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#kebab-shop-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#kebab-shop-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#kebab-shop-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#kebab-shop-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#kebab-shop-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#kebab-shop-page .text-\[10px\]{font-size:10px}
#kebab-shop-page .leading-7\.5{--tw-leading:calc(var(--spacing) * 7.5);line-height:calc(var(--spacing) * 7.5)}
#kebab-shop-page .leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}
#kebab-shop-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#kebab-shop-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#kebab-shop-page .leading-none{--tw-leading:1;line-height:1}
#kebab-shop-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#kebab-shop-page .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}
#kebab-shop-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#kebab-shop-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#kebab-shop-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#kebab-shop-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#kebab-shop-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#kebab-shop-page .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
#kebab-shop-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#kebab-shop-page .whitespace-nowrap{white-space:nowrap}
#kebab-shop-page .text-\[\#0A2745\]{color:var(--nv)}
#kebab-shop-page .text-\[\#1F2A3D\]{color:#33291d}
#kebab-shop-page .text-\[\#595B5C\]{color:#595b5c}
#kebab-shop-page .text-\[\#FF4C00\]{color:var(--acc)}
#kebab-shop-page .text-\[\#FF4C00\]\/30{color:oklab(66.6687% .179651 .134278/.3)}
#kebab-shop-page .text-\[\#ffff\]{color:#fff}
#kebab-shop-page .text-black{color:var(--color-black)}
#kebab-shop-page .text-gray-300{color:var(--color-gray-300)}
#kebab-shop-page .text-gray-500{color:var(--color-gray-500)}
#kebab-shop-page .text-gray-600{color:var(--color-gray-600)}
#kebab-shop-page .text-green-700{color:var(--color-green-700)}
#kebab-shop-page .text-red-500{color:var(--color-red-500)}
#kebab-shop-page .text-secondary{color:var(--color-secondary)}
#kebab-shop-page .text-white{color:var(--color-white)}
#kebab-shop-page .text-white\/90{color:#ffffffe6}
@supports (color:color-mix(in lab, red, red)){#kebab-shop-page .text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}
#kebab-shop-page .not-italic{font-style:normal}
#kebab-shop-page .underline{text-decoration-line:underline}
#kebab-shop-page .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#kebab-shop-page .accent-white{accent-color:var(--color-white)}
#kebab-shop-page .opacity-0{opacity:0}
#kebab-shop-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page .shadow-\[0_0_20px_rgba\(255\,76\,0\,0\.4\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page .shadow-\[0_10px_0_0_\#FF4C00\]{--tw-shadow:0 10px 0 0 var(--tw-shadow-color,var(--acc));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#kebab-shop-page .blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#kebab-shop-page .blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#kebab-shop-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#kebab-shop-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}
#kebab-shop-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#kebab-shop-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#kebab-shop-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#kebab-shop-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#kebab-shop-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#kebab-shop-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#kebab-shop-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#kebab-shop-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#kebab-shop-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#kebab-shop-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#kebab-shop-page .duration-500{--tw-duration:.5s;transition-duration:.5s}
#kebab-shop-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#kebab-shop-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#kebab-shop-page .will-change-transform{will-change:transform}
#kebab-shop-page .select-none{-webkit-user-select:none;user-select:none}
#kebab-shop-page .\[-webkit-overflow-scrolling\:touch\]{-webkit-overflow-scrolling:touch}
@media (hover:hover){#kebab-shop-page :is(:where(.group):hover .group-hover\:absolute){position:absolute}
#kebab-shop-page :is(:where(.group):hover .group-hover\:flex){display:flex}
#kebab-shop-page :is(:where(.group):hover .group-hover\:-translate-y-1){--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#kebab-shop-page :is(:where(.group):hover .group-hover\:-translate-y-2){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#kebab-shop-page :is(:where(.group):hover .group-hover\:-translate-y-full){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#kebab-shop-page :is(:where(.group):hover .group-hover\:scale-110){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#kebab-shop-page :is(:where(.group):hover .group-hover\:border-b-2){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#kebab-shop-page :is(:where(.group):hover .group-hover\:border-b-3){border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#kebab-shop-page :is(:where(.group):hover .group-hover\:border-\[\#0A2745\]){border-color:var(--nv)}
#kebab-shop-page :is(:where(.group):hover .group-hover\:border-\[\#FF4C00\]){border-color:var(--acc)}
#kebab-shop-page :is(:where(.group):hover .group-hover\:border-orange-100){border-color:var(--color-orange-100)}
#kebab-shop-page :is(:where(.group):hover .group-hover\:border-b-\[\#FF4C00\]){border-bottom-color:var(--acc)}
#kebab-shop-page :is(:where(.group):hover .group-hover\:bg-\[\#0A2745\]){background-color:var(--nv)}
#kebab-shop-page :is(:where(.group):hover .group-hover\:bg-\[\#FFF6F2\]){background-color:var(--fa-soft)}
#kebab-shop-page :is(:where(.group):hover .group-hover\:text-\[\#0A2745\]){color:var(--nv)}
#kebab-shop-page :is(:where(.group):hover .group-hover\:text-\[\#FF4C00\]){color:var(--acc)}
#kebab-shop-page :is(:where(.group):hover .group-hover\:text-white){color:var(--color-white)}
#kebab-shop-page :is(:where(.group):hover .group-hover\:opacity-100){opacity:1}
#kebab-shop-page :is(:where(.group):hover .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]){--tw-shadow:0 8px 24px var(--tw-shadow-color,#ff4c0059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page :is(:where(.group):hover .group-hover\:shadow-md){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page :is(:where(.group):hover .group-hover\:shadow-xl){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page :is(:where(.group):hover .group-hover\:blur-xs){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}
#kebab-shop-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#kebab-shop-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#kebab-shop-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#kebab-shop-page .after\:right-0:after{content:var(--tw-content);right:0}
#kebab-shop-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#kebab-shop-page .after\:left-0:after{content:var(--tw-content);left:0}
#kebab-shop-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#kebab-shop-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#kebab-shop-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#kebab-shop-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#kebab-shop-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#kebab-shop-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#kebab-shop-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#kebab-shop-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#kebab-shop-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#kebab-shop-page .hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#kebab-shop-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#kebab-shop-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#kebab-shop-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#kebab-shop-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#kebab-shop-page .hover\:border-\[\#FF4C00\]\/30:hover{border-color:oklab(66.6687% .179651 .134278/.3)}
#kebab-shop-page .hover\:border-white:hover{border-color:var(--color-white)}
#kebab-shop-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#kebab-shop-page .hover\:bg-\[\#081a2e\]:hover{background-color:#1c1712}
#kebab-shop-page .hover\:bg-\[\#163456\]:hover{background-color:#3a2c1f}
#kebab-shop-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#kebab-shop-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#kebab-shop-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#kebab-shop-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#kebab-shop-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:var(--bg2)}
#kebab-shop-page .hover\:bg-\[\#FFF6F2\]:hover{background-color:var(--fa-soft)}
#kebab-shop-page .hover\:bg-\[\#e44500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#kebab-shop-page .hover\:bg-black\/5:hover{background-color:#0000000d}
@supports (color:color-mix(in lab, red, red)){#kebab-shop-page .hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}
#kebab-shop-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#kebab-shop-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#kebab-shop-page .hover\:bg-white:hover{background-color:var(--color-white)}
#kebab-shop-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#kebab-shop-page .hover\:text-\[\#FF4C00\]:hover,#kebab-shop-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#kebab-shop-page .hover\:text-white:hover{color:var(--color-white)}
#kebab-shop-page .hover\:underline:hover{text-decoration-line:underline}
#kebab-shop-page .hover\:opacity-80:hover{opacity:.8}
#kebab-shop-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page .hover\:shadow-\[0_0_28px_rgba\(255\,76\,0\,0\.5\)\,0_0_40px_rgba\(10\,39\,69\,0\.3\)\,0_8px_28px_rgba\(10\,39\,69\,0\.35\)\]:hover{--tw-shadow:0 0 28px var(--tw-shadow-color,#ff4c0080), 0 0 40px var(--tw-shadow-color,#0a27454d), 0 8px 28px var(--tw-shadow-color,#0a274559);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px var(--tw-shadow-color,#0a274538), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px var(--tw-shadow-color,#0a274547), 0 10px 0 0 var(--tw-shadow-color,var(--nv)), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#kebab-shop-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#kebab-shop-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#kebab-shop-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#kebab-shop-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#kebab-shop-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#kebab-shop-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#kebab-shop-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#kebab-shop-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#kebab-shop-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#kebab-shop-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#kebab-shop-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#kebab-shop-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#kebab-shop-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#kebab-shop-page .focus-visible\:ring-offset-\[\#0A2745\]:focus-visible{--tw-ring-offset-color:var(--nv)}
#kebab-shop-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#kebab-shop-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#kebab-shop-page .active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#kebab-shop-page .active\:scale-\[0\.98\]:active{scale:.98}
#kebab-shop-page .active\:bg-\[\#06141f\]:active{background-color:#1c1712}
#kebab-shop-page .active\:bg-\[\#CC3D00\]:active{background-color:color-mix(in srgb,var(--acc) 72%,#000)}
#kebab-shop-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
#kebab-shop-page .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
#kebab-shop-page .disabled\:opacity-30:disabled{opacity:.3}
#kebab-shop-page .disabled\:opacity-50:disabled{opacity:.5}
@media (hover:hover){#kebab-shop-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#kebab-shop-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#kebab-shop-page .disabled\:hover\:shadow-lg:disabled:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (min-width:40rem){#kebab-shop-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#kebab-shop-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#kebab-shop-page .sm\:right-4{right:calc(var(--spacing) * 4)}
#kebab-shop-page .sm\:bottom-1\/3{bottom:33.3333%}
#kebab-shop-page .sm\:left-4{left:calc(var(--spacing) * 4)}
#kebab-shop-page .sm\:mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}
#kebab-shop-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#kebab-shop-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#kebab-shop-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#kebab-shop-page .sm\:mt-20{margin-top:calc(var(--spacing) * 20)}
#kebab-shop-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#kebab-shop-page .sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#kebab-shop-page .sm\:inline{display:inline}
#kebab-shop-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#kebab-shop-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#kebab-shop-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#kebab-shop-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#kebab-shop-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#kebab-shop-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#kebab-shop-page .sm\:h-96{height:calc(var(--spacing) * 96)}
#kebab-shop-page .sm\:h-\[60px\]{height:60px}
#kebab-shop-page .sm\:h-\[100px\]{height:100px}
#kebab-shop-page .sm\:max-h-\[320px\]{max-height:320px}
#kebab-shop-page .sm\:min-h-\[400px\]{min-height:400px}
#kebab-shop-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#kebab-shop-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#kebab-shop-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#kebab-shop-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#kebab-shop-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#kebab-shop-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#kebab-shop-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#kebab-shop-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#kebab-shop-page .sm\:w-72{width:calc(var(--spacing) * 72)}
#kebab-shop-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#kebab-shop-page .sm\:w-auto{width:auto}
#kebab-shop-page .sm\:min-w-\[120px\]{min-width:120px}
#kebab-shop-page .sm\:min-w-\[140px\]{min-width:140px}
#kebab-shop-page .sm\:flex-\[0_0_30\%\]{flex:0 0 30%}
#kebab-shop-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#kebab-shop-page .sm\:flex-row{flex-direction:row}
#kebab-shop-page .sm\:items-center{align-items:center}
#kebab-shop-page .sm\:items-start{align-items:flex-start}
#kebab-shop-page .sm\:justify-end{justify-content:flex-end}
#kebab-shop-page .sm\:justify-start{justify-content:flex-start}
#kebab-shop-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#kebab-shop-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#kebab-shop-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#kebab-shop-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#kebab-shop-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#kebab-shop-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#kebab-shop-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#kebab-shop-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#kebab-shop-page :where(.sm\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#kebab-shop-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#kebab-shop-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#kebab-shop-page .sm\:rounded-\[36px\]{border-radius:36px}
#kebab-shop-page .sm\:p-3{padding:calc(var(--spacing) * 3)}
#kebab-shop-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#kebab-shop-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#kebab-shop-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#kebab-shop-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#kebab-shop-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#kebab-shop-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#kebab-shop-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#kebab-shop-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#kebab-shop-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#kebab-shop-page .sm\:py-0{padding-block:0}
#kebab-shop-page .sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#kebab-shop-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#kebab-shop-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#kebab-shop-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#kebab-shop-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#kebab-shop-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#kebab-shop-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#kebab-shop-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#kebab-shop-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#kebab-shop-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#kebab-shop-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#kebab-shop-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#kebab-shop-page .sm\:text-\[12px\]{font-size:12px}}
@media (min-width:48rem){#kebab-shop-page .md\:right-6{right:calc(var(--spacing) * 6)}
#kebab-shop-page .md\:left-6{left:calc(var(--spacing) * 6)}
#kebab-shop-page .md\:order-1{order:1}
#kebab-shop-page .md\:order-2{order:2}
#kebab-shop-page .md\:my-4{margin-block:calc(var(--spacing) * 4)}
#kebab-shop-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#kebab-shop-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#kebab-shop-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#kebab-shop-page .md\:mt-44{margin-top:calc(var(--spacing) * 44)}
#kebab-shop-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#kebab-shop-page .md\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#kebab-shop-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#kebab-shop-page .md\:block{display:block}
#kebab-shop-page .md\:flex{display:flex}
#kebab-shop-page .md\:hidden{display:none}
#kebab-shop-page .md\:inline-block{display:inline-block}
#kebab-shop-page .md\:h-10{height:calc(var(--spacing) * 10)}
#kebab-shop-page .md\:h-16{height:calc(var(--spacing) * 16)}
#kebab-shop-page .md\:h-28{height:calc(var(--spacing) * 28)}
#kebab-shop-page .md\:h-70{height:calc(var(--spacing) * 70)}
#kebab-shop-page .md\:h-\[250px\]{height:250px}
#kebab-shop-page .md\:max-h-none{max-height:none}
#kebab-shop-page .md\:w-10{width:calc(var(--spacing) * 10)}
#kebab-shop-page .md\:w-16{width:calc(var(--spacing) * 16)}
#kebab-shop-page .md\:w-24{width:calc(var(--spacing) * 24)}
#kebab-shop-page .md\:w-28{width:calc(var(--spacing) * 28)}
#kebab-shop-page .md\:w-72{width:calc(var(--spacing) * 72)}
#kebab-shop-page .md\:min-w-\[130px\]{min-width:130px}
#kebab-shop-page .md\:flex-1{flex:1}
#kebab-shop-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#kebab-shop-page .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#kebab-shop-page .md\:flex-col{flex-direction:column}
#kebab-shop-page .md\:flex-row{flex-direction:row}
#kebab-shop-page .md\:flex-row-reverse{flex-direction:row-reverse}
#kebab-shop-page .md\:items-center{align-items:center}
#kebab-shop-page .md\:items-stretch{align-items:stretch}
#kebab-shop-page .md\:justify-center{justify-content:center}
#kebab-shop-page .md\:gap-0{gap:0}
#kebab-shop-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#kebab-shop-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#kebab-shop-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#kebab-shop-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#kebab-shop-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#kebab-shop-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#kebab-shop-page .md\:overflow-visible{overflow:visible}
#kebab-shop-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#kebab-shop-page .md\:p-4{padding:calc(var(--spacing) * 4)}
#kebab-shop-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#kebab-shop-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#kebab-shop-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#kebab-shop-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#kebab-shop-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#kebab-shop-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#kebab-shop-page .md\:py-0{padding-block:0}
#kebab-shop-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#kebab-shop-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#kebab-shop-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#kebab-shop-page .md\:pt-16{padding-top:calc(var(--spacing) * 16)}
#kebab-shop-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#kebab-shop-page .md\:pb-28{padding-bottom:calc(var(--spacing) * 28)}
#kebab-shop-page .md\:text-center{text-align:center}
#kebab-shop-page .md\:text-justify{text-align:justify}
#kebab-shop-page .md\:text-right{text-align:right}
#kebab-shop-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#kebab-shop-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#kebab-shop-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#kebab-shop-page .md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}
#kebab-shop-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#kebab-shop-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#kebab-shop-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#kebab-shop-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#kebab-shop-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#kebab-shop-page .md\:text-\[9px\]{font-size:9px}
#kebab-shop-page .md\:text-\[10px\]{font-size:10px}
#kebab-shop-page .md\:text-\[14px\]{font-size:14px}
#kebab-shop-page .md\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}}
@media (min-width:64rem){#kebab-shop-page .lg\:order-1{order:1}
#kebab-shop-page .lg\:order-2{order:2}
#kebab-shop-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#kebab-shop-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#kebab-shop-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#kebab-shop-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#kebab-shop-page .lg\:mt-32{margin-top:calc(var(--spacing) * 32)}
#kebab-shop-page .lg\:mt-50{margin-top:calc(var(--spacing) * 50)}
#kebab-shop-page .lg\:mt-52{margin-top:calc(var(--spacing) * 52)}
#kebab-shop-page .lg\:mr-0{margin-right:0}
#kebab-shop-page .lg\:mb-0{margin-bottom:0}
#kebab-shop-page .lg\:mb-10{margin-bottom:calc(var(--spacing) * 10)}
#kebab-shop-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#kebab-shop-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#kebab-shop-page .lg\:block{display:block}
#kebab-shop-page .lg\:flex{display:flex}
#kebab-shop-page .lg\:hidden{display:none}
#kebab-shop-page .lg\:h-14{height:calc(var(--spacing) * 14)}
#kebab-shop-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#kebab-shop-page .lg\:h-194{height:calc(var(--spacing) * 194)}
#kebab-shop-page .lg\:h-\[70px\]{height:70px}
#kebab-shop-page .lg\:h-\[132px\]{height:132px}
#kebab-shop-page .lg\:h-\[300px\]{height:300px}
#kebab-shop-page .lg\:w-1\/2{width:50%}
#kebab-shop-page .lg\:w-14{width:calc(var(--spacing) * 14)}
#kebab-shop-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#kebab-shop-page .lg\:w-\[45\%\]{width:45%}
#kebab-shop-page .lg\:w-\[55\%\]{width:55%}
#kebab-shop-page .lg\:w-\[70px\]{width:70px}
#kebab-shop-page .lg\:w-auto{width:auto}
#kebab-shop-page .lg\:w-fit{width:fit-content}
#kebab-shop-page .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#kebab-shop-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#kebab-shop-page .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
#kebab-shop-page .lg\:flex-row{flex-direction:row}
#kebab-shop-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#kebab-shop-page .lg\:items-center{align-items:center}
#kebab-shop-page .lg\:justify-end{justify-content:flex-end}
#kebab-shop-page .lg\:gap-0{gap:0}
#kebab-shop-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#kebab-shop-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#kebab-shop-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#kebab-shop-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#kebab-shop-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#kebab-shop-page :where(.lg\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#kebab-shop-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#kebab-shop-page :where(.lg\:space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}
#kebab-shop-page .lg\:gap-x-4{column-gap:calc(var(--spacing) * 4)}
#kebab-shop-page .lg\:gap-y-4{row-gap:calc(var(--spacing) * 4)}
#kebab-shop-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#kebab-shop-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#kebab-shop-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#kebab-shop-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#kebab-shop-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#kebab-shop-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#kebab-shop-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#kebab-shop-page .lg\:py-20{padding-block:calc(var(--spacing) * 20)}
#kebab-shop-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#kebab-shop-page .lg\:pt-\[132px\]{padding-top:132px}
#kebab-shop-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#kebab-shop-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#kebab-shop-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#kebab-shop-page .lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#kebab-shop-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#kebab-shop-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#kebab-shop-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#kebab-shop-page .lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#kebab-shop-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#kebab-shop-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#kebab-shop-page .lg\:text-\[10px\]{font-size:10px}
#kebab-shop-page .lg\:text-\[28px\]{font-size:28px}
#kebab-shop-page .lg\:text-\[48px\]{font-size:48px}
#kebab-shop-page .lg\:text-\[150px\]{font-size:150px}
#kebab-shop-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#kebab-shop-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#kebab-shop-page .xl\:mt-0{margin-top:0}
#kebab-shop-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#kebab-shop-page .xl\:mt-70{margin-top:calc(var(--spacing) * 70)}
#kebab-shop-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#kebab-shop-page .xl\:h-122{height:calc(var(--spacing) * 122)}
#kebab-shop-page .xl\:h-\[142px\]{height:142px}
#kebab-shop-page .xl\:h-auto{height:auto}
#kebab-shop-page .xl\:w-1\/2{width:50%}
#kebab-shop-page .xl\:w-1\/3{width:33.3333%}
#kebab-shop-page .xl\:w-\[25\.5\%\]{width:25.5%}
#kebab-shop-page .xl\:w-\[30\%\]{width:30%}
#kebab-shop-page .xl\:w-\[70\%\]{width:70%}
#kebab-shop-page .xl\:flex-\[0_0_12\%\]{flex:0 0 12%}
#kebab-shop-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#kebab-shop-page .xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
#kebab-shop-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#kebab-shop-page .xl\:flex-row{flex-direction:row}
#kebab-shop-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#kebab-shop-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#kebab-shop-page .xl\:gap-12{gap:calc(var(--spacing) * 12)}
#kebab-shop-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#kebab-shop-page .xl\:gap-32{gap:calc(var(--spacing) * 32)}
#kebab-shop-page .xl\:p-8{padding:calc(var(--spacing) * 8)}
#kebab-shop-page .xl\:px-0{padding-inline:0}
#kebab-shop-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#kebab-shop-page .xl\:px-16{padding-inline:calc(var(--spacing) * 16)}
#kebab-shop-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#kebab-shop-page .xl\:px-36{padding-inline:calc(var(--spacing) * 36)}
#kebab-shop-page .xl\:py-16{padding-block:calc(var(--spacing) * 16)}
#kebab-shop-page .xl\:pt-16{padding-top:calc(var(--spacing) * 16)}
#kebab-shop-page .xl\:pt-\[142px\]{padding-top:142px}
#kebab-shop-page .xl\:pl-6{padding-left:calc(var(--spacing) * 6)}
#kebab-shop-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#kebab-shop-page .xl\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#kebab-shop-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#kebab-shop-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#kebab-shop-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#kebab-shop-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#kebab-shop-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#kebab-shop-page .xl\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#kebab-shop-page .xl\:text-\[11px\]{font-size:11px}
#kebab-shop-page .xl\:text-\[14px\]{font-size:14px}
#kebab-shop-page .xl\:text-\[16px\]{font-size:16px}
#kebab-shop-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#kebab-shop-page .\32 xl\:mr-50{margin-right:calc(var(--spacing) * 50)}
#kebab-shop-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#kebab-shop-page .\32 xl\:h-130{height:calc(var(--spacing) * 130)}
#kebab-shop-page .\32 xl\:min-h-\[550px\]{min-height:550px}
#kebab-shop-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#kebab-shop-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#kebab-shop-page .\32 xl\:gap-\[25px\]{gap:25px}
#kebab-shop-page .\32 xl\:px-12{padding-inline:calc(var(--spacing) * 12)}
#kebab-shop-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#kebab-shop-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#kebab-shop-page .\32 xl\:text-left{text-align:left}
#kebab-shop-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#kebab-shop-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#kebab-shop-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#kebab-shop-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#kebab-shop-page .\32 xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#kebab-shop-page .\32 xl\:text-\[14px\]{font-size:14px}
#kebab-shop-page .\32 xl\:text-\[16px\]{font-size:16px}
#kebab-shop-page .\32 xl\:text-\[20px\]{font-size:20px}
#kebab-shop-page .\32 xl\:text-\[27px\]{font-size:27px}
#kebab-shop-page .\32 xl\:text-\[56px\]{font-size:56px}
#kebab-shop-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-REGULAR.TTF)format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-SEMIBOLD.TTF)format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-BOLD.TTF)format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-EXTRABOLD.TTF)format("truetype");font-weight:800;font-display:swap}
#kebab-shop-page{direction:rtl}
#kebab-shop-page{color:#33291d;background:#fff;font-family:Vazirmatn,Tahoma,sans-serif}
#kebab-shop-page .fanum-font,#kebab-shop-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#kebab-shop-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#kebab-shop-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
#kebab-shop-page .dir-rtl{direction:rtl}
#kebab-shop-page .hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
#kebab-shop-page .hide-scrollbar::-webkit-scrollbar{display:none}
#kebab-shop-page .mb-safe{margin-bottom:env(safe-area-inset-bottom)}
@keyframes ring{0%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-12deg)}20%,40%,60%{transform:rotate(12deg)}70%{transform:rotate(0)}}
#kebab-shop-page .phone-ring-animation{animation:2s ease-in-out infinite ring}
@keyframes pulse-alarm{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}
#kebab-shop-page .alarm-animation{animation:1.5s ease-in-out infinite pulse-alarm}
@keyframes brand-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}
#kebab-shop-page .brand-scroll-animation{animation:30s linear infinite brand-scroll}
#kebab-shop-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,var(--nv) 60%,#1c1712 100%)}
#kebab-shop-page >div>div.relative>div.absolute.inset-0.z-0>div{background:0 0}
@media (min-width:64rem){#kebab-shop-page #images>div>div{padding-left:2.5rem;padding-right:2.5rem}
#kebab-shop-page #images h2{margin-bottom:5rem}
#kebab-shop-page #images [dir=rtl].w-full{flex-direction:row;justify-content:space-between;align-items:center;gap:2.5rem;display:flex}
#kebab-shop-page #images [role=tablist]{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:43%;margin:0;padding:0;display:grid;overflow:visible}
#kebab-shop-page #images [role=tablist]>div{margin:0}
#kebab-shop-page #images [role=tab]{white-space:nowrap;color:var(--acc);width:100%;min-width:0;height:3rem;box-shadow:none;background:#fff;border:2px solid var(--acc);padding-left:.5rem;padding-right:.5rem;font-size:.9rem}
#kebab-shop-page #images [role=tab][aria-selected=true]{color:#fff;background:var(--acc)}
#kebab-shop-page #images [role=tab]:hover{background:var(--fa-soft)}
#kebab-shop-page #images [role=tab][aria-selected=true]:hover{background:var(--acc)}
#kebab-shop-page #images [dir=rtl].w-full>div.relative{flex:none;width:54%}
#kebab-shop-page #images .flex-\[0_0_100\%\],#kebab-shop-page #images .flex-\[0_0_100\%\]>div>div{padding:0}
#kebab-shop-page #images .flex-\[0_0_100\%\]>div>div>div{background:#fff;border:3px solid var(--nv);border-radius:1rem;min-height:26rem}
#kebab-shop-page #images img[data-nimg=fill]{object-fit:contain;padding:0}
#kebab-shop-page #images button[aria-label=آیتم\ بعدی],#kebab-shop-page #images button[aria-label=آیتم\ قبلی]{display:none}
#kebab-shop-page #images button[aria-label=بزرگنمایی\ تصویر]{color:var(--nv);background:#fff;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:0 2px 8px #0003}}
#kebab-shop-page .mt-12{margin-top:calc(var(--spacing) * 12)}
#kebab-shop-page .mb-20{margin-bottom:calc(var(--spacing) * 20)}
#kebab-shop-page .text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}
@media (hover:hover){#kebab-shop-page .hover\:-translate-x-1:hover{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#kebab-shop-page .hover\:opacity-90:hover{opacity:.9}}
@media (min-width:40rem){#kebab-shop-page .sm\:order-1{order:1}
#kebab-shop-page .sm\:order-2{order:2}
#kebab-shop-page .sm\:justify-between{justify-content:space-between}
#kebab-shop-page .sm\:py-7{padding-block:calc(var(--spacing) * 7)}}
@media (min-width:48rem){#kebab-shop-page .md\:mt-0{margin-top:0}
#kebab-shop-page .md\:mb-72{margin-bottom:calc(var(--spacing) * 72)}
#kebab-shop-page .md\:justify-start{justify-content:flex-start}}
@media (min-width:64rem){#kebab-shop-page .lg\:py-10{padding-block:calc(var(--spacing) * 10)}}

/* ===== صفحه «نرم افزار رستورانی تحت وب» — مسیر #web-restaurant =====
   طراحی و چیدمان همان صفحه‌ی اصلی تحت وب است؛ چارچوب، حاشیه‌ی راست/چپ سکشن‌ها، فونت Vazirmatn و رنگ‌ها
   مثل صفحه‌ی «اتوماسیون تغذیه» از پالت همین سایت (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند. */
#kebab-shop-page{--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good);--color-orange-100:var(--fa-soft);--color-orange-300:var(--gold1)}
#kebab-shop-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #kebab-shop-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #kebab-shop-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#kebab-shop-page{--text-7xl:4.5rem;--text-7xl--line-height:1}
#kebab-shop-page[hidden]{display:none}
html.is-web body>section:not(#mp-sec),html.is-web #nl-sec,html.is-web #cta-band,html.is-web .pgx{display:none!important}
#kebab-shop-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#kebab-shop-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#kebab-shop-page .semibold-fanum-font,#kebab-shop-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#kebab-shop-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#kebab-shop-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#kebab-shop-page a{color:inherit;text-decoration:none}
#kebab-shop-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#kebab-shop-page input[type=checkbox]{accent-color:var(--gold1)}
#kebab-shop-page .bg-white{background-color:var(--sec-alt)}
#kebab-shop-page .text-black{color:var(--ink)}
#kebab-shop-page .text-primary{color:var(--ink)}
#kebab-shop-page .text-\[\#0A2745\]{color:var(--ink)}
#kebab-shop-page .border-\[\#0A2745\]{border-color:var(--ink)}
#kebab-shop-page .bg-primary.text-white,#kebab-shop-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
@media (hover:hover){#kebab-shop-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#kebab-shop-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#kebab-shop-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#kebab-shop-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#kebab-shop-page .faq-open svg{transition:transform .2s}
#kebab-shop-page .no-scrollbar{scrollbar-width:none}
#kebab-shop-page .no-scrollbar::-webkit-scrollbar{display:none}
#kebab-shop-page .sol-toast{background:var(--nv);color:#f6ecd6;z-index:4000;text-align:center;border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#kebab-shop-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#kebab-shop-page .ab-menu.open{display:block}
#kebab-shop-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#kebab-shop-page .ab-menu button:hover,#kebab-shop-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#kebab-shop-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#kebab-shop-page .ab-msg:empty{display:none}
#kebab-shop-page .ab-msg.err{color:#ffb4aa}
/* هیرو: زمینه‌ی اسپرسو (به‌جای سرمه‌ای)، متن و دکمه‌ها مثل هیروی صفحه‌ی اتوماسیون تغذیه */
#kebab-shop-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,#2b2118 60%,#1c1712 100%)}
#kebab-shop-page >div>div.relative h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#kebab-shop-page >div>div.relative h1 .text-\[\#FF4C00\]{color:var(--gold1,#d6b374)}
#kebab-shop-page >div>div.relative h2{color:#efe4d2;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#kebab-shop-page >div>div.relative p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#kebab-shop-page >div>div.relative a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#kebab-shop-page >div>div.relative a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#kebab-shop-page >div>div.relative a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* نوار فهرست بخش‌ها: چسبان زیر هدر (مثل صفحه‌ی اتوماسیون تغذیه) */
#kebab-shop-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#kebab-shop-page #kb-toc{background:var(--acc)!important;position:sticky;top:var(--wb-top,0px);z-index:19;transition:box-shadow .25s}
#kebab-shop-page #kb-toc.wb-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#kebab-shop-page section[id^="wb-"]{scroll-margin-top:calc(var(--wb-top,0px) + var(--wb-bar,64px) + 10px)}
/* نظرات: فقط یک صفحه نظر در منبع وجود دارد؛ صفحه‌بندی بی‌اثر مخفی شد */
#kebab-shop-page nav[aria-label="صفحه‌بندی"]{display:none}
/* ===== نمایش بزرگ تصویر مشابه صفحه‌ی اتوماسیون تغذیه: نام تب، فلش قبلی/بعدی، دکمه‌ی بستن ===== */
#kebab-shop-page #kb-lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#kebab-shop-page #kb-lightbox.open{display:flex}
#kebab-shop-page #kb-lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#food-page .no-scrollbar{scrollbar-width:none}
#food-page .no-scrollbar::-webkit-scrollbar{display:none}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .faq-open svg{transition:transform .2s}
#food-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#food-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#food-page #service-menu.open{display:block}
#food-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#food-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#food-page .left-\[35\%\]{
    left: 35%;
  }
#food-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#food-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#food-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#food-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#food-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#food-page .min-h-screen{
    min-height: 100vh;
  }
#food-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#food-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#food-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#food-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#food-page .max-w-xl{
    max-width: var(--container-xl);
  }
#food-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#food-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .flex-wrap{
    flex-wrap: wrap;
  }
#food-page .justify-around{
    justify-content: space-around;
  }
#food-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#food-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#food-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#food-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#food-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#food-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#food-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#food-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#food-page .bg-ab-card{
    background-color: var(--card);
  }
#food-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#food-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#food-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#food-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#food-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#food-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#food-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#food-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#food-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#food-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#food-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#food-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#food-page .text-ab-cream{
    color: #f6ecd6;
  }
#food-page .text-ab-ink{
    color: var(--ink);
  }
#food-page .text-ab-mut{
    color: var(--mut);
  }
#food-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#food-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#food-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#food-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#food-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#food-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#food-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#food-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#food-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#food-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#food-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#food-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#food-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#food-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#food-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#food-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#food-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#food-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#food-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#food-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#food-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#food-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#food-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#food-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#food-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#food-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#food-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#food-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#food-page .lg\:h-\[550px\]{
      height: 550px;
    }
#food-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#food-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#food-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#food-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#food-page .xl\:h-auto{
      height: auto;
    }
#food-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#food-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#food-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#food-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#food-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#food-page .xl\:py-0{
      padding-block: 0px;
    }
#food-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#food-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#food-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#food-page .ab-menu.open{display:block}
#food-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#food-page .ab-menu button:hover,#food-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#food-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#food-page .ab-msg:empty{display:none}
#food-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#food-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#food-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#food-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#food-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#food-page .brand-scroll-animation{--g:5rem}}
#food-page .brand-scroll-animation:hover{animation-play-state:paused}
#food-page .brand-scroll-animation,#food-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#food-page *{transition:none!important}#food-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#food-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#food-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#food-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#food-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#food-page [id^=fa-]{scroll-margin-top:120px}
#food-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#food-page .semibold-fanum-font,#food-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#food-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#food-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#food-page a{color:inherit;text-decoration:none}
#food-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#food-page input[type=checkbox]{accent-color:var(--gold1)}
#food-page .bg-white{background-color:var(--sec-alt)}
#food-page .text-black{color:var(--ink)}
#food-page .text-\[\#0A2745\],#food-page .text-secondary{color:var(--ink)}
#food-page .bg-primary.text-white,#food-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#food-page .bg-secondary.text-white,#food-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#food-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#food-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#food-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .sol-toast{background:var(--nv);color:#f6ecd6}
#food-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#kebab-shop-page #kb-lightbox img{background:var(--card)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#kebab-shop-page #kb-lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#kebab-shop-page #kb-lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#kebab-shop-page #kb-lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#kebab-shop-page #kb-lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#kebab-shop-page #kb-lightbox .lb-x,#kebab-shop-page #kb-lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#kebab-shop-page #kb-lightbox .lb-x{top:14px;left:14px}
#kebab-shop-page #kb-lightbox .lb-nav{top:50%;margin-top:-22px}
#kebab-shop-page #kb-lightbox .lb-prev{right:14px}
#kebab-shop-page #kb-lightbox .lb-next{left:14px}
#kebab-shop-page #kb-lightbox .lb-x:hover,#kebab-shop-page #kb-lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#kebab-shop-page #kb-lightbox .lb-x:focus-visible,#kebab-shop-page #kb-lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #kebab-shop-page #kb-lightbox{padding:60px 12px 84px}
 #kebab-shop-page #kb-lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #kebab-shop-page #kb-lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #kebab-shop-page #kb-lightbox .lb-prev{right:16px}
 #kebab-shop-page #kb-lightbox .lb-next{left:16px}
 #kebab-shop-page #kb-lightbox figcaption{max-width:calc(100vw - 150px)}}
@media (prefers-reduced-motion:reduce){#kebab-shop-page *{transition:none!important}}

/* حاشیه‌ی راست/چپ یکسان همه‌ی سکشن‌ها مثل صفحه‌ی اتوماسیون تغذیه */
#kebab-shop-page{--wb-px:clamp(1rem,4vw + .5rem,9rem)}
@media(min-width:96rem){#kebab-shop-page{--wb-px:clamp(2rem,12vw + 20rem,16rem)}}
#kebab-shop-page >div>div.relative{border-radius:0 0 48px 48px}
#kebab-shop-page #kb-packages>div.flex:not(.pr-first){padding-inline:var(--wb-px)}
/* پکیج‌ها: هم‌رنگ و هم‌استایل تب اول صفحه قیمت‌ها */
#kebab-shop-page #kb-packages{--color-secondary:var(--nv)}
#kebab-shop-page #kb-packages .text-secondary{color:var(--ink)}
#kebab-shop-page #kb-packages .bg-white{background-color:var(--sec-alt)}
#kebab-shop-page #kb-packages .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
@media (hover:hover){
#kebab-shop-page #kb-packages .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}
#kebab-shop-page #kb-packages .group-hover\:border-\[\#0A2745\]:is(:where(.group):hover *){border-color:var(--ink)}
#kebab-shop-page #kb-packages .group-hover\:text-\[\#0A2745\]:is(:where(.group):hover *){color:var(--ink)}
#kebab-shop-page #kb-packages .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px rgba(43,33,24,.22), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page #kb-packages .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px rgba(43,33,24,.28), 0 10px 0 0 var(--ink), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#kebab-shop-page #kb-packages .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]:is(:where(.group):hover *){--tw-shadow:0 8px 24px color-mix(in srgb,var(--acc) 38%,transparent);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
}
@media (min-width:48rem){#kebab-shop-page .md\:p-24{padding:calc(var(--spacing) * 24)}}
#kebab-shop-page #kb-pro-features article{padding-inline:var(--wb-px)}
#kebab-shop-page #kb-pro-features article>div{padding-inline:0!important}
#kebab-shop-page #kb-images .flex-\[0_0_100\%\]{padding:0}
#kebab-shop-page #kb-images .flex-\[0_0_100\%\] .p-2{padding:0}
#kebab-shop-page #kb-modules .CONTENT_CLASSES{padding-inline:0!important;margin-inline:0!important;max-width:none!important}
#kebab-shop-page #kb-modules>div>div{padding-inline:var(--wb-px)}

/* نمایی از محیط کاربری: تصویر در سمت چپ + دکمه‌های دو‌ستونه در سمت راست */
#kebab-shop-page .wb-gal{display:flex;flex-direction:row;align-items:center;gap:clamp(20px,3vw,48px);width:100%}
#kebab-shop-page .wb-tabs{flex:0 0 42%;display:grid;grid-template-columns:1fr 1fr;gap:14px}
#kebab-shop-page .wb-tab{cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:10px 14px;border:2px solid var(--nv);border-radius:999px;background:transparent;color:var(--ink);font-size:clamp(13px,1.05vw,17px);line-height:1.6;transition:background .2s,color .2s,box-shadow .2s}
#kebab-shop-page .wb-tab:hover{background:color-mix(in srgb,var(--nv) 10%,transparent)}
#kebab-shop-page .wb-tab[aria-selected=true]{background:var(--nv);color:#f6ecd6;box-shadow:0 8px 22px -10px var(--nv)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #kebab-shop-page .wb-tab{border-color:var(--line)}:root:not([data-theme="light"]) #kebab-shop-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}}
:root[data-theme="dark"] #kebab-shop-page .wb-tab{border-color:var(--line)}
:root[data-theme="dark"] #kebab-shop-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}
#kebab-shop-page .wb-stage{position:relative;flex:1 1 0;min-width:0;aspect-ratio:16/9.6;background:transparent;border:0;border-radius:0;overflow:hidden}
#kebab-shop-page .wb-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:0}
#kebab-shop-page .wb-zoom{position:absolute;top:10px;right:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;font-size:26px;line-height:1;color:#0A2745;background:#fff;border:1px solid rgba(10,39,69,.18);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;transition:opacity .2s,transform .2s}
#kebab-shop-page .wb-zoom:hover{opacity:.85;transform:scale(1.06)}
#kebab-shop-page .wb-zoom:focus-visible{outline:2px solid #d6b374;outline-offset:2px}
@media(max-width:900px){#kebab-shop-page .wb-gal{flex-direction:column-reverse;align-items:stretch}#kebab-shop-page .wb-stage{flex:none;width:100%}#kebab-shop-page .wb-tabs{flex:none}#kebab-shop-page .wb-tab{min-height:46px;padding:8px 10px}}
#kebab-shop-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#kebab-shop-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#kebab-shop-page .bg-ab-card{
    background-color: var(--card);
  }
#kebab-shop-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#kebab-shop-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#kebab-shop-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#kebab-shop-page .text-ab-cream{
    color: #f6ecd6;
  }
#kebab-shop-page .text-ab-ink{
    color: var(--ink);
  }
#kebab-shop-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#kebab-shop-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#kebab-shop-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#kebab-shop-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#kebab-shop-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#kebab-shop-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#kebab-shop-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#kebab-shop-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#kebab-shop-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#kebab-shop-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#kebab-shop-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#kebab-shop-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#kebab-shop-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#kebab-shop-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#kebab-shop-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#kebab-shop-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#kebab-shop-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#kebab-shop-page .bg-ab-card{
    background-color: var(--card);
  }
#kebab-shop-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#kebab-shop-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#kebab-shop-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#kebab-shop-page .text-ab-cream{
    color: #f6ecd6;
  }
#kebab-shop-page .text-ab-ink{
    color: var(--ink);
  }
#kebab-shop-page .text-ab-mut{
    color: var(--mut);
  }
#kebab-shop-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#kebab-shop-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#kebab-shop-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#kebab-shop-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#kebab-shop-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#kebab-shop-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#kebab-shop-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#kebab-shop-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#kebab-shop-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#kebab-shop-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#kebab-shop-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#kebab-shop-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#kebab-shop-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#kebab-shop-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#kebab-shop-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#kebab-shop-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#kebab-shop-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#kebab-shop-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#kebab-shop-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }

#kebab-shop-page .bg-ab-gold\/45:focus,#kebab-shop-page .focus\:bg-ab-gold\/45:focus{background-color:color-mix(in oklab,#d6b374 45%,transparent)}
#kebab-shop-page .app-actions{gap:14px;flex-wrap:wrap}
#kebab-shop-page .app-dl{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.5rem;border-radius:999px;background:var(--acc);color:var(--on-acc,#fff);font-size:clamp(13px,1.1vw,18px);transition:transform .25s,box-shadow .25s}
#kebab-shop-page .app-dl:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--acc)}
#kebab-shop-page section[aria-label="اعلان نسخه اندروید نرم‌افزار رستوران سول"]{margin-bottom:0}
#kebab-shop-page section.md\:mb-72{margin-bottom:0!important}
#kebab-shop-page section.md\:mb-72{margin-top:-44px!important}
@media(min-width:48rem){#kebab-shop-page section.md\:mb-72{margin-top:-86px!important}}
@media(min-width:80rem){#kebab-shop-page section.md\:mb-72{margin-top:-194px!important}}
@media(min-width:96rem){#kebab-shop-page section.md\:mb-72{margin-top:-210px!important}}
/* فاصله‌ی نوار قرمز: هم‌اندازه‌ی اون توی صفحه‌ی اتوماسیون تغذیه (--fa-gap) */
#kebab-shop-page{--fa-gap:clamp(12px,1.8vw,24px)}
#kebab-shop-page #kb-toc{margin-top:var(--fa-gap)!important}
#kebab-shop-page #kb-toc + section{margin-top:var(--fa-gap)!important;padding-top:6rem}
#kebab-shop-page #kb-toc + section>div>div>h2:first-child{margin-top:0!important}
/* امکانات: رنگ عنوان کارت‌ها مثل صفحه ویندوزی */
#kebab-shop-page #kb-features-list .text-secondary{color:var(--ink)}
/* ===== هایلایت قابلیت آفلاین در هیروی صفحه وب ===== */
@media(min-width:64rem){#kebab-shop-page>div>div.relative{height:auto;min-height:calc(var(--spacing)*194);padding-bottom:204px}}
@media(min-width:80rem){#kebab-shop-page>div>div.relative{padding-bottom:312px}}
@media(min-width:96rem){#kebab-shop-page>div>div.relative{padding-bottom:328px}}
#kebab-shop-page .ofl{position:relative;isolation:isolate;overflow:hidden;direction:rtl;width:min(100%,1180px);margin:clamp(14px,2vw,26px) auto 0;padding:clamp(18px,2vw,28px) clamp(18px,2.6vw,38px);border-radius:28px;color:#fff;text-align:right;display:flex;align-items:center;gap:clamp(16px,2.4vw,34px);background:linear-gradient(120deg,#7d1f19 0%,#b3342b 52%,#7d1f19 100%);border:2px solid var(--gold1,#d6b374);box-shadow:0 24px 50px -18px rgba(0,0,0,.75),0 0 0 7px rgba(227,194,138,.14);animation:ofl-in .9s .3s both cubic-bezier(.2,.8,.2,1)}
#kebab-shop-page .ofl:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 14px,transparent 14px 28px)}
#kebab-shop-page .ofl:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,236,190,.28) 50%,transparent 62%);transform:translateX(-130%);animation:ofl-sw 5s ease-in-out infinite}
#kebab-shop-page .ofl-ic{position:relative;flex:none;width:clamp(64px,6.4vw,92px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.28);border:2px solid rgba(251,230,174,.7)}
#kebab-shop-page .ofl-ic:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(251,230,174,.55);animation:ofl-p 2.4s ease-out infinite}
#kebab-shop-page .ofl-ic svg{width:56%;height:56%}
#kebab-shop-page .ofl-ok{position:absolute;bottom:-4px;left:-4px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:900;color:#fff;background:#2f9e5b;border:3px solid #7d1f19}
#kebab-shop-page .ofl-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}
#kebab-shop-page .ofl-k{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;font-size:13px;font-weight:800;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f)}
#kebab-shop-page .ofl-k i{width:8px;height:8px;border-radius:50%;background:#b3342b;animation:ofl-d 1.4s ease-in-out infinite}
#kebab-shop-page .ofl-h{margin:0;font-weight:900;font-size:clamp(20px,2.3vw,36px);line-height:1.45;color:#fff}
#kebab-shop-page .ofl-p{margin:0;font-weight:500;font-size:clamp(13px,1.2vw,17px);line-height:1.9;color:#fbe9d0}
#kebab-shop-page .ofl-ch{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
#kebab-shop-page .ofl-ch li{padding:4px 13px;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:700;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}
#kebab-shop-page .ofl-go{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:290px;padding:14px 26px;border-radius:999px;font-size:clamp(14px,1.2vw,17px);font-weight:900;line-height:1.6;text-align:center;text-decoration:none;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f);box-shadow:0 12px 26px -8px rgba(0,0,0,.6);transition:transform .2s,filter .2s}
#kebab-shop-page .ofl-go:hover{transform:translateY(-2px);filter:brightness(1.06)}
#kebab-shop-page .ofl-go:focus-visible{outline:3px solid #fff;outline-offset:3px}
#kebab-shop-page .ofl-go svg{flex:none;width:20px;height:20px;transition:transform .25s}
#kebab-shop-page .ofl-go:hover svg{transform:translateX(-5px)}
@keyframes ofl-in{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ofl-sw{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@keyframes ofl-p{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.28);opacity:0}}
@keyframes ofl-d{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:860px){#kebab-shop-page .ofl{flex-direction:column;text-align:center;border-radius:24px}#kebab-shop-page .ofl-k{align-self:center}#kebab-shop-page .ofl-ch{justify-content:center}#kebab-shop-page .ofl-go{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){#kebab-shop-page .ofl,#kebab-shop-page .ofl:after,#kebab-shop-page .ofl-ic:before,#kebab-shop-page .ofl-k i{animation:none}}
#kebab-shop-page #kb-toc>div>.lg\:-mt-32{margin-top:0!important}
#kebab-shop-page #kb-modules a.group{color:inherit;text-decoration:none}

/* امکانات حرفه‌ای: تصویر چسبیده به لبه‌ی صفحه (مارجین صفر)، متن با مارجین استاندارد، ارتفاع هر بخش = یک ویو */
#kebab-shop-page #kb-pro-features{--pf-h:clamp(360px,calc(100svh - 190px),780px)}
#kebab-shop-page #kb-pro-features article{box-sizing:border-box;padding-inline:0!important;overflow:hidden}
#kebab-shop-page #kb-pro-features article>div{margin-inline:0!important;min-width:0}
#kebab-shop-page #kb-pro-features article>div:first-child{padding:0!important}
#kebab-shop-page #kb-pro-features article>div:first-child>.relative{translate:none!important;margin:0!important;width:100%}
#kebab-shop-page #kb-pro-features article>div:first-child img{object-fit:contain!important}
#kebab-shop-page #kb-pro-features article>div:last-child{padding-inline:var(--wb-px)!important}
@media(min-width:1024px){
 #kebab-shop-page #kb-pro-features article{display:flex;flex-direction:row;align-items:center;margin-top:clamp(20px,4vh,48px)!important;min-height:var(--pf-h)}
 #kebab-shop-page #kb-pro-features article>div:first-child{flex:0 0 min(60%,calc(var(--pf-h)*1.3334));width:min(60%,calc(var(--pf-h)*1.3334))!important;max-width:none}
 #kebab-shop-page #kb-pro-features article>div:first-child>.relative{aspect-ratio:auto!important;min-height:0!important;height:min(var(--pf-h),calc(60vw*.75))}
 #kebab-shop-page #kb-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:first-child img{object-position:left center}
 #kebab-shop-page #kb-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:first-child img{object-position:right center}
 #kebab-shop-page #kb-pro-features article>div:last-child{flex:1 1 0;width:auto!important;max-width:none}
 #kebab-shop-page #kb-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:last-child{padding-left:clamp(16px,2vw,40px)!important;padding-right:var(--wb-px)!important}
 #kebab-shop-page #kb-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:last-child{padding-right:clamp(16px,2vw,40px)!important;padding-left:var(--wb-px)!important}
 /* فشرده‌سازی متن تا ارتفاع در یک ویو جا شود */
 #kebab-shop-page #kb-pro-features article>div:last-child{padding-top:0!important}
 #kebab-shop-page #kb-pro-features article h3{margin-bottom:clamp(6px,1.4vh,18px)!important;font-size:clamp(17px,2.6vh,26px)!important}
 #kebab-shop-page #kb-pro-features article h3>span:first-child{font-size:clamp(48px,10vh,100px)!important;line-height:1}
 #kebab-shop-page #kb-pro-features article ul{font-size:clamp(11px,1.7vh,15px)!important}
 #kebab-shop-page #kb-pro-features article ul>li+li{margin-top:clamp(4px,1vh,11px)!important}
}
/* رنگ‌های نارنجی (با شفافیت) در این سکشن → رنگ اصلی سایت */
#kebab-shop-page #kb-pro-features .text-\[\#FF4C00\]\/30{color:color-mix(in srgb,var(--acc) 30%,transparent)}
#kebab-shop-page #kb-pro-features .bg-\[\#FF4C00\]\/10,#kebab-shop-page #kb-pro-features .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:color-mix(in srgb,var(--acc) 10%,transparent)}
#kebab-shop-page #kb-pro-features .bg-\[\#FF4C00\]\/20{background-color:color-mix(in srgb,var(--acc) 20%,transparent)}
#kebab-shop-page #kb-pro-features .border-\[\#FF4C00\]\/20,#kebab-shop-page #kb-pro-features .hover\:border-\[\#FF4C00\]\/30:hover{border-color:color-mix(in srgb,var(--acc) 25%,transparent)}
#kebab-shop-page #kb-pro-features [class*="FF4C00"]{--tw-shadow-color:color-mix(in srgb,var(--acc) 40%,transparent)}

/* تصاویر ویژگی‌های حرفه‌ای: قاب دستگاه + کارت + دایره‌ی هم‌رنگ سایت */
#kebab-shop-page #kb-pro-features .pf-art{position:absolute;inset:0}
#kebab-shop-page #kb-pro-features .pf-circle{position:absolute;width:56%;aspect-ratio:1;border-radius:50%;top:0;background:var(--acc);z-index:0}
#kebab-shop-page #kb-pro-features .pf-dev{position:absolute;z-index:1;top:8%;width:94%;aspect-ratio:3148/2244;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
#kebab-shop-page #kb-pro-features .pf-dev img{display:block;width:100%;height:100%;object-fit:contain!important;position:static!important}
#kebab-shop-page #kb-pro-features .pf-pop{position:absolute;z-index:2;bottom:2%;max-width:80%;height:auto;object-fit:contain!important}
#kebab-shop-page #kb-pro-features .pf-L .pf-dev{left:-5%}
#kebab-shop-page #kb-pro-features .pf-L .pf-circle{right:2%}
#kebab-shop-page #kb-pro-features .pf-L .pf-pop{right:3%}
#kebab-shop-page #kb-pro-features .pf-R .pf-dev{right:-5%}
#kebab-shop-page #kb-pro-features .pf-R .pf-circle{left:2%}
#kebab-shop-page #kb-pro-features .pf-R .pf-pop{left:3%}


#kebab-shop-page .vx-sec{--d:clamp(240px,27vw,400px);border-top:1px dashed var(--gold2);text-align:center}
#kebab-shop-page .vx-cmp{display:inline-block;padding:5px 16px;border:1px dashed var(--gold2);border-radius:999px;font-size:13px;font-weight:800;color:var(--goldtxt)}
#kebab-shop-page .vx-hd h2{margin:.5em 0 0;font-size:clamp(26px,3.4vw,52px);line-height:1.5;font-weight:800;color:var(--hn)}
#kebab-shop-page .vx-hd h2 em{font-style:normal;background:linear-gradient(90deg,var(--gold2),var(--gold1));-webkit-background-clip:text;background-clip:text;color:transparent}
#kebab-shop-page .vx-hd p{margin:.4em auto 0;max-width:46ch;font-size:clamp(14px,1.1vw,16px);line-height:2;color:var(--mut)}
#kebab-shop-page .vx-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(16px,2vw,30px) clamp(16px,2vw,30px);margin-top:clamp(20px,2.5vw,40px);align-items:stretch}
#kebab-shop-page .vx-card{position:relative;display:flex;flex-direction:column;margin-top:calc(var(--d)*.46);border-radius:36px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
#kebab-shop-page .vx-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),color-mix(in srgb,var(--gold2) 16%,transparent) 0 1px,transparent 1px 34px)}
#kebab-shop-page .vx-web{color:#f6ecd9;border-color:rgba(214,179,116,.3);background:linear-gradient(160deg,#3d2e1f,#2a2018);box-shadow:var(--shadow)}
#kebab-shop-page .vx-web:before{background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),rgba(246,236,217,.06) 0 1px,transparent 1px 34px)}
#kebab-shop-page .vx-media{position:relative;z-index:1;width:var(--d);aspect-ratio:1;margin:calc(var(--d)*-.46) auto 0}
#kebab-shop-page .vx-ph{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 clamp(3px,.45vw,6px) rgba(214,179,116,.55),0 30px 60px -26px rgba(40,26,10,.65)}
#kebab-shop-page .vx-ring{position:absolute;inset:-5%;border-radius:50%;border:1.5px solid rgba(214,179,116,.5);pointer-events:none}
#kebab-shop-page .vx-ring:after{content:"";position:absolute;bottom:3%;left:14%;width:9px;height:9px;border-radius:50%;background:var(--gold1);box-shadow:0 0 14px var(--gold1)}
#kebab-shop-page .vx-chip,#kebab-shop-page .vx-mini{position:absolute;z-index:2;display:flex;align-items:center;gap:.6em;color:var(--ink);background:var(--card);border:1px solid var(--line);box-shadow:0 14px 30px -14px rgba(60,40,10,.45)}
#kebab-shop-page .vx-web .vx-chip,#kebab-shop-page .vx-web .vx-mini{color:#f6ecd9;background:rgba(30,22,15,.62);border-color:rgba(246,236,217,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
#kebab-shop-page .vx-chip{left:-7%;top:58%;padding:.6em 1.2em;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:800;white-space:nowrap}
#kebab-shop-page .vx-chip svg{width:1.3em;height:1.3em;flex:none;color:var(--gold2)}
#kebab-shop-page .vx-web .vx-chip svg{color:#e3c28a}
#kebab-shop-page .vx-mini{right:-4%;bottom:5%;flex-direction:column;align-items:stretch;gap:0;min-width:128px;padding:12px 16px;border-radius:20px;text-align:start;font-size:clamp(11px,.95vw,13px)}
#kebab-shop-page .vx-mini small{font-weight:700;opacity:.9}
#kebab-shop-page .vx-mini b{margin-top:4px;color:var(--leaf);font-size:1.1em}
#kebab-shop-page .vx-bars{display:flex;align-items:flex-end;gap:5px;height:32px;margin-top:9px;direction:ltr}
#kebab-shop-page .vx-bars i{flex:1;height:var(--h);border-radius:3px;background:linear-gradient(180deg,#d6e8b8,#7fa560);transform-origin:bottom}
#kebab-shop-page .vx-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;padding:clamp(20px,2vw,30px) clamp(20px,2.8vw,48px) clamp(26px,2.8vw,44px)}
#kebab-shop-page .vx-body .vx-t{margin:0;font-size:clamp(24px,2.4vw,38px);font-weight:800;line-height:1.5;color:var(--hn)}
#kebab-shop-page .vx-web .vx-t{color:#fff6e4}
#kebab-shop-page .vx-sub{margin:.1em 0 .9em;font-size:clamp(17px,1.6vw,24px);font-weight:700;line-height:1.6;color:var(--goldtxt)}
#kebab-shop-page .vx-web .vx-sub{color:#e3c28a}
#kebab-shop-page .vx-desc{margin:0 auto 1em;max-width:58ch;font-size:clamp(14px,1.08vw,16.5px);line-height:2.15;color:var(--ink)}
#kebab-shop-page .vx-web .vx-desc{color:rgba(246,236,217,.86)}
#kebab-shop-page .vx-aud{display:inline-flex;align-items:center;gap:10px;margin:0 auto 1.6em;padding:9px 18px 9px 20px;border-radius:999px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 28%,transparent)}
#kebab-shop-page .vx-web .vx-aud{background:rgba(214,179,116,.12);border-color:rgba(214,179,116,.3)}
#kebab-shop-page .vx-aud svg{width:19px;height:19px;flex:none;color:var(--leaf)}
#kebab-shop-page .vx-web .vx-aud svg{color:#e3c28a}
#kebab-shop-page .vx-vl{display:flex;align-items:center;gap:14px;margin:0 auto .9em;width:min(100%,460px);font-size:13.5px;font-weight:800;color:var(--leaf)}
#kebab-shop-page .vx-vl:before,#kebab-shop-page .vx-vl:after{content:"";flex:1;height:1px;background:currentColor;opacity:.3}
#kebab-shop-page .vx-web .vx-vl{color:#a4c27f}
#kebab-shop-page .vx-ft{list-style:none;margin:0 auto 1.8em;padding:0;width:min(100%,460px);display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;text-align:start}
#kebab-shop-page .vx-ft li{display:flex;align-items:center;gap:10px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700}
#kebab-shop-page .vx-ft svg{flex:none;width:24px;height:24px;padding:5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#kebab-shop-page .vx-web .vx-ft svg{color:#a4c27f;background:rgba(164,194,127,.2)}
#kebab-shop-page .vx-ft .vx-star{grid-column:1/-1;padding:10px 16px;border-radius:16px;font-weight:800;color:#1c1712;background:linear-gradient(135deg,#e3c28a,#b58a45);box-shadow:0 10px 22px -12px #b58a45}
#kebab-shop-page .vx-ft .vx-star svg{width:26px;height:26px;padding:4px;color:#e3c28a;background:#1c1712}
#kebab-shop-page .vx-ft .vx-star em{margin-inline-start:auto;font-style:normal;font-size:.8em;padding:2px 10px;border-radius:999px;background:#1c1712;color:#e3c28a}
#kebab-shop-page .vx-act{margin-top:auto;display:flex;flex-direction:column;gap:12px}
#kebab-shop-page .vx-act a{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border-radius:999px;border:2px solid var(--acc);font-size:15px;font-weight:800;line-height:1.7;transition:transform .2s,filter .2s,background .2s,color .2s}
#kebab-shop-page .vx-b1{background:var(--acc);color:var(--on-acc)}
#kebab-shop-page .vx-b1:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 22px -10px var(--acc)}
#kebab-shop-page .vx-b2{border-color:var(--gold2)!important;color:var(--goldtxt)}
#kebab-shop-page .vx-b2:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#kebab-shop-page .vx-web .vx-b2{border-color:#e3c28a!important;color:#e3c28a}
#kebab-shop-page .vx-web .vx-b2:hover{color:#1c1712}
#kebab-shop-page .vx-new{padding:1px 10px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:11.5px;line-height:1.8}
#kebab-shop-page .vx-web .vx-b2:hover .vx-new{background:#1c1712;color:#e3c28a}
#kebab-shop-page .vx-act a:focus-visible{outline:3px solid var(--gold1);outline-offset:3px}
#kebab-shop-page .vx-ready .vx-media{opacity:0;transform:translateY(48px) scale(.94);transition:opacity .9s,transform 1.1s cubic-bezier(.2,.8,.2,1)}
#kebab-shop-page .vx-ready .vx-card:nth-child(2) .vx-media{transition-delay:.18s}
#kebab-shop-page .vx-ready .vx-chip,#kebab-shop-page .vx-ready .vx-mini{opacity:0;transition:opacity .7s .7s}
#kebab-shop-page .vx-ready .vx-bars i{transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.8,.2,1) calc(.9s + var(--d2,0s))}
#kebab-shop-page .vx-ready .vx-card.in .vx-media,#kebab-shop-page .vx-ready .vx-card.in .vx-chip,#kebab-shop-page .vx-ready .vx-card.in .vx-mini{opacity:1;transform:none}
#kebab-shop-page .vx-ready .vx-card.in .vx-bars i{transform:none}
@media(max-width:1000px){#kebab-shop-page .vx-sec{--d:clamp(230px,56vw,380px)}
#kebab-shop-page .vx-grid{grid-template-columns:1fr}}
@media(max-width:560px){#kebab-shop-page .vx-mini{display:none}
#kebab-shop-page .vx-ft{grid-template-columns:1fr}
#kebab-shop-page .vx-card{border-radius:28px}}
@media(prefers-reduced-motion:reduce){#kebab-shop-page .vx-ready .vx-media,#kebab-shop-page .vx-ready .vx-chip,#kebab-shop-page .vx-ready .vx-mini,#kebab-shop-page .vx-ready .vx-bars i,#kebab-shop-page .vx-act a{transition:none}}
@media(min-width:1001px){#kebab-shop-page .vx-sec{--d:clamp(230px,min(33vh,26vw),420px)}}
#kebab-shop-page .vx-card{margin-top:calc(var(--d)*.44);border-radius:30px}
#kebab-shop-page .vx-media{margin-top:calc(var(--d)*-.44)}
#kebab-shop-page .vx-cmp{padding:3px 14px;font-size:12px}
#kebab-shop-page .vx-hd h2{margin:.25em 0 0;font-size:clamp(22px,2.3vw,36px);line-height:1.4}
#kebab-shop-page .vx-hd p{display:none}
#kebab-shop-page .vx-grid{margin-top:clamp(6px,1.2vh,14px);gap:clamp(14px,1.6vw,24px)}
#kebab-shop-page .vx-chip{left:-13%;top:50%;padding:.5em 1em}
#kebab-shop-page .vx-mini{right:-9%;bottom:-3%;min-width:108px;padding:9px 12px}
#kebab-shop-page .vx-body{padding:clamp(12px,1.6vh,18px) clamp(18px,2.4vw,36px) clamp(18px,2.4vh,26px)}
#kebab-shop-page .vx-body .vx-t{font-size:clamp(20px,1.9vw,29px);line-height:1.4}
#kebab-shop-page .vx-sub{margin:0 0 .5em;font-size:clamp(15px,1.25vw,19px);line-height:1.5}
#kebab-shop-page .vx-desc{margin-bottom:.7em;font-size:clamp(13px,.95vw,14.5px);line-height:1.95}
#kebab-shop-page .vx-aud{margin-bottom:1em;padding:6px 16px 6px 18px;font-size:13px}
#kebab-shop-page .vx-aud svg{width:17px;height:17px}
#kebab-shop-page .vx-vl{margin-bottom:.6em;font-size:12.5px}
#kebab-shop-page .vx-ft{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-bottom:1.1em}
#kebab-shop-page .vx-ft li{padding:5px 14px 5px 10px;border-radius:999px;font-size:13.5px;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 26%,transparent)}
#kebab-shop-page .vx-web .vx-ft li{background:rgba(164,194,127,.12);border-color:rgba(164,194,127,.28)}
#kebab-shop-page .vx-ft svg{width:20px;height:20px;padding:4px}
#kebab-shop-page .vx-web .vx-ft .vx-star,#kebab-shop-page .vx-ft .vx-star{flex:1 1 100%;max-width:340px;padding:7px 14px;border:0;background:linear-gradient(135deg,#e3c28a,#b58a45)}
#kebab-shop-page .vx-web .vx-ft .vx-star svg,#kebab-shop-page .vx-ft .vx-star svg{width:22px;height:22px;color:#e3c28a;background:#1c1712}
#kebab-shop-page .vx-act{gap:8px}
#kebab-shop-page .vx-act a{padding:10px 20px;font-size:14px}
#kebab-shop-page .vx-desc{max-width:84ch}
#kebab-shop-page .vx-act{flex-direction:row;flex-wrap:wrap;justify-content:center}
#kebab-shop-page .vx-act a{flex:1 1 auto;padding:10px 16px;font-size:13.5px}
#kebab-shop-page .vx-chip{font-size:clamp(12px,.9vw,14px)}
#kebab-shop-page .vx-chip,#kebab-shop-page .vx-mini{display:none!important}
@keyframes vx-spin{to{rotate:360deg}}
@keyframes vx-pulse{0%{transform:scale(.97);opacity:.55}100%{transform:scale(1.2);opacity:0}}
#kebab-shop-page .vx-ring{inset:-6%;border:1.5px dashed rgba(227,194,138,.6);animation:vx-spin 50s linear infinite}
#kebab-shop-page .vx-win .vx-ring{border-color:color-mix(in srgb,var(--gold2) 65%,transparent)}
#kebab-shop-page .vx-ring:before{content:"";position:absolute;inset:-2px;border-radius:50%;
background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold1) 30%,transparent) 78%,#f3d9a0 100%);
-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
animation:vx-spin 6s linear infinite reverse}
#kebab-shop-page .vx-win .vx-ring:before{background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold2) 35%,transparent) 78%,var(--gold2) 100%)}
#kebab-shop-page .vx-ring:after{bottom:auto;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;background:#f3d9a0;box-shadow:0 0 0 4px rgba(227,194,138,.2),0 0 16px 2px var(--gold1)}
#kebab-shop-page .vx-media:after{content:"";position:absolute;inset:-6%;border-radius:50%;border:1.5px solid var(--gold1);pointer-events:none;animation:vx-pulse 4.2s cubic-bezier(.2,.6,.3,1) infinite}
#kebab-shop-page .vx-card:nth-child(2) .vx-media:after{animation-delay:2.1s}
#kebab-shop-page .vx-card:hover .vx-ring{animation-duration:14s}
@media(prefers-reduced-motion:reduce){#kebab-shop-page .vx-ring,#kebab-shop-page .vx-ring:before,#kebab-shop-page .vx-media:after{animation:none}}

#kebab-shop-page .vx-sec{border-top:0}
#kebab-shop-page .vx-ph{overflow:hidden;background:var(--bg2)}
#kebab-shop-page .vx-win .vx-ph{background:var(--card)}
#kebab-shop-page .vx-rec{position:absolute;z-index:3;top:18px;left:22px;padding:4px 16px;border-radius:999px;border:1.5px solid var(--gold1);background:rgba(28,23,18,.55);color:#e3c28a;font-size:13px;font-weight:800;backdrop-filter:blur(8px)}
#kebab-shop-page .vx-pre{margin:0 auto;max-width:42rem;padding-inline:1rem;text-align:center;font-size:.875rem;line-height:1.9;color:var(--mut)}
@media(min-width:64rem){#kebab-shop-page .vx-pre{font-size:1rem}}
#kebab-shop-page .vx-sec{margin-top:clamp(12px,2vw,28px)}
#kebab-shop-page a.vx-b2[href="#"]{cursor:pointer}
html.is-kb body>section:not(#mp-sec),html.is-kb #nl-sec,html.is-kb #cta-band,html.is-kb .pgx,html.is-kb #hk-cards{display:none!important}


@media(min-width:1024px){#kebab-shop-page #kb-images h2{max-width:none;white-space:nowrap;font-size:min(48px,3.54vw)}}

#kb-versions .cv-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto repeat(10,auto) auto;column-gap:clamp(12px,2vw,28px);width:100%}
#kb-versions .cv-card{position:relative;grid-row:1/span 13;display:grid;grid-template-rows:subgrid;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
#kb-versions .cv-web{border:1.5px solid var(--gold2)}
#kb-versions .cv-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:clamp(8px,1.4vh,14px) 18px 2px}
#kb-versions .cv-t{font-weight:800;line-height:1.4;font-size:clamp(16px,2.3vh,23px);color:var(--hn,var(--ink))}
#kb-versions .cv-rec{order:2;flex:none;font-size:12px;font-weight:800;padding:3px 12px;border-radius:999px;background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#kb-versions .cv-d{margin:0;padding:0 20px clamp(6px,1.2vh,12px);font-size:clamp(12px,1.6vh,14px);line-height:1.7;color:color-mix(in srgb,var(--ink) 82%,var(--mut))}
#kb-versions .cv-c{display:flex;align-items:center;gap:10px;padding:clamp(3px,.55vh,7px) 18px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);font-size:clamp(12px,1.6vh,14.5px);line-height:1.6}
#kb-versions .cv-tx{display:flex;flex-direction:column}
#kb-versions .cv-tx b{font-weight:700}
#kb-versions .cv-tx small{font-size:.85em;opacity:.75}
#kb-versions .cv-ck{flex:none;width:20px;height:20px;padding:3.5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#kb-versions .cv-star{background:color-mix(in srgb,var(--gold1) 20%,transparent);font-weight:800}
#kb-versions .cv-off{background:color-mix(in srgb,var(--mut) 6%,transparent)}
#kb-versions .cv-no{width:100%;text-align:center;color:var(--mut);opacity:.6}
#kb-versions .cv-act{display:flex;gap:10px;padding:clamp(7px,1.1vh,12px) 18px clamp(8px,1.4vh,14px);border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
#kb-versions .cv-act a{flex:1;text-align:center;font-weight:700;font-size:clamp(12.5px,1.7vh,14.5px);padding:clamp(6px,1vh,10px) 12px;border-radius:999px;transition:transform .2s,filter .2s}
#kb-versions .cv-b1{background:var(--acc);color:var(--on-acc)}
#kb-versions .cv-b2{border:1.5px solid var(--gold2);color:var(--goldtxt)}
#kb-versions .cv-act a:hover{transform:translateY(-2px);filter:brightness(1.08)}
@media(max-width:700px){
#kb-versions .cv-grid{grid-template-columns:1fr;grid-template-rows:none;row-gap:16px}
#kb-versions .cv-card{grid-row:auto;grid-template-rows:none}
#kb-versions .cv-card>*{grid-row:auto!important}
}

#kb-versions .cv-grid{padding-top:22px}
#kb-versions .cv-card{overflow:visible}
#kb-versions .cv-h{padding-top:30px;min-height:30px}
#kb-versions .cv-t{position:absolute;top:0;inset-inline:0;margin-inline:auto;transform:translateY(-50%);width:max-content;max-width:calc(100% - 24px);text-align:center;padding:7px 26px;border-radius:999px;font-size:clamp(14px,1.9vh,17px);line-height:1.5;color:var(--goldtxt);background:var(--card);border:1.5px solid var(--gold2);box-shadow:0 0 0 6px var(--bg)}
#kb-versions .cv-web .cv-t{color:var(--on-gold);background:linear-gradient(135deg,var(--gold1),var(--gold2));border-color:var(--gold2)}
#kb-versions .cv-act{border-radius:0 0 22px 22px}
@media(min-width:640px){#kb-versions h2{max-width:none!important;white-space:nowrap}}@media(min-width:900px){#kb-versions .vx-pre{max-width:none!important;white-space:nowrap;font-size:clamp(11px,1.2vw,15px)!important}}


#kb-profit{font-family:'Vazirmatn',inherit;color:var(--ink)}
#kb-profit .cp-h{margin:0 auto .5rem;text-align:center;font-size:clamp(20px,3.2vw,36px);line-height:1.4;color:var(--ink)}
#kb-profit .cp-sub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#kb-profit .cp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,32px);max-width:none;margin:0 auto}
#kb-profit .cp-item{--w:clamp(64px,6.5vw,92px);position:relative;display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--w)*.4)}
#kb-profit .cp-ic{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;width:var(--w);height:auto;filter:drop-shadow(0 6px 8px rgba(120,86,30,.25))}
#kb-profit .cp-c{width:100%;max-width:280px;aspect-ratio:1;border-radius:50%;border:1.5px dashed var(--acc);background:color-mix(in srgb,var(--card) 70%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--w)*.4 + 6px) clamp(18px,2.4vw,34px) clamp(14px,2vw,24px);margin-top:0;transition:transform .3s,box-shadow .3s,background .3s}
#kb-profit .cp-item:hover .cp-c{transform:translateY(-4px);box-shadow:var(--shadow);background:var(--card)}
#kb-profit .cp-n{display:inline;font-weight:800;font-size:clamp(28px,3.6vw,48px);line-height:1.2;color:var(--acc)}
#kb-profit .cp-p{display:inline;font-weight:800;font-size:clamp(16px,1.8vw,24px);color:var(--acc);margin-inline-start:2px}
#kb-profit .cp-c p{margin:.35rem 0 0;font-size:clamp(11.5px,1.15vw,14.5px);line-height:1.8;color:var(--ink)}
#kb-profit .cp-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,56px)}
#kb-profit .cp-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 36px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:clamp(14px,1.3vw,16px);border:2px solid var(--acc);transition:transform .2s,box-shadow .2s,filter .2s}
#kb-profit .cp-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:900px){#kb-profit .cp-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}}
@media(max-width:480px){#kb-profit .cp-c{max-width:200px}#kb-profit .cp-c p{font-size:11px}}


#kb-images .kb-gsub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#kb-images .wb-stage{border-radius:28px}
#kb-images .kb-slide{position:absolute;inset:0;display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:color-mix(in srgb,var(--bg2) 85%,var(--card));border:1px solid var(--line);border-radius:28px;color:color-mix(in srgb,var(--mut) 55%,transparent)}
#kb-images .kb-slide[hidden]{display:none}
#kb-images .kb-slide>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(56px,8vw,96px);height:auto}
#kb-images .kb-slide img{display:block;width:100%;height:auto}
#kebab-shop-page #kb-lightbox{overflow:hidden}
#kebab-shop-page #kb-lightbox .lb-fig img{touch-action:none;user-select:none;-webkit-user-select:none;transform-origin:center center;position:relative;z-index:1}
#kebab-shop-page #kb-lightbox .lb-x,#kebab-shop-page #kb-lightbox .lb-nav{z-index:3}
#kebab-shop-page #kb-lightbox .lb-zoombar{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;direction:ltr}
#kebab-shop-page #kb-lightbox .lb-zoombar button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#kebab-shop-page #kb-lightbox .lb-zoombar .lb-zreset{width:auto;min-width:68px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;font-family:inherit}
#kebab-shop-page #kb-lightbox .lb-zoombar button:hover:not(:disabled){background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#kebab-shop-page #kb-lightbox .lb-zoombar button:disabled{opacity:.4;cursor:default}
#kebab-shop-page #kb-lightbox .lb-zoombar button:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}


#kb-features-list .kbl-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut);max-width:48rem}
#kb-features-list .kbl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);max-width:none;margin:0 auto}
#kb-features-list .kbl-card{display:flex;align-items:center;gap:14px;min-height:96px;padding:14px 18px;background:var(--card);color:var(--ink);border:1px solid color-mix(in srgb,var(--acc) 50%,transparent);border-left:4px solid var(--acc);border-radius:16px;transition:transform .25s,box-shadow .25s,border-color .25s}
#kb-features-list .kbl-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--acc)}
#kb-features-list .kbl-ic{flex:0 0 auto;width:30px;height:30px;color:var(--acc)}
#kb-features-list .kbl-card p{margin:0;flex:1;min-width:0;text-align:right;font-size:clamp(12px,1.05vw,14px);line-height:1.9;color:var(--ink)}
#kb-features-list .kbl-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,64px)}
#kb-features-list .kbl-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 40px;border-radius:999px;background:var(--acc);color:var(--on-acc);border:2px solid var(--acc);font-size:clamp(14px,1.3vw,17px);transition:transform .2s,box-shadow .2s,filter .2s}
#kb-features-list .kbl-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:1100px){#kb-features-list .kbl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#kb-features-list .kbl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#kb-features-list .kbl-grid{grid-template-columns:1fr}#kb-features-list .kbl-card{min-height:76px}}


#kb-modules .kbm-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#kb-modules .kbm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);max-width:none;margin:0 auto}
#kb-modules .kbm-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2vw,26px) clamp(18px,2.2vw,32px);border-radius:22px;background:color-mix(in srgb,var(--acc) 6%,var(--card));color:var(--ink);text-decoration:none;box-shadow:0 8px 24px -14px rgba(43,33,24,.25);transition:background .25s,color .25s,transform .25s,box-shadow .25s}
#kb-modules .kbm-head{display:flex;align-items:center;gap:14px}
#kb-modules .kbm-ic{flex:0 0 auto;width:clamp(34px,3.2vw,44px);height:clamp(34px,3.2vw,44px);color:var(--acc);transition:color .25s}
#kb-modules .kbm-card h3{margin:0;font-size:clamp(13.5px,1.2vw,16px);line-height:1.8;color:inherit}
#kb-modules .kbm-card p{margin:0;font-size:clamp(12px,1.05vw,14px);line-height:2.1;color:inherit;opacity:.85;text-align:right}
#kb-modules .kbm-go{position:absolute;top:clamp(20px,2.2vw,30px);left:clamp(18px,2.2vw,30px);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--card);color:var(--acc);opacity:0;transform:translateX(8px);transition:opacity .25s,transform .25s}
#kb-modules .kbm-card:hover,#kb-modules .kbm-card:focus-visible{background:var(--acc);color:var(--on-acc);transform:translateY(-3px);box-shadow:0 18px 36px -16px color-mix(in srgb,var(--acc) 60%,transparent)}
#kb-modules .kbm-card:hover .kbm-ic,#kb-modules .kbm-card:focus-visible .kbm-ic{color:var(--on-acc)}
#kb-modules .kbm-card:hover p,#kb-modules .kbm-card:focus-visible p{opacity:1}
#kb-modules .kbm-card:hover .kbm-go,#kb-modules .kbm-card:focus-visible .kbm-go{opacity:1;transform:none}
#kb-modules .kbm-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(hover:none){#kb-modules .kbm-go{opacity:1;transform:none;background:color-mix(in srgb,var(--acc) 12%,transparent)}}
@media(max-width:800px){#kb-modules .kbm-grid{grid-template-columns:1fr}}


#kebab-shop-page #kb-customers .group-hover\:bg-ab-bg2:is(:where(.group):hover *){background-color:var(--bg2)}
#kebab-shop-page #kb-customers .hover\:border-ab-acc:hover{border-color:var(--acc,#a9322b)}
#kebab-shop-page #kb-customers .bg-ab-bg2{background-color:var(--bg2)}
#kebab-shop-page #kb-customers .max-w-\[88\%\]{max-width:88%}
#kebab-shop-page #kb-customers .backface-visibility-hidden{backface-visibility:hidden}
#kebab-shop-page #kb-customers [style*="padding-left:clamp(1rem"]{padding-inline:clamp(1rem,4vw + .5rem,9rem)!important}
#kebab-shop-page #kb-customers .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#kebab-shop-page #kb-customers .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#kebab-shop-page #kb-customers .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#kebab-shop-page #kb-customers .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#kebab-shop-page #kb-customers .brand-scroll-animation{--g:5rem}}
#kebab-shop-page #kb-customers .brand-scroll-animation:hover{animation-play-state:paused}
#kebab-shop-page #kb-customers .brand-scroll-animation,#kebab-shop-page #kb-customers :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#kebab-shop-page #kb-customers .brand-scroll-animation{animation:none}}


#kebab-shop-page .ob-sec{background:var(--sec-alt,#fff);margin-top:calc(.25rem * 24)}
#kebab-shop-page .ob-in{width:100%;max-width:100%;padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#kebab-shop-page .ob-h{margin:0 auto;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800;font-size:1.5rem;line-height:2rem}
#kebab-shop-page .ob-p{margin:16px auto 0;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400;font-size:1rem;line-height:1.5}
#kebab-shop-page .ob-g{display:grid;grid-template-columns:repeat(2,minmax(0,181px));justify-content:space-evenly;justify-items:center;column-gap:16px;row-gap:calc(.25rem * 24);margin:calc(.25rem * 36) 0 calc(.25rem * 24)}
#kebab-shop-page .ob-c{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;max-width:181px;height:180px;padding:32px 16px 24px;background:var(--fa-soft);border-radius:20px;box-shadow:none;text-decoration:none;cursor:pointer;transition:all .3s ease-out}
#kebab-shop-page .ob-c:hover,#kebab-shop-page .ob-c:focus-visible{background:var(--acc);transform:translateY(-4px);box-shadow:0 10px 24px rgba(10,39,69,.14)}
#kebab-shop-page .ob-c:focus-visible{outline:2px solid var(--nv);outline-offset:3px}
#kebab-shop-page .ob-ph{width:100%;display:flex;align-items:center;justify-content:center;margin-top:calc(.25rem * -20)}
#kebab-shop-page .ob-img{position:relative;display:flex;align-items:center;justify-content:center;width:155.95px;max-width:calc(100% + 8px);aspect-ratio:1/1;border-radius:9999px;background:var(--line);overflow:hidden;transform:translateY(-16px)}
#kebab-shop-page .ob-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#kebab-shop-page .ob-ph-svg{width:70%;height:70%;display:block}
#kebab-shop-page .ob-t{margin-top:4px;text-align:center;color:var(--acc);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700;font-size:1rem;line-height:1.5;transition:color .3s ease-out}
#kebab-shop-page .ob-c:hover .ob-t,#kebab-shop-page .ob-c:focus-visible .ob-t{color:var(--color-white,#fff)}
@media (min-width:40rem){
 #kebab-shop-page .ob-h{font-size:1.875rem;line-height:2.25rem}
 #kebab-shop-page .ob-g{grid-template-columns:repeat(3,minmax(0,181px));column-gap:40px}
}
@media (min-width:64rem){
 #kebab-shop-page .ob-h{line-height:56px}
 #kebab-shop-page .ob-g{grid-template-columns:repeat(4,minmax(0,181px))}
}
@media (min-width:80rem){
 #kebab-shop-page .ob-sec{margin-top:calc(.25rem * 50)}
 #kebab-shop-page .ob-h{font-size:36px}
 #kebab-shop-page .ob-g{grid-template-columns:repeat(6,minmax(0,181px));justify-content:space-between;column-gap:12px;row-gap:80px;margin:128px 0 96px}
}
@media (min-width:96rem){
 #kebab-shop-page .ob-in{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
}
@media (prefers-reduced-motion:reduce){#kebab-shop-page .ob-c,#kebab-shop-page .ob-t{transition:none}#kebab-shop-page .ob-c:hover,#kebab-shop-page .ob-c:focus-visible{transform:none}}

#kebab-shop-page .kb-hw-wrap{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
@media (min-width:96rem){#kebab-shop-page .kb-hw-wrap{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}}
#kebab-shop-page #kb-modules>div>div>h2{max-width:none!important;white-space:nowrap;font-size:clamp(13px,3.1vw,48px)!important;line-height:1.6!important;padding-inline:0!important}


#kebab-shop-page #kb-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#kebab-shop-page #kb-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#kebab-shop-page #kb-about *{box-sizing:border-box}
#kebab-shop-page #kb-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#kebab-shop-page #kb-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#kebab-shop-page #kb-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#kebab-shop-page #kb-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#kebab-shop-page #kb-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#kebab-shop-page #kb-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#kebab-shop-page #kb-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#kebab-shop-page #kb-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#kebab-shop-page #kb-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#kebab-shop-page #kb-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#kebab-shop-page #kb-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#kebab-shop-page #kb-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#kebab-shop-page #kb-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#kebab-shop-page #kb-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#kebab-shop-page #kb-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#kebab-shop-page #kb-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#kebab-shop-page #kb-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#kebab-shop-page #kb-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#kebab-shop-page #kb-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#kebab-shop-page #kb-about .seo-more[hidden]{display:none}
#kebab-shop-page #kb-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#kebab-shop-page #kb-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#kebab-shop-page #kb-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#kebab-shop-page #kb-about.seo-open .seo-fade,#kebab-shop-page #kb-about:not(.seo-js) .seo-fade{opacity:0}
#kebab-shop-page #kb-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#kebab-shop-page #kb-about .seo-ls,#kebab-shop-page #kb-about .seo-ls.seo-sm{grid-template-columns:1fr}#kebab-shop-page #kb-about .seo-in p{text-align:start}#kebab-shop-page #kb-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#kebab-shop-page #kb-about .seo-body,#kebab-shop-page #kb-about .seo-ls li,#kebab-shop-page #kb-about .seo-more,#kebab-shop-page #kb-about .seo-more i svg,#kebab-shop-page #kb-about .seo-fade{transition:none!important}}
#kebab-shop-page #kb-about .seo-in h2{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#kebab-shop-page #kb-about .seo-in h2:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#kebab-shop-page #kb-about .seo-in .seo-h4{margin:22px 0 8px;font-size:clamp(16px,1.3vw,19px);font-weight:800;color:var(--goldtxt);line-height:1.8}#kebab-shop-page #kb-about .seo-in h3.seo-h4{padding-inline-start:0}#kebab-shop-page #kb-about .seo-in h3.seo-h4:before{display:none}
#kebab-shop-page #kb-about .seo-in strong{font-weight:800;color:var(--ink)}
#kebab-shop-page #kb-about .seo-td li{display:flex;flex-direction:column;gap:2px}
#kebab-shop-page #kb-about .seo-td li>b{font-weight:800;color:var(--goldtxt);font-size:clamp(14.5px,1.1vw,16.5px)}
#kebab-shop-page #kb-about .seo-td li>span{color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#kebab-shop-page #kb-about .seo-ls li.seo-wide{grid-column:1/-1}
#kebab-shop-page #kb-about .seo-ls .seo-sub{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 22px}
#kebab-shop-page #kb-about .seo-ls .seo-sub li{position:relative;padding:0;padding-inline-start:18px;background:none;border:0;border-radius:0;transform:none;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#kebab-shop-page #kb-about .seo-ls .seo-sub li:hover{transform:none;border-color:transparent}
#kebab-shop-page #kb-about .seo-ls .seo-sub li:before{inset-inline-start:2px;top:.95em;width:6px;height:6px;border-radius:50%;transform:none}
@media(max-width:760px){#kebab-shop-page #kb-about .seo-ls .seo-sub{grid-template-columns:1fr}}


@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-gradient-position{syntax:"*";inherits:false}
@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-stops{syntax:"*";inherits:false}
@property --tw-gradient-via-stops{syntax:"*";inherits:false}
@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#ice-cream-shop-page *,#ice-cream-shop-page :before,#ice-cream-shop-page :after,#ice-cream-shop-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}
#ice-cream-shop-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft)}
#ice-cream-shop-page *,#ice-cream-shop-page :after,#ice-cream-shop-page :before,#ice-cream-shop-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#ice-cream-shop-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#ice-cream-shop-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#ice-cream-shop-page hr{height:0;color:inherit;border-top-width:1px}
#ice-cream-shop-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#ice-cream-shop-page h1,#ice-cream-shop-page h2,#ice-cream-shop-page h3,#ice-cream-shop-page h4,#ice-cream-shop-page h5,#ice-cream-shop-page h6{font-size:inherit;font-weight:inherit}
#ice-cream-shop-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#ice-cream-shop-page b,#ice-cream-shop-page strong{font-weight:bolder}
#ice-cream-shop-page code,#ice-cream-shop-page kbd,#ice-cream-shop-page samp,#ice-cream-shop-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#ice-cream-shop-page small{font-size:80%}
#ice-cream-shop-page sub,#ice-cream-shop-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#ice-cream-shop-page sub{bottom:-.25em}
#ice-cream-shop-page sup{top:-.5em}
#ice-cream-shop-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#ice-cream-shop-page :-moz-focusring:where(:not(iframe)){outline:auto}
#ice-cream-shop-page progress{vertical-align:baseline}
#ice-cream-shop-page summary{display:list-item}
#ice-cream-shop-page ol,#ice-cream-shop-page ul,#ice-cream-shop-page menu{list-style:none}
#ice-cream-shop-page img,#ice-cream-shop-page svg,#ice-cream-shop-page video,#ice-cream-shop-page canvas,#ice-cream-shop-page audio,#ice-cream-shop-page iframe,#ice-cream-shop-page embed,#ice-cream-shop-page object{vertical-align:middle;display:block}
#ice-cream-shop-page img,#ice-cream-shop-page video{max-width:100%;height:auto}
#ice-cream-shop-page button,#ice-cream-shop-page input,#ice-cream-shop-page select,#ice-cream-shop-page optgroup,#ice-cream-shop-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#ice-cream-shop-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#ice-cream-shop-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#ice-cream-shop-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#ice-cream-shop-page ::file-selector-button{margin-inline-end:4px}
#ice-cream-shop-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#ice-cream-shop-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#ice-cream-shop-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#ice-cream-shop-page textarea{resize:vertical}
#ice-cream-shop-page ::-webkit-search-decoration{-webkit-appearance:none}
#ice-cream-shop-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#ice-cream-shop-page ::-webkit-datetime-edit{display:inline-flex}
#ice-cream-shop-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#ice-cream-shop-page ::-webkit-datetime-edit{padding-block:0}
#ice-cream-shop-page ::-webkit-datetime-edit-year-field{padding-block:0}
#ice-cream-shop-page ::-webkit-datetime-edit-month-field{padding-block:0}
#ice-cream-shop-page ::-webkit-datetime-edit-day-field{padding-block:0}
#ice-cream-shop-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#ice-cream-shop-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#ice-cream-shop-page ::-webkit-datetime-edit-second-field{padding-block:0}
#ice-cream-shop-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#ice-cream-shop-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#ice-cream-shop-page ::-webkit-calendar-picker-indicator{line-height:1}
#ice-cream-shop-page :-moz-ui-invalid{box-shadow:none}
#ice-cream-shop-page button,#ice-cream-shop-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#ice-cream-shop-page ::file-selector-button{appearance:button}
#ice-cream-shop-page ::-webkit-inner-spin-button{height:auto}
#ice-cream-shop-page ::-webkit-outer-spin-button{height:auto}
#ice-cream-shop-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#ice-cream-shop-page .pointer-events-none{pointer-events:none}
#ice-cream-shop-page .visible{visibility:visible}
#ice-cream-shop-page .absolute{position:absolute}
#ice-cream-shop-page .fixed{position:fixed}
#ice-cream-shop-page .relative{position:relative}
#ice-cream-shop-page .-inset-0\.5{inset:calc(var(--spacing) * -.5)}
#ice-cream-shop-page .inset-0{inset:0}
#ice-cream-shop-page .inset-x-0{inset-inline:0}
#ice-cream-shop-page .-top-1{top:calc(var(--spacing) * -1)}
#ice-cream-shop-page .-top-5{top:calc(var(--spacing) * -5)}
#ice-cream-shop-page .top-0{top:0}
#ice-cream-shop-page .top-2{top:calc(var(--spacing) * 2)}
#ice-cream-shop-page .top-3{top:calc(var(--spacing) * 3)}
#ice-cream-shop-page .top-6{top:calc(var(--spacing) * 6)}
#ice-cream-shop-page .top-full{top:100%}
#ice-cream-shop-page .-right-1{right:calc(var(--spacing) * -1)}
#ice-cream-shop-page .right-0{right:0}
#ice-cream-shop-page .right-1{right:var(--spacing)}
#ice-cream-shop-page .right-2{right:calc(var(--spacing) * 2)}
#ice-cream-shop-page .right-3{right:calc(var(--spacing) * 3)}
#ice-cream-shop-page .right-4{right:calc(var(--spacing) * 4)}
#ice-cream-shop-page .right-12{right:calc(var(--spacing) * 12)}
#ice-cream-shop-page .bottom-0{bottom:0}
#ice-cream-shop-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#ice-cream-shop-page .left-0{left:0}
#ice-cream-shop-page .left-1\/2{left:50%}
#ice-cream-shop-page .left-3{left:calc(var(--spacing) * 3)}
#ice-cream-shop-page .-z-10{z-index:calc(10 * -1)}
#ice-cream-shop-page .z-0{z-index:0}
#ice-cream-shop-page .z-10{z-index:10}
#ice-cream-shop-page .z-20{z-index:20}
#ice-cream-shop-page .z-30{z-index:30}
#ice-cream-shop-page .z-40{z-index:40}
#ice-cream-shop-page .z-50{z-index:50}
#ice-cream-shop-page .z-1000{z-index:1000}
#ice-cream-shop-page .order-1{order:1}
#ice-cream-shop-page .order-2{order:2}
#ice-cream-shop-page .order-3{order:3}
#ice-cream-shop-page .mx-1{margin-inline:var(--spacing)}
#ice-cream-shop-page .mx-auto{margin-inline:auto}
#ice-cream-shop-page .my-0{margin-block:0}
#ice-cream-shop-page .my-2{margin-block:calc(var(--spacing) * 2)}
#ice-cream-shop-page .my-16{margin-block:calc(var(--spacing) * 16)}
#ice-cream-shop-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#ice-cream-shop-page .mt-0{margin-top:0}
#ice-cream-shop-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#ice-cream-shop-page .mt-1{margin-top:var(--spacing)}
#ice-cream-shop-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#ice-cream-shop-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#ice-cream-shop-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#ice-cream-shop-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#ice-cream-shop-page .mt-16{margin-top:calc(var(--spacing) * 16)}
#ice-cream-shop-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#ice-cream-shop-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#ice-cream-shop-page .mt-70{margin-top:calc(var(--spacing) * 70)}
#ice-cream-shop-page .mb-1{margin-bottom:var(--spacing)}
#ice-cream-shop-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#ice-cream-shop-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#ice-cream-shop-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#ice-cream-shop-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#ice-cream-shop-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#ice-cream-shop-page .mb-12{margin-bottom:calc(var(--spacing) * 12)}
#ice-cream-shop-page .mb-16{margin-bottom:calc(var(--spacing) * 16)}
#ice-cream-shop-page .block{display:block}
#ice-cream-shop-page .flex{display:flex}
#ice-cream-shop-page .grid{display:grid}
#ice-cream-shop-page .hidden{display:none}
#ice-cream-shop-page .inline-block{display:inline-block}
#ice-cream-shop-page .inline-flex{display:inline-flex}
#ice-cream-shop-page .aspect-4\/3{aspect-ratio:4/3}
#ice-cream-shop-page .h-4{height:calc(var(--spacing) * 4)}
#ice-cream-shop-page .h-5{height:calc(var(--spacing) * 5)}
#ice-cream-shop-page .h-6{height:calc(var(--spacing) * 6)}
#ice-cream-shop-page .h-8{height:calc(var(--spacing) * 8)}
#ice-cream-shop-page .h-10{height:calc(var(--spacing) * 10)}
#ice-cream-shop-page .h-12{height:calc(var(--spacing) * 12)}
#ice-cream-shop-page .h-14{height:calc(var(--spacing) * 14)}
#ice-cream-shop-page .h-16{height:calc(var(--spacing) * 16)}
#ice-cream-shop-page .h-20{height:calc(var(--spacing) * 20)}
#ice-cream-shop-page .h-32{height:calc(var(--spacing) * 32)}
#ice-cream-shop-page .h-50{height:calc(var(--spacing) * 50)}
#ice-cream-shop-page .h-72{height:calc(var(--spacing) * 72)}
#ice-cream-shop-page .h-\[50px\]{height:50px}
#ice-cream-shop-page .h-\[72px\]{height:72px}
#ice-cream-shop-page .h-\[200px\]{height:200px}
#ice-cream-shop-page .h-auto{height:auto}
#ice-cream-shop-page .h-fit{height:fit-content}
#ice-cream-shop-page .h-full{height:100%}
#ice-cream-shop-page .max-h-0{max-height:0}
#ice-cream-shop-page .max-h-\[280px\]{max-height:280px}
#ice-cream-shop-page .max-h-\[600px\]{max-height:600px}
#ice-cream-shop-page .min-h-0{min-height:0}
#ice-cream-shop-page .min-h-\[44px\]{min-height:44px}
#ice-cream-shop-page .min-h-\[280px\]{min-height:280px}
#ice-cream-shop-page .min-h-\[300px\]{min-height:300px}
#ice-cream-shop-page .w-4{width:calc(var(--spacing) * 4)}
#ice-cream-shop-page .w-5{width:calc(var(--spacing) * 5)}
#ice-cream-shop-page .w-6{width:calc(var(--spacing) * 6)}
#ice-cream-shop-page .w-8{width:calc(var(--spacing) * 8)}
#ice-cream-shop-page .w-10{width:calc(var(--spacing) * 10)}
#ice-cream-shop-page .w-12{width:calc(var(--spacing) * 12)}
#ice-cream-shop-page .w-14{width:calc(var(--spacing) * 14)}
#ice-cream-shop-page .w-16{width:calc(var(--spacing) * 16)}
#ice-cream-shop-page .w-20{width:calc(var(--spacing) * 20)}
#ice-cream-shop-page .w-24{width:calc(var(--spacing) * 24)}
#ice-cream-shop-page .w-30{width:calc(var(--spacing) * 30)}
#ice-cream-shop-page .w-32{width:calc(var(--spacing) * 32)}
#ice-cream-shop-page .w-44{width:calc(var(--spacing) * 44)}
#ice-cream-shop-page .w-72{width:calc(var(--spacing) * 72)}
#ice-cream-shop-page .w-auto{width:auto}
#ice-cream-shop-page .w-fit{width:fit-content}
#ice-cream-shop-page .w-full{width:100%}
#ice-cream-shop-page .max-w-2xl{max-width:var(--container-2xl)}
#ice-cream-shop-page .max-w-4xl{max-width:var(--container-4xl)}
#ice-cream-shop-page .max-w-5xl{max-width:var(--container-5xl)}
#ice-cream-shop-page .max-w-6xl{max-width:var(--container-6xl)}
#ice-cream-shop-page .max-w-\[600px\]{max-width:600px}
#ice-cream-shop-page .max-w-full{max-width:100%}
#ice-cream-shop-page .min-w-0{min-width:0}
#ice-cream-shop-page .min-w-\[120px\]{min-width:120px}
#ice-cream-shop-page .min-w-full{min-width:100%}
#ice-cream-shop-page .flex-1{flex:1}
#ice-cream-shop-page .flex-\[0_0_50\%\]{flex:0 0 50%}
#ice-cream-shop-page .flex-\[0_0_100\%\]{flex:0 0 100%}
#ice-cream-shop-page .flex-shrink-0,#ice-cream-shop-page .shrink-0{flex-shrink:0}
#ice-cream-shop-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#ice-cream-shop-page .-translate-x-\[10px\]{--tw-translate-x:calc(10px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#ice-cream-shop-page .translate-x-\[10px\]{--tw-translate-x:10px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#ice-cream-shop-page .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#ice-cream-shop-page .translate-y-\[-52\%\]{--tw-translate-y:-52%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#ice-cream-shop-page .scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#ice-cream-shop-page .scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#ice-cream-shop-page .rotate-0{rotate:0deg}
#ice-cream-shop-page .rotate-90{rotate:90deg}
#ice-cream-shop-page .rotate-180{rotate:180deg}
#ice-cream-shop-page .transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}
#ice-cream-shop-page .cursor-not-allowed{cursor:not-allowed}
#ice-cream-shop-page .cursor-pointer{cursor:pointer}
#ice-cream-shop-page .snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}
#ice-cream-shop-page .snap-mandatory{--tw-scroll-snap-strictness:mandatory}
#ice-cream-shop-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#ice-cream-shop-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#ice-cream-shop-page .flex-col{flex-direction:column}
#ice-cream-shop-page .flex-col-reverse{flex-direction:column-reverse}
#ice-cream-shop-page .flex-row{flex-direction:row}
#ice-cream-shop-page .flex-row-reverse{flex-direction:row-reverse}
#ice-cream-shop-page .items-center{align-items:center}
#ice-cream-shop-page .items-end{align-items:flex-end}
#ice-cream-shop-page .items-start{align-items:flex-start}
#ice-cream-shop-page .items-stretch{align-items:stretch}
#ice-cream-shop-page .justify-between{justify-content:space-between}
#ice-cream-shop-page .justify-center{justify-content:center}
#ice-cream-shop-page .justify-end{justify-content:flex-end}
#ice-cream-shop-page .justify-start{justify-content:flex-start}
#ice-cream-shop-page .justify-items-stretch{justify-items:stretch}
#ice-cream-shop-page .gap-1{gap:var(--spacing)}
#ice-cream-shop-page .gap-2{gap:calc(var(--spacing) * 2)}
#ice-cream-shop-page .gap-3{gap:calc(var(--spacing) * 3)}
#ice-cream-shop-page .gap-4{gap:calc(var(--spacing) * 4)}
#ice-cream-shop-page .gap-6{gap:calc(var(--spacing) * 6)}
#ice-cream-shop-page .gap-8{gap:calc(var(--spacing) * 8)}
#ice-cream-shop-page .gap-12{gap:calc(var(--spacing) * 12)}
#ice-cream-shop-page .gap-14{gap:calc(var(--spacing) * 14)}
#ice-cream-shop-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#ice-cream-shop-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#ice-cream-shop-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#ice-cream-shop-page :where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#ice-cream-shop-page .gap-x-3{column-gap:calc(var(--spacing) * 3)}
#ice-cream-shop-page .gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}
#ice-cream-shop-page .overflow-hidden{overflow:hidden}
#ice-cream-shop-page .overflow-visible{overflow:visible}
#ice-cream-shop-page .overflow-x-auto{overflow-x:auto}
#ice-cream-shop-page .overflow-x-hidden{overflow-x:hidden}
#ice-cream-shop-page .scroll-smooth{scroll-behavior:smooth}
#ice-cream-shop-page .rounded-2xl{border-radius:var(--radius-2xl)}
#ice-cream-shop-page .rounded-3xl{border-radius:var(--radius-3xl)}
#ice-cream-shop-page .rounded-4xl{border-radius:var(--radius-4xl)}
#ice-cream-shop-page .rounded-\[50px\]{border-radius:50px}
#ice-cream-shop-page .rounded-full{border-radius:2147483647px}
#ice-cream-shop-page .rounded-lg{border-radius:var(--radius-lg)}
#ice-cream-shop-page .rounded-md{border-radius:var(--radius-md)}
#ice-cream-shop-page .rounded-xl{border-radius:var(--radius-xl)}
#ice-cream-shop-page .border{border-style:var(--tw-border-style);border-width:1px}
#ice-cream-shop-page .border-0{border-style:var(--tw-border-style);border-width:0}
#ice-cream-shop-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#ice-cream-shop-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#ice-cream-shop-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#ice-cream-shop-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#ice-cream-shop-page .border-b-3{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#ice-cream-shop-page .border-none{--tw-border-style:none;border-style:none}
#ice-cream-shop-page .border-\[\#E5E7EB\]{border-color:var(--line)}
#ice-cream-shop-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#ice-cream-shop-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#ice-cream-shop-page .border-black{border-color:var(--color-black)}
#ice-cream-shop-page .border-gray-200{border-color:var(--color-gray-200)}
#ice-cream-shop-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#ice-cream-shop-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#ice-cream-shop-page .border-green-500{border-color:var(--color-green-500)}
#ice-cream-shop-page .border-transparent{border-color:#0000}
#ice-cream-shop-page .border-white{border-color:var(--color-white)}
#ice-cream-shop-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#ice-cream-shop-page .bg-\[\#F0F5F7\]{background-color:var(--bg2)}
#ice-cream-shop-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#ice-cream-shop-page .bg-\[\#FF4C00\]\/10{background-color:oklab(66.6687% .179651 .134278/.1)}
#ice-cream-shop-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#ice-cream-shop-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#ice-cream-shop-page .bg-accent{background-color:var(--color-accent)}
#ice-cream-shop-page .bg-gray-100{background-color:var(--color-gray-100)}
#ice-cream-shop-page .bg-primary{background-color:var(--color-primary)}
#ice-cream-shop-page .bg-secondary{background-color:var(--color-secondary)}
#ice-cream-shop-page .bg-transparent{background-color:#0000}
#ice-cream-shop-page .bg-white{background-color:var(--color-white)}
#ice-cream-shop-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#ice-cream-shop-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#ice-cream-shop-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#ice-cream-shop-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#ice-cream-shop-page .bg-linear-to-br{--tw-gradient-position:to bottom right}
@supports (background-image:linear-gradient(in lab, red, red)){#ice-cream-shop-page .bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}
#ice-cream-shop-page .bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}
#ice-cream-shop-page .bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
#ice-cream-shop-page .from-\[\#FF4C00\]{--tw-gradient-from:var(--acc);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#ice-cream-shop-page .from-\[\#FF4C00\]\/10{--tw-gradient-from:oklab(66.6687% .179651 .134278/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#ice-cream-shop-page .via-orange-300\/5{--tw-gradient-via:#ffb96d0d}
@supports (color:color-mix(in lab, red, red)){#ice-cream-shop-page .via-orange-300\/5{--tw-gradient-via:color-mix(in oklab, var(--color-orange-300) 5%, transparent)}}
#ice-cream-shop-page .via-orange-300\/5{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
#ice-cream-shop-page .to-\[\#FF6B35\]{--tw-gradient-to:color-mix(in srgb,var(--acc) 78%,#fff);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#ice-cream-shop-page .to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#ice-cream-shop-page .object-contain{object-fit:contain}
#ice-cream-shop-page .object-cover{object-fit:cover}
#ice-cream-shop-page .p-0{padding:0}
#ice-cream-shop-page .p-1{padding:var(--spacing)}
#ice-cream-shop-page .p-2{padding:calc(var(--spacing) * 2)}
#ice-cream-shop-page .p-3{padding:calc(var(--spacing) * 3)}
#ice-cream-shop-page .p-4{padding:calc(var(--spacing) * 4)}
#ice-cream-shop-page .p-5{padding:calc(var(--spacing) * 5)}
#ice-cream-shop-page .p-6{padding:calc(var(--spacing) * 6)}
#ice-cream-shop-page .p-8{padding:calc(var(--spacing) * 8)}
#ice-cream-shop-page .px-1{padding-inline:var(--spacing)}
#ice-cream-shop-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#ice-cream-shop-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#ice-cream-shop-page .px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}
#ice-cream-shop-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#ice-cream-shop-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#ice-cream-shop-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#ice-cream-shop-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#ice-cream-shop-page .px-12{padding-inline:calc(var(--spacing) * 12)}
#ice-cream-shop-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#ice-cream-shop-page .py-2{padding-block:calc(var(--spacing) * 2)}
#ice-cream-shop-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#ice-cream-shop-page .py-3{padding-block:calc(var(--spacing) * 3)}
#ice-cream-shop-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#ice-cream-shop-page .py-4{padding-block:calc(var(--spacing) * 4)}
#ice-cream-shop-page .py-6{padding-block:calc(var(--spacing) * 6)}
#ice-cream-shop-page .py-8{padding-block:calc(var(--spacing) * 8)}
#ice-cream-shop-page .py-10{padding-block:calc(var(--spacing) * 10)}
#ice-cream-shop-page .py-12{padding-block:calc(var(--spacing) * 12)}
#ice-cream-shop-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#ice-cream-shop-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#ice-cream-shop-page .pt-6{padding-top:calc(var(--spacing) * 6)}
#ice-cream-shop-page .pt-15{padding-top:calc(var(--spacing) * 15)}
#ice-cream-shop-page .pt-20{padding-top:calc(var(--spacing) * 20)}
#ice-cream-shop-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#ice-cream-shop-page .pt-\[72px\]{padding-top:72px}
#ice-cream-shop-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#ice-cream-shop-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#ice-cream-shop-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#ice-cream-shop-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#ice-cream-shop-page .pb-12{padding-bottom:calc(var(--spacing) * 12)}
#ice-cream-shop-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#ice-cream-shop-page .pb-48{padding-bottom:calc(var(--spacing) * 48)}
#ice-cream-shop-page .text-center{text-align:center}
#ice-cream-shop-page .text-justify{text-align:justify}
#ice-cream-shop-page .text-right{text-align:right}
#ice-cream-shop-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#ice-cream-shop-page .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#ice-cream-shop-page .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#ice-cream-shop-page .text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#ice-cream-shop-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#ice-cream-shop-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#ice-cream-shop-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#ice-cream-shop-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#ice-cream-shop-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#ice-cream-shop-page .text-\[10px\]{font-size:10px}
#ice-cream-shop-page .leading-7\.5{--tw-leading:calc(var(--spacing) * 7.5);line-height:calc(var(--spacing) * 7.5)}
#ice-cream-shop-page .leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}
#ice-cream-shop-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#ice-cream-shop-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#ice-cream-shop-page .leading-none{--tw-leading:1;line-height:1}
#ice-cream-shop-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#ice-cream-shop-page .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}
#ice-cream-shop-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#ice-cream-shop-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#ice-cream-shop-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#ice-cream-shop-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#ice-cream-shop-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#ice-cream-shop-page .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
#ice-cream-shop-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#ice-cream-shop-page .whitespace-nowrap{white-space:nowrap}
#ice-cream-shop-page .text-\[\#0A2745\]{color:var(--nv)}
#ice-cream-shop-page .text-\[\#1F2A3D\]{color:#33291d}
#ice-cream-shop-page .text-\[\#595B5C\]{color:#595b5c}
#ice-cream-shop-page .text-\[\#FF4C00\]{color:var(--acc)}
#ice-cream-shop-page .text-\[\#FF4C00\]\/30{color:oklab(66.6687% .179651 .134278/.3)}
#ice-cream-shop-page .text-\[\#ffff\]{color:#fff}
#ice-cream-shop-page .text-black{color:var(--color-black)}
#ice-cream-shop-page .text-gray-300{color:var(--color-gray-300)}
#ice-cream-shop-page .text-gray-500{color:var(--color-gray-500)}
#ice-cream-shop-page .text-gray-600{color:var(--color-gray-600)}
#ice-cream-shop-page .text-green-700{color:var(--color-green-700)}
#ice-cream-shop-page .text-red-500{color:var(--color-red-500)}
#ice-cream-shop-page .text-secondary{color:var(--color-secondary)}
#ice-cream-shop-page .text-white{color:var(--color-white)}
#ice-cream-shop-page .text-white\/90{color:#ffffffe6}
@supports (color:color-mix(in lab, red, red)){#ice-cream-shop-page .text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}
#ice-cream-shop-page .not-italic{font-style:normal}
#ice-cream-shop-page .underline{text-decoration-line:underline}
#ice-cream-shop-page .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#ice-cream-shop-page .accent-white{accent-color:var(--color-white)}
#ice-cream-shop-page .opacity-0{opacity:0}
#ice-cream-shop-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page .shadow-\[0_0_20px_rgba\(255\,76\,0\,0\.4\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page .shadow-\[0_10px_0_0_\#FF4C00\]{--tw-shadow:0 10px 0 0 var(--tw-shadow-color,var(--acc));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#ice-cream-shop-page .blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#ice-cream-shop-page .blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#ice-cream-shop-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#ice-cream-shop-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}
#ice-cream-shop-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#ice-cream-shop-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#ice-cream-shop-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#ice-cream-shop-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#ice-cream-shop-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#ice-cream-shop-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#ice-cream-shop-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#ice-cream-shop-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#ice-cream-shop-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#ice-cream-shop-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#ice-cream-shop-page .duration-500{--tw-duration:.5s;transition-duration:.5s}
#ice-cream-shop-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#ice-cream-shop-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#ice-cream-shop-page .will-change-transform{will-change:transform}
#ice-cream-shop-page .select-none{-webkit-user-select:none;user-select:none}
#ice-cream-shop-page .\[-webkit-overflow-scrolling\:touch\]{-webkit-overflow-scrolling:touch}
@media (hover:hover){#ice-cream-shop-page :is(:where(.group):hover .group-hover\:absolute){position:absolute}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:flex){display:flex}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:-translate-y-1){--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:-translate-y-2){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:-translate-y-full){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:scale-110){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:border-b-2){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:border-b-3){border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:border-\[\#0A2745\]){border-color:var(--nv)}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:border-\[\#FF4C00\]){border-color:var(--acc)}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:border-orange-100){border-color:var(--color-orange-100)}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:border-b-\[\#FF4C00\]){border-bottom-color:var(--acc)}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:bg-\[\#0A2745\]){background-color:var(--nv)}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:bg-\[\#FFF6F2\]){background-color:var(--fa-soft)}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:text-\[\#0A2745\]){color:var(--nv)}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:text-\[\#FF4C00\]){color:var(--acc)}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:text-white){color:var(--color-white)}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:opacity-100){opacity:1}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]){--tw-shadow:0 8px 24px var(--tw-shadow-color,#ff4c0059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:shadow-md){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:shadow-xl){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page :is(:where(.group):hover .group-hover\:blur-xs){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}
#ice-cream-shop-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#ice-cream-shop-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#ice-cream-shop-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#ice-cream-shop-page .after\:right-0:after{content:var(--tw-content);right:0}
#ice-cream-shop-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#ice-cream-shop-page .after\:left-0:after{content:var(--tw-content);left:0}
#ice-cream-shop-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#ice-cream-shop-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#ice-cream-shop-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#ice-cream-shop-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#ice-cream-shop-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#ice-cream-shop-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#ice-cream-shop-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#ice-cream-shop-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#ice-cream-shop-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#ice-cream-shop-page .hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#ice-cream-shop-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#ice-cream-shop-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#ice-cream-shop-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#ice-cream-shop-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#ice-cream-shop-page .hover\:border-\[\#FF4C00\]\/30:hover{border-color:oklab(66.6687% .179651 .134278/.3)}
#ice-cream-shop-page .hover\:border-white:hover{border-color:var(--color-white)}
#ice-cream-shop-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#ice-cream-shop-page .hover\:bg-\[\#081a2e\]:hover{background-color:#1c1712}
#ice-cream-shop-page .hover\:bg-\[\#163456\]:hover{background-color:#3a2c1f}
#ice-cream-shop-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#ice-cream-shop-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#ice-cream-shop-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#ice-cream-shop-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#ice-cream-shop-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:var(--bg2)}
#ice-cream-shop-page .hover\:bg-\[\#FFF6F2\]:hover{background-color:var(--fa-soft)}
#ice-cream-shop-page .hover\:bg-\[\#e44500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#ice-cream-shop-page .hover\:bg-black\/5:hover{background-color:#0000000d}
@supports (color:color-mix(in lab, red, red)){#ice-cream-shop-page .hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}
#ice-cream-shop-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#ice-cream-shop-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#ice-cream-shop-page .hover\:bg-white:hover{background-color:var(--color-white)}
#ice-cream-shop-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#ice-cream-shop-page .hover\:text-\[\#FF4C00\]:hover,#ice-cream-shop-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#ice-cream-shop-page .hover\:text-white:hover{color:var(--color-white)}
#ice-cream-shop-page .hover\:underline:hover{text-decoration-line:underline}
#ice-cream-shop-page .hover\:opacity-80:hover{opacity:.8}
#ice-cream-shop-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page .hover\:shadow-\[0_0_28px_rgba\(255\,76\,0\,0\.5\)\,0_0_40px_rgba\(10\,39\,69\,0\.3\)\,0_8px_28px_rgba\(10\,39\,69\,0\.35\)\]:hover{--tw-shadow:0 0 28px var(--tw-shadow-color,#ff4c0080), 0 0 40px var(--tw-shadow-color,#0a27454d), 0 8px 28px var(--tw-shadow-color,#0a274559);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px var(--tw-shadow-color,#0a274538), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px var(--tw-shadow-color,#0a274547), 0 10px 0 0 var(--tw-shadow-color,var(--nv)), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#ice-cream-shop-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#ice-cream-shop-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#ice-cream-shop-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#ice-cream-shop-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#ice-cream-shop-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#ice-cream-shop-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#ice-cream-shop-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#ice-cream-shop-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#ice-cream-shop-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#ice-cream-shop-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#ice-cream-shop-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#ice-cream-shop-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#ice-cream-shop-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#ice-cream-shop-page .focus-visible\:ring-offset-\[\#0A2745\]:focus-visible{--tw-ring-offset-color:var(--nv)}
#ice-cream-shop-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#ice-cream-shop-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#ice-cream-shop-page .active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#ice-cream-shop-page .active\:scale-\[0\.98\]:active{scale:.98}
#ice-cream-shop-page .active\:bg-\[\#06141f\]:active{background-color:#1c1712}
#ice-cream-shop-page .active\:bg-\[\#CC3D00\]:active{background-color:color-mix(in srgb,var(--acc) 72%,#000)}
#ice-cream-shop-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
#ice-cream-shop-page .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
#ice-cream-shop-page .disabled\:opacity-30:disabled{opacity:.3}
#ice-cream-shop-page .disabled\:opacity-50:disabled{opacity:.5}
@media (hover:hover){#ice-cream-shop-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#ice-cream-shop-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#ice-cream-shop-page .disabled\:hover\:shadow-lg:disabled:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (min-width:40rem){#ice-cream-shop-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#ice-cream-shop-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#ice-cream-shop-page .sm\:right-4{right:calc(var(--spacing) * 4)}
#ice-cream-shop-page .sm\:bottom-1\/3{bottom:33.3333%}
#ice-cream-shop-page .sm\:left-4{left:calc(var(--spacing) * 4)}
#ice-cream-shop-page .sm\:mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}
#ice-cream-shop-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#ice-cream-shop-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#ice-cream-shop-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#ice-cream-shop-page .sm\:mt-20{margin-top:calc(var(--spacing) * 20)}
#ice-cream-shop-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#ice-cream-shop-page .sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#ice-cream-shop-page .sm\:inline{display:inline}
#ice-cream-shop-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#ice-cream-shop-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#ice-cream-shop-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#ice-cream-shop-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#ice-cream-shop-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#ice-cream-shop-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#ice-cream-shop-page .sm\:h-96{height:calc(var(--spacing) * 96)}
#ice-cream-shop-page .sm\:h-\[60px\]{height:60px}
#ice-cream-shop-page .sm\:h-\[100px\]{height:100px}
#ice-cream-shop-page .sm\:max-h-\[320px\]{max-height:320px}
#ice-cream-shop-page .sm\:min-h-\[400px\]{min-height:400px}
#ice-cream-shop-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#ice-cream-shop-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#ice-cream-shop-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#ice-cream-shop-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#ice-cream-shop-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#ice-cream-shop-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#ice-cream-shop-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#ice-cream-shop-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#ice-cream-shop-page .sm\:w-72{width:calc(var(--spacing) * 72)}
#ice-cream-shop-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#ice-cream-shop-page .sm\:w-auto{width:auto}
#ice-cream-shop-page .sm\:min-w-\[120px\]{min-width:120px}
#ice-cream-shop-page .sm\:min-w-\[140px\]{min-width:140px}
#ice-cream-shop-page .sm\:flex-\[0_0_30\%\]{flex:0 0 30%}
#ice-cream-shop-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#ice-cream-shop-page .sm\:flex-row{flex-direction:row}
#ice-cream-shop-page .sm\:items-center{align-items:center}
#ice-cream-shop-page .sm\:items-start{align-items:flex-start}
#ice-cream-shop-page .sm\:justify-end{justify-content:flex-end}
#ice-cream-shop-page .sm\:justify-start{justify-content:flex-start}
#ice-cream-shop-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#ice-cream-shop-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#ice-cream-shop-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#ice-cream-shop-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#ice-cream-shop-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#ice-cream-shop-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#ice-cream-shop-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#ice-cream-shop-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#ice-cream-shop-page :where(.sm\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#ice-cream-shop-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#ice-cream-shop-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#ice-cream-shop-page .sm\:rounded-\[36px\]{border-radius:36px}
#ice-cream-shop-page .sm\:p-3{padding:calc(var(--spacing) * 3)}
#ice-cream-shop-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#ice-cream-shop-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#ice-cream-shop-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#ice-cream-shop-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#ice-cream-shop-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#ice-cream-shop-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#ice-cream-shop-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#ice-cream-shop-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#ice-cream-shop-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#ice-cream-shop-page .sm\:py-0{padding-block:0}
#ice-cream-shop-page .sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#ice-cream-shop-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#ice-cream-shop-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#ice-cream-shop-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#ice-cream-shop-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#ice-cream-shop-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#ice-cream-shop-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#ice-cream-shop-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#ice-cream-shop-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#ice-cream-shop-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#ice-cream-shop-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#ice-cream-shop-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#ice-cream-shop-page .sm\:text-\[12px\]{font-size:12px}}
@media (min-width:48rem){#ice-cream-shop-page .md\:right-6{right:calc(var(--spacing) * 6)}
#ice-cream-shop-page .md\:left-6{left:calc(var(--spacing) * 6)}
#ice-cream-shop-page .md\:order-1{order:1}
#ice-cream-shop-page .md\:order-2{order:2}
#ice-cream-shop-page .md\:my-4{margin-block:calc(var(--spacing) * 4)}
#ice-cream-shop-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#ice-cream-shop-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#ice-cream-shop-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#ice-cream-shop-page .md\:mt-44{margin-top:calc(var(--spacing) * 44)}
#ice-cream-shop-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#ice-cream-shop-page .md\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#ice-cream-shop-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#ice-cream-shop-page .md\:block{display:block}
#ice-cream-shop-page .md\:flex{display:flex}
#ice-cream-shop-page .md\:hidden{display:none}
#ice-cream-shop-page .md\:inline-block{display:inline-block}
#ice-cream-shop-page .md\:h-10{height:calc(var(--spacing) * 10)}
#ice-cream-shop-page .md\:h-16{height:calc(var(--spacing) * 16)}
#ice-cream-shop-page .md\:h-28{height:calc(var(--spacing) * 28)}
#ice-cream-shop-page .md\:h-70{height:calc(var(--spacing) * 70)}
#ice-cream-shop-page .md\:h-\[250px\]{height:250px}
#ice-cream-shop-page .md\:max-h-none{max-height:none}
#ice-cream-shop-page .md\:w-10{width:calc(var(--spacing) * 10)}
#ice-cream-shop-page .md\:w-16{width:calc(var(--spacing) * 16)}
#ice-cream-shop-page .md\:w-24{width:calc(var(--spacing) * 24)}
#ice-cream-shop-page .md\:w-28{width:calc(var(--spacing) * 28)}
#ice-cream-shop-page .md\:w-72{width:calc(var(--spacing) * 72)}
#ice-cream-shop-page .md\:min-w-\[130px\]{min-width:130px}
#ice-cream-shop-page .md\:flex-1{flex:1}
#ice-cream-shop-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#ice-cream-shop-page .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#ice-cream-shop-page .md\:flex-col{flex-direction:column}
#ice-cream-shop-page .md\:flex-row{flex-direction:row}
#ice-cream-shop-page .md\:flex-row-reverse{flex-direction:row-reverse}
#ice-cream-shop-page .md\:items-center{align-items:center}
#ice-cream-shop-page .md\:items-stretch{align-items:stretch}
#ice-cream-shop-page .md\:justify-center{justify-content:center}
#ice-cream-shop-page .md\:gap-0{gap:0}
#ice-cream-shop-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#ice-cream-shop-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#ice-cream-shop-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#ice-cream-shop-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#ice-cream-shop-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#ice-cream-shop-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#ice-cream-shop-page .md\:overflow-visible{overflow:visible}
#ice-cream-shop-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#ice-cream-shop-page .md\:p-4{padding:calc(var(--spacing) * 4)}
#ice-cream-shop-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#ice-cream-shop-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#ice-cream-shop-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#ice-cream-shop-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#ice-cream-shop-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#ice-cream-shop-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#ice-cream-shop-page .md\:py-0{padding-block:0}
#ice-cream-shop-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#ice-cream-shop-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#ice-cream-shop-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#ice-cream-shop-page .md\:pt-16{padding-top:calc(var(--spacing) * 16)}
#ice-cream-shop-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#ice-cream-shop-page .md\:pb-28{padding-bottom:calc(var(--spacing) * 28)}
#ice-cream-shop-page .md\:text-center{text-align:center}
#ice-cream-shop-page .md\:text-justify{text-align:justify}
#ice-cream-shop-page .md\:text-right{text-align:right}
#ice-cream-shop-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#ice-cream-shop-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#ice-cream-shop-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#ice-cream-shop-page .md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}
#ice-cream-shop-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#ice-cream-shop-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#ice-cream-shop-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#ice-cream-shop-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#ice-cream-shop-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#ice-cream-shop-page .md\:text-\[9px\]{font-size:9px}
#ice-cream-shop-page .md\:text-\[10px\]{font-size:10px}
#ice-cream-shop-page .md\:text-\[14px\]{font-size:14px}
#ice-cream-shop-page .md\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}}
@media (min-width:64rem){#ice-cream-shop-page .lg\:order-1{order:1}
#ice-cream-shop-page .lg\:order-2{order:2}
#ice-cream-shop-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#ice-cream-shop-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#ice-cream-shop-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#ice-cream-shop-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#ice-cream-shop-page .lg\:mt-32{margin-top:calc(var(--spacing) * 32)}
#ice-cream-shop-page .lg\:mt-50{margin-top:calc(var(--spacing) * 50)}
#ice-cream-shop-page .lg\:mt-52{margin-top:calc(var(--spacing) * 52)}
#ice-cream-shop-page .lg\:mr-0{margin-right:0}
#ice-cream-shop-page .lg\:mb-0{margin-bottom:0}
#ice-cream-shop-page .lg\:mb-10{margin-bottom:calc(var(--spacing) * 10)}
#ice-cream-shop-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#ice-cream-shop-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#ice-cream-shop-page .lg\:block{display:block}
#ice-cream-shop-page .lg\:flex{display:flex}
#ice-cream-shop-page .lg\:hidden{display:none}
#ice-cream-shop-page .lg\:h-14{height:calc(var(--spacing) * 14)}
#ice-cream-shop-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#ice-cream-shop-page .lg\:h-194{height:calc(var(--spacing) * 194)}
#ice-cream-shop-page .lg\:h-\[70px\]{height:70px}
#ice-cream-shop-page .lg\:h-\[132px\]{height:132px}
#ice-cream-shop-page .lg\:h-\[300px\]{height:300px}
#ice-cream-shop-page .lg\:w-1\/2{width:50%}
#ice-cream-shop-page .lg\:w-14{width:calc(var(--spacing) * 14)}
#ice-cream-shop-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#ice-cream-shop-page .lg\:w-\[45\%\]{width:45%}
#ice-cream-shop-page .lg\:w-\[55\%\]{width:55%}
#ice-cream-shop-page .lg\:w-\[70px\]{width:70px}
#ice-cream-shop-page .lg\:w-auto{width:auto}
#ice-cream-shop-page .lg\:w-fit{width:fit-content}
#ice-cream-shop-page .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#ice-cream-shop-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#ice-cream-shop-page .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
#ice-cream-shop-page .lg\:flex-row{flex-direction:row}
#ice-cream-shop-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#ice-cream-shop-page .lg\:items-center{align-items:center}
#ice-cream-shop-page .lg\:justify-end{justify-content:flex-end}
#ice-cream-shop-page .lg\:gap-0{gap:0}
#ice-cream-shop-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#ice-cream-shop-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#ice-cream-shop-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#ice-cream-shop-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#ice-cream-shop-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#ice-cream-shop-page :where(.lg\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#ice-cream-shop-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#ice-cream-shop-page :where(.lg\:space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}
#ice-cream-shop-page .lg\:gap-x-4{column-gap:calc(var(--spacing) * 4)}
#ice-cream-shop-page .lg\:gap-y-4{row-gap:calc(var(--spacing) * 4)}
#ice-cream-shop-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#ice-cream-shop-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#ice-cream-shop-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#ice-cream-shop-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#ice-cream-shop-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#ice-cream-shop-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#ice-cream-shop-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#ice-cream-shop-page .lg\:py-20{padding-block:calc(var(--spacing) * 20)}
#ice-cream-shop-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#ice-cream-shop-page .lg\:pt-\[132px\]{padding-top:132px}
#ice-cream-shop-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#ice-cream-shop-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#ice-cream-shop-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#ice-cream-shop-page .lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#ice-cream-shop-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#ice-cream-shop-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#ice-cream-shop-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#ice-cream-shop-page .lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#ice-cream-shop-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#ice-cream-shop-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#ice-cream-shop-page .lg\:text-\[10px\]{font-size:10px}
#ice-cream-shop-page .lg\:text-\[28px\]{font-size:28px}
#ice-cream-shop-page .lg\:text-\[48px\]{font-size:48px}
#ice-cream-shop-page .lg\:text-\[150px\]{font-size:150px}
#ice-cream-shop-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#ice-cream-shop-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#ice-cream-shop-page .xl\:mt-0{margin-top:0}
#ice-cream-shop-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#ice-cream-shop-page .xl\:mt-70{margin-top:calc(var(--spacing) * 70)}
#ice-cream-shop-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#ice-cream-shop-page .xl\:h-122{height:calc(var(--spacing) * 122)}
#ice-cream-shop-page .xl\:h-\[142px\]{height:142px}
#ice-cream-shop-page .xl\:h-auto{height:auto}
#ice-cream-shop-page .xl\:w-1\/2{width:50%}
#ice-cream-shop-page .xl\:w-1\/3{width:33.3333%}
#ice-cream-shop-page .xl\:w-\[25\.5\%\]{width:25.5%}
#ice-cream-shop-page .xl\:w-\[30\%\]{width:30%}
#ice-cream-shop-page .xl\:w-\[70\%\]{width:70%}
#ice-cream-shop-page .xl\:flex-\[0_0_12\%\]{flex:0 0 12%}
#ice-cream-shop-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#ice-cream-shop-page .xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
#ice-cream-shop-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#ice-cream-shop-page .xl\:flex-row{flex-direction:row}
#ice-cream-shop-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#ice-cream-shop-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#ice-cream-shop-page .xl\:gap-12{gap:calc(var(--spacing) * 12)}
#ice-cream-shop-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#ice-cream-shop-page .xl\:gap-32{gap:calc(var(--spacing) * 32)}
#ice-cream-shop-page .xl\:p-8{padding:calc(var(--spacing) * 8)}
#ice-cream-shop-page .xl\:px-0{padding-inline:0}
#ice-cream-shop-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#ice-cream-shop-page .xl\:px-16{padding-inline:calc(var(--spacing) * 16)}
#ice-cream-shop-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#ice-cream-shop-page .xl\:px-36{padding-inline:calc(var(--spacing) * 36)}
#ice-cream-shop-page .xl\:py-16{padding-block:calc(var(--spacing) * 16)}
#ice-cream-shop-page .xl\:pt-16{padding-top:calc(var(--spacing) * 16)}
#ice-cream-shop-page .xl\:pt-\[142px\]{padding-top:142px}
#ice-cream-shop-page .xl\:pl-6{padding-left:calc(var(--spacing) * 6)}
#ice-cream-shop-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#ice-cream-shop-page .xl\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#ice-cream-shop-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#ice-cream-shop-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#ice-cream-shop-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#ice-cream-shop-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#ice-cream-shop-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#ice-cream-shop-page .xl\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#ice-cream-shop-page .xl\:text-\[11px\]{font-size:11px}
#ice-cream-shop-page .xl\:text-\[14px\]{font-size:14px}
#ice-cream-shop-page .xl\:text-\[16px\]{font-size:16px}
#ice-cream-shop-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#ice-cream-shop-page .\32 xl\:mr-50{margin-right:calc(var(--spacing) * 50)}
#ice-cream-shop-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#ice-cream-shop-page .\32 xl\:h-130{height:calc(var(--spacing) * 130)}
#ice-cream-shop-page .\32 xl\:min-h-\[550px\]{min-height:550px}
#ice-cream-shop-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#ice-cream-shop-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#ice-cream-shop-page .\32 xl\:gap-\[25px\]{gap:25px}
#ice-cream-shop-page .\32 xl\:px-12{padding-inline:calc(var(--spacing) * 12)}
#ice-cream-shop-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#ice-cream-shop-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#ice-cream-shop-page .\32 xl\:text-left{text-align:left}
#ice-cream-shop-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#ice-cream-shop-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#ice-cream-shop-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#ice-cream-shop-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#ice-cream-shop-page .\32 xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#ice-cream-shop-page .\32 xl\:text-\[14px\]{font-size:14px}
#ice-cream-shop-page .\32 xl\:text-\[16px\]{font-size:16px}
#ice-cream-shop-page .\32 xl\:text-\[20px\]{font-size:20px}
#ice-cream-shop-page .\32 xl\:text-\[27px\]{font-size:27px}
#ice-cream-shop-page .\32 xl\:text-\[56px\]{font-size:56px}
#ice-cream-shop-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-REGULAR.TTF)format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-SEMIBOLD.TTF)format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-BOLD.TTF)format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-EXTRABOLD.TTF)format("truetype");font-weight:800;font-display:swap}
#ice-cream-shop-page{direction:rtl}
#ice-cream-shop-page{color:#33291d;background:#fff;font-family:Vazirmatn,Tahoma,sans-serif}
#ice-cream-shop-page .fanum-font,#ice-cream-shop-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#ice-cream-shop-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#ice-cream-shop-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
#ice-cream-shop-page .dir-rtl{direction:rtl}
#ice-cream-shop-page .hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
#ice-cream-shop-page .hide-scrollbar::-webkit-scrollbar{display:none}
#ice-cream-shop-page .mb-safe{margin-bottom:env(safe-area-inset-bottom)}
@keyframes ring{0%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-12deg)}20%,40%,60%{transform:rotate(12deg)}70%{transform:rotate(0)}}
#ice-cream-shop-page .phone-ring-animation{animation:2s ease-in-out infinite ring}
@keyframes pulse-alarm{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}
#ice-cream-shop-page .alarm-animation{animation:1.5s ease-in-out infinite pulse-alarm}
@keyframes brand-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}
#ice-cream-shop-page .brand-scroll-animation{animation:30s linear infinite brand-scroll}
#ice-cream-shop-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,var(--nv) 60%,#1c1712 100%)}
#ice-cream-shop-page >div>div.relative>div.absolute.inset-0.z-0>div{background:0 0}
@media (min-width:64rem){#ice-cream-shop-page #images>div>div{padding-left:2.5rem;padding-right:2.5rem}
#ice-cream-shop-page #images h2{margin-bottom:5rem}
#ice-cream-shop-page #images [dir=rtl].w-full{flex-direction:row;justify-content:space-between;align-items:center;gap:2.5rem;display:flex}
#ice-cream-shop-page #images [role=tablist]{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:43%;margin:0;padding:0;display:grid;overflow:visible}
#ice-cream-shop-page #images [role=tablist]>div{margin:0}
#ice-cream-shop-page #images [role=tab]{white-space:nowrap;color:var(--acc);width:100%;min-width:0;height:3rem;box-shadow:none;background:#fff;border:2px solid var(--acc);padding-left:.5rem;padding-right:.5rem;font-size:.9rem}
#ice-cream-shop-page #images [role=tab][aria-selected=true]{color:#fff;background:var(--acc)}
#ice-cream-shop-page #images [role=tab]:hover{background:var(--fa-soft)}
#ice-cream-shop-page #images [role=tab][aria-selected=true]:hover{background:var(--acc)}
#ice-cream-shop-page #images [dir=rtl].w-full>div.relative{flex:none;width:54%}
#ice-cream-shop-page #images .flex-\[0_0_100\%\],#ice-cream-shop-page #images .flex-\[0_0_100\%\]>div>div{padding:0}
#ice-cream-shop-page #images .flex-\[0_0_100\%\]>div>div>div{background:#fff;border:3px solid var(--nv);border-radius:1rem;min-height:26rem}
#ice-cream-shop-page #images img[data-nimg=fill]{object-fit:contain;padding:0}
#ice-cream-shop-page #images button[aria-label=آیتم\ بعدی],#ice-cream-shop-page #images button[aria-label=آیتم\ قبلی]{display:none}
#ice-cream-shop-page #images button[aria-label=بزرگنمایی\ تصویر]{color:var(--nv);background:#fff;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:0 2px 8px #0003}}
#ice-cream-shop-page .mt-12{margin-top:calc(var(--spacing) * 12)}
#ice-cream-shop-page .mb-20{margin-bottom:calc(var(--spacing) * 20)}
#ice-cream-shop-page .text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}
@media (hover:hover){#ice-cream-shop-page .hover\:-translate-x-1:hover{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#ice-cream-shop-page .hover\:opacity-90:hover{opacity:.9}}
@media (min-width:40rem){#ice-cream-shop-page .sm\:order-1{order:1}
#ice-cream-shop-page .sm\:order-2{order:2}
#ice-cream-shop-page .sm\:justify-between{justify-content:space-between}
#ice-cream-shop-page .sm\:py-7{padding-block:calc(var(--spacing) * 7)}}
@media (min-width:48rem){#ice-cream-shop-page .md\:mt-0{margin-top:0}
#ice-cream-shop-page .md\:mb-72{margin-bottom:calc(var(--spacing) * 72)}
#ice-cream-shop-page .md\:justify-start{justify-content:flex-start}}
@media (min-width:64rem){#ice-cream-shop-page .lg\:py-10{padding-block:calc(var(--spacing) * 10)}}

/* ===== صفحه «نرم افزار رستورانی تحت وب» — مسیر #web-restaurant =====
   طراحی و چیدمان همان صفحه‌ی اصلی تحت وب است؛ چارچوب، حاشیه‌ی راست/چپ سکشن‌ها، فونت Vazirmatn و رنگ‌ها
   مثل صفحه‌ی «اتوماسیون تغذیه» از پالت همین سایت (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند. */
#ice-cream-shop-page{--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good);--color-orange-100:var(--fa-soft);--color-orange-300:var(--gold1)}
#ice-cream-shop-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #ice-cream-shop-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #ice-cream-shop-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#ice-cream-shop-page{--text-7xl:4.5rem;--text-7xl--line-height:1}
#ice-cream-shop-page[hidden]{display:none}
html.is-web body>section:not(#mp-sec),html.is-web #nl-sec,html.is-web #cta-band,html.is-web .pgx{display:none!important}
#ice-cream-shop-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#ice-cream-shop-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#ice-cream-shop-page .semibold-fanum-font,#ice-cream-shop-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#ice-cream-shop-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#ice-cream-shop-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#ice-cream-shop-page a{color:inherit;text-decoration:none}
#ice-cream-shop-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#ice-cream-shop-page input[type=checkbox]{accent-color:var(--gold1)}
#ice-cream-shop-page .bg-white{background-color:var(--sec-alt)}
#ice-cream-shop-page .text-black{color:var(--ink)}
#ice-cream-shop-page .text-primary{color:var(--ink)}
#ice-cream-shop-page .text-\[\#0A2745\]{color:var(--ink)}
#ice-cream-shop-page .border-\[\#0A2745\]{border-color:var(--ink)}
#ice-cream-shop-page .bg-primary.text-white,#ice-cream-shop-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
@media (hover:hover){#ice-cream-shop-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#ice-cream-shop-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#ice-cream-shop-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#ice-cream-shop-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#ice-cream-shop-page .faq-open svg{transition:transform .2s}
#ice-cream-shop-page .no-scrollbar{scrollbar-width:none}
#ice-cream-shop-page .no-scrollbar::-webkit-scrollbar{display:none}
#ice-cream-shop-page .sol-toast{background:var(--nv);color:#f6ecd6;z-index:4000;text-align:center;border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#ice-cream-shop-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#ice-cream-shop-page .ab-menu.open{display:block}
#ice-cream-shop-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#ice-cream-shop-page .ab-menu button:hover,#ice-cream-shop-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#ice-cream-shop-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#ice-cream-shop-page .ab-msg:empty{display:none}
#ice-cream-shop-page .ab-msg.err{color:#ffb4aa}
/* هیرو: زمینه‌ی اسپرسو (به‌جای سرمه‌ای)، متن و دکمه‌ها مثل هیروی صفحه‌ی اتوماسیون تغذیه */
#ice-cream-shop-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,#2b2118 60%,#1c1712 100%)}
#ice-cream-shop-page >div>div.relative h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#ice-cream-shop-page >div>div.relative h1 .text-\[\#FF4C00\]{color:var(--gold1,#d6b374)}
#ice-cream-shop-page >div>div.relative h2{color:#efe4d2;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#ice-cream-shop-page >div>div.relative p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#ice-cream-shop-page >div>div.relative a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#ice-cream-shop-page >div>div.relative a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#ice-cream-shop-page >div>div.relative a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* نوار فهرست بخش‌ها: چسبان زیر هدر (مثل صفحه‌ی اتوماسیون تغذیه) */
#ice-cream-shop-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#ice-cream-shop-page #ic-toc{background:var(--acc)!important;position:sticky;top:var(--wb-top,0px);z-index:19;transition:box-shadow .25s}
#ice-cream-shop-page #ic-toc.wb-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#ice-cream-shop-page section[id^="wb-"]{scroll-margin-top:calc(var(--wb-top,0px) + var(--wb-bar,64px) + 10px)}
/* نظرات: فقط یک صفحه نظر در منبع وجود دارد؛ صفحه‌بندی بی‌اثر مخفی شد */
#ice-cream-shop-page nav[aria-label="صفحه‌بندی"]{display:none}
/* ===== نمایش بزرگ تصویر مشابه صفحه‌ی اتوماسیون تغذیه: نام تب، فلش قبلی/بعدی، دکمه‌ی بستن ===== */
#ice-cream-shop-page #ic-lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#ice-cream-shop-page #ic-lightbox.open{display:flex}
#ice-cream-shop-page #ic-lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#food-page .no-scrollbar{scrollbar-width:none}
#food-page .no-scrollbar::-webkit-scrollbar{display:none}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .faq-open svg{transition:transform .2s}
#food-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#food-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#food-page #service-menu.open{display:block}
#food-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#food-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#food-page .left-\[35\%\]{
    left: 35%;
  }
#food-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#food-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#food-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#food-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#food-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#food-page .min-h-screen{
    min-height: 100vh;
  }
#food-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#food-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#food-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#food-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#food-page .max-w-xl{
    max-width: var(--container-xl);
  }
#food-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#food-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .flex-wrap{
    flex-wrap: wrap;
  }
#food-page .justify-around{
    justify-content: space-around;
  }
#food-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#food-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#food-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#food-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#food-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#food-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#food-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#food-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#food-page .bg-ab-card{
    background-color: var(--card);
  }
#food-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#food-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#food-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#food-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#food-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#food-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#food-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#food-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#food-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#food-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#food-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#food-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#food-page .text-ab-cream{
    color: #f6ecd6;
  }
#food-page .text-ab-ink{
    color: var(--ink);
  }
#food-page .text-ab-mut{
    color: var(--mut);
  }
#food-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#food-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#food-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#food-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#food-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#food-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#food-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#food-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#food-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#food-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#food-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#food-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#food-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#food-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#food-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#food-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#food-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#food-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#food-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#food-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#food-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#food-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#food-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#food-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#food-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#food-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#food-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#food-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#food-page .lg\:h-\[550px\]{
      height: 550px;
    }
#food-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#food-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#food-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#food-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#food-page .xl\:h-auto{
      height: auto;
    }
#food-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#food-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#food-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#food-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#food-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#food-page .xl\:py-0{
      padding-block: 0px;
    }
#food-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#food-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#food-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#food-page .ab-menu.open{display:block}
#food-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#food-page .ab-menu button:hover,#food-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#food-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#food-page .ab-msg:empty{display:none}
#food-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#food-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#food-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#food-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#food-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#food-page .brand-scroll-animation{--g:5rem}}
#food-page .brand-scroll-animation:hover{animation-play-state:paused}
#food-page .brand-scroll-animation,#food-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#food-page *{transition:none!important}#food-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#food-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#food-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#food-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#food-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#food-page [id^=fa-]{scroll-margin-top:120px}
#food-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#food-page .semibold-fanum-font,#food-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#food-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#food-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#food-page a{color:inherit;text-decoration:none}
#food-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#food-page input[type=checkbox]{accent-color:var(--gold1)}
#food-page .bg-white{background-color:var(--sec-alt)}
#food-page .text-black{color:var(--ink)}
#food-page .text-\[\#0A2745\],#food-page .text-secondary{color:var(--ink)}
#food-page .bg-primary.text-white,#food-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#food-page .bg-secondary.text-white,#food-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#food-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#food-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#food-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .sol-toast{background:var(--nv);color:#f6ecd6}
#food-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#ice-cream-shop-page #ic-lightbox img{background:var(--card)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#ice-cream-shop-page #ic-lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#ice-cream-shop-page #ic-lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#ice-cream-shop-page #ic-lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#ice-cream-shop-page #ic-lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#ice-cream-shop-page #ic-lightbox .lb-x,#ice-cream-shop-page #ic-lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#ice-cream-shop-page #ic-lightbox .lb-x{top:14px;left:14px}
#ice-cream-shop-page #ic-lightbox .lb-nav{top:50%;margin-top:-22px}
#ice-cream-shop-page #ic-lightbox .lb-prev{right:14px}
#ice-cream-shop-page #ic-lightbox .lb-next{left:14px}
#ice-cream-shop-page #ic-lightbox .lb-x:hover,#ice-cream-shop-page #ic-lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#ice-cream-shop-page #ic-lightbox .lb-x:focus-visible,#ice-cream-shop-page #ic-lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #ice-cream-shop-page #ic-lightbox{padding:60px 12px 84px}
 #ice-cream-shop-page #ic-lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #ice-cream-shop-page #ic-lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #ice-cream-shop-page #ic-lightbox .lb-prev{right:16px}
 #ice-cream-shop-page #ic-lightbox .lb-next{left:16px}
 #ice-cream-shop-page #ic-lightbox figcaption{max-width:calc(100vw - 150px)}}
@media (prefers-reduced-motion:reduce){#ice-cream-shop-page *{transition:none!important}}

/* حاشیه‌ی راست/چپ یکسان همه‌ی سکشن‌ها مثل صفحه‌ی اتوماسیون تغذیه */
#ice-cream-shop-page{--wb-px:clamp(1rem,4vw + .5rem,9rem)}
@media(min-width:96rem){#ice-cream-shop-page{--wb-px:clamp(2rem,12vw + 20rem,16rem)}}
#ice-cream-shop-page >div>div.relative{border-radius:0 0 48px 48px}
#ice-cream-shop-page #ic-packages>div.flex:not(.pr-first){padding-inline:var(--wb-px)}
/* پکیج‌ها: هم‌رنگ و هم‌استایل تب اول صفحه قیمت‌ها */
#ice-cream-shop-page #ic-packages{--color-secondary:var(--nv)}
#ice-cream-shop-page #ic-packages .text-secondary{color:var(--ink)}
#ice-cream-shop-page #ic-packages .bg-white{background-color:var(--sec-alt)}
#ice-cream-shop-page #ic-packages .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
@media (hover:hover){
#ice-cream-shop-page #ic-packages .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}
#ice-cream-shop-page #ic-packages .group-hover\:border-\[\#0A2745\]:is(:where(.group):hover *){border-color:var(--ink)}
#ice-cream-shop-page #ic-packages .group-hover\:text-\[\#0A2745\]:is(:where(.group):hover *){color:var(--ink)}
#ice-cream-shop-page #ic-packages .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px rgba(43,33,24,.22), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page #ic-packages .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px rgba(43,33,24,.28), 0 10px 0 0 var(--ink), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#ice-cream-shop-page #ic-packages .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]:is(:where(.group):hover *){--tw-shadow:0 8px 24px color-mix(in srgb,var(--acc) 38%,transparent);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
}
@media (min-width:48rem){#ice-cream-shop-page .md\:p-24{padding:calc(var(--spacing) * 24)}}
#ice-cream-shop-page #ic-pro-features article{padding-inline:var(--wb-px)}
#ice-cream-shop-page #ic-pro-features article>div{padding-inline:0!important}
#ice-cream-shop-page #ic-images .flex-\[0_0_100\%\]{padding:0}
#ice-cream-shop-page #ic-images .flex-\[0_0_100\%\] .p-2{padding:0}
#ice-cream-shop-page #ic-modules .CONTENT_CLASSES{padding-inline:0!important;margin-inline:0!important;max-width:none!important}
#ice-cream-shop-page #ic-modules>div>div{padding-inline:var(--wb-px)}

/* نمایی از محیط کاربری: تصویر در سمت چپ + دکمه‌های دو‌ستونه در سمت راست */
#ice-cream-shop-page .wb-gal{display:flex;flex-direction:row;align-items:center;gap:clamp(20px,3vw,48px);width:100%}
#ice-cream-shop-page .wb-tabs{flex:0 0 42%;display:grid;grid-template-columns:1fr 1fr;gap:14px}
#ice-cream-shop-page .wb-tab{cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:10px 14px;border:2px solid var(--nv);border-radius:999px;background:transparent;color:var(--ink);font-size:clamp(13px,1.05vw,17px);line-height:1.6;transition:background .2s,color .2s,box-shadow .2s}
#ice-cream-shop-page .wb-tab:hover{background:color-mix(in srgb,var(--nv) 10%,transparent)}
#ice-cream-shop-page .wb-tab[aria-selected=true]{background:var(--nv);color:#f6ecd6;box-shadow:0 8px 22px -10px var(--nv)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #ice-cream-shop-page .wb-tab{border-color:var(--line)}:root:not([data-theme="light"]) #ice-cream-shop-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}}
:root[data-theme="dark"] #ice-cream-shop-page .wb-tab{border-color:var(--line)}
:root[data-theme="dark"] #ice-cream-shop-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}
#ice-cream-shop-page .wb-stage{position:relative;flex:1 1 0;min-width:0;aspect-ratio:16/9.6;background:transparent;border:0;border-radius:0;overflow:hidden}
#ice-cream-shop-page .wb-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:0}
#ice-cream-shop-page .wb-zoom{position:absolute;top:10px;right:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;font-size:26px;line-height:1;color:#0A2745;background:#fff;border:1px solid rgba(10,39,69,.18);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;transition:opacity .2s,transform .2s}
#ice-cream-shop-page .wb-zoom:hover{opacity:.85;transform:scale(1.06)}
#ice-cream-shop-page .wb-zoom:focus-visible{outline:2px solid #d6b374;outline-offset:2px}
@media(max-width:900px){#ice-cream-shop-page .wb-gal{flex-direction:column-reverse;align-items:stretch}#ice-cream-shop-page .wb-stage{flex:none;width:100%}#ice-cream-shop-page .wb-tabs{flex:none}#ice-cream-shop-page .wb-tab{min-height:46px;padding:8px 10px}}
#ice-cream-shop-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#ice-cream-shop-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#ice-cream-shop-page .bg-ab-card{
    background-color: var(--card);
  }
#ice-cream-shop-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#ice-cream-shop-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#ice-cream-shop-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#ice-cream-shop-page .text-ab-cream{
    color: #f6ecd6;
  }
#ice-cream-shop-page .text-ab-ink{
    color: var(--ink);
  }
#ice-cream-shop-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#ice-cream-shop-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#ice-cream-shop-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#ice-cream-shop-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#ice-cream-shop-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#ice-cream-shop-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#ice-cream-shop-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#ice-cream-shop-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#ice-cream-shop-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#ice-cream-shop-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#ice-cream-shop-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#ice-cream-shop-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#ice-cream-shop-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#ice-cream-shop-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#ice-cream-shop-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#ice-cream-shop-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#ice-cream-shop-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#ice-cream-shop-page .bg-ab-card{
    background-color: var(--card);
  }
#ice-cream-shop-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#ice-cream-shop-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#ice-cream-shop-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#ice-cream-shop-page .text-ab-cream{
    color: #f6ecd6;
  }
#ice-cream-shop-page .text-ab-ink{
    color: var(--ink);
  }
#ice-cream-shop-page .text-ab-mut{
    color: var(--mut);
  }
#ice-cream-shop-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#ice-cream-shop-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#ice-cream-shop-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#ice-cream-shop-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#ice-cream-shop-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#ice-cream-shop-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#ice-cream-shop-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#ice-cream-shop-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#ice-cream-shop-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#ice-cream-shop-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#ice-cream-shop-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#ice-cream-shop-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#ice-cream-shop-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#ice-cream-shop-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#ice-cream-shop-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#ice-cream-shop-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#ice-cream-shop-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#ice-cream-shop-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#ice-cream-shop-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }

#ice-cream-shop-page .bg-ab-gold\/45:focus,#ice-cream-shop-page .focus\:bg-ab-gold\/45:focus{background-color:color-mix(in oklab,#d6b374 45%,transparent)}
#ice-cream-shop-page .app-actions{gap:14px;flex-wrap:wrap}
#ice-cream-shop-page .app-dl{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.5rem;border-radius:999px;background:var(--acc);color:var(--on-acc,#fff);font-size:clamp(13px,1.1vw,18px);transition:transform .25s,box-shadow .25s}
#ice-cream-shop-page .app-dl:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--acc)}
#ice-cream-shop-page section[aria-label="اعلان نسخه اندروید نرم‌افزار رستوران سول"]{margin-bottom:0}
#ice-cream-shop-page section.md\:mb-72{margin-bottom:0!important}
#ice-cream-shop-page section.md\:mb-72{margin-top:-44px!important}
@media(min-width:48rem){#ice-cream-shop-page section.md\:mb-72{margin-top:-86px!important}}
@media(min-width:80rem){#ice-cream-shop-page section.md\:mb-72{margin-top:-194px!important}}
@media(min-width:96rem){#ice-cream-shop-page section.md\:mb-72{margin-top:-210px!important}}
/* فاصله‌ی نوار قرمز: هم‌اندازه‌ی اون توی صفحه‌ی اتوماسیون تغذیه (--fa-gap) */
#ice-cream-shop-page{--fa-gap:clamp(12px,1.8vw,24px)}
#ice-cream-shop-page #ic-toc{margin-top:var(--fa-gap)!important}
#ice-cream-shop-page #ic-toc + section{margin-top:var(--fa-gap)!important;padding-top:6rem}
#ice-cream-shop-page #ic-toc + section>div>div>h2:first-child{margin-top:0!important}
/* امکانات: رنگ عنوان کارت‌ها مثل صفحه ویندوزی */
#ice-cream-shop-page #ic-features-list .text-secondary{color:var(--ink)}
/* ===== هایلایت قابلیت آفلاین در هیروی صفحه وب ===== */
@media(min-width:64rem){#ice-cream-shop-page>div>div.relative{height:auto;min-height:calc(var(--spacing)*194);padding-bottom:204px}}
@media(min-width:80rem){#ice-cream-shop-page>div>div.relative{padding-bottom:312px}}
@media(min-width:96rem){#ice-cream-shop-page>div>div.relative{padding-bottom:328px}}
#ice-cream-shop-page .ofl{position:relative;isolation:isolate;overflow:hidden;direction:rtl;width:min(100%,1180px);margin:clamp(14px,2vw,26px) auto 0;padding:clamp(18px,2vw,28px) clamp(18px,2.6vw,38px);border-radius:28px;color:#fff;text-align:right;display:flex;align-items:center;gap:clamp(16px,2.4vw,34px);background:linear-gradient(120deg,#7d1f19 0%,#b3342b 52%,#7d1f19 100%);border:2px solid var(--gold1,#d6b374);box-shadow:0 24px 50px -18px rgba(0,0,0,.75),0 0 0 7px rgba(227,194,138,.14);animation:ofl-in .9s .3s both cubic-bezier(.2,.8,.2,1)}
#ice-cream-shop-page .ofl:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 14px,transparent 14px 28px)}
#ice-cream-shop-page .ofl:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,236,190,.28) 50%,transparent 62%);transform:translateX(-130%);animation:ofl-sw 5s ease-in-out infinite}
#ice-cream-shop-page .ofl-ic{position:relative;flex:none;width:clamp(64px,6.4vw,92px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.28);border:2px solid rgba(251,230,174,.7)}
#ice-cream-shop-page .ofl-ic:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(251,230,174,.55);animation:ofl-p 2.4s ease-out infinite}
#ice-cream-shop-page .ofl-ic svg{width:56%;height:56%}
#ice-cream-shop-page .ofl-ok{position:absolute;bottom:-4px;left:-4px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:900;color:#fff;background:#2f9e5b;border:3px solid #7d1f19}
#ice-cream-shop-page .ofl-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}
#ice-cream-shop-page .ofl-k{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;font-size:13px;font-weight:800;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f)}
#ice-cream-shop-page .ofl-k i{width:8px;height:8px;border-radius:50%;background:#b3342b;animation:ofl-d 1.4s ease-in-out infinite}
#ice-cream-shop-page .ofl-h{margin:0;font-weight:900;font-size:clamp(20px,2.3vw,36px);line-height:1.45;color:#fff}
#ice-cream-shop-page .ofl-p{margin:0;font-weight:500;font-size:clamp(13px,1.2vw,17px);line-height:1.9;color:#fbe9d0}
#ice-cream-shop-page .ofl-ch{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
#ice-cream-shop-page .ofl-ch li{padding:4px 13px;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:700;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}
#ice-cream-shop-page .ofl-go{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:290px;padding:14px 26px;border-radius:999px;font-size:clamp(14px,1.2vw,17px);font-weight:900;line-height:1.6;text-align:center;text-decoration:none;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f);box-shadow:0 12px 26px -8px rgba(0,0,0,.6);transition:transform .2s,filter .2s}
#ice-cream-shop-page .ofl-go:hover{transform:translateY(-2px);filter:brightness(1.06)}
#ice-cream-shop-page .ofl-go:focus-visible{outline:3px solid #fff;outline-offset:3px}
#ice-cream-shop-page .ofl-go svg{flex:none;width:20px;height:20px;transition:transform .25s}
#ice-cream-shop-page .ofl-go:hover svg{transform:translateX(-5px)}
@keyframes ofl-in{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ofl-sw{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@keyframes ofl-p{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.28);opacity:0}}
@keyframes ofl-d{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:860px){#ice-cream-shop-page .ofl{flex-direction:column;text-align:center;border-radius:24px}#ice-cream-shop-page .ofl-k{align-self:center}#ice-cream-shop-page .ofl-ch{justify-content:center}#ice-cream-shop-page .ofl-go{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){#ice-cream-shop-page .ofl,#ice-cream-shop-page .ofl:after,#ice-cream-shop-page .ofl-ic:before,#ice-cream-shop-page .ofl-k i{animation:none}}
#ice-cream-shop-page #ic-toc>div>.lg\:-mt-32{margin-top:0!important}
#ice-cream-shop-page #ic-modules a.group{color:inherit;text-decoration:none}

/* امکانات حرفه‌ای: تصویر چسبیده به لبه‌ی صفحه (مارجین صفر)، متن با مارجین استاندارد، ارتفاع هر بخش = یک ویو */
#ice-cream-shop-page #ic-pro-features{--pf-h:clamp(360px,calc(100svh - 190px),780px)}
#ice-cream-shop-page #ic-pro-features article{box-sizing:border-box;padding-inline:0!important;overflow:hidden}
#ice-cream-shop-page #ic-pro-features article>div{margin-inline:0!important;min-width:0}
#ice-cream-shop-page #ic-pro-features article>div:first-child{padding:0!important}
#ice-cream-shop-page #ic-pro-features article>div:first-child>.relative{translate:none!important;margin:0!important;width:100%}
#ice-cream-shop-page #ic-pro-features article>div:first-child img{object-fit:contain!important}
#ice-cream-shop-page #ic-pro-features article>div:last-child{padding-inline:var(--wb-px)!important}
@media(min-width:1024px){
 #ice-cream-shop-page #ic-pro-features article{display:flex;flex-direction:row;align-items:center;margin-top:clamp(20px,4vh,48px)!important;min-height:var(--pf-h)}
 #ice-cream-shop-page #ic-pro-features article>div:first-child{flex:0 0 min(60%,calc(var(--pf-h)*1.3334));width:min(60%,calc(var(--pf-h)*1.3334))!important;max-width:none}
 #ice-cream-shop-page #ic-pro-features article>div:first-child>.relative{aspect-ratio:auto!important;min-height:0!important;height:min(var(--pf-h),calc(60vw*.75))}
 #ice-cream-shop-page #ic-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:first-child img{object-position:left center}
 #ice-cream-shop-page #ic-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:first-child img{object-position:right center}
 #ice-cream-shop-page #ic-pro-features article>div:last-child{flex:1 1 0;width:auto!important;max-width:none}
 #ice-cream-shop-page #ic-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:last-child{padding-left:clamp(16px,2vw,40px)!important;padding-right:var(--wb-px)!important}
 #ice-cream-shop-page #ic-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:last-child{padding-right:clamp(16px,2vw,40px)!important;padding-left:var(--wb-px)!important}
 /* فشرده‌سازی متن تا ارتفاع در یک ویو جا شود */
 #ice-cream-shop-page #ic-pro-features article>div:last-child{padding-top:0!important}
 #ice-cream-shop-page #ic-pro-features article h3{margin-bottom:clamp(6px,1.4vh,18px)!important;font-size:clamp(17px,2.6vh,26px)!important}
 #ice-cream-shop-page #ic-pro-features article h3>span:first-child{font-size:clamp(48px,10vh,100px)!important;line-height:1}
 #ice-cream-shop-page #ic-pro-features article ul{font-size:clamp(11px,1.7vh,15px)!important}
 #ice-cream-shop-page #ic-pro-features article ul>li+li{margin-top:clamp(4px,1vh,11px)!important}
}
/* رنگ‌های نارنجی (با شفافیت) در این سکشن → رنگ اصلی سایت */
#ice-cream-shop-page #ic-pro-features .text-\[\#FF4C00\]\/30{color:color-mix(in srgb,var(--acc) 30%,transparent)}
#ice-cream-shop-page #ic-pro-features .bg-\[\#FF4C00\]\/10,#ice-cream-shop-page #ic-pro-features .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:color-mix(in srgb,var(--acc) 10%,transparent)}
#ice-cream-shop-page #ic-pro-features .bg-\[\#FF4C00\]\/20{background-color:color-mix(in srgb,var(--acc) 20%,transparent)}
#ice-cream-shop-page #ic-pro-features .border-\[\#FF4C00\]\/20,#ice-cream-shop-page #ic-pro-features .hover\:border-\[\#FF4C00\]\/30:hover{border-color:color-mix(in srgb,var(--acc) 25%,transparent)}
#ice-cream-shop-page #ic-pro-features [class*="FF4C00"]{--tw-shadow-color:color-mix(in srgb,var(--acc) 40%,transparent)}

/* تصاویر ویژگی‌های حرفه‌ای: قاب دستگاه + کارت + دایره‌ی هم‌رنگ سایت */
#ice-cream-shop-page #ic-pro-features .pf-art{position:absolute;inset:0}
#ice-cream-shop-page #ic-pro-features .pf-circle{position:absolute;width:56%;aspect-ratio:1;border-radius:50%;top:0;background:var(--acc);z-index:0}
#ice-cream-shop-page #ic-pro-features .pf-dev{position:absolute;z-index:1;top:8%;width:94%;aspect-ratio:3148/2244;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
#ice-cream-shop-page #ic-pro-features .pf-dev img{display:block;width:100%;height:100%;object-fit:contain!important;position:static!important}
#ice-cream-shop-page #ic-pro-features .pf-pop{position:absolute;z-index:2;bottom:2%;max-width:80%;height:auto;object-fit:contain!important}
#ice-cream-shop-page #ic-pro-features .pf-L .pf-dev{left:-5%}
#ice-cream-shop-page #ic-pro-features .pf-L .pf-circle{right:2%}
#ice-cream-shop-page #ic-pro-features .pf-L .pf-pop{right:3%}
#ice-cream-shop-page #ic-pro-features .pf-R .pf-dev{right:-5%}
#ice-cream-shop-page #ic-pro-features .pf-R .pf-circle{left:2%}
#ice-cream-shop-page #ic-pro-features .pf-R .pf-pop{left:3%}


#ice-cream-shop-page .vx-sec{--d:clamp(240px,27vw,400px);border-top:1px dashed var(--gold2);text-align:center}
#ice-cream-shop-page .vx-cmp{display:inline-block;padding:5px 16px;border:1px dashed var(--gold2);border-radius:999px;font-size:13px;font-weight:800;color:var(--goldtxt)}
#ice-cream-shop-page .vx-hd h2{margin:.5em 0 0;font-size:clamp(26px,3.4vw,52px);line-height:1.5;font-weight:800;color:var(--hn)}
#ice-cream-shop-page .vx-hd h2 em{font-style:normal;background:linear-gradient(90deg,var(--gold2),var(--gold1));-webkit-background-clip:text;background-clip:text;color:transparent}
#ice-cream-shop-page .vx-hd p{margin:.4em auto 0;max-width:46ch;font-size:clamp(14px,1.1vw,16px);line-height:2;color:var(--mut)}
#ice-cream-shop-page .vx-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(16px,2vw,30px) clamp(16px,2vw,30px);margin-top:clamp(20px,2.5vw,40px);align-items:stretch}
#ice-cream-shop-page .vx-card{position:relative;display:flex;flex-direction:column;margin-top:calc(var(--d)*.46);border-radius:36px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
#ice-cream-shop-page .vx-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),color-mix(in srgb,var(--gold2) 16%,transparent) 0 1px,transparent 1px 34px)}
#ice-cream-shop-page .vx-web{color:#f6ecd9;border-color:rgba(214,179,116,.3);background:linear-gradient(160deg,#3d2e1f,#2a2018);box-shadow:var(--shadow)}
#ice-cream-shop-page .vx-web:before{background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),rgba(246,236,217,.06) 0 1px,transparent 1px 34px)}
#ice-cream-shop-page .vx-media{position:relative;z-index:1;width:var(--d);aspect-ratio:1;margin:calc(var(--d)*-.46) auto 0}
#ice-cream-shop-page .vx-ph{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 clamp(3px,.45vw,6px) rgba(214,179,116,.55),0 30px 60px -26px rgba(40,26,10,.65)}
#ice-cream-shop-page .vx-ring{position:absolute;inset:-5%;border-radius:50%;border:1.5px solid rgba(214,179,116,.5);pointer-events:none}
#ice-cream-shop-page .vx-ring:after{content:"";position:absolute;bottom:3%;left:14%;width:9px;height:9px;border-radius:50%;background:var(--gold1);box-shadow:0 0 14px var(--gold1)}
#ice-cream-shop-page .vx-chip,#ice-cream-shop-page .vx-mini{position:absolute;z-index:2;display:flex;align-items:center;gap:.6em;color:var(--ink);background:var(--card);border:1px solid var(--line);box-shadow:0 14px 30px -14px rgba(60,40,10,.45)}
#ice-cream-shop-page .vx-web .vx-chip,#ice-cream-shop-page .vx-web .vx-mini{color:#f6ecd9;background:rgba(30,22,15,.62);border-color:rgba(246,236,217,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
#ice-cream-shop-page .vx-chip{left:-7%;top:58%;padding:.6em 1.2em;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:800;white-space:nowrap}
#ice-cream-shop-page .vx-chip svg{width:1.3em;height:1.3em;flex:none;color:var(--gold2)}
#ice-cream-shop-page .vx-web .vx-chip svg{color:#e3c28a}
#ice-cream-shop-page .vx-mini{right:-4%;bottom:5%;flex-direction:column;align-items:stretch;gap:0;min-width:128px;padding:12px 16px;border-radius:20px;text-align:start;font-size:clamp(11px,.95vw,13px)}
#ice-cream-shop-page .vx-mini small{font-weight:700;opacity:.9}
#ice-cream-shop-page .vx-mini b{margin-top:4px;color:var(--leaf);font-size:1.1em}
#ice-cream-shop-page .vx-bars{display:flex;align-items:flex-end;gap:5px;height:32px;margin-top:9px;direction:ltr}
#ice-cream-shop-page .vx-bars i{flex:1;height:var(--h);border-radius:3px;background:linear-gradient(180deg,#d6e8b8,#7fa560);transform-origin:bottom}
#ice-cream-shop-page .vx-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;padding:clamp(20px,2vw,30px) clamp(20px,2.8vw,48px) clamp(26px,2.8vw,44px)}
#ice-cream-shop-page .vx-body .vx-t{margin:0;font-size:clamp(24px,2.4vw,38px);font-weight:800;line-height:1.5;color:var(--hn)}
#ice-cream-shop-page .vx-web .vx-t{color:#fff6e4}
#ice-cream-shop-page .vx-sub{margin:.1em 0 .9em;font-size:clamp(17px,1.6vw,24px);font-weight:700;line-height:1.6;color:var(--goldtxt)}
#ice-cream-shop-page .vx-web .vx-sub{color:#e3c28a}
#ice-cream-shop-page .vx-desc{margin:0 auto 1em;max-width:58ch;font-size:clamp(14px,1.08vw,16.5px);line-height:2.15;color:var(--ink)}
#ice-cream-shop-page .vx-web .vx-desc{color:rgba(246,236,217,.86)}
#ice-cream-shop-page .vx-aud{display:inline-flex;align-items:center;gap:10px;margin:0 auto 1.6em;padding:9px 18px 9px 20px;border-radius:999px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 28%,transparent)}
#ice-cream-shop-page .vx-web .vx-aud{background:rgba(214,179,116,.12);border-color:rgba(214,179,116,.3)}
#ice-cream-shop-page .vx-aud svg{width:19px;height:19px;flex:none;color:var(--leaf)}
#ice-cream-shop-page .vx-web .vx-aud svg{color:#e3c28a}
#ice-cream-shop-page .vx-vl{display:flex;align-items:center;gap:14px;margin:0 auto .9em;width:min(100%,460px);font-size:13.5px;font-weight:800;color:var(--leaf)}
#ice-cream-shop-page .vx-vl:before,#ice-cream-shop-page .vx-vl:after{content:"";flex:1;height:1px;background:currentColor;opacity:.3}
#ice-cream-shop-page .vx-web .vx-vl{color:#a4c27f}
#ice-cream-shop-page .vx-ft{list-style:none;margin:0 auto 1.8em;padding:0;width:min(100%,460px);display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;text-align:start}
#ice-cream-shop-page .vx-ft li{display:flex;align-items:center;gap:10px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700}
#ice-cream-shop-page .vx-ft svg{flex:none;width:24px;height:24px;padding:5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#ice-cream-shop-page .vx-web .vx-ft svg{color:#a4c27f;background:rgba(164,194,127,.2)}
#ice-cream-shop-page .vx-ft .vx-star{grid-column:1/-1;padding:10px 16px;border-radius:16px;font-weight:800;color:#1c1712;background:linear-gradient(135deg,#e3c28a,#b58a45);box-shadow:0 10px 22px -12px #b58a45}
#ice-cream-shop-page .vx-ft .vx-star svg{width:26px;height:26px;padding:4px;color:#e3c28a;background:#1c1712}
#ice-cream-shop-page .vx-ft .vx-star em{margin-inline-start:auto;font-style:normal;font-size:.8em;padding:2px 10px;border-radius:999px;background:#1c1712;color:#e3c28a}
#ice-cream-shop-page .vx-act{margin-top:auto;display:flex;flex-direction:column;gap:12px}
#ice-cream-shop-page .vx-act a{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border-radius:999px;border:2px solid var(--acc);font-size:15px;font-weight:800;line-height:1.7;transition:transform .2s,filter .2s,background .2s,color .2s}
#ice-cream-shop-page .vx-b1{background:var(--acc);color:var(--on-acc)}
#ice-cream-shop-page .vx-b1:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 22px -10px var(--acc)}
#ice-cream-shop-page .vx-b2{border-color:var(--gold2)!important;color:var(--goldtxt)}
#ice-cream-shop-page .vx-b2:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#ice-cream-shop-page .vx-web .vx-b2{border-color:#e3c28a!important;color:#e3c28a}
#ice-cream-shop-page .vx-web .vx-b2:hover{color:#1c1712}
#ice-cream-shop-page .vx-new{padding:1px 10px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:11.5px;line-height:1.8}
#ice-cream-shop-page .vx-web .vx-b2:hover .vx-new{background:#1c1712;color:#e3c28a}
#ice-cream-shop-page .vx-act a:focus-visible{outline:3px solid var(--gold1);outline-offset:3px}
#ice-cream-shop-page .vx-ready .vx-media{opacity:0;transform:translateY(48px) scale(.94);transition:opacity .9s,transform 1.1s cubic-bezier(.2,.8,.2,1)}
#ice-cream-shop-page .vx-ready .vx-card:nth-child(2) .vx-media{transition-delay:.18s}
#ice-cream-shop-page .vx-ready .vx-chip,#ice-cream-shop-page .vx-ready .vx-mini{opacity:0;transition:opacity .7s .7s}
#ice-cream-shop-page .vx-ready .vx-bars i{transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.8,.2,1) calc(.9s + var(--d2,0s))}
#ice-cream-shop-page .vx-ready .vx-card.in .vx-media,#ice-cream-shop-page .vx-ready .vx-card.in .vx-chip,#ice-cream-shop-page .vx-ready .vx-card.in .vx-mini{opacity:1;transform:none}
#ice-cream-shop-page .vx-ready .vx-card.in .vx-bars i{transform:none}
@media(max-width:1000px){#ice-cream-shop-page .vx-sec{--d:clamp(230px,56vw,380px)}
#ice-cream-shop-page .vx-grid{grid-template-columns:1fr}}
@media(max-width:560px){#ice-cream-shop-page .vx-mini{display:none}
#ice-cream-shop-page .vx-ft{grid-template-columns:1fr}
#ice-cream-shop-page .vx-card{border-radius:28px}}
@media(prefers-reduced-motion:reduce){#ice-cream-shop-page .vx-ready .vx-media,#ice-cream-shop-page .vx-ready .vx-chip,#ice-cream-shop-page .vx-ready .vx-mini,#ice-cream-shop-page .vx-ready .vx-bars i,#ice-cream-shop-page .vx-act a{transition:none}}
@media(min-width:1001px){#ice-cream-shop-page .vx-sec{--d:clamp(230px,min(33vh,26vw),420px)}}
#ice-cream-shop-page .vx-card{margin-top:calc(var(--d)*.44);border-radius:30px}
#ice-cream-shop-page .vx-media{margin-top:calc(var(--d)*-.44)}
#ice-cream-shop-page .vx-cmp{padding:3px 14px;font-size:12px}
#ice-cream-shop-page .vx-hd h2{margin:.25em 0 0;font-size:clamp(22px,2.3vw,36px);line-height:1.4}
#ice-cream-shop-page .vx-hd p{display:none}
#ice-cream-shop-page .vx-grid{margin-top:clamp(6px,1.2vh,14px);gap:clamp(14px,1.6vw,24px)}
#ice-cream-shop-page .vx-chip{left:-13%;top:50%;padding:.5em 1em}
#ice-cream-shop-page .vx-mini{right:-9%;bottom:-3%;min-width:108px;padding:9px 12px}
#ice-cream-shop-page .vx-body{padding:clamp(12px,1.6vh,18px) clamp(18px,2.4vw,36px) clamp(18px,2.4vh,26px)}
#ice-cream-shop-page .vx-body .vx-t{font-size:clamp(20px,1.9vw,29px);line-height:1.4}
#ice-cream-shop-page .vx-sub{margin:0 0 .5em;font-size:clamp(15px,1.25vw,19px);line-height:1.5}
#ice-cream-shop-page .vx-desc{margin-bottom:.7em;font-size:clamp(13px,.95vw,14.5px);line-height:1.95}
#ice-cream-shop-page .vx-aud{margin-bottom:1em;padding:6px 16px 6px 18px;font-size:13px}
#ice-cream-shop-page .vx-aud svg{width:17px;height:17px}
#ice-cream-shop-page .vx-vl{margin-bottom:.6em;font-size:12.5px}
#ice-cream-shop-page .vx-ft{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-bottom:1.1em}
#ice-cream-shop-page .vx-ft li{padding:5px 14px 5px 10px;border-radius:999px;font-size:13.5px;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 26%,transparent)}
#ice-cream-shop-page .vx-web .vx-ft li{background:rgba(164,194,127,.12);border-color:rgba(164,194,127,.28)}
#ice-cream-shop-page .vx-ft svg{width:20px;height:20px;padding:4px}
#ice-cream-shop-page .vx-web .vx-ft .vx-star,#ice-cream-shop-page .vx-ft .vx-star{flex:1 1 100%;max-width:340px;padding:7px 14px;border:0;background:linear-gradient(135deg,#e3c28a,#b58a45)}
#ice-cream-shop-page .vx-web .vx-ft .vx-star svg,#ice-cream-shop-page .vx-ft .vx-star svg{width:22px;height:22px;color:#e3c28a;background:#1c1712}
#ice-cream-shop-page .vx-act{gap:8px}
#ice-cream-shop-page .vx-act a{padding:10px 20px;font-size:14px}
#ice-cream-shop-page .vx-desc{max-width:84ch}
#ice-cream-shop-page .vx-act{flex-direction:row;flex-wrap:wrap;justify-content:center}
#ice-cream-shop-page .vx-act a{flex:1 1 auto;padding:10px 16px;font-size:13.5px}
#ice-cream-shop-page .vx-chip{font-size:clamp(12px,.9vw,14px)}
#ice-cream-shop-page .vx-chip,#ice-cream-shop-page .vx-mini{display:none!important}
@keyframes vx-spin{to{rotate:360deg}}
@keyframes vx-pulse{0%{transform:scale(.97);opacity:.55}100%{transform:scale(1.2);opacity:0}}
#ice-cream-shop-page .vx-ring{inset:-6%;border:1.5px dashed rgba(227,194,138,.6);animation:vx-spin 50s linear infinite}
#ice-cream-shop-page .vx-win .vx-ring{border-color:color-mix(in srgb,var(--gold2) 65%,transparent)}
#ice-cream-shop-page .vx-ring:before{content:"";position:absolute;inset:-2px;border-radius:50%;
background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold1) 30%,transparent) 78%,#f3d9a0 100%);
-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
animation:vx-spin 6s linear infinite reverse}
#ice-cream-shop-page .vx-win .vx-ring:before{background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold2) 35%,transparent) 78%,var(--gold2) 100%)}
#ice-cream-shop-page .vx-ring:after{bottom:auto;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;background:#f3d9a0;box-shadow:0 0 0 4px rgba(227,194,138,.2),0 0 16px 2px var(--gold1)}
#ice-cream-shop-page .vx-media:after{content:"";position:absolute;inset:-6%;border-radius:50%;border:1.5px solid var(--gold1);pointer-events:none;animation:vx-pulse 4.2s cubic-bezier(.2,.6,.3,1) infinite}
#ice-cream-shop-page .vx-card:nth-child(2) .vx-media:after{animation-delay:2.1s}
#ice-cream-shop-page .vx-card:hover .vx-ring{animation-duration:14s}
@media(prefers-reduced-motion:reduce){#ice-cream-shop-page .vx-ring,#ice-cream-shop-page .vx-ring:before,#ice-cream-shop-page .vx-media:after{animation:none}}

#ice-cream-shop-page .vx-sec{border-top:0}
#ice-cream-shop-page .vx-ph{overflow:hidden;background:var(--bg2)}
#ice-cream-shop-page .vx-win .vx-ph{background:var(--card)}
#ice-cream-shop-page .vx-rec{position:absolute;z-index:3;top:18px;left:22px;padding:4px 16px;border-radius:999px;border:1.5px solid var(--gold1);background:rgba(28,23,18,.55);color:#e3c28a;font-size:13px;font-weight:800;backdrop-filter:blur(8px)}
#ice-cream-shop-page .vx-pre{margin:0 auto;max-width:42rem;padding-inline:1rem;text-align:center;font-size:.875rem;line-height:1.9;color:var(--mut)}
@media(min-width:64rem){#ice-cream-shop-page .vx-pre{font-size:1rem}}
#ice-cream-shop-page .vx-sec{margin-top:clamp(12px,2vw,28px)}
#ice-cream-shop-page a.vx-b2[href="#"]{cursor:pointer}
html.is-ic body>section:not(#mp-sec),html.is-ic #nl-sec,html.is-ic #cta-band,html.is-ic .pgx,html.is-ic #hk-cards{display:none!important}


@media(min-width:1024px){#ice-cream-shop-page #ic-images h2{max-width:none;white-space:nowrap;font-size:min(48px,3.09vw)}}

#ic-versions .cv-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto repeat(10,auto) auto;column-gap:clamp(12px,2vw,28px);width:100%}
#ic-versions .cv-card{position:relative;grid-row:1/span 13;display:grid;grid-template-rows:subgrid;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
#ic-versions .cv-web{border:1.5px solid var(--gold2)}
#ic-versions .cv-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:clamp(8px,1.4vh,14px) 18px 2px}
#ic-versions .cv-t{font-weight:800;line-height:1.4;font-size:clamp(16px,2.3vh,23px);color:var(--hn,var(--ink))}
#ic-versions .cv-rec{order:2;flex:none;font-size:12px;font-weight:800;padding:3px 12px;border-radius:999px;background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#ic-versions .cv-d{margin:0;padding:0 20px clamp(6px,1.2vh,12px);font-size:clamp(12px,1.6vh,14px);line-height:1.7;color:color-mix(in srgb,var(--ink) 82%,var(--mut))}
#ic-versions .cv-c{display:flex;align-items:center;gap:10px;padding:clamp(3px,.55vh,7px) 18px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);font-size:clamp(12px,1.6vh,14.5px);line-height:1.6}
#ic-versions .cv-tx{display:flex;flex-direction:column}
#ic-versions .cv-tx b{font-weight:700}
#ic-versions .cv-tx small{font-size:.85em;opacity:.75}
#ic-versions .cv-ck{flex:none;width:20px;height:20px;padding:3.5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#ic-versions .cv-star{background:color-mix(in srgb,var(--gold1) 20%,transparent);font-weight:800}
#ic-versions .cv-off{background:color-mix(in srgb,var(--mut) 6%,transparent)}
#ic-versions .cv-no{width:100%;text-align:center;color:var(--mut);opacity:.6}
#ic-versions .cv-act{display:flex;gap:10px;padding:clamp(7px,1.1vh,12px) 18px clamp(8px,1.4vh,14px);border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
#ic-versions .cv-act a{flex:1;text-align:center;font-weight:700;font-size:clamp(12.5px,1.7vh,14.5px);padding:clamp(6px,1vh,10px) 12px;border-radius:999px;transition:transform .2s,filter .2s}
#ic-versions .cv-b1{background:var(--acc);color:var(--on-acc)}
#ic-versions .cv-b2{border:1.5px solid var(--gold2);color:var(--goldtxt)}
#ic-versions .cv-act a:hover{transform:translateY(-2px);filter:brightness(1.08)}
@media(max-width:700px){
#ic-versions .cv-grid{grid-template-columns:1fr;grid-template-rows:none;row-gap:16px}
#ic-versions .cv-card{grid-row:auto;grid-template-rows:none}
#ic-versions .cv-card>*{grid-row:auto!important}
}

#ic-versions .cv-grid{padding-top:22px}
#ic-versions .cv-card{overflow:visible}
#ic-versions .cv-h{padding-top:30px;min-height:30px}
#ic-versions .cv-t{position:absolute;top:0;inset-inline:0;margin-inline:auto;transform:translateY(-50%);width:max-content;max-width:calc(100% - 24px);text-align:center;padding:7px 26px;border-radius:999px;font-size:clamp(14px,1.9vh,17px);line-height:1.5;color:var(--goldtxt);background:var(--card);border:1.5px solid var(--gold2);box-shadow:0 0 0 6px var(--bg)}
#ic-versions .cv-web .cv-t{color:var(--on-gold);background:linear-gradient(135deg,var(--gold1),var(--gold2));border-color:var(--gold2)}
#ic-versions .cv-act{border-radius:0 0 22px 22px}
@media(min-width:640px){#ic-versions h2{max-width:none!important;white-space:nowrap}}@media(min-width:900px){#ic-versions .vx-pre{max-width:none!important;white-space:nowrap;font-size:clamp(11px,1.2vw,15px)!important}}


#ic-profit{font-family:'Vazirmatn',inherit;color:var(--ink)}
#ic-profit .cp-h{margin:0 auto .5rem;text-align:center;font-size:clamp(20px,3.2vw,36px);line-height:1.4;color:var(--ink)}
#ic-profit .cp-sub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#ic-profit .cp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,32px);max-width:none;margin:0 auto}
#ic-profit .cp-item{--w:clamp(64px,6.5vw,92px);position:relative;display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--w)*.4)}
#ic-profit .cp-ic{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;width:var(--w);height:auto;filter:drop-shadow(0 6px 8px rgba(120,86,30,.25))}
#ic-profit .cp-c{width:100%;max-width:280px;aspect-ratio:1;border-radius:50%;border:1.5px dashed var(--acc);background:color-mix(in srgb,var(--card) 70%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--w)*.4 + 6px) clamp(18px,2.4vw,34px) clamp(14px,2vw,24px);margin-top:0;transition:transform .3s,box-shadow .3s,background .3s}
#ic-profit .cp-item:hover .cp-c{transform:translateY(-4px);box-shadow:var(--shadow);background:var(--card)}
#ic-profit .cp-n{display:inline;font-weight:800;font-size:clamp(28px,3.6vw,48px);line-height:1.2;color:var(--acc)}
#ic-profit .cp-p{display:inline;font-weight:800;font-size:clamp(16px,1.8vw,24px);color:var(--acc);margin-inline-start:2px}
#ic-profit .cp-c p{margin:.35rem 0 0;font-size:clamp(11.5px,1.15vw,14.5px);line-height:1.8;color:var(--ink)}
#ic-profit .cp-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,56px)}
#ic-profit .cp-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 36px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:clamp(14px,1.3vw,16px);border:2px solid var(--acc);transition:transform .2s,box-shadow .2s,filter .2s}
#ic-profit .cp-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:900px){#ic-profit .cp-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}}
@media(max-width:480px){#ic-profit .cp-c{max-width:200px}#ic-profit .cp-c p{font-size:11px}}


#ic-images .ic-gsub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#ic-images .wb-stage{border-radius:28px}
#ic-images .ic-slide{position:absolute;inset:0;display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:color-mix(in srgb,var(--bg2) 85%,var(--card));border:1px solid var(--line);border-radius:28px;color:color-mix(in srgb,var(--mut) 55%,transparent)}
#ic-images .ic-slide[hidden]{display:none}
#ic-images .ic-slide>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(56px,8vw,96px);height:auto}
#ic-images .ic-slide img{display:block;width:100%;height:auto}
#ice-cream-shop-page #ic-lightbox{overflow:hidden}
#ice-cream-shop-page #ic-lightbox .lb-fig img{touch-action:none;user-select:none;-webkit-user-select:none;transform-origin:center center;position:relative;z-index:1}
#ice-cream-shop-page #ic-lightbox .lb-x,#ice-cream-shop-page #ic-lightbox .lb-nav{z-index:3}
#ice-cream-shop-page #ic-lightbox .lb-zoombar{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;direction:ltr}
#ice-cream-shop-page #ic-lightbox .lb-zoombar button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#ice-cream-shop-page #ic-lightbox .lb-zoombar .lb-zreset{width:auto;min-width:68px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;font-family:inherit}
#ice-cream-shop-page #ic-lightbox .lb-zoombar button:hover:not(:disabled){background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#ice-cream-shop-page #ic-lightbox .lb-zoombar button:disabled{opacity:.4;cursor:default}
#ice-cream-shop-page #ic-lightbox .lb-zoombar button:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}


#ic-features-list .icl-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut);max-width:48rem}
#ic-features-list .icl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);max-width:none;margin:0 auto}
#ic-features-list .icl-card{display:flex;align-items:center;gap:14px;min-height:96px;padding:14px 18px;background:var(--card);color:var(--ink);border:1px solid color-mix(in srgb,var(--acc) 50%,transparent);border-left:4px solid var(--acc);border-radius:16px;transition:transform .25s,box-shadow .25s,border-color .25s}
#ic-features-list .icl-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--acc)}
#ic-features-list .icl-ic{flex:0 0 auto;width:30px;height:30px;color:var(--acc)}
#ic-features-list .icl-card p{margin:0;flex:1;min-width:0;text-align:right;font-size:clamp(12px,1.05vw,14px);line-height:1.9;color:var(--ink)}
#ic-features-list .icl-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,64px)}
#ic-features-list .icl-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 40px;border-radius:999px;background:var(--acc);color:var(--on-acc);border:2px solid var(--acc);font-size:clamp(14px,1.3vw,17px);transition:transform .2s,box-shadow .2s,filter .2s}
#ic-features-list .icl-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:1100px){#ic-features-list .icl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#ic-features-list .icl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#ic-features-list .icl-grid{grid-template-columns:1fr}#ic-features-list .icl-card{min-height:76px}}


#ic-modules .icm-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#ic-modules .icm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);max-width:none;margin:0 auto}
#ic-modules .icm-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2vw,26px) clamp(18px,2.2vw,32px);border-radius:22px;background:color-mix(in srgb,var(--acc) 6%,var(--card));color:var(--ink);text-decoration:none;box-shadow:0 8px 24px -14px rgba(43,33,24,.25);transition:background .25s,color .25s,transform .25s,box-shadow .25s}
#ic-modules .icm-head{display:flex;align-items:center;gap:14px}
#ic-modules .icm-ic{flex:0 0 auto;width:clamp(34px,3.2vw,44px);height:clamp(34px,3.2vw,44px);color:var(--acc);transition:color .25s}
#ic-modules .icm-card h3{margin:0;font-size:clamp(13.5px,1.2vw,16px);line-height:1.8;color:inherit}
#ic-modules .icm-card p{margin:0;font-size:clamp(12px,1.05vw,14px);line-height:2.1;color:inherit;opacity:.85;text-align:right}
#ic-modules .icm-go{position:absolute;top:clamp(20px,2.2vw,30px);left:clamp(18px,2.2vw,30px);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--card);color:var(--acc);opacity:0;transform:translateX(8px);transition:opacity .25s,transform .25s}
#ic-modules .icm-card:hover,#ic-modules .icm-card:focus-visible{background:var(--acc);color:var(--on-acc);transform:translateY(-3px);box-shadow:0 18px 36px -16px color-mix(in srgb,var(--acc) 60%,transparent)}
#ic-modules .icm-card:hover .icm-ic,#ic-modules .icm-card:focus-visible .icm-ic{color:var(--on-acc)}
#ic-modules .icm-card:hover p,#ic-modules .icm-card:focus-visible p{opacity:1}
#ic-modules .icm-card:hover .icm-go,#ic-modules .icm-card:focus-visible .icm-go{opacity:1;transform:none}
#ic-modules .icm-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(hover:none){#ic-modules .icm-go{opacity:1;transform:none;background:color-mix(in srgb,var(--acc) 12%,transparent)}}
@media(max-width:800px){#ic-modules .icm-grid{grid-template-columns:1fr}}


#ice-cream-shop-page #ic-customers .group-hover\:bg-ab-bg2:is(:where(.group):hover *){background-color:var(--bg2)}
#ice-cream-shop-page #ic-customers .hover\:border-ab-acc:hover{border-color:var(--acc,#a9322b)}
#ice-cream-shop-page #ic-customers .bg-ab-bg2{background-color:var(--bg2)}
#ice-cream-shop-page #ic-customers .max-w-\[88\%\]{max-width:88%}
#ice-cream-shop-page #ic-customers .backface-visibility-hidden{backface-visibility:hidden}
#ice-cream-shop-page #ic-customers [style*="padding-left:clamp(1rem"]{padding-inline:clamp(1rem,4vw + .5rem,9rem)!important}
#ice-cream-shop-page #ic-customers .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#ice-cream-shop-page #ic-customers .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#ice-cream-shop-page #ic-customers .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#ice-cream-shop-page #ic-customers .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#ice-cream-shop-page #ic-customers .brand-scroll-animation{--g:5rem}}
#ice-cream-shop-page #ic-customers .brand-scroll-animation:hover{animation-play-state:paused}
#ice-cream-shop-page #ic-customers .brand-scroll-animation,#ice-cream-shop-page #ic-customers :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#ice-cream-shop-page #ic-customers .brand-scroll-animation{animation:none}}


#ice-cream-shop-page .ob-sec{background:var(--sec-alt,#fff);margin-top:calc(.25rem * 24)}
#ice-cream-shop-page .ob-in{width:100%;max-width:100%;padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#ice-cream-shop-page .ob-h{margin:0 auto;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800;font-size:1.5rem;line-height:2rem}
#ice-cream-shop-page .ob-p{margin:16px auto 0;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400;font-size:1rem;line-height:1.5}
#ice-cream-shop-page .ob-g{display:grid;grid-template-columns:repeat(2,minmax(0,181px));justify-content:space-evenly;justify-items:center;column-gap:16px;row-gap:calc(.25rem * 24);margin:calc(.25rem * 36) 0 calc(.25rem * 24)}
#ice-cream-shop-page .ob-c{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;max-width:181px;height:180px;padding:32px 16px 24px;background:var(--fa-soft);border-radius:20px;box-shadow:none;text-decoration:none;cursor:pointer;transition:all .3s ease-out}
#ice-cream-shop-page .ob-c:hover,#ice-cream-shop-page .ob-c:focus-visible{background:var(--acc);transform:translateY(-4px);box-shadow:0 10px 24px rgba(10,39,69,.14)}
#ice-cream-shop-page .ob-c:focus-visible{outline:2px solid var(--nv);outline-offset:3px}
#ice-cream-shop-page .ob-ph{width:100%;display:flex;align-items:center;justify-content:center;margin-top:calc(.25rem * -20)}
#ice-cream-shop-page .ob-img{position:relative;display:flex;align-items:center;justify-content:center;width:155.95px;max-width:calc(100% + 8px);aspect-ratio:1/1;border-radius:9999px;background:var(--line);overflow:hidden;transform:translateY(-16px)}
#ice-cream-shop-page .ob-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#ice-cream-shop-page .ob-ph-svg{width:70%;height:70%;display:block}
#ice-cream-shop-page .ob-t{margin-top:4px;text-align:center;color:var(--acc);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700;font-size:1rem;line-height:1.5;transition:color .3s ease-out}
#ice-cream-shop-page .ob-c:hover .ob-t,#ice-cream-shop-page .ob-c:focus-visible .ob-t{color:var(--color-white,#fff)}
@media (min-width:40rem){
 #ice-cream-shop-page .ob-h{font-size:1.875rem;line-height:2.25rem}
 #ice-cream-shop-page .ob-g{grid-template-columns:repeat(3,minmax(0,181px));column-gap:40px}
}
@media (min-width:64rem){
 #ice-cream-shop-page .ob-h{line-height:56px}
 #ice-cream-shop-page .ob-g{grid-template-columns:repeat(4,minmax(0,181px))}
}
@media (min-width:80rem){
 #ice-cream-shop-page .ob-sec{margin-top:calc(.25rem * 50)}
 #ice-cream-shop-page .ob-h{font-size:36px}
 #ice-cream-shop-page .ob-g{grid-template-columns:repeat(6,minmax(0,181px));justify-content:space-between;column-gap:12px;row-gap:80px;margin:128px 0 96px}
}
@media (min-width:96rem){
 #ice-cream-shop-page .ob-in{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
}
@media (prefers-reduced-motion:reduce){#ice-cream-shop-page .ob-c,#ice-cream-shop-page .ob-t{transition:none}#ice-cream-shop-page .ob-c:hover,#ice-cream-shop-page .ob-c:focus-visible{transform:none}}

#ice-cream-shop-page .ic-hw-wrap{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
@media (min-width:96rem){#ice-cream-shop-page .ic-hw-wrap{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}}
#ice-cream-shop-page #ic-modules>div>div>h2{max-width:none!important;white-space:nowrap;font-size:clamp(13px,3.1vw,48px)!important;line-height:1.6!important;padding-inline:0!important}


#ice-cream-shop-page #ic-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#ice-cream-shop-page #ic-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#ice-cream-shop-page #ic-about *{box-sizing:border-box}
#ice-cream-shop-page #ic-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#ice-cream-shop-page #ic-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#ice-cream-shop-page #ic-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#ice-cream-shop-page #ic-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#ice-cream-shop-page #ic-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#ice-cream-shop-page #ic-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#ice-cream-shop-page #ic-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#ice-cream-shop-page #ic-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#ice-cream-shop-page #ic-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#ice-cream-shop-page #ic-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#ice-cream-shop-page #ic-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#ice-cream-shop-page #ic-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#ice-cream-shop-page #ic-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#ice-cream-shop-page #ic-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#ice-cream-shop-page #ic-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#ice-cream-shop-page #ic-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#ice-cream-shop-page #ic-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#ice-cream-shop-page #ic-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#ice-cream-shop-page #ic-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#ice-cream-shop-page #ic-about .seo-more[hidden]{display:none}
#ice-cream-shop-page #ic-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#ice-cream-shop-page #ic-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#ice-cream-shop-page #ic-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#ice-cream-shop-page #ic-about.seo-open .seo-fade,#ice-cream-shop-page #ic-about:not(.seo-js) .seo-fade{opacity:0}
#ice-cream-shop-page #ic-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#ice-cream-shop-page #ic-about .seo-ls,#ice-cream-shop-page #ic-about .seo-ls.seo-sm{grid-template-columns:1fr}#ice-cream-shop-page #ic-about .seo-in p{text-align:start}#ice-cream-shop-page #ic-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#ice-cream-shop-page #ic-about .seo-body,#ice-cream-shop-page #ic-about .seo-ls li,#ice-cream-shop-page #ic-about .seo-more,#ice-cream-shop-page #ic-about .seo-more i svg,#ice-cream-shop-page #ic-about .seo-fade{transition:none!important}}
#ice-cream-shop-page #ic-about .seo-in h2{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#ice-cream-shop-page #ic-about .seo-in h2:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#ice-cream-shop-page #ic-about .seo-in .seo-h4{margin:22px 0 8px;font-size:clamp(16px,1.3vw,19px);font-weight:800;color:var(--goldtxt);line-height:1.8}#ice-cream-shop-page #ic-about .seo-in h3.seo-h4{padding-inline-start:0}#ice-cream-shop-page #ic-about .seo-in h3.seo-h4:before{display:none}
#ice-cream-shop-page #ic-about .seo-in strong{font-weight:800;color:var(--ink)}
#ice-cream-shop-page #ic-about .seo-td li{display:flex;flex-direction:column;gap:2px}
#ice-cream-shop-page #ic-about .seo-td li>b{font-weight:800;color:var(--goldtxt);font-size:clamp(14.5px,1.1vw,16.5px)}
#ice-cream-shop-page #ic-about .seo-td li>span{color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#ice-cream-shop-page #ic-about .seo-ls li.seo-wide{grid-column:1/-1}
#ice-cream-shop-page #ic-about .seo-ls .seo-sub{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 22px}
#ice-cream-shop-page #ic-about .seo-ls .seo-sub li{position:relative;padding:0;padding-inline-start:18px;background:none;border:0;border-radius:0;transform:none;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#ice-cream-shop-page #ic-about .seo-ls .seo-sub li:hover{transform:none;border-color:transparent}
#ice-cream-shop-page #ic-about .seo-ls .seo-sub li:before{inset-inline-start:2px;top:.95em;width:6px;height:6px;border-radius:50%;transform:none}
@media(max-width:760px){#ice-cream-shop-page #ic-about .seo-ls .seo-sub{grid-template-columns:1fr}}


@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-gradient-position{syntax:"*";inherits:false}
@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-stops{syntax:"*";inherits:false}
@property --tw-gradient-via-stops{syntax:"*";inherits:false}
@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#tabbakhi-page *,#tabbakhi-page :before,#tabbakhi-page :after,#tabbakhi-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}
#tabbakhi-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft)}
#tabbakhi-page *,#tabbakhi-page :after,#tabbakhi-page :before,#tabbakhi-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#tabbakhi-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#tabbakhi-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#tabbakhi-page hr{height:0;color:inherit;border-top-width:1px}
#tabbakhi-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#tabbakhi-page h1,#tabbakhi-page h2,#tabbakhi-page h3,#tabbakhi-page h4,#tabbakhi-page h5,#tabbakhi-page h6{font-size:inherit;font-weight:inherit}
#tabbakhi-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#tabbakhi-page b,#tabbakhi-page strong{font-weight:bolder}
#tabbakhi-page code,#tabbakhi-page kbd,#tabbakhi-page samp,#tabbakhi-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#tabbakhi-page small{font-size:80%}
#tabbakhi-page sub,#tabbakhi-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#tabbakhi-page sub{bottom:-.25em}
#tabbakhi-page sup{top:-.5em}
#tabbakhi-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#tabbakhi-page :-moz-focusring:where(:not(iframe)){outline:auto}
#tabbakhi-page progress{vertical-align:baseline}
#tabbakhi-page summary{display:list-item}
#tabbakhi-page ol,#tabbakhi-page ul,#tabbakhi-page menu{list-style:none}
#tabbakhi-page img,#tabbakhi-page svg,#tabbakhi-page video,#tabbakhi-page canvas,#tabbakhi-page audio,#tabbakhi-page iframe,#tabbakhi-page embed,#tabbakhi-page object{vertical-align:middle;display:block}
#tabbakhi-page img,#tabbakhi-page video{max-width:100%;height:auto}
#tabbakhi-page button,#tabbakhi-page input,#tabbakhi-page select,#tabbakhi-page optgroup,#tabbakhi-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#tabbakhi-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#tabbakhi-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#tabbakhi-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#tabbakhi-page ::file-selector-button{margin-inline-end:4px}
#tabbakhi-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#tabbakhi-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#tabbakhi-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#tabbakhi-page textarea{resize:vertical}
#tabbakhi-page ::-webkit-search-decoration{-webkit-appearance:none}
#tabbakhi-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#tabbakhi-page ::-webkit-datetime-edit{display:inline-flex}
#tabbakhi-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#tabbakhi-page ::-webkit-datetime-edit{padding-block:0}
#tabbakhi-page ::-webkit-datetime-edit-year-field{padding-block:0}
#tabbakhi-page ::-webkit-datetime-edit-month-field{padding-block:0}
#tabbakhi-page ::-webkit-datetime-edit-day-field{padding-block:0}
#tabbakhi-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#tabbakhi-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#tabbakhi-page ::-webkit-datetime-edit-second-field{padding-block:0}
#tabbakhi-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#tabbakhi-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#tabbakhi-page ::-webkit-calendar-picker-indicator{line-height:1}
#tabbakhi-page :-moz-ui-invalid{box-shadow:none}
#tabbakhi-page button,#tabbakhi-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#tabbakhi-page ::file-selector-button{appearance:button}
#tabbakhi-page ::-webkit-inner-spin-button{height:auto}
#tabbakhi-page ::-webkit-outer-spin-button{height:auto}
#tabbakhi-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#tabbakhi-page .pointer-events-none{pointer-events:none}
#tabbakhi-page .visible{visibility:visible}
#tabbakhi-page .absolute{position:absolute}
#tabbakhi-page .fixed{position:fixed}
#tabbakhi-page .relative{position:relative}
#tabbakhi-page .-inset-0\.5{inset:calc(var(--spacing) * -.5)}
#tabbakhi-page .inset-0{inset:0}
#tabbakhi-page .inset-x-0{inset-inline:0}
#tabbakhi-page .-top-1{top:calc(var(--spacing) * -1)}
#tabbakhi-page .-top-5{top:calc(var(--spacing) * -5)}
#tabbakhi-page .top-0{top:0}
#tabbakhi-page .top-2{top:calc(var(--spacing) * 2)}
#tabbakhi-page .top-3{top:calc(var(--spacing) * 3)}
#tabbakhi-page .top-6{top:calc(var(--spacing) * 6)}
#tabbakhi-page .top-full{top:100%}
#tabbakhi-page .-right-1{right:calc(var(--spacing) * -1)}
#tabbakhi-page .right-0{right:0}
#tabbakhi-page .right-1{right:var(--spacing)}
#tabbakhi-page .right-2{right:calc(var(--spacing) * 2)}
#tabbakhi-page .right-3{right:calc(var(--spacing) * 3)}
#tabbakhi-page .right-4{right:calc(var(--spacing) * 4)}
#tabbakhi-page .right-12{right:calc(var(--spacing) * 12)}
#tabbakhi-page .bottom-0{bottom:0}
#tabbakhi-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#tabbakhi-page .left-0{left:0}
#tabbakhi-page .left-1\/2{left:50%}
#tabbakhi-page .left-3{left:calc(var(--spacing) * 3)}
#tabbakhi-page .-z-10{z-index:calc(10 * -1)}
#tabbakhi-page .z-0{z-index:0}
#tabbakhi-page .z-10{z-index:10}
#tabbakhi-page .z-20{z-index:20}
#tabbakhi-page .z-30{z-index:30}
#tabbakhi-page .z-40{z-index:40}
#tabbakhi-page .z-50{z-index:50}
#tabbakhi-page .z-1000{z-index:1000}
#tabbakhi-page .order-1{order:1}
#tabbakhi-page .order-2{order:2}
#tabbakhi-page .order-3{order:3}
#tabbakhi-page .mx-1{margin-inline:var(--spacing)}
#tabbakhi-page .mx-auto{margin-inline:auto}
#tabbakhi-page .my-0{margin-block:0}
#tabbakhi-page .my-2{margin-block:calc(var(--spacing) * 2)}
#tabbakhi-page .my-16{margin-block:calc(var(--spacing) * 16)}
#tabbakhi-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#tabbakhi-page .mt-0{margin-top:0}
#tabbakhi-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#tabbakhi-page .mt-1{margin-top:var(--spacing)}
#tabbakhi-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#tabbakhi-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#tabbakhi-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#tabbakhi-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#tabbakhi-page .mt-16{margin-top:calc(var(--spacing) * 16)}
#tabbakhi-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#tabbakhi-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#tabbakhi-page .mt-70{margin-top:calc(var(--spacing) * 70)}
#tabbakhi-page .mb-1{margin-bottom:var(--spacing)}
#tabbakhi-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#tabbakhi-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#tabbakhi-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#tabbakhi-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#tabbakhi-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#tabbakhi-page .mb-12{margin-bottom:calc(var(--spacing) * 12)}
#tabbakhi-page .mb-16{margin-bottom:calc(var(--spacing) * 16)}
#tabbakhi-page .block{display:block}
#tabbakhi-page .flex{display:flex}
#tabbakhi-page .grid{display:grid}
#tabbakhi-page .hidden{display:none}
#tabbakhi-page .inline-block{display:inline-block}
#tabbakhi-page .inline-flex{display:inline-flex}
#tabbakhi-page .aspect-4\/3{aspect-ratio:4/3}
#tabbakhi-page .h-4{height:calc(var(--spacing) * 4)}
#tabbakhi-page .h-5{height:calc(var(--spacing) * 5)}
#tabbakhi-page .h-6{height:calc(var(--spacing) * 6)}
#tabbakhi-page .h-8{height:calc(var(--spacing) * 8)}
#tabbakhi-page .h-10{height:calc(var(--spacing) * 10)}
#tabbakhi-page .h-12{height:calc(var(--spacing) * 12)}
#tabbakhi-page .h-14{height:calc(var(--spacing) * 14)}
#tabbakhi-page .h-16{height:calc(var(--spacing) * 16)}
#tabbakhi-page .h-20{height:calc(var(--spacing) * 20)}
#tabbakhi-page .h-32{height:calc(var(--spacing) * 32)}
#tabbakhi-page .h-50{height:calc(var(--spacing) * 50)}
#tabbakhi-page .h-72{height:calc(var(--spacing) * 72)}
#tabbakhi-page .h-\[50px\]{height:50px}
#tabbakhi-page .h-\[72px\]{height:72px}
#tabbakhi-page .h-\[200px\]{height:200px}
#tabbakhi-page .h-auto{height:auto}
#tabbakhi-page .h-fit{height:fit-content}
#tabbakhi-page .h-full{height:100%}
#tabbakhi-page .max-h-0{max-height:0}
#tabbakhi-page .max-h-\[280px\]{max-height:280px}
#tabbakhi-page .max-h-\[600px\]{max-height:600px}
#tabbakhi-page .min-h-0{min-height:0}
#tabbakhi-page .min-h-\[44px\]{min-height:44px}
#tabbakhi-page .min-h-\[280px\]{min-height:280px}
#tabbakhi-page .min-h-\[300px\]{min-height:300px}
#tabbakhi-page .w-4{width:calc(var(--spacing) * 4)}
#tabbakhi-page .w-5{width:calc(var(--spacing) * 5)}
#tabbakhi-page .w-6{width:calc(var(--spacing) * 6)}
#tabbakhi-page .w-8{width:calc(var(--spacing) * 8)}
#tabbakhi-page .w-10{width:calc(var(--spacing) * 10)}
#tabbakhi-page .w-12{width:calc(var(--spacing) * 12)}
#tabbakhi-page .w-14{width:calc(var(--spacing) * 14)}
#tabbakhi-page .w-16{width:calc(var(--spacing) * 16)}
#tabbakhi-page .w-20{width:calc(var(--spacing) * 20)}
#tabbakhi-page .w-24{width:calc(var(--spacing) * 24)}
#tabbakhi-page .w-30{width:calc(var(--spacing) * 30)}
#tabbakhi-page .w-32{width:calc(var(--spacing) * 32)}
#tabbakhi-page .w-44{width:calc(var(--spacing) * 44)}
#tabbakhi-page .w-72{width:calc(var(--spacing) * 72)}
#tabbakhi-page .w-auto{width:auto}
#tabbakhi-page .w-fit{width:fit-content}
#tabbakhi-page .w-full{width:100%}
#tabbakhi-page .max-w-2xl{max-width:var(--container-2xl)}
#tabbakhi-page .max-w-4xl{max-width:var(--container-4xl)}
#tabbakhi-page .max-w-5xl{max-width:var(--container-5xl)}
#tabbakhi-page .max-w-6xl{max-width:var(--container-6xl)}
#tabbakhi-page .max-w-\[600px\]{max-width:600px}
#tabbakhi-page .max-w-full{max-width:100%}
#tabbakhi-page .min-w-0{min-width:0}
#tabbakhi-page .min-w-\[120px\]{min-width:120px}
#tabbakhi-page .min-w-full{min-width:100%}
#tabbakhi-page .flex-1{flex:1}
#tabbakhi-page .flex-\[0_0_50\%\]{flex:0 0 50%}
#tabbakhi-page .flex-\[0_0_100\%\]{flex:0 0 100%}
#tabbakhi-page .flex-shrink-0,#tabbakhi-page .shrink-0{flex-shrink:0}
#tabbakhi-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#tabbakhi-page .-translate-x-\[10px\]{--tw-translate-x:calc(10px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#tabbakhi-page .translate-x-\[10px\]{--tw-translate-x:10px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#tabbakhi-page .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#tabbakhi-page .translate-y-\[-52\%\]{--tw-translate-y:-52%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#tabbakhi-page .scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#tabbakhi-page .scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#tabbakhi-page .rotate-0{rotate:0deg}
#tabbakhi-page .rotate-90{rotate:90deg}
#tabbakhi-page .rotate-180{rotate:180deg}
#tabbakhi-page .transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}
#tabbakhi-page .cursor-not-allowed{cursor:not-allowed}
#tabbakhi-page .cursor-pointer{cursor:pointer}
#tabbakhi-page .snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}
#tabbakhi-page .snap-mandatory{--tw-scroll-snap-strictness:mandatory}
#tabbakhi-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#tabbakhi-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#tabbakhi-page .flex-col{flex-direction:column}
#tabbakhi-page .flex-col-reverse{flex-direction:column-reverse}
#tabbakhi-page .flex-row{flex-direction:row}
#tabbakhi-page .flex-row-reverse{flex-direction:row-reverse}
#tabbakhi-page .items-center{align-items:center}
#tabbakhi-page .items-end{align-items:flex-end}
#tabbakhi-page .items-start{align-items:flex-start}
#tabbakhi-page .items-stretch{align-items:stretch}
#tabbakhi-page .justify-between{justify-content:space-between}
#tabbakhi-page .justify-center{justify-content:center}
#tabbakhi-page .justify-end{justify-content:flex-end}
#tabbakhi-page .justify-start{justify-content:flex-start}
#tabbakhi-page .justify-items-stretch{justify-items:stretch}
#tabbakhi-page .gap-1{gap:var(--spacing)}
#tabbakhi-page .gap-2{gap:calc(var(--spacing) * 2)}
#tabbakhi-page .gap-3{gap:calc(var(--spacing) * 3)}
#tabbakhi-page .gap-4{gap:calc(var(--spacing) * 4)}
#tabbakhi-page .gap-6{gap:calc(var(--spacing) * 6)}
#tabbakhi-page .gap-8{gap:calc(var(--spacing) * 8)}
#tabbakhi-page .gap-12{gap:calc(var(--spacing) * 12)}
#tabbakhi-page .gap-14{gap:calc(var(--spacing) * 14)}
#tabbakhi-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#tabbakhi-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#tabbakhi-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#tabbakhi-page :where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#tabbakhi-page .gap-x-3{column-gap:calc(var(--spacing) * 3)}
#tabbakhi-page .gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}
#tabbakhi-page .overflow-hidden{overflow:hidden}
#tabbakhi-page .overflow-visible{overflow:visible}
#tabbakhi-page .overflow-x-auto{overflow-x:auto}
#tabbakhi-page .overflow-x-hidden{overflow-x:hidden}
#tabbakhi-page .scroll-smooth{scroll-behavior:smooth}
#tabbakhi-page .rounded-2xl{border-radius:var(--radius-2xl)}
#tabbakhi-page .rounded-3xl{border-radius:var(--radius-3xl)}
#tabbakhi-page .rounded-4xl{border-radius:var(--radius-4xl)}
#tabbakhi-page .rounded-\[50px\]{border-radius:50px}
#tabbakhi-page .rounded-full{border-radius:2147483647px}
#tabbakhi-page .rounded-lg{border-radius:var(--radius-lg)}
#tabbakhi-page .rounded-md{border-radius:var(--radius-md)}
#tabbakhi-page .rounded-xl{border-radius:var(--radius-xl)}
#tabbakhi-page .border{border-style:var(--tw-border-style);border-width:1px}
#tabbakhi-page .border-0{border-style:var(--tw-border-style);border-width:0}
#tabbakhi-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#tabbakhi-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#tabbakhi-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#tabbakhi-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#tabbakhi-page .border-b-3{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#tabbakhi-page .border-none{--tw-border-style:none;border-style:none}
#tabbakhi-page .border-\[\#E5E7EB\]{border-color:var(--line)}
#tabbakhi-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#tabbakhi-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#tabbakhi-page .border-black{border-color:var(--color-black)}
#tabbakhi-page .border-gray-200{border-color:var(--color-gray-200)}
#tabbakhi-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#tabbakhi-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#tabbakhi-page .border-green-500{border-color:var(--color-green-500)}
#tabbakhi-page .border-transparent{border-color:#0000}
#tabbakhi-page .border-white{border-color:var(--color-white)}
#tabbakhi-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#tabbakhi-page .bg-\[\#F0F5F7\]{background-color:var(--bg2)}
#tabbakhi-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#tabbakhi-page .bg-\[\#FF4C00\]\/10{background-color:oklab(66.6687% .179651 .134278/.1)}
#tabbakhi-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#tabbakhi-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#tabbakhi-page .bg-accent{background-color:var(--color-accent)}
#tabbakhi-page .bg-gray-100{background-color:var(--color-gray-100)}
#tabbakhi-page .bg-primary{background-color:var(--color-primary)}
#tabbakhi-page .bg-secondary{background-color:var(--color-secondary)}
#tabbakhi-page .bg-transparent{background-color:#0000}
#tabbakhi-page .bg-white{background-color:var(--color-white)}
#tabbakhi-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#tabbakhi-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#tabbakhi-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#tabbakhi-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#tabbakhi-page .bg-linear-to-br{--tw-gradient-position:to bottom right}
@supports (background-image:linear-gradient(in lab, red, red)){#tabbakhi-page .bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}
#tabbakhi-page .bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}
#tabbakhi-page .bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
#tabbakhi-page .from-\[\#FF4C00\]{--tw-gradient-from:var(--acc);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#tabbakhi-page .from-\[\#FF4C00\]\/10{--tw-gradient-from:oklab(66.6687% .179651 .134278/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#tabbakhi-page .via-orange-300\/5{--tw-gradient-via:#ffb96d0d}
@supports (color:color-mix(in lab, red, red)){#tabbakhi-page .via-orange-300\/5{--tw-gradient-via:color-mix(in oklab, var(--color-orange-300) 5%, transparent)}}
#tabbakhi-page .via-orange-300\/5{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
#tabbakhi-page .to-\[\#FF6B35\]{--tw-gradient-to:color-mix(in srgb,var(--acc) 78%,#fff);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#tabbakhi-page .to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#tabbakhi-page .object-contain{object-fit:contain}
#tabbakhi-page .object-cover{object-fit:cover}
#tabbakhi-page .p-0{padding:0}
#tabbakhi-page .p-1{padding:var(--spacing)}
#tabbakhi-page .p-2{padding:calc(var(--spacing) * 2)}
#tabbakhi-page .p-3{padding:calc(var(--spacing) * 3)}
#tabbakhi-page .p-4{padding:calc(var(--spacing) * 4)}
#tabbakhi-page .p-5{padding:calc(var(--spacing) * 5)}
#tabbakhi-page .p-6{padding:calc(var(--spacing) * 6)}
#tabbakhi-page .p-8{padding:calc(var(--spacing) * 8)}
#tabbakhi-page .px-1{padding-inline:var(--spacing)}
#tabbakhi-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#tabbakhi-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#tabbakhi-page .px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}
#tabbakhi-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#tabbakhi-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#tabbakhi-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#tabbakhi-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#tabbakhi-page .px-12{padding-inline:calc(var(--spacing) * 12)}
#tabbakhi-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#tabbakhi-page .py-2{padding-block:calc(var(--spacing) * 2)}
#tabbakhi-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#tabbakhi-page .py-3{padding-block:calc(var(--spacing) * 3)}
#tabbakhi-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#tabbakhi-page .py-4{padding-block:calc(var(--spacing) * 4)}
#tabbakhi-page .py-6{padding-block:calc(var(--spacing) * 6)}
#tabbakhi-page .py-8{padding-block:calc(var(--spacing) * 8)}
#tabbakhi-page .py-10{padding-block:calc(var(--spacing) * 10)}
#tabbakhi-page .py-12{padding-block:calc(var(--spacing) * 12)}
#tabbakhi-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#tabbakhi-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#tabbakhi-page .pt-6{padding-top:calc(var(--spacing) * 6)}
#tabbakhi-page .pt-15{padding-top:calc(var(--spacing) * 15)}
#tabbakhi-page .pt-20{padding-top:calc(var(--spacing) * 20)}
#tabbakhi-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#tabbakhi-page .pt-\[72px\]{padding-top:72px}
#tabbakhi-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#tabbakhi-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#tabbakhi-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#tabbakhi-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#tabbakhi-page .pb-12{padding-bottom:calc(var(--spacing) * 12)}
#tabbakhi-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#tabbakhi-page .pb-48{padding-bottom:calc(var(--spacing) * 48)}
#tabbakhi-page .text-center{text-align:center}
#tabbakhi-page .text-justify{text-align:justify}
#tabbakhi-page .text-right{text-align:right}
#tabbakhi-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#tabbakhi-page .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#tabbakhi-page .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#tabbakhi-page .text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#tabbakhi-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#tabbakhi-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#tabbakhi-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#tabbakhi-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#tabbakhi-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#tabbakhi-page .text-\[10px\]{font-size:10px}
#tabbakhi-page .leading-7\.5{--tw-leading:calc(var(--spacing) * 7.5);line-height:calc(var(--spacing) * 7.5)}
#tabbakhi-page .leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}
#tabbakhi-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#tabbakhi-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#tabbakhi-page .leading-none{--tw-leading:1;line-height:1}
#tabbakhi-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#tabbakhi-page .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}
#tabbakhi-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#tabbakhi-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#tabbakhi-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#tabbakhi-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#tabbakhi-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#tabbakhi-page .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
#tabbakhi-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#tabbakhi-page .whitespace-nowrap{white-space:nowrap}
#tabbakhi-page .text-\[\#0A2745\]{color:var(--nv)}
#tabbakhi-page .text-\[\#1F2A3D\]{color:#33291d}
#tabbakhi-page .text-\[\#595B5C\]{color:#595b5c}
#tabbakhi-page .text-\[\#FF4C00\]{color:var(--acc)}
#tabbakhi-page .text-\[\#FF4C00\]\/30{color:oklab(66.6687% .179651 .134278/.3)}
#tabbakhi-page .text-\[\#ffff\]{color:#fff}
#tabbakhi-page .text-black{color:var(--color-black)}
#tabbakhi-page .text-gray-300{color:var(--color-gray-300)}
#tabbakhi-page .text-gray-500{color:var(--color-gray-500)}
#tabbakhi-page .text-gray-600{color:var(--color-gray-600)}
#tabbakhi-page .text-green-700{color:var(--color-green-700)}
#tabbakhi-page .text-red-500{color:var(--color-red-500)}
#tabbakhi-page .text-secondary{color:var(--color-secondary)}
#tabbakhi-page .text-white{color:var(--color-white)}
#tabbakhi-page .text-white\/90{color:#ffffffe6}
@supports (color:color-mix(in lab, red, red)){#tabbakhi-page .text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}
#tabbakhi-page .not-italic{font-style:normal}
#tabbakhi-page .underline{text-decoration-line:underline}
#tabbakhi-page .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#tabbakhi-page .accent-white{accent-color:var(--color-white)}
#tabbakhi-page .opacity-0{opacity:0}
#tabbakhi-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page .shadow-\[0_0_20px_rgba\(255\,76\,0\,0\.4\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page .shadow-\[0_10px_0_0_\#FF4C00\]{--tw-shadow:0 10px 0 0 var(--tw-shadow-color,var(--acc));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#tabbakhi-page .blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#tabbakhi-page .blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#tabbakhi-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#tabbakhi-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}
#tabbakhi-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#tabbakhi-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#tabbakhi-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#tabbakhi-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#tabbakhi-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#tabbakhi-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#tabbakhi-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#tabbakhi-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#tabbakhi-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#tabbakhi-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#tabbakhi-page .duration-500{--tw-duration:.5s;transition-duration:.5s}
#tabbakhi-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#tabbakhi-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#tabbakhi-page .will-change-transform{will-change:transform}
#tabbakhi-page .select-none{-webkit-user-select:none;user-select:none}
#tabbakhi-page .\[-webkit-overflow-scrolling\:touch\]{-webkit-overflow-scrolling:touch}
@media (hover:hover){#tabbakhi-page :is(:where(.group):hover .group-hover\:absolute){position:absolute}
#tabbakhi-page :is(:where(.group):hover .group-hover\:flex){display:flex}
#tabbakhi-page :is(:where(.group):hover .group-hover\:-translate-y-1){--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#tabbakhi-page :is(:where(.group):hover .group-hover\:-translate-y-2){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#tabbakhi-page :is(:where(.group):hover .group-hover\:-translate-y-full){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#tabbakhi-page :is(:where(.group):hover .group-hover\:scale-110){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#tabbakhi-page :is(:where(.group):hover .group-hover\:border-b-2){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#tabbakhi-page :is(:where(.group):hover .group-hover\:border-b-3){border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#tabbakhi-page :is(:where(.group):hover .group-hover\:border-\[\#0A2745\]){border-color:var(--nv)}
#tabbakhi-page :is(:where(.group):hover .group-hover\:border-\[\#FF4C00\]){border-color:var(--acc)}
#tabbakhi-page :is(:where(.group):hover .group-hover\:border-orange-100){border-color:var(--color-orange-100)}
#tabbakhi-page :is(:where(.group):hover .group-hover\:border-b-\[\#FF4C00\]){border-bottom-color:var(--acc)}
#tabbakhi-page :is(:where(.group):hover .group-hover\:bg-\[\#0A2745\]){background-color:var(--nv)}
#tabbakhi-page :is(:where(.group):hover .group-hover\:bg-\[\#FFF6F2\]){background-color:var(--fa-soft)}
#tabbakhi-page :is(:where(.group):hover .group-hover\:text-\[\#0A2745\]){color:var(--nv)}
#tabbakhi-page :is(:where(.group):hover .group-hover\:text-\[\#FF4C00\]){color:var(--acc)}
#tabbakhi-page :is(:where(.group):hover .group-hover\:text-white){color:var(--color-white)}
#tabbakhi-page :is(:where(.group):hover .group-hover\:opacity-100){opacity:1}
#tabbakhi-page :is(:where(.group):hover .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]){--tw-shadow:0 8px 24px var(--tw-shadow-color,#ff4c0059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page :is(:where(.group):hover .group-hover\:shadow-md){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page :is(:where(.group):hover .group-hover\:shadow-xl){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page :is(:where(.group):hover .group-hover\:blur-xs){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}
#tabbakhi-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#tabbakhi-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#tabbakhi-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#tabbakhi-page .after\:right-0:after{content:var(--tw-content);right:0}
#tabbakhi-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#tabbakhi-page .after\:left-0:after{content:var(--tw-content);left:0}
#tabbakhi-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#tabbakhi-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#tabbakhi-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#tabbakhi-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#tabbakhi-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#tabbakhi-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#tabbakhi-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#tabbakhi-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#tabbakhi-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#tabbakhi-page .hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#tabbakhi-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#tabbakhi-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#tabbakhi-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#tabbakhi-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#tabbakhi-page .hover\:border-\[\#FF4C00\]\/30:hover{border-color:oklab(66.6687% .179651 .134278/.3)}
#tabbakhi-page .hover\:border-white:hover{border-color:var(--color-white)}
#tabbakhi-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#tabbakhi-page .hover\:bg-\[\#081a2e\]:hover{background-color:#1c1712}
#tabbakhi-page .hover\:bg-\[\#163456\]:hover{background-color:#3a2c1f}
#tabbakhi-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#tabbakhi-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#tabbakhi-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#tabbakhi-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#tabbakhi-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:var(--bg2)}
#tabbakhi-page .hover\:bg-\[\#FFF6F2\]:hover{background-color:var(--fa-soft)}
#tabbakhi-page .hover\:bg-\[\#e44500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#tabbakhi-page .hover\:bg-black\/5:hover{background-color:#0000000d}
@supports (color:color-mix(in lab, red, red)){#tabbakhi-page .hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}
#tabbakhi-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#tabbakhi-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#tabbakhi-page .hover\:bg-white:hover{background-color:var(--color-white)}
#tabbakhi-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#tabbakhi-page .hover\:text-\[\#FF4C00\]:hover,#tabbakhi-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#tabbakhi-page .hover\:text-white:hover{color:var(--color-white)}
#tabbakhi-page .hover\:underline:hover{text-decoration-line:underline}
#tabbakhi-page .hover\:opacity-80:hover{opacity:.8}
#tabbakhi-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page .hover\:shadow-\[0_0_28px_rgba\(255\,76\,0\,0\.5\)\,0_0_40px_rgba\(10\,39\,69\,0\.3\)\,0_8px_28px_rgba\(10\,39\,69\,0\.35\)\]:hover{--tw-shadow:0 0 28px var(--tw-shadow-color,#ff4c0080), 0 0 40px var(--tw-shadow-color,#0a27454d), 0 8px 28px var(--tw-shadow-color,#0a274559);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px var(--tw-shadow-color,#0a274538), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px var(--tw-shadow-color,#0a274547), 0 10px 0 0 var(--tw-shadow-color,var(--nv)), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#tabbakhi-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#tabbakhi-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#tabbakhi-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#tabbakhi-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#tabbakhi-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#tabbakhi-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#tabbakhi-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#tabbakhi-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#tabbakhi-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#tabbakhi-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#tabbakhi-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#tabbakhi-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#tabbakhi-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#tabbakhi-page .focus-visible\:ring-offset-\[\#0A2745\]:focus-visible{--tw-ring-offset-color:var(--nv)}
#tabbakhi-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#tabbakhi-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#tabbakhi-page .active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#tabbakhi-page .active\:scale-\[0\.98\]:active{scale:.98}
#tabbakhi-page .active\:bg-\[\#06141f\]:active{background-color:#1c1712}
#tabbakhi-page .active\:bg-\[\#CC3D00\]:active{background-color:color-mix(in srgb,var(--acc) 72%,#000)}
#tabbakhi-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
#tabbakhi-page .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
#tabbakhi-page .disabled\:opacity-30:disabled{opacity:.3}
#tabbakhi-page .disabled\:opacity-50:disabled{opacity:.5}
@media (hover:hover){#tabbakhi-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#tabbakhi-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#tabbakhi-page .disabled\:hover\:shadow-lg:disabled:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (min-width:40rem){#tabbakhi-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#tabbakhi-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#tabbakhi-page .sm\:right-4{right:calc(var(--spacing) * 4)}
#tabbakhi-page .sm\:bottom-1\/3{bottom:33.3333%}
#tabbakhi-page .sm\:left-4{left:calc(var(--spacing) * 4)}
#tabbakhi-page .sm\:mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}
#tabbakhi-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#tabbakhi-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#tabbakhi-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#tabbakhi-page .sm\:mt-20{margin-top:calc(var(--spacing) * 20)}
#tabbakhi-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#tabbakhi-page .sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#tabbakhi-page .sm\:inline{display:inline}
#tabbakhi-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#tabbakhi-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#tabbakhi-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#tabbakhi-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#tabbakhi-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#tabbakhi-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#tabbakhi-page .sm\:h-96{height:calc(var(--spacing) * 96)}
#tabbakhi-page .sm\:h-\[60px\]{height:60px}
#tabbakhi-page .sm\:h-\[100px\]{height:100px}
#tabbakhi-page .sm\:max-h-\[320px\]{max-height:320px}
#tabbakhi-page .sm\:min-h-\[400px\]{min-height:400px}
#tabbakhi-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#tabbakhi-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#tabbakhi-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#tabbakhi-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#tabbakhi-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#tabbakhi-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#tabbakhi-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#tabbakhi-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#tabbakhi-page .sm\:w-72{width:calc(var(--spacing) * 72)}
#tabbakhi-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#tabbakhi-page .sm\:w-auto{width:auto}
#tabbakhi-page .sm\:min-w-\[120px\]{min-width:120px}
#tabbakhi-page .sm\:min-w-\[140px\]{min-width:140px}
#tabbakhi-page .sm\:flex-\[0_0_30\%\]{flex:0 0 30%}
#tabbakhi-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#tabbakhi-page .sm\:flex-row{flex-direction:row}
#tabbakhi-page .sm\:items-center{align-items:center}
#tabbakhi-page .sm\:items-start{align-items:flex-start}
#tabbakhi-page .sm\:justify-end{justify-content:flex-end}
#tabbakhi-page .sm\:justify-start{justify-content:flex-start}
#tabbakhi-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#tabbakhi-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#tabbakhi-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#tabbakhi-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#tabbakhi-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#tabbakhi-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#tabbakhi-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#tabbakhi-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#tabbakhi-page :where(.sm\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#tabbakhi-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#tabbakhi-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#tabbakhi-page .sm\:rounded-\[36px\]{border-radius:36px}
#tabbakhi-page .sm\:p-3{padding:calc(var(--spacing) * 3)}
#tabbakhi-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#tabbakhi-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#tabbakhi-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#tabbakhi-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#tabbakhi-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#tabbakhi-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#tabbakhi-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#tabbakhi-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#tabbakhi-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#tabbakhi-page .sm\:py-0{padding-block:0}
#tabbakhi-page .sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#tabbakhi-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#tabbakhi-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#tabbakhi-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#tabbakhi-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#tabbakhi-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#tabbakhi-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#tabbakhi-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#tabbakhi-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#tabbakhi-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#tabbakhi-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#tabbakhi-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#tabbakhi-page .sm\:text-\[12px\]{font-size:12px}}
@media (min-width:48rem){#tabbakhi-page .md\:right-6{right:calc(var(--spacing) * 6)}
#tabbakhi-page .md\:left-6{left:calc(var(--spacing) * 6)}
#tabbakhi-page .md\:order-1{order:1}
#tabbakhi-page .md\:order-2{order:2}
#tabbakhi-page .md\:my-4{margin-block:calc(var(--spacing) * 4)}
#tabbakhi-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#tabbakhi-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#tabbakhi-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#tabbakhi-page .md\:mt-44{margin-top:calc(var(--spacing) * 44)}
#tabbakhi-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#tabbakhi-page .md\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#tabbakhi-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#tabbakhi-page .md\:block{display:block}
#tabbakhi-page .md\:flex{display:flex}
#tabbakhi-page .md\:hidden{display:none}
#tabbakhi-page .md\:inline-block{display:inline-block}
#tabbakhi-page .md\:h-10{height:calc(var(--spacing) * 10)}
#tabbakhi-page .md\:h-16{height:calc(var(--spacing) * 16)}
#tabbakhi-page .md\:h-28{height:calc(var(--spacing) * 28)}
#tabbakhi-page .md\:h-70{height:calc(var(--spacing) * 70)}
#tabbakhi-page .md\:h-\[250px\]{height:250px}
#tabbakhi-page .md\:max-h-none{max-height:none}
#tabbakhi-page .md\:w-10{width:calc(var(--spacing) * 10)}
#tabbakhi-page .md\:w-16{width:calc(var(--spacing) * 16)}
#tabbakhi-page .md\:w-24{width:calc(var(--spacing) * 24)}
#tabbakhi-page .md\:w-28{width:calc(var(--spacing) * 28)}
#tabbakhi-page .md\:w-72{width:calc(var(--spacing) * 72)}
#tabbakhi-page .md\:min-w-\[130px\]{min-width:130px}
#tabbakhi-page .md\:flex-1{flex:1}
#tabbakhi-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#tabbakhi-page .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#tabbakhi-page .md\:flex-col{flex-direction:column}
#tabbakhi-page .md\:flex-row{flex-direction:row}
#tabbakhi-page .md\:flex-row-reverse{flex-direction:row-reverse}
#tabbakhi-page .md\:items-center{align-items:center}
#tabbakhi-page .md\:items-stretch{align-items:stretch}
#tabbakhi-page .md\:justify-center{justify-content:center}
#tabbakhi-page .md\:gap-0{gap:0}
#tabbakhi-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#tabbakhi-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#tabbakhi-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#tabbakhi-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#tabbakhi-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#tabbakhi-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#tabbakhi-page .md\:overflow-visible{overflow:visible}
#tabbakhi-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#tabbakhi-page .md\:p-4{padding:calc(var(--spacing) * 4)}
#tabbakhi-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#tabbakhi-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#tabbakhi-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#tabbakhi-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#tabbakhi-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#tabbakhi-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#tabbakhi-page .md\:py-0{padding-block:0}
#tabbakhi-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#tabbakhi-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#tabbakhi-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#tabbakhi-page .md\:pt-16{padding-top:calc(var(--spacing) * 16)}
#tabbakhi-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#tabbakhi-page .md\:pb-28{padding-bottom:calc(var(--spacing) * 28)}
#tabbakhi-page .md\:text-center{text-align:center}
#tabbakhi-page .md\:text-justify{text-align:justify}
#tabbakhi-page .md\:text-right{text-align:right}
#tabbakhi-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#tabbakhi-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#tabbakhi-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#tabbakhi-page .md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}
#tabbakhi-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#tabbakhi-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#tabbakhi-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#tabbakhi-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#tabbakhi-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#tabbakhi-page .md\:text-\[9px\]{font-size:9px}
#tabbakhi-page .md\:text-\[10px\]{font-size:10px}
#tabbakhi-page .md\:text-\[14px\]{font-size:14px}
#tabbakhi-page .md\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}}
@media (min-width:64rem){#tabbakhi-page .lg\:order-1{order:1}
#tabbakhi-page .lg\:order-2{order:2}
#tabbakhi-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#tabbakhi-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#tabbakhi-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#tabbakhi-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#tabbakhi-page .lg\:mt-32{margin-top:calc(var(--spacing) * 32)}
#tabbakhi-page .lg\:mt-50{margin-top:calc(var(--spacing) * 50)}
#tabbakhi-page .lg\:mt-52{margin-top:calc(var(--spacing) * 52)}
#tabbakhi-page .lg\:mr-0{margin-right:0}
#tabbakhi-page .lg\:mb-0{margin-bottom:0}
#tabbakhi-page .lg\:mb-10{margin-bottom:calc(var(--spacing) * 10)}
#tabbakhi-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#tabbakhi-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#tabbakhi-page .lg\:block{display:block}
#tabbakhi-page .lg\:flex{display:flex}
#tabbakhi-page .lg\:hidden{display:none}
#tabbakhi-page .lg\:h-14{height:calc(var(--spacing) * 14)}
#tabbakhi-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#tabbakhi-page .lg\:h-194{height:calc(var(--spacing) * 194)}
#tabbakhi-page .lg\:h-\[70px\]{height:70px}
#tabbakhi-page .lg\:h-\[132px\]{height:132px}
#tabbakhi-page .lg\:h-\[300px\]{height:300px}
#tabbakhi-page .lg\:w-1\/2{width:50%}
#tabbakhi-page .lg\:w-14{width:calc(var(--spacing) * 14)}
#tabbakhi-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#tabbakhi-page .lg\:w-\[45\%\]{width:45%}
#tabbakhi-page .lg\:w-\[55\%\]{width:55%}
#tabbakhi-page .lg\:w-\[70px\]{width:70px}
#tabbakhi-page .lg\:w-auto{width:auto}
#tabbakhi-page .lg\:w-fit{width:fit-content}
#tabbakhi-page .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#tabbakhi-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#tabbakhi-page .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
#tabbakhi-page .lg\:flex-row{flex-direction:row}
#tabbakhi-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#tabbakhi-page .lg\:items-center{align-items:center}
#tabbakhi-page .lg\:justify-end{justify-content:flex-end}
#tabbakhi-page .lg\:gap-0{gap:0}
#tabbakhi-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#tabbakhi-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#tabbakhi-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#tabbakhi-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#tabbakhi-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#tabbakhi-page :where(.lg\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#tabbakhi-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#tabbakhi-page :where(.lg\:space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}
#tabbakhi-page .lg\:gap-x-4{column-gap:calc(var(--spacing) * 4)}
#tabbakhi-page .lg\:gap-y-4{row-gap:calc(var(--spacing) * 4)}
#tabbakhi-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#tabbakhi-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#tabbakhi-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#tabbakhi-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#tabbakhi-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#tabbakhi-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#tabbakhi-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#tabbakhi-page .lg\:py-20{padding-block:calc(var(--spacing) * 20)}
#tabbakhi-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#tabbakhi-page .lg\:pt-\[132px\]{padding-top:132px}
#tabbakhi-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#tabbakhi-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#tabbakhi-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#tabbakhi-page .lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#tabbakhi-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#tabbakhi-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#tabbakhi-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#tabbakhi-page .lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#tabbakhi-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#tabbakhi-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#tabbakhi-page .lg\:text-\[10px\]{font-size:10px}
#tabbakhi-page .lg\:text-\[28px\]{font-size:28px}
#tabbakhi-page .lg\:text-\[48px\]{font-size:48px}
#tabbakhi-page .lg\:text-\[150px\]{font-size:150px}
#tabbakhi-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#tabbakhi-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#tabbakhi-page .xl\:mt-0{margin-top:0}
#tabbakhi-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#tabbakhi-page .xl\:mt-70{margin-top:calc(var(--spacing) * 70)}
#tabbakhi-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#tabbakhi-page .xl\:h-122{height:calc(var(--spacing) * 122)}
#tabbakhi-page .xl\:h-\[142px\]{height:142px}
#tabbakhi-page .xl\:h-auto{height:auto}
#tabbakhi-page .xl\:w-1\/2{width:50%}
#tabbakhi-page .xl\:w-1\/3{width:33.3333%}
#tabbakhi-page .xl\:w-\[25\.5\%\]{width:25.5%}
#tabbakhi-page .xl\:w-\[30\%\]{width:30%}
#tabbakhi-page .xl\:w-\[70\%\]{width:70%}
#tabbakhi-page .xl\:flex-\[0_0_12\%\]{flex:0 0 12%}
#tabbakhi-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#tabbakhi-page .xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
#tabbakhi-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#tabbakhi-page .xl\:flex-row{flex-direction:row}
#tabbakhi-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#tabbakhi-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#tabbakhi-page .xl\:gap-12{gap:calc(var(--spacing) * 12)}
#tabbakhi-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#tabbakhi-page .xl\:gap-32{gap:calc(var(--spacing) * 32)}
#tabbakhi-page .xl\:p-8{padding:calc(var(--spacing) * 8)}
#tabbakhi-page .xl\:px-0{padding-inline:0}
#tabbakhi-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#tabbakhi-page .xl\:px-16{padding-inline:calc(var(--spacing) * 16)}
#tabbakhi-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#tabbakhi-page .xl\:px-36{padding-inline:calc(var(--spacing) * 36)}
#tabbakhi-page .xl\:py-16{padding-block:calc(var(--spacing) * 16)}
#tabbakhi-page .xl\:pt-16{padding-top:calc(var(--spacing) * 16)}
#tabbakhi-page .xl\:pt-\[142px\]{padding-top:142px}
#tabbakhi-page .xl\:pl-6{padding-left:calc(var(--spacing) * 6)}
#tabbakhi-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#tabbakhi-page .xl\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#tabbakhi-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#tabbakhi-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#tabbakhi-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#tabbakhi-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#tabbakhi-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#tabbakhi-page .xl\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#tabbakhi-page .xl\:text-\[11px\]{font-size:11px}
#tabbakhi-page .xl\:text-\[14px\]{font-size:14px}
#tabbakhi-page .xl\:text-\[16px\]{font-size:16px}
#tabbakhi-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#tabbakhi-page .\32 xl\:mr-50{margin-right:calc(var(--spacing) * 50)}
#tabbakhi-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#tabbakhi-page .\32 xl\:h-130{height:calc(var(--spacing) * 130)}
#tabbakhi-page .\32 xl\:min-h-\[550px\]{min-height:550px}
#tabbakhi-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#tabbakhi-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#tabbakhi-page .\32 xl\:gap-\[25px\]{gap:25px}
#tabbakhi-page .\32 xl\:px-12{padding-inline:calc(var(--spacing) * 12)}
#tabbakhi-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#tabbakhi-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#tabbakhi-page .\32 xl\:text-left{text-align:left}
#tabbakhi-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#tabbakhi-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#tabbakhi-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#tabbakhi-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#tabbakhi-page .\32 xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#tabbakhi-page .\32 xl\:text-\[14px\]{font-size:14px}
#tabbakhi-page .\32 xl\:text-\[16px\]{font-size:16px}
#tabbakhi-page .\32 xl\:text-\[20px\]{font-size:20px}
#tabbakhi-page .\32 xl\:text-\[27px\]{font-size:27px}
#tabbakhi-page .\32 xl\:text-\[56px\]{font-size:56px}
#tabbakhi-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-REGULAR.TTF)format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-SEMIBOLD.TTF)format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-BOLD.TTF)format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-EXTRABOLD.TTF)format("truetype");font-weight:800;font-display:swap}
#tabbakhi-page{direction:rtl}
#tabbakhi-page{color:#33291d;background:#fff;font-family:Vazirmatn,Tahoma,sans-serif}
#tabbakhi-page .fanum-font,#tabbakhi-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#tabbakhi-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#tabbakhi-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
#tabbakhi-page .dir-rtl{direction:rtl}
#tabbakhi-page .hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
#tabbakhi-page .hide-scrollbar::-webkit-scrollbar{display:none}
#tabbakhi-page .mb-safe{margin-bottom:env(safe-area-inset-bottom)}
@keyframes ring{0%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-12deg)}20%,40%,60%{transform:rotate(12deg)}70%{transform:rotate(0)}}
#tabbakhi-page .phone-ring-animation{animation:2s ease-in-out infinite ring}
@keyframes pulse-alarm{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}
#tabbakhi-page .alarm-animation{animation:1.5s ease-in-out infinite pulse-alarm}
@keyframes brand-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}
#tabbakhi-page .brand-scroll-animation{animation:30s linear infinite brand-scroll}
#tabbakhi-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,var(--nv) 60%,#1c1712 100%)}
#tabbakhi-page >div>div.relative>div.absolute.inset-0.z-0>div{background:0 0}
@media (min-width:64rem){#tabbakhi-page #images>div>div{padding-left:2.5rem;padding-right:2.5rem}
#tabbakhi-page #images h2{margin-bottom:5rem}
#tabbakhi-page #images [dir=rtl].w-full{flex-direction:row;justify-content:space-between;align-items:center;gap:2.5rem;display:flex}
#tabbakhi-page #images [role=tablist]{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:43%;margin:0;padding:0;display:grid;overflow:visible}
#tabbakhi-page #images [role=tablist]>div{margin:0}
#tabbakhi-page #images [role=tab]{white-space:nowrap;color:var(--acc);width:100%;min-width:0;height:3rem;box-shadow:none;background:#fff;border:2px solid var(--acc);padding-left:.5rem;padding-right:.5rem;font-size:.9rem}
#tabbakhi-page #images [role=tab][aria-selected=true]{color:#fff;background:var(--acc)}
#tabbakhi-page #images [role=tab]:hover{background:var(--fa-soft)}
#tabbakhi-page #images [role=tab][aria-selected=true]:hover{background:var(--acc)}
#tabbakhi-page #images [dir=rtl].w-full>div.relative{flex:none;width:54%}
#tabbakhi-page #images .flex-\[0_0_100\%\],#tabbakhi-page #images .flex-\[0_0_100\%\]>div>div{padding:0}
#tabbakhi-page #images .flex-\[0_0_100\%\]>div>div>div{background:#fff;border:3px solid var(--nv);border-radius:1rem;min-height:26rem}
#tabbakhi-page #images img[data-nimg=fill]{object-fit:contain;padding:0}
#tabbakhi-page #images button[aria-label=آیتم\ بعدی],#tabbakhi-page #images button[aria-label=آیتم\ قبلی]{display:none}
#tabbakhi-page #images button[aria-label=بزرگنمایی\ تصویر]{color:var(--nv);background:#fff;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:0 2px 8px #0003}}
#tabbakhi-page .mt-12{margin-top:calc(var(--spacing) * 12)}
#tabbakhi-page .mb-20{margin-bottom:calc(var(--spacing) * 20)}
#tabbakhi-page .text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}
@media (hover:hover){#tabbakhi-page .hover\:-translate-x-1:hover{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#tabbakhi-page .hover\:opacity-90:hover{opacity:.9}}
@media (min-width:40rem){#tabbakhi-page .sm\:order-1{order:1}
#tabbakhi-page .sm\:order-2{order:2}
#tabbakhi-page .sm\:justify-between{justify-content:space-between}
#tabbakhi-page .sm\:py-7{padding-block:calc(var(--spacing) * 7)}}
@media (min-width:48rem){#tabbakhi-page .md\:mt-0{margin-top:0}
#tabbakhi-page .md\:mb-72{margin-bottom:calc(var(--spacing) * 72)}
#tabbakhi-page .md\:justify-start{justify-content:flex-start}}
@media (min-width:64rem){#tabbakhi-page .lg\:py-10{padding-block:calc(var(--spacing) * 10)}}

/* ===== صفحه «نرم افزار رستورانی تحت وب» — مسیر #web-restaurant =====
   طراحی و چیدمان همان صفحه‌ی اصلی تحت وب است؛ چارچوب، حاشیه‌ی راست/چپ سکشن‌ها، فونت Vazirmatn و رنگ‌ها
   مثل صفحه‌ی «اتوماسیون تغذیه» از پالت همین سایت (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند. */
#tabbakhi-page{--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good);--color-orange-100:var(--fa-soft);--color-orange-300:var(--gold1)}
#tabbakhi-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #tabbakhi-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #tabbakhi-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#tabbakhi-page{--text-7xl:4.5rem;--text-7xl--line-height:1}
#tabbakhi-page[hidden]{display:none}
html.is-web body>section:not(#mp-sec),html.is-web #nl-sec,html.is-web #cta-band,html.is-web .pgx{display:none!important}
#tabbakhi-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#tabbakhi-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#tabbakhi-page .semibold-fanum-font,#tabbakhi-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#tabbakhi-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#tabbakhi-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#tabbakhi-page a{color:inherit;text-decoration:none}
#tabbakhi-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#tabbakhi-page input[type=checkbox]{accent-color:var(--gold1)}
#tabbakhi-page .bg-white{background-color:var(--sec-alt)}
#tabbakhi-page .text-black{color:var(--ink)}
#tabbakhi-page .text-primary{color:var(--ink)}
#tabbakhi-page .text-\[\#0A2745\]{color:var(--ink)}
#tabbakhi-page .border-\[\#0A2745\]{border-color:var(--ink)}
#tabbakhi-page .bg-primary.text-white,#tabbakhi-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
@media (hover:hover){#tabbakhi-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#tabbakhi-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#tabbakhi-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#tabbakhi-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#tabbakhi-page .faq-open svg{transition:transform .2s}
#tabbakhi-page .no-scrollbar{scrollbar-width:none}
#tabbakhi-page .no-scrollbar::-webkit-scrollbar{display:none}
#tabbakhi-page .sol-toast{background:var(--nv);color:#f6ecd6;z-index:4000;text-align:center;border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#tabbakhi-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#tabbakhi-page .ab-menu.open{display:block}
#tabbakhi-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#tabbakhi-page .ab-menu button:hover,#tabbakhi-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#tabbakhi-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#tabbakhi-page .ab-msg:empty{display:none}
#tabbakhi-page .ab-msg.err{color:#ffb4aa}
/* هیرو: زمینه‌ی اسپرسو (به‌جای سرمه‌ای)، متن و دکمه‌ها مثل هیروی صفحه‌ی اتوماسیون تغذیه */
#tabbakhi-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,#2b2118 60%,#1c1712 100%)}
#tabbakhi-page >div>div.relative h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#tabbakhi-page >div>div.relative h1 .text-\[\#FF4C00\]{color:var(--gold1,#d6b374)}
#tabbakhi-page >div>div.relative h2{color:#efe4d2;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#tabbakhi-page >div>div.relative p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#tabbakhi-page >div>div.relative a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#tabbakhi-page >div>div.relative a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#tabbakhi-page >div>div.relative a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* نوار فهرست بخش‌ها: چسبان زیر هدر (مثل صفحه‌ی اتوماسیون تغذیه) */
#tabbakhi-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#tabbakhi-page #tk-toc{background:var(--acc)!important;position:sticky;top:var(--wb-top,0px);z-index:19;transition:box-shadow .25s}
#tabbakhi-page #tk-toc.wb-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#tabbakhi-page section[id^="wb-"]{scroll-margin-top:calc(var(--wb-top,0px) + var(--wb-bar,64px) + 10px)}
/* نظرات: فقط یک صفحه نظر در منبع وجود دارد؛ صفحه‌بندی بی‌اثر مخفی شد */
#tabbakhi-page nav[aria-label="صفحه‌بندی"]{display:none}
/* ===== نمایش بزرگ تصویر مشابه صفحه‌ی اتوماسیون تغذیه: نام تب، فلش قبلی/بعدی، دکمه‌ی بستن ===== */
#tabbakhi-page #tk-lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#tabbakhi-page #tk-lightbox.open{display:flex}
#tabbakhi-page #tk-lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#food-page .no-scrollbar{scrollbar-width:none}
#food-page .no-scrollbar::-webkit-scrollbar{display:none}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .faq-open svg{transition:transform .2s}
#food-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#food-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#food-page #service-menu.open{display:block}
#food-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#food-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#food-page .left-\[35\%\]{
    left: 35%;
  }
#food-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#food-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#food-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#food-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#food-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#food-page .min-h-screen{
    min-height: 100vh;
  }
#food-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#food-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#food-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#food-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#food-page .max-w-xl{
    max-width: var(--container-xl);
  }
#food-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#food-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .flex-wrap{
    flex-wrap: wrap;
  }
#food-page .justify-around{
    justify-content: space-around;
  }
#food-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#food-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#food-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#food-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#food-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#food-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#food-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#food-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#food-page .bg-ab-card{
    background-color: var(--card);
  }
#food-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#food-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#food-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#food-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#food-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#food-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#food-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#food-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#food-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#food-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#food-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#food-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#food-page .text-ab-cream{
    color: #f6ecd6;
  }
#food-page .text-ab-ink{
    color: var(--ink);
  }
#food-page .text-ab-mut{
    color: var(--mut);
  }
#food-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#food-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#food-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#food-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#food-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#food-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#food-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#food-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#food-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#food-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#food-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#food-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#food-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#food-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#food-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#food-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#food-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#food-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#food-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#food-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#food-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#food-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#food-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#food-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#food-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#food-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#food-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#food-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#food-page .lg\:h-\[550px\]{
      height: 550px;
    }
#food-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#food-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#food-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#food-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#food-page .xl\:h-auto{
      height: auto;
    }
#food-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#food-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#food-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#food-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#food-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#food-page .xl\:py-0{
      padding-block: 0px;
    }
#food-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#food-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#food-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#food-page .ab-menu.open{display:block}
#food-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#food-page .ab-menu button:hover,#food-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#food-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#food-page .ab-msg:empty{display:none}
#food-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#food-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#food-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#food-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#food-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#food-page .brand-scroll-animation{--g:5rem}}
#food-page .brand-scroll-animation:hover{animation-play-state:paused}
#food-page .brand-scroll-animation,#food-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#food-page *{transition:none!important}#food-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#food-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#food-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#food-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#food-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#food-page [id^=fa-]{scroll-margin-top:120px}
#food-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#food-page .semibold-fanum-font,#food-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#food-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#food-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#food-page a{color:inherit;text-decoration:none}
#food-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#food-page input[type=checkbox]{accent-color:var(--gold1)}
#food-page .bg-white{background-color:var(--sec-alt)}
#food-page .text-black{color:var(--ink)}
#food-page .text-\[\#0A2745\],#food-page .text-secondary{color:var(--ink)}
#food-page .bg-primary.text-white,#food-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#food-page .bg-secondary.text-white,#food-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#food-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#food-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#food-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .sol-toast{background:var(--nv);color:#f6ecd6}
#food-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#tabbakhi-page #tk-lightbox img{background:var(--card)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#tabbakhi-page #tk-lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#tabbakhi-page #tk-lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#tabbakhi-page #tk-lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#tabbakhi-page #tk-lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#tabbakhi-page #tk-lightbox .lb-x,#tabbakhi-page #tk-lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#tabbakhi-page #tk-lightbox .lb-x{top:14px;left:14px}
#tabbakhi-page #tk-lightbox .lb-nav{top:50%;margin-top:-22px}
#tabbakhi-page #tk-lightbox .lb-prev{right:14px}
#tabbakhi-page #tk-lightbox .lb-next{left:14px}
#tabbakhi-page #tk-lightbox .lb-x:hover,#tabbakhi-page #tk-lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#tabbakhi-page #tk-lightbox .lb-x:focus-visible,#tabbakhi-page #tk-lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #tabbakhi-page #tk-lightbox{padding:60px 12px 84px}
 #tabbakhi-page #tk-lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #tabbakhi-page #tk-lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #tabbakhi-page #tk-lightbox .lb-prev{right:16px}
 #tabbakhi-page #tk-lightbox .lb-next{left:16px}
 #tabbakhi-page #tk-lightbox figcaption{max-width:calc(100vw - 150px)}}
@media (prefers-reduced-motion:reduce){#tabbakhi-page *{transition:none!important}}

/* حاشیه‌ی راست/چپ یکسان همه‌ی سکشن‌ها مثل صفحه‌ی اتوماسیون تغذیه */
#tabbakhi-page{--wb-px:clamp(1rem,4vw + .5rem,9rem)}
@media(min-width:96rem){#tabbakhi-page{--wb-px:clamp(2rem,12vw + 20rem,16rem)}}
#tabbakhi-page >div>div.relative{border-radius:0 0 48px 48px}
#tabbakhi-page #tk-packages>div.flex:not(.pr-first){padding-inline:var(--wb-px)}
/* پکیج‌ها: هم‌رنگ و هم‌استایل تب اول صفحه قیمت‌ها */
#tabbakhi-page #tk-packages{--color-secondary:var(--nv)}
#tabbakhi-page #tk-packages .text-secondary{color:var(--ink)}
#tabbakhi-page #tk-packages .bg-white{background-color:var(--sec-alt)}
#tabbakhi-page #tk-packages .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
@media (hover:hover){
#tabbakhi-page #tk-packages .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}
#tabbakhi-page #tk-packages .group-hover\:border-\[\#0A2745\]:is(:where(.group):hover *){border-color:var(--ink)}
#tabbakhi-page #tk-packages .group-hover\:text-\[\#0A2745\]:is(:where(.group):hover *){color:var(--ink)}
#tabbakhi-page #tk-packages .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px rgba(43,33,24,.22), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page #tk-packages .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px rgba(43,33,24,.28), 0 10px 0 0 var(--ink), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#tabbakhi-page #tk-packages .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]:is(:where(.group):hover *){--tw-shadow:0 8px 24px color-mix(in srgb,var(--acc) 38%,transparent);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
}
@media (min-width:48rem){#tabbakhi-page .md\:p-24{padding:calc(var(--spacing) * 24)}}
#tabbakhi-page #tk-pro-features article{padding-inline:var(--wb-px)}
#tabbakhi-page #tk-pro-features article>div{padding-inline:0!important}
#tabbakhi-page #tk-images .flex-\[0_0_100\%\]{padding:0}
#tabbakhi-page #tk-images .flex-\[0_0_100\%\] .p-2{padding:0}
#tabbakhi-page #tk-modules .CONTENT_CLASSES{padding-inline:0!important;margin-inline:0!important;max-width:none!important}
#tabbakhi-page #tk-modules>div>div{padding-inline:var(--wb-px)}

/* نمایی از محیط کاربری: تصویر در سمت چپ + دکمه‌های دو‌ستونه در سمت راست */
#tabbakhi-page .wb-gal{display:flex;flex-direction:row;align-items:center;gap:clamp(20px,3vw,48px);width:100%}
#tabbakhi-page .wb-tabs{flex:0 0 42%;display:grid;grid-template-columns:1fr 1fr;gap:14px}
#tabbakhi-page .wb-tab{cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:10px 14px;border:2px solid var(--nv);border-radius:999px;background:transparent;color:var(--ink);font-size:clamp(13px,1.05vw,17px);line-height:1.6;transition:background .2s,color .2s,box-shadow .2s}
#tabbakhi-page .wb-tab:hover{background:color-mix(in srgb,var(--nv) 10%,transparent)}
#tabbakhi-page .wb-tab[aria-selected=true]{background:var(--nv);color:#f6ecd6;box-shadow:0 8px 22px -10px var(--nv)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #tabbakhi-page .wb-tab{border-color:var(--line)}:root:not([data-theme="light"]) #tabbakhi-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}}
:root[data-theme="dark"] #tabbakhi-page .wb-tab{border-color:var(--line)}
:root[data-theme="dark"] #tabbakhi-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}
#tabbakhi-page .wb-stage{position:relative;flex:1 1 0;min-width:0;aspect-ratio:16/9.6;background:transparent;border:0;border-radius:0;overflow:hidden}
#tabbakhi-page .wb-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:0}
#tabbakhi-page .wb-zoom{position:absolute;top:10px;right:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;font-size:26px;line-height:1;color:#0A2745;background:#fff;border:1px solid rgba(10,39,69,.18);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;transition:opacity .2s,transform .2s}
#tabbakhi-page .wb-zoom:hover{opacity:.85;transform:scale(1.06)}
#tabbakhi-page .wb-zoom:focus-visible{outline:2px solid #d6b374;outline-offset:2px}
@media(max-width:900px){#tabbakhi-page .wb-gal{flex-direction:column-reverse;align-items:stretch}#tabbakhi-page .wb-stage{flex:none;width:100%}#tabbakhi-page .wb-tabs{flex:none}#tabbakhi-page .wb-tab{min-height:46px;padding:8px 10px}}
#tabbakhi-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#tabbakhi-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#tabbakhi-page .bg-ab-card{
    background-color: var(--card);
  }
#tabbakhi-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#tabbakhi-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#tabbakhi-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#tabbakhi-page .text-ab-cream{
    color: #f6ecd6;
  }
#tabbakhi-page .text-ab-ink{
    color: var(--ink);
  }
#tabbakhi-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#tabbakhi-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#tabbakhi-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#tabbakhi-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#tabbakhi-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#tabbakhi-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#tabbakhi-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#tabbakhi-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#tabbakhi-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#tabbakhi-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#tabbakhi-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#tabbakhi-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#tabbakhi-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#tabbakhi-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#tabbakhi-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#tabbakhi-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#tabbakhi-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#tabbakhi-page .bg-ab-card{
    background-color: var(--card);
  }
#tabbakhi-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#tabbakhi-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#tabbakhi-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#tabbakhi-page .text-ab-cream{
    color: #f6ecd6;
  }
#tabbakhi-page .text-ab-ink{
    color: var(--ink);
  }
#tabbakhi-page .text-ab-mut{
    color: var(--mut);
  }
#tabbakhi-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#tabbakhi-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#tabbakhi-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#tabbakhi-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#tabbakhi-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#tabbakhi-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#tabbakhi-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#tabbakhi-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#tabbakhi-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#tabbakhi-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#tabbakhi-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#tabbakhi-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#tabbakhi-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#tabbakhi-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#tabbakhi-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#tabbakhi-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#tabbakhi-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#tabbakhi-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#tabbakhi-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }

#tabbakhi-page .bg-ab-gold\/45:focus,#tabbakhi-page .focus\:bg-ab-gold\/45:focus{background-color:color-mix(in oklab,#d6b374 45%,transparent)}
#tabbakhi-page .app-actions{gap:14px;flex-wrap:wrap}
#tabbakhi-page .app-dl{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.5rem;border-radius:999px;background:var(--acc);color:var(--on-acc,#fff);font-size:clamp(13px,1.1vw,18px);transition:transform .25s,box-shadow .25s}
#tabbakhi-page .app-dl:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--acc)}
#tabbakhi-page section[aria-label="اعلان نسخه اندروید نرم‌افزار رستوران سول"]{margin-bottom:0}
#tabbakhi-page section.md\:mb-72{margin-bottom:0!important}
#tabbakhi-page section.md\:mb-72{margin-top:-44px!important}
@media(min-width:48rem){#tabbakhi-page section.md\:mb-72{margin-top:-86px!important}}
@media(min-width:80rem){#tabbakhi-page section.md\:mb-72{margin-top:-194px!important}}
@media(min-width:96rem){#tabbakhi-page section.md\:mb-72{margin-top:-210px!important}}
/* فاصله‌ی نوار قرمز: هم‌اندازه‌ی اون توی صفحه‌ی اتوماسیون تغذیه (--fa-gap) */
#tabbakhi-page{--fa-gap:clamp(12px,1.8vw,24px)}
#tabbakhi-page #tk-toc{margin-top:var(--fa-gap)!important}
#tabbakhi-page #tk-toc + section{margin-top:var(--fa-gap)!important;padding-top:6rem}
#tabbakhi-page #tk-toc + section>div>div>h2:first-child{margin-top:0!important}
/* امکانات: رنگ عنوان کارت‌ها مثل صفحه ویندوزی */
#tabbakhi-page #tk-features-list .text-secondary{color:var(--ink)}
/* ===== هایلایت قابلیت آفلاین در هیروی صفحه وب ===== */
@media(min-width:64rem){#tabbakhi-page>div>div.relative{height:auto;min-height:calc(var(--spacing)*194);padding-bottom:204px}}
@media(min-width:80rem){#tabbakhi-page>div>div.relative{padding-bottom:312px}}
@media(min-width:96rem){#tabbakhi-page>div>div.relative{padding-bottom:328px}}
#tabbakhi-page .ofl{position:relative;isolation:isolate;overflow:hidden;direction:rtl;width:min(100%,1180px);margin:clamp(14px,2vw,26px) auto 0;padding:clamp(18px,2vw,28px) clamp(18px,2.6vw,38px);border-radius:28px;color:#fff;text-align:right;display:flex;align-items:center;gap:clamp(16px,2.4vw,34px);background:linear-gradient(120deg,#7d1f19 0%,#b3342b 52%,#7d1f19 100%);border:2px solid var(--gold1,#d6b374);box-shadow:0 24px 50px -18px rgba(0,0,0,.75),0 0 0 7px rgba(227,194,138,.14);animation:ofl-in .9s .3s both cubic-bezier(.2,.8,.2,1)}
#tabbakhi-page .ofl:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 14px,transparent 14px 28px)}
#tabbakhi-page .ofl:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,236,190,.28) 50%,transparent 62%);transform:translateX(-130%);animation:ofl-sw 5s ease-in-out infinite}
#tabbakhi-page .ofl-ic{position:relative;flex:none;width:clamp(64px,6.4vw,92px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.28);border:2px solid rgba(251,230,174,.7)}
#tabbakhi-page .ofl-ic:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(251,230,174,.55);animation:ofl-p 2.4s ease-out infinite}
#tabbakhi-page .ofl-ic svg{width:56%;height:56%}
#tabbakhi-page .ofl-ok{position:absolute;bottom:-4px;left:-4px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:900;color:#fff;background:#2f9e5b;border:3px solid #7d1f19}
#tabbakhi-page .ofl-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}
#tabbakhi-page .ofl-k{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;font-size:13px;font-weight:800;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f)}
#tabbakhi-page .ofl-k i{width:8px;height:8px;border-radius:50%;background:#b3342b;animation:ofl-d 1.4s ease-in-out infinite}
#tabbakhi-page .ofl-h{margin:0;font-weight:900;font-size:clamp(20px,2.3vw,36px);line-height:1.45;color:#fff}
#tabbakhi-page .ofl-p{margin:0;font-weight:500;font-size:clamp(13px,1.2vw,17px);line-height:1.9;color:#fbe9d0}
#tabbakhi-page .ofl-ch{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
#tabbakhi-page .ofl-ch li{padding:4px 13px;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:700;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}
#tabbakhi-page .ofl-go{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:290px;padding:14px 26px;border-radius:999px;font-size:clamp(14px,1.2vw,17px);font-weight:900;line-height:1.6;text-align:center;text-decoration:none;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f);box-shadow:0 12px 26px -8px rgba(0,0,0,.6);transition:transform .2s,filter .2s}
#tabbakhi-page .ofl-go:hover{transform:translateY(-2px);filter:brightness(1.06)}
#tabbakhi-page .ofl-go:focus-visible{outline:3px solid #fff;outline-offset:3px}
#tabbakhi-page .ofl-go svg{flex:none;width:20px;height:20px;transition:transform .25s}
#tabbakhi-page .ofl-go:hover svg{transform:translateX(-5px)}
@keyframes ofl-in{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ofl-sw{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@keyframes ofl-p{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.28);opacity:0}}
@keyframes ofl-d{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:860px){#tabbakhi-page .ofl{flex-direction:column;text-align:center;border-radius:24px}#tabbakhi-page .ofl-k{align-self:center}#tabbakhi-page .ofl-ch{justify-content:center}#tabbakhi-page .ofl-go{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){#tabbakhi-page .ofl,#tabbakhi-page .ofl:after,#tabbakhi-page .ofl-ic:before,#tabbakhi-page .ofl-k i{animation:none}}
#tabbakhi-page #tk-toc>div>.lg\:-mt-32{margin-top:0!important}
#tabbakhi-page #tk-modules a.group{color:inherit;text-decoration:none}

/* امکانات حرفه‌ای: تصویر چسبیده به لبه‌ی صفحه (مارجین صفر)، متن با مارجین استاندارد، ارتفاع هر بخش = یک ویو */
#tabbakhi-page #tk-pro-features{--pf-h:clamp(360px,calc(100svh - 190px),780px)}
#tabbakhi-page #tk-pro-features article{box-sizing:border-box;padding-inline:0!important;overflow:hidden}
#tabbakhi-page #tk-pro-features article>div{margin-inline:0!important;min-width:0}
#tabbakhi-page #tk-pro-features article>div:first-child{padding:0!important}
#tabbakhi-page #tk-pro-features article>div:first-child>.relative{translate:none!important;margin:0!important;width:100%}
#tabbakhi-page #tk-pro-features article>div:first-child img{object-fit:contain!important}
#tabbakhi-page #tk-pro-features article>div:last-child{padding-inline:var(--wb-px)!important}
@media(min-width:1024px){
 #tabbakhi-page #tk-pro-features article{display:flex;flex-direction:row;align-items:center;margin-top:clamp(20px,4vh,48px)!important;min-height:var(--pf-h)}
 #tabbakhi-page #tk-pro-features article>div:first-child{flex:0 0 min(60%,calc(var(--pf-h)*1.3334));width:min(60%,calc(var(--pf-h)*1.3334))!important;max-width:none}
 #tabbakhi-page #tk-pro-features article>div:first-child>.relative{aspect-ratio:auto!important;min-height:0!important;height:min(var(--pf-h),calc(60vw*.75))}
 #tabbakhi-page #tk-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:first-child img{object-position:left center}
 #tabbakhi-page #tk-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:first-child img{object-position:right center}
 #tabbakhi-page #tk-pro-features article>div:last-child{flex:1 1 0;width:auto!important;max-width:none}
 #tabbakhi-page #tk-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:last-child{padding-left:clamp(16px,2vw,40px)!important;padding-right:var(--wb-px)!important}
 #tabbakhi-page #tk-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:last-child{padding-right:clamp(16px,2vw,40px)!important;padding-left:var(--wb-px)!important}
 /* فشرده‌سازی متن تا ارتفاع در یک ویو جا شود */
 #tabbakhi-page #tk-pro-features article>div:last-child{padding-top:0!important}
 #tabbakhi-page #tk-pro-features article h3{margin-bottom:clamp(6px,1.4vh,18px)!important;font-size:clamp(17px,2.6vh,26px)!important}
 #tabbakhi-page #tk-pro-features article h3>span:first-child{font-size:clamp(48px,10vh,100px)!important;line-height:1}
 #tabbakhi-page #tk-pro-features article ul{font-size:clamp(11px,1.7vh,15px)!important}
 #tabbakhi-page #tk-pro-features article ul>li+li{margin-top:clamp(4px,1vh,11px)!important}
}
/* رنگ‌های نارنجی (با شفافیت) در این سکشن → رنگ اصلی سایت */
#tabbakhi-page #tk-pro-features .text-\[\#FF4C00\]\/30{color:color-mix(in srgb,var(--acc) 30%,transparent)}
#tabbakhi-page #tk-pro-features .bg-\[\#FF4C00\]\/10,#tabbakhi-page #tk-pro-features .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:color-mix(in srgb,var(--acc) 10%,transparent)}
#tabbakhi-page #tk-pro-features .bg-\[\#FF4C00\]\/20{background-color:color-mix(in srgb,var(--acc) 20%,transparent)}
#tabbakhi-page #tk-pro-features .border-\[\#FF4C00\]\/20,#tabbakhi-page #tk-pro-features .hover\:border-\[\#FF4C00\]\/30:hover{border-color:color-mix(in srgb,var(--acc) 25%,transparent)}
#tabbakhi-page #tk-pro-features [class*="FF4C00"]{--tw-shadow-color:color-mix(in srgb,var(--acc) 40%,transparent)}

/* تصاویر ویژگی‌های حرفه‌ای: قاب دستگاه + کارت + دایره‌ی هم‌رنگ سایت */
#tabbakhi-page #tk-pro-features .pf-art{position:absolute;inset:0}
#tabbakhi-page #tk-pro-features .pf-circle{position:absolute;width:56%;aspect-ratio:1;border-radius:50%;top:0;background:var(--acc);z-index:0}
#tabbakhi-page #tk-pro-features .pf-dev{position:absolute;z-index:1;top:8%;width:94%;aspect-ratio:3148/2244;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
#tabbakhi-page #tk-pro-features .pf-dev img{display:block;width:100%;height:100%;object-fit:contain!important;position:static!important}
#tabbakhi-page #tk-pro-features .pf-pop{position:absolute;z-index:2;bottom:2%;max-width:80%;height:auto;object-fit:contain!important}
#tabbakhi-page #tk-pro-features .pf-L .pf-dev{left:-5%}
#tabbakhi-page #tk-pro-features .pf-L .pf-circle{right:2%}
#tabbakhi-page #tk-pro-features .pf-L .pf-pop{right:3%}
#tabbakhi-page #tk-pro-features .pf-R .pf-dev{right:-5%}
#tabbakhi-page #tk-pro-features .pf-R .pf-circle{left:2%}
#tabbakhi-page #tk-pro-features .pf-R .pf-pop{left:3%}


#tabbakhi-page .vx-sec{--d:clamp(240px,27vw,400px);border-top:1px dashed var(--gold2);text-align:center}
#tabbakhi-page .vx-cmp{display:inline-block;padding:5px 16px;border:1px dashed var(--gold2);border-radius:999px;font-size:13px;font-weight:800;color:var(--goldtxt)}
#tabbakhi-page .vx-hd h2{margin:.5em 0 0;font-size:clamp(26px,3.4vw,52px);line-height:1.5;font-weight:800;color:var(--hn)}
#tabbakhi-page .vx-hd h2 em{font-style:normal;background:linear-gradient(90deg,var(--gold2),var(--gold1));-webkit-background-clip:text;background-clip:text;color:transparent}
#tabbakhi-page .vx-hd p{margin:.4em auto 0;max-width:46ch;font-size:clamp(14px,1.1vw,16px);line-height:2;color:var(--mut)}
#tabbakhi-page .vx-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(16px,2vw,30px) clamp(16px,2vw,30px);margin-top:clamp(20px,2.5vw,40px);align-items:stretch}
#tabbakhi-page .vx-card{position:relative;display:flex;flex-direction:column;margin-top:calc(var(--d)*.46);border-radius:36px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
#tabbakhi-page .vx-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),color-mix(in srgb,var(--gold2) 16%,transparent) 0 1px,transparent 1px 34px)}
#tabbakhi-page .vx-web{color:#f6ecd9;border-color:rgba(214,179,116,.3);background:linear-gradient(160deg,#3d2e1f,#2a2018);box-shadow:var(--shadow)}
#tabbakhi-page .vx-web:before{background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),rgba(246,236,217,.06) 0 1px,transparent 1px 34px)}
#tabbakhi-page .vx-media{position:relative;z-index:1;width:var(--d);aspect-ratio:1;margin:calc(var(--d)*-.46) auto 0}
#tabbakhi-page .vx-ph{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 clamp(3px,.45vw,6px) rgba(214,179,116,.55),0 30px 60px -26px rgba(40,26,10,.65)}
#tabbakhi-page .vx-ring{position:absolute;inset:-5%;border-radius:50%;border:1.5px solid rgba(214,179,116,.5);pointer-events:none}
#tabbakhi-page .vx-ring:after{content:"";position:absolute;bottom:3%;left:14%;width:9px;height:9px;border-radius:50%;background:var(--gold1);box-shadow:0 0 14px var(--gold1)}
#tabbakhi-page .vx-chip,#tabbakhi-page .vx-mini{position:absolute;z-index:2;display:flex;align-items:center;gap:.6em;color:var(--ink);background:var(--card);border:1px solid var(--line);box-shadow:0 14px 30px -14px rgba(60,40,10,.45)}
#tabbakhi-page .vx-web .vx-chip,#tabbakhi-page .vx-web .vx-mini{color:#f6ecd9;background:rgba(30,22,15,.62);border-color:rgba(246,236,217,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
#tabbakhi-page .vx-chip{left:-7%;top:58%;padding:.6em 1.2em;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:800;white-space:nowrap}
#tabbakhi-page .vx-chip svg{width:1.3em;height:1.3em;flex:none;color:var(--gold2)}
#tabbakhi-page .vx-web .vx-chip svg{color:#e3c28a}
#tabbakhi-page .vx-mini{right:-4%;bottom:5%;flex-direction:column;align-items:stretch;gap:0;min-width:128px;padding:12px 16px;border-radius:20px;text-align:start;font-size:clamp(11px,.95vw,13px)}
#tabbakhi-page .vx-mini small{font-weight:700;opacity:.9}
#tabbakhi-page .vx-mini b{margin-top:4px;color:var(--leaf);font-size:1.1em}
#tabbakhi-page .vx-bars{display:flex;align-items:flex-end;gap:5px;height:32px;margin-top:9px;direction:ltr}
#tabbakhi-page .vx-bars i{flex:1;height:var(--h);border-radius:3px;background:linear-gradient(180deg,#d6e8b8,#7fa560);transform-origin:bottom}
#tabbakhi-page .vx-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;padding:clamp(20px,2vw,30px) clamp(20px,2.8vw,48px) clamp(26px,2.8vw,44px)}
#tabbakhi-page .vx-body .vx-t{margin:0;font-size:clamp(24px,2.4vw,38px);font-weight:800;line-height:1.5;color:var(--hn)}
#tabbakhi-page .vx-web .vx-t{color:#fff6e4}
#tabbakhi-page .vx-sub{margin:.1em 0 .9em;font-size:clamp(17px,1.6vw,24px);font-weight:700;line-height:1.6;color:var(--goldtxt)}
#tabbakhi-page .vx-web .vx-sub{color:#e3c28a}
#tabbakhi-page .vx-desc{margin:0 auto 1em;max-width:58ch;font-size:clamp(14px,1.08vw,16.5px);line-height:2.15;color:var(--ink)}
#tabbakhi-page .vx-web .vx-desc{color:rgba(246,236,217,.86)}
#tabbakhi-page .vx-aud{display:inline-flex;align-items:center;gap:10px;margin:0 auto 1.6em;padding:9px 18px 9px 20px;border-radius:999px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 28%,transparent)}
#tabbakhi-page .vx-web .vx-aud{background:rgba(214,179,116,.12);border-color:rgba(214,179,116,.3)}
#tabbakhi-page .vx-aud svg{width:19px;height:19px;flex:none;color:var(--leaf)}
#tabbakhi-page .vx-web .vx-aud svg{color:#e3c28a}
#tabbakhi-page .vx-vl{display:flex;align-items:center;gap:14px;margin:0 auto .9em;width:min(100%,460px);font-size:13.5px;font-weight:800;color:var(--leaf)}
#tabbakhi-page .vx-vl:before,#tabbakhi-page .vx-vl:after{content:"";flex:1;height:1px;background:currentColor;opacity:.3}
#tabbakhi-page .vx-web .vx-vl{color:#a4c27f}
#tabbakhi-page .vx-ft{list-style:none;margin:0 auto 1.8em;padding:0;width:min(100%,460px);display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;text-align:start}
#tabbakhi-page .vx-ft li{display:flex;align-items:center;gap:10px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700}
#tabbakhi-page .vx-ft svg{flex:none;width:24px;height:24px;padding:5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#tabbakhi-page .vx-web .vx-ft svg{color:#a4c27f;background:rgba(164,194,127,.2)}
#tabbakhi-page .vx-ft .vx-star{grid-column:1/-1;padding:10px 16px;border-radius:16px;font-weight:800;color:#1c1712;background:linear-gradient(135deg,#e3c28a,#b58a45);box-shadow:0 10px 22px -12px #b58a45}
#tabbakhi-page .vx-ft .vx-star svg{width:26px;height:26px;padding:4px;color:#e3c28a;background:#1c1712}
#tabbakhi-page .vx-ft .vx-star em{margin-inline-start:auto;font-style:normal;font-size:.8em;padding:2px 10px;border-radius:999px;background:#1c1712;color:#e3c28a}
#tabbakhi-page .vx-act{margin-top:auto;display:flex;flex-direction:column;gap:12px}
#tabbakhi-page .vx-act a{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border-radius:999px;border:2px solid var(--acc);font-size:15px;font-weight:800;line-height:1.7;transition:transform .2s,filter .2s,background .2s,color .2s}
#tabbakhi-page .vx-b1{background:var(--acc);color:var(--on-acc)}
#tabbakhi-page .vx-b1:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 22px -10px var(--acc)}
#tabbakhi-page .vx-b2{border-color:var(--gold2)!important;color:var(--goldtxt)}
#tabbakhi-page .vx-b2:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#tabbakhi-page .vx-web .vx-b2{border-color:#e3c28a!important;color:#e3c28a}
#tabbakhi-page .vx-web .vx-b2:hover{color:#1c1712}
#tabbakhi-page .vx-new{padding:1px 10px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:11.5px;line-height:1.8}
#tabbakhi-page .vx-web .vx-b2:hover .vx-new{background:#1c1712;color:#e3c28a}
#tabbakhi-page .vx-act a:focus-visible{outline:3px solid var(--gold1);outline-offset:3px}
#tabbakhi-page .vx-ready .vx-media{opacity:0;transform:translateY(48px) scale(.94);transition:opacity .9s,transform 1.1s cubic-bezier(.2,.8,.2,1)}
#tabbakhi-page .vx-ready .vx-card:nth-child(2) .vx-media{transition-delay:.18s}
#tabbakhi-page .vx-ready .vx-chip,#tabbakhi-page .vx-ready .vx-mini{opacity:0;transition:opacity .7s .7s}
#tabbakhi-page .vx-ready .vx-bars i{transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.8,.2,1) calc(.9s + var(--d2,0s))}
#tabbakhi-page .vx-ready .vx-card.in .vx-media,#tabbakhi-page .vx-ready .vx-card.in .vx-chip,#tabbakhi-page .vx-ready .vx-card.in .vx-mini{opacity:1;transform:none}
#tabbakhi-page .vx-ready .vx-card.in .vx-bars i{transform:none}
@media(max-width:1000px){#tabbakhi-page .vx-sec{--d:clamp(230px,56vw,380px)}
#tabbakhi-page .vx-grid{grid-template-columns:1fr}}
@media(max-width:560px){#tabbakhi-page .vx-mini{display:none}
#tabbakhi-page .vx-ft{grid-template-columns:1fr}
#tabbakhi-page .vx-card{border-radius:28px}}
@media(prefers-reduced-motion:reduce){#tabbakhi-page .vx-ready .vx-media,#tabbakhi-page .vx-ready .vx-chip,#tabbakhi-page .vx-ready .vx-mini,#tabbakhi-page .vx-ready .vx-bars i,#tabbakhi-page .vx-act a{transition:none}}
@media(min-width:1001px){#tabbakhi-page .vx-sec{--d:clamp(230px,min(33vh,26vw),420px)}}
#tabbakhi-page .vx-card{margin-top:calc(var(--d)*.44);border-radius:30px}
#tabbakhi-page .vx-media{margin-top:calc(var(--d)*-.44)}
#tabbakhi-page .vx-cmp{padding:3px 14px;font-size:12px}
#tabbakhi-page .vx-hd h2{margin:.25em 0 0;font-size:clamp(22px,2.3vw,36px);line-height:1.4}
#tabbakhi-page .vx-hd p{display:none}
#tabbakhi-page .vx-grid{margin-top:clamp(6px,1.2vh,14px);gap:clamp(14px,1.6vw,24px)}
#tabbakhi-page .vx-chip{left:-13%;top:50%;padding:.5em 1em}
#tabbakhi-page .vx-mini{right:-9%;bottom:-3%;min-width:108px;padding:9px 12px}
#tabbakhi-page .vx-body{padding:clamp(12px,1.6vh,18px) clamp(18px,2.4vw,36px) clamp(18px,2.4vh,26px)}
#tabbakhi-page .vx-body .vx-t{font-size:clamp(20px,1.9vw,29px);line-height:1.4}
#tabbakhi-page .vx-sub{margin:0 0 .5em;font-size:clamp(15px,1.25vw,19px);line-height:1.5}
#tabbakhi-page .vx-desc{margin-bottom:.7em;font-size:clamp(13px,.95vw,14.5px);line-height:1.95}
#tabbakhi-page .vx-aud{margin-bottom:1em;padding:6px 16px 6px 18px;font-size:13px}
#tabbakhi-page .vx-aud svg{width:17px;height:17px}
#tabbakhi-page .vx-vl{margin-bottom:.6em;font-size:12.5px}
#tabbakhi-page .vx-ft{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-bottom:1.1em}
#tabbakhi-page .vx-ft li{padding:5px 14px 5px 10px;border-radius:999px;font-size:13.5px;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 26%,transparent)}
#tabbakhi-page .vx-web .vx-ft li{background:rgba(164,194,127,.12);border-color:rgba(164,194,127,.28)}
#tabbakhi-page .vx-ft svg{width:20px;height:20px;padding:4px}
#tabbakhi-page .vx-web .vx-ft .vx-star,#tabbakhi-page .vx-ft .vx-star{flex:1 1 100%;max-width:340px;padding:7px 14px;border:0;background:linear-gradient(135deg,#e3c28a,#b58a45)}
#tabbakhi-page .vx-web .vx-ft .vx-star svg,#tabbakhi-page .vx-ft .vx-star svg{width:22px;height:22px;color:#e3c28a;background:#1c1712}
#tabbakhi-page .vx-act{gap:8px}
#tabbakhi-page .vx-act a{padding:10px 20px;font-size:14px}
#tabbakhi-page .vx-desc{max-width:84ch}
#tabbakhi-page .vx-act{flex-direction:row;flex-wrap:wrap;justify-content:center}
#tabbakhi-page .vx-act a{flex:1 1 auto;padding:10px 16px;font-size:13.5px}
#tabbakhi-page .vx-chip{font-size:clamp(12px,.9vw,14px)}
#tabbakhi-page .vx-chip,#tabbakhi-page .vx-mini{display:none!important}
@keyframes vx-spin{to{rotate:360deg}}
@keyframes vx-pulse{0%{transform:scale(.97);opacity:.55}100%{transform:scale(1.2);opacity:0}}
#tabbakhi-page .vx-ring{inset:-6%;border:1.5px dashed rgba(227,194,138,.6);animation:vx-spin 50s linear infinite}
#tabbakhi-page .vx-win .vx-ring{border-color:color-mix(in srgb,var(--gold2) 65%,transparent)}
#tabbakhi-page .vx-ring:before{content:"";position:absolute;inset:-2px;border-radius:50%;
background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold1) 30%,transparent) 78%,#f3d9a0 100%);
-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
animation:vx-spin 6s linear infinite reverse}
#tabbakhi-page .vx-win .vx-ring:before{background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold2) 35%,transparent) 78%,var(--gold2) 100%)}
#tabbakhi-page .vx-ring:after{bottom:auto;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;background:#f3d9a0;box-shadow:0 0 0 4px rgba(227,194,138,.2),0 0 16px 2px var(--gold1)}
#tabbakhi-page .vx-media:after{content:"";position:absolute;inset:-6%;border-radius:50%;border:1.5px solid var(--gold1);pointer-events:none;animation:vx-pulse 4.2s cubic-bezier(.2,.6,.3,1) infinite}
#tabbakhi-page .vx-card:nth-child(2) .vx-media:after{animation-delay:2.1s}
#tabbakhi-page .vx-card:hover .vx-ring{animation-duration:14s}
@media(prefers-reduced-motion:reduce){#tabbakhi-page .vx-ring,#tabbakhi-page .vx-ring:before,#tabbakhi-page .vx-media:after{animation:none}}

#tabbakhi-page .vx-sec{border-top:0}
#tabbakhi-page .vx-ph{overflow:hidden;background:var(--bg2)}
#tabbakhi-page .vx-win .vx-ph{background:var(--card)}
#tabbakhi-page .vx-rec{position:absolute;z-index:3;top:18px;left:22px;padding:4px 16px;border-radius:999px;border:1.5px solid var(--gold1);background:rgba(28,23,18,.55);color:#e3c28a;font-size:13px;font-weight:800;backdrop-filter:blur(8px)}
#tabbakhi-page .vx-pre{margin:0 auto;max-width:42rem;padding-inline:1rem;text-align:center;font-size:.875rem;line-height:1.9;color:var(--mut)}
@media(min-width:64rem){#tabbakhi-page .vx-pre{font-size:1rem}}
#tabbakhi-page .vx-sec{margin-top:clamp(12px,2vw,28px)}
#tabbakhi-page a.vx-b2[href="#"]{cursor:pointer}
html.is-tk body>section:not(#mp-sec),html.is-tk #nl-sec,html.is-tk #cta-band,html.is-tk .pgx,html.is-tk #hk-cards{display:none!important}


@media(min-width:1024px){#tabbakhi-page #tk-images h2{max-width:none;white-space:nowrap;font-size:min(48px,3.4vw)}}

#tk-versions .cv-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto repeat(10,auto) auto;column-gap:clamp(12px,2vw,28px);width:100%}
#tk-versions .cv-card{position:relative;grid-row:1/span 13;display:grid;grid-template-rows:subgrid;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
#tk-versions .cv-web{border:1.5px solid var(--gold2)}
#tk-versions .cv-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:clamp(8px,1.4vh,14px) 18px 2px}
#tk-versions .cv-t{font-weight:800;line-height:1.4;font-size:clamp(16px,2.3vh,23px);color:var(--hn,var(--ink))}
#tk-versions .cv-rec{order:2;flex:none;font-size:12px;font-weight:800;padding:3px 12px;border-radius:999px;background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#tk-versions .cv-d{margin:0;padding:0 20px clamp(6px,1.2vh,12px);font-size:clamp(12px,1.6vh,14px);line-height:1.7;color:color-mix(in srgb,var(--ink) 82%,var(--mut))}
#tk-versions .cv-c{display:flex;align-items:center;gap:10px;padding:clamp(3px,.55vh,7px) 18px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);font-size:clamp(12px,1.6vh,14.5px);line-height:1.6}
#tk-versions .cv-tx{display:flex;flex-direction:column}
#tk-versions .cv-tx b{font-weight:700}
#tk-versions .cv-tx small{font-size:.85em;opacity:.75}
#tk-versions .cv-ck{flex:none;width:20px;height:20px;padding:3.5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#tk-versions .cv-star{background:color-mix(in srgb,var(--gold1) 20%,transparent);font-weight:800}
#tk-versions .cv-off{background:color-mix(in srgb,var(--mut) 6%,transparent)}
#tk-versions .cv-no{width:100%;text-align:center;color:var(--mut);opacity:.6}
#tk-versions .cv-act{display:flex;gap:10px;padding:clamp(7px,1.1vh,12px) 18px clamp(8px,1.4vh,14px);border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
#tk-versions .cv-act a{flex:1;text-align:center;font-weight:700;font-size:clamp(12.5px,1.7vh,14.5px);padding:clamp(6px,1vh,10px) 12px;border-radius:999px;transition:transform .2s,filter .2s}
#tk-versions .cv-b1{background:var(--acc);color:var(--on-acc)}
#tk-versions .cv-b2{border:1.5px solid var(--gold2);color:var(--goldtxt)}
#tk-versions .cv-act a:hover{transform:translateY(-2px);filter:brightness(1.08)}
@media(max-width:700px){
#tk-versions .cv-grid{grid-template-columns:1fr;grid-template-rows:none;row-gap:16px}
#tk-versions .cv-card{grid-row:auto;grid-template-rows:none}
#tk-versions .cv-card>*{grid-row:auto!important}
}

#tk-versions .cv-grid{padding-top:22px}
#tk-versions .cv-card{overflow:visible}
#tk-versions .cv-h{padding-top:30px;min-height:30px}
#tk-versions .cv-t{position:absolute;top:0;inset-inline:0;margin-inline:auto;transform:translateY(-50%);width:max-content;max-width:calc(100% - 24px);text-align:center;padding:7px 26px;border-radius:999px;font-size:clamp(14px,1.9vh,17px);line-height:1.5;color:var(--goldtxt);background:var(--card);border:1.5px solid var(--gold2);box-shadow:0 0 0 6px var(--bg)}
#tk-versions .cv-web .cv-t{color:var(--on-gold);background:linear-gradient(135deg,var(--gold1),var(--gold2));border-color:var(--gold2)}
#tk-versions .cv-act{border-radius:0 0 22px 22px}
@media(min-width:640px){#tk-versions h2{max-width:none!important;white-space:nowrap}}@media(min-width:900px){#tk-versions .vx-pre{max-width:none!important;white-space:nowrap;font-size:clamp(11px,1.2vw,15px)!important}}


#tk-profit{font-family:'Vazirmatn',inherit;color:var(--ink)}
#tk-profit .cp-h{margin:0 auto .5rem;text-align:center;font-size:clamp(20px,3.2vw,36px);line-height:1.4;color:var(--ink)}
#tk-profit .cp-sub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#tk-profit .cp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,32px);max-width:none;margin:0 auto}
#tk-profit .cp-item{--w:clamp(64px,6.5vw,92px);position:relative;display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--w)*.4)}
#tk-profit .cp-ic{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;width:var(--w);height:auto;filter:drop-shadow(0 6px 8px rgba(120,86,30,.25))}
#tk-profit .cp-c{width:100%;max-width:280px;aspect-ratio:1;border-radius:50%;border:1.5px dashed var(--acc);background:color-mix(in srgb,var(--card) 70%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--w)*.4 + 6px) clamp(18px,2.4vw,34px) clamp(14px,2vw,24px);margin-top:0;transition:transform .3s,box-shadow .3s,background .3s}
#tk-profit .cp-item:hover .cp-c{transform:translateY(-4px);box-shadow:var(--shadow);background:var(--card)}
#tk-profit .cp-n{display:inline;font-weight:800;font-size:clamp(28px,3.6vw,48px);line-height:1.2;color:var(--acc)}
#tk-profit .cp-p{display:inline;font-weight:800;font-size:clamp(16px,1.8vw,24px);color:var(--acc);margin-inline-start:2px}
#tk-profit .cp-c p{margin:.35rem 0 0;font-size:clamp(11.5px,1.15vw,14.5px);line-height:1.8;color:var(--ink)}
#tk-profit .cp-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,56px)}
#tk-profit .cp-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 36px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:clamp(14px,1.3vw,16px);border:2px solid var(--acc);transition:transform .2s,box-shadow .2s,filter .2s}
#tk-profit .cp-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:900px){#tk-profit .cp-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}}
@media(max-width:480px){#tk-profit .cp-c{max-width:200px}#tk-profit .cp-c p{font-size:11px}}


#tk-images .tk-gsub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#tk-images .wb-stage{border-radius:28px}
#tk-images .tk-slide{position:absolute;inset:0;display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:color-mix(in srgb,var(--bg2) 85%,var(--card));border:1px solid var(--line);border-radius:28px;color:color-mix(in srgb,var(--mut) 55%,transparent)}
#tk-images .tk-slide[hidden]{display:none}
#tk-images .tk-slide>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(56px,8vw,96px);height:auto}
#tk-images .tk-slide img{display:block;width:100%;height:auto}
#tabbakhi-page #tk-lightbox{overflow:hidden}
#tabbakhi-page #tk-lightbox .lb-fig img{touch-action:none;user-select:none;-webkit-user-select:none;transform-origin:center center;position:relative;z-index:1}
#tabbakhi-page #tk-lightbox .lb-x,#tabbakhi-page #tk-lightbox .lb-nav{z-index:3}
#tabbakhi-page #tk-lightbox .lb-zoombar{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;direction:ltr}
#tabbakhi-page #tk-lightbox .lb-zoombar button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#tabbakhi-page #tk-lightbox .lb-zoombar .lb-zreset{width:auto;min-width:68px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;font-family:inherit}
#tabbakhi-page #tk-lightbox .lb-zoombar button:hover:not(:disabled){background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#tabbakhi-page #tk-lightbox .lb-zoombar button:disabled{opacity:.4;cursor:default}
#tabbakhi-page #tk-lightbox .lb-zoombar button:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}


#tk-features-list .tkl-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut);max-width:48rem}
#tk-features-list .tkl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);max-width:none;margin:0 auto}
#tk-features-list .tkl-card{display:flex;align-items:center;gap:14px;min-height:96px;padding:14px 18px;background:var(--card);color:var(--ink);border:1px solid color-mix(in srgb,var(--acc) 50%,transparent);border-left:4px solid var(--acc);border-radius:16px;transition:transform .25s,box-shadow .25s,border-color .25s}
#tk-features-list .tkl-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--acc)}
#tk-features-list .tkl-ic{flex:0 0 auto;width:30px;height:30px;color:var(--acc)}
#tk-features-list .tkl-card p{margin:0;flex:1;min-width:0;text-align:right;font-size:clamp(12px,1.05vw,14px);line-height:1.9;color:var(--ink)}
#tk-features-list .tkl-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,64px)}
#tk-features-list .tkl-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 40px;border-radius:999px;background:var(--acc);color:var(--on-acc);border:2px solid var(--acc);font-size:clamp(14px,1.3vw,17px);transition:transform .2s,box-shadow .2s,filter .2s}
#tk-features-list .tkl-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:1100px){#tk-features-list .tkl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#tk-features-list .tkl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#tk-features-list .tkl-grid{grid-template-columns:1fr}#tk-features-list .tkl-card{min-height:76px}}


#tk-modules .tkm-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#tk-modules .tkm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);max-width:none;margin:0 auto}
#tk-modules .tkm-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2vw,26px) clamp(18px,2.2vw,32px);border-radius:22px;background:color-mix(in srgb,var(--acc) 6%,var(--card));color:var(--ink);text-decoration:none;box-shadow:0 8px 24px -14px rgba(43,33,24,.25);transition:background .25s,color .25s,transform .25s,box-shadow .25s}
#tk-modules .tkm-head{display:flex;align-items:center;gap:14px}
#tk-modules .tkm-ic{flex:0 0 auto;width:clamp(34px,3.2vw,44px);height:clamp(34px,3.2vw,44px);color:var(--acc);transition:color .25s}
#tk-modules .tkm-card h3{margin:0;font-size:clamp(13.5px,1.2vw,16px);line-height:1.8;color:inherit}
#tk-modules .tkm-card p{margin:0;font-size:clamp(12px,1.05vw,14px);line-height:2.1;color:inherit;opacity:.85;text-align:right}
#tk-modules .tkm-go{position:absolute;top:clamp(20px,2.2vw,30px);left:clamp(18px,2.2vw,30px);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--card);color:var(--acc);opacity:0;transform:translateX(8px);transition:opacity .25s,transform .25s}
#tk-modules .tkm-card:hover,#tk-modules .tkm-card:focus-visible{background:var(--acc);color:var(--on-acc);transform:translateY(-3px);box-shadow:0 18px 36px -16px color-mix(in srgb,var(--acc) 60%,transparent)}
#tk-modules .tkm-card:hover .tkm-ic,#tk-modules .tkm-card:focus-visible .tkm-ic{color:var(--on-acc)}
#tk-modules .tkm-card:hover p,#tk-modules .tkm-card:focus-visible p{opacity:1}
#tk-modules .tkm-card:hover .tkm-go,#tk-modules .tkm-card:focus-visible .tkm-go{opacity:1;transform:none}
#tk-modules .tkm-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(hover:none){#tk-modules .tkm-go{opacity:1;transform:none;background:color-mix(in srgb,var(--acc) 12%,transparent)}}
@media(max-width:800px){#tk-modules .tkm-grid{grid-template-columns:1fr}}


#tabbakhi-page #tk-customers .group-hover\:bg-ab-bg2:is(:where(.group):hover *){background-color:var(--bg2)}
#tabbakhi-page #tk-customers .hover\:border-ab-acc:hover{border-color:var(--acc,#a9322b)}
#tabbakhi-page #tk-customers .bg-ab-bg2{background-color:var(--bg2)}
#tabbakhi-page #tk-customers .max-w-\[88\%\]{max-width:88%}
#tabbakhi-page #tk-customers .backface-visibility-hidden{backface-visibility:hidden}
#tabbakhi-page #tk-customers [style*="padding-left:clamp(1rem"]{padding-inline:clamp(1rem,4vw + .5rem,9rem)!important}
#tabbakhi-page #tk-customers .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#tabbakhi-page #tk-customers .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#tabbakhi-page #tk-customers .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#tabbakhi-page #tk-customers .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#tabbakhi-page #tk-customers .brand-scroll-animation{--g:5rem}}
#tabbakhi-page #tk-customers .brand-scroll-animation:hover{animation-play-state:paused}
#tabbakhi-page #tk-customers .brand-scroll-animation,#tabbakhi-page #tk-customers :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#tabbakhi-page #tk-customers .brand-scroll-animation{animation:none}}


#tabbakhi-page .ob-sec{background:var(--sec-alt,#fff);margin-top:calc(.25rem * 24)}
#tabbakhi-page .ob-in{width:100%;max-width:100%;padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#tabbakhi-page .ob-h{margin:0 auto;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800;font-size:1.5rem;line-height:2rem}
#tabbakhi-page .ob-p{margin:16px auto 0;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400;font-size:1rem;line-height:1.5}
#tabbakhi-page .ob-g{display:grid;grid-template-columns:repeat(2,minmax(0,181px));justify-content:space-evenly;justify-items:center;column-gap:16px;row-gap:calc(.25rem * 24);margin:calc(.25rem * 36) 0 calc(.25rem * 24)}
#tabbakhi-page .ob-c{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;max-width:181px;height:180px;padding:32px 16px 24px;background:var(--fa-soft);border-radius:20px;box-shadow:none;text-decoration:none;cursor:pointer;transition:all .3s ease-out}
#tabbakhi-page .ob-c:hover,#tabbakhi-page .ob-c:focus-visible{background:var(--acc);transform:translateY(-4px);box-shadow:0 10px 24px rgba(10,39,69,.14)}
#tabbakhi-page .ob-c:focus-visible{outline:2px solid var(--nv);outline-offset:3px}
#tabbakhi-page .ob-ph{width:100%;display:flex;align-items:center;justify-content:center;margin-top:calc(.25rem * -20)}
#tabbakhi-page .ob-img{position:relative;display:flex;align-items:center;justify-content:center;width:155.95px;max-width:calc(100% + 8px);aspect-ratio:1/1;border-radius:9999px;background:var(--line);overflow:hidden;transform:translateY(-16px)}
#tabbakhi-page .ob-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#tabbakhi-page .ob-ph-svg{width:70%;height:70%;display:block}
#tabbakhi-page .ob-t{margin-top:4px;text-align:center;color:var(--acc);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700;font-size:1rem;line-height:1.5;transition:color .3s ease-out}
#tabbakhi-page .ob-c:hover .ob-t,#tabbakhi-page .ob-c:focus-visible .ob-t{color:var(--color-white,#fff)}
@media (min-width:40rem){
 #tabbakhi-page .ob-h{font-size:1.875rem;line-height:2.25rem}
 #tabbakhi-page .ob-g{grid-template-columns:repeat(3,minmax(0,181px));column-gap:40px}
}
@media (min-width:64rem){
 #tabbakhi-page .ob-h{line-height:56px}
 #tabbakhi-page .ob-g{grid-template-columns:repeat(4,minmax(0,181px))}
}
@media (min-width:80rem){
 #tabbakhi-page .ob-sec{margin-top:calc(.25rem * 50)}
 #tabbakhi-page .ob-h{font-size:36px}
 #tabbakhi-page .ob-g{grid-template-columns:repeat(6,minmax(0,181px));justify-content:space-between;column-gap:12px;row-gap:80px;margin:128px 0 96px}
}
@media (min-width:96rem){
 #tabbakhi-page .ob-in{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
}
@media (prefers-reduced-motion:reduce){#tabbakhi-page .ob-c,#tabbakhi-page .ob-t{transition:none}#tabbakhi-page .ob-c:hover,#tabbakhi-page .ob-c:focus-visible{transform:none}}

#tabbakhi-page .tk-hw-wrap{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
@media (min-width:96rem){#tabbakhi-page .tk-hw-wrap{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}}
#tabbakhi-page #tk-modules>div>div>h2{max-width:none!important;white-space:nowrap;font-size:clamp(13px,3.1vw,48px)!important;line-height:1.6!important;padding-inline:0!important}


#tabbakhi-page #tk-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#tabbakhi-page #tk-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#tabbakhi-page #tk-about *{box-sizing:border-box}
#tabbakhi-page #tk-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#tabbakhi-page #tk-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#tabbakhi-page #tk-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#tabbakhi-page #tk-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#tabbakhi-page #tk-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#tabbakhi-page #tk-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#tabbakhi-page #tk-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#tabbakhi-page #tk-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#tabbakhi-page #tk-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#tabbakhi-page #tk-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#tabbakhi-page #tk-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#tabbakhi-page #tk-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#tabbakhi-page #tk-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#tabbakhi-page #tk-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#tabbakhi-page #tk-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#tabbakhi-page #tk-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#tabbakhi-page #tk-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#tabbakhi-page #tk-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#tabbakhi-page #tk-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#tabbakhi-page #tk-about .seo-more[hidden]{display:none}
#tabbakhi-page #tk-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#tabbakhi-page #tk-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#tabbakhi-page #tk-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#tabbakhi-page #tk-about.seo-open .seo-fade,#tabbakhi-page #tk-about:not(.seo-js) .seo-fade{opacity:0}
#tabbakhi-page #tk-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#tabbakhi-page #tk-about .seo-ls,#tabbakhi-page #tk-about .seo-ls.seo-sm{grid-template-columns:1fr}#tabbakhi-page #tk-about .seo-in p{text-align:start}#tabbakhi-page #tk-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#tabbakhi-page #tk-about .seo-body,#tabbakhi-page #tk-about .seo-ls li,#tabbakhi-page #tk-about .seo-more,#tabbakhi-page #tk-about .seo-more i svg,#tabbakhi-page #tk-about .seo-fade{transition:none!important}}
#tabbakhi-page #tk-about .seo-in h2{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#tabbakhi-page #tk-about .seo-in h2:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#tabbakhi-page #tk-about .seo-in .seo-h4{margin:22px 0 8px;font-size:clamp(16px,1.3vw,19px);font-weight:800;color:var(--goldtxt);line-height:1.8}#tabbakhi-page #tk-about .seo-in h3.seo-h4{padding-inline-start:0}#tabbakhi-page #tk-about .seo-in h3.seo-h4:before{display:none}
#tabbakhi-page #tk-about .seo-in strong{font-weight:800;color:var(--ink)}
#tabbakhi-page #tk-about .seo-td li{display:flex;flex-direction:column;gap:2px}
#tabbakhi-page #tk-about .seo-td li>b{font-weight:800;color:var(--goldtxt);font-size:clamp(14.5px,1.1vw,16.5px)}
#tabbakhi-page #tk-about .seo-td li>span{color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#tabbakhi-page #tk-about .seo-ls li.seo-wide{grid-column:1/-1}
#tabbakhi-page #tk-about .seo-ls .seo-sub{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 22px}
#tabbakhi-page #tk-about .seo-ls .seo-sub li{position:relative;padding:0;padding-inline-start:18px;background:none;border:0;border-radius:0;transform:none;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#tabbakhi-page #tk-about .seo-ls .seo-sub li:hover{transform:none;border-color:transparent}
#tabbakhi-page #tk-about .seo-ls .seo-sub li:before{inset-inline-start:2px;top:.95em;width:6px;height:6px;border-radius:50%;transform:none}
@media(max-width:760px){#tabbakhi-page #tk-about .seo-ls .seo-sub{grid-template-columns:1fr}}


@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-gradient-position{syntax:"*";inherits:false}
@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-stops{syntax:"*";inherits:false}
@property --tw-gradient-via-stops{syntax:"*";inherits:false}
@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#bakery-page *,#bakery-page :before,#bakery-page :after,#bakery-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}
#bakery-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft)}
#bakery-page *,#bakery-page :after,#bakery-page :before,#bakery-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#bakery-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#bakery-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#bakery-page hr{height:0;color:inherit;border-top-width:1px}
#bakery-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#bakery-page h1,#bakery-page h2,#bakery-page h3,#bakery-page h4,#bakery-page h5,#bakery-page h6{font-size:inherit;font-weight:inherit}
#bakery-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#bakery-page b,#bakery-page strong{font-weight:bolder}
#bakery-page code,#bakery-page kbd,#bakery-page samp,#bakery-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#bakery-page small{font-size:80%}
#bakery-page sub,#bakery-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#bakery-page sub{bottom:-.25em}
#bakery-page sup{top:-.5em}
#bakery-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#bakery-page :-moz-focusring:where(:not(iframe)){outline:auto}
#bakery-page progress{vertical-align:baseline}
#bakery-page summary{display:list-item}
#bakery-page ol,#bakery-page ul,#bakery-page menu{list-style:none}
#bakery-page img,#bakery-page svg,#bakery-page video,#bakery-page canvas,#bakery-page audio,#bakery-page iframe,#bakery-page embed,#bakery-page object{vertical-align:middle;display:block}
#bakery-page img,#bakery-page video{max-width:100%;height:auto}
#bakery-page button,#bakery-page input,#bakery-page select,#bakery-page optgroup,#bakery-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#bakery-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#bakery-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#bakery-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#bakery-page ::file-selector-button{margin-inline-end:4px}
#bakery-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#bakery-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#bakery-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#bakery-page textarea{resize:vertical}
#bakery-page ::-webkit-search-decoration{-webkit-appearance:none}
#bakery-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#bakery-page ::-webkit-datetime-edit{display:inline-flex}
#bakery-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#bakery-page ::-webkit-datetime-edit{padding-block:0}
#bakery-page ::-webkit-datetime-edit-year-field{padding-block:0}
#bakery-page ::-webkit-datetime-edit-month-field{padding-block:0}
#bakery-page ::-webkit-datetime-edit-day-field{padding-block:0}
#bakery-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#bakery-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#bakery-page ::-webkit-datetime-edit-second-field{padding-block:0}
#bakery-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#bakery-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#bakery-page ::-webkit-calendar-picker-indicator{line-height:1}
#bakery-page :-moz-ui-invalid{box-shadow:none}
#bakery-page button,#bakery-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#bakery-page ::file-selector-button{appearance:button}
#bakery-page ::-webkit-inner-spin-button{height:auto}
#bakery-page ::-webkit-outer-spin-button{height:auto}
#bakery-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#bakery-page .pointer-events-none{pointer-events:none}
#bakery-page .visible{visibility:visible}
#bakery-page .absolute{position:absolute}
#bakery-page .fixed{position:fixed}
#bakery-page .relative{position:relative}
#bakery-page .-inset-0\.5{inset:calc(var(--spacing) * -.5)}
#bakery-page .inset-0{inset:0}
#bakery-page .inset-x-0{inset-inline:0}
#bakery-page .-top-1{top:calc(var(--spacing) * -1)}
#bakery-page .-top-5{top:calc(var(--spacing) * -5)}
#bakery-page .top-0{top:0}
#bakery-page .top-2{top:calc(var(--spacing) * 2)}
#bakery-page .top-3{top:calc(var(--spacing) * 3)}
#bakery-page .top-6{top:calc(var(--spacing) * 6)}
#bakery-page .top-full{top:100%}
#bakery-page .-right-1{right:calc(var(--spacing) * -1)}
#bakery-page .right-0{right:0}
#bakery-page .right-1{right:var(--spacing)}
#bakery-page .right-2{right:calc(var(--spacing) * 2)}
#bakery-page .right-3{right:calc(var(--spacing) * 3)}
#bakery-page .right-4{right:calc(var(--spacing) * 4)}
#bakery-page .right-12{right:calc(var(--spacing) * 12)}
#bakery-page .bottom-0{bottom:0}
#bakery-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#bakery-page .left-0{left:0}
#bakery-page .left-1\/2{left:50%}
#bakery-page .left-3{left:calc(var(--spacing) * 3)}
#bakery-page .-z-10{z-index:calc(10 * -1)}
#bakery-page .z-0{z-index:0}
#bakery-page .z-10{z-index:10}
#bakery-page .z-20{z-index:20}
#bakery-page .z-30{z-index:30}
#bakery-page .z-40{z-index:40}
#bakery-page .z-50{z-index:50}
#bakery-page .z-1000{z-index:1000}
#bakery-page .order-1{order:1}
#bakery-page .order-2{order:2}
#bakery-page .order-3{order:3}
#bakery-page .mx-1{margin-inline:var(--spacing)}
#bakery-page .mx-auto{margin-inline:auto}
#bakery-page .my-0{margin-block:0}
#bakery-page .my-2{margin-block:calc(var(--spacing) * 2)}
#bakery-page .my-16{margin-block:calc(var(--spacing) * 16)}
#bakery-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#bakery-page .mt-0{margin-top:0}
#bakery-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#bakery-page .mt-1{margin-top:var(--spacing)}
#bakery-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#bakery-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#bakery-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#bakery-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#bakery-page .mt-16{margin-top:calc(var(--spacing) * 16)}
#bakery-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#bakery-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#bakery-page .mt-70{margin-top:calc(var(--spacing) * 70)}
#bakery-page .mb-1{margin-bottom:var(--spacing)}
#bakery-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#bakery-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#bakery-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#bakery-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#bakery-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#bakery-page .mb-12{margin-bottom:calc(var(--spacing) * 12)}
#bakery-page .mb-16{margin-bottom:calc(var(--spacing) * 16)}
#bakery-page .block{display:block}
#bakery-page .flex{display:flex}
#bakery-page .grid{display:grid}
#bakery-page .hidden{display:none}
#bakery-page .inline-block{display:inline-block}
#bakery-page .inline-flex{display:inline-flex}
#bakery-page .aspect-4\/3{aspect-ratio:4/3}
#bakery-page .h-4{height:calc(var(--spacing) * 4)}
#bakery-page .h-5{height:calc(var(--spacing) * 5)}
#bakery-page .h-6{height:calc(var(--spacing) * 6)}
#bakery-page .h-8{height:calc(var(--spacing) * 8)}
#bakery-page .h-10{height:calc(var(--spacing) * 10)}
#bakery-page .h-12{height:calc(var(--spacing) * 12)}
#bakery-page .h-14{height:calc(var(--spacing) * 14)}
#bakery-page .h-16{height:calc(var(--spacing) * 16)}
#bakery-page .h-20{height:calc(var(--spacing) * 20)}
#bakery-page .h-32{height:calc(var(--spacing) * 32)}
#bakery-page .h-50{height:calc(var(--spacing) * 50)}
#bakery-page .h-72{height:calc(var(--spacing) * 72)}
#bakery-page .h-\[50px\]{height:50px}
#bakery-page .h-\[72px\]{height:72px}
#bakery-page .h-\[200px\]{height:200px}
#bakery-page .h-auto{height:auto}
#bakery-page .h-fit{height:fit-content}
#bakery-page .h-full{height:100%}
#bakery-page .max-h-0{max-height:0}
#bakery-page .max-h-\[280px\]{max-height:280px}
#bakery-page .max-h-\[600px\]{max-height:600px}
#bakery-page .min-h-0{min-height:0}
#bakery-page .min-h-\[44px\]{min-height:44px}
#bakery-page .min-h-\[280px\]{min-height:280px}
#bakery-page .min-h-\[300px\]{min-height:300px}
#bakery-page .w-4{width:calc(var(--spacing) * 4)}
#bakery-page .w-5{width:calc(var(--spacing) * 5)}
#bakery-page .w-6{width:calc(var(--spacing) * 6)}
#bakery-page .w-8{width:calc(var(--spacing) * 8)}
#bakery-page .w-10{width:calc(var(--spacing) * 10)}
#bakery-page .w-12{width:calc(var(--spacing) * 12)}
#bakery-page .w-14{width:calc(var(--spacing) * 14)}
#bakery-page .w-16{width:calc(var(--spacing) * 16)}
#bakery-page .w-20{width:calc(var(--spacing) * 20)}
#bakery-page .w-24{width:calc(var(--spacing) * 24)}
#bakery-page .w-30{width:calc(var(--spacing) * 30)}
#bakery-page .w-32{width:calc(var(--spacing) * 32)}
#bakery-page .w-44{width:calc(var(--spacing) * 44)}
#bakery-page .w-72{width:calc(var(--spacing) * 72)}
#bakery-page .w-auto{width:auto}
#bakery-page .w-fit{width:fit-content}
#bakery-page .w-full{width:100%}
#bakery-page .max-w-2xl{max-width:var(--container-2xl)}
#bakery-page .max-w-4xl{max-width:var(--container-4xl)}
#bakery-page .max-w-5xl{max-width:var(--container-5xl)}
#bakery-page .max-w-6xl{max-width:var(--container-6xl)}
#bakery-page .max-w-\[600px\]{max-width:600px}
#bakery-page .max-w-full{max-width:100%}
#bakery-page .min-w-0{min-width:0}
#bakery-page .min-w-\[120px\]{min-width:120px}
#bakery-page .min-w-full{min-width:100%}
#bakery-page .flex-1{flex:1}
#bakery-page .flex-\[0_0_50\%\]{flex:0 0 50%}
#bakery-page .flex-\[0_0_100\%\]{flex:0 0 100%}
#bakery-page .flex-shrink-0,#bakery-page .shrink-0{flex-shrink:0}
#bakery-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#bakery-page .-translate-x-\[10px\]{--tw-translate-x:calc(10px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#bakery-page .translate-x-\[10px\]{--tw-translate-x:10px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#bakery-page .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#bakery-page .translate-y-\[-52\%\]{--tw-translate-y:-52%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#bakery-page .scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#bakery-page .scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#bakery-page .rotate-0{rotate:0deg}
#bakery-page .rotate-90{rotate:90deg}
#bakery-page .rotate-180{rotate:180deg}
#bakery-page .transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}
#bakery-page .cursor-not-allowed{cursor:not-allowed}
#bakery-page .cursor-pointer{cursor:pointer}
#bakery-page .snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}
#bakery-page .snap-mandatory{--tw-scroll-snap-strictness:mandatory}
#bakery-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#bakery-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#bakery-page .flex-col{flex-direction:column}
#bakery-page .flex-col-reverse{flex-direction:column-reverse}
#bakery-page .flex-row{flex-direction:row}
#bakery-page .flex-row-reverse{flex-direction:row-reverse}
#bakery-page .items-center{align-items:center}
#bakery-page .items-end{align-items:flex-end}
#bakery-page .items-start{align-items:flex-start}
#bakery-page .items-stretch{align-items:stretch}
#bakery-page .justify-between{justify-content:space-between}
#bakery-page .justify-center{justify-content:center}
#bakery-page .justify-end{justify-content:flex-end}
#bakery-page .justify-start{justify-content:flex-start}
#bakery-page .justify-items-stretch{justify-items:stretch}
#bakery-page .gap-1{gap:var(--spacing)}
#bakery-page .gap-2{gap:calc(var(--spacing) * 2)}
#bakery-page .gap-3{gap:calc(var(--spacing) * 3)}
#bakery-page .gap-4{gap:calc(var(--spacing) * 4)}
#bakery-page .gap-6{gap:calc(var(--spacing) * 6)}
#bakery-page .gap-8{gap:calc(var(--spacing) * 8)}
#bakery-page .gap-12{gap:calc(var(--spacing) * 12)}
#bakery-page .gap-14{gap:calc(var(--spacing) * 14)}
#bakery-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#bakery-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#bakery-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#bakery-page :where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#bakery-page .gap-x-3{column-gap:calc(var(--spacing) * 3)}
#bakery-page .gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}
#bakery-page .overflow-hidden{overflow:hidden}
#bakery-page .overflow-visible{overflow:visible}
#bakery-page .overflow-x-auto{overflow-x:auto}
#bakery-page .overflow-x-hidden{overflow-x:hidden}
#bakery-page .scroll-smooth{scroll-behavior:smooth}
#bakery-page .rounded-2xl{border-radius:var(--radius-2xl)}
#bakery-page .rounded-3xl{border-radius:var(--radius-3xl)}
#bakery-page .rounded-4xl{border-radius:var(--radius-4xl)}
#bakery-page .rounded-\[50px\]{border-radius:50px}
#bakery-page .rounded-full{border-radius:2147483647px}
#bakery-page .rounded-lg{border-radius:var(--radius-lg)}
#bakery-page .rounded-md{border-radius:var(--radius-md)}
#bakery-page .rounded-xl{border-radius:var(--radius-xl)}
#bakery-page .border{border-style:var(--tw-border-style);border-width:1px}
#bakery-page .border-0{border-style:var(--tw-border-style);border-width:0}
#bakery-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#bakery-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#bakery-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#bakery-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#bakery-page .border-b-3{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#bakery-page .border-none{--tw-border-style:none;border-style:none}
#bakery-page .border-\[\#E5E7EB\]{border-color:var(--line)}
#bakery-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#bakery-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#bakery-page .border-black{border-color:var(--color-black)}
#bakery-page .border-gray-200{border-color:var(--color-gray-200)}
#bakery-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#bakery-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#bakery-page .border-green-500{border-color:var(--color-green-500)}
#bakery-page .border-transparent{border-color:#0000}
#bakery-page .border-white{border-color:var(--color-white)}
#bakery-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#bakery-page .bg-\[\#F0F5F7\]{background-color:var(--bg2)}
#bakery-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#bakery-page .bg-\[\#FF4C00\]\/10{background-color:oklab(66.6687% .179651 .134278/.1)}
#bakery-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#bakery-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#bakery-page .bg-accent{background-color:var(--color-accent)}
#bakery-page .bg-gray-100{background-color:var(--color-gray-100)}
#bakery-page .bg-primary{background-color:var(--color-primary)}
#bakery-page .bg-secondary{background-color:var(--color-secondary)}
#bakery-page .bg-transparent{background-color:#0000}
#bakery-page .bg-white{background-color:var(--color-white)}
#bakery-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#bakery-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#bakery-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#bakery-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#bakery-page .bg-linear-to-br{--tw-gradient-position:to bottom right}
@supports (background-image:linear-gradient(in lab, red, red)){#bakery-page .bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}
#bakery-page .bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}
#bakery-page .bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
#bakery-page .from-\[\#FF4C00\]{--tw-gradient-from:var(--acc);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#bakery-page .from-\[\#FF4C00\]\/10{--tw-gradient-from:oklab(66.6687% .179651 .134278/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#bakery-page .via-orange-300\/5{--tw-gradient-via:#ffb96d0d}
@supports (color:color-mix(in lab, red, red)){#bakery-page .via-orange-300\/5{--tw-gradient-via:color-mix(in oklab, var(--color-orange-300) 5%, transparent)}}
#bakery-page .via-orange-300\/5{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
#bakery-page .to-\[\#FF6B35\]{--tw-gradient-to:color-mix(in srgb,var(--acc) 78%,#fff);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#bakery-page .to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#bakery-page .object-contain{object-fit:contain}
#bakery-page .object-cover{object-fit:cover}
#bakery-page .p-0{padding:0}
#bakery-page .p-1{padding:var(--spacing)}
#bakery-page .p-2{padding:calc(var(--spacing) * 2)}
#bakery-page .p-3{padding:calc(var(--spacing) * 3)}
#bakery-page .p-4{padding:calc(var(--spacing) * 4)}
#bakery-page .p-5{padding:calc(var(--spacing) * 5)}
#bakery-page .p-6{padding:calc(var(--spacing) * 6)}
#bakery-page .p-8{padding:calc(var(--spacing) * 8)}
#bakery-page .px-1{padding-inline:var(--spacing)}
#bakery-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#bakery-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#bakery-page .px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}
#bakery-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#bakery-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#bakery-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#bakery-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#bakery-page .px-12{padding-inline:calc(var(--spacing) * 12)}
#bakery-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#bakery-page .py-2{padding-block:calc(var(--spacing) * 2)}
#bakery-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#bakery-page .py-3{padding-block:calc(var(--spacing) * 3)}
#bakery-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#bakery-page .py-4{padding-block:calc(var(--spacing) * 4)}
#bakery-page .py-6{padding-block:calc(var(--spacing) * 6)}
#bakery-page .py-8{padding-block:calc(var(--spacing) * 8)}
#bakery-page .py-10{padding-block:calc(var(--spacing) * 10)}
#bakery-page .py-12{padding-block:calc(var(--spacing) * 12)}
#bakery-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#bakery-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#bakery-page .pt-6{padding-top:calc(var(--spacing) * 6)}
#bakery-page .pt-15{padding-top:calc(var(--spacing) * 15)}
#bakery-page .pt-20{padding-top:calc(var(--spacing) * 20)}
#bakery-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#bakery-page .pt-\[72px\]{padding-top:72px}
#bakery-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#bakery-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#bakery-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#bakery-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#bakery-page .pb-12{padding-bottom:calc(var(--spacing) * 12)}
#bakery-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#bakery-page .pb-48{padding-bottom:calc(var(--spacing) * 48)}
#bakery-page .text-center{text-align:center}
#bakery-page .text-justify{text-align:justify}
#bakery-page .text-right{text-align:right}
#bakery-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#bakery-page .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#bakery-page .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#bakery-page .text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#bakery-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#bakery-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#bakery-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#bakery-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#bakery-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#bakery-page .text-\[10px\]{font-size:10px}
#bakery-page .leading-7\.5{--tw-leading:calc(var(--spacing) * 7.5);line-height:calc(var(--spacing) * 7.5)}
#bakery-page .leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}
#bakery-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#bakery-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#bakery-page .leading-none{--tw-leading:1;line-height:1}
#bakery-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#bakery-page .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}
#bakery-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#bakery-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#bakery-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#bakery-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#bakery-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#bakery-page .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
#bakery-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#bakery-page .whitespace-nowrap{white-space:nowrap}
#bakery-page .text-\[\#0A2745\]{color:var(--nv)}
#bakery-page .text-\[\#1F2A3D\]{color:#33291d}
#bakery-page .text-\[\#595B5C\]{color:#595b5c}
#bakery-page .text-\[\#FF4C00\]{color:var(--acc)}
#bakery-page .text-\[\#FF4C00\]\/30{color:oklab(66.6687% .179651 .134278/.3)}
#bakery-page .text-\[\#ffff\]{color:#fff}
#bakery-page .text-black{color:var(--color-black)}
#bakery-page .text-gray-300{color:var(--color-gray-300)}
#bakery-page .text-gray-500{color:var(--color-gray-500)}
#bakery-page .text-gray-600{color:var(--color-gray-600)}
#bakery-page .text-green-700{color:var(--color-green-700)}
#bakery-page .text-red-500{color:var(--color-red-500)}
#bakery-page .text-secondary{color:var(--color-secondary)}
#bakery-page .text-white{color:var(--color-white)}
#bakery-page .text-white\/90{color:#ffffffe6}
@supports (color:color-mix(in lab, red, red)){#bakery-page .text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}
#bakery-page .not-italic{font-style:normal}
#bakery-page .underline{text-decoration-line:underline}
#bakery-page .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#bakery-page .accent-white{accent-color:var(--color-white)}
#bakery-page .opacity-0{opacity:0}
#bakery-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page .shadow-\[0_0_20px_rgba\(255\,76\,0\,0\.4\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page .shadow-\[0_10px_0_0_\#FF4C00\]{--tw-shadow:0 10px 0 0 var(--tw-shadow-color,var(--acc));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#bakery-page .blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#bakery-page .blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#bakery-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#bakery-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}
#bakery-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#bakery-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#bakery-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#bakery-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#bakery-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#bakery-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#bakery-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#bakery-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#bakery-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#bakery-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#bakery-page .duration-500{--tw-duration:.5s;transition-duration:.5s}
#bakery-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#bakery-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#bakery-page .will-change-transform{will-change:transform}
#bakery-page .select-none{-webkit-user-select:none;user-select:none}
#bakery-page .\[-webkit-overflow-scrolling\:touch\]{-webkit-overflow-scrolling:touch}
@media (hover:hover){#bakery-page :is(:where(.group):hover .group-hover\:absolute){position:absolute}
#bakery-page :is(:where(.group):hover .group-hover\:flex){display:flex}
#bakery-page :is(:where(.group):hover .group-hover\:-translate-y-1){--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#bakery-page :is(:where(.group):hover .group-hover\:-translate-y-2){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#bakery-page :is(:where(.group):hover .group-hover\:-translate-y-full){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#bakery-page :is(:where(.group):hover .group-hover\:scale-110){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#bakery-page :is(:where(.group):hover .group-hover\:border-b-2){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#bakery-page :is(:where(.group):hover .group-hover\:border-b-3){border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#bakery-page :is(:where(.group):hover .group-hover\:border-\[\#0A2745\]){border-color:var(--nv)}
#bakery-page :is(:where(.group):hover .group-hover\:border-\[\#FF4C00\]){border-color:var(--acc)}
#bakery-page :is(:where(.group):hover .group-hover\:border-orange-100){border-color:var(--color-orange-100)}
#bakery-page :is(:where(.group):hover .group-hover\:border-b-\[\#FF4C00\]){border-bottom-color:var(--acc)}
#bakery-page :is(:where(.group):hover .group-hover\:bg-\[\#0A2745\]){background-color:var(--nv)}
#bakery-page :is(:where(.group):hover .group-hover\:bg-\[\#FFF6F2\]){background-color:var(--fa-soft)}
#bakery-page :is(:where(.group):hover .group-hover\:text-\[\#0A2745\]){color:var(--nv)}
#bakery-page :is(:where(.group):hover .group-hover\:text-\[\#FF4C00\]){color:var(--acc)}
#bakery-page :is(:where(.group):hover .group-hover\:text-white){color:var(--color-white)}
#bakery-page :is(:where(.group):hover .group-hover\:opacity-100){opacity:1}
#bakery-page :is(:where(.group):hover .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]){--tw-shadow:0 8px 24px var(--tw-shadow-color,#ff4c0059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page :is(:where(.group):hover .group-hover\:shadow-md){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page :is(:where(.group):hover .group-hover\:shadow-xl){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page :is(:where(.group):hover .group-hover\:blur-xs){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}
#bakery-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#bakery-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#bakery-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#bakery-page .after\:right-0:after{content:var(--tw-content);right:0}
#bakery-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#bakery-page .after\:left-0:after{content:var(--tw-content);left:0}
#bakery-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#bakery-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#bakery-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#bakery-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#bakery-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#bakery-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#bakery-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#bakery-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#bakery-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#bakery-page .hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#bakery-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#bakery-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#bakery-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#bakery-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#bakery-page .hover\:border-\[\#FF4C00\]\/30:hover{border-color:oklab(66.6687% .179651 .134278/.3)}
#bakery-page .hover\:border-white:hover{border-color:var(--color-white)}
#bakery-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#bakery-page .hover\:bg-\[\#081a2e\]:hover{background-color:#1c1712}
#bakery-page .hover\:bg-\[\#163456\]:hover{background-color:#3a2c1f}
#bakery-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#bakery-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#bakery-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#bakery-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#bakery-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:var(--bg2)}
#bakery-page .hover\:bg-\[\#FFF6F2\]:hover{background-color:var(--fa-soft)}
#bakery-page .hover\:bg-\[\#e44500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#bakery-page .hover\:bg-black\/5:hover{background-color:#0000000d}
@supports (color:color-mix(in lab, red, red)){#bakery-page .hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}
#bakery-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#bakery-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#bakery-page .hover\:bg-white:hover{background-color:var(--color-white)}
#bakery-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#bakery-page .hover\:text-\[\#FF4C00\]:hover,#bakery-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#bakery-page .hover\:text-white:hover{color:var(--color-white)}
#bakery-page .hover\:underline:hover{text-decoration-line:underline}
#bakery-page .hover\:opacity-80:hover{opacity:.8}
#bakery-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page .hover\:shadow-\[0_0_28px_rgba\(255\,76\,0\,0\.5\)\,0_0_40px_rgba\(10\,39\,69\,0\.3\)\,0_8px_28px_rgba\(10\,39\,69\,0\.35\)\]:hover{--tw-shadow:0 0 28px var(--tw-shadow-color,#ff4c0080), 0 0 40px var(--tw-shadow-color,#0a27454d), 0 8px 28px var(--tw-shadow-color,#0a274559);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px var(--tw-shadow-color,#0a274538), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px var(--tw-shadow-color,#0a274547), 0 10px 0 0 var(--tw-shadow-color,var(--nv)), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#bakery-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#bakery-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#bakery-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#bakery-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#bakery-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#bakery-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#bakery-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#bakery-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#bakery-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#bakery-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#bakery-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#bakery-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#bakery-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#bakery-page .focus-visible\:ring-offset-\[\#0A2745\]:focus-visible{--tw-ring-offset-color:var(--nv)}
#bakery-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#bakery-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#bakery-page .active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#bakery-page .active\:scale-\[0\.98\]:active{scale:.98}
#bakery-page .active\:bg-\[\#06141f\]:active{background-color:#1c1712}
#bakery-page .active\:bg-\[\#CC3D00\]:active{background-color:color-mix(in srgb,var(--acc) 72%,#000)}
#bakery-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
#bakery-page .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
#bakery-page .disabled\:opacity-30:disabled{opacity:.3}
#bakery-page .disabled\:opacity-50:disabled{opacity:.5}
@media (hover:hover){#bakery-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#bakery-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#bakery-page .disabled\:hover\:shadow-lg:disabled:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (min-width:40rem){#bakery-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#bakery-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#bakery-page .sm\:right-4{right:calc(var(--spacing) * 4)}
#bakery-page .sm\:bottom-1\/3{bottom:33.3333%}
#bakery-page .sm\:left-4{left:calc(var(--spacing) * 4)}
#bakery-page .sm\:mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}
#bakery-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#bakery-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#bakery-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#bakery-page .sm\:mt-20{margin-top:calc(var(--spacing) * 20)}
#bakery-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#bakery-page .sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#bakery-page .sm\:inline{display:inline}
#bakery-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#bakery-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#bakery-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#bakery-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#bakery-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#bakery-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#bakery-page .sm\:h-96{height:calc(var(--spacing) * 96)}
#bakery-page .sm\:h-\[60px\]{height:60px}
#bakery-page .sm\:h-\[100px\]{height:100px}
#bakery-page .sm\:max-h-\[320px\]{max-height:320px}
#bakery-page .sm\:min-h-\[400px\]{min-height:400px}
#bakery-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#bakery-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#bakery-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#bakery-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#bakery-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#bakery-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#bakery-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#bakery-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#bakery-page .sm\:w-72{width:calc(var(--spacing) * 72)}
#bakery-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#bakery-page .sm\:w-auto{width:auto}
#bakery-page .sm\:min-w-\[120px\]{min-width:120px}
#bakery-page .sm\:min-w-\[140px\]{min-width:140px}
#bakery-page .sm\:flex-\[0_0_30\%\]{flex:0 0 30%}
#bakery-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#bakery-page .sm\:flex-row{flex-direction:row}
#bakery-page .sm\:items-center{align-items:center}
#bakery-page .sm\:items-start{align-items:flex-start}
#bakery-page .sm\:justify-end{justify-content:flex-end}
#bakery-page .sm\:justify-start{justify-content:flex-start}
#bakery-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#bakery-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#bakery-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#bakery-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#bakery-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#bakery-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#bakery-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#bakery-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#bakery-page :where(.sm\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#bakery-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#bakery-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#bakery-page .sm\:rounded-\[36px\]{border-radius:36px}
#bakery-page .sm\:p-3{padding:calc(var(--spacing) * 3)}
#bakery-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#bakery-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#bakery-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#bakery-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#bakery-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#bakery-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#bakery-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#bakery-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#bakery-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#bakery-page .sm\:py-0{padding-block:0}
#bakery-page .sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#bakery-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#bakery-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#bakery-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#bakery-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#bakery-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#bakery-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#bakery-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#bakery-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#bakery-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#bakery-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#bakery-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#bakery-page .sm\:text-\[12px\]{font-size:12px}}
@media (min-width:48rem){#bakery-page .md\:right-6{right:calc(var(--spacing) * 6)}
#bakery-page .md\:left-6{left:calc(var(--spacing) * 6)}
#bakery-page .md\:order-1{order:1}
#bakery-page .md\:order-2{order:2}
#bakery-page .md\:my-4{margin-block:calc(var(--spacing) * 4)}
#bakery-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#bakery-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#bakery-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#bakery-page .md\:mt-44{margin-top:calc(var(--spacing) * 44)}
#bakery-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#bakery-page .md\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#bakery-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#bakery-page .md\:block{display:block}
#bakery-page .md\:flex{display:flex}
#bakery-page .md\:hidden{display:none}
#bakery-page .md\:inline-block{display:inline-block}
#bakery-page .md\:h-10{height:calc(var(--spacing) * 10)}
#bakery-page .md\:h-16{height:calc(var(--spacing) * 16)}
#bakery-page .md\:h-28{height:calc(var(--spacing) * 28)}
#bakery-page .md\:h-70{height:calc(var(--spacing) * 70)}
#bakery-page .md\:h-\[250px\]{height:250px}
#bakery-page .md\:max-h-none{max-height:none}
#bakery-page .md\:w-10{width:calc(var(--spacing) * 10)}
#bakery-page .md\:w-16{width:calc(var(--spacing) * 16)}
#bakery-page .md\:w-24{width:calc(var(--spacing) * 24)}
#bakery-page .md\:w-28{width:calc(var(--spacing) * 28)}
#bakery-page .md\:w-72{width:calc(var(--spacing) * 72)}
#bakery-page .md\:min-w-\[130px\]{min-width:130px}
#bakery-page .md\:flex-1{flex:1}
#bakery-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#bakery-page .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#bakery-page .md\:flex-col{flex-direction:column}
#bakery-page .md\:flex-row{flex-direction:row}
#bakery-page .md\:flex-row-reverse{flex-direction:row-reverse}
#bakery-page .md\:items-center{align-items:center}
#bakery-page .md\:items-stretch{align-items:stretch}
#bakery-page .md\:justify-center{justify-content:center}
#bakery-page .md\:gap-0{gap:0}
#bakery-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#bakery-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#bakery-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#bakery-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#bakery-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#bakery-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#bakery-page .md\:overflow-visible{overflow:visible}
#bakery-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#bakery-page .md\:p-4{padding:calc(var(--spacing) * 4)}
#bakery-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#bakery-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#bakery-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#bakery-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#bakery-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#bakery-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#bakery-page .md\:py-0{padding-block:0}
#bakery-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#bakery-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#bakery-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#bakery-page .md\:pt-16{padding-top:calc(var(--spacing) * 16)}
#bakery-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#bakery-page .md\:pb-28{padding-bottom:calc(var(--spacing) * 28)}
#bakery-page .md\:text-center{text-align:center}
#bakery-page .md\:text-justify{text-align:justify}
#bakery-page .md\:text-right{text-align:right}
#bakery-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#bakery-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#bakery-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#bakery-page .md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}
#bakery-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#bakery-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#bakery-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#bakery-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#bakery-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#bakery-page .md\:text-\[9px\]{font-size:9px}
#bakery-page .md\:text-\[10px\]{font-size:10px}
#bakery-page .md\:text-\[14px\]{font-size:14px}
#bakery-page .md\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}}
@media (min-width:64rem){#bakery-page .lg\:order-1{order:1}
#bakery-page .lg\:order-2{order:2}
#bakery-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#bakery-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#bakery-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#bakery-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#bakery-page .lg\:mt-32{margin-top:calc(var(--spacing) * 32)}
#bakery-page .lg\:mt-50{margin-top:calc(var(--spacing) * 50)}
#bakery-page .lg\:mt-52{margin-top:calc(var(--spacing) * 52)}
#bakery-page .lg\:mr-0{margin-right:0}
#bakery-page .lg\:mb-0{margin-bottom:0}
#bakery-page .lg\:mb-10{margin-bottom:calc(var(--spacing) * 10)}
#bakery-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#bakery-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#bakery-page .lg\:block{display:block}
#bakery-page .lg\:flex{display:flex}
#bakery-page .lg\:hidden{display:none}
#bakery-page .lg\:h-14{height:calc(var(--spacing) * 14)}
#bakery-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#bakery-page .lg\:h-194{height:calc(var(--spacing) * 194)}
#bakery-page .lg\:h-\[70px\]{height:70px}
#bakery-page .lg\:h-\[132px\]{height:132px}
#bakery-page .lg\:h-\[300px\]{height:300px}
#bakery-page .lg\:w-1\/2{width:50%}
#bakery-page .lg\:w-14{width:calc(var(--spacing) * 14)}
#bakery-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#bakery-page .lg\:w-\[45\%\]{width:45%}
#bakery-page .lg\:w-\[55\%\]{width:55%}
#bakery-page .lg\:w-\[70px\]{width:70px}
#bakery-page .lg\:w-auto{width:auto}
#bakery-page .lg\:w-fit{width:fit-content}
#bakery-page .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#bakery-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#bakery-page .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
#bakery-page .lg\:flex-row{flex-direction:row}
#bakery-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#bakery-page .lg\:items-center{align-items:center}
#bakery-page .lg\:justify-end{justify-content:flex-end}
#bakery-page .lg\:gap-0{gap:0}
#bakery-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#bakery-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#bakery-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#bakery-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#bakery-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#bakery-page :where(.lg\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#bakery-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#bakery-page :where(.lg\:space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}
#bakery-page .lg\:gap-x-4{column-gap:calc(var(--spacing) * 4)}
#bakery-page .lg\:gap-y-4{row-gap:calc(var(--spacing) * 4)}
#bakery-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#bakery-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#bakery-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#bakery-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#bakery-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#bakery-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#bakery-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#bakery-page .lg\:py-20{padding-block:calc(var(--spacing) * 20)}
#bakery-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#bakery-page .lg\:pt-\[132px\]{padding-top:132px}
#bakery-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#bakery-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#bakery-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#bakery-page .lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#bakery-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#bakery-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#bakery-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#bakery-page .lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#bakery-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#bakery-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#bakery-page .lg\:text-\[10px\]{font-size:10px}
#bakery-page .lg\:text-\[28px\]{font-size:28px}
#bakery-page .lg\:text-\[48px\]{font-size:48px}
#bakery-page .lg\:text-\[150px\]{font-size:150px}
#bakery-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#bakery-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#bakery-page .xl\:mt-0{margin-top:0}
#bakery-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#bakery-page .xl\:mt-70{margin-top:calc(var(--spacing) * 70)}
#bakery-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#bakery-page .xl\:h-122{height:calc(var(--spacing) * 122)}
#bakery-page .xl\:h-\[142px\]{height:142px}
#bakery-page .xl\:h-auto{height:auto}
#bakery-page .xl\:w-1\/2{width:50%}
#bakery-page .xl\:w-1\/3{width:33.3333%}
#bakery-page .xl\:w-\[25\.5\%\]{width:25.5%}
#bakery-page .xl\:w-\[30\%\]{width:30%}
#bakery-page .xl\:w-\[70\%\]{width:70%}
#bakery-page .xl\:flex-\[0_0_12\%\]{flex:0 0 12%}
#bakery-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#bakery-page .xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
#bakery-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#bakery-page .xl\:flex-row{flex-direction:row}
#bakery-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#bakery-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#bakery-page .xl\:gap-12{gap:calc(var(--spacing) * 12)}
#bakery-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#bakery-page .xl\:gap-32{gap:calc(var(--spacing) * 32)}
#bakery-page .xl\:p-8{padding:calc(var(--spacing) * 8)}
#bakery-page .xl\:px-0{padding-inline:0}
#bakery-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#bakery-page .xl\:px-16{padding-inline:calc(var(--spacing) * 16)}
#bakery-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#bakery-page .xl\:px-36{padding-inline:calc(var(--spacing) * 36)}
#bakery-page .xl\:py-16{padding-block:calc(var(--spacing) * 16)}
#bakery-page .xl\:pt-16{padding-top:calc(var(--spacing) * 16)}
#bakery-page .xl\:pt-\[142px\]{padding-top:142px}
#bakery-page .xl\:pl-6{padding-left:calc(var(--spacing) * 6)}
#bakery-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#bakery-page .xl\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#bakery-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#bakery-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#bakery-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#bakery-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#bakery-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#bakery-page .xl\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#bakery-page .xl\:text-\[11px\]{font-size:11px}
#bakery-page .xl\:text-\[14px\]{font-size:14px}
#bakery-page .xl\:text-\[16px\]{font-size:16px}
#bakery-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#bakery-page .\32 xl\:mr-50{margin-right:calc(var(--spacing) * 50)}
#bakery-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#bakery-page .\32 xl\:h-130{height:calc(var(--spacing) * 130)}
#bakery-page .\32 xl\:min-h-\[550px\]{min-height:550px}
#bakery-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#bakery-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#bakery-page .\32 xl\:gap-\[25px\]{gap:25px}
#bakery-page .\32 xl\:px-12{padding-inline:calc(var(--spacing) * 12)}
#bakery-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#bakery-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#bakery-page .\32 xl\:text-left{text-align:left}
#bakery-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#bakery-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#bakery-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#bakery-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#bakery-page .\32 xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#bakery-page .\32 xl\:text-\[14px\]{font-size:14px}
#bakery-page .\32 xl\:text-\[16px\]{font-size:16px}
#bakery-page .\32 xl\:text-\[20px\]{font-size:20px}
#bakery-page .\32 xl\:text-\[27px\]{font-size:27px}
#bakery-page .\32 xl\:text-\[56px\]{font-size:56px}
#bakery-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-REGULAR.TTF)format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-SEMIBOLD.TTF)format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-BOLD.TTF)format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-EXTRABOLD.TTF)format("truetype");font-weight:800;font-display:swap}
#bakery-page{direction:rtl}
#bakery-page{color:#33291d;background:#fff;font-family:Vazirmatn,Tahoma,sans-serif}
#bakery-page .fanum-font,#bakery-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#bakery-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#bakery-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
#bakery-page .dir-rtl{direction:rtl}
#bakery-page .hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
#bakery-page .hide-scrollbar::-webkit-scrollbar{display:none}
#bakery-page .mb-safe{margin-bottom:env(safe-area-inset-bottom)}
@keyframes ring{0%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-12deg)}20%,40%,60%{transform:rotate(12deg)}70%{transform:rotate(0)}}
#bakery-page .phone-ring-animation{animation:2s ease-in-out infinite ring}
@keyframes pulse-alarm{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}
#bakery-page .alarm-animation{animation:1.5s ease-in-out infinite pulse-alarm}
@keyframes brand-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}
#bakery-page .brand-scroll-animation{animation:30s linear infinite brand-scroll}
#bakery-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,var(--nv) 60%,#1c1712 100%)}
#bakery-page >div>div.relative>div.absolute.inset-0.z-0>div{background:0 0}
@media (min-width:64rem){#bakery-page #images>div>div{padding-left:2.5rem;padding-right:2.5rem}
#bakery-page #images h2{margin-bottom:5rem}
#bakery-page #images [dir=rtl].w-full{flex-direction:row;justify-content:space-between;align-items:center;gap:2.5rem;display:flex}
#bakery-page #images [role=tablist]{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:43%;margin:0;padding:0;display:grid;overflow:visible}
#bakery-page #images [role=tablist]>div{margin:0}
#bakery-page #images [role=tab]{white-space:nowrap;color:var(--acc);width:100%;min-width:0;height:3rem;box-shadow:none;background:#fff;border:2px solid var(--acc);padding-left:.5rem;padding-right:.5rem;font-size:.9rem}
#bakery-page #images [role=tab][aria-selected=true]{color:#fff;background:var(--acc)}
#bakery-page #images [role=tab]:hover{background:var(--fa-soft)}
#bakery-page #images [role=tab][aria-selected=true]:hover{background:var(--acc)}
#bakery-page #images [dir=rtl].w-full>div.relative{flex:none;width:54%}
#bakery-page #images .flex-\[0_0_100\%\],#bakery-page #images .flex-\[0_0_100\%\]>div>div{padding:0}
#bakery-page #images .flex-\[0_0_100\%\]>div>div>div{background:#fff;border:3px solid var(--nv);border-radius:1rem;min-height:26rem}
#bakery-page #images img[data-nimg=fill]{object-fit:contain;padding:0}
#bakery-page #images button[aria-label=آیتم\ بعدی],#bakery-page #images button[aria-label=آیتم\ قبلی]{display:none}
#bakery-page #images button[aria-label=بزرگنمایی\ تصویر]{color:var(--nv);background:#fff;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:0 2px 8px #0003}}
#bakery-page .mt-12{margin-top:calc(var(--spacing) * 12)}
#bakery-page .mb-20{margin-bottom:calc(var(--spacing) * 20)}
#bakery-page .text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}
@media (hover:hover){#bakery-page .hover\:-translate-x-1:hover{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#bakery-page .hover\:opacity-90:hover{opacity:.9}}
@media (min-width:40rem){#bakery-page .sm\:order-1{order:1}
#bakery-page .sm\:order-2{order:2}
#bakery-page .sm\:justify-between{justify-content:space-between}
#bakery-page .sm\:py-7{padding-block:calc(var(--spacing) * 7)}}
@media (min-width:48rem){#bakery-page .md\:mt-0{margin-top:0}
#bakery-page .md\:mb-72{margin-bottom:calc(var(--spacing) * 72)}
#bakery-page .md\:justify-start{justify-content:flex-start}}
@media (min-width:64rem){#bakery-page .lg\:py-10{padding-block:calc(var(--spacing) * 10)}}

/* ===== صفحه «نرم افزار رستورانی تحت وب» — مسیر #web-restaurant =====
   طراحی و چیدمان همان صفحه‌ی اصلی تحت وب است؛ چارچوب، حاشیه‌ی راست/چپ سکشن‌ها، فونت Vazirmatn و رنگ‌ها
   مثل صفحه‌ی «اتوماسیون تغذیه» از پالت همین سایت (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند. */
#bakery-page{--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good);--color-orange-100:var(--fa-soft);--color-orange-300:var(--gold1)}
#bakery-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #bakery-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #bakery-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#bakery-page{--text-7xl:4.5rem;--text-7xl--line-height:1}
#bakery-page[hidden]{display:none}
html.is-web body>section:not(#mp-sec),html.is-web #nl-sec,html.is-web #cta-band,html.is-web .pgx{display:none!important}
#bakery-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#bakery-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#bakery-page .semibold-fanum-font,#bakery-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#bakery-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#bakery-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#bakery-page a{color:inherit;text-decoration:none}
#bakery-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#bakery-page input[type=checkbox]{accent-color:var(--gold1)}
#bakery-page .bg-white{background-color:var(--sec-alt)}
#bakery-page .text-black{color:var(--ink)}
#bakery-page .text-primary{color:var(--ink)}
#bakery-page .text-\[\#0A2745\]{color:var(--ink)}
#bakery-page .border-\[\#0A2745\]{border-color:var(--ink)}
#bakery-page .bg-primary.text-white,#bakery-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
@media (hover:hover){#bakery-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#bakery-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#bakery-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#bakery-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#bakery-page .faq-open svg{transition:transform .2s}
#bakery-page .no-scrollbar{scrollbar-width:none}
#bakery-page .no-scrollbar::-webkit-scrollbar{display:none}
#bakery-page .sol-toast{background:var(--nv);color:#f6ecd6;z-index:4000;text-align:center;border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#bakery-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#bakery-page .ab-menu.open{display:block}
#bakery-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#bakery-page .ab-menu button:hover,#bakery-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#bakery-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#bakery-page .ab-msg:empty{display:none}
#bakery-page .ab-msg.err{color:#ffb4aa}
/* هیرو: زمینه‌ی اسپرسو (به‌جای سرمه‌ای)، متن و دکمه‌ها مثل هیروی صفحه‌ی اتوماسیون تغذیه */
#bakery-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,#2b2118 60%,#1c1712 100%)}
#bakery-page >div>div.relative h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#bakery-page >div>div.relative h1 .text-\[\#FF4C00\]{color:var(--gold1,#d6b374)}
#bakery-page >div>div.relative h2{color:#efe4d2;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#bakery-page >div>div.relative p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#bakery-page >div>div.relative a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#bakery-page >div>div.relative a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#bakery-page >div>div.relative a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* نوار فهرست بخش‌ها: چسبان زیر هدر (مثل صفحه‌ی اتوماسیون تغذیه) */
#bakery-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#bakery-page #bk-toc{background:var(--acc)!important;position:sticky;top:var(--wb-top,0px);z-index:19;transition:box-shadow .25s}
#bakery-page #bk-toc.wb-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#bakery-page section[id^="wb-"]{scroll-margin-top:calc(var(--wb-top,0px) + var(--wb-bar,64px) + 10px)}
/* نظرات: فقط یک صفحه نظر در منبع وجود دارد؛ صفحه‌بندی بی‌اثر مخفی شد */
#bakery-page nav[aria-label="صفحه‌بندی"]{display:none}
/* ===== نمایش بزرگ تصویر مشابه صفحه‌ی اتوماسیون تغذیه: نام تب، فلش قبلی/بعدی، دکمه‌ی بستن ===== */
#bakery-page #bk-lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#bakery-page #bk-lightbox.open{display:flex}
#bakery-page #bk-lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#food-page .no-scrollbar{scrollbar-width:none}
#food-page .no-scrollbar::-webkit-scrollbar{display:none}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .faq-open svg{transition:transform .2s}
#food-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#food-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#food-page #service-menu.open{display:block}
#food-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#food-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#food-page .left-\[35\%\]{
    left: 35%;
  }
#food-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#food-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#food-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#food-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#food-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#food-page .min-h-screen{
    min-height: 100vh;
  }
#food-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#food-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#food-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#food-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#food-page .max-w-xl{
    max-width: var(--container-xl);
  }
#food-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#food-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .flex-wrap{
    flex-wrap: wrap;
  }
#food-page .justify-around{
    justify-content: space-around;
  }
#food-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#food-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#food-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#food-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#food-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#food-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#food-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#food-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#food-page .bg-ab-card{
    background-color: var(--card);
  }
#food-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#food-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#food-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#food-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#food-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#food-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#food-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#food-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#food-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#food-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#food-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#food-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#food-page .text-ab-cream{
    color: #f6ecd6;
  }
#food-page .text-ab-ink{
    color: var(--ink);
  }
#food-page .text-ab-mut{
    color: var(--mut);
  }
#food-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#food-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#food-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#food-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#food-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#food-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#food-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#food-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#food-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#food-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#food-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#food-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#food-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#food-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#food-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#food-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#food-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#food-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#food-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#food-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#food-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#food-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#food-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#food-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#food-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#food-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#food-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#food-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#food-page .lg\:h-\[550px\]{
      height: 550px;
    }
#food-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#food-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#food-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#food-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#food-page .xl\:h-auto{
      height: auto;
    }
#food-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#food-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#food-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#food-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#food-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#food-page .xl\:py-0{
      padding-block: 0px;
    }
#food-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#food-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#food-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#food-page .ab-menu.open{display:block}
#food-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#food-page .ab-menu button:hover,#food-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#food-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#food-page .ab-msg:empty{display:none}
#food-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#food-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#food-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#food-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#food-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#food-page .brand-scroll-animation{--g:5rem}}
#food-page .brand-scroll-animation:hover{animation-play-state:paused}
#food-page .brand-scroll-animation,#food-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#food-page *{transition:none!important}#food-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#food-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#food-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#food-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#food-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#food-page [id^=fa-]{scroll-margin-top:120px}
#food-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#food-page .semibold-fanum-font,#food-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#food-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#food-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#food-page a{color:inherit;text-decoration:none}
#food-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#food-page input[type=checkbox]{accent-color:var(--gold1)}
#food-page .bg-white{background-color:var(--sec-alt)}
#food-page .text-black{color:var(--ink)}
#food-page .text-\[\#0A2745\],#food-page .text-secondary{color:var(--ink)}
#food-page .bg-primary.text-white,#food-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#food-page .bg-secondary.text-white,#food-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#food-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#food-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#food-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .sol-toast{background:var(--nv);color:#f6ecd6}
#food-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#bakery-page #bk-lightbox img{background:var(--card)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#bakery-page #bk-lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#bakery-page #bk-lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#bakery-page #bk-lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#bakery-page #bk-lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#bakery-page #bk-lightbox .lb-x,#bakery-page #bk-lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#bakery-page #bk-lightbox .lb-x{top:14px;left:14px}
#bakery-page #bk-lightbox .lb-nav{top:50%;margin-top:-22px}
#bakery-page #bk-lightbox .lb-prev{right:14px}
#bakery-page #bk-lightbox .lb-next{left:14px}
#bakery-page #bk-lightbox .lb-x:hover,#bakery-page #bk-lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#bakery-page #bk-lightbox .lb-x:focus-visible,#bakery-page #bk-lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #bakery-page #bk-lightbox{padding:60px 12px 84px}
 #bakery-page #bk-lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #bakery-page #bk-lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #bakery-page #bk-lightbox .lb-prev{right:16px}
 #bakery-page #bk-lightbox .lb-next{left:16px}
 #bakery-page #bk-lightbox figcaption{max-width:calc(100vw - 150px)}}
@media (prefers-reduced-motion:reduce){#bakery-page *{transition:none!important}}

/* حاشیه‌ی راست/چپ یکسان همه‌ی سکشن‌ها مثل صفحه‌ی اتوماسیون تغذیه */
#bakery-page{--wb-px:clamp(1rem,4vw + .5rem,9rem)}
@media(min-width:96rem){#bakery-page{--wb-px:clamp(2rem,12vw + 20rem,16rem)}}
#bakery-page >div>div.relative{border-radius:0 0 48px 48px}
#bakery-page #bk-packages>div.flex:not(.pr-first){padding-inline:var(--wb-px)}
/* پکیج‌ها: هم‌رنگ و هم‌استایل تب اول صفحه قیمت‌ها */
#bakery-page #bk-packages{--color-secondary:var(--nv)}
#bakery-page #bk-packages .text-secondary{color:var(--ink)}
#bakery-page #bk-packages .bg-white{background-color:var(--sec-alt)}
#bakery-page #bk-packages .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
@media (hover:hover){
#bakery-page #bk-packages .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}
#bakery-page #bk-packages .group-hover\:border-\[\#0A2745\]:is(:where(.group):hover *){border-color:var(--ink)}
#bakery-page #bk-packages .group-hover\:text-\[\#0A2745\]:is(:where(.group):hover *){color:var(--ink)}
#bakery-page #bk-packages .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px rgba(43,33,24,.22), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page #bk-packages .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px rgba(43,33,24,.28), 0 10px 0 0 var(--ink), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#bakery-page #bk-packages .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]:is(:where(.group):hover *){--tw-shadow:0 8px 24px color-mix(in srgb,var(--acc) 38%,transparent);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
}
@media (min-width:48rem){#bakery-page .md\:p-24{padding:calc(var(--spacing) * 24)}}
#bakery-page #bk-pro-features article{padding-inline:var(--wb-px)}
#bakery-page #bk-pro-features article>div{padding-inline:0!important}
#bakery-page #bk-images .flex-\[0_0_100\%\]{padding:0}
#bakery-page #bk-images .flex-\[0_0_100\%\] .p-2{padding:0}
#bakery-page #bk-modules .CONTENT_CLASSES{padding-inline:0!important;margin-inline:0!important;max-width:none!important}
#bakery-page #bk-modules>div>div{padding-inline:var(--wb-px)}

/* نمایی از محیط کاربری: تصویر در سمت چپ + دکمه‌های دو‌ستونه در سمت راست */
#bakery-page .wb-gal{display:flex;flex-direction:row;align-items:center;gap:clamp(20px,3vw,48px);width:100%}
#bakery-page .wb-tabs{flex:0 0 42%;display:grid;grid-template-columns:1fr 1fr;gap:14px}
#bakery-page .wb-tab{cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:10px 14px;border:2px solid var(--nv);border-radius:999px;background:transparent;color:var(--ink);font-size:clamp(13px,1.05vw,17px);line-height:1.6;transition:background .2s,color .2s,box-shadow .2s}
#bakery-page .wb-tab:hover{background:color-mix(in srgb,var(--nv) 10%,transparent)}
#bakery-page .wb-tab[aria-selected=true]{background:var(--nv);color:#f6ecd6;box-shadow:0 8px 22px -10px var(--nv)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #bakery-page .wb-tab{border-color:var(--line)}:root:not([data-theme="light"]) #bakery-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}}
:root[data-theme="dark"] #bakery-page .wb-tab{border-color:var(--line)}
:root[data-theme="dark"] #bakery-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}
#bakery-page .wb-stage{position:relative;flex:1 1 0;min-width:0;aspect-ratio:16/9.6;background:transparent;border:0;border-radius:0;overflow:hidden}
#bakery-page .wb-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:0}
#bakery-page .wb-zoom{position:absolute;top:10px;right:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;font-size:26px;line-height:1;color:#0A2745;background:#fff;border:1px solid rgba(10,39,69,.18);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;transition:opacity .2s,transform .2s}
#bakery-page .wb-zoom:hover{opacity:.85;transform:scale(1.06)}
#bakery-page .wb-zoom:focus-visible{outline:2px solid #d6b374;outline-offset:2px}
@media(max-width:900px){#bakery-page .wb-gal{flex-direction:column-reverse;align-items:stretch}#bakery-page .wb-stage{flex:none;width:100%}#bakery-page .wb-tabs{flex:none}#bakery-page .wb-tab{min-height:46px;padding:8px 10px}}
#bakery-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#bakery-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#bakery-page .bg-ab-card{
    background-color: var(--card);
  }
#bakery-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#bakery-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#bakery-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#bakery-page .text-ab-cream{
    color: #f6ecd6;
  }
#bakery-page .text-ab-ink{
    color: var(--ink);
  }
#bakery-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#bakery-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#bakery-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#bakery-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#bakery-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#bakery-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#bakery-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#bakery-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#bakery-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#bakery-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#bakery-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#bakery-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#bakery-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#bakery-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#bakery-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#bakery-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#bakery-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#bakery-page .bg-ab-card{
    background-color: var(--card);
  }
#bakery-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#bakery-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#bakery-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#bakery-page .text-ab-cream{
    color: #f6ecd6;
  }
#bakery-page .text-ab-ink{
    color: var(--ink);
  }
#bakery-page .text-ab-mut{
    color: var(--mut);
  }
#bakery-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#bakery-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#bakery-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#bakery-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#bakery-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#bakery-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#bakery-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#bakery-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#bakery-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#bakery-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#bakery-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#bakery-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#bakery-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#bakery-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#bakery-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#bakery-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#bakery-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#bakery-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#bakery-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }

#bakery-page .bg-ab-gold\/45:focus,#bakery-page .focus\:bg-ab-gold\/45:focus{background-color:color-mix(in oklab,#d6b374 45%,transparent)}
#bakery-page .app-actions{gap:14px;flex-wrap:wrap}
#bakery-page .app-dl{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.5rem;border-radius:999px;background:var(--acc);color:var(--on-acc,#fff);font-size:clamp(13px,1.1vw,18px);transition:transform .25s,box-shadow .25s}
#bakery-page .app-dl:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--acc)}
#bakery-page section[aria-label="اعلان نسخه اندروید نرم‌افزار رستوران سول"]{margin-bottom:0}
#bakery-page section.md\:mb-72{margin-bottom:0!important}
#bakery-page section.md\:mb-72{margin-top:-44px!important}
@media(min-width:48rem){#bakery-page section.md\:mb-72{margin-top:-86px!important}}
@media(min-width:80rem){#bakery-page section.md\:mb-72{margin-top:-194px!important}}
@media(min-width:96rem){#bakery-page section.md\:mb-72{margin-top:-210px!important}}
/* فاصله‌ی نوار قرمز: هم‌اندازه‌ی اون توی صفحه‌ی اتوماسیون تغذیه (--fa-gap) */
#bakery-page{--fa-gap:clamp(12px,1.8vw,24px)}
#bakery-page #bk-toc{margin-top:var(--fa-gap)!important}
#bakery-page #bk-toc + section{margin-top:var(--fa-gap)!important;padding-top:6rem}
#bakery-page #bk-toc + section>div>div>h2:first-child{margin-top:0!important}
/* امکانات: رنگ عنوان کارت‌ها مثل صفحه ویندوزی */
#bakery-page #bk-features-list .text-secondary{color:var(--ink)}
/* ===== هایلایت قابلیت آفلاین در هیروی صفحه وب ===== */
@media(min-width:64rem){#bakery-page>div>div.relative{height:auto;min-height:calc(var(--spacing)*194);padding-bottom:204px}}
@media(min-width:80rem){#bakery-page>div>div.relative{padding-bottom:312px}}
@media(min-width:96rem){#bakery-page>div>div.relative{padding-bottom:328px}}
#bakery-page .ofl{position:relative;isolation:isolate;overflow:hidden;direction:rtl;width:min(100%,1180px);margin:clamp(14px,2vw,26px) auto 0;padding:clamp(18px,2vw,28px) clamp(18px,2.6vw,38px);border-radius:28px;color:#fff;text-align:right;display:flex;align-items:center;gap:clamp(16px,2.4vw,34px);background:linear-gradient(120deg,#7d1f19 0%,#b3342b 52%,#7d1f19 100%);border:2px solid var(--gold1,#d6b374);box-shadow:0 24px 50px -18px rgba(0,0,0,.75),0 0 0 7px rgba(227,194,138,.14);animation:ofl-in .9s .3s both cubic-bezier(.2,.8,.2,1)}
#bakery-page .ofl:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 14px,transparent 14px 28px)}
#bakery-page .ofl:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,236,190,.28) 50%,transparent 62%);transform:translateX(-130%);animation:ofl-sw 5s ease-in-out infinite}
#bakery-page .ofl-ic{position:relative;flex:none;width:clamp(64px,6.4vw,92px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.28);border:2px solid rgba(251,230,174,.7)}
#bakery-page .ofl-ic:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(251,230,174,.55);animation:ofl-p 2.4s ease-out infinite}
#bakery-page .ofl-ic svg{width:56%;height:56%}
#bakery-page .ofl-ok{position:absolute;bottom:-4px;left:-4px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:900;color:#fff;background:#2f9e5b;border:3px solid #7d1f19}
#bakery-page .ofl-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}
#bakery-page .ofl-k{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;font-size:13px;font-weight:800;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f)}
#bakery-page .ofl-k i{width:8px;height:8px;border-radius:50%;background:#b3342b;animation:ofl-d 1.4s ease-in-out infinite}
#bakery-page .ofl-h{margin:0;font-weight:900;font-size:clamp(20px,2.3vw,36px);line-height:1.45;color:#fff}
#bakery-page .ofl-p{margin:0;font-weight:500;font-size:clamp(13px,1.2vw,17px);line-height:1.9;color:#fbe9d0}
#bakery-page .ofl-ch{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
#bakery-page .ofl-ch li{padding:4px 13px;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:700;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}
#bakery-page .ofl-go{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:290px;padding:14px 26px;border-radius:999px;font-size:clamp(14px,1.2vw,17px);font-weight:900;line-height:1.6;text-align:center;text-decoration:none;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f);box-shadow:0 12px 26px -8px rgba(0,0,0,.6);transition:transform .2s,filter .2s}
#bakery-page .ofl-go:hover{transform:translateY(-2px);filter:brightness(1.06)}
#bakery-page .ofl-go:focus-visible{outline:3px solid #fff;outline-offset:3px}
#bakery-page .ofl-go svg{flex:none;width:20px;height:20px;transition:transform .25s}
#bakery-page .ofl-go:hover svg{transform:translateX(-5px)}
@keyframes ofl-in{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ofl-sw{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@keyframes ofl-p{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.28);opacity:0}}
@keyframes ofl-d{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:860px){#bakery-page .ofl{flex-direction:column;text-align:center;border-radius:24px}#bakery-page .ofl-k{align-self:center}#bakery-page .ofl-ch{justify-content:center}#bakery-page .ofl-go{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){#bakery-page .ofl,#bakery-page .ofl:after,#bakery-page .ofl-ic:before,#bakery-page .ofl-k i{animation:none}}
#bakery-page #bk-toc>div>.lg\:-mt-32{margin-top:0!important}
#bakery-page #bk-modules a.group{color:inherit;text-decoration:none}

/* امکانات حرفه‌ای: تصویر چسبیده به لبه‌ی صفحه (مارجین صفر)، متن با مارجین استاندارد، ارتفاع هر بخش = یک ویو */
#bakery-page #bk-pro-features{--pf-h:clamp(360px,calc(100svh - 190px),780px)}
#bakery-page #bk-pro-features article{box-sizing:border-box;padding-inline:0!important;overflow:hidden}
#bakery-page #bk-pro-features article>div{margin-inline:0!important;min-width:0}
#bakery-page #bk-pro-features article>div:first-child{padding:0!important}
#bakery-page #bk-pro-features article>div:first-child>.relative{translate:none!important;margin:0!important;width:100%}
#bakery-page #bk-pro-features article>div:first-child img{object-fit:contain!important}
#bakery-page #bk-pro-features article>div:last-child{padding-inline:var(--wb-px)!important}
@media(min-width:1024px){
 #bakery-page #bk-pro-features article{display:flex;flex-direction:row;align-items:center;margin-top:clamp(20px,4vh,48px)!important;min-height:var(--pf-h)}
 #bakery-page #bk-pro-features article>div:first-child{flex:0 0 min(60%,calc(var(--pf-h)*1.3334));width:min(60%,calc(var(--pf-h)*1.3334))!important;max-width:none}
 #bakery-page #bk-pro-features article>div:first-child>.relative{aspect-ratio:auto!important;min-height:0!important;height:min(var(--pf-h),calc(60vw*.75))}
 #bakery-page #bk-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:first-child img{object-position:left center}
 #bakery-page #bk-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:first-child img{object-position:right center}
 #bakery-page #bk-pro-features article>div:last-child{flex:1 1 0;width:auto!important;max-width:none}
 #bakery-page #bk-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:last-child{padding-left:clamp(16px,2vw,40px)!important;padding-right:var(--wb-px)!important}
 #bakery-page #bk-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:last-child{padding-right:clamp(16px,2vw,40px)!important;padding-left:var(--wb-px)!important}
 /* فشرده‌سازی متن تا ارتفاع در یک ویو جا شود */
 #bakery-page #bk-pro-features article>div:last-child{padding-top:0!important}
 #bakery-page #bk-pro-features article h3{margin-bottom:clamp(6px,1.4vh,18px)!important;font-size:clamp(17px,2.6vh,26px)!important}
 #bakery-page #bk-pro-features article h3>span:first-child{font-size:clamp(48px,10vh,100px)!important;line-height:1}
 #bakery-page #bk-pro-features article ul{font-size:clamp(11px,1.7vh,15px)!important}
 #bakery-page #bk-pro-features article ul>li+li{margin-top:clamp(4px,1vh,11px)!important}
}
/* رنگ‌های نارنجی (با شفافیت) در این سکشن → رنگ اصلی سایت */
#bakery-page #bk-pro-features .text-\[\#FF4C00\]\/30{color:color-mix(in srgb,var(--acc) 30%,transparent)}
#bakery-page #bk-pro-features .bg-\[\#FF4C00\]\/10,#bakery-page #bk-pro-features .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:color-mix(in srgb,var(--acc) 10%,transparent)}
#bakery-page #bk-pro-features .bg-\[\#FF4C00\]\/20{background-color:color-mix(in srgb,var(--acc) 20%,transparent)}
#bakery-page #bk-pro-features .border-\[\#FF4C00\]\/20,#bakery-page #bk-pro-features .hover\:border-\[\#FF4C00\]\/30:hover{border-color:color-mix(in srgb,var(--acc) 25%,transparent)}
#bakery-page #bk-pro-features [class*="FF4C00"]{--tw-shadow-color:color-mix(in srgb,var(--acc) 40%,transparent)}

/* تصاویر ویژگی‌های حرفه‌ای: قاب دستگاه + کارت + دایره‌ی هم‌رنگ سایت */
#bakery-page #bk-pro-features .pf-art{position:absolute;inset:0}
#bakery-page #bk-pro-features .pf-circle{position:absolute;width:56%;aspect-ratio:1;border-radius:50%;top:0;background:var(--acc);z-index:0}
#bakery-page #bk-pro-features .pf-dev{position:absolute;z-index:1;top:8%;width:94%;aspect-ratio:3148/2244;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
#bakery-page #bk-pro-features .pf-dev img{display:block;width:100%;height:100%;object-fit:contain!important;position:static!important}
#bakery-page #bk-pro-features .pf-pop{position:absolute;z-index:2;bottom:2%;max-width:80%;height:auto;object-fit:contain!important}
#bakery-page #bk-pro-features .pf-L .pf-dev{left:-5%}
#bakery-page #bk-pro-features .pf-L .pf-circle{right:2%}
#bakery-page #bk-pro-features .pf-L .pf-pop{right:3%}
#bakery-page #bk-pro-features .pf-R .pf-dev{right:-5%}
#bakery-page #bk-pro-features .pf-R .pf-circle{left:2%}
#bakery-page #bk-pro-features .pf-R .pf-pop{left:3%}


#bakery-page .vx-sec{--d:clamp(240px,27vw,400px);border-top:1px dashed var(--gold2);text-align:center}
#bakery-page .vx-cmp{display:inline-block;padding:5px 16px;border:1px dashed var(--gold2);border-radius:999px;font-size:13px;font-weight:800;color:var(--goldtxt)}
#bakery-page .vx-hd h2{margin:.5em 0 0;font-size:clamp(26px,3.4vw,52px);line-height:1.5;font-weight:800;color:var(--hn)}
#bakery-page .vx-hd h2 em{font-style:normal;background:linear-gradient(90deg,var(--gold2),var(--gold1));-webkit-background-clip:text;background-clip:text;color:transparent}
#bakery-page .vx-hd p{margin:.4em auto 0;max-width:46ch;font-size:clamp(14px,1.1vw,16px);line-height:2;color:var(--mut)}
#bakery-page .vx-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(16px,2vw,30px) clamp(16px,2vw,30px);margin-top:clamp(20px,2.5vw,40px);align-items:stretch}
#bakery-page .vx-card{position:relative;display:flex;flex-direction:column;margin-top:calc(var(--d)*.46);border-radius:36px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
#bakery-page .vx-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),color-mix(in srgb,var(--gold2) 16%,transparent) 0 1px,transparent 1px 34px)}
#bakery-page .vx-web{color:#f6ecd9;border-color:rgba(214,179,116,.3);background:linear-gradient(160deg,#3d2e1f,#2a2018);box-shadow:var(--shadow)}
#bakery-page .vx-web:before{background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),rgba(246,236,217,.06) 0 1px,transparent 1px 34px)}
#bakery-page .vx-media{position:relative;z-index:1;width:var(--d);aspect-ratio:1;margin:calc(var(--d)*-.46) auto 0}
#bakery-page .vx-ph{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 clamp(3px,.45vw,6px) rgba(214,179,116,.55),0 30px 60px -26px rgba(40,26,10,.65)}
#bakery-page .vx-ring{position:absolute;inset:-5%;border-radius:50%;border:1.5px solid rgba(214,179,116,.5);pointer-events:none}
#bakery-page .vx-ring:after{content:"";position:absolute;bottom:3%;left:14%;width:9px;height:9px;border-radius:50%;background:var(--gold1);box-shadow:0 0 14px var(--gold1)}
#bakery-page .vx-chip,#bakery-page .vx-mini{position:absolute;z-index:2;display:flex;align-items:center;gap:.6em;color:var(--ink);background:var(--card);border:1px solid var(--line);box-shadow:0 14px 30px -14px rgba(60,40,10,.45)}
#bakery-page .vx-web .vx-chip,#bakery-page .vx-web .vx-mini{color:#f6ecd9;background:rgba(30,22,15,.62);border-color:rgba(246,236,217,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
#bakery-page .vx-chip{left:-7%;top:58%;padding:.6em 1.2em;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:800;white-space:nowrap}
#bakery-page .vx-chip svg{width:1.3em;height:1.3em;flex:none;color:var(--gold2)}
#bakery-page .vx-web .vx-chip svg{color:#e3c28a}
#bakery-page .vx-mini{right:-4%;bottom:5%;flex-direction:column;align-items:stretch;gap:0;min-width:128px;padding:12px 16px;border-radius:20px;text-align:start;font-size:clamp(11px,.95vw,13px)}
#bakery-page .vx-mini small{font-weight:700;opacity:.9}
#bakery-page .vx-mini b{margin-top:4px;color:var(--leaf);font-size:1.1em}
#bakery-page .vx-bars{display:flex;align-items:flex-end;gap:5px;height:32px;margin-top:9px;direction:ltr}
#bakery-page .vx-bars i{flex:1;height:var(--h);border-radius:3px;background:linear-gradient(180deg,#d6e8b8,#7fa560);transform-origin:bottom}
#bakery-page .vx-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;padding:clamp(20px,2vw,30px) clamp(20px,2.8vw,48px) clamp(26px,2.8vw,44px)}
#bakery-page .vx-body .vx-t{margin:0;font-size:clamp(24px,2.4vw,38px);font-weight:800;line-height:1.5;color:var(--hn)}
#bakery-page .vx-web .vx-t{color:#fff6e4}
#bakery-page .vx-sub{margin:.1em 0 .9em;font-size:clamp(17px,1.6vw,24px);font-weight:700;line-height:1.6;color:var(--goldtxt)}
#bakery-page .vx-web .vx-sub{color:#e3c28a}
#bakery-page .vx-desc{margin:0 auto 1em;max-width:58ch;font-size:clamp(14px,1.08vw,16.5px);line-height:2.15;color:var(--ink)}
#bakery-page .vx-web .vx-desc{color:rgba(246,236,217,.86)}
#bakery-page .vx-aud{display:inline-flex;align-items:center;gap:10px;margin:0 auto 1.6em;padding:9px 18px 9px 20px;border-radius:999px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 28%,transparent)}
#bakery-page .vx-web .vx-aud{background:rgba(214,179,116,.12);border-color:rgba(214,179,116,.3)}
#bakery-page .vx-aud svg{width:19px;height:19px;flex:none;color:var(--leaf)}
#bakery-page .vx-web .vx-aud svg{color:#e3c28a}
#bakery-page .vx-vl{display:flex;align-items:center;gap:14px;margin:0 auto .9em;width:min(100%,460px);font-size:13.5px;font-weight:800;color:var(--leaf)}
#bakery-page .vx-vl:before,#bakery-page .vx-vl:after{content:"";flex:1;height:1px;background:currentColor;opacity:.3}
#bakery-page .vx-web .vx-vl{color:#a4c27f}
#bakery-page .vx-ft{list-style:none;margin:0 auto 1.8em;padding:0;width:min(100%,460px);display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;text-align:start}
#bakery-page .vx-ft li{display:flex;align-items:center;gap:10px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700}
#bakery-page .vx-ft svg{flex:none;width:24px;height:24px;padding:5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#bakery-page .vx-web .vx-ft svg{color:#a4c27f;background:rgba(164,194,127,.2)}
#bakery-page .vx-ft .vx-star{grid-column:1/-1;padding:10px 16px;border-radius:16px;font-weight:800;color:#1c1712;background:linear-gradient(135deg,#e3c28a,#b58a45);box-shadow:0 10px 22px -12px #b58a45}
#bakery-page .vx-ft .vx-star svg{width:26px;height:26px;padding:4px;color:#e3c28a;background:#1c1712}
#bakery-page .vx-ft .vx-star em{margin-inline-start:auto;font-style:normal;font-size:.8em;padding:2px 10px;border-radius:999px;background:#1c1712;color:#e3c28a}
#bakery-page .vx-act{margin-top:auto;display:flex;flex-direction:column;gap:12px}
#bakery-page .vx-act a{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border-radius:999px;border:2px solid var(--acc);font-size:15px;font-weight:800;line-height:1.7;transition:transform .2s,filter .2s,background .2s,color .2s}
#bakery-page .vx-b1{background:var(--acc);color:var(--on-acc)}
#bakery-page .vx-b1:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 22px -10px var(--acc)}
#bakery-page .vx-b2{border-color:var(--gold2)!important;color:var(--goldtxt)}
#bakery-page .vx-b2:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#bakery-page .vx-web .vx-b2{border-color:#e3c28a!important;color:#e3c28a}
#bakery-page .vx-web .vx-b2:hover{color:#1c1712}
#bakery-page .vx-new{padding:1px 10px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:11.5px;line-height:1.8}
#bakery-page .vx-web .vx-b2:hover .vx-new{background:#1c1712;color:#e3c28a}
#bakery-page .vx-act a:focus-visible{outline:3px solid var(--gold1);outline-offset:3px}
#bakery-page .vx-ready .vx-media{opacity:0;transform:translateY(48px) scale(.94);transition:opacity .9s,transform 1.1s cubic-bezier(.2,.8,.2,1)}
#bakery-page .vx-ready .vx-card:nth-child(2) .vx-media{transition-delay:.18s}
#bakery-page .vx-ready .vx-chip,#bakery-page .vx-ready .vx-mini{opacity:0;transition:opacity .7s .7s}
#bakery-page .vx-ready .vx-bars i{transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.8,.2,1) calc(.9s + var(--d2,0s))}
#bakery-page .vx-ready .vx-card.in .vx-media,#bakery-page .vx-ready .vx-card.in .vx-chip,#bakery-page .vx-ready .vx-card.in .vx-mini{opacity:1;transform:none}
#bakery-page .vx-ready .vx-card.in .vx-bars i{transform:none}
@media(max-width:1000px){#bakery-page .vx-sec{--d:clamp(230px,56vw,380px)}
#bakery-page .vx-grid{grid-template-columns:1fr}}
@media(max-width:560px){#bakery-page .vx-mini{display:none}
#bakery-page .vx-ft{grid-template-columns:1fr}
#bakery-page .vx-card{border-radius:28px}}
@media(prefers-reduced-motion:reduce){#bakery-page .vx-ready .vx-media,#bakery-page .vx-ready .vx-chip,#bakery-page .vx-ready .vx-mini,#bakery-page .vx-ready .vx-bars i,#bakery-page .vx-act a{transition:none}}
@media(min-width:1001px){#bakery-page .vx-sec{--d:clamp(230px,min(33vh,26vw),420px)}}
#bakery-page .vx-card{margin-top:calc(var(--d)*.44);border-radius:30px}
#bakery-page .vx-media{margin-top:calc(var(--d)*-.44)}
#bakery-page .vx-cmp{padding:3px 14px;font-size:12px}
#bakery-page .vx-hd h2{margin:.25em 0 0;font-size:clamp(22px,2.3vw,36px);line-height:1.4}
#bakery-page .vx-hd p{display:none}
#bakery-page .vx-grid{margin-top:clamp(6px,1.2vh,14px);gap:clamp(14px,1.6vw,24px)}
#bakery-page .vx-chip{left:-13%;top:50%;padding:.5em 1em}
#bakery-page .vx-mini{right:-9%;bottom:-3%;min-width:108px;padding:9px 12px}
#bakery-page .vx-body{padding:clamp(12px,1.6vh,18px) clamp(18px,2.4vw,36px) clamp(18px,2.4vh,26px)}
#bakery-page .vx-body .vx-t{font-size:clamp(20px,1.9vw,29px);line-height:1.4}
#bakery-page .vx-sub{margin:0 0 .5em;font-size:clamp(15px,1.25vw,19px);line-height:1.5}
#bakery-page .vx-desc{margin-bottom:.7em;font-size:clamp(13px,.95vw,14.5px);line-height:1.95}
#bakery-page .vx-aud{margin-bottom:1em;padding:6px 16px 6px 18px;font-size:13px}
#bakery-page .vx-aud svg{width:17px;height:17px}
#bakery-page .vx-vl{margin-bottom:.6em;font-size:12.5px}
#bakery-page .vx-ft{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-bottom:1.1em}
#bakery-page .vx-ft li{padding:5px 14px 5px 10px;border-radius:999px;font-size:13.5px;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 26%,transparent)}
#bakery-page .vx-web .vx-ft li{background:rgba(164,194,127,.12);border-color:rgba(164,194,127,.28)}
#bakery-page .vx-ft svg{width:20px;height:20px;padding:4px}
#bakery-page .vx-web .vx-ft .vx-star,#bakery-page .vx-ft .vx-star{flex:1 1 100%;max-width:340px;padding:7px 14px;border:0;background:linear-gradient(135deg,#e3c28a,#b58a45)}
#bakery-page .vx-web .vx-ft .vx-star svg,#bakery-page .vx-ft .vx-star svg{width:22px;height:22px;color:#e3c28a;background:#1c1712}
#bakery-page .vx-act{gap:8px}
#bakery-page .vx-act a{padding:10px 20px;font-size:14px}
#bakery-page .vx-desc{max-width:84ch}
#bakery-page .vx-act{flex-direction:row;flex-wrap:wrap;justify-content:center}
#bakery-page .vx-act a{flex:1 1 auto;padding:10px 16px;font-size:13.5px}
#bakery-page .vx-chip{font-size:clamp(12px,.9vw,14px)}
#bakery-page .vx-chip,#bakery-page .vx-mini{display:none!important}
@keyframes vx-spin{to{rotate:360deg}}
@keyframes vx-pulse{0%{transform:scale(.97);opacity:.55}100%{transform:scale(1.2);opacity:0}}
#bakery-page .vx-ring{inset:-6%;border:1.5px dashed rgba(227,194,138,.6);animation:vx-spin 50s linear infinite}
#bakery-page .vx-win .vx-ring{border-color:color-mix(in srgb,var(--gold2) 65%,transparent)}
#bakery-page .vx-ring:before{content:"";position:absolute;inset:-2px;border-radius:50%;
background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold1) 30%,transparent) 78%,#f3d9a0 100%);
-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
animation:vx-spin 6s linear infinite reverse}
#bakery-page .vx-win .vx-ring:before{background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold2) 35%,transparent) 78%,var(--gold2) 100%)}
#bakery-page .vx-ring:after{bottom:auto;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;background:#f3d9a0;box-shadow:0 0 0 4px rgba(227,194,138,.2),0 0 16px 2px var(--gold1)}
#bakery-page .vx-media:after{content:"";position:absolute;inset:-6%;border-radius:50%;border:1.5px solid var(--gold1);pointer-events:none;animation:vx-pulse 4.2s cubic-bezier(.2,.6,.3,1) infinite}
#bakery-page .vx-card:nth-child(2) .vx-media:after{animation-delay:2.1s}
#bakery-page .vx-card:hover .vx-ring{animation-duration:14s}
@media(prefers-reduced-motion:reduce){#bakery-page .vx-ring,#bakery-page .vx-ring:before,#bakery-page .vx-media:after{animation:none}}

#bakery-page .vx-sec{border-top:0}
#bakery-page .vx-ph{overflow:hidden;background:var(--bg2)}
#bakery-page .vx-win .vx-ph{background:var(--card)}
#bakery-page .vx-rec{position:absolute;z-index:3;top:18px;left:22px;padding:4px 16px;border-radius:999px;border:1.5px solid var(--gold1);background:rgba(28,23,18,.55);color:#e3c28a;font-size:13px;font-weight:800;backdrop-filter:blur(8px)}
#bakery-page .vx-pre{margin:0 auto;max-width:42rem;padding-inline:1rem;text-align:center;font-size:.875rem;line-height:1.9;color:var(--mut)}
@media(min-width:64rem){#bakery-page .vx-pre{font-size:1rem}}
#bakery-page .vx-sec{margin-top:clamp(12px,2vw,28px)}
#bakery-page a.vx-b2[href="#"]{cursor:pointer}
html.is-bk body>section:not(#mp-sec),html.is-bk #nl-sec,html.is-bk #cta-band,html.is-bk .pgx,html.is-bk #hk-cards{display:none!important}


@media(min-width:1024px){#bakery-page #bk-images h2{max-width:none;white-space:nowrap;font-size:min(48px,4.25vw)}}

#bk-versions .cv-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto repeat(10,auto) auto;column-gap:clamp(12px,2vw,28px);width:100%}
#bk-versions .cv-card{position:relative;grid-row:1/span 13;display:grid;grid-template-rows:subgrid;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
#bk-versions .cv-web{border:1.5px solid var(--gold2)}
#bk-versions .cv-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:clamp(8px,1.4vh,14px) 18px 2px}
#bk-versions .cv-t{font-weight:800;line-height:1.4;font-size:clamp(16px,2.3vh,23px);color:var(--hn,var(--ink))}
#bk-versions .cv-rec{order:2;flex:none;font-size:12px;font-weight:800;padding:3px 12px;border-radius:999px;background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#bk-versions .cv-d{margin:0;padding:0 20px clamp(6px,1.2vh,12px);font-size:clamp(12px,1.6vh,14px);line-height:1.7;color:color-mix(in srgb,var(--ink) 82%,var(--mut))}
#bk-versions .cv-c{display:flex;align-items:center;gap:10px;padding:clamp(3px,.55vh,7px) 18px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);font-size:clamp(12px,1.6vh,14.5px);line-height:1.6}
#bk-versions .cv-tx{display:flex;flex-direction:column}
#bk-versions .cv-tx b{font-weight:700}
#bk-versions .cv-tx small{font-size:.85em;opacity:.75}
#bk-versions .cv-ck{flex:none;width:20px;height:20px;padding:3.5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#bk-versions .cv-star{background:color-mix(in srgb,var(--gold1) 20%,transparent);font-weight:800}
#bk-versions .cv-off{background:color-mix(in srgb,var(--mut) 6%,transparent)}
#bk-versions .cv-no{width:100%;text-align:center;color:var(--mut);opacity:.6}
#bk-versions .cv-act{display:flex;gap:10px;padding:clamp(7px,1.1vh,12px) 18px clamp(8px,1.4vh,14px);border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
#bk-versions .cv-act a{flex:1;text-align:center;font-weight:700;font-size:clamp(12.5px,1.7vh,14.5px);padding:clamp(6px,1vh,10px) 12px;border-radius:999px;transition:transform .2s,filter .2s}
#bk-versions .cv-b1{background:var(--acc);color:var(--on-acc)}
#bk-versions .cv-b2{border:1.5px solid var(--gold2);color:var(--goldtxt)}
#bk-versions .cv-act a:hover{transform:translateY(-2px);filter:brightness(1.08)}
@media(max-width:700px){
#bk-versions .cv-grid{grid-template-columns:1fr;grid-template-rows:none;row-gap:16px}
#bk-versions .cv-card{grid-row:auto;grid-template-rows:none}
#bk-versions .cv-card>*{grid-row:auto!important}
}

#bk-versions .cv-grid{padding-top:22px}
#bk-versions .cv-card{overflow:visible}
#bk-versions .cv-h{padding-top:30px;min-height:30px}
#bk-versions .cv-t{position:absolute;top:0;inset-inline:0;margin-inline:auto;transform:translateY(-50%);width:max-content;max-width:calc(100% - 24px);text-align:center;padding:7px 26px;border-radius:999px;font-size:clamp(14px,1.9vh,17px);line-height:1.5;color:var(--goldtxt);background:var(--card);border:1.5px solid var(--gold2);box-shadow:0 0 0 6px var(--bg)}
#bk-versions .cv-web .cv-t{color:var(--on-gold);background:linear-gradient(135deg,var(--gold1),var(--gold2));border-color:var(--gold2)}
#bk-versions .cv-act{border-radius:0 0 22px 22px}
@media(min-width:640px){#bk-versions h2{max-width:none!important;white-space:nowrap}}@media(min-width:900px){#bk-versions .vx-pre{max-width:none!important;white-space:nowrap;font-size:clamp(11px,1.2vw,15px)!important}}


#bk-profit{font-family:'Vazirmatn',inherit;color:var(--ink)}
#bk-profit .cp-h{margin:0 auto .5rem;text-align:center;font-size:clamp(20px,3.2vw,36px);line-height:1.4;color:var(--ink)}
#bk-profit .cp-sub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#bk-profit .cp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,32px);max-width:none;margin:0 auto}
#bk-profit .cp-item{--w:clamp(64px,6.5vw,92px);position:relative;display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--w)*.4)}
#bk-profit .cp-ic{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;width:var(--w);height:auto;filter:drop-shadow(0 6px 8px rgba(120,86,30,.25))}
#bk-profit .cp-c{width:100%;max-width:280px;aspect-ratio:1;border-radius:50%;border:1.5px dashed var(--acc);background:color-mix(in srgb,var(--card) 70%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--w)*.4 + 6px) clamp(18px,2.4vw,34px) clamp(14px,2vw,24px);margin-top:0;transition:transform .3s,box-shadow .3s,background .3s}
#bk-profit .cp-item:hover .cp-c{transform:translateY(-4px);box-shadow:var(--shadow);background:var(--card)}
#bk-profit .cp-n{display:inline;font-weight:800;font-size:clamp(28px,3.6vw,48px);line-height:1.2;color:var(--acc)}
#bk-profit .cp-p{display:inline;font-weight:800;font-size:clamp(16px,1.8vw,24px);color:var(--acc);margin-inline-start:2px}
#bk-profit .cp-c p{margin:.35rem 0 0;font-size:clamp(11.5px,1.15vw,14.5px);line-height:1.8;color:var(--ink)}
#bk-profit .cp-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,56px)}
#bk-profit .cp-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 36px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:clamp(14px,1.3vw,16px);border:2px solid var(--acc);transition:transform .2s,box-shadow .2s,filter .2s}
#bk-profit .cp-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:900px){#bk-profit .cp-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}}
@media(max-width:480px){#bk-profit .cp-c{max-width:200px}#bk-profit .cp-c p{font-size:11px}}


#bk-images .bk-gsub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#bk-images .wb-stage{border-radius:28px}
#bk-images .bk-slide{position:absolute;inset:0;display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:color-mix(in srgb,var(--bg2) 85%,var(--card));border:1px solid var(--line);border-radius:28px;color:color-mix(in srgb,var(--mut) 55%,transparent)}
#bk-images .bk-slide[hidden]{display:none}
#bk-images .bk-slide>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(56px,8vw,96px);height:auto}
#bk-images .bk-slide img{display:block;width:100%;height:auto}
#bakery-page #bk-lightbox{overflow:hidden}
#bakery-page #bk-lightbox .lb-fig img{touch-action:none;user-select:none;-webkit-user-select:none;transform-origin:center center;position:relative;z-index:1}
#bakery-page #bk-lightbox .lb-x,#bakery-page #bk-lightbox .lb-nav{z-index:3}
#bakery-page #bk-lightbox .lb-zoombar{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;direction:ltr}
#bakery-page #bk-lightbox .lb-zoombar button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#bakery-page #bk-lightbox .lb-zoombar .lb-zreset{width:auto;min-width:68px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;font-family:inherit}
#bakery-page #bk-lightbox .lb-zoombar button:hover:not(:disabled){background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#bakery-page #bk-lightbox .lb-zoombar button:disabled{opacity:.4;cursor:default}
#bakery-page #bk-lightbox .lb-zoombar button:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}


#bk-features-list .bkl-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut);max-width:48rem}
#bk-features-list .bkl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);max-width:none;margin:0 auto}
#bk-features-list .bkl-card{display:flex;align-items:center;gap:14px;min-height:96px;padding:14px 18px;background:var(--card);color:var(--ink);border:1px solid color-mix(in srgb,var(--acc) 50%,transparent);border-left:4px solid var(--acc);border-radius:16px;transition:transform .25s,box-shadow .25s,border-color .25s}
#bk-features-list .bkl-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--acc)}
#bk-features-list .bkl-ic{flex:0 0 auto;width:30px;height:30px;color:var(--acc)}
#bk-features-list .bkl-card p{margin:0;flex:1;min-width:0;text-align:right;font-size:clamp(12px,1.05vw,14px);line-height:1.9;color:var(--ink)}
#bk-features-list .bkl-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,64px)}
#bk-features-list .bkl-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 40px;border-radius:999px;background:var(--acc);color:var(--on-acc);border:2px solid var(--acc);font-size:clamp(14px,1.3vw,17px);transition:transform .2s,box-shadow .2s,filter .2s}
#bk-features-list .bkl-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:1100px){#bk-features-list .bkl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#bk-features-list .bkl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#bk-features-list .bkl-grid{grid-template-columns:1fr}#bk-features-list .bkl-card{min-height:76px}}


#bk-modules .bkm-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#bk-modules .bkm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);max-width:none;margin:0 auto}
#bk-modules .bkm-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2vw,26px) clamp(18px,2.2vw,32px);border-radius:22px;background:color-mix(in srgb,var(--acc) 6%,var(--card));color:var(--ink);text-decoration:none;box-shadow:0 8px 24px -14px rgba(43,33,24,.25);transition:background .25s,color .25s,transform .25s,box-shadow .25s}
#bk-modules .bkm-head{display:flex;align-items:center;gap:14px}
#bk-modules .bkm-ic{flex:0 0 auto;width:clamp(34px,3.2vw,44px);height:clamp(34px,3.2vw,44px);color:var(--acc);transition:color .25s}
#bk-modules .bkm-card h3{margin:0;font-size:clamp(13.5px,1.2vw,16px);line-height:1.8;color:inherit}
#bk-modules .bkm-card p{margin:0;font-size:clamp(12px,1.05vw,14px);line-height:2.1;color:inherit;opacity:.85;text-align:right}
#bk-modules .bkm-go{position:absolute;top:clamp(20px,2.2vw,30px);left:clamp(18px,2.2vw,30px);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--card);color:var(--acc);opacity:0;transform:translateX(8px);transition:opacity .25s,transform .25s}
#bk-modules .bkm-card:hover,#bk-modules .bkm-card:focus-visible{background:var(--acc);color:var(--on-acc);transform:translateY(-3px);box-shadow:0 18px 36px -16px color-mix(in srgb,var(--acc) 60%,transparent)}
#bk-modules .bkm-card:hover .bkm-ic,#bk-modules .bkm-card:focus-visible .bkm-ic{color:var(--on-acc)}
#bk-modules .bkm-card:hover p,#bk-modules .bkm-card:focus-visible p{opacity:1}
#bk-modules .bkm-card:hover .bkm-go,#bk-modules .bkm-card:focus-visible .bkm-go{opacity:1;transform:none}
#bk-modules .bkm-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(hover:none){#bk-modules .bkm-go{opacity:1;transform:none;background:color-mix(in srgb,var(--acc) 12%,transparent)}}
@media(max-width:800px){#bk-modules .bkm-grid{grid-template-columns:1fr}}


#bakery-page #bk-customers .group-hover\:bg-ab-bg2:is(:where(.group):hover *){background-color:var(--bg2)}
#bakery-page #bk-customers .hover\:border-ab-acc:hover{border-color:var(--acc,#a9322b)}
#bakery-page #bk-customers .bg-ab-bg2{background-color:var(--bg2)}
#bakery-page #bk-customers .max-w-\[88\%\]{max-width:88%}
#bakery-page #bk-customers .backface-visibility-hidden{backface-visibility:hidden}
#bakery-page #bk-customers [style*="padding-left:clamp(1rem"]{padding-inline:clamp(1rem,4vw + .5rem,9rem)!important}
#bakery-page #bk-customers .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#bakery-page #bk-customers .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#bakery-page #bk-customers .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#bakery-page #bk-customers .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#bakery-page #bk-customers .brand-scroll-animation{--g:5rem}}
#bakery-page #bk-customers .brand-scroll-animation:hover{animation-play-state:paused}
#bakery-page #bk-customers .brand-scroll-animation,#bakery-page #bk-customers :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#bakery-page #bk-customers .brand-scroll-animation{animation:none}}


#bakery-page .ob-sec{background:var(--sec-alt,#fff);margin-top:calc(.25rem * 24)}
#bakery-page .ob-in{width:100%;max-width:100%;padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#bakery-page .ob-h{margin:0 auto;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800;font-size:1.5rem;line-height:2rem}
#bakery-page .ob-p{margin:16px auto 0;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400;font-size:1rem;line-height:1.5}
#bakery-page .ob-g{display:grid;grid-template-columns:repeat(2,minmax(0,181px));justify-content:space-evenly;justify-items:center;column-gap:16px;row-gap:calc(.25rem * 24);margin:calc(.25rem * 36) 0 calc(.25rem * 24)}
#bakery-page .ob-c{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;max-width:181px;height:180px;padding:32px 16px 24px;background:var(--fa-soft);border-radius:20px;box-shadow:none;text-decoration:none;cursor:pointer;transition:all .3s ease-out}
#bakery-page .ob-c:hover,#bakery-page .ob-c:focus-visible{background:var(--acc);transform:translateY(-4px);box-shadow:0 10px 24px rgba(10,39,69,.14)}
#bakery-page .ob-c:focus-visible{outline:2px solid var(--nv);outline-offset:3px}
#bakery-page .ob-ph{width:100%;display:flex;align-items:center;justify-content:center;margin-top:calc(.25rem * -20)}
#bakery-page .ob-img{position:relative;display:flex;align-items:center;justify-content:center;width:155.95px;max-width:calc(100% + 8px);aspect-ratio:1/1;border-radius:9999px;background:var(--line);overflow:hidden;transform:translateY(-16px)}
#bakery-page .ob-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#bakery-page .ob-ph-svg{width:70%;height:70%;display:block}
#bakery-page .ob-t{margin-top:4px;text-align:center;color:var(--acc);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700;font-size:1rem;line-height:1.5;transition:color .3s ease-out}
#bakery-page .ob-c:hover .ob-t,#bakery-page .ob-c:focus-visible .ob-t{color:var(--color-white,#fff)}
@media (min-width:40rem){
 #bakery-page .ob-h{font-size:1.875rem;line-height:2.25rem}
 #bakery-page .ob-g{grid-template-columns:repeat(3,minmax(0,181px));column-gap:40px}
}
@media (min-width:64rem){
 #bakery-page .ob-h{line-height:56px}
 #bakery-page .ob-g{grid-template-columns:repeat(4,minmax(0,181px))}
}
@media (min-width:80rem){
 #bakery-page .ob-sec{margin-top:calc(.25rem * 50)}
 #bakery-page .ob-h{font-size:36px}
 #bakery-page .ob-g{grid-template-columns:repeat(6,minmax(0,181px));justify-content:space-between;column-gap:12px;row-gap:80px;margin:128px 0 96px}
}
@media (min-width:96rem){
 #bakery-page .ob-in{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
}
@media (prefers-reduced-motion:reduce){#bakery-page .ob-c,#bakery-page .ob-t{transition:none}#bakery-page .ob-c:hover,#bakery-page .ob-c:focus-visible{transform:none}}

#bakery-page .bk-hw-wrap{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
@media (min-width:96rem){#bakery-page .bk-hw-wrap{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}}
#bakery-page #bk-modules>div>div>h2{max-width:none!important;white-space:nowrap;font-size:clamp(13px,3.1vw,48px)!important;line-height:1.6!important;padding-inline:0!important}


#bakery-page #bk-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#bakery-page #bk-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#bakery-page #bk-about *{box-sizing:border-box}
#bakery-page #bk-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#bakery-page #bk-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#bakery-page #bk-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#bakery-page #bk-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#bakery-page #bk-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#bakery-page #bk-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#bakery-page #bk-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#bakery-page #bk-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#bakery-page #bk-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#bakery-page #bk-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#bakery-page #bk-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#bakery-page #bk-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#bakery-page #bk-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#bakery-page #bk-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#bakery-page #bk-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#bakery-page #bk-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#bakery-page #bk-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#bakery-page #bk-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#bakery-page #bk-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#bakery-page #bk-about .seo-more[hidden]{display:none}
#bakery-page #bk-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#bakery-page #bk-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#bakery-page #bk-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#bakery-page #bk-about.seo-open .seo-fade,#bakery-page #bk-about:not(.seo-js) .seo-fade{opacity:0}
#bakery-page #bk-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#bakery-page #bk-about .seo-ls,#bakery-page #bk-about .seo-ls.seo-sm{grid-template-columns:1fr}#bakery-page #bk-about .seo-in p{text-align:start}#bakery-page #bk-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#bakery-page #bk-about .seo-body,#bakery-page #bk-about .seo-ls li,#bakery-page #bk-about .seo-more,#bakery-page #bk-about .seo-more i svg,#bakery-page #bk-about .seo-fade{transition:none!important}}
#bakery-page #bk-about .seo-in h2{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#bakery-page #bk-about .seo-in h2:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#bakery-page #bk-about .seo-in .seo-h4{margin:22px 0 8px;font-size:clamp(16px,1.3vw,19px);font-weight:800;color:var(--goldtxt);line-height:1.8}#bakery-page #bk-about .seo-in h3.seo-h4{padding-inline-start:0}#bakery-page #bk-about .seo-in h3.seo-h4:before{display:none}
#bakery-page #bk-about .seo-in strong{font-weight:800;color:var(--ink)}
#bakery-page #bk-about .seo-td li{display:flex;flex-direction:column;gap:2px}
#bakery-page #bk-about .seo-td li>b{font-weight:800;color:var(--goldtxt);font-size:clamp(14.5px,1.1vw,16.5px)}
#bakery-page #bk-about .seo-td li>span{color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#bakery-page #bk-about .seo-ls li.seo-wide{grid-column:1/-1}
#bakery-page #bk-about .seo-ls .seo-sub{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 22px}
#bakery-page #bk-about .seo-ls .seo-sub li{position:relative;padding:0;padding-inline-start:18px;background:none;border:0;border-radius:0;transform:none;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#bakery-page #bk-about .seo-ls .seo-sub li:hover{transform:none;border-color:transparent}
#bakery-page #bk-about .seo-ls .seo-sub li:before{inset-inline-start:2px;top:.95em;width:6px;height:6px;border-radius:50%;transform:none}
@media(max-width:760px){#bakery-page #bk-about .seo-ls .seo-sub{grid-template-columns:1fr}}


@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-gradient-position{syntax:"*";inherits:false}
@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-stops{syntax:"*";inherits:false}
@property --tw-gradient-via-stops{syntax:"*";inherits:false}
@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#soup-haleem-page *,#soup-haleem-page :before,#soup-haleem-page :after,#soup-haleem-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}
#soup-haleem-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft)}
#soup-haleem-page *,#soup-haleem-page :after,#soup-haleem-page :before,#soup-haleem-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#soup-haleem-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#soup-haleem-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#soup-haleem-page hr{height:0;color:inherit;border-top-width:1px}
#soup-haleem-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#soup-haleem-page h1,#soup-haleem-page h2,#soup-haleem-page h3,#soup-haleem-page h4,#soup-haleem-page h5,#soup-haleem-page h6{font-size:inherit;font-weight:inherit}
#soup-haleem-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#soup-haleem-page b,#soup-haleem-page strong{font-weight:bolder}
#soup-haleem-page code,#soup-haleem-page kbd,#soup-haleem-page samp,#soup-haleem-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#soup-haleem-page small{font-size:80%}
#soup-haleem-page sub,#soup-haleem-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#soup-haleem-page sub{bottom:-.25em}
#soup-haleem-page sup{top:-.5em}
#soup-haleem-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#soup-haleem-page :-moz-focusring:where(:not(iframe)){outline:auto}
#soup-haleem-page progress{vertical-align:baseline}
#soup-haleem-page summary{display:list-item}
#soup-haleem-page ol,#soup-haleem-page ul,#soup-haleem-page menu{list-style:none}
#soup-haleem-page img,#soup-haleem-page svg,#soup-haleem-page video,#soup-haleem-page canvas,#soup-haleem-page audio,#soup-haleem-page iframe,#soup-haleem-page embed,#soup-haleem-page object{vertical-align:middle;display:block}
#soup-haleem-page img,#soup-haleem-page video{max-width:100%;height:auto}
#soup-haleem-page button,#soup-haleem-page input,#soup-haleem-page select,#soup-haleem-page optgroup,#soup-haleem-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#soup-haleem-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#soup-haleem-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#soup-haleem-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#soup-haleem-page ::file-selector-button{margin-inline-end:4px}
#soup-haleem-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#soup-haleem-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#soup-haleem-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#soup-haleem-page textarea{resize:vertical}
#soup-haleem-page ::-webkit-search-decoration{-webkit-appearance:none}
#soup-haleem-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#soup-haleem-page ::-webkit-datetime-edit{display:inline-flex}
#soup-haleem-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#soup-haleem-page ::-webkit-datetime-edit{padding-block:0}
#soup-haleem-page ::-webkit-datetime-edit-year-field{padding-block:0}
#soup-haleem-page ::-webkit-datetime-edit-month-field{padding-block:0}
#soup-haleem-page ::-webkit-datetime-edit-day-field{padding-block:0}
#soup-haleem-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#soup-haleem-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#soup-haleem-page ::-webkit-datetime-edit-second-field{padding-block:0}
#soup-haleem-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#soup-haleem-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#soup-haleem-page ::-webkit-calendar-picker-indicator{line-height:1}
#soup-haleem-page :-moz-ui-invalid{box-shadow:none}
#soup-haleem-page button,#soup-haleem-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#soup-haleem-page ::file-selector-button{appearance:button}
#soup-haleem-page ::-webkit-inner-spin-button{height:auto}
#soup-haleem-page ::-webkit-outer-spin-button{height:auto}
#soup-haleem-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#soup-haleem-page .pointer-events-none{pointer-events:none}
#soup-haleem-page .visible{visibility:visible}
#soup-haleem-page .absolute{position:absolute}
#soup-haleem-page .fixed{position:fixed}
#soup-haleem-page .relative{position:relative}
#soup-haleem-page .-inset-0\.5{inset:calc(var(--spacing) * -.5)}
#soup-haleem-page .inset-0{inset:0}
#soup-haleem-page .inset-x-0{inset-inline:0}
#soup-haleem-page .-top-1{top:calc(var(--spacing) * -1)}
#soup-haleem-page .-top-5{top:calc(var(--spacing) * -5)}
#soup-haleem-page .top-0{top:0}
#soup-haleem-page .top-2{top:calc(var(--spacing) * 2)}
#soup-haleem-page .top-3{top:calc(var(--spacing) * 3)}
#soup-haleem-page .top-6{top:calc(var(--spacing) * 6)}
#soup-haleem-page .top-full{top:100%}
#soup-haleem-page .-right-1{right:calc(var(--spacing) * -1)}
#soup-haleem-page .right-0{right:0}
#soup-haleem-page .right-1{right:var(--spacing)}
#soup-haleem-page .right-2{right:calc(var(--spacing) * 2)}
#soup-haleem-page .right-3{right:calc(var(--spacing) * 3)}
#soup-haleem-page .right-4{right:calc(var(--spacing) * 4)}
#soup-haleem-page .right-12{right:calc(var(--spacing) * 12)}
#soup-haleem-page .bottom-0{bottom:0}
#soup-haleem-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#soup-haleem-page .left-0{left:0}
#soup-haleem-page .left-1\/2{left:50%}
#soup-haleem-page .left-3{left:calc(var(--spacing) * 3)}
#soup-haleem-page .-z-10{z-index:calc(10 * -1)}
#soup-haleem-page .z-0{z-index:0}
#soup-haleem-page .z-10{z-index:10}
#soup-haleem-page .z-20{z-index:20}
#soup-haleem-page .z-30{z-index:30}
#soup-haleem-page .z-40{z-index:40}
#soup-haleem-page .z-50{z-index:50}
#soup-haleem-page .z-1000{z-index:1000}
#soup-haleem-page .order-1{order:1}
#soup-haleem-page .order-2{order:2}
#soup-haleem-page .order-3{order:3}
#soup-haleem-page .mx-1{margin-inline:var(--spacing)}
#soup-haleem-page .mx-auto{margin-inline:auto}
#soup-haleem-page .my-0{margin-block:0}
#soup-haleem-page .my-2{margin-block:calc(var(--spacing) * 2)}
#soup-haleem-page .my-16{margin-block:calc(var(--spacing) * 16)}
#soup-haleem-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#soup-haleem-page .mt-0{margin-top:0}
#soup-haleem-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#soup-haleem-page .mt-1{margin-top:var(--spacing)}
#soup-haleem-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#soup-haleem-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#soup-haleem-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#soup-haleem-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#soup-haleem-page .mt-16{margin-top:calc(var(--spacing) * 16)}
#soup-haleem-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#soup-haleem-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#soup-haleem-page .mt-70{margin-top:calc(var(--spacing) * 70)}
#soup-haleem-page .mb-1{margin-bottom:var(--spacing)}
#soup-haleem-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#soup-haleem-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#soup-haleem-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#soup-haleem-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#soup-haleem-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#soup-haleem-page .mb-12{margin-bottom:calc(var(--spacing) * 12)}
#soup-haleem-page .mb-16{margin-bottom:calc(var(--spacing) * 16)}
#soup-haleem-page .block{display:block}
#soup-haleem-page .flex{display:flex}
#soup-haleem-page .grid{display:grid}
#soup-haleem-page .hidden{display:none}
#soup-haleem-page .inline-block{display:inline-block}
#soup-haleem-page .inline-flex{display:inline-flex}
#soup-haleem-page .aspect-4\/3{aspect-ratio:4/3}
#soup-haleem-page .h-4{height:calc(var(--spacing) * 4)}
#soup-haleem-page .h-5{height:calc(var(--spacing) * 5)}
#soup-haleem-page .h-6{height:calc(var(--spacing) * 6)}
#soup-haleem-page .h-8{height:calc(var(--spacing) * 8)}
#soup-haleem-page .h-10{height:calc(var(--spacing) * 10)}
#soup-haleem-page .h-12{height:calc(var(--spacing) * 12)}
#soup-haleem-page .h-14{height:calc(var(--spacing) * 14)}
#soup-haleem-page .h-16{height:calc(var(--spacing) * 16)}
#soup-haleem-page .h-20{height:calc(var(--spacing) * 20)}
#soup-haleem-page .h-32{height:calc(var(--spacing) * 32)}
#soup-haleem-page .h-50{height:calc(var(--spacing) * 50)}
#soup-haleem-page .h-72{height:calc(var(--spacing) * 72)}
#soup-haleem-page .h-\[50px\]{height:50px}
#soup-haleem-page .h-\[72px\]{height:72px}
#soup-haleem-page .h-\[200px\]{height:200px}
#soup-haleem-page .h-auto{height:auto}
#soup-haleem-page .h-fit{height:fit-content}
#soup-haleem-page .h-full{height:100%}
#soup-haleem-page .max-h-0{max-height:0}
#soup-haleem-page .max-h-\[280px\]{max-height:280px}
#soup-haleem-page .max-h-\[600px\]{max-height:600px}
#soup-haleem-page .min-h-0{min-height:0}
#soup-haleem-page .min-h-\[44px\]{min-height:44px}
#soup-haleem-page .min-h-\[280px\]{min-height:280px}
#soup-haleem-page .min-h-\[300px\]{min-height:300px}
#soup-haleem-page .w-4{width:calc(var(--spacing) * 4)}
#soup-haleem-page .w-5{width:calc(var(--spacing) * 5)}
#soup-haleem-page .w-6{width:calc(var(--spacing) * 6)}
#soup-haleem-page .w-8{width:calc(var(--spacing) * 8)}
#soup-haleem-page .w-10{width:calc(var(--spacing) * 10)}
#soup-haleem-page .w-12{width:calc(var(--spacing) * 12)}
#soup-haleem-page .w-14{width:calc(var(--spacing) * 14)}
#soup-haleem-page .w-16{width:calc(var(--spacing) * 16)}
#soup-haleem-page .w-20{width:calc(var(--spacing) * 20)}
#soup-haleem-page .w-24{width:calc(var(--spacing) * 24)}
#soup-haleem-page .w-30{width:calc(var(--spacing) * 30)}
#soup-haleem-page .w-32{width:calc(var(--spacing) * 32)}
#soup-haleem-page .w-44{width:calc(var(--spacing) * 44)}
#soup-haleem-page .w-72{width:calc(var(--spacing) * 72)}
#soup-haleem-page .w-auto{width:auto}
#soup-haleem-page .w-fit{width:fit-content}
#soup-haleem-page .w-full{width:100%}
#soup-haleem-page .max-w-2xl{max-width:var(--container-2xl)}
#soup-haleem-page .max-w-4xl{max-width:var(--container-4xl)}
#soup-haleem-page .max-w-5xl{max-width:var(--container-5xl)}
#soup-haleem-page .max-w-6xl{max-width:var(--container-6xl)}
#soup-haleem-page .max-w-\[600px\]{max-width:600px}
#soup-haleem-page .max-w-full{max-width:100%}
#soup-haleem-page .min-w-0{min-width:0}
#soup-haleem-page .min-w-\[120px\]{min-width:120px}
#soup-haleem-page .min-w-full{min-width:100%}
#soup-haleem-page .flex-1{flex:1}
#soup-haleem-page .flex-\[0_0_50\%\]{flex:0 0 50%}
#soup-haleem-page .flex-\[0_0_100\%\]{flex:0 0 100%}
#soup-haleem-page .flex-shrink-0,#soup-haleem-page .shrink-0{flex-shrink:0}
#soup-haleem-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#soup-haleem-page .-translate-x-\[10px\]{--tw-translate-x:calc(10px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#soup-haleem-page .translate-x-\[10px\]{--tw-translate-x:10px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#soup-haleem-page .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#soup-haleem-page .translate-y-\[-52\%\]{--tw-translate-y:-52%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#soup-haleem-page .scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#soup-haleem-page .scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#soup-haleem-page .rotate-0{rotate:0deg}
#soup-haleem-page .rotate-90{rotate:90deg}
#soup-haleem-page .rotate-180{rotate:180deg}
#soup-haleem-page .transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}
#soup-haleem-page .cursor-not-allowed{cursor:not-allowed}
#soup-haleem-page .cursor-pointer{cursor:pointer}
#soup-haleem-page .snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}
#soup-haleem-page .snap-mandatory{--tw-scroll-snap-strictness:mandatory}
#soup-haleem-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#soup-haleem-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#soup-haleem-page .flex-col{flex-direction:column}
#soup-haleem-page .flex-col-reverse{flex-direction:column-reverse}
#soup-haleem-page .flex-row{flex-direction:row}
#soup-haleem-page .flex-row-reverse{flex-direction:row-reverse}
#soup-haleem-page .items-center{align-items:center}
#soup-haleem-page .items-end{align-items:flex-end}
#soup-haleem-page .items-start{align-items:flex-start}
#soup-haleem-page .items-stretch{align-items:stretch}
#soup-haleem-page .justify-between{justify-content:space-between}
#soup-haleem-page .justify-center{justify-content:center}
#soup-haleem-page .justify-end{justify-content:flex-end}
#soup-haleem-page .justify-start{justify-content:flex-start}
#soup-haleem-page .justify-items-stretch{justify-items:stretch}
#soup-haleem-page .gap-1{gap:var(--spacing)}
#soup-haleem-page .gap-2{gap:calc(var(--spacing) * 2)}
#soup-haleem-page .gap-3{gap:calc(var(--spacing) * 3)}
#soup-haleem-page .gap-4{gap:calc(var(--spacing) * 4)}
#soup-haleem-page .gap-6{gap:calc(var(--spacing) * 6)}
#soup-haleem-page .gap-8{gap:calc(var(--spacing) * 8)}
#soup-haleem-page .gap-12{gap:calc(var(--spacing) * 12)}
#soup-haleem-page .gap-14{gap:calc(var(--spacing) * 14)}
#soup-haleem-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#soup-haleem-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#soup-haleem-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#soup-haleem-page :where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#soup-haleem-page .gap-x-3{column-gap:calc(var(--spacing) * 3)}
#soup-haleem-page .gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}
#soup-haleem-page .overflow-hidden{overflow:hidden}
#soup-haleem-page .overflow-visible{overflow:visible}
#soup-haleem-page .overflow-x-auto{overflow-x:auto}
#soup-haleem-page .overflow-x-hidden{overflow-x:hidden}
#soup-haleem-page .scroll-smooth{scroll-behavior:smooth}
#soup-haleem-page .rounded-2xl{border-radius:var(--radius-2xl)}
#soup-haleem-page .rounded-3xl{border-radius:var(--radius-3xl)}
#soup-haleem-page .rounded-4xl{border-radius:var(--radius-4xl)}
#soup-haleem-page .rounded-\[50px\]{border-radius:50px}
#soup-haleem-page .rounded-full{border-radius:2147483647px}
#soup-haleem-page .rounded-lg{border-radius:var(--radius-lg)}
#soup-haleem-page .rounded-md{border-radius:var(--radius-md)}
#soup-haleem-page .rounded-xl{border-radius:var(--radius-xl)}
#soup-haleem-page .border{border-style:var(--tw-border-style);border-width:1px}
#soup-haleem-page .border-0{border-style:var(--tw-border-style);border-width:0}
#soup-haleem-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#soup-haleem-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#soup-haleem-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#soup-haleem-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#soup-haleem-page .border-b-3{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#soup-haleem-page .border-none{--tw-border-style:none;border-style:none}
#soup-haleem-page .border-\[\#E5E7EB\]{border-color:var(--line)}
#soup-haleem-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#soup-haleem-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#soup-haleem-page .border-black{border-color:var(--color-black)}
#soup-haleem-page .border-gray-200{border-color:var(--color-gray-200)}
#soup-haleem-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#soup-haleem-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#soup-haleem-page .border-green-500{border-color:var(--color-green-500)}
#soup-haleem-page .border-transparent{border-color:#0000}
#soup-haleem-page .border-white{border-color:var(--color-white)}
#soup-haleem-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#soup-haleem-page .bg-\[\#F0F5F7\]{background-color:var(--bg2)}
#soup-haleem-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#soup-haleem-page .bg-\[\#FF4C00\]\/10{background-color:oklab(66.6687% .179651 .134278/.1)}
#soup-haleem-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#soup-haleem-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#soup-haleem-page .bg-accent{background-color:var(--color-accent)}
#soup-haleem-page .bg-gray-100{background-color:var(--color-gray-100)}
#soup-haleem-page .bg-primary{background-color:var(--color-primary)}
#soup-haleem-page .bg-secondary{background-color:var(--color-secondary)}
#soup-haleem-page .bg-transparent{background-color:#0000}
#soup-haleem-page .bg-white{background-color:var(--color-white)}
#soup-haleem-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#soup-haleem-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#soup-haleem-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#soup-haleem-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#soup-haleem-page .bg-linear-to-br{--tw-gradient-position:to bottom right}
@supports (background-image:linear-gradient(in lab, red, red)){#soup-haleem-page .bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}
#soup-haleem-page .bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}
#soup-haleem-page .bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
#soup-haleem-page .from-\[\#FF4C00\]{--tw-gradient-from:var(--acc);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#soup-haleem-page .from-\[\#FF4C00\]\/10{--tw-gradient-from:oklab(66.6687% .179651 .134278/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#soup-haleem-page .via-orange-300\/5{--tw-gradient-via:#ffb96d0d}
@supports (color:color-mix(in lab, red, red)){#soup-haleem-page .via-orange-300\/5{--tw-gradient-via:color-mix(in oklab, var(--color-orange-300) 5%, transparent)}}
#soup-haleem-page .via-orange-300\/5{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
#soup-haleem-page .to-\[\#FF6B35\]{--tw-gradient-to:color-mix(in srgb,var(--acc) 78%,#fff);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#soup-haleem-page .to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#soup-haleem-page .object-contain{object-fit:contain}
#soup-haleem-page .object-cover{object-fit:cover}
#soup-haleem-page .p-0{padding:0}
#soup-haleem-page .p-1{padding:var(--spacing)}
#soup-haleem-page .p-2{padding:calc(var(--spacing) * 2)}
#soup-haleem-page .p-3{padding:calc(var(--spacing) * 3)}
#soup-haleem-page .p-4{padding:calc(var(--spacing) * 4)}
#soup-haleem-page .p-5{padding:calc(var(--spacing) * 5)}
#soup-haleem-page .p-6{padding:calc(var(--spacing) * 6)}
#soup-haleem-page .p-8{padding:calc(var(--spacing) * 8)}
#soup-haleem-page .px-1{padding-inline:var(--spacing)}
#soup-haleem-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#soup-haleem-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#soup-haleem-page .px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}
#soup-haleem-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#soup-haleem-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#soup-haleem-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#soup-haleem-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#soup-haleem-page .px-12{padding-inline:calc(var(--spacing) * 12)}
#soup-haleem-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#soup-haleem-page .py-2{padding-block:calc(var(--spacing) * 2)}
#soup-haleem-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#soup-haleem-page .py-3{padding-block:calc(var(--spacing) * 3)}
#soup-haleem-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#soup-haleem-page .py-4{padding-block:calc(var(--spacing) * 4)}
#soup-haleem-page .py-6{padding-block:calc(var(--spacing) * 6)}
#soup-haleem-page .py-8{padding-block:calc(var(--spacing) * 8)}
#soup-haleem-page .py-10{padding-block:calc(var(--spacing) * 10)}
#soup-haleem-page .py-12{padding-block:calc(var(--spacing) * 12)}
#soup-haleem-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#soup-haleem-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#soup-haleem-page .pt-6{padding-top:calc(var(--spacing) * 6)}
#soup-haleem-page .pt-15{padding-top:calc(var(--spacing) * 15)}
#soup-haleem-page .pt-20{padding-top:calc(var(--spacing) * 20)}
#soup-haleem-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#soup-haleem-page .pt-\[72px\]{padding-top:72px}
#soup-haleem-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#soup-haleem-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#soup-haleem-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#soup-haleem-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#soup-haleem-page .pb-12{padding-bottom:calc(var(--spacing) * 12)}
#soup-haleem-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#soup-haleem-page .pb-48{padding-bottom:calc(var(--spacing) * 48)}
#soup-haleem-page .text-center{text-align:center}
#soup-haleem-page .text-justify{text-align:justify}
#soup-haleem-page .text-right{text-align:right}
#soup-haleem-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#soup-haleem-page .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#soup-haleem-page .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#soup-haleem-page .text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#soup-haleem-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#soup-haleem-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#soup-haleem-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#soup-haleem-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#soup-haleem-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#soup-haleem-page .text-\[10px\]{font-size:10px}
#soup-haleem-page .leading-7\.5{--tw-leading:calc(var(--spacing) * 7.5);line-height:calc(var(--spacing) * 7.5)}
#soup-haleem-page .leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}
#soup-haleem-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#soup-haleem-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#soup-haleem-page .leading-none{--tw-leading:1;line-height:1}
#soup-haleem-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#soup-haleem-page .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}
#soup-haleem-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#soup-haleem-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#soup-haleem-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#soup-haleem-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#soup-haleem-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#soup-haleem-page .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
#soup-haleem-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#soup-haleem-page .whitespace-nowrap{white-space:nowrap}
#soup-haleem-page .text-\[\#0A2745\]{color:var(--nv)}
#soup-haleem-page .text-\[\#1F2A3D\]{color:#33291d}
#soup-haleem-page .text-\[\#595B5C\]{color:#595b5c}
#soup-haleem-page .text-\[\#FF4C00\]{color:var(--acc)}
#soup-haleem-page .text-\[\#FF4C00\]\/30{color:oklab(66.6687% .179651 .134278/.3)}
#soup-haleem-page .text-\[\#ffff\]{color:#fff}
#soup-haleem-page .text-black{color:var(--color-black)}
#soup-haleem-page .text-gray-300{color:var(--color-gray-300)}
#soup-haleem-page .text-gray-500{color:var(--color-gray-500)}
#soup-haleem-page .text-gray-600{color:var(--color-gray-600)}
#soup-haleem-page .text-green-700{color:var(--color-green-700)}
#soup-haleem-page .text-red-500{color:var(--color-red-500)}
#soup-haleem-page .text-secondary{color:var(--color-secondary)}
#soup-haleem-page .text-white{color:var(--color-white)}
#soup-haleem-page .text-white\/90{color:#ffffffe6}
@supports (color:color-mix(in lab, red, red)){#soup-haleem-page .text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}
#soup-haleem-page .not-italic{font-style:normal}
#soup-haleem-page .underline{text-decoration-line:underline}
#soup-haleem-page .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#soup-haleem-page .accent-white{accent-color:var(--color-white)}
#soup-haleem-page .opacity-0{opacity:0}
#soup-haleem-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page .shadow-\[0_0_20px_rgba\(255\,76\,0\,0\.4\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page .shadow-\[0_10px_0_0_\#FF4C00\]{--tw-shadow:0 10px 0 0 var(--tw-shadow-color,var(--acc));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#soup-haleem-page .blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#soup-haleem-page .blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#soup-haleem-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#soup-haleem-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}
#soup-haleem-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#soup-haleem-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#soup-haleem-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#soup-haleem-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#soup-haleem-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#soup-haleem-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#soup-haleem-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#soup-haleem-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#soup-haleem-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#soup-haleem-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#soup-haleem-page .duration-500{--tw-duration:.5s;transition-duration:.5s}
#soup-haleem-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#soup-haleem-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#soup-haleem-page .will-change-transform{will-change:transform}
#soup-haleem-page .select-none{-webkit-user-select:none;user-select:none}
#soup-haleem-page .\[-webkit-overflow-scrolling\:touch\]{-webkit-overflow-scrolling:touch}
@media (hover:hover){#soup-haleem-page :is(:where(.group):hover .group-hover\:absolute){position:absolute}
#soup-haleem-page :is(:where(.group):hover .group-hover\:flex){display:flex}
#soup-haleem-page :is(:where(.group):hover .group-hover\:-translate-y-1){--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#soup-haleem-page :is(:where(.group):hover .group-hover\:-translate-y-2){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#soup-haleem-page :is(:where(.group):hover .group-hover\:-translate-y-full){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#soup-haleem-page :is(:where(.group):hover .group-hover\:scale-110){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#soup-haleem-page :is(:where(.group):hover .group-hover\:border-b-2){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#soup-haleem-page :is(:where(.group):hover .group-hover\:border-b-3){border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#soup-haleem-page :is(:where(.group):hover .group-hover\:border-\[\#0A2745\]){border-color:var(--nv)}
#soup-haleem-page :is(:where(.group):hover .group-hover\:border-\[\#FF4C00\]){border-color:var(--acc)}
#soup-haleem-page :is(:where(.group):hover .group-hover\:border-orange-100){border-color:var(--color-orange-100)}
#soup-haleem-page :is(:where(.group):hover .group-hover\:border-b-\[\#FF4C00\]){border-bottom-color:var(--acc)}
#soup-haleem-page :is(:where(.group):hover .group-hover\:bg-\[\#0A2745\]){background-color:var(--nv)}
#soup-haleem-page :is(:where(.group):hover .group-hover\:bg-\[\#FFF6F2\]){background-color:var(--fa-soft)}
#soup-haleem-page :is(:where(.group):hover .group-hover\:text-\[\#0A2745\]){color:var(--nv)}
#soup-haleem-page :is(:where(.group):hover .group-hover\:text-\[\#FF4C00\]){color:var(--acc)}
#soup-haleem-page :is(:where(.group):hover .group-hover\:text-white){color:var(--color-white)}
#soup-haleem-page :is(:where(.group):hover .group-hover\:opacity-100){opacity:1}
#soup-haleem-page :is(:where(.group):hover .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]){--tw-shadow:0 8px 24px var(--tw-shadow-color,#ff4c0059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page :is(:where(.group):hover .group-hover\:shadow-md){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page :is(:where(.group):hover .group-hover\:shadow-xl){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page :is(:where(.group):hover .group-hover\:blur-xs){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}
#soup-haleem-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#soup-haleem-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#soup-haleem-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#soup-haleem-page .after\:right-0:after{content:var(--tw-content);right:0}
#soup-haleem-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#soup-haleem-page .after\:left-0:after{content:var(--tw-content);left:0}
#soup-haleem-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#soup-haleem-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#soup-haleem-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#soup-haleem-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#soup-haleem-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#soup-haleem-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#soup-haleem-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#soup-haleem-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#soup-haleem-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#soup-haleem-page .hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#soup-haleem-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#soup-haleem-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#soup-haleem-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#soup-haleem-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#soup-haleem-page .hover\:border-\[\#FF4C00\]\/30:hover{border-color:oklab(66.6687% .179651 .134278/.3)}
#soup-haleem-page .hover\:border-white:hover{border-color:var(--color-white)}
#soup-haleem-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#soup-haleem-page .hover\:bg-\[\#081a2e\]:hover{background-color:#1c1712}
#soup-haleem-page .hover\:bg-\[\#163456\]:hover{background-color:#3a2c1f}
#soup-haleem-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#soup-haleem-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#soup-haleem-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#soup-haleem-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#soup-haleem-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:var(--bg2)}
#soup-haleem-page .hover\:bg-\[\#FFF6F2\]:hover{background-color:var(--fa-soft)}
#soup-haleem-page .hover\:bg-\[\#e44500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#soup-haleem-page .hover\:bg-black\/5:hover{background-color:#0000000d}
@supports (color:color-mix(in lab, red, red)){#soup-haleem-page .hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}
#soup-haleem-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#soup-haleem-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#soup-haleem-page .hover\:bg-white:hover{background-color:var(--color-white)}
#soup-haleem-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#soup-haleem-page .hover\:text-\[\#FF4C00\]:hover,#soup-haleem-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#soup-haleem-page .hover\:text-white:hover{color:var(--color-white)}
#soup-haleem-page .hover\:underline:hover{text-decoration-line:underline}
#soup-haleem-page .hover\:opacity-80:hover{opacity:.8}
#soup-haleem-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page .hover\:shadow-\[0_0_28px_rgba\(255\,76\,0\,0\.5\)\,0_0_40px_rgba\(10\,39\,69\,0\.3\)\,0_8px_28px_rgba\(10\,39\,69\,0\.35\)\]:hover{--tw-shadow:0 0 28px var(--tw-shadow-color,#ff4c0080), 0 0 40px var(--tw-shadow-color,#0a27454d), 0 8px 28px var(--tw-shadow-color,#0a274559);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px var(--tw-shadow-color,#0a274538), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px var(--tw-shadow-color,#0a274547), 0 10px 0 0 var(--tw-shadow-color,var(--nv)), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#soup-haleem-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#soup-haleem-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#soup-haleem-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#soup-haleem-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#soup-haleem-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#soup-haleem-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#soup-haleem-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#soup-haleem-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#soup-haleem-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#soup-haleem-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#soup-haleem-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#soup-haleem-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#soup-haleem-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#soup-haleem-page .focus-visible\:ring-offset-\[\#0A2745\]:focus-visible{--tw-ring-offset-color:var(--nv)}
#soup-haleem-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#soup-haleem-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#soup-haleem-page .active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#soup-haleem-page .active\:scale-\[0\.98\]:active{scale:.98}
#soup-haleem-page .active\:bg-\[\#06141f\]:active{background-color:#1c1712}
#soup-haleem-page .active\:bg-\[\#CC3D00\]:active{background-color:color-mix(in srgb,var(--acc) 72%,#000)}
#soup-haleem-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
#soup-haleem-page .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
#soup-haleem-page .disabled\:opacity-30:disabled{opacity:.3}
#soup-haleem-page .disabled\:opacity-50:disabled{opacity:.5}
@media (hover:hover){#soup-haleem-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#soup-haleem-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#soup-haleem-page .disabled\:hover\:shadow-lg:disabled:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (min-width:40rem){#soup-haleem-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#soup-haleem-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#soup-haleem-page .sm\:right-4{right:calc(var(--spacing) * 4)}
#soup-haleem-page .sm\:bottom-1\/3{bottom:33.3333%}
#soup-haleem-page .sm\:left-4{left:calc(var(--spacing) * 4)}
#soup-haleem-page .sm\:mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}
#soup-haleem-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#soup-haleem-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#soup-haleem-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#soup-haleem-page .sm\:mt-20{margin-top:calc(var(--spacing) * 20)}
#soup-haleem-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#soup-haleem-page .sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#soup-haleem-page .sm\:inline{display:inline}
#soup-haleem-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#soup-haleem-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#soup-haleem-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#soup-haleem-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#soup-haleem-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#soup-haleem-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#soup-haleem-page .sm\:h-96{height:calc(var(--spacing) * 96)}
#soup-haleem-page .sm\:h-\[60px\]{height:60px}
#soup-haleem-page .sm\:h-\[100px\]{height:100px}
#soup-haleem-page .sm\:max-h-\[320px\]{max-height:320px}
#soup-haleem-page .sm\:min-h-\[400px\]{min-height:400px}
#soup-haleem-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#soup-haleem-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#soup-haleem-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#soup-haleem-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#soup-haleem-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#soup-haleem-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#soup-haleem-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#soup-haleem-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#soup-haleem-page .sm\:w-72{width:calc(var(--spacing) * 72)}
#soup-haleem-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#soup-haleem-page .sm\:w-auto{width:auto}
#soup-haleem-page .sm\:min-w-\[120px\]{min-width:120px}
#soup-haleem-page .sm\:min-w-\[140px\]{min-width:140px}
#soup-haleem-page .sm\:flex-\[0_0_30\%\]{flex:0 0 30%}
#soup-haleem-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#soup-haleem-page .sm\:flex-row{flex-direction:row}
#soup-haleem-page .sm\:items-center{align-items:center}
#soup-haleem-page .sm\:items-start{align-items:flex-start}
#soup-haleem-page .sm\:justify-end{justify-content:flex-end}
#soup-haleem-page .sm\:justify-start{justify-content:flex-start}
#soup-haleem-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#soup-haleem-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#soup-haleem-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#soup-haleem-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#soup-haleem-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#soup-haleem-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#soup-haleem-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#soup-haleem-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#soup-haleem-page :where(.sm\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#soup-haleem-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#soup-haleem-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#soup-haleem-page .sm\:rounded-\[36px\]{border-radius:36px}
#soup-haleem-page .sm\:p-3{padding:calc(var(--spacing) * 3)}
#soup-haleem-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#soup-haleem-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#soup-haleem-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#soup-haleem-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#soup-haleem-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#soup-haleem-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#soup-haleem-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#soup-haleem-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#soup-haleem-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#soup-haleem-page .sm\:py-0{padding-block:0}
#soup-haleem-page .sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#soup-haleem-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#soup-haleem-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#soup-haleem-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#soup-haleem-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#soup-haleem-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#soup-haleem-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#soup-haleem-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#soup-haleem-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#soup-haleem-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#soup-haleem-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#soup-haleem-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#soup-haleem-page .sm\:text-\[12px\]{font-size:12px}}
@media (min-width:48rem){#soup-haleem-page .md\:right-6{right:calc(var(--spacing) * 6)}
#soup-haleem-page .md\:left-6{left:calc(var(--spacing) * 6)}
#soup-haleem-page .md\:order-1{order:1}
#soup-haleem-page .md\:order-2{order:2}
#soup-haleem-page .md\:my-4{margin-block:calc(var(--spacing) * 4)}
#soup-haleem-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#soup-haleem-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#soup-haleem-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#soup-haleem-page .md\:mt-44{margin-top:calc(var(--spacing) * 44)}
#soup-haleem-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#soup-haleem-page .md\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#soup-haleem-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#soup-haleem-page .md\:block{display:block}
#soup-haleem-page .md\:flex{display:flex}
#soup-haleem-page .md\:hidden{display:none}
#soup-haleem-page .md\:inline-block{display:inline-block}
#soup-haleem-page .md\:h-10{height:calc(var(--spacing) * 10)}
#soup-haleem-page .md\:h-16{height:calc(var(--spacing) * 16)}
#soup-haleem-page .md\:h-28{height:calc(var(--spacing) * 28)}
#soup-haleem-page .md\:h-70{height:calc(var(--spacing) * 70)}
#soup-haleem-page .md\:h-\[250px\]{height:250px}
#soup-haleem-page .md\:max-h-none{max-height:none}
#soup-haleem-page .md\:w-10{width:calc(var(--spacing) * 10)}
#soup-haleem-page .md\:w-16{width:calc(var(--spacing) * 16)}
#soup-haleem-page .md\:w-24{width:calc(var(--spacing) * 24)}
#soup-haleem-page .md\:w-28{width:calc(var(--spacing) * 28)}
#soup-haleem-page .md\:w-72{width:calc(var(--spacing) * 72)}
#soup-haleem-page .md\:min-w-\[130px\]{min-width:130px}
#soup-haleem-page .md\:flex-1{flex:1}
#soup-haleem-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#soup-haleem-page .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#soup-haleem-page .md\:flex-col{flex-direction:column}
#soup-haleem-page .md\:flex-row{flex-direction:row}
#soup-haleem-page .md\:flex-row-reverse{flex-direction:row-reverse}
#soup-haleem-page .md\:items-center{align-items:center}
#soup-haleem-page .md\:items-stretch{align-items:stretch}
#soup-haleem-page .md\:justify-center{justify-content:center}
#soup-haleem-page .md\:gap-0{gap:0}
#soup-haleem-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#soup-haleem-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#soup-haleem-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#soup-haleem-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#soup-haleem-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#soup-haleem-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#soup-haleem-page .md\:overflow-visible{overflow:visible}
#soup-haleem-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#soup-haleem-page .md\:p-4{padding:calc(var(--spacing) * 4)}
#soup-haleem-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#soup-haleem-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#soup-haleem-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#soup-haleem-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#soup-haleem-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#soup-haleem-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#soup-haleem-page .md\:py-0{padding-block:0}
#soup-haleem-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#soup-haleem-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#soup-haleem-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#soup-haleem-page .md\:pt-16{padding-top:calc(var(--spacing) * 16)}
#soup-haleem-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#soup-haleem-page .md\:pb-28{padding-bottom:calc(var(--spacing) * 28)}
#soup-haleem-page .md\:text-center{text-align:center}
#soup-haleem-page .md\:text-justify{text-align:justify}
#soup-haleem-page .md\:text-right{text-align:right}
#soup-haleem-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#soup-haleem-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#soup-haleem-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#soup-haleem-page .md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}
#soup-haleem-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#soup-haleem-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#soup-haleem-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#soup-haleem-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#soup-haleem-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#soup-haleem-page .md\:text-\[9px\]{font-size:9px}
#soup-haleem-page .md\:text-\[10px\]{font-size:10px}
#soup-haleem-page .md\:text-\[14px\]{font-size:14px}
#soup-haleem-page .md\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}}
@media (min-width:64rem){#soup-haleem-page .lg\:order-1{order:1}
#soup-haleem-page .lg\:order-2{order:2}
#soup-haleem-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#soup-haleem-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#soup-haleem-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#soup-haleem-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#soup-haleem-page .lg\:mt-32{margin-top:calc(var(--spacing) * 32)}
#soup-haleem-page .lg\:mt-50{margin-top:calc(var(--spacing) * 50)}
#soup-haleem-page .lg\:mt-52{margin-top:calc(var(--spacing) * 52)}
#soup-haleem-page .lg\:mr-0{margin-right:0}
#soup-haleem-page .lg\:mb-0{margin-bottom:0}
#soup-haleem-page .lg\:mb-10{margin-bottom:calc(var(--spacing) * 10)}
#soup-haleem-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#soup-haleem-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#soup-haleem-page .lg\:block{display:block}
#soup-haleem-page .lg\:flex{display:flex}
#soup-haleem-page .lg\:hidden{display:none}
#soup-haleem-page .lg\:h-14{height:calc(var(--spacing) * 14)}
#soup-haleem-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#soup-haleem-page .lg\:h-194{height:calc(var(--spacing) * 194)}
#soup-haleem-page .lg\:h-\[70px\]{height:70px}
#soup-haleem-page .lg\:h-\[132px\]{height:132px}
#soup-haleem-page .lg\:h-\[300px\]{height:300px}
#soup-haleem-page .lg\:w-1\/2{width:50%}
#soup-haleem-page .lg\:w-14{width:calc(var(--spacing) * 14)}
#soup-haleem-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#soup-haleem-page .lg\:w-\[45\%\]{width:45%}
#soup-haleem-page .lg\:w-\[55\%\]{width:55%}
#soup-haleem-page .lg\:w-\[70px\]{width:70px}
#soup-haleem-page .lg\:w-auto{width:auto}
#soup-haleem-page .lg\:w-fit{width:fit-content}
#soup-haleem-page .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#soup-haleem-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#soup-haleem-page .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
#soup-haleem-page .lg\:flex-row{flex-direction:row}
#soup-haleem-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#soup-haleem-page .lg\:items-center{align-items:center}
#soup-haleem-page .lg\:justify-end{justify-content:flex-end}
#soup-haleem-page .lg\:gap-0{gap:0}
#soup-haleem-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#soup-haleem-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#soup-haleem-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#soup-haleem-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#soup-haleem-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#soup-haleem-page :where(.lg\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#soup-haleem-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#soup-haleem-page :where(.lg\:space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}
#soup-haleem-page .lg\:gap-x-4{column-gap:calc(var(--spacing) * 4)}
#soup-haleem-page .lg\:gap-y-4{row-gap:calc(var(--spacing) * 4)}
#soup-haleem-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#soup-haleem-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#soup-haleem-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#soup-haleem-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#soup-haleem-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#soup-haleem-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#soup-haleem-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#soup-haleem-page .lg\:py-20{padding-block:calc(var(--spacing) * 20)}
#soup-haleem-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#soup-haleem-page .lg\:pt-\[132px\]{padding-top:132px}
#soup-haleem-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#soup-haleem-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#soup-haleem-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#soup-haleem-page .lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#soup-haleem-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#soup-haleem-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#soup-haleem-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#soup-haleem-page .lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#soup-haleem-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#soup-haleem-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#soup-haleem-page .lg\:text-\[10px\]{font-size:10px}
#soup-haleem-page .lg\:text-\[28px\]{font-size:28px}
#soup-haleem-page .lg\:text-\[48px\]{font-size:48px}
#soup-haleem-page .lg\:text-\[150px\]{font-size:150px}
#soup-haleem-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#soup-haleem-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#soup-haleem-page .xl\:mt-0{margin-top:0}
#soup-haleem-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#soup-haleem-page .xl\:mt-70{margin-top:calc(var(--spacing) * 70)}
#soup-haleem-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#soup-haleem-page .xl\:h-122{height:calc(var(--spacing) * 122)}
#soup-haleem-page .xl\:h-\[142px\]{height:142px}
#soup-haleem-page .xl\:h-auto{height:auto}
#soup-haleem-page .xl\:w-1\/2{width:50%}
#soup-haleem-page .xl\:w-1\/3{width:33.3333%}
#soup-haleem-page .xl\:w-\[25\.5\%\]{width:25.5%}
#soup-haleem-page .xl\:w-\[30\%\]{width:30%}
#soup-haleem-page .xl\:w-\[70\%\]{width:70%}
#soup-haleem-page .xl\:flex-\[0_0_12\%\]{flex:0 0 12%}
#soup-haleem-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#soup-haleem-page .xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
#soup-haleem-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#soup-haleem-page .xl\:flex-row{flex-direction:row}
#soup-haleem-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#soup-haleem-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#soup-haleem-page .xl\:gap-12{gap:calc(var(--spacing) * 12)}
#soup-haleem-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#soup-haleem-page .xl\:gap-32{gap:calc(var(--spacing) * 32)}
#soup-haleem-page .xl\:p-8{padding:calc(var(--spacing) * 8)}
#soup-haleem-page .xl\:px-0{padding-inline:0}
#soup-haleem-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#soup-haleem-page .xl\:px-16{padding-inline:calc(var(--spacing) * 16)}
#soup-haleem-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#soup-haleem-page .xl\:px-36{padding-inline:calc(var(--spacing) * 36)}
#soup-haleem-page .xl\:py-16{padding-block:calc(var(--spacing) * 16)}
#soup-haleem-page .xl\:pt-16{padding-top:calc(var(--spacing) * 16)}
#soup-haleem-page .xl\:pt-\[142px\]{padding-top:142px}
#soup-haleem-page .xl\:pl-6{padding-left:calc(var(--spacing) * 6)}
#soup-haleem-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#soup-haleem-page .xl\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#soup-haleem-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#soup-haleem-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#soup-haleem-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#soup-haleem-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#soup-haleem-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#soup-haleem-page .xl\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#soup-haleem-page .xl\:text-\[11px\]{font-size:11px}
#soup-haleem-page .xl\:text-\[14px\]{font-size:14px}
#soup-haleem-page .xl\:text-\[16px\]{font-size:16px}
#soup-haleem-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#soup-haleem-page .\32 xl\:mr-50{margin-right:calc(var(--spacing) * 50)}
#soup-haleem-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#soup-haleem-page .\32 xl\:h-130{height:calc(var(--spacing) * 130)}
#soup-haleem-page .\32 xl\:min-h-\[550px\]{min-height:550px}
#soup-haleem-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#soup-haleem-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#soup-haleem-page .\32 xl\:gap-\[25px\]{gap:25px}
#soup-haleem-page .\32 xl\:px-12{padding-inline:calc(var(--spacing) * 12)}
#soup-haleem-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#soup-haleem-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#soup-haleem-page .\32 xl\:text-left{text-align:left}
#soup-haleem-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#soup-haleem-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#soup-haleem-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#soup-haleem-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#soup-haleem-page .\32 xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#soup-haleem-page .\32 xl\:text-\[14px\]{font-size:14px}
#soup-haleem-page .\32 xl\:text-\[16px\]{font-size:16px}
#soup-haleem-page .\32 xl\:text-\[20px\]{font-size:20px}
#soup-haleem-page .\32 xl\:text-\[27px\]{font-size:27px}
#soup-haleem-page .\32 xl\:text-\[56px\]{font-size:56px}
#soup-haleem-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-REGULAR.TTF)format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-SEMIBOLD.TTF)format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-BOLD.TTF)format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-EXTRABOLD.TTF)format("truetype");font-weight:800;font-display:swap}
#soup-haleem-page{direction:rtl}
#soup-haleem-page{color:#33291d;background:#fff;font-family:Vazirmatn,Tahoma,sans-serif}
#soup-haleem-page .fanum-font,#soup-haleem-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#soup-haleem-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#soup-haleem-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
#soup-haleem-page .dir-rtl{direction:rtl}
#soup-haleem-page .hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
#soup-haleem-page .hide-scrollbar::-webkit-scrollbar{display:none}
#soup-haleem-page .mb-safe{margin-bottom:env(safe-area-inset-bottom)}
@keyframes ring{0%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-12deg)}20%,40%,60%{transform:rotate(12deg)}70%{transform:rotate(0)}}
#soup-haleem-page .phone-ring-animation{animation:2s ease-in-out infinite ring}
@keyframes pulse-alarm{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}
#soup-haleem-page .alarm-animation{animation:1.5s ease-in-out infinite pulse-alarm}
@keyframes brand-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}
#soup-haleem-page .brand-scroll-animation{animation:30s linear infinite brand-scroll}
#soup-haleem-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,var(--nv) 60%,#1c1712 100%)}
#soup-haleem-page >div>div.relative>div.absolute.inset-0.z-0>div{background:0 0}
@media (min-width:64rem){#soup-haleem-page #images>div>div{padding-left:2.5rem;padding-right:2.5rem}
#soup-haleem-page #images h2{margin-bottom:5rem}
#soup-haleem-page #images [dir=rtl].w-full{flex-direction:row;justify-content:space-between;align-items:center;gap:2.5rem;display:flex}
#soup-haleem-page #images [role=tablist]{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:43%;margin:0;padding:0;display:grid;overflow:visible}
#soup-haleem-page #images [role=tablist]>div{margin:0}
#soup-haleem-page #images [role=tab]{white-space:nowrap;color:var(--acc);width:100%;min-width:0;height:3rem;box-shadow:none;background:#fff;border:2px solid var(--acc);padding-left:.5rem;padding-right:.5rem;font-size:.9rem}
#soup-haleem-page #images [role=tab][aria-selected=true]{color:#fff;background:var(--acc)}
#soup-haleem-page #images [role=tab]:hover{background:var(--fa-soft)}
#soup-haleem-page #images [role=tab][aria-selected=true]:hover{background:var(--acc)}
#soup-haleem-page #images [dir=rtl].w-full>div.relative{flex:none;width:54%}
#soup-haleem-page #images .flex-\[0_0_100\%\],#soup-haleem-page #images .flex-\[0_0_100\%\]>div>div{padding:0}
#soup-haleem-page #images .flex-\[0_0_100\%\]>div>div>div{background:#fff;border:3px solid var(--nv);border-radius:1rem;min-height:26rem}
#soup-haleem-page #images img[data-nimg=fill]{object-fit:contain;padding:0}
#soup-haleem-page #images button[aria-label=آیتم\ بعدی],#soup-haleem-page #images button[aria-label=آیتم\ قبلی]{display:none}
#soup-haleem-page #images button[aria-label=بزرگنمایی\ تصویر]{color:var(--nv);background:#fff;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:0 2px 8px #0003}}
#soup-haleem-page .mt-12{margin-top:calc(var(--spacing) * 12)}
#soup-haleem-page .mb-20{margin-bottom:calc(var(--spacing) * 20)}
#soup-haleem-page .text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}
@media (hover:hover){#soup-haleem-page .hover\:-translate-x-1:hover{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#soup-haleem-page .hover\:opacity-90:hover{opacity:.9}}
@media (min-width:40rem){#soup-haleem-page .sm\:order-1{order:1}
#soup-haleem-page .sm\:order-2{order:2}
#soup-haleem-page .sm\:justify-between{justify-content:space-between}
#soup-haleem-page .sm\:py-7{padding-block:calc(var(--spacing) * 7)}}
@media (min-width:48rem){#soup-haleem-page .md\:mt-0{margin-top:0}
#soup-haleem-page .md\:mb-72{margin-bottom:calc(var(--spacing) * 72)}
#soup-haleem-page .md\:justify-start{justify-content:flex-start}}
@media (min-width:64rem){#soup-haleem-page .lg\:py-10{padding-block:calc(var(--spacing) * 10)}}

/* ===== صفحه «نرم افزار رستورانی تحت وب» — مسیر #web-restaurant =====
   طراحی و چیدمان همان صفحه‌ی اصلی تحت وب است؛ چارچوب، حاشیه‌ی راست/چپ سکشن‌ها، فونت Vazirmatn و رنگ‌ها
   مثل صفحه‌ی «اتوماسیون تغذیه» از پالت همین سایت (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند. */
#soup-haleem-page{--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good);--color-orange-100:var(--fa-soft);--color-orange-300:var(--gold1)}
#soup-haleem-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #soup-haleem-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #soup-haleem-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#soup-haleem-page{--text-7xl:4.5rem;--text-7xl--line-height:1}
#soup-haleem-page[hidden]{display:none}
html.is-web body>section:not(#mp-sec),html.is-web #nl-sec,html.is-web #cta-band,html.is-web .pgx{display:none!important}
#soup-haleem-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#soup-haleem-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#soup-haleem-page .semibold-fanum-font,#soup-haleem-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#soup-haleem-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#soup-haleem-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#soup-haleem-page a{color:inherit;text-decoration:none}
#soup-haleem-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#soup-haleem-page input[type=checkbox]{accent-color:var(--gold1)}
#soup-haleem-page .bg-white{background-color:var(--sec-alt)}
#soup-haleem-page .text-black{color:var(--ink)}
#soup-haleem-page .text-primary{color:var(--ink)}
#soup-haleem-page .text-\[\#0A2745\]{color:var(--ink)}
#soup-haleem-page .border-\[\#0A2745\]{border-color:var(--ink)}
#soup-haleem-page .bg-primary.text-white,#soup-haleem-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
@media (hover:hover){#soup-haleem-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#soup-haleem-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#soup-haleem-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#soup-haleem-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#soup-haleem-page .faq-open svg{transition:transform .2s}
#soup-haleem-page .no-scrollbar{scrollbar-width:none}
#soup-haleem-page .no-scrollbar::-webkit-scrollbar{display:none}
#soup-haleem-page .sol-toast{background:var(--nv);color:#f6ecd6;z-index:4000;text-align:center;border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#soup-haleem-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#soup-haleem-page .ab-menu.open{display:block}
#soup-haleem-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#soup-haleem-page .ab-menu button:hover,#soup-haleem-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#soup-haleem-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#soup-haleem-page .ab-msg:empty{display:none}
#soup-haleem-page .ab-msg.err{color:#ffb4aa}
/* هیرو: زمینه‌ی اسپرسو (به‌جای سرمه‌ای)، متن و دکمه‌ها مثل هیروی صفحه‌ی اتوماسیون تغذیه */
#soup-haleem-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,#2b2118 60%,#1c1712 100%)}
#soup-haleem-page >div>div.relative h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#soup-haleem-page >div>div.relative h1 .text-\[\#FF4C00\]{color:var(--gold1,#d6b374)}
#soup-haleem-page >div>div.relative h2{color:#efe4d2;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#soup-haleem-page >div>div.relative p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#soup-haleem-page >div>div.relative a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#soup-haleem-page >div>div.relative a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#soup-haleem-page >div>div.relative a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* نوار فهرست بخش‌ها: چسبان زیر هدر (مثل صفحه‌ی اتوماسیون تغذیه) */
#soup-haleem-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#soup-haleem-page #ah-toc{background:var(--acc)!important;position:sticky;top:var(--wb-top,0px);z-index:19;transition:box-shadow .25s}
#soup-haleem-page #ah-toc.wb-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#soup-haleem-page section[id^="wb-"]{scroll-margin-top:calc(var(--wb-top,0px) + var(--wb-bar,64px) + 10px)}
/* نظرات: فقط یک صفحه نظر در منبع وجود دارد؛ صفحه‌بندی بی‌اثر مخفی شد */
#soup-haleem-page nav[aria-label="صفحه‌بندی"]{display:none}
/* ===== نمایش بزرگ تصویر مشابه صفحه‌ی اتوماسیون تغذیه: نام تب، فلش قبلی/بعدی، دکمه‌ی بستن ===== */
#soup-haleem-page #ah-lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#soup-haleem-page #ah-lightbox.open{display:flex}
#soup-haleem-page #ah-lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#food-page .no-scrollbar{scrollbar-width:none}
#food-page .no-scrollbar::-webkit-scrollbar{display:none}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .faq-open svg{transition:transform .2s}
#food-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#food-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#food-page #service-menu.open{display:block}
#food-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#food-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#food-page .left-\[35\%\]{
    left: 35%;
  }
#food-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#food-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#food-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#food-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#food-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#food-page .min-h-screen{
    min-height: 100vh;
  }
#food-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#food-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#food-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#food-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#food-page .max-w-xl{
    max-width: var(--container-xl);
  }
#food-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#food-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .flex-wrap{
    flex-wrap: wrap;
  }
#food-page .justify-around{
    justify-content: space-around;
  }
#food-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#food-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#food-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#food-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#food-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#food-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#food-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#food-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#food-page .bg-ab-card{
    background-color: var(--card);
  }
#food-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#food-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#food-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#food-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#food-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#food-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#food-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#food-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#food-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#food-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#food-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#food-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#food-page .text-ab-cream{
    color: #f6ecd6;
  }
#food-page .text-ab-ink{
    color: var(--ink);
  }
#food-page .text-ab-mut{
    color: var(--mut);
  }
#food-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#food-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#food-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#food-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#food-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#food-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#food-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#food-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#food-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#food-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#food-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#food-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#food-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#food-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#food-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#food-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#food-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#food-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#food-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#food-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#food-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#food-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#food-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#food-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#food-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#food-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#food-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#food-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#food-page .lg\:h-\[550px\]{
      height: 550px;
    }
#food-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#food-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#food-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#food-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#food-page .xl\:h-auto{
      height: auto;
    }
#food-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#food-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#food-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#food-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#food-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#food-page .xl\:py-0{
      padding-block: 0px;
    }
#food-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#food-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#food-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#food-page .ab-menu.open{display:block}
#food-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#food-page .ab-menu button:hover,#food-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#food-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#food-page .ab-msg:empty{display:none}
#food-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#food-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#food-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#food-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#food-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#food-page .brand-scroll-animation{--g:5rem}}
#food-page .brand-scroll-animation:hover{animation-play-state:paused}
#food-page .brand-scroll-animation,#food-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#food-page *{transition:none!important}#food-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#food-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#food-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#food-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#food-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#food-page [id^=fa-]{scroll-margin-top:120px}
#food-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#food-page .semibold-fanum-font,#food-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#food-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#food-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#food-page a{color:inherit;text-decoration:none}
#food-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#food-page input[type=checkbox]{accent-color:var(--gold1)}
#food-page .bg-white{background-color:var(--sec-alt)}
#food-page .text-black{color:var(--ink)}
#food-page .text-\[\#0A2745\],#food-page .text-secondary{color:var(--ink)}
#food-page .bg-primary.text-white,#food-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#food-page .bg-secondary.text-white,#food-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#food-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#food-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#food-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .sol-toast{background:var(--nv);color:#f6ecd6}
#food-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#soup-haleem-page #ah-lightbox img{background:var(--card)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#soup-haleem-page #ah-lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#soup-haleem-page #ah-lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#soup-haleem-page #ah-lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#soup-haleem-page #ah-lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#soup-haleem-page #ah-lightbox .lb-x,#soup-haleem-page #ah-lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#soup-haleem-page #ah-lightbox .lb-x{top:14px;left:14px}
#soup-haleem-page #ah-lightbox .lb-nav{top:50%;margin-top:-22px}
#soup-haleem-page #ah-lightbox .lb-prev{right:14px}
#soup-haleem-page #ah-lightbox .lb-next{left:14px}
#soup-haleem-page #ah-lightbox .lb-x:hover,#soup-haleem-page #ah-lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#soup-haleem-page #ah-lightbox .lb-x:focus-visible,#soup-haleem-page #ah-lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #soup-haleem-page #ah-lightbox{padding:60px 12px 84px}
 #soup-haleem-page #ah-lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #soup-haleem-page #ah-lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #soup-haleem-page #ah-lightbox .lb-prev{right:16px}
 #soup-haleem-page #ah-lightbox .lb-next{left:16px}
 #soup-haleem-page #ah-lightbox figcaption{max-width:calc(100vw - 150px)}}
@media (prefers-reduced-motion:reduce){#soup-haleem-page *{transition:none!important}}

/* حاشیه‌ی راست/چپ یکسان همه‌ی سکشن‌ها مثل صفحه‌ی اتوماسیون تغذیه */
#soup-haleem-page{--wb-px:clamp(1rem,4vw + .5rem,9rem)}
@media(min-width:96rem){#soup-haleem-page{--wb-px:clamp(2rem,12vw + 20rem,16rem)}}
#soup-haleem-page >div>div.relative{border-radius:0 0 48px 48px}
#soup-haleem-page #ah-packages>div.flex:not(.pr-first){padding-inline:var(--wb-px)}
/* پکیج‌ها: هم‌رنگ و هم‌استایل تب اول صفحه قیمت‌ها */
#soup-haleem-page #ah-packages{--color-secondary:var(--nv)}
#soup-haleem-page #ah-packages .text-secondary{color:var(--ink)}
#soup-haleem-page #ah-packages .bg-white{background-color:var(--sec-alt)}
#soup-haleem-page #ah-packages .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
@media (hover:hover){
#soup-haleem-page #ah-packages .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}
#soup-haleem-page #ah-packages .group-hover\:border-\[\#0A2745\]:is(:where(.group):hover *){border-color:var(--ink)}
#soup-haleem-page #ah-packages .group-hover\:text-\[\#0A2745\]:is(:where(.group):hover *){color:var(--ink)}
#soup-haleem-page #ah-packages .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px rgba(43,33,24,.22), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page #ah-packages .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px rgba(43,33,24,.28), 0 10px 0 0 var(--ink), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#soup-haleem-page #ah-packages .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]:is(:where(.group):hover *){--tw-shadow:0 8px 24px color-mix(in srgb,var(--acc) 38%,transparent);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
}
@media (min-width:48rem){#soup-haleem-page .md\:p-24{padding:calc(var(--spacing) * 24)}}
#soup-haleem-page #ah-pro-features article{padding-inline:var(--wb-px)}
#soup-haleem-page #ah-pro-features article>div{padding-inline:0!important}
#soup-haleem-page #ah-images .flex-\[0_0_100\%\]{padding:0}
#soup-haleem-page #ah-images .flex-\[0_0_100\%\] .p-2{padding:0}
#soup-haleem-page #ah-modules .CONTENT_CLASSES{padding-inline:0!important;margin-inline:0!important;max-width:none!important}
#soup-haleem-page #ah-modules>div>div{padding-inline:var(--wb-px)}

/* نمایی از محیط کاربری: تصویر در سمت چپ + دکمه‌های دو‌ستونه در سمت راست */
#soup-haleem-page .wb-gal{display:flex;flex-direction:row;align-items:center;gap:clamp(20px,3vw,48px);width:100%}
#soup-haleem-page .wb-tabs{flex:0 0 42%;display:grid;grid-template-columns:1fr 1fr;gap:14px}
#soup-haleem-page .wb-tab{cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:10px 14px;border:2px solid var(--nv);border-radius:999px;background:transparent;color:var(--ink);font-size:clamp(13px,1.05vw,17px);line-height:1.6;transition:background .2s,color .2s,box-shadow .2s}
#soup-haleem-page .wb-tab:hover{background:color-mix(in srgb,var(--nv) 10%,transparent)}
#soup-haleem-page .wb-tab[aria-selected=true]{background:var(--nv);color:#f6ecd6;box-shadow:0 8px 22px -10px var(--nv)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #soup-haleem-page .wb-tab{border-color:var(--line)}:root:not([data-theme="light"]) #soup-haleem-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}}
:root[data-theme="dark"] #soup-haleem-page .wb-tab{border-color:var(--line)}
:root[data-theme="dark"] #soup-haleem-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}
#soup-haleem-page .wb-stage{position:relative;flex:1 1 0;min-width:0;aspect-ratio:16/9.6;background:transparent;border:0;border-radius:0;overflow:hidden}
#soup-haleem-page .wb-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:0}
#soup-haleem-page .wb-zoom{position:absolute;top:10px;right:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;font-size:26px;line-height:1;color:#0A2745;background:#fff;border:1px solid rgba(10,39,69,.18);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;transition:opacity .2s,transform .2s}
#soup-haleem-page .wb-zoom:hover{opacity:.85;transform:scale(1.06)}
#soup-haleem-page .wb-zoom:focus-visible{outline:2px solid #d6b374;outline-offset:2px}
@media(max-width:900px){#soup-haleem-page .wb-gal{flex-direction:column-reverse;align-items:stretch}#soup-haleem-page .wb-stage{flex:none;width:100%}#soup-haleem-page .wb-tabs{flex:none}#soup-haleem-page .wb-tab{min-height:46px;padding:8px 10px}}
#soup-haleem-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#soup-haleem-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#soup-haleem-page .bg-ab-card{
    background-color: var(--card);
  }
#soup-haleem-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#soup-haleem-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#soup-haleem-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#soup-haleem-page .text-ab-cream{
    color: #f6ecd6;
  }
#soup-haleem-page .text-ab-ink{
    color: var(--ink);
  }
#soup-haleem-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#soup-haleem-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#soup-haleem-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#soup-haleem-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#soup-haleem-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#soup-haleem-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#soup-haleem-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#soup-haleem-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#soup-haleem-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#soup-haleem-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#soup-haleem-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#soup-haleem-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#soup-haleem-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#soup-haleem-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#soup-haleem-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#soup-haleem-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#soup-haleem-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#soup-haleem-page .bg-ab-card{
    background-color: var(--card);
  }
#soup-haleem-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#soup-haleem-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#soup-haleem-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#soup-haleem-page .text-ab-cream{
    color: #f6ecd6;
  }
#soup-haleem-page .text-ab-ink{
    color: var(--ink);
  }
#soup-haleem-page .text-ab-mut{
    color: var(--mut);
  }
#soup-haleem-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#soup-haleem-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#soup-haleem-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#soup-haleem-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#soup-haleem-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#soup-haleem-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#soup-haleem-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#soup-haleem-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#soup-haleem-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#soup-haleem-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#soup-haleem-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#soup-haleem-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#soup-haleem-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#soup-haleem-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#soup-haleem-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#soup-haleem-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#soup-haleem-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#soup-haleem-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#soup-haleem-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }

#soup-haleem-page .bg-ab-gold\/45:focus,#soup-haleem-page .focus\:bg-ab-gold\/45:focus{background-color:color-mix(in oklab,#d6b374 45%,transparent)}
#soup-haleem-page .app-actions{gap:14px;flex-wrap:wrap}
#soup-haleem-page .app-dl{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.5rem;border-radius:999px;background:var(--acc);color:var(--on-acc,#fff);font-size:clamp(13px,1.1vw,18px);transition:transform .25s,box-shadow .25s}
#soup-haleem-page .app-dl:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--acc)}
#soup-haleem-page section[aria-label="اعلان نسخه اندروید نرم‌افزار رستوران سول"]{margin-bottom:0}
#soup-haleem-page section.md\:mb-72{margin-bottom:0!important}
#soup-haleem-page section.md\:mb-72{margin-top:-44px!important}
@media(min-width:48rem){#soup-haleem-page section.md\:mb-72{margin-top:-86px!important}}
@media(min-width:80rem){#soup-haleem-page section.md\:mb-72{margin-top:-194px!important}}
@media(min-width:96rem){#soup-haleem-page section.md\:mb-72{margin-top:-210px!important}}
/* فاصله‌ی نوار قرمز: هم‌اندازه‌ی اون توی صفحه‌ی اتوماسیون تغذیه (--fa-gap) */
#soup-haleem-page{--fa-gap:clamp(12px,1.8vw,24px)}
#soup-haleem-page #ah-toc{margin-top:var(--fa-gap)!important}
#soup-haleem-page #ah-toc + section{margin-top:var(--fa-gap)!important;padding-top:6rem}
#soup-haleem-page #ah-toc + section>div>div>h2:first-child{margin-top:0!important}
/* امکانات: رنگ عنوان کارت‌ها مثل صفحه ویندوزی */
#soup-haleem-page #ah-features-list .text-secondary{color:var(--ink)}
/* ===== هایلایت قابلیت آفلاین در هیروی صفحه وب ===== */
@media(min-width:64rem){#soup-haleem-page>div>div.relative{height:auto;min-height:calc(var(--spacing)*194);padding-bottom:204px}}
@media(min-width:80rem){#soup-haleem-page>div>div.relative{padding-bottom:312px}}
@media(min-width:96rem){#soup-haleem-page>div>div.relative{padding-bottom:328px}}
#soup-haleem-page .ofl{position:relative;isolation:isolate;overflow:hidden;direction:rtl;width:min(100%,1180px);margin:clamp(14px,2vw,26px) auto 0;padding:clamp(18px,2vw,28px) clamp(18px,2.6vw,38px);border-radius:28px;color:#fff;text-align:right;display:flex;align-items:center;gap:clamp(16px,2.4vw,34px);background:linear-gradient(120deg,#7d1f19 0%,#b3342b 52%,#7d1f19 100%);border:2px solid var(--gold1,#d6b374);box-shadow:0 24px 50px -18px rgba(0,0,0,.75),0 0 0 7px rgba(227,194,138,.14);animation:ofl-in .9s .3s both cubic-bezier(.2,.8,.2,1)}
#soup-haleem-page .ofl:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 14px,transparent 14px 28px)}
#soup-haleem-page .ofl:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,236,190,.28) 50%,transparent 62%);transform:translateX(-130%);animation:ofl-sw 5s ease-in-out infinite}
#soup-haleem-page .ofl-ic{position:relative;flex:none;width:clamp(64px,6.4vw,92px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.28);border:2px solid rgba(251,230,174,.7)}
#soup-haleem-page .ofl-ic:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(251,230,174,.55);animation:ofl-p 2.4s ease-out infinite}
#soup-haleem-page .ofl-ic svg{width:56%;height:56%}
#soup-haleem-page .ofl-ok{position:absolute;bottom:-4px;left:-4px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:900;color:#fff;background:#2f9e5b;border:3px solid #7d1f19}
#soup-haleem-page .ofl-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}
#soup-haleem-page .ofl-k{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;font-size:13px;font-weight:800;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f)}
#soup-haleem-page .ofl-k i{width:8px;height:8px;border-radius:50%;background:#b3342b;animation:ofl-d 1.4s ease-in-out infinite}
#soup-haleem-page .ofl-h{margin:0;font-weight:900;font-size:clamp(20px,2.3vw,36px);line-height:1.45;color:#fff}
#soup-haleem-page .ofl-p{margin:0;font-weight:500;font-size:clamp(13px,1.2vw,17px);line-height:1.9;color:#fbe9d0}
#soup-haleem-page .ofl-ch{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
#soup-haleem-page .ofl-ch li{padding:4px 13px;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:700;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}
#soup-haleem-page .ofl-go{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:290px;padding:14px 26px;border-radius:999px;font-size:clamp(14px,1.2vw,17px);font-weight:900;line-height:1.6;text-align:center;text-decoration:none;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f);box-shadow:0 12px 26px -8px rgba(0,0,0,.6);transition:transform .2s,filter .2s}
#soup-haleem-page .ofl-go:hover{transform:translateY(-2px);filter:brightness(1.06)}
#soup-haleem-page .ofl-go:focus-visible{outline:3px solid #fff;outline-offset:3px}
#soup-haleem-page .ofl-go svg{flex:none;width:20px;height:20px;transition:transform .25s}
#soup-haleem-page .ofl-go:hover svg{transform:translateX(-5px)}
@keyframes ofl-in{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ofl-sw{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@keyframes ofl-p{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.28);opacity:0}}
@keyframes ofl-d{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:860px){#soup-haleem-page .ofl{flex-direction:column;text-align:center;border-radius:24px}#soup-haleem-page .ofl-k{align-self:center}#soup-haleem-page .ofl-ch{justify-content:center}#soup-haleem-page .ofl-go{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){#soup-haleem-page .ofl,#soup-haleem-page .ofl:after,#soup-haleem-page .ofl-ic:before,#soup-haleem-page .ofl-k i{animation:none}}
#soup-haleem-page #ah-toc>div>.lg\:-mt-32{margin-top:0!important}
#soup-haleem-page #ah-modules a.group{color:inherit;text-decoration:none}

/* امکانات حرفه‌ای: تصویر چسبیده به لبه‌ی صفحه (مارجین صفر)، متن با مارجین استاندارد، ارتفاع هر بخش = یک ویو */
#soup-haleem-page #ah-pro-features{--pf-h:clamp(360px,calc(100svh - 190px),780px)}
#soup-haleem-page #ah-pro-features article{box-sizing:border-box;padding-inline:0!important;overflow:hidden}
#soup-haleem-page #ah-pro-features article>div{margin-inline:0!important;min-width:0}
#soup-haleem-page #ah-pro-features article>div:first-child{padding:0!important}
#soup-haleem-page #ah-pro-features article>div:first-child>.relative{translate:none!important;margin:0!important;width:100%}
#soup-haleem-page #ah-pro-features article>div:first-child img{object-fit:contain!important}
#soup-haleem-page #ah-pro-features article>div:last-child{padding-inline:var(--wb-px)!important}
@media(min-width:1024px){
 #soup-haleem-page #ah-pro-features article{display:flex;flex-direction:row;align-items:center;margin-top:clamp(20px,4vh,48px)!important;min-height:var(--pf-h)}
 #soup-haleem-page #ah-pro-features article>div:first-child{flex:0 0 min(60%,calc(var(--pf-h)*1.3334));width:min(60%,calc(var(--pf-h)*1.3334))!important;max-width:none}
 #soup-haleem-page #ah-pro-features article>div:first-child>.relative{aspect-ratio:auto!important;min-height:0!important;height:min(var(--pf-h),calc(60vw*.75))}
 #soup-haleem-page #ah-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:first-child img{object-position:left center}
 #soup-haleem-page #ah-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:first-child img{object-position:right center}
 #soup-haleem-page #ah-pro-features article>div:last-child{flex:1 1 0;width:auto!important;max-width:none}
 #soup-haleem-page #ah-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:last-child{padding-left:clamp(16px,2vw,40px)!important;padding-right:var(--wb-px)!important}
 #soup-haleem-page #ah-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:last-child{padding-right:clamp(16px,2vw,40px)!important;padding-left:var(--wb-px)!important}
 /* فشرده‌سازی متن تا ارتفاع در یک ویو جا شود */
 #soup-haleem-page #ah-pro-features article>div:last-child{padding-top:0!important}
 #soup-haleem-page #ah-pro-features article h3{margin-bottom:clamp(6px,1.4vh,18px)!important;font-size:clamp(17px,2.6vh,26px)!important}
 #soup-haleem-page #ah-pro-features article h3>span:first-child{font-size:clamp(48px,10vh,100px)!important;line-height:1}
 #soup-haleem-page #ah-pro-features article ul{font-size:clamp(11px,1.7vh,15px)!important}
 #soup-haleem-page #ah-pro-features article ul>li+li{margin-top:clamp(4px,1vh,11px)!important}
}
/* رنگ‌های نارنجی (با شفافیت) در این سکشن → رنگ اصلی سایت */
#soup-haleem-page #ah-pro-features .text-\[\#FF4C00\]\/30{color:color-mix(in srgb,var(--acc) 30%,transparent)}
#soup-haleem-page #ah-pro-features .bg-\[\#FF4C00\]\/10,#soup-haleem-page #ah-pro-features .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:color-mix(in srgb,var(--acc) 10%,transparent)}
#soup-haleem-page #ah-pro-features .bg-\[\#FF4C00\]\/20{background-color:color-mix(in srgb,var(--acc) 20%,transparent)}
#soup-haleem-page #ah-pro-features .border-\[\#FF4C00\]\/20,#soup-haleem-page #ah-pro-features .hover\:border-\[\#FF4C00\]\/30:hover{border-color:color-mix(in srgb,var(--acc) 25%,transparent)}
#soup-haleem-page #ah-pro-features [class*="FF4C00"]{--tw-shadow-color:color-mix(in srgb,var(--acc) 40%,transparent)}

/* تصاویر ویژگی‌های حرفه‌ای: قاب دستگاه + کارت + دایره‌ی هم‌رنگ سایت */
#soup-haleem-page #ah-pro-features .pf-art{position:absolute;inset:0}
#soup-haleem-page #ah-pro-features .pf-circle{position:absolute;width:56%;aspect-ratio:1;border-radius:50%;top:0;background:var(--acc);z-index:0}
#soup-haleem-page #ah-pro-features .pf-dev{position:absolute;z-index:1;top:8%;width:94%;aspect-ratio:3148/2244;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
#soup-haleem-page #ah-pro-features .pf-dev img{display:block;width:100%;height:100%;object-fit:contain!important;position:static!important}
#soup-haleem-page #ah-pro-features .pf-pop{position:absolute;z-index:2;bottom:2%;max-width:80%;height:auto;object-fit:contain!important}
#soup-haleem-page #ah-pro-features .pf-L .pf-dev{left:-5%}
#soup-haleem-page #ah-pro-features .pf-L .pf-circle{right:2%}
#soup-haleem-page #ah-pro-features .pf-L .pf-pop{right:3%}
#soup-haleem-page #ah-pro-features .pf-R .pf-dev{right:-5%}
#soup-haleem-page #ah-pro-features .pf-R .pf-circle{left:2%}
#soup-haleem-page #ah-pro-features .pf-R .pf-pop{left:3%}


#soup-haleem-page .vx-sec{--d:clamp(240px,27vw,400px);border-top:1px dashed var(--gold2);text-align:center}
#soup-haleem-page .vx-cmp{display:inline-block;padding:5px 16px;border:1px dashed var(--gold2);border-radius:999px;font-size:13px;font-weight:800;color:var(--goldtxt)}
#soup-haleem-page .vx-hd h2{margin:.5em 0 0;font-size:clamp(26px,3.4vw,52px);line-height:1.5;font-weight:800;color:var(--hn)}
#soup-haleem-page .vx-hd h2 em{font-style:normal;background:linear-gradient(90deg,var(--gold2),var(--gold1));-webkit-background-clip:text;background-clip:text;color:transparent}
#soup-haleem-page .vx-hd p{margin:.4em auto 0;max-width:46ch;font-size:clamp(14px,1.1vw,16px);line-height:2;color:var(--mut)}
#soup-haleem-page .vx-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(16px,2vw,30px) clamp(16px,2vw,30px);margin-top:clamp(20px,2.5vw,40px);align-items:stretch}
#soup-haleem-page .vx-card{position:relative;display:flex;flex-direction:column;margin-top:calc(var(--d)*.46);border-radius:36px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
#soup-haleem-page .vx-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),color-mix(in srgb,var(--gold2) 16%,transparent) 0 1px,transparent 1px 34px)}
#soup-haleem-page .vx-web{color:#f6ecd9;border-color:rgba(214,179,116,.3);background:linear-gradient(160deg,#3d2e1f,#2a2018);box-shadow:var(--shadow)}
#soup-haleem-page .vx-web:before{background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),rgba(246,236,217,.06) 0 1px,transparent 1px 34px)}
#soup-haleem-page .vx-media{position:relative;z-index:1;width:var(--d);aspect-ratio:1;margin:calc(var(--d)*-.46) auto 0}
#soup-haleem-page .vx-ph{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 clamp(3px,.45vw,6px) rgba(214,179,116,.55),0 30px 60px -26px rgba(40,26,10,.65)}
#soup-haleem-page .vx-ring{position:absolute;inset:-5%;border-radius:50%;border:1.5px solid rgba(214,179,116,.5);pointer-events:none}
#soup-haleem-page .vx-ring:after{content:"";position:absolute;bottom:3%;left:14%;width:9px;height:9px;border-radius:50%;background:var(--gold1);box-shadow:0 0 14px var(--gold1)}
#soup-haleem-page .vx-chip,#soup-haleem-page .vx-mini{position:absolute;z-index:2;display:flex;align-items:center;gap:.6em;color:var(--ink);background:var(--card);border:1px solid var(--line);box-shadow:0 14px 30px -14px rgba(60,40,10,.45)}
#soup-haleem-page .vx-web .vx-chip,#soup-haleem-page .vx-web .vx-mini{color:#f6ecd9;background:rgba(30,22,15,.62);border-color:rgba(246,236,217,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
#soup-haleem-page .vx-chip{left:-7%;top:58%;padding:.6em 1.2em;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:800;white-space:nowrap}
#soup-haleem-page .vx-chip svg{width:1.3em;height:1.3em;flex:none;color:var(--gold2)}
#soup-haleem-page .vx-web .vx-chip svg{color:#e3c28a}
#soup-haleem-page .vx-mini{right:-4%;bottom:5%;flex-direction:column;align-items:stretch;gap:0;min-width:128px;padding:12px 16px;border-radius:20px;text-align:start;font-size:clamp(11px,.95vw,13px)}
#soup-haleem-page .vx-mini small{font-weight:700;opacity:.9}
#soup-haleem-page .vx-mini b{margin-top:4px;color:var(--leaf);font-size:1.1em}
#soup-haleem-page .vx-bars{display:flex;align-items:flex-end;gap:5px;height:32px;margin-top:9px;direction:ltr}
#soup-haleem-page .vx-bars i{flex:1;height:var(--h);border-radius:3px;background:linear-gradient(180deg,#d6e8b8,#7fa560);transform-origin:bottom}
#soup-haleem-page .vx-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;padding:clamp(20px,2vw,30px) clamp(20px,2.8vw,48px) clamp(26px,2.8vw,44px)}
#soup-haleem-page .vx-body .vx-t{margin:0;font-size:clamp(24px,2.4vw,38px);font-weight:800;line-height:1.5;color:var(--hn)}
#soup-haleem-page .vx-web .vx-t{color:#fff6e4}
#soup-haleem-page .vx-sub{margin:.1em 0 .9em;font-size:clamp(17px,1.6vw,24px);font-weight:700;line-height:1.6;color:var(--goldtxt)}
#soup-haleem-page .vx-web .vx-sub{color:#e3c28a}
#soup-haleem-page .vx-desc{margin:0 auto 1em;max-width:58ch;font-size:clamp(14px,1.08vw,16.5px);line-height:2.15;color:var(--ink)}
#soup-haleem-page .vx-web .vx-desc{color:rgba(246,236,217,.86)}
#soup-haleem-page .vx-aud{display:inline-flex;align-items:center;gap:10px;margin:0 auto 1.6em;padding:9px 18px 9px 20px;border-radius:999px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 28%,transparent)}
#soup-haleem-page .vx-web .vx-aud{background:rgba(214,179,116,.12);border-color:rgba(214,179,116,.3)}
#soup-haleem-page .vx-aud svg{width:19px;height:19px;flex:none;color:var(--leaf)}
#soup-haleem-page .vx-web .vx-aud svg{color:#e3c28a}
#soup-haleem-page .vx-vl{display:flex;align-items:center;gap:14px;margin:0 auto .9em;width:min(100%,460px);font-size:13.5px;font-weight:800;color:var(--leaf)}
#soup-haleem-page .vx-vl:before,#soup-haleem-page .vx-vl:after{content:"";flex:1;height:1px;background:currentColor;opacity:.3}
#soup-haleem-page .vx-web .vx-vl{color:#a4c27f}
#soup-haleem-page .vx-ft{list-style:none;margin:0 auto 1.8em;padding:0;width:min(100%,460px);display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;text-align:start}
#soup-haleem-page .vx-ft li{display:flex;align-items:center;gap:10px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700}
#soup-haleem-page .vx-ft svg{flex:none;width:24px;height:24px;padding:5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#soup-haleem-page .vx-web .vx-ft svg{color:#a4c27f;background:rgba(164,194,127,.2)}
#soup-haleem-page .vx-ft .vx-star{grid-column:1/-1;padding:10px 16px;border-radius:16px;font-weight:800;color:#1c1712;background:linear-gradient(135deg,#e3c28a,#b58a45);box-shadow:0 10px 22px -12px #b58a45}
#soup-haleem-page .vx-ft .vx-star svg{width:26px;height:26px;padding:4px;color:#e3c28a;background:#1c1712}
#soup-haleem-page .vx-ft .vx-star em{margin-inline-start:auto;font-style:normal;font-size:.8em;padding:2px 10px;border-radius:999px;background:#1c1712;color:#e3c28a}
#soup-haleem-page .vx-act{margin-top:auto;display:flex;flex-direction:column;gap:12px}
#soup-haleem-page .vx-act a{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border-radius:999px;border:2px solid var(--acc);font-size:15px;font-weight:800;line-height:1.7;transition:transform .2s,filter .2s,background .2s,color .2s}
#soup-haleem-page .vx-b1{background:var(--acc);color:var(--on-acc)}
#soup-haleem-page .vx-b1:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 22px -10px var(--acc)}
#soup-haleem-page .vx-b2{border-color:var(--gold2)!important;color:var(--goldtxt)}
#soup-haleem-page .vx-b2:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#soup-haleem-page .vx-web .vx-b2{border-color:#e3c28a!important;color:#e3c28a}
#soup-haleem-page .vx-web .vx-b2:hover{color:#1c1712}
#soup-haleem-page .vx-new{padding:1px 10px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:11.5px;line-height:1.8}
#soup-haleem-page .vx-web .vx-b2:hover .vx-new{background:#1c1712;color:#e3c28a}
#soup-haleem-page .vx-act a:focus-visible{outline:3px solid var(--gold1);outline-offset:3px}
#soup-haleem-page .vx-ready .vx-media{opacity:0;transform:translateY(48px) scale(.94);transition:opacity .9s,transform 1.1s cubic-bezier(.2,.8,.2,1)}
#soup-haleem-page .vx-ready .vx-card:nth-child(2) .vx-media{transition-delay:.18s}
#soup-haleem-page .vx-ready .vx-chip,#soup-haleem-page .vx-ready .vx-mini{opacity:0;transition:opacity .7s .7s}
#soup-haleem-page .vx-ready .vx-bars i{transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.8,.2,1) calc(.9s + var(--d2,0s))}
#soup-haleem-page .vx-ready .vx-card.in .vx-media,#soup-haleem-page .vx-ready .vx-card.in .vx-chip,#soup-haleem-page .vx-ready .vx-card.in .vx-mini{opacity:1;transform:none}
#soup-haleem-page .vx-ready .vx-card.in .vx-bars i{transform:none}
@media(max-width:1000px){#soup-haleem-page .vx-sec{--d:clamp(230px,56vw,380px)}
#soup-haleem-page .vx-grid{grid-template-columns:1fr}}
@media(max-width:560px){#soup-haleem-page .vx-mini{display:none}
#soup-haleem-page .vx-ft{grid-template-columns:1fr}
#soup-haleem-page .vx-card{border-radius:28px}}
@media(prefers-reduced-motion:reduce){#soup-haleem-page .vx-ready .vx-media,#soup-haleem-page .vx-ready .vx-chip,#soup-haleem-page .vx-ready .vx-mini,#soup-haleem-page .vx-ready .vx-bars i,#soup-haleem-page .vx-act a{transition:none}}
@media(min-width:1001px){#soup-haleem-page .vx-sec{--d:clamp(230px,min(33vh,26vw),420px)}}
#soup-haleem-page .vx-card{margin-top:calc(var(--d)*.44);border-radius:30px}
#soup-haleem-page .vx-media{margin-top:calc(var(--d)*-.44)}
#soup-haleem-page .vx-cmp{padding:3px 14px;font-size:12px}
#soup-haleem-page .vx-hd h2{margin:.25em 0 0;font-size:clamp(22px,2.3vw,36px);line-height:1.4}
#soup-haleem-page .vx-hd p{display:none}
#soup-haleem-page .vx-grid{margin-top:clamp(6px,1.2vh,14px);gap:clamp(14px,1.6vw,24px)}
#soup-haleem-page .vx-chip{left:-13%;top:50%;padding:.5em 1em}
#soup-haleem-page .vx-mini{right:-9%;bottom:-3%;min-width:108px;padding:9px 12px}
#soup-haleem-page .vx-body{padding:clamp(12px,1.6vh,18px) clamp(18px,2.4vw,36px) clamp(18px,2.4vh,26px)}
#soup-haleem-page .vx-body .vx-t{font-size:clamp(20px,1.9vw,29px);line-height:1.4}
#soup-haleem-page .vx-sub{margin:0 0 .5em;font-size:clamp(15px,1.25vw,19px);line-height:1.5}
#soup-haleem-page .vx-desc{margin-bottom:.7em;font-size:clamp(13px,.95vw,14.5px);line-height:1.95}
#soup-haleem-page .vx-aud{margin-bottom:1em;padding:6px 16px 6px 18px;font-size:13px}
#soup-haleem-page .vx-aud svg{width:17px;height:17px}
#soup-haleem-page .vx-vl{margin-bottom:.6em;font-size:12.5px}
#soup-haleem-page .vx-ft{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-bottom:1.1em}
#soup-haleem-page .vx-ft li{padding:5px 14px 5px 10px;border-radius:999px;font-size:13.5px;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 26%,transparent)}
#soup-haleem-page .vx-web .vx-ft li{background:rgba(164,194,127,.12);border-color:rgba(164,194,127,.28)}
#soup-haleem-page .vx-ft svg{width:20px;height:20px;padding:4px}
#soup-haleem-page .vx-web .vx-ft .vx-star,#soup-haleem-page .vx-ft .vx-star{flex:1 1 100%;max-width:340px;padding:7px 14px;border:0;background:linear-gradient(135deg,#e3c28a,#b58a45)}
#soup-haleem-page .vx-web .vx-ft .vx-star svg,#soup-haleem-page .vx-ft .vx-star svg{width:22px;height:22px;color:#e3c28a;background:#1c1712}
#soup-haleem-page .vx-act{gap:8px}
#soup-haleem-page .vx-act a{padding:10px 20px;font-size:14px}
#soup-haleem-page .vx-desc{max-width:84ch}
#soup-haleem-page .vx-act{flex-direction:row;flex-wrap:wrap;justify-content:center}
#soup-haleem-page .vx-act a{flex:1 1 auto;padding:10px 16px;font-size:13.5px}
#soup-haleem-page .vx-chip{font-size:clamp(12px,.9vw,14px)}
#soup-haleem-page .vx-chip,#soup-haleem-page .vx-mini{display:none!important}
@keyframes vx-spin{to{rotate:360deg}}
@keyframes vx-pulse{0%{transform:scale(.97);opacity:.55}100%{transform:scale(1.2);opacity:0}}
#soup-haleem-page .vx-ring{inset:-6%;border:1.5px dashed rgba(227,194,138,.6);animation:vx-spin 50s linear infinite}
#soup-haleem-page .vx-win .vx-ring{border-color:color-mix(in srgb,var(--gold2) 65%,transparent)}
#soup-haleem-page .vx-ring:before{content:"";position:absolute;inset:-2px;border-radius:50%;
background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold1) 30%,transparent) 78%,#f3d9a0 100%);
-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
animation:vx-spin 6s linear infinite reverse}
#soup-haleem-page .vx-win .vx-ring:before{background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold2) 35%,transparent) 78%,var(--gold2) 100%)}
#soup-haleem-page .vx-ring:after{bottom:auto;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;background:#f3d9a0;box-shadow:0 0 0 4px rgba(227,194,138,.2),0 0 16px 2px var(--gold1)}
#soup-haleem-page .vx-media:after{content:"";position:absolute;inset:-6%;border-radius:50%;border:1.5px solid var(--gold1);pointer-events:none;animation:vx-pulse 4.2s cubic-bezier(.2,.6,.3,1) infinite}
#soup-haleem-page .vx-card:nth-child(2) .vx-media:after{animation-delay:2.1s}
#soup-haleem-page .vx-card:hover .vx-ring{animation-duration:14s}
@media(prefers-reduced-motion:reduce){#soup-haleem-page .vx-ring,#soup-haleem-page .vx-ring:before,#soup-haleem-page .vx-media:after{animation:none}}

#soup-haleem-page .vx-sec{border-top:0}
#soup-haleem-page .vx-ph{overflow:hidden;background:var(--bg2)}
#soup-haleem-page .vx-win .vx-ph{background:var(--card)}
#soup-haleem-page .vx-rec{position:absolute;z-index:3;top:18px;left:22px;padding:4px 16px;border-radius:999px;border:1.5px solid var(--gold1);background:rgba(28,23,18,.55);color:#e3c28a;font-size:13px;font-weight:800;backdrop-filter:blur(8px)}
#soup-haleem-page .vx-pre{margin:0 auto;max-width:42rem;padding-inline:1rem;text-align:center;font-size:.875rem;line-height:1.9;color:var(--mut)}
@media(min-width:64rem){#soup-haleem-page .vx-pre{font-size:1rem}}
#soup-haleem-page .vx-sec{margin-top:clamp(12px,2vw,28px)}
#soup-haleem-page a.vx-b2[href="#"]{cursor:pointer}
html.is-ah body>section:not(#mp-sec),html.is-ah #nl-sec,html.is-ah #cta-band,html.is-ah .pgx,html.is-ah #hk-cards{display:none!important}


@media(min-width:1024px){#soup-haleem-page #ah-images h2{max-width:none;white-space:nowrap;font-size:min(48px,3.4vw)}}

#ah-versions .cv-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto repeat(10,auto) auto;column-gap:clamp(12px,2vw,28px);width:100%}
#ah-versions .cv-card{position:relative;grid-row:1/span 13;display:grid;grid-template-rows:subgrid;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
#ah-versions .cv-web{border:1.5px solid var(--gold2)}
#ah-versions .cv-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:clamp(8px,1.4vh,14px) 18px 2px}
#ah-versions .cv-t{font-weight:800;line-height:1.4;font-size:clamp(16px,2.3vh,23px);color:var(--hn,var(--ink))}
#ah-versions .cv-rec{order:2;flex:none;font-size:12px;font-weight:800;padding:3px 12px;border-radius:999px;background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#ah-versions .cv-d{margin:0;padding:0 20px clamp(6px,1.2vh,12px);font-size:clamp(12px,1.6vh,14px);line-height:1.7;color:color-mix(in srgb,var(--ink) 82%,var(--mut))}
#ah-versions .cv-c{display:flex;align-items:center;gap:10px;padding:clamp(3px,.55vh,7px) 18px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);font-size:clamp(12px,1.6vh,14.5px);line-height:1.6}
#ah-versions .cv-tx{display:flex;flex-direction:column}
#ah-versions .cv-tx b{font-weight:700}
#ah-versions .cv-tx small{font-size:.85em;opacity:.75}
#ah-versions .cv-ck{flex:none;width:20px;height:20px;padding:3.5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#ah-versions .cv-star{background:color-mix(in srgb,var(--gold1) 20%,transparent);font-weight:800}
#ah-versions .cv-off{background:color-mix(in srgb,var(--mut) 6%,transparent)}
#ah-versions .cv-no{width:100%;text-align:center;color:var(--mut);opacity:.6}
#ah-versions .cv-act{display:flex;gap:10px;padding:clamp(7px,1.1vh,12px) 18px clamp(8px,1.4vh,14px);border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
#ah-versions .cv-act a{flex:1;text-align:center;font-weight:700;font-size:clamp(12.5px,1.7vh,14.5px);padding:clamp(6px,1vh,10px) 12px;border-radius:999px;transition:transform .2s,filter .2s}
#ah-versions .cv-b1{background:var(--acc);color:var(--on-acc)}
#ah-versions .cv-b2{border:1.5px solid var(--gold2);color:var(--goldtxt)}
#ah-versions .cv-act a:hover{transform:translateY(-2px);filter:brightness(1.08)}
@media(max-width:700px){
#ah-versions .cv-grid{grid-template-columns:1fr;grid-template-rows:none;row-gap:16px}
#ah-versions .cv-card{grid-row:auto;grid-template-rows:none}
#ah-versions .cv-card>*{grid-row:auto!important}
}

#ah-versions .cv-grid{padding-top:22px}
#ah-versions .cv-card{overflow:visible}
#ah-versions .cv-h{padding-top:30px;min-height:30px}
#ah-versions .cv-t{position:absolute;top:0;inset-inline:0;margin-inline:auto;transform:translateY(-50%);width:max-content;max-width:calc(100% - 24px);text-align:center;padding:7px 26px;border-radius:999px;font-size:clamp(14px,1.9vh,17px);line-height:1.5;color:var(--goldtxt);background:var(--card);border:1.5px solid var(--gold2);box-shadow:0 0 0 6px var(--bg)}
#ah-versions .cv-web .cv-t{color:var(--on-gold);background:linear-gradient(135deg,var(--gold1),var(--gold2));border-color:var(--gold2)}
#ah-versions .cv-act{border-radius:0 0 22px 22px}
@media(min-width:640px){#ah-versions h2{max-width:none!important;white-space:nowrap}}@media(min-width:900px){#ah-versions .vx-pre{max-width:none!important;white-space:nowrap;font-size:clamp(11px,1.2vw,15px)!important}}


#ah-profit{font-family:'Vazirmatn',inherit;color:var(--ink)}
#ah-profit .cp-h{margin:0 auto .5rem;text-align:center;font-size:clamp(20px,3.2vw,36px);line-height:1.4;color:var(--ink)}
#ah-profit .cp-sub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#ah-profit .cp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,32px);max-width:none;margin:0 auto}
#ah-profit .cp-item{--w:clamp(64px,6.5vw,92px);position:relative;display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--w)*.4)}
#ah-profit .cp-ic{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;width:var(--w);height:auto;filter:drop-shadow(0 6px 8px rgba(120,86,30,.25))}
#ah-profit .cp-c{width:100%;max-width:280px;aspect-ratio:1;border-radius:50%;border:1.5px dashed var(--acc);background:color-mix(in srgb,var(--card) 70%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--w)*.4 + 6px) clamp(18px,2.4vw,34px) clamp(14px,2vw,24px);margin-top:0;transition:transform .3s,box-shadow .3s,background .3s}
#ah-profit .cp-item:hover .cp-c{transform:translateY(-4px);box-shadow:var(--shadow);background:var(--card)}
#ah-profit .cp-n{display:inline;font-weight:800;font-size:clamp(28px,3.6vw,48px);line-height:1.2;color:var(--acc)}
#ah-profit .cp-p{display:inline;font-weight:800;font-size:clamp(16px,1.8vw,24px);color:var(--acc);margin-inline-start:2px}
#ah-profit .cp-c p{margin:.35rem 0 0;font-size:clamp(11.5px,1.15vw,14.5px);line-height:1.8;color:var(--ink)}
#ah-profit .cp-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,56px)}
#ah-profit .cp-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 36px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:clamp(14px,1.3vw,16px);border:2px solid var(--acc);transition:transform .2s,box-shadow .2s,filter .2s}
#ah-profit .cp-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:900px){#ah-profit .cp-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}}
@media(max-width:480px){#ah-profit .cp-c{max-width:200px}#ah-profit .cp-c p{font-size:11px}}


#ah-images .ah-gsub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#ah-images .wb-stage{border-radius:28px}
#ah-images .ah-slide{position:absolute;inset:0;display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:color-mix(in srgb,var(--bg2) 85%,var(--card));border:1px solid var(--line);border-radius:28px;color:color-mix(in srgb,var(--mut) 55%,transparent)}
#ah-images .ah-slide[hidden]{display:none}
#ah-images .ah-slide>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(56px,8vw,96px);height:auto}
#ah-images .ah-slide img{display:block;width:100%;height:auto}
#soup-haleem-page #ah-lightbox{overflow:hidden}
#soup-haleem-page #ah-lightbox .lb-fig img{touch-action:none;user-select:none;-webkit-user-select:none;transform-origin:center center;position:relative;z-index:1}
#soup-haleem-page #ah-lightbox .lb-x,#soup-haleem-page #ah-lightbox .lb-nav{z-index:3}
#soup-haleem-page #ah-lightbox .lb-zoombar{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;direction:ltr}
#soup-haleem-page #ah-lightbox .lb-zoombar button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#soup-haleem-page #ah-lightbox .lb-zoombar .lb-zreset{width:auto;min-width:68px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;font-family:inherit}
#soup-haleem-page #ah-lightbox .lb-zoombar button:hover:not(:disabled){background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#soup-haleem-page #ah-lightbox .lb-zoombar button:disabled{opacity:.4;cursor:default}
#soup-haleem-page #ah-lightbox .lb-zoombar button:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}


#ah-features-list .ahl-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut);max-width:48rem}
#ah-features-list .ahl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);max-width:none;margin:0 auto}
#ah-features-list .ahl-card{display:flex;align-items:center;gap:14px;min-height:96px;padding:14px 18px;background:var(--card);color:var(--ink);border:1px solid color-mix(in srgb,var(--acc) 50%,transparent);border-left:4px solid var(--acc);border-radius:16px;transition:transform .25s,box-shadow .25s,border-color .25s}
#ah-features-list .ahl-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--acc)}
#ah-features-list .ahl-ic{flex:0 0 auto;width:30px;height:30px;color:var(--acc)}
#ah-features-list .ahl-card p{margin:0;flex:1;min-width:0;text-align:right;font-size:clamp(12px,1.05vw,14px);line-height:1.9;color:var(--ink)}
#ah-features-list .ahl-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,64px)}
#ah-features-list .ahl-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 40px;border-radius:999px;background:var(--acc);color:var(--on-acc);border:2px solid var(--acc);font-size:clamp(14px,1.3vw,17px);transition:transform .2s,box-shadow .2s,filter .2s}
#ah-features-list .ahl-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:1100px){#ah-features-list .ahl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#ah-features-list .ahl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#ah-features-list .ahl-grid{grid-template-columns:1fr}#ah-features-list .ahl-card{min-height:76px}}


#ah-modules .ahm-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#ah-modules .ahm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);max-width:none;margin:0 auto}
#ah-modules .ahm-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2vw,26px) clamp(18px,2.2vw,32px);border-radius:22px;background:color-mix(in srgb,var(--acc) 6%,var(--card));color:var(--ink);text-decoration:none;box-shadow:0 8px 24px -14px rgba(43,33,24,.25);transition:background .25s,color .25s,transform .25s,box-shadow .25s}
#ah-modules .ahm-head{display:flex;align-items:center;gap:14px}
#ah-modules .ahm-ic{flex:0 0 auto;width:clamp(34px,3.2vw,44px);height:clamp(34px,3.2vw,44px);color:var(--acc);transition:color .25s}
#ah-modules .ahm-card h3{margin:0;font-size:clamp(13.5px,1.2vw,16px);line-height:1.8;color:inherit}
#ah-modules .ahm-card p{margin:0;font-size:clamp(12px,1.05vw,14px);line-height:2.1;color:inherit;opacity:.85;text-align:right}
#ah-modules .ahm-go{position:absolute;top:clamp(20px,2.2vw,30px);left:clamp(18px,2.2vw,30px);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--card);color:var(--acc);opacity:0;transform:translateX(8px);transition:opacity .25s,transform .25s}
#ah-modules .ahm-card:hover,#ah-modules .ahm-card:focus-visible{background:var(--acc);color:var(--on-acc);transform:translateY(-3px);box-shadow:0 18px 36px -16px color-mix(in srgb,var(--acc) 60%,transparent)}
#ah-modules .ahm-card:hover .ahm-ic,#ah-modules .ahm-card:focus-visible .ahm-ic{color:var(--on-acc)}
#ah-modules .ahm-card:hover p,#ah-modules .ahm-card:focus-visible p{opacity:1}
#ah-modules .ahm-card:hover .ahm-go,#ah-modules .ahm-card:focus-visible .ahm-go{opacity:1;transform:none}
#ah-modules .ahm-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(hover:none){#ah-modules .ahm-go{opacity:1;transform:none;background:color-mix(in srgb,var(--acc) 12%,transparent)}}
@media(max-width:800px){#ah-modules .ahm-grid{grid-template-columns:1fr}}


#soup-haleem-page #ah-customers .group-hover\:bg-ab-bg2:is(:where(.group):hover *){background-color:var(--bg2)}
#soup-haleem-page #ah-customers .hover\:border-ab-acc:hover{border-color:var(--acc,#a9322b)}
#soup-haleem-page #ah-customers .bg-ab-bg2{background-color:var(--bg2)}
#soup-haleem-page #ah-customers .max-w-\[88\%\]{max-width:88%}
#soup-haleem-page #ah-customers .backface-visibility-hidden{backface-visibility:hidden}
#soup-haleem-page #ah-customers [style*="padding-left:clamp(1rem"]{padding-inline:clamp(1rem,4vw + .5rem,9rem)!important}
#soup-haleem-page #ah-customers .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#soup-haleem-page #ah-customers .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#soup-haleem-page #ah-customers .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#soup-haleem-page #ah-customers .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#soup-haleem-page #ah-customers .brand-scroll-animation{--g:5rem}}
#soup-haleem-page #ah-customers .brand-scroll-animation:hover{animation-play-state:paused}
#soup-haleem-page #ah-customers .brand-scroll-animation,#soup-haleem-page #ah-customers :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#soup-haleem-page #ah-customers .brand-scroll-animation{animation:none}}


#soup-haleem-page .ob-sec{background:var(--sec-alt,#fff);margin-top:calc(.25rem * 24)}
#soup-haleem-page .ob-in{width:100%;max-width:100%;padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#soup-haleem-page .ob-h{margin:0 auto;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800;font-size:1.5rem;line-height:2rem}
#soup-haleem-page .ob-p{margin:16px auto 0;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400;font-size:1rem;line-height:1.5}
#soup-haleem-page .ob-g{display:grid;grid-template-columns:repeat(2,minmax(0,181px));justify-content:space-evenly;justify-items:center;column-gap:16px;row-gap:calc(.25rem * 24);margin:calc(.25rem * 36) 0 calc(.25rem * 24)}
#soup-haleem-page .ob-c{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;max-width:181px;height:180px;padding:32px 16px 24px;background:var(--fa-soft);border-radius:20px;box-shadow:none;text-decoration:none;cursor:pointer;transition:all .3s ease-out}
#soup-haleem-page .ob-c:hover,#soup-haleem-page .ob-c:focus-visible{background:var(--acc);transform:translateY(-4px);box-shadow:0 10px 24px rgba(10,39,69,.14)}
#soup-haleem-page .ob-c:focus-visible{outline:2px solid var(--nv);outline-offset:3px}
#soup-haleem-page .ob-ph{width:100%;display:flex;align-items:center;justify-content:center;margin-top:calc(.25rem * -20)}
#soup-haleem-page .ob-img{position:relative;display:flex;align-items:center;justify-content:center;width:155.95px;max-width:calc(100% + 8px);aspect-ratio:1/1;border-radius:9999px;background:var(--line);overflow:hidden;transform:translateY(-16px)}
#soup-haleem-page .ob-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#soup-haleem-page .ob-ph-svg{width:70%;height:70%;display:block}
#soup-haleem-page .ob-t{margin-top:4px;text-align:center;color:var(--acc);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700;font-size:1rem;line-height:1.5;transition:color .3s ease-out}
#soup-haleem-page .ob-c:hover .ob-t,#soup-haleem-page .ob-c:focus-visible .ob-t{color:var(--color-white,#fff)}
@media (min-width:40rem){
 #soup-haleem-page .ob-h{font-size:1.875rem;line-height:2.25rem}
 #soup-haleem-page .ob-g{grid-template-columns:repeat(3,minmax(0,181px));column-gap:40px}
}
@media (min-width:64rem){
 #soup-haleem-page .ob-h{line-height:56px}
 #soup-haleem-page .ob-g{grid-template-columns:repeat(4,minmax(0,181px))}
}
@media (min-width:80rem){
 #soup-haleem-page .ob-sec{margin-top:calc(.25rem * 50)}
 #soup-haleem-page .ob-h{font-size:36px}
 #soup-haleem-page .ob-g{grid-template-columns:repeat(6,minmax(0,181px));justify-content:space-between;column-gap:12px;row-gap:80px;margin:128px 0 96px}
}
@media (min-width:96rem){
 #soup-haleem-page .ob-in{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
}
@media (prefers-reduced-motion:reduce){#soup-haleem-page .ob-c,#soup-haleem-page .ob-t{transition:none}#soup-haleem-page .ob-c:hover,#soup-haleem-page .ob-c:focus-visible{transform:none}}

#soup-haleem-page .ah-hw-wrap{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
@media (min-width:96rem){#soup-haleem-page .ah-hw-wrap{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}}
#soup-haleem-page #ah-modules>div>div>h2{max-width:none!important;white-space:nowrap;font-size:clamp(13px,3.1vw,48px)!important;line-height:1.6!important;padding-inline:0!important}


#soup-haleem-page #ah-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#soup-haleem-page #ah-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#soup-haleem-page #ah-about *{box-sizing:border-box}
#soup-haleem-page #ah-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#soup-haleem-page #ah-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#soup-haleem-page #ah-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#soup-haleem-page #ah-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#soup-haleem-page #ah-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#soup-haleem-page #ah-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#soup-haleem-page #ah-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#soup-haleem-page #ah-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#soup-haleem-page #ah-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#soup-haleem-page #ah-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#soup-haleem-page #ah-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#soup-haleem-page #ah-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#soup-haleem-page #ah-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#soup-haleem-page #ah-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#soup-haleem-page #ah-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#soup-haleem-page #ah-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#soup-haleem-page #ah-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#soup-haleem-page #ah-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#soup-haleem-page #ah-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#soup-haleem-page #ah-about .seo-more[hidden]{display:none}
#soup-haleem-page #ah-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#soup-haleem-page #ah-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#soup-haleem-page #ah-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#soup-haleem-page #ah-about.seo-open .seo-fade,#soup-haleem-page #ah-about:not(.seo-js) .seo-fade{opacity:0}
#soup-haleem-page #ah-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#soup-haleem-page #ah-about .seo-ls,#soup-haleem-page #ah-about .seo-ls.seo-sm{grid-template-columns:1fr}#soup-haleem-page #ah-about .seo-in p{text-align:start}#soup-haleem-page #ah-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#soup-haleem-page #ah-about .seo-body,#soup-haleem-page #ah-about .seo-ls li,#soup-haleem-page #ah-about .seo-more,#soup-haleem-page #ah-about .seo-more i svg,#soup-haleem-page #ah-about .seo-fade{transition:none!important}}
#soup-haleem-page #ah-about .seo-in h2{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#soup-haleem-page #ah-about .seo-in h2:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#soup-haleem-page #ah-about .seo-in .seo-h4{margin:22px 0 8px;font-size:clamp(16px,1.3vw,19px);font-weight:800;color:var(--goldtxt);line-height:1.8}#soup-haleem-page #ah-about .seo-in h3.seo-h4{padding-inline-start:0}#soup-haleem-page #ah-about .seo-in h3.seo-h4:before{display:none}
#soup-haleem-page #ah-about .seo-in strong{font-weight:800;color:var(--ink)}
#soup-haleem-page #ah-about .seo-td li{display:flex;flex-direction:column;gap:2px}
#soup-haleem-page #ah-about .seo-td li>b{font-weight:800;color:var(--goldtxt);font-size:clamp(14.5px,1.1vw,16.5px)}
#soup-haleem-page #ah-about .seo-td li>span{color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#soup-haleem-page #ah-about .seo-ls li.seo-wide{grid-column:1/-1}
#soup-haleem-page #ah-about .seo-ls .seo-sub{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 22px}
#soup-haleem-page #ah-about .seo-ls .seo-sub li{position:relative;padding:0;padding-inline-start:18px;background:none;border:0;border-radius:0;transform:none;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#soup-haleem-page #ah-about .seo-ls .seo-sub li:hover{transform:none;border-color:transparent}
#soup-haleem-page #ah-about .seo-ls .seo-sub li:before{inset-inline-start:2px;top:.95em;width:6px;height:6px;border-radius:50%;transform:none}
@media(max-width:760px){#soup-haleem-page #ah-about .seo-ls .seo-sub{grid-template-columns:1fr}}


@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-gradient-position{syntax:"*";inherits:false}
@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-stops{syntax:"*";inherits:false}
@property --tw-gradient-via-stops{syntax:"*";inherits:false}
@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#sandwich-shop-page *,#sandwich-shop-page :before,#sandwich-shop-page :after,#sandwich-shop-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}
#sandwich-shop-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft)}
#sandwich-shop-page *,#sandwich-shop-page :after,#sandwich-shop-page :before,#sandwich-shop-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#sandwich-shop-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#sandwich-shop-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#sandwich-shop-page hr{height:0;color:inherit;border-top-width:1px}
#sandwich-shop-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#sandwich-shop-page h1,#sandwich-shop-page h2,#sandwich-shop-page h3,#sandwich-shop-page h4,#sandwich-shop-page h5,#sandwich-shop-page h6{font-size:inherit;font-weight:inherit}
#sandwich-shop-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#sandwich-shop-page b,#sandwich-shop-page strong{font-weight:bolder}
#sandwich-shop-page code,#sandwich-shop-page kbd,#sandwich-shop-page samp,#sandwich-shop-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#sandwich-shop-page small{font-size:80%}
#sandwich-shop-page sub,#sandwich-shop-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#sandwich-shop-page sub{bottom:-.25em}
#sandwich-shop-page sup{top:-.5em}
#sandwich-shop-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#sandwich-shop-page :-moz-focusring:where(:not(iframe)){outline:auto}
#sandwich-shop-page progress{vertical-align:baseline}
#sandwich-shop-page summary{display:list-item}
#sandwich-shop-page ol,#sandwich-shop-page ul,#sandwich-shop-page menu{list-style:none}
#sandwich-shop-page img,#sandwich-shop-page svg,#sandwich-shop-page video,#sandwich-shop-page canvas,#sandwich-shop-page audio,#sandwich-shop-page iframe,#sandwich-shop-page embed,#sandwich-shop-page object{vertical-align:middle;display:block}
#sandwich-shop-page img,#sandwich-shop-page video{max-width:100%;height:auto}
#sandwich-shop-page button,#sandwich-shop-page input,#sandwich-shop-page select,#sandwich-shop-page optgroup,#sandwich-shop-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#sandwich-shop-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#sandwich-shop-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#sandwich-shop-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#sandwich-shop-page ::file-selector-button{margin-inline-end:4px}
#sandwich-shop-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#sandwich-shop-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#sandwich-shop-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#sandwich-shop-page textarea{resize:vertical}
#sandwich-shop-page ::-webkit-search-decoration{-webkit-appearance:none}
#sandwich-shop-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#sandwich-shop-page ::-webkit-datetime-edit{display:inline-flex}
#sandwich-shop-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#sandwich-shop-page ::-webkit-datetime-edit{padding-block:0}
#sandwich-shop-page ::-webkit-datetime-edit-year-field{padding-block:0}
#sandwich-shop-page ::-webkit-datetime-edit-month-field{padding-block:0}
#sandwich-shop-page ::-webkit-datetime-edit-day-field{padding-block:0}
#sandwich-shop-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#sandwich-shop-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#sandwich-shop-page ::-webkit-datetime-edit-second-field{padding-block:0}
#sandwich-shop-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#sandwich-shop-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#sandwich-shop-page ::-webkit-calendar-picker-indicator{line-height:1}
#sandwich-shop-page :-moz-ui-invalid{box-shadow:none}
#sandwich-shop-page button,#sandwich-shop-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#sandwich-shop-page ::file-selector-button{appearance:button}
#sandwich-shop-page ::-webkit-inner-spin-button{height:auto}
#sandwich-shop-page ::-webkit-outer-spin-button{height:auto}
#sandwich-shop-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#sandwich-shop-page .pointer-events-none{pointer-events:none}
#sandwich-shop-page .visible{visibility:visible}
#sandwich-shop-page .absolute{position:absolute}
#sandwich-shop-page .fixed{position:fixed}
#sandwich-shop-page .relative{position:relative}
#sandwich-shop-page .-inset-0\.5{inset:calc(var(--spacing) * -.5)}
#sandwich-shop-page .inset-0{inset:0}
#sandwich-shop-page .inset-x-0{inset-inline:0}
#sandwich-shop-page .-top-1{top:calc(var(--spacing) * -1)}
#sandwich-shop-page .-top-5{top:calc(var(--spacing) * -5)}
#sandwich-shop-page .top-0{top:0}
#sandwich-shop-page .top-2{top:calc(var(--spacing) * 2)}
#sandwich-shop-page .top-3{top:calc(var(--spacing) * 3)}
#sandwich-shop-page .top-6{top:calc(var(--spacing) * 6)}
#sandwich-shop-page .top-full{top:100%}
#sandwich-shop-page .-right-1{right:calc(var(--spacing) * -1)}
#sandwich-shop-page .right-0{right:0}
#sandwich-shop-page .right-1{right:var(--spacing)}
#sandwich-shop-page .right-2{right:calc(var(--spacing) * 2)}
#sandwich-shop-page .right-3{right:calc(var(--spacing) * 3)}
#sandwich-shop-page .right-4{right:calc(var(--spacing) * 4)}
#sandwich-shop-page .right-12{right:calc(var(--spacing) * 12)}
#sandwich-shop-page .bottom-0{bottom:0}
#sandwich-shop-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#sandwich-shop-page .left-0{left:0}
#sandwich-shop-page .left-1\/2{left:50%}
#sandwich-shop-page .left-3{left:calc(var(--spacing) * 3)}
#sandwich-shop-page .-z-10{z-index:calc(10 * -1)}
#sandwich-shop-page .z-0{z-index:0}
#sandwich-shop-page .z-10{z-index:10}
#sandwich-shop-page .z-20{z-index:20}
#sandwich-shop-page .z-30{z-index:30}
#sandwich-shop-page .z-40{z-index:40}
#sandwich-shop-page .z-50{z-index:50}
#sandwich-shop-page .z-1000{z-index:1000}
#sandwich-shop-page .order-1{order:1}
#sandwich-shop-page .order-2{order:2}
#sandwich-shop-page .order-3{order:3}
#sandwich-shop-page .mx-1{margin-inline:var(--spacing)}
#sandwich-shop-page .mx-auto{margin-inline:auto}
#sandwich-shop-page .my-0{margin-block:0}
#sandwich-shop-page .my-2{margin-block:calc(var(--spacing) * 2)}
#sandwich-shop-page .my-16{margin-block:calc(var(--spacing) * 16)}
#sandwich-shop-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#sandwich-shop-page .mt-0{margin-top:0}
#sandwich-shop-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#sandwich-shop-page .mt-1{margin-top:var(--spacing)}
#sandwich-shop-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#sandwich-shop-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#sandwich-shop-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#sandwich-shop-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#sandwich-shop-page .mt-16{margin-top:calc(var(--spacing) * 16)}
#sandwich-shop-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#sandwich-shop-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#sandwich-shop-page .mt-70{margin-top:calc(var(--spacing) * 70)}
#sandwich-shop-page .mb-1{margin-bottom:var(--spacing)}
#sandwich-shop-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#sandwich-shop-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#sandwich-shop-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#sandwich-shop-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#sandwich-shop-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#sandwich-shop-page .mb-12{margin-bottom:calc(var(--spacing) * 12)}
#sandwich-shop-page .mb-16{margin-bottom:calc(var(--spacing) * 16)}
#sandwich-shop-page .block{display:block}
#sandwich-shop-page .flex{display:flex}
#sandwich-shop-page .grid{display:grid}
#sandwich-shop-page .hidden{display:none}
#sandwich-shop-page .inline-block{display:inline-block}
#sandwich-shop-page .inline-flex{display:inline-flex}
#sandwich-shop-page .aspect-4\/3{aspect-ratio:4/3}
#sandwich-shop-page .h-4{height:calc(var(--spacing) * 4)}
#sandwich-shop-page .h-5{height:calc(var(--spacing) * 5)}
#sandwich-shop-page .h-6{height:calc(var(--spacing) * 6)}
#sandwich-shop-page .h-8{height:calc(var(--spacing) * 8)}
#sandwich-shop-page .h-10{height:calc(var(--spacing) * 10)}
#sandwich-shop-page .h-12{height:calc(var(--spacing) * 12)}
#sandwich-shop-page .h-14{height:calc(var(--spacing) * 14)}
#sandwich-shop-page .h-16{height:calc(var(--spacing) * 16)}
#sandwich-shop-page .h-20{height:calc(var(--spacing) * 20)}
#sandwich-shop-page .h-32{height:calc(var(--spacing) * 32)}
#sandwich-shop-page .h-50{height:calc(var(--spacing) * 50)}
#sandwich-shop-page .h-72{height:calc(var(--spacing) * 72)}
#sandwich-shop-page .h-\[50px\]{height:50px}
#sandwich-shop-page .h-\[72px\]{height:72px}
#sandwich-shop-page .h-\[200px\]{height:200px}
#sandwich-shop-page .h-auto{height:auto}
#sandwich-shop-page .h-fit{height:fit-content}
#sandwich-shop-page .h-full{height:100%}
#sandwich-shop-page .max-h-0{max-height:0}
#sandwich-shop-page .max-h-\[280px\]{max-height:280px}
#sandwich-shop-page .max-h-\[600px\]{max-height:600px}
#sandwich-shop-page .min-h-0{min-height:0}
#sandwich-shop-page .min-h-\[44px\]{min-height:44px}
#sandwich-shop-page .min-h-\[280px\]{min-height:280px}
#sandwich-shop-page .min-h-\[300px\]{min-height:300px}
#sandwich-shop-page .w-4{width:calc(var(--spacing) * 4)}
#sandwich-shop-page .w-5{width:calc(var(--spacing) * 5)}
#sandwich-shop-page .w-6{width:calc(var(--spacing) * 6)}
#sandwich-shop-page .w-8{width:calc(var(--spacing) * 8)}
#sandwich-shop-page .w-10{width:calc(var(--spacing) * 10)}
#sandwich-shop-page .w-12{width:calc(var(--spacing) * 12)}
#sandwich-shop-page .w-14{width:calc(var(--spacing) * 14)}
#sandwich-shop-page .w-16{width:calc(var(--spacing) * 16)}
#sandwich-shop-page .w-20{width:calc(var(--spacing) * 20)}
#sandwich-shop-page .w-24{width:calc(var(--spacing) * 24)}
#sandwich-shop-page .w-30{width:calc(var(--spacing) * 30)}
#sandwich-shop-page .w-32{width:calc(var(--spacing) * 32)}
#sandwich-shop-page .w-44{width:calc(var(--spacing) * 44)}
#sandwich-shop-page .w-72{width:calc(var(--spacing) * 72)}
#sandwich-shop-page .w-auto{width:auto}
#sandwich-shop-page .w-fit{width:fit-content}
#sandwich-shop-page .w-full{width:100%}
#sandwich-shop-page .max-w-2xl{max-width:var(--container-2xl)}
#sandwich-shop-page .max-w-4xl{max-width:var(--container-4xl)}
#sandwich-shop-page .max-w-5xl{max-width:var(--container-5xl)}
#sandwich-shop-page .max-w-6xl{max-width:var(--container-6xl)}
#sandwich-shop-page .max-w-\[600px\]{max-width:600px}
#sandwich-shop-page .max-w-full{max-width:100%}
#sandwich-shop-page .min-w-0{min-width:0}
#sandwich-shop-page .min-w-\[120px\]{min-width:120px}
#sandwich-shop-page .min-w-full{min-width:100%}
#sandwich-shop-page .flex-1{flex:1}
#sandwich-shop-page .flex-\[0_0_50\%\]{flex:0 0 50%}
#sandwich-shop-page .flex-\[0_0_100\%\]{flex:0 0 100%}
#sandwich-shop-page .flex-shrink-0,#sandwich-shop-page .shrink-0{flex-shrink:0}
#sandwich-shop-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#sandwich-shop-page .-translate-x-\[10px\]{--tw-translate-x:calc(10px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#sandwich-shop-page .translate-x-\[10px\]{--tw-translate-x:10px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#sandwich-shop-page .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#sandwich-shop-page .translate-y-\[-52\%\]{--tw-translate-y:-52%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#sandwich-shop-page .scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#sandwich-shop-page .scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#sandwich-shop-page .rotate-0{rotate:0deg}
#sandwich-shop-page .rotate-90{rotate:90deg}
#sandwich-shop-page .rotate-180{rotate:180deg}
#sandwich-shop-page .transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}
#sandwich-shop-page .cursor-not-allowed{cursor:not-allowed}
#sandwich-shop-page .cursor-pointer{cursor:pointer}
#sandwich-shop-page .snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}
#sandwich-shop-page .snap-mandatory{--tw-scroll-snap-strictness:mandatory}
#sandwich-shop-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#sandwich-shop-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#sandwich-shop-page .flex-col{flex-direction:column}
#sandwich-shop-page .flex-col-reverse{flex-direction:column-reverse}
#sandwich-shop-page .flex-row{flex-direction:row}
#sandwich-shop-page .flex-row-reverse{flex-direction:row-reverse}
#sandwich-shop-page .items-center{align-items:center}
#sandwich-shop-page .items-end{align-items:flex-end}
#sandwich-shop-page .items-start{align-items:flex-start}
#sandwich-shop-page .items-stretch{align-items:stretch}
#sandwich-shop-page .justify-between{justify-content:space-between}
#sandwich-shop-page .justify-center{justify-content:center}
#sandwich-shop-page .justify-end{justify-content:flex-end}
#sandwich-shop-page .justify-start{justify-content:flex-start}
#sandwich-shop-page .justify-items-stretch{justify-items:stretch}
#sandwich-shop-page .gap-1{gap:var(--spacing)}
#sandwich-shop-page .gap-2{gap:calc(var(--spacing) * 2)}
#sandwich-shop-page .gap-3{gap:calc(var(--spacing) * 3)}
#sandwich-shop-page .gap-4{gap:calc(var(--spacing) * 4)}
#sandwich-shop-page .gap-6{gap:calc(var(--spacing) * 6)}
#sandwich-shop-page .gap-8{gap:calc(var(--spacing) * 8)}
#sandwich-shop-page .gap-12{gap:calc(var(--spacing) * 12)}
#sandwich-shop-page .gap-14{gap:calc(var(--spacing) * 14)}
#sandwich-shop-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#sandwich-shop-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#sandwich-shop-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#sandwich-shop-page :where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#sandwich-shop-page .gap-x-3{column-gap:calc(var(--spacing) * 3)}
#sandwich-shop-page .gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}
#sandwich-shop-page .overflow-hidden{overflow:hidden}
#sandwich-shop-page .overflow-visible{overflow:visible}
#sandwich-shop-page .overflow-x-auto{overflow-x:auto}
#sandwich-shop-page .overflow-x-hidden{overflow-x:hidden}
#sandwich-shop-page .scroll-smooth{scroll-behavior:smooth}
#sandwich-shop-page .rounded-2xl{border-radius:var(--radius-2xl)}
#sandwich-shop-page .rounded-3xl{border-radius:var(--radius-3xl)}
#sandwich-shop-page .rounded-4xl{border-radius:var(--radius-4xl)}
#sandwich-shop-page .rounded-\[50px\]{border-radius:50px}
#sandwich-shop-page .rounded-full{border-radius:2147483647px}
#sandwich-shop-page .rounded-lg{border-radius:var(--radius-lg)}
#sandwich-shop-page .rounded-md{border-radius:var(--radius-md)}
#sandwich-shop-page .rounded-xl{border-radius:var(--radius-xl)}
#sandwich-shop-page .border{border-style:var(--tw-border-style);border-width:1px}
#sandwich-shop-page .border-0{border-style:var(--tw-border-style);border-width:0}
#sandwich-shop-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#sandwich-shop-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#sandwich-shop-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#sandwich-shop-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#sandwich-shop-page .border-b-3{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#sandwich-shop-page .border-none{--tw-border-style:none;border-style:none}
#sandwich-shop-page .border-\[\#E5E7EB\]{border-color:var(--line)}
#sandwich-shop-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#sandwich-shop-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#sandwich-shop-page .border-black{border-color:var(--color-black)}
#sandwich-shop-page .border-gray-200{border-color:var(--color-gray-200)}
#sandwich-shop-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#sandwich-shop-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#sandwich-shop-page .border-green-500{border-color:var(--color-green-500)}
#sandwich-shop-page .border-transparent{border-color:#0000}
#sandwich-shop-page .border-white{border-color:var(--color-white)}
#sandwich-shop-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#sandwich-shop-page .bg-\[\#F0F5F7\]{background-color:var(--bg2)}
#sandwich-shop-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#sandwich-shop-page .bg-\[\#FF4C00\]\/10{background-color:oklab(66.6687% .179651 .134278/.1)}
#sandwich-shop-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#sandwich-shop-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#sandwich-shop-page .bg-accent{background-color:var(--color-accent)}
#sandwich-shop-page .bg-gray-100{background-color:var(--color-gray-100)}
#sandwich-shop-page .bg-primary{background-color:var(--color-primary)}
#sandwich-shop-page .bg-secondary{background-color:var(--color-secondary)}
#sandwich-shop-page .bg-transparent{background-color:#0000}
#sandwich-shop-page .bg-white{background-color:var(--color-white)}
#sandwich-shop-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#sandwich-shop-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#sandwich-shop-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#sandwich-shop-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#sandwich-shop-page .bg-linear-to-br{--tw-gradient-position:to bottom right}
@supports (background-image:linear-gradient(in lab, red, red)){#sandwich-shop-page .bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}
#sandwich-shop-page .bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}
#sandwich-shop-page .bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
#sandwich-shop-page .from-\[\#FF4C00\]{--tw-gradient-from:var(--acc);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#sandwich-shop-page .from-\[\#FF4C00\]\/10{--tw-gradient-from:oklab(66.6687% .179651 .134278/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#sandwich-shop-page .via-orange-300\/5{--tw-gradient-via:#ffb96d0d}
@supports (color:color-mix(in lab, red, red)){#sandwich-shop-page .via-orange-300\/5{--tw-gradient-via:color-mix(in oklab, var(--color-orange-300) 5%, transparent)}}
#sandwich-shop-page .via-orange-300\/5{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
#sandwich-shop-page .to-\[\#FF6B35\]{--tw-gradient-to:color-mix(in srgb,var(--acc) 78%,#fff);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#sandwich-shop-page .to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#sandwich-shop-page .object-contain{object-fit:contain}
#sandwich-shop-page .object-cover{object-fit:cover}
#sandwich-shop-page .p-0{padding:0}
#sandwich-shop-page .p-1{padding:var(--spacing)}
#sandwich-shop-page .p-2{padding:calc(var(--spacing) * 2)}
#sandwich-shop-page .p-3{padding:calc(var(--spacing) * 3)}
#sandwich-shop-page .p-4{padding:calc(var(--spacing) * 4)}
#sandwich-shop-page .p-5{padding:calc(var(--spacing) * 5)}
#sandwich-shop-page .p-6{padding:calc(var(--spacing) * 6)}
#sandwich-shop-page .p-8{padding:calc(var(--spacing) * 8)}
#sandwich-shop-page .px-1{padding-inline:var(--spacing)}
#sandwich-shop-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#sandwich-shop-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#sandwich-shop-page .px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}
#sandwich-shop-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#sandwich-shop-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#sandwich-shop-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#sandwich-shop-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#sandwich-shop-page .px-12{padding-inline:calc(var(--spacing) * 12)}
#sandwich-shop-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#sandwich-shop-page .py-2{padding-block:calc(var(--spacing) * 2)}
#sandwich-shop-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#sandwich-shop-page .py-3{padding-block:calc(var(--spacing) * 3)}
#sandwich-shop-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#sandwich-shop-page .py-4{padding-block:calc(var(--spacing) * 4)}
#sandwich-shop-page .py-6{padding-block:calc(var(--spacing) * 6)}
#sandwich-shop-page .py-8{padding-block:calc(var(--spacing) * 8)}
#sandwich-shop-page .py-10{padding-block:calc(var(--spacing) * 10)}
#sandwich-shop-page .py-12{padding-block:calc(var(--spacing) * 12)}
#sandwich-shop-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#sandwich-shop-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#sandwich-shop-page .pt-6{padding-top:calc(var(--spacing) * 6)}
#sandwich-shop-page .pt-15{padding-top:calc(var(--spacing) * 15)}
#sandwich-shop-page .pt-20{padding-top:calc(var(--spacing) * 20)}
#sandwich-shop-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#sandwich-shop-page .pt-\[72px\]{padding-top:72px}
#sandwich-shop-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#sandwich-shop-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#sandwich-shop-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#sandwich-shop-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#sandwich-shop-page .pb-12{padding-bottom:calc(var(--spacing) * 12)}
#sandwich-shop-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#sandwich-shop-page .pb-48{padding-bottom:calc(var(--spacing) * 48)}
#sandwich-shop-page .text-center{text-align:center}
#sandwich-shop-page .text-justify{text-align:justify}
#sandwich-shop-page .text-right{text-align:right}
#sandwich-shop-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#sandwich-shop-page .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#sandwich-shop-page .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#sandwich-shop-page .text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#sandwich-shop-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#sandwich-shop-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#sandwich-shop-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#sandwich-shop-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#sandwich-shop-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#sandwich-shop-page .text-\[10px\]{font-size:10px}
#sandwich-shop-page .leading-7\.5{--tw-leading:calc(var(--spacing) * 7.5);line-height:calc(var(--spacing) * 7.5)}
#sandwich-shop-page .leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}
#sandwich-shop-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#sandwich-shop-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#sandwich-shop-page .leading-none{--tw-leading:1;line-height:1}
#sandwich-shop-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#sandwich-shop-page .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}
#sandwich-shop-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#sandwich-shop-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#sandwich-shop-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#sandwich-shop-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#sandwich-shop-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#sandwich-shop-page .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
#sandwich-shop-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#sandwich-shop-page .whitespace-nowrap{white-space:nowrap}
#sandwich-shop-page .text-\[\#0A2745\]{color:var(--nv)}
#sandwich-shop-page .text-\[\#1F2A3D\]{color:#33291d}
#sandwich-shop-page .text-\[\#595B5C\]{color:#595b5c}
#sandwich-shop-page .text-\[\#FF4C00\]{color:var(--acc)}
#sandwich-shop-page .text-\[\#FF4C00\]\/30{color:oklab(66.6687% .179651 .134278/.3)}
#sandwich-shop-page .text-\[\#ffff\]{color:#fff}
#sandwich-shop-page .text-black{color:var(--color-black)}
#sandwich-shop-page .text-gray-300{color:var(--color-gray-300)}
#sandwich-shop-page .text-gray-500{color:var(--color-gray-500)}
#sandwich-shop-page .text-gray-600{color:var(--color-gray-600)}
#sandwich-shop-page .text-green-700{color:var(--color-green-700)}
#sandwich-shop-page .text-red-500{color:var(--color-red-500)}
#sandwich-shop-page .text-secondary{color:var(--color-secondary)}
#sandwich-shop-page .text-white{color:var(--color-white)}
#sandwich-shop-page .text-white\/90{color:#ffffffe6}
@supports (color:color-mix(in lab, red, red)){#sandwich-shop-page .text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}
#sandwich-shop-page .not-italic{font-style:normal}
#sandwich-shop-page .underline{text-decoration-line:underline}
#sandwich-shop-page .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#sandwich-shop-page .accent-white{accent-color:var(--color-white)}
#sandwich-shop-page .opacity-0{opacity:0}
#sandwich-shop-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page .shadow-\[0_0_20px_rgba\(255\,76\,0\,0\.4\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page .shadow-\[0_10px_0_0_\#FF4C00\]{--tw-shadow:0 10px 0 0 var(--tw-shadow-color,var(--acc));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#sandwich-shop-page .blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#sandwich-shop-page .blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#sandwich-shop-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#sandwich-shop-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}
#sandwich-shop-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#sandwich-shop-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#sandwich-shop-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#sandwich-shop-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#sandwich-shop-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#sandwich-shop-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#sandwich-shop-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#sandwich-shop-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#sandwich-shop-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#sandwich-shop-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#sandwich-shop-page .duration-500{--tw-duration:.5s;transition-duration:.5s}
#sandwich-shop-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#sandwich-shop-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#sandwich-shop-page .will-change-transform{will-change:transform}
#sandwich-shop-page .select-none{-webkit-user-select:none;user-select:none}
#sandwich-shop-page .\[-webkit-overflow-scrolling\:touch\]{-webkit-overflow-scrolling:touch}
@media (hover:hover){#sandwich-shop-page :is(:where(.group):hover .group-hover\:absolute){position:absolute}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:flex){display:flex}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:-translate-y-1){--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:-translate-y-2){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:-translate-y-full){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:scale-110){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:border-b-2){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:border-b-3){border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:border-\[\#0A2745\]){border-color:var(--nv)}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:border-\[\#FF4C00\]){border-color:var(--acc)}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:border-orange-100){border-color:var(--color-orange-100)}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:border-b-\[\#FF4C00\]){border-bottom-color:var(--acc)}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:bg-\[\#0A2745\]){background-color:var(--nv)}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:bg-\[\#FFF6F2\]){background-color:var(--fa-soft)}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:text-\[\#0A2745\]){color:var(--nv)}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:text-\[\#FF4C00\]){color:var(--acc)}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:text-white){color:var(--color-white)}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:opacity-100){opacity:1}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]){--tw-shadow:0 8px 24px var(--tw-shadow-color,#ff4c0059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:shadow-md){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:shadow-xl){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page :is(:where(.group):hover .group-hover\:blur-xs){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}
#sandwich-shop-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#sandwich-shop-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#sandwich-shop-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#sandwich-shop-page .after\:right-0:after{content:var(--tw-content);right:0}
#sandwich-shop-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#sandwich-shop-page .after\:left-0:after{content:var(--tw-content);left:0}
#sandwich-shop-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#sandwich-shop-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#sandwich-shop-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#sandwich-shop-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#sandwich-shop-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#sandwich-shop-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#sandwich-shop-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#sandwich-shop-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#sandwich-shop-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#sandwich-shop-page .hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#sandwich-shop-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#sandwich-shop-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#sandwich-shop-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#sandwich-shop-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#sandwich-shop-page .hover\:border-\[\#FF4C00\]\/30:hover{border-color:oklab(66.6687% .179651 .134278/.3)}
#sandwich-shop-page .hover\:border-white:hover{border-color:var(--color-white)}
#sandwich-shop-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#sandwich-shop-page .hover\:bg-\[\#081a2e\]:hover{background-color:#1c1712}
#sandwich-shop-page .hover\:bg-\[\#163456\]:hover{background-color:#3a2c1f}
#sandwich-shop-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#sandwich-shop-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#sandwich-shop-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#sandwich-shop-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#sandwich-shop-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:var(--bg2)}
#sandwich-shop-page .hover\:bg-\[\#FFF6F2\]:hover{background-color:var(--fa-soft)}
#sandwich-shop-page .hover\:bg-\[\#e44500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#sandwich-shop-page .hover\:bg-black\/5:hover{background-color:#0000000d}
@supports (color:color-mix(in lab, red, red)){#sandwich-shop-page .hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}
#sandwich-shop-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#sandwich-shop-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#sandwich-shop-page .hover\:bg-white:hover{background-color:var(--color-white)}
#sandwich-shop-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#sandwich-shop-page .hover\:text-\[\#FF4C00\]:hover,#sandwich-shop-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#sandwich-shop-page .hover\:text-white:hover{color:var(--color-white)}
#sandwich-shop-page .hover\:underline:hover{text-decoration-line:underline}
#sandwich-shop-page .hover\:opacity-80:hover{opacity:.8}
#sandwich-shop-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page .hover\:shadow-\[0_0_28px_rgba\(255\,76\,0\,0\.5\)\,0_0_40px_rgba\(10\,39\,69\,0\.3\)\,0_8px_28px_rgba\(10\,39\,69\,0\.35\)\]:hover{--tw-shadow:0 0 28px var(--tw-shadow-color,#ff4c0080), 0 0 40px var(--tw-shadow-color,#0a27454d), 0 8px 28px var(--tw-shadow-color,#0a274559);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px var(--tw-shadow-color,#0a274538), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px var(--tw-shadow-color,#0a274547), 0 10px 0 0 var(--tw-shadow-color,var(--nv)), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#sandwich-shop-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#sandwich-shop-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#sandwich-shop-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#sandwich-shop-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#sandwich-shop-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#sandwich-shop-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#sandwich-shop-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#sandwich-shop-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#sandwich-shop-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#sandwich-shop-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#sandwich-shop-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#sandwich-shop-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#sandwich-shop-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#sandwich-shop-page .focus-visible\:ring-offset-\[\#0A2745\]:focus-visible{--tw-ring-offset-color:var(--nv)}
#sandwich-shop-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#sandwich-shop-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#sandwich-shop-page .active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#sandwich-shop-page .active\:scale-\[0\.98\]:active{scale:.98}
#sandwich-shop-page .active\:bg-\[\#06141f\]:active{background-color:#1c1712}
#sandwich-shop-page .active\:bg-\[\#CC3D00\]:active{background-color:color-mix(in srgb,var(--acc) 72%,#000)}
#sandwich-shop-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
#sandwich-shop-page .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
#sandwich-shop-page .disabled\:opacity-30:disabled{opacity:.3}
#sandwich-shop-page .disabled\:opacity-50:disabled{opacity:.5}
@media (hover:hover){#sandwich-shop-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#sandwich-shop-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#sandwich-shop-page .disabled\:hover\:shadow-lg:disabled:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (min-width:40rem){#sandwich-shop-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#sandwich-shop-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#sandwich-shop-page .sm\:right-4{right:calc(var(--spacing) * 4)}
#sandwich-shop-page .sm\:bottom-1\/3{bottom:33.3333%}
#sandwich-shop-page .sm\:left-4{left:calc(var(--spacing) * 4)}
#sandwich-shop-page .sm\:mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}
#sandwich-shop-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#sandwich-shop-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#sandwich-shop-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#sandwich-shop-page .sm\:mt-20{margin-top:calc(var(--spacing) * 20)}
#sandwich-shop-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#sandwich-shop-page .sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#sandwich-shop-page .sm\:inline{display:inline}
#sandwich-shop-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#sandwich-shop-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#sandwich-shop-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#sandwich-shop-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#sandwich-shop-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#sandwich-shop-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#sandwich-shop-page .sm\:h-96{height:calc(var(--spacing) * 96)}
#sandwich-shop-page .sm\:h-\[60px\]{height:60px}
#sandwich-shop-page .sm\:h-\[100px\]{height:100px}
#sandwich-shop-page .sm\:max-h-\[320px\]{max-height:320px}
#sandwich-shop-page .sm\:min-h-\[400px\]{min-height:400px}
#sandwich-shop-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#sandwich-shop-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#sandwich-shop-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#sandwich-shop-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#sandwich-shop-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#sandwich-shop-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#sandwich-shop-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#sandwich-shop-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#sandwich-shop-page .sm\:w-72{width:calc(var(--spacing) * 72)}
#sandwich-shop-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#sandwich-shop-page .sm\:w-auto{width:auto}
#sandwich-shop-page .sm\:min-w-\[120px\]{min-width:120px}
#sandwich-shop-page .sm\:min-w-\[140px\]{min-width:140px}
#sandwich-shop-page .sm\:flex-\[0_0_30\%\]{flex:0 0 30%}
#sandwich-shop-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#sandwich-shop-page .sm\:flex-row{flex-direction:row}
#sandwich-shop-page .sm\:items-center{align-items:center}
#sandwich-shop-page .sm\:items-start{align-items:flex-start}
#sandwich-shop-page .sm\:justify-end{justify-content:flex-end}
#sandwich-shop-page .sm\:justify-start{justify-content:flex-start}
#sandwich-shop-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#sandwich-shop-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#sandwich-shop-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#sandwich-shop-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#sandwich-shop-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#sandwich-shop-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#sandwich-shop-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#sandwich-shop-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#sandwich-shop-page :where(.sm\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#sandwich-shop-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#sandwich-shop-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#sandwich-shop-page .sm\:rounded-\[36px\]{border-radius:36px}
#sandwich-shop-page .sm\:p-3{padding:calc(var(--spacing) * 3)}
#sandwich-shop-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#sandwich-shop-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#sandwich-shop-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#sandwich-shop-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#sandwich-shop-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#sandwich-shop-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#sandwich-shop-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#sandwich-shop-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#sandwich-shop-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#sandwich-shop-page .sm\:py-0{padding-block:0}
#sandwich-shop-page .sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#sandwich-shop-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#sandwich-shop-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#sandwich-shop-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#sandwich-shop-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#sandwich-shop-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#sandwich-shop-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#sandwich-shop-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#sandwich-shop-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#sandwich-shop-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#sandwich-shop-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#sandwich-shop-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#sandwich-shop-page .sm\:text-\[12px\]{font-size:12px}}
@media (min-width:48rem){#sandwich-shop-page .md\:right-6{right:calc(var(--spacing) * 6)}
#sandwich-shop-page .md\:left-6{left:calc(var(--spacing) * 6)}
#sandwich-shop-page .md\:order-1{order:1}
#sandwich-shop-page .md\:order-2{order:2}
#sandwich-shop-page .md\:my-4{margin-block:calc(var(--spacing) * 4)}
#sandwich-shop-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#sandwich-shop-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#sandwich-shop-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#sandwich-shop-page .md\:mt-44{margin-top:calc(var(--spacing) * 44)}
#sandwich-shop-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#sandwich-shop-page .md\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#sandwich-shop-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#sandwich-shop-page .md\:block{display:block}
#sandwich-shop-page .md\:flex{display:flex}
#sandwich-shop-page .md\:hidden{display:none}
#sandwich-shop-page .md\:inline-block{display:inline-block}
#sandwich-shop-page .md\:h-10{height:calc(var(--spacing) * 10)}
#sandwich-shop-page .md\:h-16{height:calc(var(--spacing) * 16)}
#sandwich-shop-page .md\:h-28{height:calc(var(--spacing) * 28)}
#sandwich-shop-page .md\:h-70{height:calc(var(--spacing) * 70)}
#sandwich-shop-page .md\:h-\[250px\]{height:250px}
#sandwich-shop-page .md\:max-h-none{max-height:none}
#sandwich-shop-page .md\:w-10{width:calc(var(--spacing) * 10)}
#sandwich-shop-page .md\:w-16{width:calc(var(--spacing) * 16)}
#sandwich-shop-page .md\:w-24{width:calc(var(--spacing) * 24)}
#sandwich-shop-page .md\:w-28{width:calc(var(--spacing) * 28)}
#sandwich-shop-page .md\:w-72{width:calc(var(--spacing) * 72)}
#sandwich-shop-page .md\:min-w-\[130px\]{min-width:130px}
#sandwich-shop-page .md\:flex-1{flex:1}
#sandwich-shop-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#sandwich-shop-page .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#sandwich-shop-page .md\:flex-col{flex-direction:column}
#sandwich-shop-page .md\:flex-row{flex-direction:row}
#sandwich-shop-page .md\:flex-row-reverse{flex-direction:row-reverse}
#sandwich-shop-page .md\:items-center{align-items:center}
#sandwich-shop-page .md\:items-stretch{align-items:stretch}
#sandwich-shop-page .md\:justify-center{justify-content:center}
#sandwich-shop-page .md\:gap-0{gap:0}
#sandwich-shop-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#sandwich-shop-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#sandwich-shop-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#sandwich-shop-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#sandwich-shop-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#sandwich-shop-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#sandwich-shop-page .md\:overflow-visible{overflow:visible}
#sandwich-shop-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#sandwich-shop-page .md\:p-4{padding:calc(var(--spacing) * 4)}
#sandwich-shop-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#sandwich-shop-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#sandwich-shop-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#sandwich-shop-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#sandwich-shop-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#sandwich-shop-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#sandwich-shop-page .md\:py-0{padding-block:0}
#sandwich-shop-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#sandwich-shop-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#sandwich-shop-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#sandwich-shop-page .md\:pt-16{padding-top:calc(var(--spacing) * 16)}
#sandwich-shop-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#sandwich-shop-page .md\:pb-28{padding-bottom:calc(var(--spacing) * 28)}
#sandwich-shop-page .md\:text-center{text-align:center}
#sandwich-shop-page .md\:text-justify{text-align:justify}
#sandwich-shop-page .md\:text-right{text-align:right}
#sandwich-shop-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#sandwich-shop-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#sandwich-shop-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#sandwich-shop-page .md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}
#sandwich-shop-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#sandwich-shop-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#sandwich-shop-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#sandwich-shop-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#sandwich-shop-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#sandwich-shop-page .md\:text-\[9px\]{font-size:9px}
#sandwich-shop-page .md\:text-\[10px\]{font-size:10px}
#sandwich-shop-page .md\:text-\[14px\]{font-size:14px}
#sandwich-shop-page .md\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}}
@media (min-width:64rem){#sandwich-shop-page .lg\:order-1{order:1}
#sandwich-shop-page .lg\:order-2{order:2}
#sandwich-shop-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#sandwich-shop-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#sandwich-shop-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#sandwich-shop-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#sandwich-shop-page .lg\:mt-32{margin-top:calc(var(--spacing) * 32)}
#sandwich-shop-page .lg\:mt-50{margin-top:calc(var(--spacing) * 50)}
#sandwich-shop-page .lg\:mt-52{margin-top:calc(var(--spacing) * 52)}
#sandwich-shop-page .lg\:mr-0{margin-right:0}
#sandwich-shop-page .lg\:mb-0{margin-bottom:0}
#sandwich-shop-page .lg\:mb-10{margin-bottom:calc(var(--spacing) * 10)}
#sandwich-shop-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#sandwich-shop-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#sandwich-shop-page .lg\:block{display:block}
#sandwich-shop-page .lg\:flex{display:flex}
#sandwich-shop-page .lg\:hidden{display:none}
#sandwich-shop-page .lg\:h-14{height:calc(var(--spacing) * 14)}
#sandwich-shop-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#sandwich-shop-page .lg\:h-194{height:calc(var(--spacing) * 194)}
#sandwich-shop-page .lg\:h-\[70px\]{height:70px}
#sandwich-shop-page .lg\:h-\[132px\]{height:132px}
#sandwich-shop-page .lg\:h-\[300px\]{height:300px}
#sandwich-shop-page .lg\:w-1\/2{width:50%}
#sandwich-shop-page .lg\:w-14{width:calc(var(--spacing) * 14)}
#sandwich-shop-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#sandwich-shop-page .lg\:w-\[45\%\]{width:45%}
#sandwich-shop-page .lg\:w-\[55\%\]{width:55%}
#sandwich-shop-page .lg\:w-\[70px\]{width:70px}
#sandwich-shop-page .lg\:w-auto{width:auto}
#sandwich-shop-page .lg\:w-fit{width:fit-content}
#sandwich-shop-page .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#sandwich-shop-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#sandwich-shop-page .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
#sandwich-shop-page .lg\:flex-row{flex-direction:row}
#sandwich-shop-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#sandwich-shop-page .lg\:items-center{align-items:center}
#sandwich-shop-page .lg\:justify-end{justify-content:flex-end}
#sandwich-shop-page .lg\:gap-0{gap:0}
#sandwich-shop-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#sandwich-shop-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#sandwich-shop-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#sandwich-shop-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#sandwich-shop-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#sandwich-shop-page :where(.lg\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#sandwich-shop-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#sandwich-shop-page :where(.lg\:space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}
#sandwich-shop-page .lg\:gap-x-4{column-gap:calc(var(--spacing) * 4)}
#sandwich-shop-page .lg\:gap-y-4{row-gap:calc(var(--spacing) * 4)}
#sandwich-shop-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#sandwich-shop-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#sandwich-shop-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#sandwich-shop-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#sandwich-shop-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#sandwich-shop-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#sandwich-shop-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#sandwich-shop-page .lg\:py-20{padding-block:calc(var(--spacing) * 20)}
#sandwich-shop-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#sandwich-shop-page .lg\:pt-\[132px\]{padding-top:132px}
#sandwich-shop-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#sandwich-shop-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#sandwich-shop-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#sandwich-shop-page .lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#sandwich-shop-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#sandwich-shop-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#sandwich-shop-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#sandwich-shop-page .lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#sandwich-shop-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#sandwich-shop-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#sandwich-shop-page .lg\:text-\[10px\]{font-size:10px}
#sandwich-shop-page .lg\:text-\[28px\]{font-size:28px}
#sandwich-shop-page .lg\:text-\[48px\]{font-size:48px}
#sandwich-shop-page .lg\:text-\[150px\]{font-size:150px}
#sandwich-shop-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#sandwich-shop-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#sandwich-shop-page .xl\:mt-0{margin-top:0}
#sandwich-shop-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#sandwich-shop-page .xl\:mt-70{margin-top:calc(var(--spacing) * 70)}
#sandwich-shop-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#sandwich-shop-page .xl\:h-122{height:calc(var(--spacing) * 122)}
#sandwich-shop-page .xl\:h-\[142px\]{height:142px}
#sandwich-shop-page .xl\:h-auto{height:auto}
#sandwich-shop-page .xl\:w-1\/2{width:50%}
#sandwich-shop-page .xl\:w-1\/3{width:33.3333%}
#sandwich-shop-page .xl\:w-\[25\.5\%\]{width:25.5%}
#sandwich-shop-page .xl\:w-\[30\%\]{width:30%}
#sandwich-shop-page .xl\:w-\[70\%\]{width:70%}
#sandwich-shop-page .xl\:flex-\[0_0_12\%\]{flex:0 0 12%}
#sandwich-shop-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#sandwich-shop-page .xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
#sandwich-shop-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#sandwich-shop-page .xl\:flex-row{flex-direction:row}
#sandwich-shop-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#sandwich-shop-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#sandwich-shop-page .xl\:gap-12{gap:calc(var(--spacing) * 12)}
#sandwich-shop-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#sandwich-shop-page .xl\:gap-32{gap:calc(var(--spacing) * 32)}
#sandwich-shop-page .xl\:p-8{padding:calc(var(--spacing) * 8)}
#sandwich-shop-page .xl\:px-0{padding-inline:0}
#sandwich-shop-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#sandwich-shop-page .xl\:px-16{padding-inline:calc(var(--spacing) * 16)}
#sandwich-shop-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#sandwich-shop-page .xl\:px-36{padding-inline:calc(var(--spacing) * 36)}
#sandwich-shop-page .xl\:py-16{padding-block:calc(var(--spacing) * 16)}
#sandwich-shop-page .xl\:pt-16{padding-top:calc(var(--spacing) * 16)}
#sandwich-shop-page .xl\:pt-\[142px\]{padding-top:142px}
#sandwich-shop-page .xl\:pl-6{padding-left:calc(var(--spacing) * 6)}
#sandwich-shop-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#sandwich-shop-page .xl\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#sandwich-shop-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#sandwich-shop-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#sandwich-shop-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#sandwich-shop-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#sandwich-shop-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#sandwich-shop-page .xl\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#sandwich-shop-page .xl\:text-\[11px\]{font-size:11px}
#sandwich-shop-page .xl\:text-\[14px\]{font-size:14px}
#sandwich-shop-page .xl\:text-\[16px\]{font-size:16px}
#sandwich-shop-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#sandwich-shop-page .\32 xl\:mr-50{margin-right:calc(var(--spacing) * 50)}
#sandwich-shop-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#sandwich-shop-page .\32 xl\:h-130{height:calc(var(--spacing) * 130)}
#sandwich-shop-page .\32 xl\:min-h-\[550px\]{min-height:550px}
#sandwich-shop-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#sandwich-shop-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#sandwich-shop-page .\32 xl\:gap-\[25px\]{gap:25px}
#sandwich-shop-page .\32 xl\:px-12{padding-inline:calc(var(--spacing) * 12)}
#sandwich-shop-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#sandwich-shop-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#sandwich-shop-page .\32 xl\:text-left{text-align:left}
#sandwich-shop-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#sandwich-shop-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#sandwich-shop-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#sandwich-shop-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#sandwich-shop-page .\32 xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#sandwich-shop-page .\32 xl\:text-\[14px\]{font-size:14px}
#sandwich-shop-page .\32 xl\:text-\[16px\]{font-size:16px}
#sandwich-shop-page .\32 xl\:text-\[20px\]{font-size:20px}
#sandwich-shop-page .\32 xl\:text-\[27px\]{font-size:27px}
#sandwich-shop-page .\32 xl\:text-\[56px\]{font-size:56px}
#sandwich-shop-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-REGULAR.TTF)format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-SEMIBOLD.TTF)format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-BOLD.TTF)format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-EXTRABOLD.TTF)format("truetype");font-weight:800;font-display:swap}
#sandwich-shop-page{direction:rtl}
#sandwich-shop-page{color:#33291d;background:#fff;font-family:Vazirmatn,Tahoma,sans-serif}
#sandwich-shop-page .fanum-font,#sandwich-shop-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#sandwich-shop-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#sandwich-shop-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
#sandwich-shop-page .dir-rtl{direction:rtl}
#sandwich-shop-page .hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
#sandwich-shop-page .hide-scrollbar::-webkit-scrollbar{display:none}
#sandwich-shop-page .mb-safe{margin-bottom:env(safe-area-inset-bottom)}
@keyframes ring{0%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-12deg)}20%,40%,60%{transform:rotate(12deg)}70%{transform:rotate(0)}}
#sandwich-shop-page .phone-ring-animation{animation:2s ease-in-out infinite ring}
@keyframes pulse-alarm{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}
#sandwich-shop-page .alarm-animation{animation:1.5s ease-in-out infinite pulse-alarm}
@keyframes brand-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}
#sandwich-shop-page .brand-scroll-animation{animation:30s linear infinite brand-scroll}
#sandwich-shop-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,var(--nv) 60%,#1c1712 100%)}
#sandwich-shop-page >div>div.relative>div.absolute.inset-0.z-0>div{background:0 0}
@media (min-width:64rem){#sandwich-shop-page #images>div>div{padding-left:2.5rem;padding-right:2.5rem}
#sandwich-shop-page #images h2{margin-bottom:5rem}
#sandwich-shop-page #images [dir=rtl].w-full{flex-direction:row;justify-content:space-between;align-items:center;gap:2.5rem;display:flex}
#sandwich-shop-page #images [role=tablist]{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:43%;margin:0;padding:0;display:grid;overflow:visible}
#sandwich-shop-page #images [role=tablist]>div{margin:0}
#sandwich-shop-page #images [role=tab]{white-space:nowrap;color:var(--acc);width:100%;min-width:0;height:3rem;box-shadow:none;background:#fff;border:2px solid var(--acc);padding-left:.5rem;padding-right:.5rem;font-size:.9rem}
#sandwich-shop-page #images [role=tab][aria-selected=true]{color:#fff;background:var(--acc)}
#sandwich-shop-page #images [role=tab]:hover{background:var(--fa-soft)}
#sandwich-shop-page #images [role=tab][aria-selected=true]:hover{background:var(--acc)}
#sandwich-shop-page #images [dir=rtl].w-full>div.relative{flex:none;width:54%}
#sandwich-shop-page #images .flex-\[0_0_100\%\],#sandwich-shop-page #images .flex-\[0_0_100\%\]>div>div{padding:0}
#sandwich-shop-page #images .flex-\[0_0_100\%\]>div>div>div{background:#fff;border:3px solid var(--nv);border-radius:1rem;min-height:26rem}
#sandwich-shop-page #images img[data-nimg=fill]{object-fit:contain;padding:0}
#sandwich-shop-page #images button[aria-label=آیتم\ بعدی],#sandwich-shop-page #images button[aria-label=آیتم\ قبلی]{display:none}
#sandwich-shop-page #images button[aria-label=بزرگنمایی\ تصویر]{color:var(--nv);background:#fff;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:0 2px 8px #0003}}
#sandwich-shop-page .mt-12{margin-top:calc(var(--spacing) * 12)}
#sandwich-shop-page .mb-20{margin-bottom:calc(var(--spacing) * 20)}
#sandwich-shop-page .text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}
@media (hover:hover){#sandwich-shop-page .hover\:-translate-x-1:hover{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#sandwich-shop-page .hover\:opacity-90:hover{opacity:.9}}
@media (min-width:40rem){#sandwich-shop-page .sm\:order-1{order:1}
#sandwich-shop-page .sm\:order-2{order:2}
#sandwich-shop-page .sm\:justify-between{justify-content:space-between}
#sandwich-shop-page .sm\:py-7{padding-block:calc(var(--spacing) * 7)}}
@media (min-width:48rem){#sandwich-shop-page .md\:mt-0{margin-top:0}
#sandwich-shop-page .md\:mb-72{margin-bottom:calc(var(--spacing) * 72)}
#sandwich-shop-page .md\:justify-start{justify-content:flex-start}}
@media (min-width:64rem){#sandwich-shop-page .lg\:py-10{padding-block:calc(var(--spacing) * 10)}}

/* ===== صفحه «نرم افزار رستورانی تحت وب» — مسیر #web-restaurant =====
   طراحی و چیدمان همان صفحه‌ی اصلی تحت وب است؛ چارچوب، حاشیه‌ی راست/چپ سکشن‌ها، فونت Vazirmatn و رنگ‌ها
   مثل صفحه‌ی «اتوماسیون تغذیه» از پالت همین سایت (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند. */
#sandwich-shop-page{--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good);--color-orange-100:var(--fa-soft);--color-orange-300:var(--gold1)}
#sandwich-shop-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #sandwich-shop-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #sandwich-shop-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#sandwich-shop-page{--text-7xl:4.5rem;--text-7xl--line-height:1}
#sandwich-shop-page[hidden]{display:none}
html.is-web body>section:not(#mp-sec),html.is-web #nl-sec,html.is-web #cta-band,html.is-web .pgx{display:none!important}
#sandwich-shop-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#sandwich-shop-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#sandwich-shop-page .semibold-fanum-font,#sandwich-shop-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#sandwich-shop-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#sandwich-shop-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#sandwich-shop-page a{color:inherit;text-decoration:none}
#sandwich-shop-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#sandwich-shop-page input[type=checkbox]{accent-color:var(--gold1)}
#sandwich-shop-page .bg-white{background-color:var(--sec-alt)}
#sandwich-shop-page .text-black{color:var(--ink)}
#sandwich-shop-page .text-primary{color:var(--ink)}
#sandwich-shop-page .text-\[\#0A2745\]{color:var(--ink)}
#sandwich-shop-page .border-\[\#0A2745\]{border-color:var(--ink)}
#sandwich-shop-page .bg-primary.text-white,#sandwich-shop-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
@media (hover:hover){#sandwich-shop-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#sandwich-shop-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#sandwich-shop-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#sandwich-shop-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#sandwich-shop-page .faq-open svg{transition:transform .2s}
#sandwich-shop-page .no-scrollbar{scrollbar-width:none}
#sandwich-shop-page .no-scrollbar::-webkit-scrollbar{display:none}
#sandwich-shop-page .sol-toast{background:var(--nv);color:#f6ecd6;z-index:4000;text-align:center;border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#sandwich-shop-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#sandwich-shop-page .ab-menu.open{display:block}
#sandwich-shop-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#sandwich-shop-page .ab-menu button:hover,#sandwich-shop-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#sandwich-shop-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#sandwich-shop-page .ab-msg:empty{display:none}
#sandwich-shop-page .ab-msg.err{color:#ffb4aa}
/* هیرو: زمینه‌ی اسپرسو (به‌جای سرمه‌ای)، متن و دکمه‌ها مثل هیروی صفحه‌ی اتوماسیون تغذیه */
#sandwich-shop-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,#2b2118 60%,#1c1712 100%)}
#sandwich-shop-page >div>div.relative h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#sandwich-shop-page >div>div.relative h1 .text-\[\#FF4C00\]{color:var(--gold1,#d6b374)}
#sandwich-shop-page >div>div.relative h2{color:#efe4d2;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#sandwich-shop-page >div>div.relative p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#sandwich-shop-page >div>div.relative a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#sandwich-shop-page >div>div.relative a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#sandwich-shop-page >div>div.relative a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* نوار فهرست بخش‌ها: چسبان زیر هدر (مثل صفحه‌ی اتوماسیون تغذیه) */
#sandwich-shop-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#sandwich-shop-page #sw-toc{background:var(--acc)!important;position:sticky;top:var(--wb-top,0px);z-index:19;transition:box-shadow .25s}
#sandwich-shop-page #sw-toc.wb-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#sandwich-shop-page section[id^="wb-"]{scroll-margin-top:calc(var(--wb-top,0px) + var(--wb-bar,64px) + 10px)}
/* نظرات: فقط یک صفحه نظر در منبع وجود دارد؛ صفحه‌بندی بی‌اثر مخفی شد */
#sandwich-shop-page nav[aria-label="صفحه‌بندی"]{display:none}
/* ===== نمایش بزرگ تصویر مشابه صفحه‌ی اتوماسیون تغذیه: نام تب، فلش قبلی/بعدی، دکمه‌ی بستن ===== */
#sandwich-shop-page #sw-lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#sandwich-shop-page #sw-lightbox.open{display:flex}
#sandwich-shop-page #sw-lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#food-page .no-scrollbar{scrollbar-width:none}
#food-page .no-scrollbar::-webkit-scrollbar{display:none}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .faq-open svg{transition:transform .2s}
#food-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#food-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#food-page #service-menu.open{display:block}
#food-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#food-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#food-page .left-\[35\%\]{
    left: 35%;
  }
#food-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#food-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#food-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#food-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#food-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#food-page .min-h-screen{
    min-height: 100vh;
  }
#food-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#food-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#food-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#food-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#food-page .max-w-xl{
    max-width: var(--container-xl);
  }
#food-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#food-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .flex-wrap{
    flex-wrap: wrap;
  }
#food-page .justify-around{
    justify-content: space-around;
  }
#food-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#food-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#food-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#food-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#food-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#food-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#food-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#food-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#food-page .bg-ab-card{
    background-color: var(--card);
  }
#food-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#food-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#food-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#food-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#food-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#food-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#food-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#food-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#food-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#food-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#food-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#food-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#food-page .text-ab-cream{
    color: #f6ecd6;
  }
#food-page .text-ab-ink{
    color: var(--ink);
  }
#food-page .text-ab-mut{
    color: var(--mut);
  }
#food-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#food-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#food-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#food-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#food-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#food-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#food-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#food-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#food-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#food-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#food-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#food-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#food-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#food-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#food-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#food-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#food-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#food-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#food-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#food-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#food-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#food-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#food-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#food-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#food-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#food-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#food-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#food-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#food-page .lg\:h-\[550px\]{
      height: 550px;
    }
#food-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#food-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#food-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#food-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#food-page .xl\:h-auto{
      height: auto;
    }
#food-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#food-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#food-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#food-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#food-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#food-page .xl\:py-0{
      padding-block: 0px;
    }
#food-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#food-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#food-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#food-page .ab-menu.open{display:block}
#food-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#food-page .ab-menu button:hover,#food-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#food-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#food-page .ab-msg:empty{display:none}
#food-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#food-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#food-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#food-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#food-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#food-page .brand-scroll-animation{--g:5rem}}
#food-page .brand-scroll-animation:hover{animation-play-state:paused}
#food-page .brand-scroll-animation,#food-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#food-page *{transition:none!important}#food-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#food-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#food-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#food-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#food-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#food-page [id^=fa-]{scroll-margin-top:120px}
#food-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#food-page .semibold-fanum-font,#food-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#food-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#food-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#food-page a{color:inherit;text-decoration:none}
#food-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#food-page input[type=checkbox]{accent-color:var(--gold1)}
#food-page .bg-white{background-color:var(--sec-alt)}
#food-page .text-black{color:var(--ink)}
#food-page .text-\[\#0A2745\],#food-page .text-secondary{color:var(--ink)}
#food-page .bg-primary.text-white,#food-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#food-page .bg-secondary.text-white,#food-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#food-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#food-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#food-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .sol-toast{background:var(--nv);color:#f6ecd6}
#food-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#sandwich-shop-page #sw-lightbox img{background:var(--card)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#sandwich-shop-page #sw-lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#sandwich-shop-page #sw-lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#sandwich-shop-page #sw-lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#sandwich-shop-page #sw-lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#sandwich-shop-page #sw-lightbox .lb-x,#sandwich-shop-page #sw-lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#sandwich-shop-page #sw-lightbox .lb-x{top:14px;left:14px}
#sandwich-shop-page #sw-lightbox .lb-nav{top:50%;margin-top:-22px}
#sandwich-shop-page #sw-lightbox .lb-prev{right:14px}
#sandwich-shop-page #sw-lightbox .lb-next{left:14px}
#sandwich-shop-page #sw-lightbox .lb-x:hover,#sandwich-shop-page #sw-lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#sandwich-shop-page #sw-lightbox .lb-x:focus-visible,#sandwich-shop-page #sw-lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #sandwich-shop-page #sw-lightbox{padding:60px 12px 84px}
 #sandwich-shop-page #sw-lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #sandwich-shop-page #sw-lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #sandwich-shop-page #sw-lightbox .lb-prev{right:16px}
 #sandwich-shop-page #sw-lightbox .lb-next{left:16px}
 #sandwich-shop-page #sw-lightbox figcaption{max-width:calc(100vw - 150px)}}
@media (prefers-reduced-motion:reduce){#sandwich-shop-page *{transition:none!important}}

/* حاشیه‌ی راست/چپ یکسان همه‌ی سکشن‌ها مثل صفحه‌ی اتوماسیون تغذیه */
#sandwich-shop-page{--wb-px:clamp(1rem,4vw + .5rem,9rem)}
@media(min-width:96rem){#sandwich-shop-page{--wb-px:clamp(2rem,12vw + 20rem,16rem)}}
#sandwich-shop-page >div>div.relative{border-radius:0 0 48px 48px}
#sandwich-shop-page #sw-packages>div.flex:not(.pr-first){padding-inline:var(--wb-px)}
/* پکیج‌ها: هم‌رنگ و هم‌استایل تب اول صفحه قیمت‌ها */
#sandwich-shop-page #sw-packages{--color-secondary:var(--nv)}
#sandwich-shop-page #sw-packages .text-secondary{color:var(--ink)}
#sandwich-shop-page #sw-packages .bg-white{background-color:var(--sec-alt)}
#sandwich-shop-page #sw-packages .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
@media (hover:hover){
#sandwich-shop-page #sw-packages .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}
#sandwich-shop-page #sw-packages .group-hover\:border-\[\#0A2745\]:is(:where(.group):hover *){border-color:var(--ink)}
#sandwich-shop-page #sw-packages .group-hover\:text-\[\#0A2745\]:is(:where(.group):hover *){color:var(--ink)}
#sandwich-shop-page #sw-packages .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px rgba(43,33,24,.22), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page #sw-packages .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px rgba(43,33,24,.28), 0 10px 0 0 var(--ink), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#sandwich-shop-page #sw-packages .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]:is(:where(.group):hover *){--tw-shadow:0 8px 24px color-mix(in srgb,var(--acc) 38%,transparent);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
}
@media (min-width:48rem){#sandwich-shop-page .md\:p-24{padding:calc(var(--spacing) * 24)}}
#sandwich-shop-page #sw-pro-features article{padding-inline:var(--wb-px)}
#sandwich-shop-page #sw-pro-features article>div{padding-inline:0!important}
#sandwich-shop-page #sw-images .flex-\[0_0_100\%\]{padding:0}
#sandwich-shop-page #sw-images .flex-\[0_0_100\%\] .p-2{padding:0}
#sandwich-shop-page #sw-modules .CONTENT_CLASSES{padding-inline:0!important;margin-inline:0!important;max-width:none!important}
#sandwich-shop-page #sw-modules>div>div{padding-inline:var(--wb-px)}

/* نمایی از محیط کاربری: تصویر در سمت چپ + دکمه‌های دو‌ستونه در سمت راست */
#sandwich-shop-page .wb-gal{display:flex;flex-direction:row;align-items:center;gap:clamp(20px,3vw,48px);width:100%}
#sandwich-shop-page .wb-tabs{flex:0 0 42%;display:grid;grid-template-columns:1fr 1fr;gap:14px}
#sandwich-shop-page .wb-tab{cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:10px 14px;border:2px solid var(--nv);border-radius:999px;background:transparent;color:var(--ink);font-size:clamp(13px,1.05vw,17px);line-height:1.6;transition:background .2s,color .2s,box-shadow .2s}
#sandwich-shop-page .wb-tab:hover{background:color-mix(in srgb,var(--nv) 10%,transparent)}
#sandwich-shop-page .wb-tab[aria-selected=true]{background:var(--nv);color:#f6ecd6;box-shadow:0 8px 22px -10px var(--nv)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #sandwich-shop-page .wb-tab{border-color:var(--line)}:root:not([data-theme="light"]) #sandwich-shop-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}}
:root[data-theme="dark"] #sandwich-shop-page .wb-tab{border-color:var(--line)}
:root[data-theme="dark"] #sandwich-shop-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}
#sandwich-shop-page .wb-stage{position:relative;flex:1 1 0;min-width:0;aspect-ratio:16/9.6;background:transparent;border:0;border-radius:0;overflow:hidden}
#sandwich-shop-page .wb-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:0}
#sandwich-shop-page .wb-zoom{position:absolute;top:10px;right:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;font-size:26px;line-height:1;color:#0A2745;background:#fff;border:1px solid rgba(10,39,69,.18);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;transition:opacity .2s,transform .2s}
#sandwich-shop-page .wb-zoom:hover{opacity:.85;transform:scale(1.06)}
#sandwich-shop-page .wb-zoom:focus-visible{outline:2px solid #d6b374;outline-offset:2px}
@media(max-width:900px){#sandwich-shop-page .wb-gal{flex-direction:column-reverse;align-items:stretch}#sandwich-shop-page .wb-stage{flex:none;width:100%}#sandwich-shop-page .wb-tabs{flex:none}#sandwich-shop-page .wb-tab{min-height:46px;padding:8px 10px}}
#sandwich-shop-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#sandwich-shop-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#sandwich-shop-page .bg-ab-card{
    background-color: var(--card);
  }
#sandwich-shop-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#sandwich-shop-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#sandwich-shop-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#sandwich-shop-page .text-ab-cream{
    color: #f6ecd6;
  }
#sandwich-shop-page .text-ab-ink{
    color: var(--ink);
  }
#sandwich-shop-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#sandwich-shop-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#sandwich-shop-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#sandwich-shop-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#sandwich-shop-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#sandwich-shop-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#sandwich-shop-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#sandwich-shop-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#sandwich-shop-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#sandwich-shop-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#sandwich-shop-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#sandwich-shop-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#sandwich-shop-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#sandwich-shop-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#sandwich-shop-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#sandwich-shop-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#sandwich-shop-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#sandwich-shop-page .bg-ab-card{
    background-color: var(--card);
  }
#sandwich-shop-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#sandwich-shop-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#sandwich-shop-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#sandwich-shop-page .text-ab-cream{
    color: #f6ecd6;
  }
#sandwich-shop-page .text-ab-ink{
    color: var(--ink);
  }
#sandwich-shop-page .text-ab-mut{
    color: var(--mut);
  }
#sandwich-shop-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#sandwich-shop-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#sandwich-shop-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#sandwich-shop-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#sandwich-shop-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#sandwich-shop-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#sandwich-shop-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#sandwich-shop-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#sandwich-shop-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#sandwich-shop-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#sandwich-shop-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#sandwich-shop-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#sandwich-shop-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#sandwich-shop-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#sandwich-shop-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#sandwich-shop-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#sandwich-shop-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#sandwich-shop-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#sandwich-shop-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }

#sandwich-shop-page .bg-ab-gold\/45:focus,#sandwich-shop-page .focus\:bg-ab-gold\/45:focus{background-color:color-mix(in oklab,#d6b374 45%,transparent)}
#sandwich-shop-page .app-actions{gap:14px;flex-wrap:wrap}
#sandwich-shop-page .app-dl{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.5rem;border-radius:999px;background:var(--acc);color:var(--on-acc,#fff);font-size:clamp(13px,1.1vw,18px);transition:transform .25s,box-shadow .25s}
#sandwich-shop-page .app-dl:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--acc)}
#sandwich-shop-page section[aria-label="اعلان نسخه اندروید نرم‌افزار رستوران سول"]{margin-bottom:0}
#sandwich-shop-page section.md\:mb-72{margin-bottom:0!important}
#sandwich-shop-page section.md\:mb-72{margin-top:-44px!important}
@media(min-width:48rem){#sandwich-shop-page section.md\:mb-72{margin-top:-86px!important}}
@media(min-width:80rem){#sandwich-shop-page section.md\:mb-72{margin-top:-194px!important}}
@media(min-width:96rem){#sandwich-shop-page section.md\:mb-72{margin-top:-210px!important}}
/* فاصله‌ی نوار قرمز: هم‌اندازه‌ی اون توی صفحه‌ی اتوماسیون تغذیه (--fa-gap) */
#sandwich-shop-page{--fa-gap:clamp(12px,1.8vw,24px)}
#sandwich-shop-page #sw-toc{margin-top:var(--fa-gap)!important}
#sandwich-shop-page #sw-toc + section{margin-top:var(--fa-gap)!important;padding-top:6rem}
#sandwich-shop-page #sw-toc + section>div>div>h2:first-child{margin-top:0!important}
/* امکانات: رنگ عنوان کارت‌ها مثل صفحه ویندوزی */
#sandwich-shop-page #sw-features-list .text-secondary{color:var(--ink)}
/* ===== هایلایت قابلیت آفلاین در هیروی صفحه وب ===== */
@media(min-width:64rem){#sandwich-shop-page>div>div.relative{height:auto;min-height:calc(var(--spacing)*194);padding-bottom:204px}}
@media(min-width:80rem){#sandwich-shop-page>div>div.relative{padding-bottom:312px}}
@media(min-width:96rem){#sandwich-shop-page>div>div.relative{padding-bottom:328px}}
#sandwich-shop-page .ofl{position:relative;isolation:isolate;overflow:hidden;direction:rtl;width:min(100%,1180px);margin:clamp(14px,2vw,26px) auto 0;padding:clamp(18px,2vw,28px) clamp(18px,2.6vw,38px);border-radius:28px;color:#fff;text-align:right;display:flex;align-items:center;gap:clamp(16px,2.4vw,34px);background:linear-gradient(120deg,#7d1f19 0%,#b3342b 52%,#7d1f19 100%);border:2px solid var(--gold1,#d6b374);box-shadow:0 24px 50px -18px rgba(0,0,0,.75),0 0 0 7px rgba(227,194,138,.14);animation:ofl-in .9s .3s both cubic-bezier(.2,.8,.2,1)}
#sandwich-shop-page .ofl:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 14px,transparent 14px 28px)}
#sandwich-shop-page .ofl:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,236,190,.28) 50%,transparent 62%);transform:translateX(-130%);animation:ofl-sw 5s ease-in-out infinite}
#sandwich-shop-page .ofl-ic{position:relative;flex:none;width:clamp(64px,6.4vw,92px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.28);border:2px solid rgba(251,230,174,.7)}
#sandwich-shop-page .ofl-ic:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(251,230,174,.55);animation:ofl-p 2.4s ease-out infinite}
#sandwich-shop-page .ofl-ic svg{width:56%;height:56%}
#sandwich-shop-page .ofl-ok{position:absolute;bottom:-4px;left:-4px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:900;color:#fff;background:#2f9e5b;border:3px solid #7d1f19}
#sandwich-shop-page .ofl-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}
#sandwich-shop-page .ofl-k{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;font-size:13px;font-weight:800;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f)}
#sandwich-shop-page .ofl-k i{width:8px;height:8px;border-radius:50%;background:#b3342b;animation:ofl-d 1.4s ease-in-out infinite}
#sandwich-shop-page .ofl-h{margin:0;font-weight:900;font-size:clamp(20px,2.3vw,36px);line-height:1.45;color:#fff}
#sandwich-shop-page .ofl-p{margin:0;font-weight:500;font-size:clamp(13px,1.2vw,17px);line-height:1.9;color:#fbe9d0}
#sandwich-shop-page .ofl-ch{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
#sandwich-shop-page .ofl-ch li{padding:4px 13px;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:700;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}
#sandwich-shop-page .ofl-go{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:290px;padding:14px 26px;border-radius:999px;font-size:clamp(14px,1.2vw,17px);font-weight:900;line-height:1.6;text-align:center;text-decoration:none;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f);box-shadow:0 12px 26px -8px rgba(0,0,0,.6);transition:transform .2s,filter .2s}
#sandwich-shop-page .ofl-go:hover{transform:translateY(-2px);filter:brightness(1.06)}
#sandwich-shop-page .ofl-go:focus-visible{outline:3px solid #fff;outline-offset:3px}
#sandwich-shop-page .ofl-go svg{flex:none;width:20px;height:20px;transition:transform .25s}
#sandwich-shop-page .ofl-go:hover svg{transform:translateX(-5px)}
@keyframes ofl-in{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ofl-sw{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@keyframes ofl-p{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.28);opacity:0}}
@keyframes ofl-d{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:860px){#sandwich-shop-page .ofl{flex-direction:column;text-align:center;border-radius:24px}#sandwich-shop-page .ofl-k{align-self:center}#sandwich-shop-page .ofl-ch{justify-content:center}#sandwich-shop-page .ofl-go{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){#sandwich-shop-page .ofl,#sandwich-shop-page .ofl:after,#sandwich-shop-page .ofl-ic:before,#sandwich-shop-page .ofl-k i{animation:none}}
#sandwich-shop-page #sw-toc>div>.lg\:-mt-32{margin-top:0!important}
#sandwich-shop-page #sw-modules a.group{color:inherit;text-decoration:none}

/* امکانات حرفه‌ای: تصویر چسبیده به لبه‌ی صفحه (مارجین صفر)، متن با مارجین استاندارد، ارتفاع هر بخش = یک ویو */
#sandwich-shop-page #sw-pro-features{--pf-h:clamp(360px,calc(100svh - 190px),780px)}
#sandwich-shop-page #sw-pro-features article{box-sizing:border-box;padding-inline:0!important;overflow:hidden}
#sandwich-shop-page #sw-pro-features article>div{margin-inline:0!important;min-width:0}
#sandwich-shop-page #sw-pro-features article>div:first-child{padding:0!important}
#sandwich-shop-page #sw-pro-features article>div:first-child>.relative{translate:none!important;margin:0!important;width:100%}
#sandwich-shop-page #sw-pro-features article>div:first-child img{object-fit:contain!important}
#sandwich-shop-page #sw-pro-features article>div:last-child{padding-inline:var(--wb-px)!important}
@media(min-width:1024px){
 #sandwich-shop-page #sw-pro-features article{display:flex;flex-direction:row;align-items:center;margin-top:clamp(20px,4vh,48px)!important;min-height:var(--pf-h)}
 #sandwich-shop-page #sw-pro-features article>div:first-child{flex:0 0 min(60%,calc(var(--pf-h)*1.3334));width:min(60%,calc(var(--pf-h)*1.3334))!important;max-width:none}
 #sandwich-shop-page #sw-pro-features article>div:first-child>.relative{aspect-ratio:auto!important;min-height:0!important;height:min(var(--pf-h),calc(60vw*.75))}
 #sandwich-shop-page #sw-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:first-child img{object-position:left center}
 #sandwich-shop-page #sw-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:first-child img{object-position:right center}
 #sandwich-shop-page #sw-pro-features article>div:last-child{flex:1 1 0;width:auto!important;max-width:none}
 #sandwich-shop-page #sw-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:last-child{padding-left:clamp(16px,2vw,40px)!important;padding-right:var(--wb-px)!important}
 #sandwich-shop-page #sw-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:last-child{padding-right:clamp(16px,2vw,40px)!important;padding-left:var(--wb-px)!important}
 /* فشرده‌سازی متن تا ارتفاع در یک ویو جا شود */
 #sandwich-shop-page #sw-pro-features article>div:last-child{padding-top:0!important}
 #sandwich-shop-page #sw-pro-features article h3{margin-bottom:clamp(6px,1.4vh,18px)!important;font-size:clamp(17px,2.6vh,26px)!important}
 #sandwich-shop-page #sw-pro-features article h3>span:first-child{font-size:clamp(48px,10vh,100px)!important;line-height:1}
 #sandwich-shop-page #sw-pro-features article ul{font-size:clamp(11px,1.7vh,15px)!important}
 #sandwich-shop-page #sw-pro-features article ul>li+li{margin-top:clamp(4px,1vh,11px)!important}
}
/* رنگ‌های نارنجی (با شفافیت) در این سکشن → رنگ اصلی سایت */
#sandwich-shop-page #sw-pro-features .text-\[\#FF4C00\]\/30{color:color-mix(in srgb,var(--acc) 30%,transparent)}
#sandwich-shop-page #sw-pro-features .bg-\[\#FF4C00\]\/10,#sandwich-shop-page #sw-pro-features .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:color-mix(in srgb,var(--acc) 10%,transparent)}
#sandwich-shop-page #sw-pro-features .bg-\[\#FF4C00\]\/20{background-color:color-mix(in srgb,var(--acc) 20%,transparent)}
#sandwich-shop-page #sw-pro-features .border-\[\#FF4C00\]\/20,#sandwich-shop-page #sw-pro-features .hover\:border-\[\#FF4C00\]\/30:hover{border-color:color-mix(in srgb,var(--acc) 25%,transparent)}
#sandwich-shop-page #sw-pro-features [class*="FF4C00"]{--tw-shadow-color:color-mix(in srgb,var(--acc) 40%,transparent)}

/* تصاویر ویژگی‌های حرفه‌ای: قاب دستگاه + کارت + دایره‌ی هم‌رنگ سایت */
#sandwich-shop-page #sw-pro-features .pf-art{position:absolute;inset:0}
#sandwich-shop-page #sw-pro-features .pf-circle{position:absolute;width:56%;aspect-ratio:1;border-radius:50%;top:0;background:var(--acc);z-index:0}
#sandwich-shop-page #sw-pro-features .pf-dev{position:absolute;z-index:1;top:8%;width:94%;aspect-ratio:3148/2244;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
#sandwich-shop-page #sw-pro-features .pf-dev img{display:block;width:100%;height:100%;object-fit:contain!important;position:static!important}
#sandwich-shop-page #sw-pro-features .pf-pop{position:absolute;z-index:2;bottom:2%;max-width:80%;height:auto;object-fit:contain!important}
#sandwich-shop-page #sw-pro-features .pf-L .pf-dev{left:-5%}
#sandwich-shop-page #sw-pro-features .pf-L .pf-circle{right:2%}
#sandwich-shop-page #sw-pro-features .pf-L .pf-pop{right:3%}
#sandwich-shop-page #sw-pro-features .pf-R .pf-dev{right:-5%}
#sandwich-shop-page #sw-pro-features .pf-R .pf-circle{left:2%}
#sandwich-shop-page #sw-pro-features .pf-R .pf-pop{left:3%}


#sandwich-shop-page .vx-sec{--d:clamp(240px,27vw,400px);border-top:1px dashed var(--gold2);text-align:center}
#sandwich-shop-page .vx-cmp{display:inline-block;padding:5px 16px;border:1px dashed var(--gold2);border-radius:999px;font-size:13px;font-weight:800;color:var(--goldtxt)}
#sandwich-shop-page .vx-hd h2{margin:.5em 0 0;font-size:clamp(26px,3.4vw,52px);line-height:1.5;font-weight:800;color:var(--hn)}
#sandwich-shop-page .vx-hd h2 em{font-style:normal;background:linear-gradient(90deg,var(--gold2),var(--gold1));-webkit-background-clip:text;background-clip:text;color:transparent}
#sandwich-shop-page .vx-hd p{margin:.4em auto 0;max-width:46ch;font-size:clamp(14px,1.1vw,16px);line-height:2;color:var(--mut)}
#sandwich-shop-page .vx-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(16px,2vw,30px) clamp(16px,2vw,30px);margin-top:clamp(20px,2.5vw,40px);align-items:stretch}
#sandwich-shop-page .vx-card{position:relative;display:flex;flex-direction:column;margin-top:calc(var(--d)*.46);border-radius:36px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
#sandwich-shop-page .vx-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),color-mix(in srgb,var(--gold2) 16%,transparent) 0 1px,transparent 1px 34px)}
#sandwich-shop-page .vx-web{color:#f6ecd9;border-color:rgba(214,179,116,.3);background:linear-gradient(160deg,#3d2e1f,#2a2018);box-shadow:var(--shadow)}
#sandwich-shop-page .vx-web:before{background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),rgba(246,236,217,.06) 0 1px,transparent 1px 34px)}
#sandwich-shop-page .vx-media{position:relative;z-index:1;width:var(--d);aspect-ratio:1;margin:calc(var(--d)*-.46) auto 0}
#sandwich-shop-page .vx-ph{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 clamp(3px,.45vw,6px) rgba(214,179,116,.55),0 30px 60px -26px rgba(40,26,10,.65)}
#sandwich-shop-page .vx-ring{position:absolute;inset:-5%;border-radius:50%;border:1.5px solid rgba(214,179,116,.5);pointer-events:none}
#sandwich-shop-page .vx-ring:after{content:"";position:absolute;bottom:3%;left:14%;width:9px;height:9px;border-radius:50%;background:var(--gold1);box-shadow:0 0 14px var(--gold1)}
#sandwich-shop-page .vx-chip,#sandwich-shop-page .vx-mini{position:absolute;z-index:2;display:flex;align-items:center;gap:.6em;color:var(--ink);background:var(--card);border:1px solid var(--line);box-shadow:0 14px 30px -14px rgba(60,40,10,.45)}
#sandwich-shop-page .vx-web .vx-chip,#sandwich-shop-page .vx-web .vx-mini{color:#f6ecd9;background:rgba(30,22,15,.62);border-color:rgba(246,236,217,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
#sandwich-shop-page .vx-chip{left:-7%;top:58%;padding:.6em 1.2em;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:800;white-space:nowrap}
#sandwich-shop-page .vx-chip svg{width:1.3em;height:1.3em;flex:none;color:var(--gold2)}
#sandwich-shop-page .vx-web .vx-chip svg{color:#e3c28a}
#sandwich-shop-page .vx-mini{right:-4%;bottom:5%;flex-direction:column;align-items:stretch;gap:0;min-width:128px;padding:12px 16px;border-radius:20px;text-align:start;font-size:clamp(11px,.95vw,13px)}
#sandwich-shop-page .vx-mini small{font-weight:700;opacity:.9}
#sandwich-shop-page .vx-mini b{margin-top:4px;color:var(--leaf);font-size:1.1em}
#sandwich-shop-page .vx-bars{display:flex;align-items:flex-end;gap:5px;height:32px;margin-top:9px;direction:ltr}
#sandwich-shop-page .vx-bars i{flex:1;height:var(--h);border-radius:3px;background:linear-gradient(180deg,#d6e8b8,#7fa560);transform-origin:bottom}
#sandwich-shop-page .vx-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;padding:clamp(20px,2vw,30px) clamp(20px,2.8vw,48px) clamp(26px,2.8vw,44px)}
#sandwich-shop-page .vx-body .vx-t{margin:0;font-size:clamp(24px,2.4vw,38px);font-weight:800;line-height:1.5;color:var(--hn)}
#sandwich-shop-page .vx-web .vx-t{color:#fff6e4}
#sandwich-shop-page .vx-sub{margin:.1em 0 .9em;font-size:clamp(17px,1.6vw,24px);font-weight:700;line-height:1.6;color:var(--goldtxt)}
#sandwich-shop-page .vx-web .vx-sub{color:#e3c28a}
#sandwich-shop-page .vx-desc{margin:0 auto 1em;max-width:58ch;font-size:clamp(14px,1.08vw,16.5px);line-height:2.15;color:var(--ink)}
#sandwich-shop-page .vx-web .vx-desc{color:rgba(246,236,217,.86)}
#sandwich-shop-page .vx-aud{display:inline-flex;align-items:center;gap:10px;margin:0 auto 1.6em;padding:9px 18px 9px 20px;border-radius:999px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 28%,transparent)}
#sandwich-shop-page .vx-web .vx-aud{background:rgba(214,179,116,.12);border-color:rgba(214,179,116,.3)}
#sandwich-shop-page .vx-aud svg{width:19px;height:19px;flex:none;color:var(--leaf)}
#sandwich-shop-page .vx-web .vx-aud svg{color:#e3c28a}
#sandwich-shop-page .vx-vl{display:flex;align-items:center;gap:14px;margin:0 auto .9em;width:min(100%,460px);font-size:13.5px;font-weight:800;color:var(--leaf)}
#sandwich-shop-page .vx-vl:before,#sandwich-shop-page .vx-vl:after{content:"";flex:1;height:1px;background:currentColor;opacity:.3}
#sandwich-shop-page .vx-web .vx-vl{color:#a4c27f}
#sandwich-shop-page .vx-ft{list-style:none;margin:0 auto 1.8em;padding:0;width:min(100%,460px);display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;text-align:start}
#sandwich-shop-page .vx-ft li{display:flex;align-items:center;gap:10px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700}
#sandwich-shop-page .vx-ft svg{flex:none;width:24px;height:24px;padding:5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#sandwich-shop-page .vx-web .vx-ft svg{color:#a4c27f;background:rgba(164,194,127,.2)}
#sandwich-shop-page .vx-ft .vx-star{grid-column:1/-1;padding:10px 16px;border-radius:16px;font-weight:800;color:#1c1712;background:linear-gradient(135deg,#e3c28a,#b58a45);box-shadow:0 10px 22px -12px #b58a45}
#sandwich-shop-page .vx-ft .vx-star svg{width:26px;height:26px;padding:4px;color:#e3c28a;background:#1c1712}
#sandwich-shop-page .vx-ft .vx-star em{margin-inline-start:auto;font-style:normal;font-size:.8em;padding:2px 10px;border-radius:999px;background:#1c1712;color:#e3c28a}
#sandwich-shop-page .vx-act{margin-top:auto;display:flex;flex-direction:column;gap:12px}
#sandwich-shop-page .vx-act a{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border-radius:999px;border:2px solid var(--acc);font-size:15px;font-weight:800;line-height:1.7;transition:transform .2s,filter .2s,background .2s,color .2s}
#sandwich-shop-page .vx-b1{background:var(--acc);color:var(--on-acc)}
#sandwich-shop-page .vx-b1:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 22px -10px var(--acc)}
#sandwich-shop-page .vx-b2{border-color:var(--gold2)!important;color:var(--goldtxt)}
#sandwich-shop-page .vx-b2:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#sandwich-shop-page .vx-web .vx-b2{border-color:#e3c28a!important;color:#e3c28a}
#sandwich-shop-page .vx-web .vx-b2:hover{color:#1c1712}
#sandwich-shop-page .vx-new{padding:1px 10px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:11.5px;line-height:1.8}
#sandwich-shop-page .vx-web .vx-b2:hover .vx-new{background:#1c1712;color:#e3c28a}
#sandwich-shop-page .vx-act a:focus-visible{outline:3px solid var(--gold1);outline-offset:3px}
#sandwich-shop-page .vx-ready .vx-media{opacity:0;transform:translateY(48px) scale(.94);transition:opacity .9s,transform 1.1s cubic-bezier(.2,.8,.2,1)}
#sandwich-shop-page .vx-ready .vx-card:nth-child(2) .vx-media{transition-delay:.18s}
#sandwich-shop-page .vx-ready .vx-chip,#sandwich-shop-page .vx-ready .vx-mini{opacity:0;transition:opacity .7s .7s}
#sandwich-shop-page .vx-ready .vx-bars i{transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.8,.2,1) calc(.9s + var(--d2,0s))}
#sandwich-shop-page .vx-ready .vx-card.in .vx-media,#sandwich-shop-page .vx-ready .vx-card.in .vx-chip,#sandwich-shop-page .vx-ready .vx-card.in .vx-mini{opacity:1;transform:none}
#sandwich-shop-page .vx-ready .vx-card.in .vx-bars i{transform:none}
@media(max-width:1000px){#sandwich-shop-page .vx-sec{--d:clamp(230px,56vw,380px)}
#sandwich-shop-page .vx-grid{grid-template-columns:1fr}}
@media(max-width:560px){#sandwich-shop-page .vx-mini{display:none}
#sandwich-shop-page .vx-ft{grid-template-columns:1fr}
#sandwich-shop-page .vx-card{border-radius:28px}}
@media(prefers-reduced-motion:reduce){#sandwich-shop-page .vx-ready .vx-media,#sandwich-shop-page .vx-ready .vx-chip,#sandwich-shop-page .vx-ready .vx-mini,#sandwich-shop-page .vx-ready .vx-bars i,#sandwich-shop-page .vx-act a{transition:none}}
@media(min-width:1001px){#sandwich-shop-page .vx-sec{--d:clamp(230px,min(33vh,26vw),420px)}}
#sandwich-shop-page .vx-card{margin-top:calc(var(--d)*.44);border-radius:30px}
#sandwich-shop-page .vx-media{margin-top:calc(var(--d)*-.44)}
#sandwich-shop-page .vx-cmp{padding:3px 14px;font-size:12px}
#sandwich-shop-page .vx-hd h2{margin:.25em 0 0;font-size:clamp(22px,2.3vw,36px);line-height:1.4}
#sandwich-shop-page .vx-hd p{display:none}
#sandwich-shop-page .vx-grid{margin-top:clamp(6px,1.2vh,14px);gap:clamp(14px,1.6vw,24px)}
#sandwich-shop-page .vx-chip{left:-13%;top:50%;padding:.5em 1em}
#sandwich-shop-page .vx-mini{right:-9%;bottom:-3%;min-width:108px;padding:9px 12px}
#sandwich-shop-page .vx-body{padding:clamp(12px,1.6vh,18px) clamp(18px,2.4vw,36px) clamp(18px,2.4vh,26px)}
#sandwich-shop-page .vx-body .vx-t{font-size:clamp(20px,1.9vw,29px);line-height:1.4}
#sandwich-shop-page .vx-sub{margin:0 0 .5em;font-size:clamp(15px,1.25vw,19px);line-height:1.5}
#sandwich-shop-page .vx-desc{margin-bottom:.7em;font-size:clamp(13px,.95vw,14.5px);line-height:1.95}
#sandwich-shop-page .vx-aud{margin-bottom:1em;padding:6px 16px 6px 18px;font-size:13px}
#sandwich-shop-page .vx-aud svg{width:17px;height:17px}
#sandwich-shop-page .vx-vl{margin-bottom:.6em;font-size:12.5px}
#sandwich-shop-page .vx-ft{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-bottom:1.1em}
#sandwich-shop-page .vx-ft li{padding:5px 14px 5px 10px;border-radius:999px;font-size:13.5px;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 26%,transparent)}
#sandwich-shop-page .vx-web .vx-ft li{background:rgba(164,194,127,.12);border-color:rgba(164,194,127,.28)}
#sandwich-shop-page .vx-ft svg{width:20px;height:20px;padding:4px}
#sandwich-shop-page .vx-web .vx-ft .vx-star,#sandwich-shop-page .vx-ft .vx-star{flex:1 1 100%;max-width:340px;padding:7px 14px;border:0;background:linear-gradient(135deg,#e3c28a,#b58a45)}
#sandwich-shop-page .vx-web .vx-ft .vx-star svg,#sandwich-shop-page .vx-ft .vx-star svg{width:22px;height:22px;color:#e3c28a;background:#1c1712}
#sandwich-shop-page .vx-act{gap:8px}
#sandwich-shop-page .vx-act a{padding:10px 20px;font-size:14px}
#sandwich-shop-page .vx-desc{max-width:84ch}
#sandwich-shop-page .vx-act{flex-direction:row;flex-wrap:wrap;justify-content:center}
#sandwich-shop-page .vx-act a{flex:1 1 auto;padding:10px 16px;font-size:13.5px}
#sandwich-shop-page .vx-chip{font-size:clamp(12px,.9vw,14px)}
#sandwich-shop-page .vx-chip,#sandwich-shop-page .vx-mini{display:none!important}
@keyframes vx-spin{to{rotate:360deg}}
@keyframes vx-pulse{0%{transform:scale(.97);opacity:.55}100%{transform:scale(1.2);opacity:0}}
#sandwich-shop-page .vx-ring{inset:-6%;border:1.5px dashed rgba(227,194,138,.6);animation:vx-spin 50s linear infinite}
#sandwich-shop-page .vx-win .vx-ring{border-color:color-mix(in srgb,var(--gold2) 65%,transparent)}
#sandwich-shop-page .vx-ring:before{content:"";position:absolute;inset:-2px;border-radius:50%;
background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold1) 30%,transparent) 78%,#f3d9a0 100%);
-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
animation:vx-spin 6s linear infinite reverse}
#sandwich-shop-page .vx-win .vx-ring:before{background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold2) 35%,transparent) 78%,var(--gold2) 100%)}
#sandwich-shop-page .vx-ring:after{bottom:auto;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;background:#f3d9a0;box-shadow:0 0 0 4px rgba(227,194,138,.2),0 0 16px 2px var(--gold1)}
#sandwich-shop-page .vx-media:after{content:"";position:absolute;inset:-6%;border-radius:50%;border:1.5px solid var(--gold1);pointer-events:none;animation:vx-pulse 4.2s cubic-bezier(.2,.6,.3,1) infinite}
#sandwich-shop-page .vx-card:nth-child(2) .vx-media:after{animation-delay:2.1s}
#sandwich-shop-page .vx-card:hover .vx-ring{animation-duration:14s}
@media(prefers-reduced-motion:reduce){#sandwich-shop-page .vx-ring,#sandwich-shop-page .vx-ring:before,#sandwich-shop-page .vx-media:after{animation:none}}

#sandwich-shop-page .vx-sec{border-top:0}
#sandwich-shop-page .vx-ph{overflow:hidden;background:var(--bg2)}
#sandwich-shop-page .vx-win .vx-ph{background:var(--card)}
#sandwich-shop-page .vx-rec{position:absolute;z-index:3;top:18px;left:22px;padding:4px 16px;border-radius:999px;border:1.5px solid var(--gold1);background:rgba(28,23,18,.55);color:#e3c28a;font-size:13px;font-weight:800;backdrop-filter:blur(8px)}
#sandwich-shop-page .vx-pre{margin:0 auto;max-width:42rem;padding-inline:1rem;text-align:center;font-size:.875rem;line-height:1.9;color:var(--mut)}
@media(min-width:64rem){#sandwich-shop-page .vx-pre{font-size:1rem}}
#sandwich-shop-page .vx-sec{margin-top:clamp(12px,2vw,28px)}
#sandwich-shop-page a.vx-b2[href="#"]{cursor:pointer}
html.is-sw body>section:not(#mp-sec),html.is-sw #nl-sec,html.is-sw #cta-band,html.is-sw .pgx,html.is-sw #hk-cards{display:none!important}


@media(min-width:1024px){#sandwich-shop-page #sw-images h2{max-width:none;white-space:nowrap;font-size:min(48px,3.95vw)}}

#sw-versions .cv-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto repeat(10,auto) auto;column-gap:clamp(12px,2vw,28px);width:100%}
#sw-versions .cv-card{position:relative;grid-row:1/span 13;display:grid;grid-template-rows:subgrid;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
#sw-versions .cv-web{border:1.5px solid var(--gold2)}
#sw-versions .cv-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:clamp(8px,1.4vh,14px) 18px 2px}
#sw-versions .cv-t{font-weight:800;line-height:1.4;font-size:clamp(16px,2.3vh,23px);color:var(--hn,var(--ink))}
#sw-versions .cv-rec{order:2;flex:none;font-size:12px;font-weight:800;padding:3px 12px;border-radius:999px;background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#sw-versions .cv-d{margin:0;padding:0 20px clamp(6px,1.2vh,12px);font-size:clamp(12px,1.6vh,14px);line-height:1.7;color:color-mix(in srgb,var(--ink) 82%,var(--mut))}
#sw-versions .cv-c{display:flex;align-items:center;gap:10px;padding:clamp(3px,.55vh,7px) 18px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);font-size:clamp(12px,1.6vh,14.5px);line-height:1.6}
#sw-versions .cv-tx{display:flex;flex-direction:column}
#sw-versions .cv-tx b{font-weight:700}
#sw-versions .cv-tx small{font-size:.85em;opacity:.75}
#sw-versions .cv-ck{flex:none;width:20px;height:20px;padding:3.5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
#sw-versions .cv-star{background:color-mix(in srgb,var(--gold1) 20%,transparent);font-weight:800}
#sw-versions .cv-off{background:color-mix(in srgb,var(--mut) 6%,transparent)}
#sw-versions .cv-no{width:100%;text-align:center;color:var(--mut);opacity:.6}
#sw-versions .cv-act{display:flex;gap:10px;padding:clamp(7px,1.1vh,12px) 18px clamp(8px,1.4vh,14px);border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
#sw-versions .cv-act a{flex:1;text-align:center;font-weight:700;font-size:clamp(12.5px,1.7vh,14.5px);padding:clamp(6px,1vh,10px) 12px;border-radius:999px;transition:transform .2s,filter .2s}
#sw-versions .cv-b1{background:var(--acc);color:var(--on-acc)}
#sw-versions .cv-b2{border:1.5px solid var(--gold2);color:var(--goldtxt)}
#sw-versions .cv-act a:hover{transform:translateY(-2px);filter:brightness(1.08)}
@media(max-width:700px){
#sw-versions .cv-grid{grid-template-columns:1fr;grid-template-rows:none;row-gap:16px}
#sw-versions .cv-card{grid-row:auto;grid-template-rows:none}
#sw-versions .cv-card>*{grid-row:auto!important}
}

#sw-versions .cv-grid{padding-top:22px}
#sw-versions .cv-card{overflow:visible}
#sw-versions .cv-h{padding-top:30px;min-height:30px}
#sw-versions .cv-t{position:absolute;top:0;inset-inline:0;margin-inline:auto;transform:translateY(-50%);width:max-content;max-width:calc(100% - 24px);text-align:center;padding:7px 26px;border-radius:999px;font-size:clamp(14px,1.9vh,17px);line-height:1.5;color:var(--goldtxt);background:var(--card);border:1.5px solid var(--gold2);box-shadow:0 0 0 6px var(--bg)}
#sw-versions .cv-web .cv-t{color:var(--on-gold);background:linear-gradient(135deg,var(--gold1),var(--gold2));border-color:var(--gold2)}
#sw-versions .cv-act{border-radius:0 0 22px 22px}
@media(min-width:640px){#sw-versions h2{max-width:none!important;white-space:nowrap}}@media(min-width:900px){#sw-versions .vx-pre{max-width:none!important;white-space:nowrap;font-size:clamp(11px,1.2vw,15px)!important}}


#sw-profit{font-family:'Vazirmatn',inherit;color:var(--ink)}
#sw-profit .cp-h{margin:0 auto .5rem;text-align:center;font-size:clamp(20px,3.2vw,36px);line-height:1.4;color:var(--ink)}
#sw-profit .cp-sub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#sw-profit .cp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,32px);max-width:none;margin:0 auto}
#sw-profit .cp-item{--w:clamp(64px,6.5vw,92px);position:relative;display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--w)*.4)}
#sw-profit .cp-ic{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;width:var(--w);height:auto;filter:drop-shadow(0 6px 8px rgba(120,86,30,.25))}
#sw-profit .cp-c{width:100%;max-width:280px;aspect-ratio:1;border-radius:50%;border:1.5px dashed var(--acc);background:color-mix(in srgb,var(--card) 70%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--w)*.4 + 6px) clamp(18px,2.4vw,34px) clamp(14px,2vw,24px);margin-top:0;transition:transform .3s,box-shadow .3s,background .3s}
#sw-profit .cp-item:hover .cp-c{transform:translateY(-4px);box-shadow:var(--shadow);background:var(--card)}
#sw-profit .cp-n{display:inline;font-weight:800;font-size:clamp(28px,3.6vw,48px);line-height:1.2;color:var(--acc)}
#sw-profit .cp-p{display:inline;font-weight:800;font-size:clamp(16px,1.8vw,24px);color:var(--acc);margin-inline-start:2px}
#sw-profit .cp-c p{margin:.35rem 0 0;font-size:clamp(11.5px,1.15vw,14.5px);line-height:1.8;color:var(--ink)}
#sw-profit .cp-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,56px)}
#sw-profit .cp-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 36px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:clamp(14px,1.3vw,16px);border:2px solid var(--acc);transition:transform .2s,box-shadow .2s,filter .2s}
#sw-profit .cp-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:900px){#sw-profit .cp-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}}
@media(max-width:480px){#sw-profit .cp-c{max-width:200px}#sw-profit .cp-c p{font-size:11px}}


#sw-images .sw-gsub{margin:0 auto clamp(24px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#sw-images .wb-stage{border-radius:28px}
#sw-images .sw-slide{position:absolute;inset:0;display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:color-mix(in srgb,var(--bg2) 85%,var(--card));border:1px solid var(--line);border-radius:28px;color:color-mix(in srgb,var(--mut) 55%,transparent)}
#sw-images .sw-slide[hidden]{display:none}
#sw-images .sw-slide>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(56px,8vw,96px);height:auto}
#sw-images .sw-slide img{display:block;width:100%;height:auto}
#sandwich-shop-page #sw-lightbox{overflow:hidden}
#sandwich-shop-page #sw-lightbox .lb-fig img{touch-action:none;user-select:none;-webkit-user-select:none;transform-origin:center center;position:relative;z-index:1}
#sandwich-shop-page #sw-lightbox .lb-x,#sandwich-shop-page #sw-lightbox .lb-nav{z-index:3}
#sandwich-shop-page #sw-lightbox .lb-zoombar{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;direction:ltr}
#sandwich-shop-page #sw-lightbox .lb-zoombar button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#sandwich-shop-page #sw-lightbox .lb-zoombar .lb-zreset{width:auto;min-width:68px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;font-family:inherit}
#sandwich-shop-page #sw-lightbox .lb-zoombar button:hover:not(:disabled){background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#sandwich-shop-page #sw-lightbox .lb-zoombar button:disabled{opacity:.4;cursor:default}
#sandwich-shop-page #sw-lightbox .lb-zoombar button:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}


#sw-features-list .swl-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut);max-width:48rem}
#sw-features-list .swl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);max-width:none;margin:0 auto}
#sw-features-list .swl-card{display:flex;align-items:center;gap:14px;min-height:96px;padding:14px 18px;background:var(--card);color:var(--ink);border:1px solid color-mix(in srgb,var(--acc) 50%,transparent);border-left:4px solid var(--acc);border-radius:16px;transition:transform .25s,box-shadow .25s,border-color .25s}
#sw-features-list .swl-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--acc)}
#sw-features-list .swl-ic{flex:0 0 auto;width:30px;height:30px;color:var(--acc)}
#sw-features-list .swl-card p{margin:0;flex:1;min-width:0;text-align:right;font-size:clamp(12px,1.05vw,14px);line-height:1.9;color:var(--ink)}
#sw-features-list .swl-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,64px)}
#sw-features-list .swl-cta a{display:inline-flex;align-items:center;justify-content:center;padding:12px 40px;border-radius:999px;background:var(--acc);color:var(--on-acc);border:2px solid var(--acc);font-size:clamp(14px,1.3vw,17px);transition:transform .2s,box-shadow .2s,filter .2s}
#sw-features-list .swl-cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent)}
@media(max-width:1100px){#sw-features-list .swl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#sw-features-list .swl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#sw-features-list .swl-grid{grid-template-columns:1fr}#sw-features-list .swl-card{min-height:76px}}


#sw-modules .swm-sub{margin:0 auto clamp(28px,4vw,56px);text-align:center;font-size:clamp(12.5px,1.4vw,16px);color:var(--mut)}
#sw-modules .swm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);max-width:none;margin:0 auto}
#sw-modules .swm-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2vw,26px) clamp(18px,2.2vw,32px);border-radius:22px;background:color-mix(in srgb,var(--acc) 6%,var(--card));color:var(--ink);text-decoration:none;box-shadow:0 8px 24px -14px rgba(43,33,24,.25);transition:background .25s,color .25s,transform .25s,box-shadow .25s}
#sw-modules .swm-head{display:flex;align-items:center;gap:14px}
#sw-modules .swm-ic{flex:0 0 auto;width:clamp(34px,3.2vw,44px);height:clamp(34px,3.2vw,44px);color:var(--acc);transition:color .25s}
#sw-modules .swm-card h3{margin:0;font-size:clamp(13.5px,1.2vw,16px);line-height:1.8;color:inherit}
#sw-modules .swm-card p{margin:0;font-size:clamp(12px,1.05vw,14px);line-height:2.1;color:inherit;opacity:.85;text-align:right}
#sw-modules .swm-go{position:absolute;top:clamp(20px,2.2vw,30px);left:clamp(18px,2.2vw,30px);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--card);color:var(--acc);opacity:0;transform:translateX(8px);transition:opacity .25s,transform .25s}
#sw-modules .swm-card:hover,#sw-modules .swm-card:focus-visible{background:var(--acc);color:var(--on-acc);transform:translateY(-3px);box-shadow:0 18px 36px -16px color-mix(in srgb,var(--acc) 60%,transparent)}
#sw-modules .swm-card:hover .swm-ic,#sw-modules .swm-card:focus-visible .swm-ic{color:var(--on-acc)}
#sw-modules .swm-card:hover p,#sw-modules .swm-card:focus-visible p{opacity:1}
#sw-modules .swm-card:hover .swm-go,#sw-modules .swm-card:focus-visible .swm-go{opacity:1;transform:none}
#sw-modules .swm-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(hover:none){#sw-modules .swm-go{opacity:1;transform:none;background:color-mix(in srgb,var(--acc) 12%,transparent)}}
@media(max-width:800px){#sw-modules .swm-grid{grid-template-columns:1fr}}


#sandwich-shop-page #sw-customers .group-hover\:bg-ab-bg2:is(:where(.group):hover *){background-color:var(--bg2)}
#sandwich-shop-page #sw-customers .hover\:border-ab-acc:hover{border-color:var(--acc,#a9322b)}
#sandwich-shop-page #sw-customers .bg-ab-bg2{background-color:var(--bg2)}
#sandwich-shop-page #sw-customers .max-w-\[88\%\]{max-width:88%}
#sandwich-shop-page #sw-customers .backface-visibility-hidden{backface-visibility:hidden}
#sandwich-shop-page #sw-customers [style*="padding-left:clamp(1rem"]{padding-inline:clamp(1rem,4vw + .5rem,9rem)!important}
#sandwich-shop-page #sw-customers .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#sandwich-shop-page #sw-customers .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#sandwich-shop-page #sw-customers .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#sandwich-shop-page #sw-customers .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#sandwich-shop-page #sw-customers .brand-scroll-animation{--g:5rem}}
#sandwich-shop-page #sw-customers .brand-scroll-animation:hover{animation-play-state:paused}
#sandwich-shop-page #sw-customers .brand-scroll-animation,#sandwich-shop-page #sw-customers :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#sandwich-shop-page #sw-customers .brand-scroll-animation{animation:none}}


#sandwich-shop-page .ob-sec{background:var(--sec-alt,#fff);margin-top:calc(.25rem * 24)}
#sandwich-shop-page .ob-in{width:100%;max-width:100%;padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#sandwich-shop-page .ob-h{margin:0 auto;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800;font-size:1.5rem;line-height:2rem}
#sandwich-shop-page .ob-p{margin:16px auto 0;max-width:56rem;text-align:center;color:var(--nv);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400;font-size:1rem;line-height:1.5}
#sandwich-shop-page .ob-g{display:grid;grid-template-columns:repeat(2,minmax(0,181px));justify-content:space-evenly;justify-items:center;column-gap:16px;row-gap:calc(.25rem * 24);margin:calc(.25rem * 36) 0 calc(.25rem * 24)}
#sandwich-shop-page .ob-c{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;max-width:181px;height:180px;padding:32px 16px 24px;background:var(--fa-soft);border-radius:20px;box-shadow:none;text-decoration:none;cursor:pointer;transition:all .3s ease-out}
#sandwich-shop-page .ob-c:hover,#sandwich-shop-page .ob-c:focus-visible{background:var(--acc);transform:translateY(-4px);box-shadow:0 10px 24px rgba(10,39,69,.14)}
#sandwich-shop-page .ob-c:focus-visible{outline:2px solid var(--nv);outline-offset:3px}
#sandwich-shop-page .ob-ph{width:100%;display:flex;align-items:center;justify-content:center;margin-top:calc(.25rem * -20)}
#sandwich-shop-page .ob-img{position:relative;display:flex;align-items:center;justify-content:center;width:155.95px;max-width:calc(100% + 8px);aspect-ratio:1/1;border-radius:9999px;background:var(--line);overflow:hidden;transform:translateY(-16px)}
#sandwich-shop-page .ob-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#sandwich-shop-page .ob-ph-svg{width:70%;height:70%;display:block}
#sandwich-shop-page .ob-t{margin-top:4px;text-align:center;color:var(--acc);font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700;font-size:1rem;line-height:1.5;transition:color .3s ease-out}
#sandwich-shop-page .ob-c:hover .ob-t,#sandwich-shop-page .ob-c:focus-visible .ob-t{color:var(--color-white,#fff)}
@media (min-width:40rem){
 #sandwich-shop-page .ob-h{font-size:1.875rem;line-height:2.25rem}
 #sandwich-shop-page .ob-g{grid-template-columns:repeat(3,minmax(0,181px));column-gap:40px}
}
@media (min-width:64rem){
 #sandwich-shop-page .ob-h{line-height:56px}
 #sandwich-shop-page .ob-g{grid-template-columns:repeat(4,minmax(0,181px))}
}
@media (min-width:80rem){
 #sandwich-shop-page .ob-sec{margin-top:calc(.25rem * 50)}
 #sandwich-shop-page .ob-h{font-size:36px}
 #sandwich-shop-page .ob-g{grid-template-columns:repeat(6,minmax(0,181px));justify-content:space-between;column-gap:12px;row-gap:80px;margin:128px 0 96px}
}
@media (min-width:96rem){
 #sandwich-shop-page .ob-in{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
}
@media (prefers-reduced-motion:reduce){#sandwich-shop-page .ob-c,#sandwich-shop-page .ob-t{transition:none}#sandwich-shop-page .ob-c:hover,#sandwich-shop-page .ob-c:focus-visible{transform:none}}

#sandwich-shop-page .sw-hw-wrap{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
@media (min-width:96rem){#sandwich-shop-page .sw-hw-wrap{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}}
#sandwich-shop-page #sw-modules>div>div>h2{max-width:none!important;white-space:nowrap;font-size:clamp(13px,3.1vw,48px)!important;line-height:1.6!important;padding-inline:0!important}


#sandwich-shop-page #sw-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#sandwich-shop-page #sw-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#sandwich-shop-page #sw-about *{box-sizing:border-box}
#sandwich-shop-page #sw-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#sandwich-shop-page #sw-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#sandwich-shop-page #sw-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#sandwich-shop-page #sw-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#sandwich-shop-page #sw-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#sandwich-shop-page #sw-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#sandwich-shop-page #sw-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#sandwich-shop-page #sw-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#sandwich-shop-page #sw-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#sandwich-shop-page #sw-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#sandwich-shop-page #sw-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#sandwich-shop-page #sw-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#sandwich-shop-page #sw-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#sandwich-shop-page #sw-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#sandwich-shop-page #sw-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#sandwich-shop-page #sw-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#sandwich-shop-page #sw-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#sandwich-shop-page #sw-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#sandwich-shop-page #sw-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#sandwich-shop-page #sw-about .seo-more[hidden]{display:none}
#sandwich-shop-page #sw-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#sandwich-shop-page #sw-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#sandwich-shop-page #sw-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#sandwich-shop-page #sw-about.seo-open .seo-fade,#sandwich-shop-page #sw-about:not(.seo-js) .seo-fade{opacity:0}
#sandwich-shop-page #sw-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#sandwich-shop-page #sw-about .seo-ls,#sandwich-shop-page #sw-about .seo-ls.seo-sm{grid-template-columns:1fr}#sandwich-shop-page #sw-about .seo-in p{text-align:start}#sandwich-shop-page #sw-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#sandwich-shop-page #sw-about .seo-body,#sandwich-shop-page #sw-about .seo-ls li,#sandwich-shop-page #sw-about .seo-more,#sandwich-shop-page #sw-about .seo-more i svg,#sandwich-shop-page #sw-about .seo-fade{transition:none!important}}
#sandwich-shop-page #sw-about .seo-in h2{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#sandwich-shop-page #sw-about .seo-in h2:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#sandwich-shop-page #sw-about .seo-in .seo-h4{margin:22px 0 8px;font-size:clamp(16px,1.3vw,19px);font-weight:800;color:var(--goldtxt);line-height:1.8}#sandwich-shop-page #sw-about .seo-in h3.seo-h4{padding-inline-start:0}#sandwich-shop-page #sw-about .seo-in h3.seo-h4:before{display:none}
#sandwich-shop-page #sw-about .seo-in strong{font-weight:800;color:var(--ink)}
#sandwich-shop-page #sw-about .seo-td li{display:flex;flex-direction:column;gap:2px}
#sandwich-shop-page #sw-about .seo-td li>b{font-weight:800;color:var(--goldtxt);font-size:clamp(14.5px,1.1vw,16.5px)}
#sandwich-shop-page #sw-about .seo-td li>span{color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#sandwich-shop-page #sw-about .seo-ls li.seo-wide{grid-column:1/-1}
#sandwich-shop-page #sw-about .seo-ls .seo-sub{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 22px}
#sandwich-shop-page #sw-about .seo-ls .seo-sub li{position:relative;padding:0;padding-inline-start:18px;background:none;border:0;border-radius:0;transform:none;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#sandwich-shop-page #sw-about .seo-ls .seo-sub li:hover{transform:none;border-color:transparent}
#sandwich-shop-page #sw-about .seo-ls .seo-sub li:before{inset-inline-start:2px;top:.95em;width:6px;height:6px;border-radius:50%;transform:none}
@media(max-width:760px){#sandwich-shop-page #sw-about .seo-ls .seo-sub{grid-template-columns:1fr}}


#hk-cards{--g:14px;--or:#f08a24;max-width:1920px;margin:0 auto;padding:var(--sec-gap) var(--gx);direction:rtl}
.hk-h{margin:0 0 .6em;text-align:center;font-size:clamp(24px,3vw,44px);font-weight:800;line-height:1.5;color:var(--hn)}
.hk-h em{font-style:normal;background:linear-gradient(90deg,var(--gold2),var(--gold1));-webkit-background-clip:text;background-clip:text;color:transparent}
html.is-about #hk-cards,html.is-contact #hk-cards,html.is-demo #hk-cards,html.is-dg #hk-cards,html.is-food #hk-cards,html.is-free #hk-cards,html.is-offline #hk-cards,html.is-price #hk-cards,html.is-sp #hk-cards,html.is-web #hk-cards,html.is-win #hk-cards{display:none!important}
@media(min-width:901px){#hk-cards{padding-inline:clamp(64px,5vw,96px)}}
.hk-tree{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:clamp(10px,1vw,16px)}
.hk-svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.hk-base{fill:none;stroke:var(--gold2);stroke-width:1.5;stroke-opacity:.55;filter:drop-shadow(0 0 3px var(--gold1)) drop-shadow(0 0 7px color-mix(in srgb,var(--gold1) 60%,transparent))}
.hk-act{fill:none;stroke:var(--or);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:6 5;filter:drop-shadow(0 0 4px var(--or)) drop-shadow(0 0 9px var(--or));animation:hkd .55s linear infinite}
@keyframes hkd{to{stroke-dashoffset:-11}}
.hk-dot{fill:var(--or);filter:drop-shadow(0 0 6px var(--or)) drop-shadow(0 0 12px var(--or));animation:hkp 1.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes hkp{50%{transform:scale(1.5);opacity:.7}}
.hk-hub{position:relative;z-index:2;width:min(320px,86%);padding:7px 18px;border-radius:20px;text-align:center;background:color-mix(in srgb,var(--card) 94%,transparent);border:1px solid var(--gold1);box-shadow:0 0 0 1px color-mix(in srgb,var(--gold1) 35%,transparent),0 0 22px color-mix(in srgb,var(--gold1) 55%,transparent),var(--shadow)}
.hk-hub:before,.hk-hub:after{content:"";position:absolute;border-radius:26px;border:1.5px solid var(--gold1);pointer-events:none;inset:-8px;opacity:.6;box-shadow:0 0 14px var(--gold1),inset 0 0 12px color-mix(in srgb,var(--gold1) 50%,transparent);animation:hkring 3.6s ease-in-out infinite}
.hk-hub:after{inset:-16px;opacity:.35;animation-delay:-1.8s}
@keyframes hkring{50%{transform:scale(1.035);opacity:.18}}
.hk-hub b{display:block;font-size:clamp(22px,2vw,30px);line-height:1.2;font-weight:900;background:linear-gradient(100deg,var(--goldtxt),var(--gold1),var(--goldtxt));-webkit-background-clip:text;background-clip:text;color:transparent}
.hk-hub strong{display:block;margin-top:2px;font-size:clamp(14px,1.1vw,17px);font-weight:800;color:var(--hn)}
.hk-hub small{display:block;margin-top:0;font-size:12px;color:var(--mut)}
.hk-row{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--g)}
.hk-r1{margin-top:30px}.hk-r2{margin-top:44px}
.hk-c{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 14px 10px;border-radius:18px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;cursor:pointer;transition:transform .25s,border-color .35s,box-shadow .35s,background .35s}
.hk-c:hover{transform:translateY(-3px)}
.hk-c:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.hk-n{position:absolute;top:10px;left:14px;font-size:12px;font-weight:700;color:var(--mut)}
.hk-i{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;color:var(--goldtxt);border:1px solid var(--line);background:color-mix(in srgb,var(--gold1) 14%,transparent);transition:color .35s,border-color .35s,background .35s}
.hk-i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hk-t{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:6px;font-size:clamp(15px,1.15vw,18px);font-weight:800;line-height:1.5;color:var(--hn)}
.hk-t em{font-style:normal;font-size:11px;font-weight:800;line-height:1;padding:4px 9px;border-radius:99px;background:var(--acc);color:var(--on-acc)}
.hk-s{margin-top:0;font-size:12px;line-height:1.6;color:var(--mut)}
.hk-c ul{list-style:none;margin:6px 0 8px;padding:6px 0 0;width:100%;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:0;text-align:start}
.hk-c li{position:relative;padding-inline-start:14px;font-size:clamp(12.5px,.9vw,13.5px);font-weight:700;line-height:1.65;color:var(--ink)}
.hk-c ul.hk-2{display:grid;grid-template-columns:1fr 1fr;column-gap:8px}
.hk-c ul.hk-2 li{font-size:clamp(12px,.85vw,13px)}
.hk-c li:before{content:"";position:absolute;inset-inline-start:0;top:.7em;width:5px;height:5px;border-radius:50%;background:var(--gold2);transition:background .35s}
.hk-go{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;border-radius:11px;font-size:12.5px;font-weight:800;color:var(--goldtxt);border:1px dashed var(--gold2);background:color-mix(in srgb,var(--gold1) 10%,transparent);transition:background .25s,color .25s,border-color .25s}
.hk-go svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.hk-c:hover .hk-go,.hk-c:focus-visible .hk-go{background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);border-color:transparent;border-style:solid}
.hk-c:hover .hk-go svg{transform:translateX(-4px)}
/* کارتی که خط نارنجی به آن وصل است */
.hk-on{border-color:var(--leaf);background:linear-gradient(180deg,color-mix(in srgb,var(--leaf) 20%,var(--card)),color-mix(in srgb,var(--leaf) 6%,var(--card)));box-shadow:0 0 0 1px color-mix(in srgb,var(--leaf) 55%,transparent),0 0 22px -2px color-mix(in srgb,var(--leaf) 55%,transparent)}
.hk-on .hk-i{color:var(--leaf);border-color:var(--leaf);background:color-mix(in srgb,var(--leaf) 18%,transparent)}
.hk-on li:before{background:var(--leaf)}
.hk-on .hk-go{color:var(--leaf);border-color:var(--leaf);background:color-mix(in srgb,var(--leaf) 12%,transparent)}
@media(max-width:1100px){
 .hk-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hk-svg{display:none}
 .hk-r1{margin-top:18px}.hk-r2{margin-top:var(--g)}
}
@media(max-width:560px){.hk-row{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.hk-hub:before,.hk-hub:after,.hk-act,.hk-dot{animation:none!important}.hk-c,.hk-go svg{transition:none}}


.vx-sec{--d:clamp(240px,27vw,400px);border-top:1px dashed var(--gold2);text-align:center}
.vx-cmp{display:inline-block;padding:5px 16px;border:1px dashed var(--gold2);border-radius:999px;font-size:13px;font-weight:800;color:var(--goldtxt)}
.vx-hd h2{margin:.5em 0 0;font-size:clamp(26px,3.4vw,52px);line-height:1.5;font-weight:800;color:var(--hn)}
.vx-hd h2 em{font-style:normal;background:linear-gradient(90deg,var(--gold2),var(--gold1));-webkit-background-clip:text;background-clip:text;color:transparent}
.vx-hd p{margin:.4em auto 0;max-width:46ch;font-size:clamp(14px,1.1vw,16px);line-height:2;color:var(--mut)}
.vx-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(16px,2vw,30px) clamp(16px,2vw,30px);margin-top:clamp(20px,2.5vw,40px);align-items:stretch}
.vx-card{position:relative;display:flex;flex-direction:column;margin-top:calc(var(--d)*.46);border-radius:36px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
.vx-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),color-mix(in srgb,var(--gold2) 16%,transparent) 0 1px,transparent 1px 34px)}
.vx-web{color:#f6ecd9;border-color:rgba(214,179,116,.3);background:linear-gradient(160deg,#3d2e1f,#2a2018);box-shadow:var(--shadow)}
.vx-web:before{background:repeating-radial-gradient(circle at 50% calc(var(--d)*.06),rgba(246,236,217,.06) 0 1px,transparent 1px 34px)}
.vx-media{position:relative;z-index:1;width:var(--d);aspect-ratio:1;margin:calc(var(--d)*-.46) auto 0}
.vx-ph{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 clamp(3px,.45vw,6px) rgba(214,179,116,.55),0 30px 60px -26px rgba(40,26,10,.65)}
.vx-ring{position:absolute;inset:-5%;border-radius:50%;border:1.5px solid rgba(214,179,116,.5);pointer-events:none}
.vx-ring:after{content:"";position:absolute;bottom:3%;left:14%;width:9px;height:9px;border-radius:50%;background:var(--gold1);box-shadow:0 0 14px var(--gold1)}
.vx-chip,.vx-mini{position:absolute;z-index:2;display:flex;align-items:center;gap:.6em;color:var(--ink);background:var(--card);border:1px solid var(--line);box-shadow:0 14px 30px -14px rgba(60,40,10,.45)}
.vx-web .vx-chip,.vx-web .vx-mini{color:#f6ecd9;background:rgba(30,22,15,.62);border-color:rgba(246,236,217,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
.vx-chip{left:-7%;top:58%;padding:.6em 1.2em;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:800;white-space:nowrap}
.vx-chip svg{width:1.3em;height:1.3em;flex:none;color:var(--gold2)}.vx-web .vx-chip svg{color:#e3c28a}
.vx-mini{right:-4%;bottom:5%;flex-direction:column;align-items:stretch;gap:0;min-width:128px;padding:12px 16px;border-radius:20px;text-align:start;font-size:clamp(11px,.95vw,13px)}
.vx-mini small{font-weight:700;opacity:.9}.vx-mini b{margin-top:4px;color:var(--leaf);font-size:1.1em}
.vx-bars{display:flex;align-items:flex-end;gap:5px;height:32px;margin-top:9px;direction:ltr}
.vx-bars i{flex:1;height:var(--h);border-radius:3px;background:linear-gradient(180deg,#d6e8b8,#7fa560);transform-origin:bottom}
.vx-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;padding:clamp(20px,2vw,30px) clamp(20px,2.8vw,48px) clamp(26px,2.8vw,44px)}
.vx-body .vx-t{margin:0;font-size:clamp(24px,2.4vw,38px);font-weight:800;line-height:1.5;color:var(--hn)}
.vx-web .vx-t{color:#fff6e4}
.vx-sub{margin:.1em 0 .9em;font-size:clamp(17px,1.6vw,24px);font-weight:700;line-height:1.6;color:var(--goldtxt)}.vx-web .vx-sub{color:#e3c28a}
.vx-desc{margin:0 auto 1em;max-width:58ch;font-size:clamp(14px,1.08vw,16.5px);line-height:2.15;color:var(--ink)}.vx-web .vx-desc{color:rgba(246,236,217,.86)}
.vx-aud{display:inline-flex;align-items:center;gap:10px;margin:0 auto 1.6em;padding:9px 18px 9px 20px;border-radius:999px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 28%,transparent)}
.vx-web .vx-aud{background:rgba(214,179,116,.12);border-color:rgba(214,179,116,.3)}
.vx-aud svg{width:19px;height:19px;flex:none;color:var(--leaf)}.vx-web .vx-aud svg{color:#e3c28a}
.vx-vl{display:flex;align-items:center;gap:14px;margin:0 auto .9em;width:min(100%,460px);font-size:13.5px;font-weight:800;color:var(--leaf)}
.vx-vl:before,.vx-vl:after{content:"";flex:1;height:1px;background:currentColor;opacity:.3}
.vx-web .vx-vl{color:#a4c27f}
.vx-ft{list-style:none;margin:0 auto 1.8em;padding:0;width:min(100%,460px);display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;text-align:start}
.vx-ft li{display:flex;align-items:center;gap:10px;font-size:clamp(13.5px,1.05vw,15.5px);font-weight:700}
.vx-ft svg{flex:none;width:24px;height:24px;padding:5px;border-radius:50%;color:var(--on-acc);background:var(--leaf)}
.vx-web .vx-ft svg{color:#a4c27f;background:rgba(164,194,127,.2)}
.vx-ft .vx-star{grid-column:1/-1;padding:10px 16px;border-radius:16px;font-weight:800;color:#1c1712;background:linear-gradient(135deg,#e3c28a,#b58a45);box-shadow:0 10px 22px -12px #b58a45}
.vx-ft .vx-star svg{width:26px;height:26px;padding:4px;color:#e3c28a;background:#1c1712}
.vx-ft .vx-star em{margin-inline-start:auto;font-style:normal;font-size:.8em;padding:2px 10px;border-radius:999px;background:#1c1712;color:#e3c28a}
.vx-act{margin-top:auto;display:flex;flex-direction:column;gap:12px}
.vx-act a{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border-radius:999px;border:2px solid var(--acc);font-size:15px;font-weight:800;line-height:1.7;transition:transform .2s,filter .2s,background .2s,color .2s}
.vx-b1{background:var(--acc);color:var(--on-acc)}.vx-b1:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 22px -10px var(--acc)}
.vx-b2{border-color:var(--gold2)!important;color:var(--goldtxt)}.vx-b2:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold)}
.vx-web .vx-b2{border-color:#e3c28a!important;color:#e3c28a}.vx-web .vx-b2:hover{color:#1c1712}
.vx-new{padding:1px 10px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:11.5px;line-height:1.8}
.vx-web .vx-b2:hover .vx-new{background:#1c1712;color:#e3c28a}
.vx-act a:focus-visible{outline:3px solid var(--gold1);outline-offset:3px}
.vx-ready .vx-media{opacity:0;transform:translateY(48px) scale(.94);transition:opacity .9s,transform 1.1s cubic-bezier(.2,.8,.2,1)}
.vx-ready .vx-card:nth-child(2) .vx-media{transition-delay:.18s}
.vx-ready .vx-chip,.vx-ready .vx-mini{opacity:0;transition:opacity .7s .7s}
.vx-ready .vx-bars i{transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.8,.2,1) calc(.9s + var(--d2,0s))}
.vx-ready .vx-card.in .vx-media,.vx-ready .vx-card.in .vx-chip,.vx-ready .vx-card.in .vx-mini{opacity:1;transform:none}
.vx-ready .vx-card.in .vx-bars i{transform:none}
@media(max-width:1000px){.vx-sec{--d:clamp(230px,56vw,380px)}.vx-grid{grid-template-columns:1fr}}
@media(max-width:560px){.vx-mini{display:none}.vx-ft{grid-template-columns:1fr}.vx-card{border-radius:28px}}
@media(prefers-reduced-motion:reduce){.vx-ready .vx-media,.vx-ready .vx-chip,.vx-ready .vx-mini,.vx-ready .vx-bars i,.vx-act a{transition:none}}
/* ---- فشرده‌سازی: کل سکشن در یک ویو ---- */
@media(min-width:1001px){.vx-sec{--d:clamp(230px,min(33vh,26vw),420px)}}
.vx-card{margin-top:calc(var(--d)*.44);border-radius:30px}
.vx-media{margin-top:calc(var(--d)*-.44)}
.vx-cmp{padding:3px 14px;font-size:12px}
.vx-hd h2{margin:.25em 0 0;font-size:clamp(22px,2.3vw,36px);line-height:1.4}
.vx-hd p{display:none}
.vx-grid{margin-top:clamp(6px,1.2vh,14px);gap:clamp(14px,1.6vw,24px)}
.vx-chip{left:-13%;top:50%;padding:.5em 1em}
.vx-mini{right:-9%;bottom:-3%;min-width:108px;padding:9px 12px}
.vx-body{padding:clamp(12px,1.6vh,18px) clamp(18px,2.4vw,36px) clamp(18px,2.4vh,26px)}
.vx-body .vx-t{font-size:clamp(20px,1.9vw,29px);line-height:1.4}
.vx-sub{margin:0 0 .5em;font-size:clamp(15px,1.25vw,19px);line-height:1.5}
.vx-desc{margin-bottom:.7em;font-size:clamp(13px,.95vw,14.5px);line-height:1.95}
.vx-aud{margin-bottom:1em;padding:6px 16px 6px 18px;font-size:13px}
.vx-aud svg{width:17px;height:17px}
.vx-vl{margin-bottom:.6em;font-size:12.5px}
.vx-ft{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-bottom:1.1em}
.vx-ft li{padding:5px 14px 5px 10px;border-radius:999px;font-size:13.5px;background:color-mix(in srgb,var(--leaf) 11%,transparent);border:1px solid color-mix(in srgb,var(--leaf) 26%,transparent)}
.vx-web .vx-ft li{background:rgba(164,194,127,.12);border-color:rgba(164,194,127,.28)}
.vx-ft svg{width:20px;height:20px;padding:4px}
.vx-web .vx-ft .vx-star,.vx-ft .vx-star{flex:1 1 100%;max-width:340px;padding:7px 14px;border:0;background:linear-gradient(135deg,#e3c28a,#b58a45)}
.vx-web .vx-ft .vx-star svg,.vx-ft .vx-star svg{width:22px;height:22px;color:#e3c28a;background:#1c1712}
.vx-act{gap:8px}.vx-act a{padding:10px 20px;font-size:14px}
.vx-desc{max-width:84ch}
.vx-act{flex-direction:row;flex-wrap:wrap;justify-content:center}.vx-act a{flex:1 1 auto;padding:10px 16px;font-size:13.5px}
.vx-chip{font-size:clamp(12px,.9vw,14px)}
/* VX: cleaner image (no floating chips) + living ring */
.vx-chip,.vx-mini{display:none!important}
@keyframes vx-spin{to{rotate:360deg}}
@keyframes vx-pulse{0%{transform:scale(.97);opacity:.55}100%{transform:scale(1.2);opacity:0}}
.vx-ring{inset:-6%;border:1.5px dashed rgba(227,194,138,.6);animation:vx-spin 50s linear infinite}
.vx-win .vx-ring{border-color:color-mix(in srgb,var(--gold2) 65%,transparent)}
.vx-ring:before{content:"";position:absolute;inset:-2px;border-radius:50%;
background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold1) 30%,transparent) 78%,#f3d9a0 100%);
-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 2.5px));
animation:vx-spin 6s linear infinite reverse}
.vx-win .vx-ring:before{background:conic-gradient(from 0deg,transparent 0 58%,color-mix(in srgb,var(--gold2) 35%,transparent) 78%,var(--gold2) 100%)}
.vx-ring:after{bottom:auto;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;background:#f3d9a0;box-shadow:0 0 0 4px rgba(227,194,138,.2),0 0 16px 2px var(--gold1)}
.vx-media:after{content:"";position:absolute;inset:-6%;border-radius:50%;border:1.5px solid var(--gold1);pointer-events:none;animation:vx-pulse 4.2s cubic-bezier(.2,.6,.3,1) infinite}
.vx-card:nth-child(2) .vx-media:after{animation-delay:2.1s}
.vx-card:hover .vx-ring{animation-duration:14s}
@media(prefers-reduced-motion:reduce){.vx-ring,.vx-ring:before,.vx-media:after{animation:none}}


/* فریم گوشی بزرگ‌تر: فضای عمودی بیشتر برای استیج */
@media(min-width:900px){
#mods{--sec-gap:clamp(24px,4.2vh,48px)}
.md-stage{margin-top:clamp(10px,2vh,22px)!important}
.md-cw{margin-top:clamp(14px,2.2vh,22px)!important}
}
@media(max-width:899px){.md-stage{--pw:min(72vw,290px)}}


.wy-sec{position:relative;max-width:1920px;margin:0 auto;padding:clamp(28px,5vh,48px) var(--sx,clamp(24px,5vw,96px));font-family:'Vazirmatn',Tahoma,sans-serif;direction:rtl;color:var(--ink);scroll-margin-top:112px}
.wy-hd{text-align:center;margin-bottom:clamp(16px,3vh,28px)}
.wy-hd h2{margin:0;font-size:clamp(24px,2.7vw,42px);line-height:1.5;font-weight:800;text-wrap:balance}
.wy-hd p{margin:4px 0 0;font-size:clamp(13px,1vw,15px);color:var(--mut)}
.wy-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:clamp(16px,2vw,32px);align-items:stretch}
.wy-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(8,1fr);gap:8px}
.wy-c{display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 10px;border-radius:14px;border:1px solid var(--line);background:var(--card);text-align:start;font-size:clamp(12px,.88vw,13.5px);font-weight:600;line-height:1.5;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.wy-c svg{flex:none;width:20px;height:20px;fill:none;stroke:var(--goldtxt);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wy-c:hover{border-color:var(--gold2);transform:translateY(-1px)}
.wy-c[aria-selected=true]{background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);border-color:transparent;box-shadow:var(--shadow)}
.wy-c[aria-selected=true] svg{stroke:var(--on-gold)}
.wy-d{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);overflow:hidden}
.wy-pic{position:relative;overflow:hidden;min-height:240px;background:linear-gradient(160deg,var(--bg2),var(--line))}
.wy-pic img{position:absolute;inset:0;width:100%;height:100%}
.wy-pic .bk{object-fit:cover;filter:blur(16px);transform:scale(1.2);opacity:.85}
.wy-pic .fg{object-fit:contain}
.wy-ph{display:none;position:absolute;inset:0;place-items:center}
.wy-ph svg{width:84px;height:84px;padding:22px;box-sizing:content-box;border-radius:50%;fill:none;stroke:var(--goldtxt);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;background:var(--card);border:1px solid var(--line);box-shadow:0 0 0 18px color-mix(in srgb,var(--gold1) 18%,transparent),0 0 0 40px color-mix(in srgb,var(--gold1) 9%,transparent)}
.wy-pic.ni img{display:none}.wy-pic.ni .wy-ph{display:grid}
.wy-tx{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:clamp(16px,1.8vw,26px)}
.wy-no{font-size:12px;font-weight:700;color:var(--goldtxt);letter-spacing:.04em}
.wy-tx .wy-ttl{margin:0;font-size:clamp(18px,1.55vw,24px);line-height:1.6;font-weight:800}
.wy-tx p{margin:0;font-size:clamp(13.5px,1vw,15px);line-height:1.95}
.wy-tx .wy-q{color:var(--mut);padding-inline-start:12px;border-inline-start:2px solid var(--gold2)}
.wy-go{align-self:flex-start;display:inline-flex;align-items:center;gap:12px;margin-top:6px;padding:6px 20px 6px 6px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:14.5px;font-weight:800;box-shadow:0 14px 28px -14px var(--acc);transition:transform .2s,filter .2s}
.wy-go[hidden]{display:none}
.wy-go i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.22)}
.wy-go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.wy-go:hover{transform:translateY(-2px);filter:brightness(1.08)}.wy-go:hover svg{transform:translateX(-4px)}
.wy-c:focus-visible,.wy-go:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
.wy-d.sw .wy-tx>*,.wy-d.sw .wy-pic{animation:wy-in .35s ease both}
.wy-d.sw .wy-tx>:nth-child(2){animation-delay:.04s}.wy-d.sw .wy-tx>:nth-child(3){animation-delay:.08s}.wy-d.sw .wy-tx>:nth-child(4){animation-delay:.12s}.wy-d.sw .wy-tx>:nth-child(5){animation-delay:.16s}
@keyframes wy-in{from{opacity:0;transform:translateY(8px)}}
@media (max-height:780px) and (min-width:901px){.wy-sec{padding-block:24px}.wy-hd{margin-bottom:14px}.wy-c{min-height:42px}.wy-tx{gap:6px}.wy-tx p{line-height:1.8}}
@media (max-width:1100px) and (min-width:901px){.wy-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(12,1fr)}}
@media (max-width:900px){.wy-in{grid-template-columns:1fr}.wy-d{order:-1;grid-template-columns:1fr;scroll-margin-top:130px}.wy-pic{min-height:0;aspect-ratio:16/10}.wy-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.wy-c{min-height:44px}}
@media (prefers-reduced-motion:reduce){.wy-c,.wy-go,.wy-go svg{transition:none}.wy-d.sw .wy-tx>*,.wy-d.sw .wy-pic{animation:none}}


.cs-strip{margin-block:clamp(10px,2.5vh,28px)}
.cs-cat{display:inline-flex;align-items:center;gap:9px;padding:13px 20px;border-radius:999px;font-size:15px;font-weight:800;color:#fff;border:2px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.cs-cat svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.cs-cat:hover{background:#fff;color:#7d1f19;border-color:#fff}.cs-cat:hover svg{transform:translateY(3px)}
.cs-cat:focus-visible{outline:2px solid #fbe6ae;outline-offset:3px}
@media(max-width:760px){.cs-b{justify-content:center;width:100%}.cs-cat,.cs-tel{flex:1 1 100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.cs-cat,.cs-cat svg{transition:none}}
/* دکمه «مشاهده محصولات» در نوار قرمز (بعد از بخش «چرا سول؟») */
.cs-prod{display:inline-flex;align-items:center;gap:9px;padding:13px 20px;border-radius:999px;font-size:15px;font-weight:800;color:#fff;border:2px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.cs-prod svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.cs-prod:hover{background:#fff;color:#7d1f19;border-color:#fff}.cs-prod:hover svg{transform:translateX(-4px)}
.cs-prod:focus-visible{outline:2px solid #fbe6ae;outline-offset:3px}
@media(max-width:760px){.cs-prod{flex:1 1 100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.cs-prod,.cs-prod svg{transition:none}}


/* پالت سکشن «انواع کسب‌وکار»: از کرم به سبزِ مریم‌گلی (برگرفته از --leaf سایت) با سطوح سفید؛ چیدمان دست‌نخورده */
.bz-st{--card:#fff;--line:#d6e1c7;--bg2:#e2ebd5;--bz-base:#f1f5eb;
 background:radial-gradient(55% 55% at 100% 0%,color-mix(in srgb,var(--gold1) 11%,transparent),transparent 62%),radial-gradient(75% 65% at 0% 100%,color-mix(in srgb,var(--leaf) 20%,transparent),transparent 68%),var(--bz-base);
 border-color:var(--line);box-shadow:inset 0 1px 0 #fff,0 26px 50px -30px rgba(58,84,34,.45)}
.bz-r{background:var(--card);border-color:var(--line)}
.bz-r.on,.bz-r:hover,.bz-r:focus-visible{background:color-mix(in srgb,var(--c) 9%,#fff)}
.bz-sh{background:linear-gradient(180deg,color-mix(in srgb,var(--leaf) 16%,#fff),#fff 78%);border-color:var(--line);box-shadow:0 18px 36px -28px rgba(58,84,34,.5)}
.bz-hd p,.bz-sc,.bz-cta{color:#6d7a5d}
.bz-ey{color:#4f6b34;border-color:color-mix(in srgb,var(--leaf) 45%,transparent);background:color-mix(in srgb,var(--leaf) 12%,transparent)}
.bz-ey i{background:var(--leaf)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bz-st{--card:#1c1813;--line:#3a3023;--bg2:#1d1812;--bz-base:#1c1813;box-shadow:var(--shadow)}
:root:not([data-theme="light"]) .bz-r.on,:root:not([data-theme="light"]) .bz-r:hover{background:color-mix(in srgb,var(--c) 11%,var(--card))}
:root:not([data-theme="light"]) .bz-sh{background:linear-gradient(180deg,var(--bg2),var(--card))}
:root:not([data-theme="light"]) .bz-hd p,:root:not([data-theme="light"]) .bz-sc,:root:not([data-theme="light"]) .bz-cta{color:var(--mut)}
:root:not([data-theme="light"]) .bz-ey{color:var(--goldtxt);border-color:color-mix(in srgb,var(--gold2) 45%,transparent);background:color-mix(in srgb,var(--gold1) 14%,transparent)}
:root:not([data-theme="light"]) .bz-ey i{background:var(--gold2)}}
:root[data-theme="dark"] .bz-st{--card:#1c1813;--line:#3a3023;--bg2:#1d1812;--bz-base:#1c1813;box-shadow:var(--shadow)}
:root[data-theme="dark"] .bz-r.on,:root[data-theme="dark"] .bz-r:hover{background:color-mix(in srgb,var(--c) 11%,var(--card))}
:root[data-theme="dark"] .bz-sh{background:linear-gradient(180deg,var(--bg2),var(--card))}
:root[data-theme="dark"] .bz-hd p,:root[data-theme="dark"] .bz-sc,:root[data-theme="dark"] .bz-cta{color:var(--mut)}
:root[data-theme="dark"] .bz-ey{color:var(--goldtxt);border-color:color-mix(in srgb,var(--gold2) 45%,transparent);background:color-mix(in srgb,var(--gold1) 14%,transparent)}
:root[data-theme="dark"] .bz-ey i{background:var(--gold2)}


/* انواع کسب‌وکار: سفید خالص؛ رنگ فقط از جزئیات (حاشیه‌ی نازک، سایه‌ی رنگی، تینت هاور) می‌آید، نه از زمینه */
.bz-sec{--bz-ln:#ebe8e2;--bz-sh:rgba(28,23,18,.22)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bz-sec{--bz-ln:var(--line);--bz-sh:rgba(0,0,0,.6)}}
:root[data-theme="dark"] .bz-sec{--bz-ln:var(--line);--bz-sh:rgba(0,0,0,.6)}
.bz-sec .bz-st{background:var(--card);border-color:var(--bz-ln);box-shadow:0 1px 2px rgba(28,23,18,.04),0 36px 70px -44px var(--bz-sh)}
.bz-sec .bz-st:before{content:"";position:absolute;z-index:1;top:0;inset-inline:clamp(40px,14%,200px);height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--gold2),var(--leaf),transparent);opacity:.75}
.bz-sec .bz-ey{background:var(--card);border-color:color-mix(in srgb,var(--gold2) 40%,var(--bz-ln))}
.bz-sec .bz-r{background:var(--card);border-color:var(--bz-ln);box-shadow:0 1px 2px rgba(28,23,18,.04)}
.bz-sec .bz-r.on,.bz-sec .bz-r:hover,.bz-sec .bz-r:focus-visible{background:color-mix(in srgb,var(--c) 7%,var(--card));border-color:color-mix(in srgb,var(--c) 55%,var(--bz-ln));box-shadow:0 1px 2px rgba(28,23,18,.04),0 16px 26px -18px color-mix(in srgb,var(--c) 75%,transparent)}
.bz-sec .bz-a{border-color:var(--bz-ln)}
.bz-sec .bz-sh{background:var(--card);border-color:var(--bz-ln);box-shadow:0 1px 2px rgba(28,23,18,.04),0 30px 46px -32px color-mix(in srgb,var(--c) 55%,transparent);transition:box-shadow .5s}
.bz-sec .bz-bp{background:var(--card)}
.bz-sec .bz-tg i{background:var(--card);border-color:color-mix(in srgb,var(--c) 45%,var(--bz-ln))}
.bz-sec:after{content:"";position:absolute;inset:auto 0 0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold2) 40%,transparent),transparent)}


.fc-sec{width:100%;margin:0!important;padding-block:var(--sy)!important}
.fc-box{position:relative;overflow:hidden;isolation:isolate;padding:clamp(36px,6vh,64px) var(--sx);color:#fff;background:#1a1d23}
.fc-st{position:relative;max-width:1776px;margin:0 auto}
.fc-bg{position:absolute;inset:-12px;z-index:-2;background:url(/wp-content/uploads/next/sol-home-20261110/d5f02f2333d6175d.jpg) center 62%/cover no-repeat;filter:blur(3px) sepia(.28) saturate(.9)}
.fc-box:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(28,23,18,.78),rgba(28,23,18,.58) 45%,rgba(28,23,18,.74))}
.fc-hd{text-align:center;max-width:860px;margin:0 auto clamp(12px,2vh,22px)}
.fc-hd h2{margin:0;font-size:clamp(22px,2.4vw,36px);line-height:1.45;font-weight:800;color:#fff;text-wrap:balance}
.fc-hd p{margin:.3em auto 0;max-width:46em;font-size:clamp(13px,1.05vw,15.5px);line-height:1.9;color:rgba(255,255,255,.82);text-wrap:balance}
.fc-ls{max-width:940px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.fc-i{border-radius:16px;background:rgba(51,41,29,.58);border:1px solid color-mix(in srgb,var(--gold1) 20%,transparent);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);transition:background .25s,border-color .25s}
.fc-i:hover{background:rgba(62,50,35,.66)}
.fc-i.open{background:rgba(51,41,29,.76);border-color:color-mix(in srgb,var(--gold1) 55%,transparent)}
.fc-i .fc-t{margin:0;font-size:inherit}
.fc-b{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(11px,1.7vh,15px) clamp(16px,2.2vw,28px);text-align:start;font-size:clamp(14.5px,1.2vw,17px);font-weight:800;line-height:1.7;color:#fff;border-radius:16px}
.fc-b:focus-visible{outline:2px solid var(--gold1);outline-offset:-2px}
.fc-x{flex:none;position:relative;width:18px;height:18px}
.fc-x:before,.fc-x:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;margin:-1px 0 0 -8px;border-radius:2px;background:var(--gold1);transition:transform .3s ease}
.fc-x:after{transform:rotate(90deg)}
.fc-i.open .fc-x:before{transform:rotate(45deg)}.fc-i.open .fc-x:after{transform:rotate(-45deg)}
.fc-p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.fc-i.open .fc-p{grid-template-rows:1fr}
.fc-p>div{overflow:hidden}
.fc-p p{margin:0;padding:0 clamp(16px,2.2vw,28px) 16px;font-size:clamp(13px,1.05vw,15px);line-height:2;color:rgba(255,255,255,.86);text-align:justify}
@media (prefers-reduced-motion:reduce){.fc-p,.fc-x:before,.fc-x:after,.fc-i{transition:none}}


.vf-sec{position:relative;max-width:1920px;margin:0 auto;padding:clamp(24px,3vw,40px) var(--sx,clamp(24px,5vw,96px));direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink);scroll-margin-top:112px}
.vf-gr{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.78fr);column-gap:clamp(28px,6vw,110px);row-gap:clamp(12px,1.4vw,20px)}
.vf-hd{margin-bottom:clamp(8px,1vw,14px)}
.vf-sec .vf-ttl{margin:0 0 6px;font-size:clamp(23px,2.3vw,34px);line-height:1.45;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.vf-hd p{margin:0;max-width:54ch;font-size:clamp(13px,1vw,14.5px);line-height:1.85;color:var(--mut)}
.vf-ls{list-style:none;margin:0;padding:0}
.vf-r{position:relative;border-top:1px solid var(--line)}
.vf-r:last-child{border-bottom:1px solid var(--line)}
.vf-r:before{content:"";position:absolute;inset:-1px 0 auto;height:1px;background:var(--gold2);transform:scaleX(0);transform-origin:100% 50%;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.vf-r.on:before{transform:scaleX(1)}
.vf-b{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:14px;padding:6px 2px;cursor:pointer;font-size:clamp(15px,1.22vw,18px);font-weight:500;color:var(--mut);transition:color .3s}
.vf-b:hover,.vf-r.on .vf-b{color:var(--ink)}
.vf-r.on .vf-b{font-weight:800}
.vf-b:focus-visible,.vf-d a:focus-visible,.vf-ft a:focus-visible{outline:2px solid var(--gold2);outline-offset:3px;border-radius:6px}
.vf-ic{flex:none;box-sizing:border-box;width:30px;height:30px;padding:5px;border-radius:9px;color:var(--leaf);background:color-mix(in srgb,var(--leaf) 12%,transparent);opacity:.9;transition:color .3s,opacity .3s,background .3s}
.vf-r.on .vf-ic{color:var(--on-acc,#fff);background:var(--leaf);opacity:1}
.vf-t{flex:1}
.vf-go{flex:none;display:grid;opacity:0;color:var(--goldtxt);transform:translateX(10px);transition:opacity .3s,transform .4s}
.vf-go svg{width:18px;height:18px}
.vf-r.on .vf-go{opacity:1;transform:none}
.vf-d{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .5s cubic-bezier(.2,.8,.2,1),visibility 0s .5s}
.vf-r.on .vf-d{grid-template-rows:1fr;visibility:visible;transition-delay:0s}
.vf-di{min-height:0;overflow:hidden;padding-inline-start:44px}
.vf-di p{margin:0 0 6px;max-width:46ch;font-size:clamp(13px,.95vw,14.5px);line-height:1.8;color:var(--mut)}
.vf-d a{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:700;color:var(--goldtxt);padding-bottom:3px;border-bottom:1px solid color-mix(in srgb,var(--gold2) 55%,transparent)}
.vf-d a svg,.vf-ft a svg{width:15px;height:15px;transition:transform .2s}
.vf-d a:hover svg,.vf-ft a:hover svg{transform:translateX(-4px)}
.vf-ar{position:relative;width:100%;max-width:420px;min-height:340px;margin:0 auto 12px;margin-inline-start:16px}
.vf-ar:before{content:"";position:absolute;inset:0;border:1px solid var(--gold2);border-radius:999px 999px 30px 30px;transform:translate(-16px,16px);opacity:.7}
.vf-fr{position:absolute;inset:6px;transform:translate(-16px,16px);overflow:hidden;border-radius:999px 999px 24px 24px;background:var(--card);box-shadow:var(--shadow)}
.vf-fr:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 84%,rgba(20,15,10,.35))}
.vf-im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .7s ease,transform 1.4s cubic-bezier(.2,.8,.2,1)}
.vf-im.on{opacity:1;transform:none}
.vf-tg{position:absolute;z-index:2;inset:auto 0 22px;margin:auto;width:fit-content;display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;font-size:12.5px;font-weight:700;color:#f6ecd9;background:rgba(20,15,10,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(227,194,138,.4)}
.vf-tg i{width:6px;height:6px;border-radius:50%;background:#e3c28a}
.vf-ft{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:12px 0}
.vf-ft ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 0}
.vf-ft li{display:flex;align-items:center;gap:8px;padding-inline:20px;border-inline-start:1px solid var(--line);font-size:13.5px;font-weight:500;color:var(--mut)}
.vf-ft li:first-child{padding-inline-start:0;border-inline-start:0}
.vf-ft li svg{width:15px;height:15px;color:var(--leaf)}
.vf-ft a{margin-inline-start:auto;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink);padding-bottom:3px;border-bottom:1px solid var(--gold2)}
@media(max-width:900px){.vf-gr{grid-template-columns:1fr}.vf-ar{order:-1;min-height:0;aspect-ratio:4/4.4;max-width:340px;width:calc(100% - 16px);margin:0 auto 22px 16px}.vf-ft li{padding-inline:12px}.vf-ft a{margin-inline-start:0;margin-top:6px}}
@media(prefers-reduced-motion:reduce){.vf-sec *{transition:none!important}}


.irn-sec{--irn-d:167,125,59;--irn-h:196,98,52;--irn-a:.55;position:relative;isolation:isolate;max-width:1920px;margin:0 auto;padding:clamp(28px,5vh,44px) var(--sx,clamp(24px,5vw,96px));font-family:'Vazirmatn',Tahoma,sans-serif;direction:rtl;color:var(--ink);scroll-margin-top:112px;overflow:clip;
--irn-bg:#fff;background:var(--irn-bg);box-shadow:0 0 0 100vmax var(--irn-bg);clip-path:inset(0 -100vmax)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .irn-sec{--irn-bg:var(--bg);--irn-d:236,205,155;--irn-h:255,232,170;--irn-a:.3}}
:root[data-theme="dark"] .irn-sec{--irn-bg:var(--bg);--irn-d:236,205,155;--irn-h:255,232,170;--irn-a:.3}
.irn-sec:before{content:"";position:absolute;inset:0 0 auto;height:1px;z-index:-1;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold1) 60%,transparent),transparent)}
.irn-in{display:grid;grid-template-columns:minmax(300px,520px) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:center;min-height:0}
.irn-tx{position:relative;z-index:2}
.irn-sec h2{margin:0 0 clamp(12px,2vh,20px);font-weight:800;line-height:1.45;color:var(--ink);text-wrap:balance}
.irn-sec h2 span{display:block}
.irn-sec h2 .irn-b{font-size:clamp(40px,4.4vw,72px);line-height:1.15;letter-spacing:-.01em}
.irn-sec h2 .irn-s{font-size:clamp(20px,2vw,32px)}
.irn-sec .irn-tx p{margin:0 0 18px;max-width:46ch;font-size:clamp(14.5px,1.12vw,17px);line-height:2;color:color-mix(in srgb,var(--ink) 78%,transparent)}
.irn-cta{display:inline-flex;align-items:center;gap:14px;margin-top:clamp(10px,2vh,22px);padding:8px 28px 8px 8px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-size:16px;font-weight:800;box-shadow:0 18px 40px -16px color-mix(in srgb,var(--acc) 60%,transparent);transition:transform .25s,box-shadow .25s,filter .25s}
.irn-cta i{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.22);color:var(--on-acc);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.irn-cta svg{width:18px;height:18px}
.irn-cta:hover{transform:translateY(-2px);box-shadow:0 22px 46px -14px color-mix(in srgb,var(--acc) 75%,transparent)}
.irn-cta:hover i{transform:translateX(-5px)}
.irn-cta:focus-visible{outline:3px solid var(--gold2);outline-offset:4px}
.irn-map{position:relative;direction:ltr;width:100%;height:min(66svh,600px);touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.irn-map canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.irn-nodes,.irn-toasts{position:absolute;inset:0;pointer-events:none}
.irn-n{--s:8px;position:absolute;width:0;height:0;pointer-events:auto}
.irn-n[data-z="2"]{--s:11px}.irn-n[data-z="3"]{--s:15px}
.irn-n i{position:absolute;left:calc(var(--s)/-2);top:calc(var(--s)/-2);width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6df,#f4c981 55%,#d08f3d);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold2) 28%,transparent),0 0 14px 2px color-mix(in srgb,var(--gold2) 45%,transparent);transform:scale(0);transition:transform .55s cubic-bezier(.2,.9,.3,1.35)}
.irn-n.on i{transform:scale(1)}
.irn-n:after{content:"";position:absolute;left:calc(var(--s)/-2);top:calc(var(--s)/-2);width:var(--s);height:var(--s);border-radius:50%;border:1.5px solid var(--acc);opacity:0}
.irn-n.ping:after{animation:irn-ring 1.7s ease-out}
@keyframes irn-ring{from{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(5.5)}}
.irn-n u{position:absolute;left:-16px;top:-16px;width:32px;height:32px;border-radius:50%}
.irn-n b{position:absolute;left:0;bottom:calc(var(--s)/2 + 9px);transform:translate(-50%,5px);white-space:nowrap;padding:3px 11px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:12px;font-weight:700;line-height:1.7;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:3}
.irn-n:hover b{opacity:1;transform:translate(-50%,0)}
.irn-t{position:absolute;display:flex;align-items:center;gap:8px;white-space:nowrap;direction:rtl;padding:6px 14px 6px 12px;border-radius:999px;font-size:12.5px;font-weight:500;color:var(--ink);background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);animation:irn-toast 2.7s ease both}
.irn-t i{width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 25%,transparent)}
@keyframes irn-toast{0%{opacity:0;transform:translate(-50%,-4px)}12%{opacity:1;transform:translate(-50%,-16px)}82%{opacity:1;transform:translate(-50%,-18px)}100%{opacity:0;transform:translate(-50%,-26px)}}
@media (max-width:900px){
 .irn-sec{padding:32px var(--sx,24px) 28px}
 .irn-in{grid-template-columns:1fr;justify-content:stretch;gap:20px;min-height:0}
 .irn-sec .irn-tx p{max-width:none}
 .irn-tx{padding-inline-end:34px}
 .irn-map{aspect-ratio:1.05/1;height:auto;margin-inline:-6px;width:calc(100% + 12px)}
 .irn-n b{display:none}
 .irn-n[data-z="1"]{--s:6px}.irn-n[data-z="2"]{--s:8px}.irn-n[data-z="3"]{--s:11px}
}
@media (prefers-reduced-motion:reduce){.irn-n i{transition:none;transform:scale(1)}.irn-n.ping:after,.irn-t{animation:none!important}.irn-cta,.irn-cta i{transition:none}}


.rd-sec{--g1:var(--gold1,#d6b374);--g2:var(--gold2,#a77d3b);--gt:var(--goldtxt,#8a6428);--ink:var(--ink,#1c1712);--mut:var(--mut,#8a7459);
 --acc:var(--acc,#a9322b);--bad:#ef7b72;--esp:#1c1712;
 position:relative;background:#fff!important;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);max-width:1920px;margin:0 auto;
 padding:clamp(22px,4vh,40px) var(--sx,clamp(20px,5vw,96px));font-family:'Vazirmatn',Tahoma,sans-serif;direction:rtl;color:var(--ink)}
.rd-sec *{box-sizing:border-box}
.rd{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(20px,4vw,52px);align-items:center}
/* متن */
.rd-tx{display:flex;flex-direction:column;gap:8px}
.rd-tx h2{margin:0;font-size:clamp(22px,2.5vw,32px);font-weight:900;line-height:1.4;color:var(--gt);display:flex;align-items:center;gap:12px}
.rd-tx h2:before{content:"";flex:none;width:34px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--g2),var(--g1))}
.rd-tx .rd-ttl{margin:0;font-size:clamp(17px,1.8vw,22px);font-weight:600;line-height:1.6}
.rd-tx p{margin:2px 0 6px;font-size:13px;line-height:2;color:var(--mut);max-width:520px}
.rd-ct{display:flex;flex-wrap:wrap;gap:8px 22px}
.rd-ct a{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-size:13px;font-weight:700;border-radius:999px;padding:2px 0}
.rd-ct a:focus-visible{outline:2px solid var(--g2);outline-offset:3px}
.rd-ct i{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#1c1712;background:linear-gradient(135deg,var(--g1),var(--g2));box-shadow:0 8px 14px -8px rgba(120,86,30,.7);transition:transform .2s}
.rd-ct a:hover i{transform:translateY(-2px)}
.rd-ct svg{width:16px;height:16px}
.rd-l{direction:ltr;unicode-bidi:plaintext;display:inline-block}
/* کارت تیره (اسپرسو) */
.rd-card{position:relative;overflow:hidden;isolation:isolate;border-radius:28px;padding:20px clamp(18px,2.4vw,28px);color:#f1e8d8;
 background:radial-gradient(420px 200px at 100% 0,rgba(214,179,116,.22),transparent 70%),linear-gradient(160deg,#2a2119,#1c1712 60%);
 box-shadow:inset 0 0 0 1px rgba(214,179,116,.32),0 30px 40px -28px rgba(60,40,10,.6)}
.rd-card:before{content:"";position:absolute;z-index:-1;width:380px;height:380px;top:-210px;right:-120px;border-radius:50%;
 background:repeating-conic-gradient(rgba(227,194,138,.20) 0 2.5deg,transparent 2.5deg 9deg);
 -webkit-mask:radial-gradient(circle,#000,transparent 68%);mask:radial-gradient(circle,#000,transparent 68%)}
.rd-card:after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(227,194,138,.8),transparent)}
.rd-f{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rd-fd{position:relative;min-width:0}
.rd-fd.w{grid-column:1/-1}
.rd-fd input,.rd-fd select{width:100%;height:50px;padding:20px 18px 5px;border-radius:999px;border:1px solid rgba(214,179,116,.3);background:rgba(255,255,255,.06);
 color:#f1e8d8;font:inherit;font-size:14px;font-weight:700;outline:0;appearance:none;-webkit-appearance:none;text-overflow:ellipsis;transition:border-color .2s,background .2s,box-shadow .2s}
.rd-fd select{cursor:pointer;padding-inline-start:38px}.rd-fd select option{color:#1c1712}
.rd-fd input:focus,.rd-fd select:focus{border-color:var(--g1);background:rgba(255,255,255,.1);box-shadow:0 0 0 3px rgba(214,179,116,.22)}
.rd-fd label{position:absolute;inset-inline-start:18px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:600;color:#b9a888;pointer-events:none;white-space:nowrap;transition:top .2s,font-size .2s,color .2s}
.rd-fd label b{color:#e2685a}
.rd-fd input:focus+label,.rd-fd input:not(:placeholder-shown)+label,.rd-fd select+label{top:14px;font-size:10.5px;font-weight:800;color:var(--g1)}
.rd-fd select:invalid{color:transparent}
.rd-ch{position:absolute;inset-inline-end:18px;top:50%;width:7px;height:7px;margin-top:-6px;border:solid #b9a888;border-width:0 2px 2px 0;transform:rotate(45deg);pointer-events:none}
.rd-fd.err input,.rd-fd.err select{border-color:var(--bad);box-shadow:0 0 0 3px rgba(239,123,114,.2)}
.rd-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:2px}
.rd-ck{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;cursor:pointer;user-select:none}
.rd-ck input{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:7px;border:1.5px solid rgba(214,179,116,.6);background:rgba(255,255,255,.06);display:grid;place-items:center;cursor:pointer;margin:0;transition:background .2s}
.rd-ck input:checked{background:linear-gradient(135deg,var(--g1),var(--g2));border-color:var(--g1)}
.rd-ck input:checked:after{content:"";width:10px;height:6px;border:solid #1c1712;border-width:0 0 2.5px 2.5px;transform:rotate(-45deg) translate(1px,-1px)}
.rd-ck input:focus-visible{outline:2px solid var(--g1);outline-offset:3px}
.rd-go{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 10px 0 22px;border:0;border-radius:999px;cursor:pointer;font:inherit;font-size:14.5px;font-weight:900;color:#fff;
 background:linear-gradient(180deg,#bb4a42,var(--acc));box-shadow:0 12px 20px -12px #e2685a,inset 0 1px 0 rgba(255,255,255,.25);transition:transform .2s,filter .2s}
.rd-go:hover{transform:translateY(-2px);filter:brightness(1.08)}
.rd-go:focus-visible{outline:2px solid var(--g1);outline-offset:3px}
.rd-go i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--acc)}
.rd-go svg{width:15px;height:15px;transition:transform .2s}.rd-go:hover svg{transform:translateX(-3px)}
.rd-go[disabled]{filter:grayscale(.4) opacity(.75);cursor:wait}
.rd-msg{margin:8px 0 0;font-size:12px;font-weight:700;color:var(--bad)}.rd-msg:empty{display:none}
.rd-ok{display:none;align-items:center;gap:14px;padding:26px 4px}
.rd-card.ok .rd-f,.rd-card.ok .rd-msg{display:none}.rd-card.ok .rd-ok{display:flex}
.rd-ok i{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#5b7a3c;color:#fff;box-shadow:0 0 0 7px rgba(164,194,127,.2)}
.rd-ok b{display:block;font-size:16px;font-weight:900}.rd-ok span{display:block;margin-top:3px;font-size:12.5px;color:#b9a888}
@media (max-width:900px){.rd{grid-template-columns:1fr}}
@media (max-width:560px){.rd-f{grid-template-columns:1fr}.rd-row{flex-direction:column;align-items:stretch}.rd-go{justify-content:center}.rd-card{border-radius:24px}}
@media (prefers-reduced-motion:reduce){.rd-sec *{transition:none!important}}

/* ===== بازطراحی مینیمال: کارت عاجی، فیلدهای ساده، یک دکمه تیره ===== */
.rd-sec{max-width:1920px!important;margin-inline:auto!important;padding-inline:var(--sx,clamp(24px,5vw,96px))!important;padding-block:var(--sy,clamp(36px,6.5vh,72px))!important}
.rd{max-width:none!important;width:100%;grid-template-columns:1fr 1.1fr;gap:clamp(24px,5vw,90px)}
.rd-card{border-radius:28px;padding:clamp(22px,2.6vw,36px);color:#1c1712;animation:none;
 background:#fbf9f5;border:1px solid rgba(138,100,40,.16);
 box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(60,40,10,.04),0 36px 60px -44px rgba(90,60,15,.35)}
.rd-card:before,.rd-card:after{content:none;animation:none}
.rd-f{gap:14px}
.rd-fd input,.rd-fd select{height:58px;padding:24px 18px 6px;border-radius:14px;border:1px solid #e6dcc9;background:#fff none;color:#1c1712;font-size:14.5px;font-weight:700;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.rd-fd select{padding-inline-start:18px;padding-inline-end:44px}
.rd-fd select option{color:#1c1712;background:#fff}
.rd-fd input:hover,.rd-fd select:hover{border-color:#d4c4a4}
.rd-fd input:focus,.rd-fd select:focus{border-color:#b08a4a;background:#fff;box-shadow:0 0 0 4px rgba(176,138,74,.15)}
.rd-fd label{inset-inline-start:18px;font-size:13.5px;font-weight:600;color:#8c7a5e}
.rd-fd input:focus+label,.rd-fd input:not(:placeholder-shown)+label,.rd-fd select+label{top:17px;font-size:11px;font-weight:700;color:#8a6428}
.rd-fd label b{color:#b3261e;font-weight:700}
.rd-ch{inset-inline-end:20px;width:6px;height:6px;margin-top:-5px;border-color:#8c7a5e;border-width:0 1.5px 1.5px 0}
.rd-fd.err input,.rd-fd.err select{border-color:#b3261e;box-shadow:0 0 0 4px rgba(179,38,30,.12)}
/* رنگ پر‌شدن خودکار مرورگر (آبی پیش‌فرض کروم) → کرم طلایی هماهنگ با پالت */
.rd-fd input:-webkit-autofill,.rd-fd input:-webkit-autofill:hover,.rd-fd input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 100px #fbf3e0 inset!important;box-shadow:0 0 0 100px #fbf3e0 inset!important;-webkit-text-fill-color:#1c1712;caret-color:#1c1712;border-color:#e3d3ae;transition:background-color 9999s ease-out}
.rd-fd input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 100px #fbf3e0 inset,0 0 0 4px rgba(176,138,74,.15)!important;border-color:#b08a4a}
.rd-fd input:autofill{box-shadow:0 0 0 100px #fbf3e0 inset!important;color:#1c1712;border-color:#e3d3ae}
.rd-row{margin-top:6px;padding-top:20px;border-top:1px solid #ece3d2}
.rd-ck{color:#4a3a22;font-size:13px;font-weight:700}
.rd-ck input{width:18px;height:18px;border-radius:6px;border:1.5px solid #cbb994;background:#fff}
.rd-ck input:checked{background:#1c1712;border-color:#1c1712}
.rd-ck input:checked:after{width:9px;height:5px;border-color:#e9c98a;border-width:0 0 2px 2px}
.rd-go{overflow:visible;min-height:52px;padding:0 22px;gap:14px;border-radius:14px;font-size:14.5px;font-weight:800;color:#f6ecd6;background:#1c1712;box-shadow:0 14px 24px -16px rgba(28,23,18,.8);transition:background .2s,transform .2s}
.rd-go:after{content:none;animation:none}
.rd-go:hover{background:#2d241b;transform:translateY(-1px);filter:none}
.rd-go i{width:auto;height:auto;border-radius:0;background:none;color:#d6b374}
.rd-go svg{width:17px;height:17px;stroke-width:2.2}
.rd-go:hover svg{transform:translateX(-4px)}
.rd-msg{color:#b3261e;font-weight:700}
.rd-ok b{color:#1c1712}.rd-ok span{color:#7a6848}
.rd-ok i{background:#1c1712;color:#e9c98a;box-shadow:0 0 0 6px rgba(176,138,74,.16)}
@media (max-width:560px){.rd-fd input,.rd-fd select{height:56px}.rd-card{border-radius:24px}.rd-go{justify-content:center}}
@media (prefers-reduced-motion:reduce){.rd-sec *{transition:none!important}}


/* هماهنگ با فرم‌های app.sol.ir (ثبت‌نام / ورود) */
.rd-card{border-radius:30px;background:linear-gradient(180deg,#fff,#fcfaf5);border:1px solid #eadfc9;
 box-shadow:0 1px 2px rgba(60,40,10,.04),0 40px 70px -48px rgba(120,86,30,.45)}
.rd-card:after{content:"";display:block;position:absolute;inset:0 18% auto;height:2px;border-radius:2px;
 background:linear-gradient(90deg,transparent,#c9a15a,transparent);animation:none}
.rd-f{gap:16px}
.rd-fd input,.rd-fd select{height:56px;border-radius:18px;border:1px solid #dccba6;
 background:linear-gradient(180deg,#fff,#fdfbf6);font-weight:600;
 padding-block:22px 4px;padding-inline-start:54px;padding-inline-end:18px}
.rd-fd select{padding-inline-end:46px}
.rd-fd input:hover,.rd-fd select:hover{border-color:#c9b184}
.rd-fd input:focus,.rd-fd select:focus{border-color:#a9803f;background:#fff;box-shadow:0 0 0 4px rgba(169,128,63,.14)}
.rd-fd label{inset-inline-start:54px;font-size:14px;font-weight:600;color:#a89a80}
.rd-fd input:focus+label,.rd-fd input:not(:placeholder-shown)+label,.rd-fd select+label{top:15px;font-size:10.5px;font-weight:700;color:#8a6428}
.rd-fd label b{color:#b3261e}
.rd-ic{position:absolute;inset-inline-start:18px;top:50%;translate:0 -50%;width:22px;height:22px;display:grid;place-items:center;color:#a9803f;pointer-events:none;transition:color .2s}
.rd-ic svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.rd-fd:focus-within .rd-ic{color:#8a6428}
.rd-fd.err .rd-ic{color:#b3261e}
.rd-row{border-top:1px solid #efe6d3;padding-top:22px;margin-top:8px}
.rd-ck input{border:1.5px solid #cbb994;border-radius:7px}
.rd-ck input:checked{background:linear-gradient(135deg,#bd9553,#a9803f);border-color:#a9803f}
.rd-ck input:checked:after{border-color:#fff}
.rd-go{min-height:54px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#b8904f,#9a6f33);
 box-shadow:0 16px 26px -16px rgba(154,111,51,.85);transition:transform .2s,filter .2s,box-shadow .2s}
.rd-go:hover{background:linear-gradient(135deg,#c09857,#a2763a);filter:none;transform:translateY(-1px)}
.rd-go i{color:#fff}
.rd-ok i{background:linear-gradient(135deg,#bd9553,#a9803f);color:#fff;box-shadow:0 0 0 6px rgba(169,128,63,.16)}
/* دقیق‌تر شدن بر اساس فرم ثبت‌نام اپ */
.rd-fd input,.rd-fd select{border-radius:16px;border-color:#e4d6b8;background:linear-gradient(180deg,#fffefd,#fcf9f3)}
.rd-fd label{color:#a99d86}
.rd-go{border-radius:16px;color:#1c1712;font-weight:800;background:linear-gradient(180deg,#dcb675,#ad843f);
 box-shadow:0 14px 26px -14px rgba(173,132,63,.8),inset 0 1px 0 rgba(255,255,255,.35)}
.rd-go:hover{background:linear-gradient(180deg,#e2be7e,#b58b45);filter:none}
.rd-go i{color:#1c1712}
.rd-ck input:checked{background:linear-gradient(180deg,#c49a57,#a9803f)}
.rd-ck input:checked:after{border-color:#1c1712}
.rd-ok i{background:linear-gradient(180deg,#dcb675,#ad843f);color:#1c1712}
@media (max-width:800px){.rd{grid-template-columns:1fr}.rd-tx p{max-width:none}}
@media (max-width:560px){.rd-fd input,.rd-fd select{height:56px}.rd-card{border-radius:26px}}


.hw-sec{--hw-bg:#1a140d;--hw-paper:#f3ebdc;--hw-gold1:#e3c28a;--hw-gold2:#b58a45;position:relative;isolation:isolate;max-width:1920px;margin:0 auto;padding:var(--sy,48px) var(--sx,clamp(24px,5vw,96px));font-family:'Vazirmatn',Tahoma,sans-serif;direction:rtl;color:#f1e8d8;scroll-margin-top:112px;background:radial-gradient(640px 300px at 100% 0,rgba(227,194,138,.16),transparent 70%),var(--hw-bg);box-shadow:0 0 0 100vmax var(--hw-bg);clip-path:inset(0 -100vmax)}
.hw-sec:before{content:"";position:absolute;inset:0 0 auto;height:1px;z-index:-1;background:linear-gradient(90deg,transparent,rgba(227,194,138,.55),transparent)}
.hw-in{margin:0;display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,2.4fr);gap:clamp(24px,4vw,64px);align-items:center}
.hw-hd{text-align:start}
.hw-sec h2{margin:0 0 14px;font-size:clamp(23px,2.5vw,36px);line-height:1.5;font-weight:800;color:#fbf4e6;text-wrap:balance}
.hw-ok{display:flex;align-items:flex-start;gap:8px;margin:0 0 10px;font-size:clamp(13.5px,1.05vw,15px);line-height:1.9;font-weight:700;color:var(--hw-gold1)}
.hw-ok svg{flex:none;width:19px;height:19px;margin-top:5px}
.hw-tx{margin:0 0 22px;font-size:clamp(13px,1vw,14.5px);line-height:2;color:#b9a98c;max-width:38ch}
.hw-cta{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:14px;font-size:14.5px;font-weight:800;color:#1c1712;background:linear-gradient(180deg,var(--hw-gold1),var(--hw-gold2));box-shadow:0 14px 30px -14px rgba(227,194,138,.6);transition:transform .2s,filter .2s}
.hw-cta svg{width:18px;height:18px;transition:transform .2s}
.hw-cta:hover{transform:translateY(-2px);filter:brightness(1.07)}.hw-cta:hover svg{transform:translateX(-4px)}
.hw-cta:focus-visible,.hw-p:focus-visible{outline:3px solid var(--hw-gold1);outline-offset:3px}
.hw-rail{list-style:none;margin:0;padding:0;display:flex;gap:10px;height:clamp(220px,calc(100svh - 112px - 2*var(--sy,48px)),330px);min-width:0}
.hw-i{flex:1 1 0;min-width:0;transition:flex-grow .6s cubic-bezier(.2,.8,.2,1)}
.hw-i.on{flex-grow:5.4}
.hw-p{all:unset;box-sizing:border-box;position:relative;display:block;width:100%;height:100%;overflow:hidden;cursor:pointer;border-radius:22px;background:radial-gradient(120% 80% at 50% 28%,#fbf6ea,var(--hw-paper));box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);transition:box-shadow .3s}
.hw-i.on .hw-p{box-shadow:inset 0 0 0 2px var(--hw-gold2)}
.hw-img{position:absolute;inset:16px 10px auto;height:44%;transition:height .6s cubic-bezier(.2,.8,.2,1)}
.hw-i.on .hw-img{height:68%}
.hw-img img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.hw-lh,.hw-lv{position:absolute;transition:opacity .3s}
.hw-lh{color:#2a2117;font-weight:800}
.hw-lh{inset:auto 18px 16px;font-size:clamp(14px,1.15vw,16.5px);line-height:1.6;text-align:center;opacity:0}
.hw-i.on .hw-lh{opacity:1;transition-delay:.25s}
.hw-lv{inset:57% 3px 12px;display:grid;place-items:start center;color:#6d5a3d;opacity:1;overflow:hidden}
.hw-lv b{display:block;writing-mode:vertical-rl;max-height:100%;font-size:12px;line-height:1.55;font-weight:700;overflow:hidden}
.hw-i.on .hw-lv{opacity:0}
.hw-lh{display:flex;align-items:center;justify-content:center;gap:8px}
.hw-lh svg{flex:none;width:16px;height:16px;color:var(--hw-gold2);transition:transform .2s}
.hw-p:hover .hw-lh svg,.hw-p:focus-visible .hw-lh svg{transform:translateX(-4px)}
.hw-lv{gap:6px;align-content:start}
.hw-lv b{max-height:calc(100% - 22px)}
.hw-lv svg{width:13px;height:13px;color:var(--hw-gold2)}
@media(max-width:1100px){.hw-in{grid-template-columns:1fr;gap:22px}.hw-tx{max-width:60ch}}
@media(max-width:900px){
.hw-rail{overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;height:236px;padding-bottom:4px;margin-inline:calc(var(--sx,24px)*-1);padding-inline:var(--sx,24px);scroll-padding-inline:var(--sx,24px);scrollbar-width:none;overscroll-behavior-x:contain}
.hw-rail::-webkit-scrollbar{display:none}
.hw-i,.hw-i.on{flex:0 0 168px;scroll-snap-align:start}
.hw-img,.hw-i.on .hw-img{height:62%}
.hw-lv{display:none}
.hw-lh{opacity:1}
.hw-i.on .hw-p{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
}
@media(prefers-reduced-motion:reduce){.hw-sec *{transition:none!important}}


#ai2-sec{position:relative;isolation:isolate;max-width:1920px;margin-inline:auto;padding:clamp(28px,3.4vw,52px) var(--sx,clamp(24px,5vw,96px));font-family:'Vazirmatn',Tahoma,sans-serif;direction:rtl;scroll-margin-top:112px;--ai-bg:#fff;background:var(--ai-bg);box-shadow:0 0 0 100vmax var(--ai-bg);clip-path:inset(0 -100vmax)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #ai2-sec{--ai-bg:var(--bg)}}
:root[data-theme="dark"] #ai2-sec{--ai-bg:var(--bg)}
#ai2-sec:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--gold2) 30%,transparent) 1px,transparent 1.5px);background-size:30px 30px;-webkit-mask:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 70%);mask:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 70%);opacity:.55}
.a2-in{max-width:none;margin:0;text-align:center}
.a2-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--goldtxt);background:color-mix(in srgb,var(--gold1) 16%,var(--card));border:1px solid color-mix(in srgb,var(--gold2) 50%,transparent)}
.a2-pill svg{width:14px;height:14px}
#ai2-sec h2{margin:12px auto 6px;font-size:clamp(24px,3vw,42px);line-height:1.4;font-weight:800;color:var(--ink)}
#ai2-sec h2 em{font-style:normal;background:linear-gradient(90deg,var(--gold2),var(--gold1) 55%,var(--goldtxt));-webkit-background-clip:text;background-clip:text;color:transparent}
.a2-sub{margin:0 auto clamp(14px,1.8vw,24px);font-size:clamp(13px,1.1vw,15.5px);line-height:1.9;color:var(--mut)}
.a2-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(20px,3.4vw,56px);align-items:stretch;text-align:start}
.a2-l{display:flex;flex-direction:column;justify-content:center}
.a2-i{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;gap:16px;padding:8px 6px;cursor:pointer;border-bottom:1px solid var(--line);color:var(--mut);font-size:clamp(13.5px,1.1vw,15.5px);font-weight:700;line-height:1.5;transition:color .25s,padding .25s}
.a2-i:last-child{border-bottom:0}
.a2-i em{font-style:normal;flex:none;width:2.2em;font-size:.82em;font-weight:800;color:color-mix(in srgb,var(--gold2) 55%,var(--line));transition:color .25s}
.a2-i span{flex:1}
.a2-i svg{flex:none;width:18px;height:18px;opacity:0;transform:translateX(8px);transition:.25s;color:var(--gold2)}
.a2-i:hover{color:var(--ink)}
.a2-i[aria-selected=true]{color:var(--ink);padding-inline-start:14px}
.a2-i[aria-selected=true] em{color:var(--gold2)}
.a2-i[aria-selected=true] svg{opacity:1;transform:none}
.a2-i:after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--gold2),var(--gold1));transform:scaleX(0);transform-origin:right}
.a2-i[aria-selected=true]:after{animation:a2-p var(--d,7s) linear forwards}
.a2-stop .a2-i[aria-selected=true]:after{animation:none;transform:scaleX(1)}
@keyframes a2-p{to{transform:scaleX(1)}}
.a2-i:focus-visible{outline:2px solid var(--gold2);outline-offset:2px;border-radius:8px}
.a2-c{position:relative;overflow:hidden;border-radius:24px;color:#f3e7cf;min-height:400px;display:flex;flex-direction:column;background:radial-gradient(420px 260px at 100% 0,rgba(214,179,116,.22),transparent 70%),linear-gradient(160deg,#241c14,#120e0a);border:1px solid rgba(227,194,138,.28);box-shadow:0 40px 70px -34px rgba(60,40,10,.6),inset 0 1px 0 rgba(255,255,255,.08)}
.a2-c:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(227,194,138,.2) 1px,transparent 1.5px);background-size:22px 22px;-webkit-mask:linear-gradient(180deg,#000,transparent 55%);mask:linear-gradient(180deg,#000,transparent 55%)}
.a2-net{position:absolute;inset-block-start:46px;inset-inline-start:0;width:60%;max-width:300px;opacity:.9;pointer-events:none}
.a2-net .p{animation:a2-t 3.4s ease-in-out infinite}
@keyframes a2-t{50%{opacity:.25}}
.a2-bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid rgba(227,194,138,.14)}
.a2-dots{display:flex;gap:6px}.a2-dots i{width:9px;height:9px;border-radius:50%;background:rgba(227,194,138,.35)}
.a2-ai{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:800;color:#e3c28a}.a2-ai svg{width:15px;height:15px}
.a2-on{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#b9a98c}.a2-on b{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.a2-body{position:relative;flex:1;display:flex;flex-direction:column;gap:12px;padding:clamp(14px,1.6vw,20px)}
.a2-q{align-self:flex-start;max-width:86%;padding:8px 18px;border-radius:20px 20px 20px 6px;font-size:clamp(13.5px,1.2vw,16px);font-weight:700;line-height:1.8;color:#1c1712;background:linear-gradient(135deg,var(--gold1),#e8c98f)}
.a2-a{display:flex;gap:12px;align-items:flex-start;min-height:68px}
.a2-av{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(227,194,138,.14);border:1px solid rgba(227,194,138,.4);color:#e3c28a}.a2-av svg{width:16px;height:16px}
.a2-a p{margin:0;font-size:clamp(13px,1.15vw,15.5px);line-height:2;color:#e9ddc4}
.a2-a p.t:after{content:"";display:inline-block;width:2px;height:1em;margin-inline-start:3px;vertical-align:-2px;background:#e3c28a;animation:a2-t 1s step-end infinite}
.a2-viz{margin-top:auto;padding:12px 18px 12px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(227,194,138,.2);backdrop-filter:blur(6px)}
.a2-vh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}
.a2-vh small{font-size:12.5px;color:#b9a98c}
.a2-vh b{font-size:clamp(22px,2.4vw,32px);font-weight:800;color:#e3c28a;line-height:1.2}
.a2-ch{position:relative;height:76px}
.a2-ch svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}
.a2-bs{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,1fr);gap:9px;align-items:end}
.a2-bs i{height:var(--h);border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,rgba(227,194,138,.55),rgba(227,194,138,.06));transform-origin:bottom;animation:a2-g .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--n)*50ms)}
.a2-bs i:last-child{background:linear-gradient(180deg,#e3c28a,rgba(227,194,138,.18))}
@keyframes a2-g{from{transform:scaleY(.05);opacity:0}}
.a2-go{display:inline-flex;align-items:center;gap:12px;margin-top:clamp(16px,2vw,26px);padding:11px 28px;border-radius:999px;font-size:16px;font-weight:800;color:var(--on-acc);background:var(--acc);text-decoration:none;transition:transform .2s,filter .2s}
.a2-go svg{width:18px;height:18px;transition:transform .2s}
.a2-go:hover{transform:translateY(-2px);filter:brightness(1.08)}.a2-go:hover svg{transform:translateX(-4px)}
.a2-go:focus-visible{outline:3px solid var(--gold1);outline-offset:3px}
@media(max-width:900px){.a2-g{grid-template-columns:1fr}.a2-c{order:-1;min-height:0}.a2-i{padding-block:9px}}
/* ===== پولیش بخش هوش مصنوعی: فوکوس بصری + سبز به‌عنوان «نشانهٔ زنده/نتیجهٔ مثبت» ===== */
#ai2-sec{--a2-gr:#a9cf86}
/* هالهٔ طلایی پشت کارت تا از زمینهٔ سفید جدا شود */
#ai2-sec .a2-g{position:relative}
#ai2-sec .a2-g:before{content:"";position:absolute;left:-5%;top:-10%;width:58%;height:120%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--gold1) 38%,transparent),transparent);filter:blur(12px)}
#ai2-sec .a2-c{border-color:rgba(227,194,138,.5);box-shadow:0 0 0 6px color-mix(in srgb,var(--gold1) 14%,transparent),0 44px 80px -34px rgba(166,125,59,.7),inset 0 1px 0 rgba(255,255,255,.1)}
/* خوانایی: متن‌ها کمی پررنگ‌تر */
#ai2-sec .a2-sub{color:color-mix(in srgb,var(--ink) 55%,var(--mut))}
#ai2-sec .a2-i{color:color-mix(in srgb,var(--ink) 58%,var(--mut))}
#ai2-sec .a2-i:hover{color:var(--ink)}
#ai2-sec .a2-i[aria-selected=true]{color:var(--ink);background:linear-gradient(270deg,color-mix(in srgb,var(--gold1) 18%,transparent),transparent 85%);border-radius:12px 12px 0 0}
#ai2-sec .a2-i[aria-selected=true] em{color:var(--leaf)}
/* سبز، فقط در جزئیات ریز */
#ai2-sec .a2-pill:after{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 3px color-mix(in srgb,var(--leaf) 22%,transparent)}
#ai2-sec .a2-on b{background:var(--a2-gr);box-shadow:0 0 0 0 rgba(169,207,134,.55);animation:a2-live 2s ease-out infinite}
@keyframes a2-live{to{box-shadow:0 0 0 7px rgba(169,207,134,0)}}
#ai2-sec .a2-on{color:#d6c9ad}
#ai2-sec .a2-vh b{color:var(--a2-gr);text-shadow:0 0 22px rgba(169,207,134,.35)}
#ai2-sec .a2-vh small{color:#cfc1a4}
#ai2-sec .a2-bs i:last-child{background:linear-gradient(180deg,var(--a2-gr),rgba(169,207,134,.16))}
/* مراحل کار هوش مصنوعی (پر کردن فضای خالی وسط کارت) */
#ai2-sec .a2-st{display:flex;flex-wrap:wrap;gap:8px;margin-inline-start:46px}
#ai2-sec .a2-st span{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:999px;font-size:11.5px;font-weight:700;color:#d9ccb0;background:rgba(169,207,134,.1);border:1px solid rgba(169,207,134,.3)}
#ai2-sec .a2-st svg{width:12px;height:12px;color:var(--a2-gr)}
#ai2-sec .a2-st.a2-run span{animation:a2-s .5s cubic-bezier(.2,.7,.2,1) both}
#ai2-sec .a2-st.a2-run span:nth-child(1){animation-delay:.5s}
#ai2-sec .a2-st.a2-run span:nth-child(2){animation-delay:1.2s}
#ai2-sec .a2-st.a2-run span:nth-child(3){animation-delay:1.9s}
@keyframes a2-s{from{opacity:0;transform:translateY(6px)}}
@media(prefers-reduced-motion:reduce){#ai2-sec *{animation:none!important;transition:none!important}}


.mg-sec{--mg-ln:#ebe8e2;--mg-dot:rgba(28,23,18,.13);--mg-sh:rgba(28,23,18,.22);position:relative;max-width:1920px;margin:0 auto;font-family:'Vazirmatn',Tahoma,sans-serif;direction:rtl;color:var(--ink);
 padding:clamp(26px,4.2vh,46px) var(--sx,clamp(24px,5vw,96px));background:var(--sec-alt,#fff);box-shadow:0 0 0 100vmax var(--sec-alt,#fff);clip-path:inset(0 -100vmax)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mg-sec{--mg-ln:var(--line);--mg-dot:rgba(241,232,216,.14);--mg-sh:rgba(0,0,0,.6)}}
:root[data-theme="dark"] .mg-sec{--mg-ln:var(--line);--mg-dot:rgba(241,232,216,.14);--mg-sh:rgba(0,0,0,.6)}
.mg-sec:before{content:"";position:absolute;inset:0 0 auto;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold2) 55%,transparent),transparent)}
.mg-sec *{box-sizing:border-box}
.mg-sec h2{margin:0 0 clamp(14px,2.4vh,24px);text-align:center;font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.5;color:var(--hn,var(--ink))}
.mg-gr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.mg-c{--c:var(--gold2);position:relative;display:flex;flex-direction:column;gap:clamp(10px,1.6vh,16px);padding:10px 10px clamp(14px,2vh,20px);border-radius:24px;border:1px solid var(--mg-ln);background:var(--card);box-shadow:0 1px 2px rgba(28,23,18,.04),0 26px 44px -34px var(--mg-sh);transition:border-color .3s,box-shadow .3s}
.mg-c:hover{border-color:color-mix(in srgb,var(--c) 45%,var(--mg-ln));box-shadow:0 1px 2px rgba(28,23,18,.04),0 26px 44px -30px color-mix(in srgb,var(--c) 60%,transparent)}
.mg-c.f{--c:var(--leaf)}.mg-c.l{--c:var(--acc)}
.mg-v{position:relative;height:clamp(78px,11vh,104px);border-radius:16px;border:1px solid var(--mg-ln);overflow:hidden;color:var(--c);
 background:radial-gradient(var(--mg-dot) 1px,transparent 1.2px) 0 0/14px 14px,var(--card)}
.mg-v svg{position:absolute;inset:0;width:100%;height:100%}
.mg-tx{padding-inline:clamp(8px,.9vw,14px)}
.mg-tx .mg-ttl{margin:0;font-size:clamp(15.5px,1.3vw,19px);font-weight:800;line-height:1.6;color:var(--hn,var(--ink))}
.mg-tx p{margin:2px 0 0;font-size:clamp(13px,.98vw,14.5px);line-height:1.9;color:var(--mut)}
/* تصویرسازی‌ها */
.mg-ln{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;opacity:.5;stroke-dasharray:3 5;animation:mg-flow 2.4s linear infinite}
.mg-nd{fill:var(--card);stroke:currentColor;stroke-width:1.8}
.mg-fl{fill:currentColor}
.mg-st{fill:color-mix(in srgb,currentColor 10%,var(--card));stroke:currentColor;stroke-width:1.5}
.mg-aw{fill:currentColor;opacity:.85}
.mg-gd{stroke:var(--mg-ln);stroke-width:1}
.mg-sp{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mg-live{position:absolute;top:9px;inset-inline-start:10px;display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 9px;border-radius:99px;font-size:11.5px;font-weight:800;color:var(--ink);background:var(--card);border:1px solid var(--mg-ln)}
.mg-live i{width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 color-mix(in srgb,var(--acc) 60%,transparent);animation:mg-ping 1.9s ease-out infinite}
.mg-dt{position:absolute;top:23%;right:7px;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px var(--card);animation:mg-beat 1.9s ease-in-out infinite}
@keyframes mg-flow{to{stroke-dashoffset:-16}}
@keyframes mg-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--acc) 55%,transparent)}80%,100%{box-shadow:0 0 0 7px transparent}}
@keyframes mg-beat{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}
@media (max-width:900px){.mg-gr{grid-template-columns:1fr}.mg-v{height:92px}}
@media (prefers-reduced-motion:reduce){.mg-ln,.mg-live i,.mg-dt{animation:none}.mg-c{transition:none}}


.sc-sec{--sc-ln:#e9e5de;position:relative;max-width:1920px;margin:0 auto;font-family:'Vazirmatn',Tahoma,sans-serif;direction:rtl;color:var(--ink);
 padding:clamp(24px,4.6vh,46px) var(--sx,clamp(24px,5vw,96px));background:var(--sec-alt,#fff);box-shadow:0 0 0 100vmax var(--sec-alt,#fff);clip-path:inset(0 -100vmax)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sc-sec{--sc-ln:var(--line)}}
:root[data-theme="dark"] .sc-sec{--sc-ln:var(--line)}
.sc-sec *{box-sizing:border-box}
.sc-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,6vw,110px)}
.sc-sec h2{margin:0 0 clamp(12px,2.2vh,22px);font-size:clamp(24px,2.7vw,40px);font-weight:800;line-height:1.45;letter-spacing:-.01em;color:var(--hn,var(--ink))}
.sc-ls{border-top:1px solid var(--sc-ln)}.sc-sec:before{content:"";position:absolute;inset:0 0 auto;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold2) 55%,transparent),transparent)}
.sc-a{--c:var(--gold2);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(11px,1.8vh,17px) 2px;border-bottom:1px solid var(--sc-ln);font-size:clamp(15.5px,1.4vw,21px);font-weight:700;line-height:1.6;color:var(--hn,var(--ink));transition:color .3s}
.sc-a.a2{--c:var(--leaf)}.sc-a.a3{--c:var(--acc)}
.sc-a i{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--sc-ln);color:var(--c);transition:background .3s,color .3s,border-color .3s,transform .3s}
.sc-a svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sc-a:hover{color:var(--c)}
.sc-a:hover i{background:var(--c);border-color:var(--c);color:#fff}
.sc-em{position:relative;width:100%;max-width:300px;aspect-ratio:1;margin-inline:auto}
.sc-em svg{width:100%;height:100%;overflow:visible}
.sc-g{color:var(--gold2);opacity:.6;transition:opacity .4s,color .4s}
.sc-g circle,.sc-g rect{vector-effect:non-scaling-stroke}
.sc-o{fill:none;stroke:currentColor;stroke-width:1.4}
.sc-n{fill:var(--sec-alt,#fff);stroke:currentColor;stroke-width:1.6}
.sc-b{fill:none;stroke:currentColor;stroke-width:9;stroke-dasharray:5 9;transform-origin:200px 200px;animation:sc-rot 60s linear infinite}
.sc-ce{fill:var(--card);stroke:var(--gold2);stroke-width:1.4}
.sc-sk{fill:none;stroke:var(--ink);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.sc-sec:has(.a1:hover) .g1,.sc-sec:has(.a2:hover) .g2,.sc-sec:has(.a3:hover) .g3{opacity:1}
.sc-sec:has(.a1:hover) .g1{color:var(--gold2)}
.sc-sec:has(.a2:hover) .g2{color:var(--leaf)}
.sc-sec:has(.a3:hover) .g3{color:var(--acc)}
.sc-sec:has(.sc-a:hover) .sc-g:not(.on){opacity:.22}
.sc-sec:has(.a1:hover) .g1,.sc-sec:has(.a2:hover) .g2,.sc-sec:has(.a3:hover) .g3{opacity:1!important}
@keyframes sc-rot{to{transform:rotate(360deg)}}
@media (max-width:900px){.sc-in{grid-template-columns:1fr}.sc-em{order:-1;max-width:300px}}
@media (prefers-reduced-motion:reduce){.sc-b{animation:none}.sc-a,.sc-a i,.sc-g{transition:none}}


.tr-sec{--ts:clamp(96px,10.4vw,164px);--tg:clamp(12px,1.5vw,24px);--tr-pt:calc(var(--ts)*.12 + 8px);--tr-pb:calc(var(--ts)*.12 + 26px);
 position:relative;max-width:1920px;margin:0 auto;padding-inline:var(--sx,clamp(24px,5vw,96px));direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
.tr-sec *{box-sizing:border-box}
.tr-sec:before{content:"";position:absolute;inset:0 0 auto;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold2) 55%,transparent),transparent)}
.tr-sec h2{margin:0 auto clamp(18px,3.4vh,34px);max-width:22em;text-align:center;font-size:clamp(24px,2.9vw,44px);font-weight:800;line-height:1.5;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
.tr-wall{direction:ltr;margin-inline:calc(var(--sx,clamp(24px,5vw,96px))*-1)}
.tr-row{position:relative;overflow:clip;padding-block:var(--tr-pt) var(--tr-pb);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.tr-row+.tr-row{margin-top:calc(var(--tr-pt)*-1)}
.tr-row:hover,.tr-row:focus-within{z-index:2}
.tr-row.drag{cursor:grabbing}.tr-row.drag .tr-t{pointer-events:none}
.tr-track{display:flex;gap:var(--tg);width:max-content;margin:0;padding:0;list-style:none;will-change:transform}
.tr-t{position:relative;flex:none;width:var(--ts);height:var(--ts);border-radius:calc(var(--ts)*.17);background:var(--card);outline:0;
 box-shadow:0 0 0 1px var(--line),0 14px 24px -18px rgba(28,23,18,.35);
 transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .35s,opacity .35s,filter .35s}
.tr-t img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none;-webkit-user-drag:none}
.tr-t:hover,.tr-t:focus-visible,.tr-t.on{transform:scale(1.24);z-index:3;box-shadow:0 0 0 2px var(--gold2),0 30px 44px -22px rgba(28,23,18,.55)}
.tr-n{position:absolute;left:50%;bottom:0;direction:rtl;white-space:nowrap;padding:4px 13px;border-radius:999px;background:var(--ink);color:var(--bg);
 font-size:clamp(11px,.85vw,12.5px);font-weight:700;line-height:1.7;pointer-events:none;opacity:0;transform:translate(-50%,calc(50% + 6px)) scale(.9);
 transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1)}
.tr-t:hover .tr-n,.tr-t:focus-visible .tr-n,.tr-t.on .tr-n{opacity:1;transform:translate(-50%,50%)}
.tr-wall:has(.tr-t:hover,.tr-t:focus-visible,.tr-t.on) .tr-t:not(:hover):not(:focus-visible):not(.on){opacity:.5;filter:saturate(.55)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tr-t img{filter:brightness(.92)}}
:root[data-theme="dark"] .tr-t img{filter:brightness(.92)}
.tr-wall.static .tr-row{-webkit-mask-image:none;mask-image:none;cursor:auto;padding-inline:var(--sx,clamp(24px,5vw,96px))}
.tr-wall.static .tr-track{width:auto;flex-wrap:wrap;justify-content:center}
.tr-cta-w{display:flex;justify-content:center;margin-top:clamp(10px,2.2vh,24px)}
.tr-cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 clamp(34px,3.4vw,56px);border-radius:999px;
 background:var(--acc);color:var(--on-acc);font-size:clamp(16px,1.35vw,20px);font-weight:800;
 box-shadow:0 18px 30px -16px color-mix(in srgb,var(--acc) 80%,transparent);transition:transform .3s,box-shadow .3s}
.tr-cta span{position:relative}
.tr-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 32%,rgba(255,255,255,.3) 50%,transparent 68%);transform:translateX(-130%);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.tr-cta:hover{transform:translateY(-3px);box-shadow:0 24px 36px -16px color-mix(in srgb,var(--acc) 90%,transparent)}
.tr-cta:hover:before{transform:translateX(130%)}
.tr-cta:active{transform:translateY(0)}
@media (max-width:600px){.tr-cta{width:100%;max-width:340px}}
@media (prefers-reduced-motion:reduce){.tr-t,.tr-n,.tr-cta,.tr-cta:before{transition:none}}


#tm-sec{--tm-wave:clamp(44px,6.4vw,112px);position:relative;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink);
 padding-block:calc(var(--tm-wave) + clamp(18px,3.6vh,36px)) clamp(52px,8vh,88px);
 background:radial-gradient(900px 460px at 88% 0,color-mix(in srgb,var(--gold2) 30%,transparent),transparent),var(--nv)}
#trust-sol:nth-of-type(even)~#tm-sec{--tm-prev:var(--sec-alt)}
#trust-sol:nth-of-type(odd)~#tm-sec{--tm-prev:var(--bg)}
#tm-sec *{box-sizing:border-box}
.tm-wave{position:absolute;left:0;right:0;top:-1px;width:100%;height:calc(var(--tm-wave) + 1px);display:block;color:var(--tm-prev,var(--bg));pointer-events:none}
.tm-h{position:relative;margin:0 auto;padding-inline:var(--sx,clamp(24px,5vw,96px));max-width:1920px;text-align:center;font-size:clamp(25px,3vw,46px);font-weight:800;line-height:1.5;letter-spacing:-.01em;color:#fbf6ec;text-wrap:balance}
.tm-track{--pad:max(clamp(20px,3vw,64px),calc((100% - 1920px)/2 + clamp(20px,3vw,64px)));
 display:flex;align-items:flex-start;gap:clamp(14px,1.6vw,28px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);
 padding:clamp(48px,4.4vw,56px) var(--pad) 44px;margin-top:clamp(0px,1vh,12px);scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.tm-track::-webkit-scrollbar{display:none}
.tm-c{position:relative;flex:0 0 clamp(300px,27vw,520px);scroll-snap-align:start;display:flex;flex-direction:column;
 padding:clamp(42px,3.6vw,54px) clamp(18px,1.7vw,28px) 18px;border-radius:22px;background:var(--card);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);
 box-shadow:0 26px 40px -28px rgba(0,0,0,.6);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.tm-c:hover{transform:translateY(-4px);box-shadow:0 34px 46px -28px rgba(0,0,0,.7)}
.tm-av{position:absolute;top:0;left:21%;width:clamp(56px,4.6vw,68px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;
 background:linear-gradient(135deg,var(--gold1),var(--gold2));color:#1c1712;font-size:clamp(22px,2vw,28px);font-weight:800;line-height:1;box-shadow:0 0 0 6px var(--nv)}
.tm-bd{display:flex;flex-direction:column;flex:1}
.tm-tx{margin:0;overflow:hidden;max-height:calc(1.95em*3);font-size:clamp(13.5px,1vw,15px);line-height:1.95;text-align:justify;color:var(--ink);transition:max-height .45s cubic-bezier(.2,.8,.2,1)}
.tm-c.long:not(.open) .tm-tx{-webkit-mask-image:linear-gradient(#000 calc(100% - 1.6em),rgba(0,0,0,.15));mask-image:linear-gradient(#000 calc(100% - 1.6em),rgba(0,0,0,.15))}
.tm-more{align-self:center;margin-top:8px;padding:3px 16px;border-radius:999px;font-size:13px;font-weight:700;color:var(--goldtxt);transition:background .25s}
.tm-more:hover{background:color-mix(in srgb,var(--gold1) 20%,transparent)}
.tm-ft{margin-top:auto;padding-top:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.tm-who{display:flex;flex-direction:column;gap:1px;min-width:0}
.tm-who b{font-size:clamp(13.5px,1vw,15px);font-weight:800;color:var(--hn,var(--ink))}
.tm-who span{font-size:clamp(12.5px,.9vw,14px);color:var(--mut)}
.tm-st{display:flex;gap:2px;direction:ltr;flex:none}
.tm-st svg{fill:var(--line);display:block}.tm-st svg.on{fill:var(--gold2)}
.tm-ctl{display:flex;flex-direction:column;align-items:center;gap:24px}
.tm-ar{display:flex;gap:16px}
.tm-b{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fbf6ec;color:#1c1712;transition:background .25s,transform .25s,opacity .25s}
.tm-b svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tm-b:hover:not([aria-disabled="true"]){background:linear-gradient(135deg,var(--gold1),var(--gold2));transform:scale(1.07)}
.tm-b[aria-disabled="true"]{opacity:.35;cursor:default}
.tm-dots{display:flex;align-items:center;gap:10px}
.tm-d{position:relative;width:9px;height:9px;padding:0;border-radius:99px;background:rgba(251,246,236,.35);transition:width .35s cubic-bezier(.2,.8,.2,1),background .35s}
.tm-d:after{content:"";position:absolute;inset:-10px -4px}
.tm-d.on{width:30px;background:var(--gold1)}
#tm-sec :focus-visible{outline:2px solid var(--gold1);outline-offset:3px}
.tm-track{cursor:grab}.tm-track.tm-drag{cursor:grabbing;user-select:none;-webkit-user-select:none}.tm-track.tm-drag .tm-c{transition:none;transform:none}
@media (max-width:700px){.tm-c{flex-basis:84vw}.tm-av{left:24%}}
@media (prefers-reduced-motion:reduce){.tm-c,.tm-tx,.tm-d,.tm-b,.tm-more{transition:none}}


/* افکت جلب‌توجه دکمه‌های کارت‌های نسخه ویندوزی / تحت وب */
.vx-act a{position:relative;overflow:hidden;isolation:isolate}
.vx-b1{background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 82%,#fff),var(--acc));border-color:transparent!important;box-shadow:none}
.vx-act a::after{animation:vxar 1.8s ease-in-out infinite}
.vx-act a:hover::after{animation:none}
@keyframes vxar{0%,100%{transform:translateX(0)}50%{transform:translateX(-4px)}}
@media(prefers-reduced-motion:reduce){.vx-act a,.vx-act a:before,.vx-act a::after{animation:none!important}}


/* پنل پیش‌نمایش کسب‌وکار: اندازه تصویر از ارتفاع واقعی پنل محاسبه می‌شود تا دکمه هیچ‌وقت بیرون نزند */
@supports (height:1cqh){
 .bz-sh{container-type:size;--sz:clamp(56px,calc((100cqh - 160px)/1.24),190px);padding-block:clamp(10px,2vh,24px)}
 .bz-pw{width:var(--sz);margin-top:calc(var(--sz)*.1)}
 .bz-sn{margin-top:calc(var(--sz)*.14 + 8px)}
 .bz-go{flex:none}
}
.bz-r{padding-block:clamp(3px,.7vh,8px);min-height:0}
.bz-i{height:100%;width:auto;max-height:44px;min-height:24px}
.bz-i{position:relative}
.bz-i img{position:absolute;inset:0}


#seo-sec{position:relative;background:var(--sec-alt,#fff);box-shadow:0 0 0 100vmax var(--sec-alt,#fff);clip-path:inset(0 -100vmax);max-width:1920px;margin-inline:auto;padding-inline:var(--sx,clamp(24px,5vw,96px));direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink);scroll-margin-top:112px}
#seo-sec *{box-sizing:border-box}
.seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
.seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
.seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
.seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#seo-sec.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
.seo-in{padding-bottom:clamp(20px,3vw,34px)}
.seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
.seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
.seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
.seo-in .seo-h4{margin:22px 0 8px;font-size:clamp(16px,1.3vw,19px);font-weight:800;color:var(--goldtxt);line-height:1.8}
.seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.seo-ls li{position:relative;padding:12px 16px 12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
.seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
.seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
.seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.seo-td li{display:flex;flex-direction:column;gap:2px}
.seo-td li b{font-weight:800;color:var(--goldtxt);font-size:clamp(14.5px,1.1vw,16.5px)}
.seo-td li span{color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
.seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
.seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
.seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
.seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
.seo-more[hidden]{display:none}
.seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
.seo-more i svg{width:13px;height:13px;transition:transform .3s}
.seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#seo-sec.seo-open .seo-fade,#seo-sec:not(.seo-js) .seo-fade{opacity:0}
#seo-sec:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){.seo-ls,.seo-ls.seo-sm{grid-template-columns:1fr}.seo-in p{text-align:start}.seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){.seo-body,.seo-ls li,.seo-more,.seo-more i svg,.seo-fade{transition:none!important}}


#nw-sec{--nc:clamp(110px,20vh,188px);--th:clamp(38px,5.8vh,54px);position:relative;max-width:1920px;margin-inline:auto;padding-inline:var(--sx,clamp(24px,5vw,96px));direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink);scroll-margin-top:112px;background:transparent!important;box-shadow:none!important;clip-path:none!important}
#nw-sec *{box-sizing:border-box}
.nw-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,110px);align-items:start}
.nw-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:clamp(12px,2.4vh,26px)}
.nw-hd h2{margin:0;font-size:clamp(21px,2.1vw,32px);font-weight:800;line-height:1.5;color:var(--hn,var(--ink))}
.nw-more,.nw-rm{display:inline-flex;align-items:center;gap:4px;color:var(--acc);font-weight:700;font-size:13.5px;white-space:nowrap;transition:filter .2s}
.nw-more:hover,.nw-rm:hover{filter:brightness(1.15)}
.nw-more svg,.nw-rm svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.nw-track{display:flex;gap:clamp(12px,1.5vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-top:calc(var(--nc)/2);overscroll-behavior-x:contain}
.nw-track::-webkit-scrollbar{display:none}
.nw-card{position:relative;flex:0 0 calc((100% - clamp(12px,1.5vw,24px))/2);scroll-snap-align:start;display:flex;flex-direction:column;gap:clamp(6px,1.2vh,12px);padding:calc(var(--nc)/2 + clamp(10px,1.8vh,18px)) clamp(14px,1.6vw,26px) clamp(14px,2.4vh,22px);border-radius:22px;background:color-mix(in srgb,var(--gold1) 15%,var(--card));border:1px solid color-mix(in srgb,var(--gold2) 20%,var(--line))}
.nw-cv{position:absolute;top:calc(var(--nc)/-2);inset-inline:0;margin-inline:auto;width:var(--nc);height:var(--nc);border-radius:50%;overflow:hidden;background:var(--card);border:4px solid var(--card);box-shadow:var(--shadow)}
.nw-cv img{width:100%;height:100%;object-fit:cover;display:block}
.nw-card .nw-t{margin:0;font-size:clamp(15px,1.25vw,19px);font-weight:800;line-height:1.85;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nw-card .nw-t a:hover{color:var(--acc)}
.nw-card p{margin:0;font-size:clamp(12px,.85vw,13.5px);line-height:2;color:var(--mut);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nw-rm{margin-top:auto;padding-top:4px}
.nw-ctl{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2vh,18px);margin-top:clamp(12px,2.4vh,24px)}
.nw-ar2{display:flex;gap:14px}
.nw-b{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--acc);color:var(--acc);display:grid;place-items:center;transition:background .2s,color .2s,opacity .2s}
.nw-b:hover:not(:disabled){background:var(--acc);color:var(--on-acc)}
.nw-b:disabled{opacity:.35;cursor:default}
.nw-b svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.nw-dots{display:flex;gap:6px;align-items:center;min-height:8px}
.nw-dots i{width:8px;height:8px;border-radius:8px;background:var(--acc);opacity:.45;transition:width .3s,opacity .3s}
.nw-dots i.on{width:26px;opacity:1}
.nw-ls{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.nw-ar{display:flex;align-items:center;gap:14px;padding-block:clamp(4px,.9vh,9px);font-size:clamp(13.5px,1.02vw,15.5px);line-height:1.75;color:var(--ink);transition:color .2s}
.nw-ar:hover{color:var(--acc)}
.nw-ar span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nw-ar img,.nw-ph{flex:none;width:var(--th);height:var(--th);border-radius:50%;object-fit:cover;display:block}
.nw-ph{background:linear-gradient(135deg,var(--gold1),var(--gold2));position:relative}
.nw-ph:after{content:"";position:absolute;inset:0;margin:auto;width:28%;height:28%;border-radius:2px;transform:rotate(45deg);background:var(--card);opacity:.85}
.nw-cv .nw-ph{width:100%;height:100%}
@media(max-width:1020px){#nw-sec{--nc:clamp(120px,30vw,170px)}.nw-grid{grid-template-columns:1fr;gap:44px}.nw-card{flex-basis:calc((100% - 14px)/2)}}
@media(max-width:640px){#nw-sec{--th:46px}.nw-card{flex-basis:86%}}
@media(prefers-reduced-motion:reduce){.nw-dots i,.nw-b{transition:none}}


#nl-sec,#mp-sec{position:relative;max-width:1920px;margin-inline:auto;padding-inline:var(--sx,clamp(24px,5vw,96px));direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink);scroll-margin-top:112px}
#nl-sec *,#mp-sec *,#sol-ft *{box-sizing:border-box}
#nl-sec{background:var(--sec-alt,#fff);box-shadow:0 0 0 100vmax var(--sec-alt,#fff);clip-path:inset(0 -100vmax);padding-block:var(--sec-gap,clamp(64px,10vh,104px))}
#mp-sec{background:transparent;padding-block:var(--sec-gap,clamp(64px,10vh,104px)) clamp(40px,6vh,64px)}

/* ---------- خبرنامه ---------- */
.nl-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,96px);align-items:center}
.nl-tx .nl-t{margin:0 0 clamp(12px,2vh,20px);font-size:clamp(24px,2.6vw,40px);font-weight:800;line-height:1.5;color:var(--hn,var(--ink));text-wrap:balance}
.nl-tx .nl-t em{font-style:normal;color:var(--acc)}
.nl-tx p{margin:0;max-width:62ch;font-size:clamp(14.5px,1.1vw,17px);line-height:2.1;color:color-mix(in srgb,var(--ink) 82%,var(--mut))}
.nl-card{position:relative;overflow:hidden;background:var(--nv,#2b2118);color:#f1e8d8;border-radius:clamp(24px,2.4vw,36px);padding:clamp(24px,3vw,44px);box-shadow:var(--shadow)}
.nl-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
.nl-card:after{content:"";position:absolute;inset-inline-end:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(214,179,116,.18),transparent 70%);pointer-events:none}
.nl-row{position:relative;display:flex;align-items:center;gap:clamp(12px,1.6vw,22px)}
.nl-row label{flex:none;font-weight:700;font-size:15px;color:#f1e8d8}
.nl-row label i{font-style:normal;color:var(--gold1);margin-inline-start:2px}
.nl-in{flex:1;min-width:0;height:56px;padding-inline:24px;border-radius:999px;border:1.5px solid rgba(241,232,216,.28);background:rgba(241,232,216,.1);font:inherit;font-size:15px;color:#fff;transition:border-color .2s,background .2s,box-shadow .2s}
.nl-in::placeholder{color:rgba(241,232,216,.62)}
.nl-in:focus{outline:none;border-color:var(--gold1);background:rgba(241,232,216,.16);box-shadow:0 0 0 4px rgba(214,179,116,.22)}
.nl-in[aria-invalid="true"]{border-color:#ef7b72}
.nl-btn{position:relative;margin-top:clamp(16px,2.2vw,26px);display:inline-flex;align-items:center;gap:12px;height:52px;padding:0 22px 0 6px;border-radius:999px;background:var(--card);color:var(--ink);font-weight:800;font-size:15px;box-shadow:0 10px 24px -12px rgba(0,0,0,.6);transition:transform .2s,filter .2s}
.nl-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.nl-btn i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--acc);color:var(--on-acc,#fff)}
.nl-btn i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.nl-btn:hover i svg{transform:translateX(-3px)}
.nl-msg{position:relative;min-height:24px;margin:14px 0 0;font-size:13.5px;line-height:1.8;color:var(--gold1)}
.nl-msg.err{color:#ffb4a8}

/* ---------- نقشه (تمام‌عرض، بدون پس‌زمینه) ---------- */
#mp-sec{max-width:none;padding:0;background:transparent}
.mp-box{position:relative;height:clamp(340px,52vh,520px);overflow:hidden;background:transparent;border:0;border-radius:0;box-shadow:none}
.mp-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mp-box iframe{filter:invert(.9) hue-rotate(180deg) brightness(.92) contrast(.92)}}
:root[data-theme="dark"] .mp-box iframe{filter:invert(.9) hue-rotate(180deg) brightness(.92) contrast(.92)}
.mp-chip{position:absolute;inset-inline-end:var(--sx,clamp(24px,5vw,96px));bottom:30px;max-width:min(440px,calc(100% - 24px));display:flex;align-items:center;gap:12px;padding:12px 14px 12px 12px;border-radius:20px;background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:var(--shadow)}
.mp-pin{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold)}
.mp-pin svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mp-tx{min-width:0;display:flex;flex-direction:column;gap:2px}
.mp-tx b{font-size:14.5px;font-weight:800;color:var(--ink);line-height:1.7}
.mp-tx span{font-size:12.5px;line-height:1.8;color:var(--mut);text-wrap:balance}
.mp-go{flex:none;display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;background:var(--acc);color:var(--on-acc,#fff);font-size:12.5px;font-weight:800;white-space:nowrap;transition:filter .2s}
.mp-go:hover{filter:brightness(1.12)}

/* ---------- فوتر ---------- */
#sol-ft{--ft-bg:color-mix(in srgb,var(--bg2) 55%,var(--bg));position:relative;max-width:1920px;margin-inline:auto;padding:clamp(40px,6vh,64px) var(--sx,clamp(24px,5vw,96px)) 0;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink);background:var(--ft-bg);box-shadow:0 0 0 100vmax var(--ft-bg);clip-path:inset(0 -100vmax)}
#sol-ft:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--line)}
.ft-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,4vw,72px);align-items:start}
.ft-brand .logo{height:64px;margin:0 0 clamp(14px,2vh,22px)}
.ft-brand p{margin:0 0 8px;font-size:clamp(13.5px,1vw,15.5px);color:color-mix(in srgb,var(--ink) 82%,var(--mut))}
.ft-brand .ft-t{margin:0 0 clamp(14px,2vh,22px);font-size:clamp(16px,1.35vw,21px);font-weight:800;line-height:1.7;color:var(--hn,var(--ink))}
.ft-soc{list-style:none;margin:0 0 clamp(18px,2.6vh,28px);padding:0;display:flex;flex-wrap:wrap;gap:12px}
.ft-soc a{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:transform .2s,filter .2s}
.ft-soc a:hover{transform:translateY(-2px);filter:brightness(1.08)}
.ft-soc svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ft-soc svg .f{fill:currentColor;stroke:none}
.ft-bds{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.ft-bds a{display:grid;place-items:center;width:68px;height:68px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 18px -12px rgba(60,40,10,.35);transition:transform .2s}
.ft-bds a:hover{transform:translateY(-2px)}
.ft-bds img{width:54px;height:54px;object-fit:contain;display:block}
.ft-col .ft-t{margin:0 0 clamp(14px,2vh,22px);font-size:clamp(16px,1.3vw,19px);font-weight:800;color:var(--hn,var(--ink))}
.ft-ls{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(10px,1.6vh,16px)}
.ft-ls a{font-size:clamp(13.5px,1vw,15px);line-height:1.8;color:var(--mut);transition:color .2s}
.ft-ls a:hover{color:var(--goldtxt)}
.ft-ct{list-style:none;margin:clamp(16px,2.4vh,26px) 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.ft-ct li{display:flex;align-items:flex-start;gap:10px;font-size:clamp(13px,.95vw,14.5px);line-height:1.9;color:var(--ink)}
.ft-ct svg{flex:none;width:18px;height:18px;margin-top:5px;fill:none;stroke:var(--acc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ft-ct span{color:var(--mut);white-space:nowrap}
.ft-ct a:hover{color:var(--goldtxt)}
.ft-ct .ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.ft-bt{margin-top:clamp(28px,4vh,44px);padding:clamp(16px,2.4vh,24px) 0;border-top:1px solid var(--line);font-size:13px;line-height:1.9;color:var(--mut)}
.ft-bt a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.ft-bt a:hover{color:var(--goldtxt)}
.ft-up{position:fixed;z-index:30;inset-inline-start:auto;left:max(16px,calc(env(safe-area-inset-left,0px) + 12px));bottom:max(20px,calc(env(safe-area-inset-bottom,0px) + 16px));display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--acc);color:var(--on-acc,#fff);box-shadow:0 12px 26px -10px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,visibility .25s,filter .2s}
.ft-up.show{opacity:1;visibility:visible;transform:none}
.ft-up:hover{filter:brightness(1.12)}
.ft-up svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1020px){
 .nl-grid{grid-template-columns:1fr}
 .ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ft-brand{grid-column:1/-1}
}
@media(max-width:640px){
 .nl-row{flex-direction:column;align-items:stretch;gap:8px}
 .nl-btn{width:100%;justify-content:space-between}
 .ft-grid{grid-template-columns:1fr 1fr}
 .ft-col:last-of-type{grid-column:1/-1}
 .mp-box{height:clamp(300px,58vh,420px)}
 .mp-chip{inset-inline:12px;max-width:none;bottom:28px}
}
@media print{.ft-up{display:none}}
@media(prefers-reduced-motion:reduce){.nl-btn,.nl-btn i svg,.ft-soc a,.ft-bds a,.ft-up{transition:none!important}}


/* ریتم پس‌زمینه سکشن‌ها: یکی در میون سفید / رنگ دوم (کرم)
   سکشن ۱ (کرم) و ۲ (سفید) مرجع هستن؛ بقیه خودکار ادامه می‌دن.
   سکشن جدید اضافه کنی، خودش در نوبت قرار می‌گیره. */
body>section:nth-of-type(odd):not(#hero):not(#hardware):not(#tm-sec):not(#seo-sec):not(#nw-sec):not(#nl-sec):not(#mp-sec){
  background:transparent!important;box-shadow:none!important;clip-path:none!important}
body>section:nth-of-type(even):not(#hardware):not(#tm-sec):not(#seo-sec):not(#nw-sec):not(#nl-sec):not(#mp-sec){
  background:var(--sec-alt)!important;
  box-shadow:0 0 0 100vmax var(--sec-alt)!important;
  clip-path:inset(0 -100vmax)!important}
/* فودکورت: عکس تمام‌عرض/تمام‌ارتفاع باشه، نوار کرم بالا و پایین نیفته */
#foodcourt-features{padding-block:0!important}


/* فاصلهٔ یکسان بالا و پایین همهٔ سکشن‌ها — فقط همین یک متغیر را عوض کنید.
   هیرو و فودکورت (عکس تمام‌عرض) مستثنی هستند */
:root{--sec-gap:clamp(64px,10vh,104px)}
body>section:not(#hero):not(#foodcourt-features):not(#tm-sec):not(#nl-sec):not(#mp-sec){padding-block:var(--sec-gap)!important}


/* ===== صفحه «تماس با ما» — مسیر #contact-us =====
   رنگ‌ها همه از متغیرهای پالت خود سایت می‌آیند (کرم / طلایی / اسپرسو / قرمز آجری) و در تم تیره هم خودکار عوض می‌شوند. */
#contact-page[hidden]{display:none}
html.is-contact body>section:not(#mp-sec),
html.is-contact #nl-sec,
html.is-contact #cta-band,
html.is-contact .pgx{display:none!important}
html.is-contact #mp-sec{padding-block:0!important}

#contact-page{--ct-band:color-mix(in srgb,var(--bg2) 62%,var(--bg));--ct-row:color-mix(in srgb,var(--bg2) 58%,var(--bg));
 --ct-light:#e2685a;--ct-cream:#f6ecd6;
 font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink);direction:rtl;display:block;background:var(--sec-alt,#fff)}
#contact-page *{box-sizing:border-box}
#contact-page a{color:inherit;text-decoration:none}
#contact-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.ct-wrap{--ctp:clamp(20px,5vw,75px);width:min(1350px,100% - 2*var(--ctp));margin-inline:auto}

/* --- نوار عنوان --- */
.ct-hero{background:var(--ct-band);text-align:center;padding:clamp(48px,9vw,96px) 20px clamp(44px,8vw,88px)}
.ct-hero h1{margin:0;font-size:clamp(30px,3.6vw,44px);font-weight:800;line-height:1.5;color:var(--acc)}
.ct-hero p{margin:clamp(12px,1.6vw,20px) auto 0;max-width:720px;font-size:clamp(13px,1.05vw,15px);line-height:2;color:var(--ink)}

/* --- اطلاعات تماس + فرم --- */
.ct-main{padding-block:clamp(56px,9vw,140px)}
.ct-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:clamp(32px,9vw,134px);align-items:start}
.ct-h{margin:0 0 clamp(22px,2.4vw,34px);font-size:clamp(19px,1.7vw,23px);font-weight:800;line-height:1.6;color:var(--ink)}

.ct-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(18px,1.9vw,25px)}
.ct-list li{display:flex;align-items:center;gap:16px}
.ct-list li.ct-top{align-items:flex-start}
.ct-ic{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:var(--on-acc,#fff);transition:transform .25s}
.ct-ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ct-list li:hover .ct-ic{transform:translateY(-2px)}
.ct-list b{display:block;font-size:14.5px;font-weight:800;line-height:1.7}
.ct-list span,.ct-list a.v{display:block;font-size:13px;line-height:1.9;color:var(--mut)}
.ct-list .ltr{direction:ltr;unicode-bidi:plaintext;text-align:right}
.ct-list a.v:hover{color:var(--acc)}

.ct-soc-t{margin:clamp(26px,3vw,42px) 0 0;font-size:15px;line-height:1.8;color:var(--ink)}
.ct-soc-h{margin:4px 0 0;font-size:clamp(17px,1.65vw,23px);font-weight:800;line-height:1.7;color:var(--ink)}
.ct-soc{list-style:none;margin:clamp(18px,2vw,28px) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.ct-soc a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:var(--on-acc,#fff);transition:transform .25s,filter .25s}
.ct-soc a:hover{transform:translateY(-3px);filter:brightness(1.1)}
#contact-page .ct-soc a{color:var(--on-acc,#fff)}
.ct-soc svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ct-soc svg .f{fill:currentColor;stroke:none}

/* کارت تیره (اسپرسو) */
.ct-card{position:relative;margin:0;border-radius:32px;padding:clamp(22px,3.2vw,44px);background:var(--nv,#2b2118);color:var(--ct-cream);
 box-shadow:inset 0 0 0 1px rgba(214,179,116,.22),0 40px 60px -42px rgba(60,40,10,.6)}
.ct-f{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(14px,2vw,20px);row-gap:clamp(18px,2.4vw,28px)}
.ct-fd{display:flex;flex-direction:column;gap:10px;min-width:0}
.ct-fd.w{grid-column:1/-1}
.ct-fd>label{font-size:12px;font-weight:600;line-height:1.5;color:var(--ct-cream)}
.ct-fd>label b{color:#e8806f;font-weight:700}
.ct-in,.ct-sel{width:100%;height:45px;padding:0 22px;border-radius:999px;border:1px solid rgba(214,179,116,.38);background:rgba(214,179,116,.28);color:var(--ct-cream);
 font:inherit;font-size:13.5px;font-weight:500;outline:0;transition:border-color .2s,background .2s,box-shadow .2s}
.ct-in::placeholder,.ct-ta::placeholder{color:#e3d6bd;opacity:1}
.ct-in:hover,.ct-sel:hover,.ct-ta:hover{border-color:rgba(214,179,116,.6)}
.ct-in:focus,.ct-sel:focus,.ct-ta:focus{border-color:var(--gold1);background:rgba(214,179,116,.36);box-shadow:0 0 0 3px rgba(214,179,116,.25)}
.ct-sel{appearance:none;-webkit-appearance:none;cursor:pointer;padding-inline-end:44px}
.ct-sel:invalid{color:#e3d6bd}
.ct-sel option{color:#1c1712;background:#fff}
.ct-selw{position:relative}
.ct-selw:after{content:"";position:absolute;inset-inline-end:20px;top:50%;width:7px;height:7px;margin-top:-6px;border:solid var(--ct-cream);border-width:0 1.6px 1.6px 0;transform:rotate(45deg);pointer-events:none}
/* موبایل و ایمیل: متن راهنما و متن تایپ‌شده راست‌چین */
#ct-form #ct-m,#ct-form #ct-em{text-align:right}
#ct-form #ct-m:placeholder-shown,#ct-form #ct-em:placeholder-shown{direction:rtl}
.ct-ta{width:100%;min-height:130px;padding:18px 22px;border-radius:14px;border:1px solid rgba(214,179,116,.38);background:rgba(214,179,116,.28);color:var(--ct-cream);font:inherit;font-size:13.5px;line-height:1.9;resize:vertical;outline:0;transition:border-color .2s,background .2s,box-shadow .2s}
.ct-fd.err .ct-in,.ct-fd.err .ct-sel{border-color:#ef7b72;box-shadow:0 0 0 3px rgba(239,123,114,.22)}
.ct-fd .ct-e{display:none;font-size:11.5px;font-weight:700;color:#ffb4aa;line-height:1.6}
.ct-fd.err .ct-e{display:block}

.ct-ck{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;cursor:pointer;user-select:none;width:max-content}
.ct-ck input{appearance:none;-webkit-appearance:none;margin:0;flex:none;width:20px;height:20px;border-radius:5px;background:var(--ct-cream);display:grid;place-items:center;cursor:pointer;border:0}
.ct-ck input:checked:after{content:"";width:10px;height:5.5px;border:solid var(--nv,#2b2118);border-width:0 0 2.5px 2.5px;transform:rotate(-45deg) translate(1px,-1px)}
.ct-ck input:focus-visible{outline:2px solid var(--gold1);outline-offset:3px}

.ct-row{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:clamp(18px,3vw,36px);flex-wrap:wrap;margin-top:clamp(4px,1.6vw,18px)}
.ct-tel{display:inline-flex;align-items:center;gap:12px;font-size:16px;font-weight:700;color:var(--ct-cream)}
.ct-telic{position:relative;flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(226,104,90,.2)}
.ct-telic svg{width:23px;height:23px;fill:var(--ct-light);flex:none;transform-origin:50% 50%;animation:ct-ring 2.6s ease-in-out infinite}
.ct-telic:before,.ct-telic:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--ct-light);opacity:0;pointer-events:none;animation:ct-pulse 2.6s ease-out infinite}
.ct-telic:after{animation-delay:.55s}
.ct-tel:hover .ct-telic svg{animation-duration:1.1s}
@keyframes ct-ring{0%,50%,100%{transform:rotate(0)}6%{transform:rotate(-16deg)}12%{transform:rotate(14deg)}18%{transform:rotate(-12deg)}24%{transform:rotate(10deg)}30%{transform:rotate(-6deg)}36%{transform:rotate(4deg)}42%{transform:rotate(0)}}
@keyframes ct-pulse{0%{transform:scale(.92);opacity:.7}75%,100%{transform:scale(1.65);opacity:0}}
.ct-tel span{direction:ltr;unicode-bidi:plaintext}
.ct-tel:hover span{color:var(--gold1)}
.ct-go{display:inline-flex;align-items:center;gap:12px;height:48px;padding:0 24px;justify-content:center;text-align:center;border:0;border-radius:999px;cursor:pointer;font:inherit;font-size:14px;font-weight:800;color:var(--nv,#2b2118);background:var(--ct-cream);
 box-shadow:0 14px 24px -16px rgba(0,0,0,.7);transition:transform .2s,filter .2s}
.ct-go:hover{transform:translateY(-2px);filter:brightness(1.05)}
.ct-go i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:#fff}
.ct-go i svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ct-go[disabled]{filter:grayscale(.4) opacity(.75);cursor:wait}
.ct-msg{grid-column:1/-1;margin:0;font-size:12.5px;font-weight:700;color:#ffb4aa}.ct-msg:empty{display:none}
.ct-ok{display:none;align-items:center;gap:14px;padding:clamp(24px,5vw,56px) 4px}
.ct-card.ok .ct-f{display:none}.ct-card.ok .ct-ok{display:flex}
.ct-ok i{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--ct-cream);color:var(--nv,#2b2118);box-shadow:0 0 0 7px rgba(214,179,116,.2)}
.ct-ok i svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ct-ok b{display:block;font-size:16px;font-weight:800}.ct-ok span{display:block;margin-top:4px;font-size:13px;color:#d9ccb2}
/* حالت «ثبت موفق»: کارت سبز (هم‌خانواده‌ی --leaf سایت) به‌جای قهوه‌ای اسپرسو */
.ct-card.ok{background:linear-gradient(155deg,#4d6b34 0%,#3b5528 55%,#2f4520 100%);box-shadow:inset 0 0 0 1px rgba(196,222,160,.38),0 40px 60px -42px rgba(40,64,24,.65)}
.ct-card.ok .ct-ok i{background:#f2f7e8;color:#3b5528;box-shadow:0 0 0 7px rgba(196,222,160,.28)}
.ct-card.ok .ct-ok b{color:#fff}
.ct-card.ok .ct-ok span{color:#e4efd3}
.ct-card.ok .ct-ok{animation:ct-okin .45s ease both}
@keyframes ct-okin{from{opacity:0;transform:translateY(8px)}}
@media (prefers-reduced-motion:reduce){.ct-card.ok .ct-ok{animation:none}}

.ct-faq{padding-block:0 clamp(56px,9vw,140px)}

@media (max-width:900px){
 .ct-grid{grid-template-columns:1fr;gap:44px}
}
@media (max-width:620px){
 .ct-f{grid-template-columns:1fr}
 .ct-row{justify-content:center}
 .ct-go,.ct-tel{width:100%;justify-content:center}
 .ct-card{border-radius:26px}
}
@media (prefers-reduced-motion:reduce){#contact-page *{transition:none!important}
 .ct-telic svg,.ct-telic:before,.ct-telic:after{animation:none!important}.ct-telic:before,.ct-telic:after{opacity:0!important}}


#about-page, #about-page {
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial,
    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --spacing: 0.25rem;
    --container-xl: 36rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-bold: 700;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-md: 0.375rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --blur-xs: 4px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
#about-page *, #about-page ::after, #about-page ::before, #about-page ::backdrop, #about-page ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
#about-page, #about-page {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
#about-page hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
#about-page abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
#about-page h1, #about-page h2, #about-page h3, #about-page h4, #about-page h5, #about-page h6 {
    font-size: inherit;
    font-weight: inherit;
  }
#about-page a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
#about-page b, #about-page strong {
    font-weight: bolder;
  }
#about-page code, #about-page kbd, #about-page samp, #about-page pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
#about-page small {
    font-size: 80%;
  }
#about-page sub, #about-page sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
#about-page sub {
    bottom: -0.25em;
  }
#about-page sup {
    top: -0.5em;
  }
#about-page table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
#about-page :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
#about-page progress {
    vertical-align: baseline;
  }
#about-page summary {
    display: list-item;
  }
#about-page ol, #about-page ul, #about-page menu {
    list-style: none;
  }
#about-page img, #about-page svg, #about-page video, #about-page canvas, #about-page audio, #about-page iframe, #about-page embed, #about-page object {
    display: block;
    vertical-align: middle;
  }
#about-page img, #about-page video {
    max-width: 100%;
    height: auto;
  }
#about-page button, #about-page input, #about-page select, #about-page optgroup, #about-page textarea, #about-page ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
#about-page :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
#about-page :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
#about-page ::file-selector-button {
    margin-inline-end: 4px;
  }
#about-page ::placeholder {
    opacity: 1;
  }
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    #about-page ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
#about-page textarea {
    resize: vertical;
  }
#about-page ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
#about-page ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
#about-page ::-webkit-datetime-edit {
    display: inline-flex;
  }
#about-page ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
#about-page ::-webkit-datetime-edit, #about-page ::-webkit-datetime-edit-year-field, #about-page ::-webkit-datetime-edit-month-field, #about-page ::-webkit-datetime-edit-day-field, #about-page ::-webkit-datetime-edit-hour-field, #about-page ::-webkit-datetime-edit-minute-field, #about-page ::-webkit-datetime-edit-second-field, #about-page ::-webkit-datetime-edit-millisecond-field, #about-page ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
#about-page ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
#about-page :-moz-ui-invalid {
    box-shadow: none;
  }
#about-page button, #about-page input:where([type='button'], [type='reset'], [type='submit']), #about-page ::file-selector-button {
    appearance: button;
  }
#about-page ::-webkit-inner-spin-button, #about-page ::-webkit-outer-spin-button {
    height: auto;
  }
#about-page [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
#about-page .absolute {
    position: absolute;
  }
#about-page .relative {
    position: relative;
  }
#about-page .-top-7 {
    top: calc(var(--spacing) * -7);
  }
#about-page .left-\[35\%\] {
    left: 35%;
  }
#about-page .z-10 {
    z-index: 10;
  }
#about-page .z-20 {
    z-index: 20;
  }
#about-page .mx-auto {
    margin-inline: auto;
  }
#about-page .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
#about-page .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
#about-page .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
#about-page .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
#about-page .mt-24 {
    margin-top: calc(var(--spacing) * 24);
  }
#about-page .mb-1 {
    margin-bottom: var(--spacing);
  }
#about-page .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
#about-page .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
#about-page .flex {
    display: flex;
  }
#about-page .grid {
    display: grid;
  }
#about-page .hidden {
    display: none;
  }
#about-page .inline-flex {
    display: inline-flex;
  }
#about-page .aspect-4\/3 {
    aspect-ratio: 4/3;
  }
#about-page .h-5 {
    height: calc(var(--spacing) * 5);
  }
#about-page .h-8 {
    height: calc(var(--spacing) * 8);
  }
#about-page .h-10 {
    height: calc(var(--spacing) * 10);
  }
#about-page .h-14 {
    height: calc(var(--spacing) * 14);
  }
#about-page .h-16 {
    height: calc(var(--spacing) * 16);
  }
#about-page .h-20 {
    height: calc(var(--spacing) * 20);
  }
#about-page .h-44 {
    height: calc(var(--spacing) * 44);
  }
#about-page .h-56 {
    height: calc(var(--spacing) * 56);
  }
#about-page .h-72 {
    height: calc(var(--spacing) * 72);
  }
#about-page .h-auto {
    height: auto;
  }
#about-page .h-full {
    height: 100%;
  }
#about-page .min-h-screen {
    min-height: 100vh;
  }
#about-page .w-5 {
    width: calc(var(--spacing) * 5);
  }
#about-page .w-8 {
    width: calc(var(--spacing) * 8);
  }
#about-page .w-10 {
    width: calc(var(--spacing) * 10);
  }
#about-page .w-14 {
    width: calc(var(--spacing) * 14);
  }
#about-page .w-16 {
    width: calc(var(--spacing) * 16);
  }
#about-page .w-20 {
    width: calc(var(--spacing) * 20);
  }
#about-page .w-30 {
    width: calc(var(--spacing) * 30);
  }
#about-page .w-44 {
    width: calc(var(--spacing) * 44);
  }
#about-page .w-56 {
    width: calc(var(--spacing) * 56);
  }
#about-page .w-auto {
    width: auto;
  }
#about-page .w-full {
    width: 100%;
  }
#about-page .max-w-4xl {
    max-width: var(--container-4xl);
  }
#about-page .max-w-5xl {
    max-width: var(--container-5xl);
  }
#about-page .max-w-\[88\%\] {
    max-width: 88%;
  }
#about-page .max-w-full {
    max-width: 100%;
  }
#about-page .max-w-xl {
    max-width: var(--container-xl);
  }
#about-page .min-w-full {
    min-width: 100%;
  }
#about-page .flex-1 {
    flex: 1;
  }
#about-page .flex-\[0_0_50\%\] {
    flex: 0 0 50%;
  }
#about-page .flex-shrink-0 {
    flex-shrink: 0;
  }
#about-page .shrink-0 {
    flex-shrink: 0;
  }
#about-page .translate-x-44 {
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#about-page .translate-y-14 {
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#about-page .cursor-pointer {
    cursor: pointer;
  }
#about-page .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
#about-page .flex-col {
    flex-direction: column;
  }
#about-page .flex-col-reverse {
    flex-direction: column-reverse;
  }
#about-page .flex-row-reverse {
    flex-direction: row-reverse;
  }
#about-page .flex-wrap {
    flex-wrap: wrap;
  }
#about-page .items-center {
    align-items: center;
  }
#about-page .items-start {
    align-items: flex-start;
  }
#about-page .items-stretch {
    align-items: stretch;
  }
#about-page .justify-around {
    justify-content: space-around;
  }
#about-page .justify-between {
    justify-content: space-between;
  }
#about-page .justify-center {
    justify-content: center;
  }
#about-page .justify-end {
    justify-content: flex-end;
  }
#about-page .justify-start {
    justify-content: flex-start;
  }
#about-page .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
#about-page .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
#about-page .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
#about-page .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
#about-page .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
#about-page .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
#about-page :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#about-page .overflow-hidden {
    overflow: hidden;
  }
#about-page .overflow-visible {
    overflow: visible;
  }
#about-page .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
#about-page .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
#about-page .rounded-\[50px\] {
    border-radius: 50px;
  }
#about-page .rounded-full {
    border-radius: calc(infinity * 1px);
  }
#about-page .rounded-md {
    border-radius: var(--radius-md);
  }
#about-page .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#about-page .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#about-page .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
#about-page .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
#about-page .border-ab-acc {
    border-color: var(--acc, #a9322b);
  }
#about-page .border-ab-gold\/45 {
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#about-page .border-transparent {
    border-color: transparent;
  }
#about-page .bg-ab-acc {
    background-color: var(--acc, #a9322b);
  }
#about-page .bg-ab-band {
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#about-page .bg-ab-bg2 {
    background-color: var(--bg2);
  }
#about-page .bg-ab-card {
    background-color: var(--card);
  }
#about-page .bg-ab-gold\/30 {
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#about-page .bg-ab-nv {
    background-color: var(--nv, #2b2118);
  }
#about-page .bg-transparent {
    background-color: transparent;
  }
#about-page .object-contain {
    object-fit: contain;
  }
#about-page .object-cover {
    object-fit: cover;
  }
#about-page .p-1 {
    padding: var(--spacing);
  }
#about-page .p-3 {
    padding: calc(var(--spacing) * 3);
  }
#about-page .p-4 {
    padding: calc(var(--spacing) * 4);
  }
#about-page .p-6 {
    padding: calc(var(--spacing) * 6);
  }
#about-page .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
#about-page .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
#about-page .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
#about-page .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
#about-page .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
#about-page .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
#about-page .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
#about-page .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
#about-page .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
#about-page .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
#about-page .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }
#about-page .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
#about-page .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
#about-page .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
#about-page .text-center {
    text-align: center;
  }
#about-page .text-justify {
    text-align: justify;
  }
#about-page .text-right {
    text-align: right;
  }
#about-page .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
#about-page .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#about-page .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#about-page .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#about-page .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
#about-page .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
#about-page .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
#about-page .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
#about-page .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
#about-page .leading-\[40px\] {
    --tw-leading: 40px;
    line-height: 40px;
  }
#about-page .leading-loose {
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);
  }
#about-page .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
#about-page .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#about-page .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
#about-page .tracking-\[0\] {
    --tw-tracking: 0;
    letter-spacing: 0;
  }
#about-page .whitespace-nowrap {
    white-space: nowrap;
  }
#about-page .text-ab-acc {
    color: var(--acc, #a9322b);
  }
#about-page .text-ab-cream {
    color: #f6ecd6;
  }
#about-page .text-ab-ink {
    color: var(--ink);
  }
#about-page .text-ab-mut {
    color: var(--mut);
  }
#about-page .text-ab-onacc {
    color: var(--on-acc, #fff);
  }
#about-page .accent-ab-cream {
    accent-color: #f6ecd6;
  }
#about-page .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
#about-page .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
#about-page .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
#about-page .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
#about-page .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
#about-page .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
#about-page .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
#about-page .will-change-transform {
    will-change: transform;
  }
#about-page .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
@media (hover: hover) {
    #about-page .group-hover\:absolute:is(:where(.group):hover *) {
      position: absolute;
    }
    #about-page .group-hover\:flex:is(:where(.group):hover *) {
      display: flex;
    }
    #about-page .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    #about-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *) {
      background-color: var(--bg2);
    }
    #about-page .group-hover\:bg-ab-nv:is(:where(.group):hover *) {
      background-color: var(--nv, #2b2118);
    }
    #about-page .group-hover\:text-ab-acc:is(:where(.group):hover *) {
      color: var(--acc, #a9322b);
    }
    #about-page .group-hover\:text-ab-cream:is(:where(.group):hover *) {
      color: #f6ecd6;
    }
    #about-page .group-hover\:blur-xs:is(:where(.group):hover *) {
      --tw-blur: blur(var(--blur-xs));
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
#about-page .placeholder\:text-ab-cream::placeholder {
    color: #f6ecd6;
  }
@media (hover: hover) {
    #about-page .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    #about-page .hover\:scale-130:hover {
      --tw-scale-x: 130%;
      --tw-scale-y: 130%;
      --tw-scale-z: 130%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    #about-page .hover\:border-ab-acc:hover {
      border-color: var(--acc, #a9322b);
    }
    #about-page .hover\:border-ab-cream:hover {
      border-color: #f6ecd6;
    }
    #about-page .hover\:bg-ab-acc-d:hover {
      background-color: var(--acc, #a9322b);
    }
    @supports (color: color-mix(in lab, red, red)) {
      #about-page .hover\:bg-ab-acc-d:hover {
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }
    }
    #about-page .hover\:bg-ab-bg2:hover {
      background-color: var(--bg2);
    }
    #about-page .hover\:text-ab-ink:hover {
      color: var(--ink);
    }
    #about-page .hover\:underline:hover {
      text-decoration-line: underline;
    }
    #about-page .hover\:opacity-50:hover {
      opacity: 50%;
    }
    #about-page .hover\:shadow-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    #about-page .hover\:shadow-ab-acc\/30:hover {
      --tw-shadow-color: var(--acc, #a9322b);
    }
    @supports (color: color-mix(in lab, red, red)) {
      #about-page .hover\:shadow-ab-acc\/30:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
#about-page .focus\:bg-ab-gold\/45:focus {
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#about-page .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
#about-page .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
#about-page .focus-visible\:ring-ab-acc:focus-visible {
    --tw-ring-color: var(--acc, #a9322b);
  }
#about-page .focus-visible\:ring-ab-cream:focus-visible {
    --tw-ring-color: #f6ecd6;
  }
#about-page .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
#about-page .focus-visible\:ring-offset-ab-nv:focus-visible {
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#about-page .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
#about-page .active\:scale-\[0\.98\]:active {
    scale: 0.98;
  }
#about-page .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
#about-page .disabled\:opacity-50:disabled {
    opacity: 50%;
  }
@media (width >= 40rem) {
    #about-page .sm\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
    #about-page .sm\:aspect-auto {
      aspect-ratio: auto;
    }
    #about-page .sm\:h-6 {
      height: calc(var(--spacing) * 6);
    }
    #about-page .sm\:h-9 {
      height: calc(var(--spacing) * 9);
    }
    #about-page .sm\:h-12 {
      height: calc(var(--spacing) * 12);
    }
    #about-page .sm\:h-24 {
      height: calc(var(--spacing) * 24);
    }
    #about-page .sm\:h-56 {
      height: calc(var(--spacing) * 56);
    }
    #about-page .sm\:h-96 {
      height: calc(var(--spacing) * 96);
    }
    #about-page .sm\:w-6 {
      width: calc(var(--spacing) * 6);
    }
    #about-page .sm\:w-9 {
      width: calc(var(--spacing) * 9);
    }
    #about-page .sm\:w-12 {
      width: calc(var(--spacing) * 12);
    }
    #about-page .sm\:w-24 {
      width: calc(var(--spacing) * 24);
    }
    #about-page .sm\:min-w-\[120px\] {
      min-width: 120px;
    }
    #about-page .sm\:flex-\[0_0_30\%\] {
      flex: 0 0 30%;
    }
    #about-page .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    #about-page .sm\:items-center {
      align-items: center;
    }
    #about-page .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
    #about-page .sm\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    #about-page .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    #about-page .sm\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    #about-page .sm\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
    #about-page .sm\:rounded-\[36px\] {
      border-radius: 36px;
    }
    #about-page .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
    #about-page .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
    #about-page .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    #about-page .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    #about-page .sm\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
    #about-page .sm\:py-3\.5 {
      padding-block: calc(var(--spacing) * 3.5);
    }
    #about-page .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    #about-page .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    #about-page .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    #about-page .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    #about-page .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
@media (width >= 48rem) {
    #about-page .md\:mt-50 {
      margin-top: calc(var(--spacing) * 50);
    }
    #about-page .md\:ml-4 {
      margin-left: calc(var(--spacing) * 4);
    }
    #about-page .md\:flex {
      display: flex;
    }
    #about-page .md\:h-10 {
      height: calc(var(--spacing) * 10);
    }
    #about-page .md\:h-28 {
      height: calc(var(--spacing) * 28);
    }
    #about-page .md\:w-10 {
      width: calc(var(--spacing) * 10);
    }
    #about-page .md\:w-28 {
      width: calc(var(--spacing) * 28);
    }
    #about-page .md\:min-w-\[130px\] {
      min-width: 130px;
    }
    #about-page .md\:flex-1 {
      flex: 1;
    }
    #about-page .md\:translate-y-8 {
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    #about-page .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    #about-page .md\:flex-row {
      flex-direction: row;
    }
    #about-page .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    #about-page .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    #about-page .md\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
    #about-page .md\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
    #about-page .md\:gap-24 {
      gap: calc(var(--spacing) * 24);
    }
    #about-page .md\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
    #about-page .md\:p-10 {
      padding: calc(var(--spacing) * 10);
    }
    #about-page .md\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
    #about-page .md\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }
    #about-page .md\:px-44 {
      padding-inline: calc(var(--spacing) * 44);
    }
    #about-page .md\:py-0 {
      padding-block: 0px;
    }
    #about-page .md\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }
    #about-page .md\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }
    #about-page .md\:pt-84 {
      padding-top: calc(var(--spacing) * 84);
    }
    #about-page .md\:text-justify {
      text-align: justify;
    }
    #about-page .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    #about-page .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    #about-page .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    #about-page .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    #about-page .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    #about-page .md\:leading-\[70px\] {
      --tw-leading: 70px;
      line-height: 70px;
    }
  }
@media (width >= 64rem) {
    #about-page .lg\:ml-8 {
      margin-left: calc(var(--spacing) * 8);
    }
    #about-page .lg\:h-32 {
      height: calc(var(--spacing) * 32);
    }
    #about-page .lg\:h-44 {
      height: calc(var(--spacing) * 44);
    }
    #about-page .lg\:h-72 {
      height: calc(var(--spacing) * 72);
    }
    #about-page .lg\:h-\[550px\] {
      height: 550px;
    }
    #about-page .lg\:w-32 {
      width: calc(var(--spacing) * 32);
    }
    #about-page .lg\:translate-y-8 {
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    #about-page .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    #about-page .lg\:flex-row {
      flex-direction: row;
    }
    #about-page .lg\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
    #about-page .lg\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }
    #about-page .lg\:p-12 {
      padding: calc(var(--spacing) * 12);
    }
    #about-page .lg\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }
    #about-page .lg\:px-32 {
      padding-inline: calc(var(--spacing) * 32);
    }
    #about-page .lg\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }
    #about-page .lg\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    #about-page .lg\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    #about-page .lg\:leading-\[70px\] {
      --tw-leading: 70px;
      line-height: 70px;
    }
  }
@media (width >= 80rem) {
    #about-page .xl\:mt-50 {
      margin-top: calc(var(--spacing) * 50);
    }
    #about-page .xl\:ml-10 {
      margin-left: calc(var(--spacing) * 10);
    }
    #about-page .xl\:h-1\/3 {
      height: calc(1 / 3 * 100%);
    }
    #about-page .xl\:h-\[50vh\] {
      height: 50vh;
    }
    #about-page .xl\:h-auto {
      height: auto;
    }
    #about-page .xl\:w-1\/2 {
      width: calc(1 / 2 * 100%);
    }
    #about-page .xl\:w-\[40\%\] {
      width: 40%;
    }
    #about-page .xl\:w-\[70\%\] {
      width: 70%;
    }
    #about-page .xl\:flex-\[0_0_25\%\] {
      flex: 0 0 25%;
    }
    #about-page .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    #about-page .xl\:flex-row {
      flex-direction: row;
    }
    #about-page .xl\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
    #about-page .xl\:gap-24 {
      gap: calc(var(--spacing) * 24);
    }
    #about-page .xl\:px-24 {
      padding-inline: calc(var(--spacing) * 24);
    }
    #about-page .xl\:py-0 {
      padding-block: 0px;
    }
    #about-page .xl\:pt-16 {
      padding-top: calc(var(--spacing) * 16);
    }
    #about-page .xl\:text-\[16px\] {
      font-size: 16px;
    }
    #about-page .xl\:text-\[48px\] {
      font-size: 48px;
    }
  }
@media (width >= 96rem) {
    #about-page .\32 xl\:h-10 {
      height: calc(var(--spacing) * 10);
    }
    #about-page .\32 xl\:w-12 {
      width: calc(var(--spacing) * 12);
    }
    #about-page .\32 xl\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    #about-page .\32 xl\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    #about-page .\32 xl\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    #about-page .\32 xl\:text-\[20px\] {
      font-size: 20px;
    }
    #about-page .\32 xl\:text-\[56px\] {
      font-size: 56px;
    }
  }
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    #about-page *, #about-page ::before, #about-page ::after, #about-page ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }


/* ===== صفحه «درباره ما» — مسیر #about-us =====
   طراحی و چیدمان از صفحه‌ی اصلی «درباره سول» است؛ رنگ‌ها همه از متغیرهای پالت همین سایت می‌آیند
   (کرم / طلایی / اسپرسو / قرمز آجری) و در تم تیره خودکار عوض می‌شوند. */
#about-page[hidden]{display:none}
html.is-about body>section:not(#mp-sec),html.is-about #nl-sec,html.is-about #cta-band,html.is-about .pgx{display:none!important}
#about-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow-x:hidden;min-width:0}
#about-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#about-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#about-page .semibold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#about-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#about-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#about-page a{color:inherit;text-decoration:none}
#about-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
/* حاشیهٔ کنار سکشن‌ها هم‌اندازهٔ صفحهٔ اتوماسیون تغذیه (همان --sx سایت؛ در عرض‌های بزرگ بیشتر می‌شود) */
#about-page [style*="padding-left:clamp(1rem"]{padding-inline:var(--sx)!important}
/* سکشن‌های «درخواست دمو و مشاوره رایگان» و «سول؛ مورد اعتماد بیش از ۱۰۰۰ برند» دقیقاً هم‌حاشیه با همین سکشن‌ها در صفحه‌ی اتوماسیون تغذیه (بدون افزایش حاشیه در عرض‌های بزرگ) */
#about-page .ab-demo-sec [style*="padding-left:clamp(1rem"],#about-page .ab-trust-sec [style*="padding-left:clamp(1rem"]{padding-inline:clamp(1rem,4vw + .5rem,9rem)!important}
#about-page input::placeholder{opacity:1}
#about-page input[type=checkbox]{accent-color:var(--gold1)}
#about-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#about-page .ab-menu.open{display:block}
#about-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#about-page .ab-menu button:hover,#about-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#about-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#about-page .ab-msg:empty{display:none}
#about-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#about-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#about-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#about-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#about-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#about-page .brand-scroll-animation{--g:5rem}}
#about-page .brand-scroll-animation:hover{animation-play-state:paused}
#about-page .brand-scroll-animation,#about-page :has(>.brand-scroll-animation){direction:ltr}
@keyframes ab-brand{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){#about-page *{transition:none!important}#about-page .brand-scroll-animation{animation:none}}

/* رنگ بک‌گراند سکشن‌ها یکی‌درمیان کرم و سفید (الگو: صفحه‌ی نرم افزار اتوماسیون تغذیه) */
#about-page .bg-ab-band{background:transparent}
#about-page .ab-cream{background-color:var(--bg);padding-block:4rem}
@media (min-width:40rem){#about-page .ab-cream{padding-block:7.5rem}}


@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-gradient-position{syntax:"*";inherits:false}
@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-stops{syntax:"*";inherits:false}
@property --tw-gradient-via-stops{syntax:"*";inherits:false}
@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#web-page *,#web-page :before,#web-page :after,#web-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}
#web-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft)}
#web-page *,#web-page :after,#web-page :before,#web-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#web-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#web-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#web-page hr{height:0;color:inherit;border-top-width:1px}
#web-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#web-page h1,#web-page h2,#web-page h3,#web-page h4,#web-page h5,#web-page h6{font-size:inherit;font-weight:inherit}
#web-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#web-page b,#web-page strong{font-weight:bolder}
#web-page code,#web-page kbd,#web-page samp,#web-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#web-page small{font-size:80%}
#web-page sub,#web-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#web-page sub{bottom:-.25em}
#web-page sup{top:-.5em}
#web-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#web-page :-moz-focusring:where(:not(iframe)){outline:auto}
#web-page progress{vertical-align:baseline}
#web-page summary{display:list-item}
#web-page ol,#web-page ul,#web-page menu{list-style:none}
#web-page img,#web-page svg,#web-page video,#web-page canvas,#web-page audio,#web-page iframe,#web-page embed,#web-page object{vertical-align:middle;display:block}
#web-page img,#web-page video{max-width:100%;height:auto}
#web-page button,#web-page input,#web-page select,#web-page optgroup,#web-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#web-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#web-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#web-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#web-page ::file-selector-button{margin-inline-end:4px}
#web-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#web-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#web-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#web-page textarea{resize:vertical}
#web-page ::-webkit-search-decoration{-webkit-appearance:none}
#web-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#web-page ::-webkit-datetime-edit{display:inline-flex}
#web-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#web-page ::-webkit-datetime-edit{padding-block:0}
#web-page ::-webkit-datetime-edit-year-field{padding-block:0}
#web-page ::-webkit-datetime-edit-month-field{padding-block:0}
#web-page ::-webkit-datetime-edit-day-field{padding-block:0}
#web-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#web-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#web-page ::-webkit-datetime-edit-second-field{padding-block:0}
#web-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#web-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#web-page ::-webkit-calendar-picker-indicator{line-height:1}
#web-page :-moz-ui-invalid{box-shadow:none}
#web-page button,#web-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#web-page ::file-selector-button{appearance:button}
#web-page ::-webkit-inner-spin-button{height:auto}
#web-page ::-webkit-outer-spin-button{height:auto}
#web-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#web-page .pointer-events-none{pointer-events:none}
#web-page .visible{visibility:visible}
#web-page .absolute{position:absolute}
#web-page .fixed{position:fixed}
#web-page .relative{position:relative}
#web-page .-inset-0\.5{inset:calc(var(--spacing) * -.5)}
#web-page .inset-0{inset:0}
#web-page .inset-x-0{inset-inline:0}
#web-page .-top-1{top:calc(var(--spacing) * -1)}
#web-page .-top-5{top:calc(var(--spacing) * -5)}
#web-page .top-0{top:0}
#web-page .top-2{top:calc(var(--spacing) * 2)}
#web-page .top-3{top:calc(var(--spacing) * 3)}
#web-page .top-6{top:calc(var(--spacing) * 6)}
#web-page .top-full{top:100%}
#web-page .-right-1{right:calc(var(--spacing) * -1)}
#web-page .right-0{right:0}
#web-page .right-1{right:var(--spacing)}
#web-page .right-2{right:calc(var(--spacing) * 2)}
#web-page .right-3{right:calc(var(--spacing) * 3)}
#web-page .right-4{right:calc(var(--spacing) * 4)}
#web-page .right-12{right:calc(var(--spacing) * 12)}
#web-page .bottom-0{bottom:0}
#web-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#web-page .left-0{left:0}
#web-page .left-1\/2{left:50%}
#web-page .left-3{left:calc(var(--spacing) * 3)}
#web-page .-z-10{z-index:calc(10 * -1)}
#web-page .z-0{z-index:0}
#web-page .z-10{z-index:10}
#web-page .z-20{z-index:20}
#web-page .z-30{z-index:30}
#web-page .z-40{z-index:40}
#web-page .z-50{z-index:50}
#web-page .z-1000{z-index:1000}
#web-page .order-1{order:1}
#web-page .order-2{order:2}
#web-page .order-3{order:3}
#web-page .mx-1{margin-inline:var(--spacing)}
#web-page .mx-auto{margin-inline:auto}
#web-page .my-0{margin-block:0}
#web-page .my-2{margin-block:calc(var(--spacing) * 2)}
#web-page .my-16{margin-block:calc(var(--spacing) * 16)}
#web-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#web-page .mt-0{margin-top:0}
#web-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#web-page .mt-1{margin-top:var(--spacing)}
#web-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#web-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#web-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#web-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#web-page .mt-16{margin-top:calc(var(--spacing) * 16)}
#web-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#web-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#web-page .mt-70{margin-top:calc(var(--spacing) * 70)}
#web-page .mb-1{margin-bottom:var(--spacing)}
#web-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#web-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#web-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#web-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#web-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#web-page .mb-12{margin-bottom:calc(var(--spacing) * 12)}
#web-page .mb-16{margin-bottom:calc(var(--spacing) * 16)}
#web-page .block{display:block}
#web-page .flex{display:flex}
#web-page .grid{display:grid}
#web-page .hidden{display:none}
#web-page .inline-block{display:inline-block}
#web-page .inline-flex{display:inline-flex}
#web-page .aspect-4\/3{aspect-ratio:4/3}
#web-page .h-4{height:calc(var(--spacing) * 4)}
#web-page .h-5{height:calc(var(--spacing) * 5)}
#web-page .h-6{height:calc(var(--spacing) * 6)}
#web-page .h-8{height:calc(var(--spacing) * 8)}
#web-page .h-10{height:calc(var(--spacing) * 10)}
#web-page .h-12{height:calc(var(--spacing) * 12)}
#web-page .h-14{height:calc(var(--spacing) * 14)}
#web-page .h-16{height:calc(var(--spacing) * 16)}
#web-page .h-20{height:calc(var(--spacing) * 20)}
#web-page .h-32{height:calc(var(--spacing) * 32)}
#web-page .h-50{height:calc(var(--spacing) * 50)}
#web-page .h-72{height:calc(var(--spacing) * 72)}
#web-page .h-\[50px\]{height:50px}
#web-page .h-\[72px\]{height:72px}
#web-page .h-\[200px\]{height:200px}
#web-page .h-auto{height:auto}
#web-page .h-fit{height:fit-content}
#web-page .h-full{height:100%}
#web-page .max-h-0{max-height:0}
#web-page .max-h-\[280px\]{max-height:280px}
#web-page .max-h-\[600px\]{max-height:600px}
#web-page .min-h-0{min-height:0}
#web-page .min-h-\[44px\]{min-height:44px}
#web-page .min-h-\[280px\]{min-height:280px}
#web-page .min-h-\[300px\]{min-height:300px}
#web-page .w-4{width:calc(var(--spacing) * 4)}
#web-page .w-5{width:calc(var(--spacing) * 5)}
#web-page .w-6{width:calc(var(--spacing) * 6)}
#web-page .w-8{width:calc(var(--spacing) * 8)}
#web-page .w-10{width:calc(var(--spacing) * 10)}
#web-page .w-12{width:calc(var(--spacing) * 12)}
#web-page .w-14{width:calc(var(--spacing) * 14)}
#web-page .w-16{width:calc(var(--spacing) * 16)}
#web-page .w-20{width:calc(var(--spacing) * 20)}
#web-page .w-24{width:calc(var(--spacing) * 24)}
#web-page .w-30{width:calc(var(--spacing) * 30)}
#web-page .w-32{width:calc(var(--spacing) * 32)}
#web-page .w-44{width:calc(var(--spacing) * 44)}
#web-page .w-72{width:calc(var(--spacing) * 72)}
#web-page .w-auto{width:auto}
#web-page .w-fit{width:fit-content}
#web-page .w-full{width:100%}
#web-page .max-w-2xl{max-width:var(--container-2xl)}
#web-page .max-w-4xl{max-width:var(--container-4xl)}
#web-page .max-w-5xl{max-width:var(--container-5xl)}
#web-page .max-w-6xl{max-width:var(--container-6xl)}
#web-page .max-w-\[600px\]{max-width:600px}
#web-page .max-w-full{max-width:100%}
#web-page .min-w-0{min-width:0}
#web-page .min-w-\[120px\]{min-width:120px}
#web-page .min-w-full{min-width:100%}
#web-page .flex-1{flex:1}
#web-page .flex-\[0_0_50\%\]{flex:0 0 50%}
#web-page .flex-\[0_0_100\%\]{flex:0 0 100%}
#web-page .flex-shrink-0,#web-page .shrink-0{flex-shrink:0}
#web-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#web-page .-translate-x-\[10px\]{--tw-translate-x:calc(10px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#web-page .translate-x-\[10px\]{--tw-translate-x:10px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#web-page .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#web-page .translate-y-\[-52\%\]{--tw-translate-y:-52%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#web-page .scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#web-page .scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#web-page .rotate-0{rotate:0deg}
#web-page .rotate-90{rotate:90deg}
#web-page .rotate-180{rotate:180deg}
#web-page .transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}
#web-page .cursor-not-allowed{cursor:not-allowed}
#web-page .cursor-pointer{cursor:pointer}
#web-page .snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}
#web-page .snap-mandatory{--tw-scroll-snap-strictness:mandatory}
#web-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#web-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#web-page .flex-col{flex-direction:column}
#web-page .flex-col-reverse{flex-direction:column-reverse}
#web-page .flex-row{flex-direction:row}
#web-page .flex-row-reverse{flex-direction:row-reverse}
#web-page .items-center{align-items:center}
#web-page .items-end{align-items:flex-end}
#web-page .items-start{align-items:flex-start}
#web-page .items-stretch{align-items:stretch}
#web-page .justify-between{justify-content:space-between}
#web-page .justify-center{justify-content:center}
#web-page .justify-end{justify-content:flex-end}
#web-page .justify-start{justify-content:flex-start}
#web-page .justify-items-stretch{justify-items:stretch}
#web-page .gap-1{gap:var(--spacing)}
#web-page .gap-2{gap:calc(var(--spacing) * 2)}
#web-page .gap-3{gap:calc(var(--spacing) * 3)}
#web-page .gap-4{gap:calc(var(--spacing) * 4)}
#web-page .gap-6{gap:calc(var(--spacing) * 6)}
#web-page .gap-8{gap:calc(var(--spacing) * 8)}
#web-page .gap-12{gap:calc(var(--spacing) * 12)}
#web-page .gap-14{gap:calc(var(--spacing) * 14)}
#web-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#web-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#web-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#web-page :where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#web-page .gap-x-3{column-gap:calc(var(--spacing) * 3)}
#web-page .gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}
#web-page .overflow-hidden{overflow:hidden}
#web-page .overflow-visible{overflow:visible}
#web-page .overflow-x-auto{overflow-x:auto}
#web-page .overflow-x-hidden{overflow-x:hidden}
#web-page .scroll-smooth{scroll-behavior:smooth}
#web-page .rounded-2xl{border-radius:var(--radius-2xl)}
#web-page .rounded-3xl{border-radius:var(--radius-3xl)}
#web-page .rounded-4xl{border-radius:var(--radius-4xl)}
#web-page .rounded-\[50px\]{border-radius:50px}
#web-page .rounded-full{border-radius:2147483647px}
#web-page .rounded-lg{border-radius:var(--radius-lg)}
#web-page .rounded-md{border-radius:var(--radius-md)}
#web-page .rounded-xl{border-radius:var(--radius-xl)}
#web-page .border{border-style:var(--tw-border-style);border-width:1px}
#web-page .border-0{border-style:var(--tw-border-style);border-width:0}
#web-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#web-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#web-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#web-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#web-page .border-b-3{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#web-page .border-none{--tw-border-style:none;border-style:none}
#web-page .border-\[\#E5E7EB\]{border-color:var(--line)}
#web-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#web-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#web-page .border-black{border-color:var(--color-black)}
#web-page .border-gray-200{border-color:var(--color-gray-200)}
#web-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#web-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#web-page .border-green-500{border-color:var(--color-green-500)}
#web-page .border-transparent{border-color:#0000}
#web-page .border-white{border-color:var(--color-white)}
#web-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#web-page .bg-\[\#F0F5F7\]{background-color:var(--bg2)}
#web-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#web-page .bg-\[\#FF4C00\]\/10{background-color:oklab(66.6687% .179651 .134278/.1)}
#web-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#web-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#web-page .bg-accent{background-color:var(--color-accent)}
#web-page .bg-gray-100{background-color:var(--color-gray-100)}
#web-page .bg-primary{background-color:var(--color-primary)}
#web-page .bg-secondary{background-color:var(--color-secondary)}
#web-page .bg-transparent{background-color:#0000}
#web-page .bg-white{background-color:var(--color-white)}
#web-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#web-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#web-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#web-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#web-page .bg-linear-to-br{--tw-gradient-position:to bottom right}
@supports (background-image:linear-gradient(in lab, red, red)){#web-page .bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}
#web-page .bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}
#web-page .bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
#web-page .from-\[\#FF4C00\]{--tw-gradient-from:var(--acc);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#web-page .from-\[\#FF4C00\]\/10{--tw-gradient-from:oklab(66.6687% .179651 .134278/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#web-page .via-orange-300\/5{--tw-gradient-via:#ffb96d0d}
@supports (color:color-mix(in lab, red, red)){#web-page .via-orange-300\/5{--tw-gradient-via:color-mix(in oklab, var(--color-orange-300) 5%, transparent)}}
#web-page .via-orange-300\/5{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
#web-page .to-\[\#FF6B35\]{--tw-gradient-to:color-mix(in srgb,var(--acc) 78%,#fff);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#web-page .to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#web-page .object-contain{object-fit:contain}
#web-page .object-cover{object-fit:cover}
#web-page .p-0{padding:0}
#web-page .p-1{padding:var(--spacing)}
#web-page .p-2{padding:calc(var(--spacing) * 2)}
#web-page .p-3{padding:calc(var(--spacing) * 3)}
#web-page .p-4{padding:calc(var(--spacing) * 4)}
#web-page .p-5{padding:calc(var(--spacing) * 5)}
#web-page .p-6{padding:calc(var(--spacing) * 6)}
#web-page .p-8{padding:calc(var(--spacing) * 8)}
#web-page .px-1{padding-inline:var(--spacing)}
#web-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#web-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#web-page .px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}
#web-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#web-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#web-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#web-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#web-page .px-12{padding-inline:calc(var(--spacing) * 12)}
#web-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#web-page .py-2{padding-block:calc(var(--spacing) * 2)}
#web-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#web-page .py-3{padding-block:calc(var(--spacing) * 3)}
#web-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#web-page .py-4{padding-block:calc(var(--spacing) * 4)}
#web-page .py-6{padding-block:calc(var(--spacing) * 6)}
#web-page .py-8{padding-block:calc(var(--spacing) * 8)}
#web-page .py-10{padding-block:calc(var(--spacing) * 10)}
#web-page .py-12{padding-block:calc(var(--spacing) * 12)}
#web-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#web-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#web-page .pt-6{padding-top:calc(var(--spacing) * 6)}
#web-page .pt-15{padding-top:calc(var(--spacing) * 15)}
#web-page .pt-20{padding-top:calc(var(--spacing) * 20)}
#web-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#web-page .pt-\[72px\]{padding-top:72px}
#web-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#web-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#web-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#web-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#web-page .pb-12{padding-bottom:calc(var(--spacing) * 12)}
#web-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#web-page .pb-48{padding-bottom:calc(var(--spacing) * 48)}
#web-page .text-center{text-align:center}
#web-page .text-justify{text-align:justify}
#web-page .text-right{text-align:right}
#web-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#web-page .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#web-page .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#web-page .text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#web-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#web-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#web-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#web-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#web-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#web-page .text-\[10px\]{font-size:10px}
#web-page .leading-7\.5{--tw-leading:calc(var(--spacing) * 7.5);line-height:calc(var(--spacing) * 7.5)}
#web-page .leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}
#web-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#web-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#web-page .leading-none{--tw-leading:1;line-height:1}
#web-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#web-page .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}
#web-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#web-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#web-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#web-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#web-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#web-page .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
#web-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#web-page .whitespace-nowrap{white-space:nowrap}
#web-page .text-\[\#0A2745\]{color:var(--nv)}
#web-page .text-\[\#1F2A3D\]{color:#33291d}
#web-page .text-\[\#595B5C\]{color:#595b5c}
#web-page .text-\[\#FF4C00\]{color:var(--acc)}
#web-page .text-\[\#FF4C00\]\/30{color:oklab(66.6687% .179651 .134278/.3)}
#web-page .text-\[\#ffff\]{color:#fff}
#web-page .text-black{color:var(--color-black)}
#web-page .text-gray-300{color:var(--color-gray-300)}
#web-page .text-gray-500{color:var(--color-gray-500)}
#web-page .text-gray-600{color:var(--color-gray-600)}
#web-page .text-green-700{color:var(--color-green-700)}
#web-page .text-red-500{color:var(--color-red-500)}
#web-page .text-secondary{color:var(--color-secondary)}
#web-page .text-white{color:var(--color-white)}
#web-page .text-white\/90{color:#ffffffe6}
@supports (color:color-mix(in lab, red, red)){#web-page .text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}
#web-page .not-italic{font-style:normal}
#web-page .underline{text-decoration-line:underline}
#web-page .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#web-page .accent-white{accent-color:var(--color-white)}
#web-page .opacity-0{opacity:0}
#web-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page .shadow-\[0_0_20px_rgba\(255\,76\,0\,0\.4\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page .shadow-\[0_10px_0_0_\#FF4C00\]{--tw-shadow:0 10px 0 0 var(--tw-shadow-color,var(--acc));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#web-page .blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#web-page .blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#web-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#web-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}
#web-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#web-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#web-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#web-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#web-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#web-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#web-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#web-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#web-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#web-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#web-page .duration-500{--tw-duration:.5s;transition-duration:.5s}
#web-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#web-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#web-page .will-change-transform{will-change:transform}
#web-page .select-none{-webkit-user-select:none;user-select:none}
#web-page .\[-webkit-overflow-scrolling\:touch\]{-webkit-overflow-scrolling:touch}
@media (hover:hover){#web-page :is(:where(.group):hover .group-hover\:absolute){position:absolute}
#web-page :is(:where(.group):hover .group-hover\:flex){display:flex}
#web-page :is(:where(.group):hover .group-hover\:-translate-y-1){--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#web-page :is(:where(.group):hover .group-hover\:-translate-y-2){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#web-page :is(:where(.group):hover .group-hover\:-translate-y-full){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#web-page :is(:where(.group):hover .group-hover\:scale-110){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#web-page :is(:where(.group):hover .group-hover\:border-b-2){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#web-page :is(:where(.group):hover .group-hover\:border-b-3){border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#web-page :is(:where(.group):hover .group-hover\:border-\[\#0A2745\]){border-color:var(--nv)}
#web-page :is(:where(.group):hover .group-hover\:border-\[\#FF4C00\]){border-color:var(--acc)}
#web-page :is(:where(.group):hover .group-hover\:border-orange-100){border-color:var(--color-orange-100)}
#web-page :is(:where(.group):hover .group-hover\:border-b-\[\#FF4C00\]){border-bottom-color:var(--acc)}
#web-page :is(:where(.group):hover .group-hover\:bg-\[\#0A2745\]){background-color:var(--nv)}
#web-page :is(:where(.group):hover .group-hover\:bg-\[\#FFF6F2\]){background-color:var(--fa-soft)}
#web-page :is(:where(.group):hover .group-hover\:text-\[\#0A2745\]){color:var(--nv)}
#web-page :is(:where(.group):hover .group-hover\:text-\[\#FF4C00\]){color:var(--acc)}
#web-page :is(:where(.group):hover .group-hover\:text-white){color:var(--color-white)}
#web-page :is(:where(.group):hover .group-hover\:opacity-100){opacity:1}
#web-page :is(:where(.group):hover .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]){--tw-shadow:0 8px 24px var(--tw-shadow-color,#ff4c0059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page :is(:where(.group):hover .group-hover\:shadow-md){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page :is(:where(.group):hover .group-hover\:shadow-xl){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page :is(:where(.group):hover .group-hover\:blur-xs){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}
#web-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#web-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#web-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#web-page .after\:right-0:after{content:var(--tw-content);right:0}
#web-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#web-page .after\:left-0:after{content:var(--tw-content);left:0}
#web-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#web-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#web-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#web-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#web-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#web-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#web-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#web-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#web-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#web-page .hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#web-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#web-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#web-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#web-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#web-page .hover\:border-\[\#FF4C00\]\/30:hover{border-color:oklab(66.6687% .179651 .134278/.3)}
#web-page .hover\:border-white:hover{border-color:var(--color-white)}
#web-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#web-page .hover\:bg-\[\#081a2e\]:hover{background-color:#1c1712}
#web-page .hover\:bg-\[\#163456\]:hover{background-color:#3a2c1f}
#web-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#web-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#web-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#web-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#web-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:var(--bg2)}
#web-page .hover\:bg-\[\#FFF6F2\]:hover{background-color:var(--fa-soft)}
#web-page .hover\:bg-\[\#e44500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#web-page .hover\:bg-black\/5:hover{background-color:#0000000d}
@supports (color:color-mix(in lab, red, red)){#web-page .hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}
#web-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#web-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#web-page .hover\:bg-white:hover{background-color:var(--color-white)}
#web-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#web-page .hover\:text-\[\#FF4C00\]:hover,#web-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#web-page .hover\:text-white:hover{color:var(--color-white)}
#web-page .hover\:underline:hover{text-decoration-line:underline}
#web-page .hover\:opacity-80:hover{opacity:.8}
#web-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page .hover\:shadow-\[0_0_28px_rgba\(255\,76\,0\,0\.5\)\,0_0_40px_rgba\(10\,39\,69\,0\.3\)\,0_8px_28px_rgba\(10\,39\,69\,0\.35\)\]:hover{--tw-shadow:0 0 28px var(--tw-shadow-color,#ff4c0080), 0 0 40px var(--tw-shadow-color,#0a27454d), 0 8px 28px var(--tw-shadow-color,#0a274559);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px var(--tw-shadow-color,#0a274538), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px var(--tw-shadow-color,#0a274547), 0 10px 0 0 var(--tw-shadow-color,var(--nv)), 0 0 24px var(--tw-shadow-color,#0a27451f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#web-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#web-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#web-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#web-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#web-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#web-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#web-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#web-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#web-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#web-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#web-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#web-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#web-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#web-page .focus-visible\:ring-offset-\[\#0A2745\]:focus-visible{--tw-ring-offset-color:var(--nv)}
#web-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#web-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#web-page .active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#web-page .active\:scale-\[0\.98\]:active{scale:.98}
#web-page .active\:bg-\[\#06141f\]:active{background-color:#1c1712}
#web-page .active\:bg-\[\#CC3D00\]:active{background-color:color-mix(in srgb,var(--acc) 72%,#000)}
#web-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
#web-page .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
#web-page .disabled\:opacity-30:disabled{opacity:.3}
#web-page .disabled\:opacity-50:disabled{opacity:.5}
@media (hover:hover){#web-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#web-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#web-page .disabled\:hover\:shadow-lg:disabled:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (min-width:40rem){#web-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#web-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#web-page .sm\:right-4{right:calc(var(--spacing) * 4)}
#web-page .sm\:bottom-1\/3{bottom:33.3333%}
#web-page .sm\:left-4{left:calc(var(--spacing) * 4)}
#web-page .sm\:mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}
#web-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#web-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#web-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#web-page .sm\:mt-20{margin-top:calc(var(--spacing) * 20)}
#web-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#web-page .sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#web-page .sm\:inline{display:inline}
#web-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#web-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#web-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#web-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#web-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#web-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#web-page .sm\:h-96{height:calc(var(--spacing) * 96)}
#web-page .sm\:h-\[60px\]{height:60px}
#web-page .sm\:h-\[100px\]{height:100px}
#web-page .sm\:max-h-\[320px\]{max-height:320px}
#web-page .sm\:min-h-\[400px\]{min-height:400px}
#web-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#web-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#web-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#web-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#web-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#web-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#web-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#web-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#web-page .sm\:w-72{width:calc(var(--spacing) * 72)}
#web-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#web-page .sm\:w-auto{width:auto}
#web-page .sm\:min-w-\[120px\]{min-width:120px}
#web-page .sm\:min-w-\[140px\]{min-width:140px}
#web-page .sm\:flex-\[0_0_30\%\]{flex:0 0 30%}
#web-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#web-page .sm\:flex-row{flex-direction:row}
#web-page .sm\:items-center{align-items:center}
#web-page .sm\:items-start{align-items:flex-start}
#web-page .sm\:justify-end{justify-content:flex-end}
#web-page .sm\:justify-start{justify-content:flex-start}
#web-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#web-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#web-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#web-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#web-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#web-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#web-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#web-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#web-page :where(.sm\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#web-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#web-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#web-page .sm\:rounded-\[36px\]{border-radius:36px}
#web-page .sm\:p-3{padding:calc(var(--spacing) * 3)}
#web-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#web-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#web-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#web-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#web-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#web-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#web-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#web-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#web-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#web-page .sm\:py-0{padding-block:0}
#web-page .sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#web-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#web-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#web-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#web-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#web-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#web-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#web-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#web-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#web-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#web-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#web-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#web-page .sm\:text-\[12px\]{font-size:12px}}
@media (min-width:48rem){#web-page .md\:right-6{right:calc(var(--spacing) * 6)}
#web-page .md\:left-6{left:calc(var(--spacing) * 6)}
#web-page .md\:order-1{order:1}
#web-page .md\:order-2{order:2}
#web-page .md\:my-4{margin-block:calc(var(--spacing) * 4)}
#web-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#web-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#web-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#web-page .md\:mt-44{margin-top:calc(var(--spacing) * 44)}
#web-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#web-page .md\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#web-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#web-page .md\:block{display:block}
#web-page .md\:flex{display:flex}
#web-page .md\:hidden{display:none}
#web-page .md\:inline-block{display:inline-block}
#web-page .md\:h-10{height:calc(var(--spacing) * 10)}
#web-page .md\:h-16{height:calc(var(--spacing) * 16)}
#web-page .md\:h-28{height:calc(var(--spacing) * 28)}
#web-page .md\:h-70{height:calc(var(--spacing) * 70)}
#web-page .md\:h-\[250px\]{height:250px}
#web-page .md\:max-h-none{max-height:none}
#web-page .md\:w-10{width:calc(var(--spacing) * 10)}
#web-page .md\:w-16{width:calc(var(--spacing) * 16)}
#web-page .md\:w-24{width:calc(var(--spacing) * 24)}
#web-page .md\:w-28{width:calc(var(--spacing) * 28)}
#web-page .md\:w-72{width:calc(var(--spacing) * 72)}
#web-page .md\:min-w-\[130px\]{min-width:130px}
#web-page .md\:flex-1{flex:1}
#web-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#web-page .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#web-page .md\:flex-col{flex-direction:column}
#web-page .md\:flex-row{flex-direction:row}
#web-page .md\:flex-row-reverse{flex-direction:row-reverse}
#web-page .md\:items-center{align-items:center}
#web-page .md\:items-stretch{align-items:stretch}
#web-page .md\:justify-center{justify-content:center}
#web-page .md\:gap-0{gap:0}
#web-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#web-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#web-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#web-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#web-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#web-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#web-page .md\:overflow-visible{overflow:visible}
#web-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#web-page .md\:p-4{padding:calc(var(--spacing) * 4)}
#web-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#web-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#web-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#web-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#web-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#web-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#web-page .md\:py-0{padding-block:0}
#web-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#web-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#web-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#web-page .md\:pt-16{padding-top:calc(var(--spacing) * 16)}
#web-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#web-page .md\:pb-28{padding-bottom:calc(var(--spacing) * 28)}
#web-page .md\:text-center{text-align:center}
#web-page .md\:text-justify{text-align:justify}
#web-page .md\:text-right{text-align:right}
#web-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#web-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#web-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#web-page .md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}
#web-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#web-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#web-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#web-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#web-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#web-page .md\:text-\[9px\]{font-size:9px}
#web-page .md\:text-\[10px\]{font-size:10px}
#web-page .md\:text-\[14px\]{font-size:14px}
#web-page .md\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}}
@media (min-width:64rem){#web-page .lg\:order-1{order:1}
#web-page .lg\:order-2{order:2}
#web-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#web-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#web-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#web-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#web-page .lg\:mt-32{margin-top:calc(var(--spacing) * 32)}
#web-page .lg\:mt-50{margin-top:calc(var(--spacing) * 50)}
#web-page .lg\:mt-52{margin-top:calc(var(--spacing) * 52)}
#web-page .lg\:mr-0{margin-right:0}
#web-page .lg\:mb-0{margin-bottom:0}
#web-page .lg\:mb-10{margin-bottom:calc(var(--spacing) * 10)}
#web-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#web-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#web-page .lg\:block{display:block}
#web-page .lg\:flex{display:flex}
#web-page .lg\:hidden{display:none}
#web-page .lg\:h-14{height:calc(var(--spacing) * 14)}
#web-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#web-page .lg\:h-194{height:calc(var(--spacing) * 194)}
#web-page .lg\:h-\[70px\]{height:70px}
#web-page .lg\:h-\[132px\]{height:132px}
#web-page .lg\:h-\[300px\]{height:300px}
#web-page .lg\:w-1\/2{width:50%}
#web-page .lg\:w-14{width:calc(var(--spacing) * 14)}
#web-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#web-page .lg\:w-\[45\%\]{width:45%}
#web-page .lg\:w-\[55\%\]{width:55%}
#web-page .lg\:w-\[70px\]{width:70px}
#web-page .lg\:w-auto{width:auto}
#web-page .lg\:w-fit{width:fit-content}
#web-page .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#web-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#web-page .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
#web-page .lg\:flex-row{flex-direction:row}
#web-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#web-page .lg\:items-center{align-items:center}
#web-page .lg\:justify-end{justify-content:flex-end}
#web-page .lg\:gap-0{gap:0}
#web-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#web-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#web-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#web-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#web-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#web-page :where(.lg\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#web-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#web-page :where(.lg\:space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}
#web-page .lg\:gap-x-4{column-gap:calc(var(--spacing) * 4)}
#web-page .lg\:gap-y-4{row-gap:calc(var(--spacing) * 4)}
#web-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#web-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#web-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#web-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#web-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#web-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#web-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#web-page .lg\:py-20{padding-block:calc(var(--spacing) * 20)}
#web-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#web-page .lg\:pt-\[132px\]{padding-top:132px}
#web-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#web-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#web-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#web-page .lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#web-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#web-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#web-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#web-page .lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#web-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#web-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#web-page .lg\:text-\[10px\]{font-size:10px}
#web-page .lg\:text-\[28px\]{font-size:28px}
#web-page .lg\:text-\[48px\]{font-size:48px}
#web-page .lg\:text-\[150px\]{font-size:150px}
#web-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#web-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#web-page .xl\:mt-0{margin-top:0}
#web-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#web-page .xl\:mt-70{margin-top:calc(var(--spacing) * 70)}
#web-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#web-page .xl\:h-122{height:calc(var(--spacing) * 122)}
#web-page .xl\:h-\[142px\]{height:142px}
#web-page .xl\:h-auto{height:auto}
#web-page .xl\:w-1\/2{width:50%}
#web-page .xl\:w-1\/3{width:33.3333%}
#web-page .xl\:w-\[25\.5\%\]{width:25.5%}
#web-page .xl\:w-\[30\%\]{width:30%}
#web-page .xl\:w-\[70\%\]{width:70%}
#web-page .xl\:flex-\[0_0_12\%\]{flex:0 0 12%}
#web-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#web-page .xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
#web-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#web-page .xl\:flex-row{flex-direction:row}
#web-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#web-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#web-page .xl\:gap-12{gap:calc(var(--spacing) * 12)}
#web-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#web-page .xl\:gap-32{gap:calc(var(--spacing) * 32)}
#web-page .xl\:p-8{padding:calc(var(--spacing) * 8)}
#web-page .xl\:px-0{padding-inline:0}
#web-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#web-page .xl\:px-16{padding-inline:calc(var(--spacing) * 16)}
#web-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#web-page .xl\:px-36{padding-inline:calc(var(--spacing) * 36)}
#web-page .xl\:py-16{padding-block:calc(var(--spacing) * 16)}
#web-page .xl\:pt-16{padding-top:calc(var(--spacing) * 16)}
#web-page .xl\:pt-\[142px\]{padding-top:142px}
#web-page .xl\:pl-6{padding-left:calc(var(--spacing) * 6)}
#web-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#web-page .xl\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#web-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#web-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#web-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#web-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#web-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#web-page .xl\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#web-page .xl\:text-\[11px\]{font-size:11px}
#web-page .xl\:text-\[14px\]{font-size:14px}
#web-page .xl\:text-\[16px\]{font-size:16px}
#web-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#web-page .\32 xl\:mr-50{margin-right:calc(var(--spacing) * 50)}
#web-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#web-page .\32 xl\:h-130{height:calc(var(--spacing) * 130)}
#web-page .\32 xl\:min-h-\[550px\]{min-height:550px}
#web-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#web-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#web-page .\32 xl\:gap-\[25px\]{gap:25px}
#web-page .\32 xl\:px-12{padding-inline:calc(var(--spacing) * 12)}
#web-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#web-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#web-page .\32 xl\:text-left{text-align:left}
#web-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#web-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#web-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#web-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#web-page .\32 xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#web-page .\32 xl\:text-\[14px\]{font-size:14px}
#web-page .\32 xl\:text-\[16px\]{font-size:16px}
#web-page .\32 xl\:text-\[20px\]{font-size:20px}
#web-page .\32 xl\:text-\[27px\]{font-size:27px}
#web-page .\32 xl\:text-\[56px\]{font-size:56px}
#web-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-REGULAR.TTF)format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-SEMIBOLD.TTF)format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-BOLD.TTF)format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-EXTRABOLD.TTF)format("truetype");font-weight:800;font-display:swap}
#web-page{direction:rtl}
#web-page{color:#33291d;background:#fff;font-family:Vazirmatn,Tahoma,sans-serif}
#web-page .fanum-font,#web-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#web-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#web-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
#web-page .dir-rtl{direction:rtl}
#web-page .hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
#web-page .hide-scrollbar::-webkit-scrollbar{display:none}
#web-page .mb-safe{margin-bottom:env(safe-area-inset-bottom)}
@keyframes ring{0%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-12deg)}20%,40%,60%{transform:rotate(12deg)}70%{transform:rotate(0)}}
#web-page .phone-ring-animation{animation:2s ease-in-out infinite ring}
@keyframes pulse-alarm{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}
#web-page .alarm-animation{animation:1.5s ease-in-out infinite pulse-alarm}
@keyframes brand-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}
#web-page .brand-scroll-animation{animation:30s linear infinite brand-scroll}
#web-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,var(--nv) 60%,#1c1712 100%)}
#web-page >div>div.relative>div.absolute.inset-0.z-0>div{background:0 0}
@media (min-width:64rem){#web-page #images>div>div{padding-left:2.5rem;padding-right:2.5rem}
#web-page #images h2{margin-bottom:5rem}
#web-page #images [dir=rtl].w-full{flex-direction:row;justify-content:space-between;align-items:center;gap:2.5rem;display:flex}
#web-page #images [role=tablist]{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:43%;margin:0;padding:0;display:grid;overflow:visible}
#web-page #images [role=tablist]>div{margin:0}
#web-page #images [role=tab]{white-space:nowrap;color:var(--acc);width:100%;min-width:0;height:3rem;box-shadow:none;background:#fff;border:2px solid var(--acc);padding-left:.5rem;padding-right:.5rem;font-size:.9rem}
#web-page #images [role=tab][aria-selected=true]{color:#fff;background:var(--acc)}
#web-page #images [role=tab]:hover{background:var(--fa-soft)}
#web-page #images [role=tab][aria-selected=true]:hover{background:var(--acc)}
#web-page #images [dir=rtl].w-full>div.relative{flex:none;width:54%}
#web-page #images .flex-\[0_0_100\%\],#web-page #images .flex-\[0_0_100\%\]>div>div{padding:0}
#web-page #images .flex-\[0_0_100\%\]>div>div>div{background:#fff;border:3px solid var(--nv);border-radius:1rem;min-height:26rem}
#web-page #images img[data-nimg=fill]{object-fit:contain;padding:0}
#web-page #images button[aria-label=آیتم\ بعدی],#web-page #images button[aria-label=آیتم\ قبلی]{display:none}
#web-page #images button[aria-label=بزرگنمایی\ تصویر]{color:var(--nv);background:#fff;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:0 2px 8px #0003}}
#web-page .mt-12{margin-top:calc(var(--spacing) * 12)}
#web-page .mb-20{margin-bottom:calc(var(--spacing) * 20)}
#web-page .text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}
@media (hover:hover){#web-page .hover\:-translate-x-1:hover{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#web-page .hover\:opacity-90:hover{opacity:.9}}
@media (min-width:40rem){#web-page .sm\:order-1{order:1}
#web-page .sm\:order-2{order:2}
#web-page .sm\:justify-between{justify-content:space-between}
#web-page .sm\:py-7{padding-block:calc(var(--spacing) * 7)}}
@media (min-width:48rem){#web-page .md\:mt-0{margin-top:0}
#web-page .md\:mb-72{margin-bottom:calc(var(--spacing) * 72)}
#web-page .md\:justify-start{justify-content:flex-start}}
@media (min-width:64rem){#web-page .lg\:py-10{padding-block:calc(var(--spacing) * 10)}}

/* ===== صفحه «نرم افزار رستورانی تحت وب» — مسیر #web-restaurant =====
   طراحی و چیدمان همان صفحه‌ی اصلی تحت وب است؛ چارچوب، حاشیه‌ی راست/چپ سکشن‌ها، فونت Vazirmatn و رنگ‌ها
   مثل صفحه‌ی «اتوماسیون تغذیه» از پالت همین سایت (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند. */
#web-page{--color-primary:var(--nv);--color-secondary:var(--acc);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good);--color-orange-100:var(--fa-soft);--color-orange-300:var(--gold1)}
#web-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #web-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #web-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#web-page{--text-7xl:4.5rem;--text-7xl--line-height:1}
#web-page[hidden]{display:none}
html.is-web body>section:not(#mp-sec),html.is-web #nl-sec,html.is-web #cta-band,html.is-web .pgx{display:none!important}
#web-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#web-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#web-page .semibold-fanum-font,#web-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#web-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#web-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#web-page a{color:inherit;text-decoration:none}
#web-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#web-page input[type=checkbox]{accent-color:var(--gold1)}
#web-page .bg-white{background-color:var(--sec-alt)}
#web-page .text-black{color:var(--ink)}
#web-page .text-primary{color:var(--ink)}
#web-page .text-\[\#0A2745\]{color:var(--ink)}
#web-page .border-\[\#0A2745\]{border-color:var(--ink)}
#web-page .bg-primary.text-white,#web-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
@media (hover:hover){#web-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#web-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#web-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#web-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#web-page .faq-open svg{transition:transform .2s}
#web-page .no-scrollbar{scrollbar-width:none}
#web-page .no-scrollbar::-webkit-scrollbar{display:none}
#web-page .sol-toast{background:var(--nv);color:#f6ecd6;z-index:4000;text-align:center;border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#web-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#web-page .ab-menu.open{display:block}
#web-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#web-page .ab-menu button:hover,#web-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#web-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#web-page .ab-msg:empty{display:none}
#web-page .ab-msg.err{color:#ffb4aa}
/* هیرو: زمینه‌ی اسپرسو (به‌جای سرمه‌ای)، متن و دکمه‌ها مثل هیروی صفحه‌ی اتوماسیون تغذیه */
#web-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,#2b2118 60%,#1c1712 100%)}
#web-page >div>div.relative h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#web-page >div>div.relative h1 .text-\[\#FF4C00\]{color:var(--gold1,#d6b374)}
#web-page >div>div.relative h2{color:#efe4d2;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#web-page >div>div.relative p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#web-page >div>div.relative a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#web-page >div>div.relative a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#web-page >div>div.relative a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* نوار فهرست بخش‌ها: چسبان زیر هدر (مثل صفحه‌ی اتوماسیون تغذیه) */
#web-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#web-page #wb-toc{background:var(--acc)!important;position:sticky;top:var(--wb-top,0px);z-index:19;transition:box-shadow .25s}
#web-page #wb-toc.wb-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#web-page section[id^="wb-"]{scroll-margin-top:calc(var(--wb-top,0px) + var(--wb-bar,64px) + 10px)}
/* نظرات: فقط یک صفحه نظر در منبع وجود دارد؛ صفحه‌بندی بی‌اثر مخفی شد */
#web-page nav[aria-label="صفحه‌بندی"]{display:none}
/* ===== نمایش بزرگ تصویر مشابه صفحه‌ی اتوماسیون تغذیه: نام تب، فلش قبلی/بعدی، دکمه‌ی بستن ===== */
#web-page #wb-lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#web-page #wb-lightbox.open{display:flex}
#web-page #wb-lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#food-page .no-scrollbar{scrollbar-width:none}
#food-page .no-scrollbar::-webkit-scrollbar{display:none}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .faq-open svg{transition:transform .2s}
#food-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#food-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#food-page #service-menu.open{display:block}
#food-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#food-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#food-page .left-\[35\%\]{
    left: 35%;
  }
#food-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#food-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#food-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#food-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#food-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#food-page .min-h-screen{
    min-height: 100vh;
  }
#food-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#food-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#food-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#food-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#food-page .max-w-xl{
    max-width: var(--container-xl);
  }
#food-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#food-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .flex-wrap{
    flex-wrap: wrap;
  }
#food-page .justify-around{
    justify-content: space-around;
  }
#food-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#food-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#food-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#food-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#food-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#food-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#food-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#food-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#food-page .bg-ab-card{
    background-color: var(--card);
  }
#food-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#food-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#food-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#food-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#food-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#food-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#food-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#food-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#food-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#food-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#food-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#food-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#food-page .text-ab-cream{
    color: #f6ecd6;
  }
#food-page .text-ab-ink{
    color: var(--ink);
  }
#food-page .text-ab-mut{
    color: var(--mut);
  }
#food-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#food-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#food-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#food-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#food-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#food-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#food-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#food-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#food-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#food-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#food-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#food-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#food-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#food-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#food-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#food-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#food-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#food-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#food-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#food-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#food-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#food-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#food-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#food-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#food-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#food-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#food-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#food-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#food-page .lg\:h-\[550px\]{
      height: 550px;
    }
#food-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#food-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#food-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#food-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#food-page .xl\:h-auto{
      height: auto;
    }
#food-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#food-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#food-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#food-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#food-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#food-page .xl\:py-0{
      padding-block: 0px;
    }
#food-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#food-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#food-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#food-page .ab-menu.open{display:block}
#food-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#food-page .ab-menu button:hover,#food-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#food-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#food-page .ab-msg:empty{display:none}
#food-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#food-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#food-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#food-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#food-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#food-page .brand-scroll-animation{--g:5rem}}
#food-page .brand-scroll-animation:hover{animation-play-state:paused}
#food-page .brand-scroll-animation,#food-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#food-page *{transition:none!important}#food-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#food-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#food-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#food-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#food-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#food-page [id^=fa-]{scroll-margin-top:120px}
#food-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#food-page .semibold-fanum-font,#food-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#food-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#food-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#food-page a{color:inherit;text-decoration:none}
#food-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#food-page input[type=checkbox]{accent-color:var(--gold1)}
#food-page .bg-white{background-color:var(--sec-alt)}
#food-page .text-black{color:var(--ink)}
#food-page .text-\[\#0A2745\],#food-page .text-secondary{color:var(--ink)}
#food-page .bg-primary.text-white,#food-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#food-page .bg-secondary.text-white,#food-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#food-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#food-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#food-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .sol-toast{background:var(--nv);color:#f6ecd6}
#food-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#web-page #wb-lightbox img{background:var(--card)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#web-page #wb-lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#web-page #wb-lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#web-page #wb-lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#web-page #wb-lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#web-page #wb-lightbox .lb-x,#web-page #wb-lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#web-page #wb-lightbox .lb-x{top:14px;left:14px}
#web-page #wb-lightbox .lb-nav{top:50%;margin-top:-22px}
#web-page #wb-lightbox .lb-prev{right:14px}
#web-page #wb-lightbox .lb-next{left:14px}
#web-page #wb-lightbox .lb-x:hover,#web-page #wb-lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#web-page #wb-lightbox .lb-x:focus-visible,#web-page #wb-lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #web-page #wb-lightbox{padding:60px 12px 84px}
 #web-page #wb-lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #web-page #wb-lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #web-page #wb-lightbox .lb-prev{right:16px}
 #web-page #wb-lightbox .lb-next{left:16px}
 #web-page #wb-lightbox figcaption{max-width:calc(100vw - 150px)}}
@media (prefers-reduced-motion:reduce){#web-page *{transition:none!important}}

/* حاشیه‌ی راست/چپ یکسان همه‌ی سکشن‌ها مثل صفحه‌ی اتوماسیون تغذیه */
#web-page{--wb-px:clamp(1rem,4vw + .5rem,9rem)}
@media(min-width:96rem){#web-page{--wb-px:clamp(2rem,12vw + 20rem,16rem)}}
#web-page >div>div.relative{border-radius:0 0 48px 48px}
#web-page #wb-packages>div.flex:not(.pr-first){padding-inline:var(--wb-px)}
/* پکیج‌ها: هم‌رنگ و هم‌استایل تب اول صفحه قیمت‌ها */
#web-page #wb-packages{--color-secondary:var(--nv)}
#web-page #wb-packages .text-secondary{color:var(--ink)}
#web-page #wb-packages .bg-white{background-color:var(--sec-alt)}
#web-page #wb-packages .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
@media (hover:hover){
#web-page #wb-packages .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}
#web-page #wb-packages .group-hover\:border-\[\#0A2745\]:is(:where(.group):hover *){border-color:var(--ink)}
#web-page #wb-packages .group-hover\:text-\[\#0A2745\]:is(:where(.group):hover *){color:var(--ink)}
#web-page #wb-packages .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px rgba(43,33,24,.22), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page #wb-packages .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px rgba(43,33,24,.28), 0 10px 0 0 var(--ink), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#web-page #wb-packages .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]:is(:where(.group):hover *){--tw-shadow:0 8px 24px color-mix(in srgb,var(--acc) 38%,transparent);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
}
@media (min-width:48rem){#web-page .md\:p-24{padding:calc(var(--spacing) * 24)}}
#web-page #wb-pro-features article{padding-inline:var(--wb-px)}
#web-page #wb-pro-features article>div{padding-inline:0!important}
#web-page #wb-images .flex-\[0_0_100\%\]{padding:0}
#web-page #wb-images .flex-\[0_0_100\%\] .p-2{padding:0}
#web-page #wb-modules .CONTENT_CLASSES{padding-inline:0!important;margin-inline:0!important;max-width:none!important}
#web-page #wb-modules>div>div{padding-inline:var(--wb-px)}

/* نمایی از محیط کاربری: تصویر در سمت چپ + دکمه‌های دو‌ستونه در سمت راست */
#web-page .wb-gal{display:flex;flex-direction:row;align-items:center;gap:clamp(20px,3vw,48px);width:100%}
#web-page .wb-tabs{flex:0 0 42%;display:grid;grid-template-columns:1fr 1fr;gap:14px}
#web-page .wb-tab{cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:10px 14px;border:2px solid var(--nv);border-radius:999px;background:transparent;color:var(--ink);font-size:clamp(13px,1.05vw,17px);line-height:1.6;transition:background .2s,color .2s,box-shadow .2s}
#web-page .wb-tab:hover{background:color-mix(in srgb,var(--nv) 10%,transparent)}
#web-page .wb-tab[aria-selected=true]{background:var(--nv);color:#f6ecd6;box-shadow:0 8px 22px -10px var(--nv)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #web-page .wb-tab{border-color:var(--line)}:root:not([data-theme="light"]) #web-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}}
:root[data-theme="dark"] #web-page .wb-tab{border-color:var(--line)}
:root[data-theme="dark"] #web-page .wb-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}
#web-page .wb-stage{position:relative;flex:1 1 0;min-width:0;aspect-ratio:16/9.6;background:transparent;border:0;border-radius:0;overflow:hidden}
#web-page .wb-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:0}
#web-page .wb-zoom{position:absolute;top:10px;right:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;font-size:26px;line-height:1;color:#0A2745;background:#fff;border:1px solid rgba(10,39,69,.18);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;transition:opacity .2s,transform .2s}
#web-page .wb-zoom:hover{opacity:.85;transform:scale(1.06)}
#web-page .wb-zoom:focus-visible{outline:2px solid #d6b374;outline-offset:2px}
@media(max-width:900px){#web-page .wb-gal{flex-direction:column-reverse;align-items:stretch}#web-page .wb-stage{flex:none;width:100%}#web-page .wb-tabs{flex:none}#web-page .wb-tab{min-height:46px;padding:8px 10px}}
#web-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#web-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#web-page .bg-ab-card{
    background-color: var(--card);
  }
#web-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#web-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#web-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#web-page .text-ab-cream{
    color: #f6ecd6;
  }
#web-page .text-ab-ink{
    color: var(--ink);
  }
#web-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#web-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#web-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#web-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#web-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#web-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#web-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#web-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#web-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#web-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#web-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#web-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#web-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#web-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#web-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#web-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#web-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#web-page .bg-ab-card{
    background-color: var(--card);
  }
#web-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#web-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#web-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#web-page .text-ab-cream{
    color: #f6ecd6;
  }
#web-page .text-ab-ink{
    color: var(--ink);
  }
#web-page .text-ab-mut{
    color: var(--mut);
  }
#web-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#web-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#web-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#web-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#web-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#web-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#web-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#web-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#web-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#web-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#web-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#web-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#web-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#web-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#web-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#web-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#web-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#web-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#web-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }

#web-page .bg-ab-gold\/45:focus,#web-page .focus\:bg-ab-gold\/45:focus{background-color:color-mix(in oklab,#d6b374 45%,transparent)}
#web-page .app-actions{gap:14px;flex-wrap:wrap}
#web-page .app-dl{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.5rem;border-radius:999px;background:var(--acc);color:var(--on-acc,#fff);font-size:clamp(13px,1.1vw,18px);transition:transform .25s,box-shadow .25s}
#web-page .app-dl:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--acc)}
#web-page section[aria-label="اعلان نسخه اندروید نرم‌افزار رستوران سول"]{margin-bottom:0}
#web-page section.md\:mb-72{margin-bottom:0!important}
#web-page section.md\:mb-72{margin-top:-44px!important}
@media(min-width:48rem){#web-page section.md\:mb-72{margin-top:-86px!important}}
@media(min-width:80rem){#web-page section.md\:mb-72{margin-top:-194px!important}}
@media(min-width:96rem){#web-page section.md\:mb-72{margin-top:-210px!important}}
/* فاصله‌ی نوار قرمز: هم‌اندازه‌ی اون توی صفحه‌ی اتوماسیون تغذیه (--fa-gap) */
#web-page{--fa-gap:clamp(12px,1.8vw,24px)}
#web-page #wb-toc{margin-top:var(--fa-gap)!important}
#web-page #wb-toc + section{margin-top:var(--fa-gap)!important;padding-top:6rem}
#web-page #wb-toc + section>div>div>h2:first-child{margin-top:0!important}
/* امکانات: رنگ عنوان کارت‌ها مثل صفحه ویندوزی */
#web-page #wb-features-list .text-secondary{color:var(--ink)}
/* ===== هایلایت قابلیت آفلاین در هیروی صفحه وب ===== */
@media(min-width:64rem){#web-page>div>div.relative{height:auto;min-height:calc(var(--spacing)*194);padding-bottom:204px}}
@media(min-width:80rem){#web-page>div>div.relative{padding-bottom:312px}}
@media(min-width:96rem){#web-page>div>div.relative{padding-bottom:328px}}
#web-page .ofl{position:relative;isolation:isolate;overflow:hidden;direction:rtl;width:min(100%,1180px);margin:clamp(14px,2vw,26px) auto 0;padding:clamp(18px,2vw,28px) clamp(18px,2.6vw,38px);border-radius:28px;color:#fff;text-align:right;display:flex;align-items:center;gap:clamp(16px,2.4vw,34px);background:linear-gradient(120deg,#7d1f19 0%,#b3342b 52%,#7d1f19 100%);border:2px solid var(--gold1,#d6b374);box-shadow:0 24px 50px -18px rgba(0,0,0,.75),0 0 0 7px rgba(227,194,138,.14);animation:ofl-in .9s .3s both cubic-bezier(.2,.8,.2,1)}
#web-page .ofl:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 14px,transparent 14px 28px)}
#web-page .ofl:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,236,190,.28) 50%,transparent 62%);transform:translateX(-130%);animation:ofl-sw 5s ease-in-out infinite}
#web-page .ofl-ic{position:relative;flex:none;width:clamp(64px,6.4vw,92px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.28);border:2px solid rgba(251,230,174,.7)}
#web-page .ofl-ic:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(251,230,174,.55);animation:ofl-p 2.4s ease-out infinite}
#web-page .ofl-ic svg{width:56%;height:56%}
#web-page .ofl-ok{position:absolute;bottom:-4px;left:-4px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:900;color:#fff;background:#2f9e5b;border:3px solid #7d1f19}
#web-page .ofl-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}
#web-page .ofl-k{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;font-size:13px;font-weight:800;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f)}
#web-page .ofl-k i{width:8px;height:8px;border-radius:50%;background:#b3342b;animation:ofl-d 1.4s ease-in-out infinite}
#web-page .ofl-h{margin:0;font-weight:900;font-size:clamp(20px,2.3vw,36px);line-height:1.45;color:#fff}
#web-page .ofl-p{margin:0;font-weight:500;font-size:clamp(13px,1.2vw,17px);line-height:1.9;color:#fbe9d0}
#web-page .ofl-ch{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
#web-page .ofl-ch li{padding:4px 13px;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:700;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}
#web-page .ofl-go{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:290px;padding:14px 26px;border-radius:999px;font-size:clamp(14px,1.2vw,17px);font-weight:900;line-height:1.6;text-align:center;text-decoration:none;color:#3a1a10;background:linear-gradient(180deg,#fbe6ae,#e3b75f);box-shadow:0 12px 26px -8px rgba(0,0,0,.6);transition:transform .2s,filter .2s}
#web-page .ofl-go:hover{transform:translateY(-2px);filter:brightness(1.06)}
#web-page .ofl-go:focus-visible{outline:3px solid #fff;outline-offset:3px}
#web-page .ofl-go svg{flex:none;width:20px;height:20px;transition:transform .25s}
#web-page .ofl-go:hover svg{transform:translateX(-5px)}
@keyframes ofl-in{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ofl-sw{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@keyframes ofl-p{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.28);opacity:0}}
@keyframes ofl-d{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:860px){#web-page .ofl{flex-direction:column;text-align:center;border-radius:24px}#web-page .ofl-k{align-self:center}#web-page .ofl-ch{justify-content:center}#web-page .ofl-go{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){#web-page .ofl,#web-page .ofl:after,#web-page .ofl-ic:before,#web-page .ofl-k i{animation:none}}
#web-page #wb-toc>div>.lg\:-mt-32{margin-top:0!important}
#web-page #wb-modules a.group{color:inherit;text-decoration:none}

/* امکانات حرفه‌ای: تصویر چسبیده به لبه‌ی صفحه (مارجین صفر)، متن با مارجین استاندارد، ارتفاع هر بخش = یک ویو */
#web-page #wb-pro-features{--pf-h:clamp(360px,calc(100svh - 190px),780px)}
#web-page #wb-pro-features article{box-sizing:border-box;padding-inline:0!important;overflow:hidden}
#web-page #wb-pro-features article>div{margin-inline:0!important;min-width:0}
#web-page #wb-pro-features article>div:first-child{padding:0!important}
#web-page #wb-pro-features article>div:first-child>.relative{translate:none!important;margin:0!important;width:100%}
#web-page #wb-pro-features article>div:first-child img{object-fit:contain!important}
#web-page #wb-pro-features article>div:last-child{padding-inline:var(--wb-px)!important}
@media(min-width:1024px){
 #web-page #wb-pro-features article{display:flex;flex-direction:row;align-items:center;margin-top:clamp(20px,4vh,48px)!important;min-height:var(--pf-h)}
 #web-page #wb-pro-features article>div:first-child{flex:0 0 min(60%,calc(var(--pf-h)*1.3334));width:min(60%,calc(var(--pf-h)*1.3334))!important;max-width:none}
 #web-page #wb-pro-features article>div:first-child>.relative{aspect-ratio:auto!important;min-height:0!important;height:min(var(--pf-h),calc(60vw*.75))}
 #web-page #wb-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:first-child img{object-position:left center}
 #web-page #wb-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:first-child img{object-position:right center}
 #web-page #wb-pro-features article>div:last-child{flex:1 1 0;width:auto!important;max-width:none}
 #web-page #wb-pro-features article:has(>div:first-child[class*="lg:order-2"])>div:last-child{padding-left:clamp(16px,2vw,40px)!important;padding-right:var(--wb-px)!important}
 #web-page #wb-pro-features article:not(:has(>div:first-child[class*="lg:order-2"]))>div:last-child{padding-right:clamp(16px,2vw,40px)!important;padding-left:var(--wb-px)!important}
 /* فشرده‌سازی متن تا ارتفاع در یک ویو جا شود */
 #web-page #wb-pro-features article>div:last-child{padding-top:0!important}
 #web-page #wb-pro-features article h3{margin-bottom:clamp(6px,1.4vh,18px)!important;font-size:clamp(17px,2.6vh,26px)!important}
 #web-page #wb-pro-features article h3>span:first-child{font-size:clamp(48px,10vh,100px)!important;line-height:1}
 #web-page #wb-pro-features article ul{font-size:clamp(11px,1.7vh,15px)!important}
 #web-page #wb-pro-features article ul>li+li{margin-top:clamp(4px,1vh,11px)!important}
}
/* رنگ‌های نارنجی (با شفافیت) در این سکشن → رنگ اصلی سایت */
#web-page #wb-pro-features .text-\[\#FF4C00\]\/30{color:color-mix(in srgb,var(--acc) 30%,transparent)}
#web-page #wb-pro-features .bg-\[\#FF4C00\]\/10,#web-page #wb-pro-features .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:color-mix(in srgb,var(--acc) 10%,transparent)}
#web-page #wb-pro-features .bg-\[\#FF4C00\]\/20{background-color:color-mix(in srgb,var(--acc) 20%,transparent)}
#web-page #wb-pro-features .border-\[\#FF4C00\]\/20,#web-page #wb-pro-features .hover\:border-\[\#FF4C00\]\/30:hover{border-color:color-mix(in srgb,var(--acc) 25%,transparent)}
#web-page #wb-pro-features [class*="FF4C00"]{--tw-shadow-color:color-mix(in srgb,var(--acc) 40%,transparent)}

/* تصاویر ویژگی‌های حرفه‌ای: قاب دستگاه + کارت + دایره‌ی هم‌رنگ سایت */
#web-page #wb-pro-features .pf-art{position:absolute;inset:0}
#web-page #wb-pro-features .pf-circle{position:absolute;width:56%;aspect-ratio:1;border-radius:50%;top:0;background:var(--acc);z-index:0}
#web-page #wb-pro-features .pf-dev{position:absolute;z-index:1;top:8%;width:94%;aspect-ratio:3148/2244;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
#web-page #wb-pro-features .pf-dev img{display:block;width:100%;height:100%;object-fit:contain!important;position:static!important}
#web-page #wb-pro-features .pf-pop{position:absolute;z-index:2;bottom:2%;max-width:80%;height:auto;object-fit:contain!important}
#web-page #wb-pro-features .pf-L .pf-dev{left:-5%}
#web-page #wb-pro-features .pf-L .pf-circle{right:2%}
#web-page #wb-pro-features .pf-L .pf-pop{right:3%}
#web-page #wb-pro-features .pf-R .pf-dev{right:-5%}
#web-page #wb-pro-features .pf-R .pf-circle{left:2%}
#web-page #wb-pro-features .pf-R .pf-pop{left:3%}


@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-gradient-position{syntax:"*";inherits:false}
@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-stops{syntax:"*";inherits:false}
@property --tw-gradient-via-stops{syntax:"*";inherits:false}
@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#win-page *,#win-page :before,#win-page :after,#win-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:""}}
#win-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft)}
#win-page *,#win-page :after,#win-page :before,#win-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#win-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#win-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#win-page hr{height:0;color:inherit;border-top-width:1px}
#win-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#win-page h1,#win-page h2,#win-page h3,#win-page h4,#win-page h5,#win-page h6{font-size:inherit;font-weight:inherit}
#win-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#win-page b,#win-page strong{font-weight:bolder}
#win-page code,#win-page kbd,#win-page samp,#win-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#win-page small{font-size:80%}
#win-page sub,#win-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#win-page sub{bottom:-.25em}
#win-page sup{top:-.5em}
#win-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#win-page :-moz-focusring:where(:not(iframe)){outline:auto}
#win-page progress{vertical-align:baseline}
#win-page summary{display:list-item}
#win-page ol,#win-page ul,#win-page menu{list-style:none}
#win-page img,#win-page svg,#win-page video,#win-page canvas,#win-page audio,#win-page iframe,#win-page embed,#win-page object{vertical-align:middle;display:block}
#win-page img,#win-page video{max-width:100%;height:auto}
#win-page button,#win-page input,#win-page select,#win-page optgroup,#win-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#win-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#win-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#win-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#win-page ::file-selector-button{margin-inline-end:4px}
#win-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#win-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#win-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#win-page textarea{resize:vertical}
#win-page ::-webkit-search-decoration{-webkit-appearance:none}
#win-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#win-page ::-webkit-datetime-edit{display:inline-flex}
#win-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#win-page ::-webkit-datetime-edit{padding-block:0}
#win-page ::-webkit-datetime-edit-year-field{padding-block:0}
#win-page ::-webkit-datetime-edit-month-field{padding-block:0}
#win-page ::-webkit-datetime-edit-day-field{padding-block:0}
#win-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#win-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#win-page ::-webkit-datetime-edit-second-field{padding-block:0}
#win-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#win-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#win-page ::-webkit-calendar-picker-indicator{line-height:1}
#win-page :-moz-ui-invalid{box-shadow:none}
#win-page button,#win-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#win-page ::file-selector-button{appearance:button}
#win-page ::-webkit-inner-spin-button{height:auto}
#win-page ::-webkit-outer-spin-button{height:auto}
#win-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#win-page .pointer-events-none{pointer-events:none}
#win-page .visible{visibility:visible}
#win-page .absolute{position:absolute}
#win-page .fixed{position:fixed}
#win-page .relative{position:relative}
#win-page .-inset-0\.5{inset:calc(var(--spacing) * -.5)}
#win-page .inset-0{inset:0}
#win-page .inset-x-0{inset-inline:0}
#win-page .-top-1{top:calc(var(--spacing) * -1)}
#win-page .top-0{top:0}
#win-page .top-2{top:calc(var(--spacing) * 2)}
#win-page .top-3{top:calc(var(--spacing) * 3)}
#win-page .top-6{top:calc(var(--spacing) * 6)}
#win-page .top-full{top:100%}
#win-page .-right-1{right:calc(var(--spacing) * -1)}
#win-page .right-0{right:0}
#win-page .right-1{right:var(--spacing)}
#win-page .right-2{right:calc(var(--spacing) * 2)}
#win-page .right-3{right:calc(var(--spacing) * 3)}
#win-page .right-4{right:calc(var(--spacing) * 4)}
#win-page .bottom-0{bottom:0}
#win-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#win-page .left-0{left:0}
#win-page .left-1\/2{left:50%}
#win-page .left-3{left:calc(var(--spacing) * 3)}
#win-page .-z-10{z-index:calc(10 * -1)}
#win-page .z-0{z-index:0}
#win-page .z-10{z-index:10}
#win-page .z-20{z-index:20}
#win-page .z-30{z-index:30}
#win-page .z-40{z-index:40}
#win-page .z-50{z-index:50}
#win-page .z-1000{z-index:1000}
#win-page .order-1{order:1}
#win-page .order-2{order:2}
#win-page .order-3{order:3}
#win-page .mx-1{margin-inline:var(--spacing)}
#win-page .mx-auto{margin-inline:auto}
#win-page .my-0{margin-block:0}
#win-page .my-2{margin-block:calc(var(--spacing) * 2)}
#win-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#win-page .mt-0{margin-top:0}
#win-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#win-page .mt-1{margin-top:var(--spacing)}
#win-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#win-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#win-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#win-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#win-page .mt-12{margin-top:calc(var(--spacing) * 12)}
#win-page .mt-16{margin-top:calc(var(--spacing) * 16)}
#win-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#win-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#win-page .mb-1{margin-bottom:var(--spacing)}
#win-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#win-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#win-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#win-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#win-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#win-page .mb-16{margin-bottom:calc(var(--spacing) * 16)}
#win-page .mb-20{margin-bottom:calc(var(--spacing) * 20)}
#win-page .block{display:block}
#win-page .flex{display:flex}
#win-page .grid{display:grid}
#win-page .hidden{display:none}
#win-page .inline-block{display:inline-block}
#win-page .inline-flex{display:inline-flex}
#win-page .h-5{height:calc(var(--spacing) * 5)}
#win-page .h-6{height:calc(var(--spacing) * 6)}
#win-page .h-7{height:calc(var(--spacing) * 7)}
#win-page .h-8{height:calc(var(--spacing) * 8)}
#win-page .h-10{height:calc(var(--spacing) * 10)}
#win-page .h-12{height:calc(var(--spacing) * 12)}
#win-page .h-14{height:calc(var(--spacing) * 14)}
#win-page .h-16{height:calc(var(--spacing) * 16)}
#win-page .h-20{height:calc(var(--spacing) * 20)}
#win-page .h-32{height:calc(var(--spacing) * 32)}
#win-page .h-50{height:calc(var(--spacing) * 50)}
#win-page .h-72{height:calc(var(--spacing) * 72)}
#win-page .h-\[50px\]{height:50px}
#win-page .h-\[72px\]{height:72px}
#win-page .h-\[200px\]{height:200px}
#win-page .h-auto{height:auto}
#win-page .h-fit{height:fit-content}
#win-page .h-full{height:100%}
#win-page .max-h-0{max-height:0}
#win-page .max-h-\[280px\]{max-height:280px}
#win-page .max-h-\[600px\]{max-height:600px}
#win-page .min-h-0{min-height:0}
#win-page .min-h-\[44px\]{min-height:44px}
#win-page .min-h-\[300px\]{min-height:300px}
#win-page .w-5{width:calc(var(--spacing) * 5)}
#win-page .w-6{width:calc(var(--spacing) * 6)}
#win-page .w-7{width:calc(var(--spacing) * 7)}
#win-page .w-8{width:calc(var(--spacing) * 8)}
#win-page .w-10{width:calc(var(--spacing) * 10)}
#win-page .w-12{width:calc(var(--spacing) * 12)}
#win-page .w-14{width:calc(var(--spacing) * 14)}
#win-page .w-16{width:calc(var(--spacing) * 16)}
#win-page .w-20{width:calc(var(--spacing) * 20)}
#win-page .w-24{width:calc(var(--spacing) * 24)}
#win-page .w-30{width:calc(var(--spacing) * 30)}
#win-page .w-32{width:calc(var(--spacing) * 32)}
#win-page .w-44{width:calc(var(--spacing) * 44)}
#win-page .w-72{width:calc(var(--spacing) * 72)}
#win-page .w-auto{width:auto}
#win-page .w-fit{width:fit-content}
#win-page .w-full{width:100%}
#win-page .max-w-2xl{max-width:var(--container-2xl)}
#win-page .max-w-4xl{max-width:var(--container-4xl)}
#win-page .max-w-5xl{max-width:var(--container-5xl)}
#win-page .max-w-6xl{max-width:var(--container-6xl)}
#win-page .max-w-full{max-width:100%}
#win-page .min-w-0{min-width:0}
#win-page .min-w-\[120px\]{min-width:120px}
#win-page .min-w-full{min-width:100%}
#win-page .flex-1{flex:1}
#win-page .flex-\[0_0_50\%\]{flex:0 0 50%}
#win-page .flex-\[0_0_100\%\]{flex:0 0 100%}
#win-page .flex-shrink-0,#win-page .shrink-0{flex-shrink:0}
#win-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#win-page .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#win-page .translate-y-\[-52\%\]{--tw-translate-y:-52%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#win-page .rotate-0{rotate:0deg}
#win-page .rotate-90{rotate:90deg}
#win-page .rotate-180{rotate:180deg}
#win-page .transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}
#win-page .cursor-not-allowed{cursor:not-allowed}
#win-page .cursor-pointer{cursor:pointer}
#win-page .snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}
#win-page .snap-mandatory{--tw-scroll-snap-strictness:mandatory}
#win-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#win-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#win-page .flex-col{flex-direction:column}
#win-page .flex-col-reverse{flex-direction:column-reverse}
#win-page .flex-row{flex-direction:row}
#win-page .flex-row-reverse{flex-direction:row-reverse}
#win-page .items-center{align-items:center}
#win-page .items-end{align-items:flex-end}
#win-page .items-start{align-items:flex-start}
#win-page .items-stretch{align-items:stretch}
#win-page .justify-between{justify-content:space-between}
#win-page .justify-center{justify-content:center}
#win-page .justify-end{justify-content:flex-end}
#win-page .justify-start{justify-content:flex-start}
#win-page .justify-items-stretch{justify-items:stretch}
#win-page .gap-1{gap:var(--spacing)}
#win-page .gap-2{gap:calc(var(--spacing) * 2)}
#win-page .gap-3{gap:calc(var(--spacing) * 3)}
#win-page .gap-4{gap:calc(var(--spacing) * 4)}
#win-page .gap-6{gap:calc(var(--spacing) * 6)}
#win-page .gap-8{gap:calc(var(--spacing) * 8)}
#win-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#win-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#win-page :where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#win-page .overflow-hidden{overflow:hidden}
#win-page .overflow-visible{overflow:visible}
#win-page .overflow-x-auto{overflow-x:auto}
#win-page .overflow-x-hidden{overflow-x:hidden}
#win-page .scroll-smooth{scroll-behavior:smooth}
#win-page .rounded-2xl{border-radius:var(--radius-2xl)}
#win-page .rounded-3xl{border-radius:var(--radius-3xl)}
#win-page .rounded-4xl{border-radius:var(--radius-4xl)}
#win-page .rounded-\[50px\]{border-radius:50px}
#win-page .rounded-full{border-radius:2147483647px}
#win-page .rounded-lg{border-radius:var(--radius-lg)}
#win-page .rounded-md{border-radius:var(--radius-md)}
#win-page .rounded-xl{border-radius:var(--radius-xl)}
#win-page .border{border-style:var(--tw-border-style);border-width:1px}
#win-page .border-0{border-style:var(--tw-border-style);border-width:0}
#win-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#win-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#win-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#win-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#win-page .border-b-3{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#win-page .border-none{--tw-border-style:none;border-style:none}
#win-page .border-\[\#E5E7EB\]{border-color:var(--line)}
#win-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#win-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#win-page .border-black{border-color:var(--color-black)}
#win-page .border-gray-200{border-color:var(--color-gray-200)}
#win-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#win-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#win-page .border-green-500{border-color:var(--color-green-500)}
#win-page .border-transparent{border-color:#0000}
#win-page .border-white{border-color:var(--color-white)}
#win-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#win-page .bg-\[\#F0F5F7\]{background-color:var(--bg2)}
#win-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#win-page .bg-\[\#FF4C00\]\/10{background-color:oklab(66.6687% .179651 .134278/.1)}
#win-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#win-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#win-page .bg-accent{background-color:var(--color-accent)}
#win-page .bg-gray-100{background-color:var(--color-gray-100)}
#win-page .bg-primary{background-color:var(--color-primary)}
#win-page .bg-secondary{background-color:var(--color-secondary)}
#win-page .bg-transparent{background-color:#0000}
#win-page .bg-white{background-color:var(--color-white)}
#win-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#win-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#win-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#win-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#win-page .bg-linear-to-br{--tw-gradient-position:to bottom right}
@supports (background-image:linear-gradient(in lab, red, red)){#win-page .bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}
#win-page .bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}
#win-page .bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
#win-page .from-\[\#FF4C00\]{--tw-gradient-from:var(--acc);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#win-page .from-\[\#FF4C00\]\/10{--tw-gradient-from:oklab(66.6687% .179651 .134278/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#win-page .via-orange-300\/5{--tw-gradient-via:#ffb96d0d}
@supports (color:color-mix(in lab, red, red)){#win-page .via-orange-300\/5{--tw-gradient-via:color-mix(in oklab, var(--color-orange-300) 5%, transparent)}}
#win-page .via-orange-300\/5{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
#win-page .to-\[\#FF6B35\]{--tw-gradient-to:color-mix(in srgb,var(--acc) 78%,#fff);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#win-page .to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
#win-page .object-contain{object-fit:contain}
#win-page .object-cover{object-fit:cover}
#win-page .p-0{padding:0}
#win-page .p-1{padding:var(--spacing)}
#win-page .p-2{padding:calc(var(--spacing) * 2)}
#win-page .p-3{padding:calc(var(--spacing) * 3)}
#win-page .p-4{padding:calc(var(--spacing) * 4)}
#win-page .p-5{padding:calc(var(--spacing) * 5)}
#win-page .p-6{padding:calc(var(--spacing) * 6)}
#win-page .p-8{padding:calc(var(--spacing) * 8)}
#win-page .px-1{padding-inline:var(--spacing)}
#win-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#win-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#win-page .px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}
#win-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#win-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#win-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#win-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#win-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#win-page .py-2{padding-block:calc(var(--spacing) * 2)}
#win-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#win-page .py-3{padding-block:calc(var(--spacing) * 3)}
#win-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#win-page .py-4{padding-block:calc(var(--spacing) * 4)}
#win-page .py-6{padding-block:calc(var(--spacing) * 6)}
#win-page .py-8{padding-block:calc(var(--spacing) * 8)}
#win-page .py-10{padding-block:calc(var(--spacing) * 10)}
#win-page .py-12{padding-block:calc(var(--spacing) * 12)}
#win-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#win-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#win-page .pt-15{padding-top:calc(var(--spacing) * 15)}
#win-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#win-page .pt-\[72px\]{padding-top:72px}
#win-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#win-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#win-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#win-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#win-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#win-page .pb-48{padding-bottom:calc(var(--spacing) * 48)}
#win-page .text-center{text-align:center}
#win-page .text-justify{text-align:justify}
#win-page .text-right{text-align:right}
#win-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#win-page .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#win-page .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#win-page .text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}
#win-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#win-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#win-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#win-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#win-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#win-page .text-\[10px\]{font-size:10px}
#win-page .leading-7\.5{--tw-leading:calc(var(--spacing) * 7.5);line-height:calc(var(--spacing) * 7.5)}
#win-page .leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}
#win-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#win-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#win-page .leading-none{--tw-leading:1;line-height:1}
#win-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#win-page .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}
#win-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#win-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#win-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#win-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#win-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#win-page .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
#win-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#win-page .whitespace-nowrap{white-space:nowrap}
#win-page .text-\[\#0A2745\]{color:var(--nv)}
#win-page .text-\[\#595B5C\]{color:#595b5c}
#win-page .text-\[\#FF4C00\]{color:var(--acc)}
#win-page .text-\[\#ffff\]{color:#fff}
#win-page .text-black{color:var(--color-black)}
#win-page .text-gray-300{color:var(--color-gray-300)}
#win-page .text-gray-500{color:var(--color-gray-500)}
#win-page .text-gray-600{color:var(--color-gray-600)}
#win-page .text-green-700{color:var(--color-green-700)}
#win-page .text-red-500{color:var(--color-red-500)}
#win-page .text-secondary{color:var(--color-secondary)}
#win-page .text-white{color:var(--color-white)}
#win-page .text-white\/90{color:#ffffffe6}
@supports (color:color-mix(in lab, red, red)){#win-page .text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}
#win-page .not-italic{font-style:normal}
#win-page .underline{text-decoration-line:underline}
#win-page .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#win-page .accent-white{accent-color:var(--color-white)}
#win-page .opacity-0{opacity:0}
#win-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#win-page .shadow-\[0_0_20px_rgba\(255\,76\,0\,0\.4\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#win-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#win-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#win-page .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#win-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#win-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#win-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#win-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#win-page .blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#win-page .blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#win-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}
#win-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}
#win-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#win-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#win-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#win-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#win-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#win-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#win-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#win-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#win-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#win-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#win-page .duration-500{--tw-duration:.5s;transition-duration:.5s}
#win-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#win-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#win-page .will-change-transform{will-change:transform}
#win-page .select-none{-webkit-user-select:none;user-select:none}
#win-page .\[-webkit-overflow-scrolling\:touch\]{-webkit-overflow-scrolling:touch}
@media (hover:hover){#win-page :is(:where(.group):hover .group-hover\:absolute){position:absolute}
#win-page :is(:where(.group):hover .group-hover\:flex){display:flex}
#win-page :is(:where(.group):hover .group-hover\:-translate-y-1){--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#win-page :is(:where(.group):hover .group-hover\:-translate-y-2){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#win-page :is(:where(.group):hover .group-hover\:-translate-y-full){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#win-page :is(:where(.group):hover .group-hover\:scale-110){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#win-page :is(:where(.group):hover .group-hover\:border-b-2){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#win-page :is(:where(.group):hover .group-hover\:border-b-3){border-bottom-style:var(--tw-border-style);border-bottom-width:3px}
#win-page :is(:where(.group):hover .group-hover\:border-orange-100){border-color:var(--color-orange-100)}
#win-page :is(:where(.group):hover .group-hover\:border-b-\[\#FF4C00\]){border-bottom-color:var(--acc)}
#win-page :is(:where(.group):hover .group-hover\:bg-\[\#0A2745\]){background-color:var(--nv)}
#win-page :is(:where(.group):hover .group-hover\:bg-\[\#FFF6F2\]){background-color:var(--fa-soft)}
#win-page :is(:where(.group):hover .group-hover\:text-\[\#FF4C00\]){color:var(--acc)}
#win-page :is(:where(.group):hover .group-hover\:text-white){color:var(--color-white)}
#win-page :is(:where(.group):hover .group-hover\:opacity-100){opacity:1}
#win-page :is(:where(.group):hover .group-hover\:shadow-md){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#win-page :is(:where(.group):hover .group-hover\:shadow-xl){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#win-page :is(:where(.group):hover .group-hover\:blur-xs){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}
#win-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#win-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#win-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#win-page .after\:right-0:after{content:var(--tw-content);right:0}
#win-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#win-page .after\:left-0:after{content:var(--tw-content);left:0}
#win-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#win-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#win-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#win-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#win-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#win-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#win-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#win-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#win-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#win-page .hover\:-translate-x-1:hover{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#win-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#win-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#win-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#win-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#win-page .hover\:border-\[\#FF4C00\]\/30:hover{border-color:oklab(66.6687% .179651 .134278/.3)}
#win-page .hover\:border-white:hover{border-color:var(--color-white)}
#win-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#win-page .hover\:bg-\[\#081a2e\]:hover{background-color:#1c1712}
#win-page .hover\:bg-\[\#163456\]:hover{background-color:#3a2c1f}
#win-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#win-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#win-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#win-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#win-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:var(--bg2)}
#win-page .hover\:bg-\[\#FFF6F2\]:hover{background-color:var(--fa-soft)}
#win-page .hover\:bg-\[\#e44500\]:hover{background-color:color-mix(in srgb,var(--acc) 86%,#000)}
#win-page .hover\:bg-black\/5:hover{background-color:#0000000d}
@supports (color:color-mix(in lab, red, red)){#win-page .hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}
#win-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#win-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#win-page .hover\:bg-white:hover{background-color:var(--color-white)}
#win-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#win-page .hover\:text-\[\#FF4C00\]:hover,#win-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#win-page .hover\:text-white:hover{color:var(--color-white)}
#win-page .hover\:underline:hover{text-decoration-line:underline}
#win-page .hover\:opacity-80:hover{opacity:.8}
#win-page .hover\:opacity-90:hover{opacity:.9}
#win-page .hover\:shadow-\[0_0_24px_rgba\(10\,39\,69\,0\.2\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#0a274533);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#win-page .hover\:shadow-\[0_0_28px_rgba\(255\,76\,0\,0\.5\)\,0_0_40px_rgba\(10\,39\,69\,0\.3\)\,0_8px_28px_rgba\(10\,39\,69\,0\.35\)\]:hover{--tw-shadow:0 0 28px var(--tw-shadow-color,#ff4c0080), 0 0 40px var(--tw-shadow-color,#0a27454d), 0 8px 28px var(--tw-shadow-color,#0a274559);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#win-page .hover\:shadow-\[0_8px_28px_rgba\(10\,39\,69\,0\.35\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#0a274559);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#win-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#win-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#win-page .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#win-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#win-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#win-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#win-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#win-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#win-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#win-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#win-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#win-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#win-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#win-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#win-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#win-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#win-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#win-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#win-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#win-page .focus-visible\:ring-offset-\[\#0A2745\]:focus-visible{--tw-ring-offset-color:var(--nv)}
#win-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#win-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#win-page .active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#win-page .active\:scale-\[0\.98\]:active{scale:.98}
#win-page .active\:bg-\[\#06141f\]:active{background-color:#1c1712}
#win-page .active\:bg-\[\#CC3D00\]:active{background-color:color-mix(in srgb,var(--acc) 72%,#000)}
#win-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
#win-page .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
#win-page .disabled\:opacity-30:disabled{opacity:.3}
#win-page .disabled\:opacity-50:disabled{opacity:.5}
@media (hover:hover){#win-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#win-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#win-page .disabled\:hover\:shadow-lg:disabled:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (min-width:40rem){#win-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#win-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#win-page .sm\:right-4{right:calc(var(--spacing) * 4)}
#win-page .sm\:bottom-1\/3{bottom:33.3333%}
#win-page .sm\:left-4{left:calc(var(--spacing) * 4)}
#win-page .sm\:order-1{order:1}
#win-page .sm\:order-2{order:2}
#win-page .sm\:mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}
#win-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#win-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#win-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#win-page .sm\:mt-20{margin-top:calc(var(--spacing) * 20)}
#win-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#win-page .sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#win-page .sm\:inline{display:inline}
#win-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#win-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#win-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#win-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#win-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#win-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#win-page .sm\:h-\[60px\]{height:60px}
#win-page .sm\:h-\[100px\]{height:100px}
#win-page .sm\:max-h-\[320px\]{max-height:320px}
#win-page .sm\:min-h-\[400px\]{min-height:400px}
#win-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#win-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#win-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#win-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#win-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#win-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#win-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#win-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#win-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#win-page .sm\:w-auto{width:auto}
#win-page .sm\:min-w-\[120px\]{min-width:120px}
#win-page .sm\:min-w-\[140px\]{min-width:140px}
#win-page .sm\:flex-\[0_0_30\%\]{flex:0 0 30%}
#win-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#win-page .sm\:flex-row{flex-direction:row}
#win-page .sm\:items-center{align-items:center}
#win-page .sm\:items-start{align-items:flex-start}
#win-page .sm\:justify-between{justify-content:space-between}
#win-page .sm\:justify-end{justify-content:flex-end}
#win-page .sm\:justify-start{justify-content:flex-start}
#win-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#win-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#win-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#win-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#win-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#win-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#win-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#win-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#win-page :where(.sm\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#win-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#win-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#win-page .sm\:rounded-\[36px\]{border-radius:36px}
#win-page .sm\:p-3{padding:calc(var(--spacing) * 3)}
#win-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#win-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#win-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#win-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#win-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#win-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#win-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#win-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#win-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#win-page .sm\:py-0{padding-block:0}
#win-page .sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#win-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#win-page .sm\:py-7{padding-block:calc(var(--spacing) * 7)}
#win-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#win-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#win-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#win-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#win-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#win-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#win-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#win-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#win-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#win-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#win-page .sm\:text-\[12px\]{font-size:12px}}
@media (min-width:48rem){#win-page .md\:right-6{right:calc(var(--spacing) * 6)}
#win-page .md\:left-6{left:calc(var(--spacing) * 6)}
#win-page .md\:order-1{order:1}
#win-page .md\:order-2{order:2}
#win-page .md\:my-4{margin-block:calc(var(--spacing) * 4)}
#win-page .md\:mt-0{margin-top:0}
#win-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#win-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#win-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#win-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#win-page .md\:mb-72{margin-bottom:calc(var(--spacing) * 72)}
#win-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#win-page .md\:block{display:block}
#win-page .md\:flex{display:flex}
#win-page .md\:hidden{display:none}
#win-page .md\:inline-block{display:inline-block}
#win-page .md\:h-10{height:calc(var(--spacing) * 10)}
#win-page .md\:h-16{height:calc(var(--spacing) * 16)}
#win-page .md\:h-28{height:calc(var(--spacing) * 28)}
#win-page .md\:h-70{height:calc(var(--spacing) * 70)}
#win-page .md\:h-\[250px\]{height:250px}
#win-page .md\:max-h-none{max-height:none}
#win-page .md\:w-10{width:calc(var(--spacing) * 10)}
#win-page .md\:w-16{width:calc(var(--spacing) * 16)}
#win-page .md\:w-24{width:calc(var(--spacing) * 24)}
#win-page .md\:w-28{width:calc(var(--spacing) * 28)}
#win-page .md\:w-72{width:calc(var(--spacing) * 72)}
#win-page .md\:min-w-\[130px\]{min-width:130px}
#win-page .md\:flex-1{flex:1}
#win-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#win-page .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#win-page .md\:flex-col{flex-direction:column}
#win-page .md\:flex-row{flex-direction:row}
#win-page .md\:flex-row-reverse{flex-direction:row-reverse}
#win-page .md\:items-center{align-items:center}
#win-page .md\:items-stretch{align-items:stretch}
#win-page .md\:justify-center{justify-content:center}
#win-page .md\:justify-start{justify-content:flex-start}
#win-page .md\:gap-0{gap:0}
#win-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#win-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#win-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#win-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#win-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#win-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#win-page .md\:overflow-visible{overflow:visible}
#win-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#win-page .md\:p-4{padding:calc(var(--spacing) * 4)}
#win-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#win-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#win-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#win-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#win-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#win-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#win-page .md\:py-0{padding-block:0}
#win-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#win-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#win-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#win-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#win-page .md\:text-center{text-align:center}
#win-page .md\:text-justify{text-align:justify}
#win-page .md\:text-right{text-align:right}
#win-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#win-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#win-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#win-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#win-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#win-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#win-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#win-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#win-page .md\:text-\[9px\]{font-size:9px}
#win-page .md\:text-\[10px\]{font-size:10px}
#win-page .md\:text-\[14px\]{font-size:14px}
#win-page .md\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}}
@media (min-width:64rem){#win-page .lg\:order-1{order:1}
#win-page .lg\:order-2{order:2}
#win-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#win-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#win-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#win-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#win-page .lg\:mt-32{margin-top:calc(var(--spacing) * 32)}
#win-page .lg\:mb-0{margin-bottom:0}
#win-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#win-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#win-page .lg\:block{display:block}
#win-page .lg\:flex{display:flex}
#win-page .lg\:hidden{display:none}
#win-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#win-page .lg\:h-194{height:calc(var(--spacing) * 194)}
#win-page .lg\:h-\[70px\]{height:70px}
#win-page .lg\:h-\[132px\]{height:132px}
#win-page .lg\:h-\[300px\]{height:300px}
#win-page .lg\:w-1\/2{width:50%}
#win-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#win-page .lg\:w-\[70px\]{width:70px}
#win-page .lg\:w-auto{width:auto}
#win-page .lg\:w-fit{width:fit-content}
#win-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#win-page .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
#win-page .lg\:flex-row{flex-direction:row}
#win-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#win-page .lg\:items-center{align-items:center}
#win-page .lg\:justify-end{justify-content:flex-end}
#win-page .lg\:gap-0{gap:0}
#win-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#win-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#win-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#win-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#win-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#win-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#win-page :where(.lg\:space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}
#win-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#win-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#win-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#win-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#win-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#win-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#win-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#win-page .lg\:py-10{padding-block:calc(var(--spacing) * 10)}
#win-page .lg\:py-20{padding-block:calc(var(--spacing) * 20)}
#win-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#win-page .lg\:pt-\[132px\]{padding-top:132px}
#win-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#win-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#win-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#win-page .lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#win-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#win-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#win-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#win-page .lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#win-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#win-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#win-page .lg\:text-\[10px\]{font-size:10px}
#win-page .lg\:text-\[48px\]{font-size:48px}
#win-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#win-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#win-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#win-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#win-page .xl\:h-122{height:calc(var(--spacing) * 122)}
#win-page .xl\:h-\[142px\]{height:142px}
#win-page .xl\:w-1\/2{width:50%}
#win-page .xl\:w-1\/3{width:33.3333%}
#win-page .xl\:flex-\[0_0_12\%\]{flex:0 0 12%}
#win-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#win-page .xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
#win-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#win-page .xl\:flex-row{flex-direction:row}
#win-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#win-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#win-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#win-page .xl\:gap-32{gap:calc(var(--spacing) * 32)}
#win-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#win-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#win-page .xl\:px-36{padding-inline:calc(var(--spacing) * 36)}
#win-page .xl\:py-16{padding-block:calc(var(--spacing) * 16)}
#win-page .xl\:pt-\[142px\]{padding-top:142px}
#win-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#win-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#win-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#win-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#win-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#win-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#win-page .xl\:text-\[11px\]{font-size:11px}
#win-page .xl\:text-\[14px\]{font-size:14px}
#win-page .xl\:text-\[16px\]{font-size:16px}
#win-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#win-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#win-page .\32 xl\:h-130{height:calc(var(--spacing) * 130)}
#win-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#win-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#win-page .\32 xl\:gap-\[25px\]{gap:25px}
#win-page .\32 xl\:px-12{padding-inline:calc(var(--spacing) * 12)}
#win-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#win-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#win-page .\32 xl\:text-left{text-align:left}
#win-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#win-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#win-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#win-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#win-page .\32 xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#win-page .\32 xl\:text-\[16px\]{font-size:16px}
#win-page .\32 xl\:text-\[20px\]{font-size:20px}
#win-page .\32 xl\:text-\[27px\]{font-size:27px}
#win-page .\32 xl\:text-\[56px\]{font-size:56px}
#win-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-REGULAR.TTF)format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-SEMIBOLD.TTF)format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-BOLD.TTF)format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:YekanBakhFaNum;src:url(/wp-content/uploads/next/fonts/YEKANBAKHFANUM-EXTRABOLD.TTF)format("truetype");font-weight:800;font-display:swap}
#win-page{direction:rtl}
#win-page{color:#33291d;background:#fff;font-family:Vazirmatn,Tahoma,sans-serif}
#win-page .fanum-font,#win-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#win-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#win-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
#win-page .dir-rtl{direction:rtl}
#win-page .hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
#win-page .hide-scrollbar::-webkit-scrollbar{display:none}
#win-page .mb-safe{margin-bottom:env(safe-area-inset-bottom)}
@keyframes ring{0%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-12deg)}20%,40%,60%{transform:rotate(12deg)}70%{transform:rotate(0)}}
#win-page .phone-ring-animation{animation:2s ease-in-out infinite ring}
@keyframes pulse-alarm{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}
#win-page .alarm-animation{animation:1.5s ease-in-out infinite pulse-alarm}
@keyframes brand-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}
#win-page .brand-scroll-animation{animation:30s linear infinite brand-scroll}
#win-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#ff7a3d 0%,var(--acc) 55%,color-mix(in srgb,var(--acc) 86%,#000) 100%)}
#win-page >div>div.relative>div.absolute.inset-0.z-0>div{background:0 0}
@media (min-width:64rem){#win-page #images>div>div{padding-left:2.5rem;padding-right:2.5rem}
#win-page #images h2{margin-bottom:5rem}
#win-page #images [dir=rtl].w-full{flex-direction:row;justify-content:space-between;align-items:center;gap:2.5rem;display:flex}
#win-page #images [role=tablist]{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:43%;margin:0;padding:0;display:grid;overflow:visible}
#win-page #images [role=tablist]>div{margin:0}
#win-page #images [role=tab]{white-space:nowrap;color:var(--acc);width:100%;min-width:0;height:3rem;box-shadow:none;background:#fff;border:2px solid var(--acc);padding-left:.5rem;padding-right:.5rem;font-size:.9rem}
#win-page #images [role=tab][aria-selected=true]{color:#fff;background:var(--acc)}
#win-page #images [role=tab]:hover{background:var(--fa-soft)}
#win-page #images [role=tab][aria-selected=true]:hover{background:var(--acc)}
#win-page #images [dir=rtl].w-full>div.relative{flex:none;width:54%}
#win-page #images .flex-\[0_0_100\%\],#win-page #images .flex-\[0_0_100\%\]>div>div{padding:0}
#win-page #images .flex-\[0_0_100\%\]>div>div>div{background:#fff;border:3px solid var(--nv);border-radius:1rem;min-height:26rem}
#win-page #images img[data-nimg=fill]{object-fit:contain;padding:0}
#win-page #images button[aria-label=آیتم\ بعدی],#win-page #images button[aria-label=آیتم\ قبلی]{display:none}
#win-page #images button[aria-label=بزرگنمایی\ تصویر]{color:var(--nv);background:#fff;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:0 2px 8px #0003}}

/* ===== صفحه «نرم افزار رستورانی ویندوزی» — مسیر #windows-restaurant =====
   طراحی و چیدمان همان صفحه‌ی اصلی تحت وب است؛ چارچوب، حاشیه‌ی راست/چپ سکشن‌ها، فونت Vazirmatn و رنگ‌ها
   مثل صفحه‌ی «اتوماسیون تغذیه» از پالت همین سایت (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند. */
#win-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good);--color-orange-100:var(--fa-soft);--color-orange-300:var(--gold1)}
#win-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #win-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #win-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#win-page[hidden]{display:none}
html.is-win body>section:not(#mp-sec),html.is-win #nl-sec,html.is-win #cta-band,html.is-win .pgx{display:none!important}
#win-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#win-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#win-page .semibold-fanum-font,#win-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#win-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#win-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#win-page a{color:inherit;text-decoration:none}
#win-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#win-page input[type=checkbox]{accent-color:var(--gold1)}
#win-page .bg-white{background-color:var(--sec-alt)}
#win-page .text-black{color:var(--ink)}
#win-page .text-secondary{color:var(--ink)}
#win-page .text-\[\#0A2745\]{color:var(--ink)}
#win-page .border-\[\#0A2745\]{border-color:var(--ink)}
#win-page .bg-primary.text-white,#win-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#win-page .bg-secondary.text-white,#win-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
@media (hover:hover){#win-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#win-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#win-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#win-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#win-page .faq-open svg{transition:transform .2s}
#win-page .no-scrollbar{scrollbar-width:none}
#win-page .no-scrollbar::-webkit-scrollbar{display:none}
#win-page .sol-toast{background:var(--nv);color:#f6ecd6;z-index:4000;text-align:center;border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#win-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#win-page .ab-menu.open{display:block}
#win-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#win-page .ab-menu button:hover,#win-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#win-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#win-page .ab-msg:empty{display:none}
#win-page .ab-msg.err{color:#ffb4aa}
/* هیرو: زمینه‌ی اسپرسو (به‌جای سرمه‌ای)، متن و دکمه‌ها مثل هیروی صفحه‌ی اتوماسیون تغذیه */
#win-page >div>div.relative>div.absolute.inset-0.z-0{background:radial-gradient(1200px 500px at 50% 0,#3a2c1f 0%,#2b2118 60%,#1c1712 100%)}
#win-page >div>div.relative h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#win-page >div>div.relative h1 span{color:var(--gold1,#d6b374)}
#win-page >div>div.relative a[href*="/demo/"]{background:var(--acc)!important;color:var(--on-acc);border-color:transparent}
#win-page >div>div.relative h2{color:#efe4d2;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#win-page >div>div.relative p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#win-page >div>div.relative a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#win-page >div>div.relative a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#win-page >div>div.relative a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* نوار فهرست بخش‌ها: چسبان زیر هدر (مثل صفحه‌ی اتوماسیون تغذیه) */
#win-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#win-page #wn-toc{position:sticky;top:var(--wn-top,0px);z-index:19;transition:box-shadow .25s}
#win-page #wn-toc.wn-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#win-page section[id^="wn-"]{scroll-margin-top:calc(var(--wn-top,0px) + var(--wn-bar,64px) + 10px)}
/* نظرات: فقط یک صفحه نظر در منبع وجود دارد؛ صفحه‌بندی بی‌اثر مخفی شد */
#win-page nav[aria-label="صفحه‌بندی"]{display:none}
/* ===== نمایش بزرگ تصویر مشابه صفحه‌ی اتوماسیون تغذیه: نام تب، فلش قبلی/بعدی، دکمه‌ی بستن ===== */
#win-page #wn-lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#win-page #wn-lightbox.open{display:flex}
#win-page #wn-lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#food-page .no-scrollbar{scrollbar-width:none}
#food-page .no-scrollbar::-webkit-scrollbar{display:none}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .faq-open svg{transition:transform .2s}
#food-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#food-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#food-page #service-menu.open{display:block}
#food-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#food-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#food-page .left-\[35\%\]{
    left: 35%;
  }
#food-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#food-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#food-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#food-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#food-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#food-page .min-h-screen{
    min-height: 100vh;
  }
#food-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#food-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#food-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#food-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#food-page .max-w-xl{
    max-width: var(--container-xl);
  }
#food-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#food-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .flex-wrap{
    flex-wrap: wrap;
  }
#food-page .justify-around{
    justify-content: space-around;
  }
#food-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#food-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#food-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#food-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#food-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#food-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#food-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#food-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#food-page .bg-ab-card{
    background-color: var(--card);
  }
#food-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#food-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#food-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#food-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#food-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#food-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#food-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#food-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#food-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#food-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#food-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#food-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#food-page .text-ab-cream{
    color: #f6ecd6;
  }
#food-page .text-ab-ink{
    color: var(--ink);
  }
#food-page .text-ab-mut{
    color: var(--mut);
  }
#food-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#food-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#food-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#food-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#food-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#food-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#food-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#food-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#food-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#food-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#food-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#food-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#food-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#food-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#food-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#food-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#food-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#food-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#food-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#food-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#food-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#food-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#food-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#food-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#food-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#food-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#food-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#food-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#food-page .lg\:h-\[550px\]{
      height: 550px;
    }
#food-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#food-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#food-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#food-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#food-page .xl\:h-auto{
      height: auto;
    }
#food-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#food-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#food-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#food-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#food-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#food-page .xl\:py-0{
      padding-block: 0px;
    }
#food-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#food-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#food-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#food-page .ab-menu.open{display:block}
#food-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#food-page .ab-menu button:hover,#food-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#food-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#food-page .ab-msg:empty{display:none}
#food-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#food-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#food-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#food-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#food-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#food-page .brand-scroll-animation{--g:5rem}}
#food-page .brand-scroll-animation:hover{animation-play-state:paused}
#food-page .brand-scroll-animation,#food-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#food-page *{transition:none!important}#food-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#food-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#food-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#food-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#food-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#food-page [id^=fa-]{scroll-margin-top:120px}
#food-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#food-page .semibold-fanum-font,#food-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#food-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#food-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#food-page a{color:inherit;text-decoration:none}
#food-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#food-page input[type=checkbox]{accent-color:var(--gold1)}
#food-page .bg-white{background-color:var(--sec-alt)}
#food-page .text-black{color:var(--ink)}
#food-page .text-\[\#0A2745\],#food-page .text-secondary{color:var(--ink)}
#food-page .bg-primary.text-white,#food-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#food-page .bg-secondary.text-white,#food-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#food-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#food-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#food-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .sol-toast{background:var(--nv);color:#f6ecd6}
#food-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#win-page #wn-lightbox img{background:var(--card)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#win-page #wn-lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#win-page #wn-lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#win-page #wn-lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#win-page #wn-lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#win-page #wn-lightbox .lb-x,#win-page #wn-lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#win-page #wn-lightbox .lb-x{top:14px;left:14px}
#win-page #wn-lightbox .lb-nav{top:50%;margin-top:-22px}
#win-page #wn-lightbox .lb-prev{right:14px}
#win-page #wn-lightbox .lb-next{left:14px}
#win-page #wn-lightbox .lb-x:hover,#win-page #wn-lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#win-page #wn-lightbox .lb-x:focus-visible,#win-page #wn-lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #win-page #wn-lightbox{padding:60px 12px 84px}
 #win-page #wn-lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #win-page #wn-lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #win-page #wn-lightbox .lb-prev{right:16px}
 #win-page #wn-lightbox .lb-next{left:16px}
 #win-page #wn-lightbox figcaption{max-width:calc(100vw - 150px)}}
@media (prefers-reduced-motion:reduce){#win-page *{transition:none!important}}

/* حاشیه‌ی راست/چپ یکسان همه‌ی سکشن‌ها مثل صفحه‌ی اتوماسیون تغذیه */
#win-page{--wn-px:clamp(1rem,4vw + .5rem,9rem)}
@media(min-width:96rem){#win-page{--wn-px:clamp(2rem,12vw + 20rem,16rem)}}
#win-page >div>div.relative{border-radius:0 0 48px 48px}
#win-page #wn-packages>div.flex{padding-inline:var(--wn-px)}
#win-page #wn-pro-features article{padding-inline:var(--wn-px)}
#win-page #wn-pro-features article>div{padding-inline:0!important}
#win-page #wn-images .flex-\[0_0_100\%\]{padding:0}
#win-page #wn-images .flex-\[0_0_100\%\] .p-2{padding:0}
#win-page #wn-modules .CONTENT_CLASSES{padding-inline:0!important;margin-inline:0!important;max-width:none!important}
#win-page #wn-modules>div>div{padding-inline:var(--wn-px)}

/* نمایی از محیط کاربری: تصویر در سمت چپ + دکمه‌های دو‌ستونه در سمت راست */
#win-page .wn-gal{display:flex;flex-direction:row;align-items:center;gap:clamp(20px,3vw,48px);width:100%}
#win-page .wn-tabs{flex:0 0 42%;display:grid;grid-template-columns:1fr 1fr;gap:14px}
#win-page .wn-tab{cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:10px 14px;border:2px solid var(--nv);border-radius:999px;background:transparent;color:var(--ink);font-size:clamp(13px,1.05vw,17px);line-height:1.6;transition:background .2s,color .2s,box-shadow .2s}
#win-page .wn-tab:hover{background:color-mix(in srgb,var(--nv) 10%,transparent)}
#win-page .wn-tab[aria-selected=true]{background:var(--nv);color:#f6ecd6;box-shadow:0 8px 22px -10px var(--nv)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #win-page .wn-tab{border-color:var(--line)}:root:not([data-theme="light"]) #win-page .wn-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}}
:root[data-theme="dark"] #win-page .wn-tab{border-color:var(--line)}
:root[data-theme="dark"] #win-page .wn-tab[aria-selected=true]{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold)}
#win-page .wn-stage{position:relative;flex:1 1 0;min-width:0;aspect-ratio:16/9.6;background:transparent;border:0;border-radius:0;overflow:hidden}
#win-page .wn-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:0}
#win-page .wn-zoom{position:absolute;top:10px;right:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;font-size:26px;line-height:1;color:#0A2745;background:#fff;border:1px solid rgba(10,39,69,.18);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;transition:opacity .2s,transform .2s}
#win-page .wn-zoom:hover{opacity:.85;transform:scale(1.06)}
#win-page .wn-zoom:focus-visible{outline:2px solid #d6b374;outline-offset:2px}
@media(max-width:900px){#win-page .wn-gal{flex-direction:column-reverse;align-items:stretch}#win-page .wn-stage{flex:none;width:100%}#win-page .wn-tabs{flex:none}#win-page .wn-tab{min-height:46px;padding:8px 10px}}
#win-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#win-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#win-page .bg-ab-card{
    background-color: var(--card);
  }
#win-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#win-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#win-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#win-page .text-ab-cream{
    color: #f6ecd6;
  }
#win-page .text-ab-ink{
    color: var(--ink);
  }
#win-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#win-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#win-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#win-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#win-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#win-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#win-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#win-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#win-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#win-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#win-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#win-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#win-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#win-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#win-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#win-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#win-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#win-page .bg-ab-card{
    background-color: var(--card);
  }
#win-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#win-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#win-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#win-page .text-ab-cream{
    color: #f6ecd6;
  }
#win-page .text-ab-ink{
    color: var(--ink);
  }
#win-page .text-ab-mut{
    color: var(--mut);
  }
#win-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#win-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#win-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#win-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#win-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#win-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#win-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#win-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#win-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#win-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#win-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#win-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#win-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#win-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#win-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#win-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#win-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#win-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#win-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }

#win-page .bg-ab-gold\/45:focus,#win-page .focus\:bg-ab-gold\/45:focus{background-color:color-mix(in oklab,#d6b374 45%,transparent)}
#win-page .app-actions{gap:14px;flex-wrap:wrap}
#win-page .app-dl{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.5rem;border-radius:999px;background:var(--acc);color:var(--on-acc,#fff);font-size:clamp(13px,1.1vw,18px);transition:transform .25s,box-shadow .25s}
#win-page .app-dl:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--acc)}
#win-page section[aria-label="اعلان نسخه اندروید نرم‌افزار رستوران سول"]{margin-bottom:0}
#win-page section.md\:mb-72{margin-bottom:0!important}
#win-page section.md\:mb-72{margin-top:-44px!important}
@media(min-width:48rem){#win-page section.md\:mb-72{margin-top:-86px!important}}
@media(min-width:80rem){#win-page section.md\:mb-72{margin-top:-194px!important}}
@media(min-width:96rem){#win-page section.md\:mb-72{margin-top:-210px!important}}
/* فاصله‌ی نوار قرمز: هم‌اندازه‌ی اون توی صفحه‌ی اتوماسیون تغذیه (--fa-gap) */
#win-page{--fa-gap:clamp(12px,1.8vw,24px)}
#win-page #wn-toc{margin-top:var(--fa-gap)!important}
#win-page #wn-toc + section{margin-top:var(--fa-gap)!important;padding-top:6rem}
#win-page #wn-toc + section>div>div>h2:first-child{margin-top:0!important}
#win-page #wn-toc>div>.lg\:-mt-32{margin-top:0!important}
#win-page #wn-modules a.group{color:inherit;text-decoration:none}



@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#food-page *,#food-page :before,#food-page :after,#food-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:""}}
#food-page,#food-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft)}
#food-page *,#food-page :after,#food-page :before,#food-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#food-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#food-page,#food-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#food-page hr{height:0;color:inherit;border-top-width:1px}
#food-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#food-page h1,#food-page h2,#food-page h3,#food-page h4,#food-page h5,#food-page h6{font-size:inherit;font-weight:inherit}
#food-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#food-page b,#food-page strong{font-weight:bolder}
#food-page code,#food-page kbd,#food-page samp,#food-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#food-page small{font-size:80%}
#food-page sub,#food-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#food-page sub{bottom:-.25em}
#food-page sup{top:-.5em}
#food-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#food-page :-moz-focusring:where(:not(iframe)){outline:auto}
#food-page progress{vertical-align:baseline}
#food-page summary{display:list-item}
#food-page ol,#food-page ul,#food-page menu{list-style:none}
#food-page img,#food-page svg,#food-page video,#food-page canvas,#food-page audio,#food-page iframe,#food-page embed,#food-page object{vertical-align:middle;display:block}
#food-page img,#food-page video{max-width:100%;height:auto}
#food-page button,#food-page input,#food-page select,#food-page optgroup,#food-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#food-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#food-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#food-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#food-page ::file-selector-button{margin-inline-end:4px}
#food-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#food-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#food-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#food-page textarea{resize:vertical}
#food-page ::-webkit-search-decoration{-webkit-appearance:none}
#food-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#food-page ::-webkit-datetime-edit{display:inline-flex}
#food-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#food-page ::-webkit-datetime-edit{padding-block:0}
#food-page ::-webkit-datetime-edit-year-field{padding-block:0}
#food-page ::-webkit-datetime-edit-month-field{padding-block:0}
#food-page ::-webkit-datetime-edit-day-field{padding-block:0}
#food-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#food-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#food-page ::-webkit-datetime-edit-second-field{padding-block:0}
#food-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#food-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#food-page ::-webkit-calendar-picker-indicator{line-height:1}
#food-page :-moz-ui-invalid{box-shadow:none}
#food-page button,#food-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#food-page ::file-selector-button{appearance:button}
#food-page ::-webkit-inner-spin-button{height:auto}
#food-page ::-webkit-outer-spin-button{height:auto}
#food-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#food-page{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
#food-page{color:var(--nv);background:#fff;font-family:Vazirmatn,Tahoma,Segoe UI,Arial,sans-serif}
#food-page button,#food-page [role=button],#food-page a{-webkit-tap-highlight-color:transparent}
#food-page img{max-width:100%}
#food-page .pointer-events-none{pointer-events:none}
#food-page .absolute{position:absolute}
#food-page .fixed{position:fixed}
#food-page .relative{position:relative}
#food-page .static{position:static}
#food-page .inset-0{inset:0}
#food-page .inset-x-0{inset-inline:0}
#food-page .top-0{top:0}
#food-page .top-2{top:calc(var(--spacing) * 2)}
#food-page .top-3{top:calc(var(--spacing) * 3)}
#food-page .top-6{top:calc(var(--spacing) * 6)}
#food-page .top-full{top:100%}
#food-page .right-0{right:0}
#food-page .right-1{right:var(--spacing)}
#food-page .right-2{right:calc(var(--spacing) * 2)}
#food-page .right-4{right:calc(var(--spacing) * 4)}
#food-page .bottom-0{bottom:0}
#food-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#food-page .left-0{left:0}
#food-page .left-1\/2{left:50%}
#food-page .-z-10{z-index:calc(10 * -1)}
#food-page .z-1{z-index:1}
#food-page .z-2{z-index:2}
#food-page .z-10{z-index:10}
#food-page .z-20{z-index:20}
#food-page .z-40{z-index:40}
#food-page .z-50{z-index:50}
#food-page .z-1000{z-index:1000}
#food-page .order-1{order:1}
#food-page .order-2{order:2}
#food-page .order-3{order:3}
#food-page .m-0{margin:0}
#food-page .mx-1{margin-inline:var(--spacing)}
#food-page .mx-auto{margin-inline:auto}
#food-page .my-2{margin-block:calc(var(--spacing) * 2)}
#food-page .my-24{margin-block:calc(var(--spacing) * 24)}
#food-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#food-page .-mt-20{margin-top:calc(var(--spacing) * -20)}
#food-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#food-page .mt-1{margin-top:var(--spacing)}
#food-page .mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}
#food-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#food-page .mt-3{margin-top:calc(var(--spacing) * 3)}
#food-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#food-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#food-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#food-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#food-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#food-page .mt-60{margin-top:calc(var(--spacing) * 60)}
#food-page .mb-1{margin-bottom:var(--spacing)}
#food-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#food-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#food-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#food-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#food-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#food-page .mb-24{margin-bottom:calc(var(--spacing) * 24)}
#food-page .mb-36{margin-bottom:calc(var(--spacing) * 36)}
#food-page .mb-safe{margin-bottom:env(safe-area-inset-bottom,0px)}
#food-page .block{display:block}
#food-page .flex{display:flex}
#food-page .grid{display:grid}
#food-page .hidden{display:none}
#food-page .inline{display:inline}
#food-page .inline-block{display:inline-block}
#food-page .inline-flex{display:inline-flex}
#food-page .h-1\.5{height:calc(var(--spacing) * 1.5)}
#food-page .h-2\.5{height:calc(var(--spacing) * 2.5)}
#food-page .h-5{height:calc(var(--spacing) * 5)}
#food-page .h-6{height:calc(var(--spacing) * 6)}
#food-page .h-8{height:calc(var(--spacing) * 8)}
#food-page .h-10{height:calc(var(--spacing) * 10)}
#food-page .h-12{height:calc(var(--spacing) * 12)}
#food-page .h-16{height:calc(var(--spacing) * 16)}
#food-page .h-20{height:calc(var(--spacing) * 20)}
#food-page .h-72{height:calc(var(--spacing) * 72)}
#food-page .h-\[50px\]{height:50px}
#food-page .h-\[72px\]{height:72px}
#food-page .h-\[155\.95px\]{height:155.95px}
#food-page .h-\[180px\]{height:180px}
#food-page .h-\[200px\]{height:200px}
#food-page .h-auto{height:auto}
#food-page .h-full{height:100%}
#food-page .max-h-0{max-height:0}
#food-page .max-h-\[280px\]{max-height:280px}
#food-page .min-h-0{min-height:0}
#food-page .min-h-\[44px\]{min-height:44px}
#food-page .min-h-\[260px\]{min-height:260px}
#food-page .min-h-\[300px\]{min-height:300px}
#food-page .min-h-\[320px\]{min-height:320px}
#food-page .min-h-\[323px\]{min-height:323px}
#food-page .min-h-\[360px\]{min-height:360px}
#food-page .w-1\.5{width:calc(var(--spacing) * 1.5)}
#food-page .w-2\.5{width:calc(var(--spacing) * 2.5)}
#food-page .w-5{width:calc(var(--spacing) * 5)}
#food-page .w-6{width:calc(var(--spacing) * 6)}
#food-page .w-8{width:calc(var(--spacing) * 8)}
#food-page .w-10{width:calc(var(--spacing) * 10)}
#food-page .w-12{width:calc(var(--spacing) * 12)}
#food-page .w-16{width:calc(var(--spacing) * 16)}
#food-page .w-20{width:calc(var(--spacing) * 20)}
#food-page .w-24{width:calc(var(--spacing) * 24)}
#food-page .w-30{width:calc(var(--spacing) * 30)}
#food-page .w-44{width:calc(var(--spacing) * 44)}
#food-page .w-72{width:calc(var(--spacing) * 72)}
#food-page .w-\[155\.95px\]{width:155.95px}
#food-page .w-\[181px\]{width:181px}
#food-page .w-auto{width:auto}
#food-page .w-fit{width:fit-content}
#food-page .w-full{width:100%}
#food-page .max-w-2xl{max-width:var(--container-2xl)}
#food-page .max-w-3xl{max-width:var(--container-3xl)}
#food-page .max-w-4xl{max-width:var(--container-4xl)}
#food-page .max-w-full{max-width:100%}
#food-page .min-w-0{min-width:0}
#food-page .min-w-full{min-width:100%}
#food-page .flex-1{flex:1}
#food-page .flex-shrink-0,#food-page .shrink-0{flex-shrink:0}
#food-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#food-page .-translate-y-\[16px\]{--tw-translate-y:calc(16px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#food-page .rotate-0{rotate:0deg}
#food-page .rotate-180{rotate:180deg}
#food-page .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
#food-page .cursor-not-allowed{cursor:not-allowed}
#food-page .cursor-pointer{cursor:pointer}
#food-page .resize{resize:both}
#food-page .list-none{list-style-type:none}
#food-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#food-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#food-page .flex-col{flex-direction:column}
#food-page .flex-col-reverse{flex-direction:column-reverse}
#food-page .flex-row{flex-direction:row}
#food-page .flex-row-reverse{flex-direction:row-reverse}
#food-page .flex-nowrap{flex-wrap:nowrap}
#food-page .items-center{align-items:center}
#food-page .items-end{align-items:flex-end}
#food-page .items-start{align-items:flex-start}
#food-page .items-stretch{align-items:stretch}
#food-page .justify-between{justify-content:space-between}
#food-page .justify-center{justify-content:center}
#food-page .justify-end{justify-content:flex-end}
#food-page .justify-start{justify-content:flex-start}
#food-page .justify-items-center{justify-items:center}
#food-page .justify-items-stretch{justify-items:stretch}
#food-page .gap-1{gap:var(--spacing)}
#food-page .gap-2{gap:calc(var(--spacing) * 2)}
#food-page .gap-3{gap:calc(var(--spacing) * 3)}
#food-page .gap-4{gap:calc(var(--spacing) * 4)}
#food-page .gap-6{gap:calc(var(--spacing) * 6)}
#food-page .gap-8{gap:calc(var(--spacing) * 8)}
#food-page .gap-10{gap:calc(var(--spacing) * 10)}
#food-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#food-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#food-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#food-page .gap-x-6{column-gap:calc(var(--spacing) * 6)}
#food-page .gap-x-10{column-gap:calc(var(--spacing) * 10)}
#food-page .gap-y-4{row-gap:calc(var(--spacing) * 4)}
#food-page .gap-y-24{row-gap:calc(var(--spacing) * 24)}
#food-page .overflow-hidden{overflow:hidden}
#food-page .overflow-visible{overflow:visible}
#food-page .overflow-x-auto{overflow-x:auto}
#food-page .overflow-x-hidden{overflow-x:hidden}
#food-page .overflow-y-hidden{overflow-y:hidden}
#food-page .scroll-smooth{scroll-behavior:smooth}
#food-page .rounded-2xl{border-radius:var(--radius-2xl)}
#food-page .rounded-3xl{border-radius:var(--radius-3xl)}
#food-page .rounded-4xl{border-radius:var(--radius-4xl)}
#food-page .rounded-\[20px\]{border-radius:20px}
#food-page .rounded-\[32px\]{border-radius:32px}
#food-page .rounded-\[50px\]{border-radius:50px}
#food-page .rounded-full{border-radius:3.40282e38px}
#food-page .rounded-lg{border-radius:var(--radius-lg)}
#food-page .rounded-md{border-radius:var(--radius-md)}
#food-page .rounded-xl{border-radius:var(--radius-xl)}
#food-page .rounded-b-\[48px\]{border-bottom-right-radius:48px;border-bottom-left-radius:48px}
#food-page .border-0{border-style:var(--tw-border-style);border-width:0}
#food-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#food-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#food-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#food-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#food-page .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}
#food-page .border-none{--tw-border-style:none;border-style:none}
#food-page .border-\[\#C0C0C0\]{border-color:silver}
#food-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#food-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#food-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#food-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#food-page .border-green-500{border-color:var(--color-green-500)}
#food-page .border-transparent{border-color:#0000}
#food-page .border-white{border-color:var(--color-white)}
#food-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#food-page .bg-\[\#D9DEE2\]{background-color:var(--line)}
#food-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#food-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#food-page .bg-\[\#FFF3EA\]{background-color:var(--fa-soft)}
#food-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#food-page .bg-accent{background-color:var(--color-accent)}
#food-page .bg-black\/40{background-color:#0006}
@supports (color:color-mix(in lab, red, red)){#food-page .bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}
#food-page .bg-gray-100{background-color:var(--color-gray-100)}
#food-page .bg-primary{background-color:var(--color-primary)}
#food-page .bg-secondary{background-color:var(--color-secondary)}
#food-page .bg-transparent{background-color:#0000}
#food-page .bg-white{background-color:var(--color-white)}
#food-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#food-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#food-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#food-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#food-page .object-contain{object-fit:contain}
#food-page .object-cover{object-fit:cover}
#food-page .p-0{padding:0}
#food-page .p-1{padding:var(--spacing)}
#food-page .p-2{padding:calc(var(--spacing) * 2)}
#food-page .p-3{padding:calc(var(--spacing) * 3)}
#food-page .p-4{padding:calc(var(--spacing) * 4)}
#food-page .p-5{padding:calc(var(--spacing) * 5)}
#food-page .p-6{padding:calc(var(--spacing) * 6)}
#food-page .p-7{padding:calc(var(--spacing) * 7)}
#food-page .p-8{padding:calc(var(--spacing) * 8)}
#food-page .px-0{padding-inline:0}
#food-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#food-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#food-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#food-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#food-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#food-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#food-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#food-page .py-2{padding-block:calc(var(--spacing) * 2)}
#food-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#food-page .py-3{padding-block:calc(var(--spacing) * 3)}
#food-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#food-page .py-4{padding-block:calc(var(--spacing) * 4)}
#food-page .py-8{padding-block:calc(var(--spacing) * 8)}
#food-page .py-10{padding-block:calc(var(--spacing) * 10)}
#food-page .py-16{padding-block:calc(var(--spacing) * 16)}
#food-page .py-24{padding-block:calc(var(--spacing) * 24)}
#food-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#food-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#food-page .pt-8{padding-top:calc(var(--spacing) * 8)}
#food-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#food-page .pt-\[72px\]{padding-top:72px}
#food-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#food-page .pr-12{padding-right:calc(var(--spacing) * 12)}
#food-page .pb-0{padding-bottom:0}
#food-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#food-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#food-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#food-page .pb-14{padding-bottom:calc(var(--spacing) * 14)}
#food-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#food-page .text-center{text-align:center}
#food-page .text-justify{text-align:justify}
#food-page .text-right{text-align:right}
#food-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#food-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#food-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#food-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#food-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#food-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#food-page .text-\[10px\]{font-size:10px}
#food-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#food-page .leading-\[32px\]{--tw-leading:32px;line-height:32px}
#food-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#food-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#food-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#food-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#food-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#food-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#food-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#food-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#food-page .whitespace-nowrap{white-space:nowrap}
#food-page .text-\[\#0A2745\]{color:var(--nv)}
#food-page .text-\[\#595B5C\]{color:#595b5c}
#food-page .text-\[\#FF4C00\]{color:var(--acc)}
#food-page .text-\[\#ffff\]{color:#fff}
#food-page .text-black{color:var(--color-black)}
#food-page .text-gray-300{color:var(--color-gray-300)}
#food-page .text-gray-500{color:var(--color-gray-500)}
#food-page .text-gray-600{color:var(--color-gray-600)}
#food-page .text-green-700{color:var(--color-green-700)}
#food-page .text-red-500{color:var(--color-red-500)}
#food-page .text-secondary{color:var(--color-secondary)}
#food-page .text-white{color:var(--color-white)}
#food-page .not-italic{font-style:normal}
#food-page .underline{text-decoration-line:underline}
#food-page .accent-white{accent-color:var(--color-white)}
#food-page .opacity-0{opacity:0}
#food-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-page .shadow-\[0_2px_8px_rgba\(255\,76\,0\,0\.25\)\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-page .shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#food-page .outline{outline-style:var(--tw-outline-style);outline-width:1px}
#food-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
#food-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}
#food-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#food-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#food-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#food-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#food-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#food-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#food-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#food-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#food-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#food-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#food-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#food-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#food-page .will-change-transform{will-change:transform}
#food-page .select-none{-webkit-user-select:none;user-select:none}
#food-page .backface-visibility-hidden{backface-visibility:hidden}
@media (hover:hover){#food-page .group-hover\:absolute:is(:where(.group):hover *){position:absolute}
#food-page .group-hover\:flex:is(:where(.group):hover *){display:flex}
#food-page .group-hover\:-translate-y-2:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#food-page .group-hover\:-translate-y-full:is(:where(.group):hover *){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#food-page .group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#food-page .group-hover\:border-b-2:is(:where(.group):hover *){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#food-page .group-hover\:bg-\[\#0A2745\]:is(:where(.group):hover *){background-color:var(--nv)}
#food-page .group-hover\:bg-\[\#FFF6F2\]:is(:where(.group):hover *){background-color:var(--fa-soft)}
#food-page .group-hover\:text-\[\#FF4C00\]:is(:where(.group):hover *){color:var(--acc)}
#food-page .group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}
#food-page .group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}
#food-page .group-hover\:shadow-xl:is(:where(.group):hover *){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-page .group-hover\:blur-xs:is(:where(.group):hover *){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}
#food-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#food-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#food-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#food-page .after\:right-0:after{content:var(--tw-content);right:0}
#food-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#food-page .after\:left-0:after{content:var(--tw-content);left:0}
#food-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#food-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#food-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#food-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#food-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#food-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#food-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#food-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#food-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#food-page .hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}
#food-page .hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#food-page .hover\:scale-102:hover{--tw-scale-x:102%;--tw-scale-y:102%;--tw-scale-z:102%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#food-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#food-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#food-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#food-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#food-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#food-page .hover\:bg-\[\#0A2745\]\/10:hover{background-color:oklab(26.9107% -.0200244 -.0625058/.1)}
#food-page .hover\:bg-\[\#081a2e\]:hover{background-color:#081a2e}
#food-page .hover\:bg-\[\#163456\]:hover{background-color:color-mix(in srgb,var(--nv) 86%,#fff)}
#food-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 82%,#000)}
#food-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#food-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#food-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#food-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:color-mix(in srgb,var(--acc) 12%,var(--card))}
#food-page .hover\:bg-\[\#e44500\]:hover{background-color:#e44500}
#food-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#food-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#food-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#food-page .hover\:text-\[\#FF4C00\]:hover,#food-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#food-page .hover\:text-white:hover{color:var(--color-white)}
#food-page .hover\:underline:hover{text-decoration-line:underline}
#food-page .hover\:opacity-80:hover{opacity:.8}
#food-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-page .hover\:shadow-\[0_6px_20px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 6px 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-page .hover\:shadow-\[0_10px_24px_rgba\(10\,39\,69\,0\.14\)\]:hover{--tw-shadow:0 10px 24px var(--tw-shadow-color,#0a274524);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#food-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#food-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#food-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#food-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#food-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#food-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#food-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#food-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#food-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#food-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#food-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#food-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#food-page .focus-visible\:ring-\[\#FF4C00\]\/50:focus-visible{--tw-ring-color:oklab(66.6687% .179651 .134278/.5)}
#food-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#food-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#food-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#food-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#food-page .active\:translate-y-0:active{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#food-page .active\:scale-\[0\.98\]:active{scale:.98}
#food-page .active\:bg-\[\#06141f\]:active{background-color:#06141f}
#food-page .active\:bg-\[\#CC3D00\]:active{background-color:#cc3d00}
#food-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
@media (min-width:40rem){#food-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#food-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#food-page .sm\:bottom-1\/3{bottom:33.3333%}
#food-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#food-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#food-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#food-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#food-page .sm\:mb-17{margin-bottom:calc(var(--spacing) * 17)}
#food-page .sm\:mb-24{margin-bottom:calc(var(--spacing) * 24)}
#food-page .sm\:mb-34{margin-bottom:calc(var(--spacing) * 34)}
#food-page .sm\:inline{display:inline}
#food-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#food-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#food-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#food-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#food-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#food-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#food-page .sm\:h-\[60px\]{height:60px}
#food-page .sm\:h-\[100px\]{height:100px}
#food-page .sm\:max-h-\[320px\]{max-height:320px}
#food-page .sm\:min-h-\[360px\]{min-height:360px}
#food-page .sm\:min-h-\[400px\]{min-height:400px}
#food-page .sm\:min-h-\[580px\]{min-height:580px}
#food-page .sm\:min-h-\[600px\]{min-height:600px}
#food-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#food-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#food-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#food-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#food-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#food-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#food-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#food-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#food-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#food-page .sm\:min-w-\[120px\]{min-width:120px}
#food-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#food-page .sm\:flex-row{flex-direction:row}
#food-page .sm\:items-center{align-items:center}
#food-page .sm\:items-start{align-items:flex-start}
#food-page .sm\:justify-end{justify-content:flex-end}
#food-page .sm\:justify-start{justify-content:flex-start}
#food-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#food-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#food-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#food-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#food-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#food-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#food-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#food-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#food-page :where(.sm\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#food-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#food-page .sm\:gap-x-10{column-gap:calc(var(--spacing) * 10)}
#food-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#food-page .sm\:rounded-4xl{border-radius:var(--radius-4xl)}
#food-page .sm\:rounded-\[36px\]{border-radius:36px}
#food-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#food-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#food-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#food-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#food-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#food-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#food-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#food-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#food-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#food-page .sm\:py-0{padding-block:0}
#food-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#food-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#food-page .sm\:py-30{padding-block:calc(var(--spacing) * 30)}
#food-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#food-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#food-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#food-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#food-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#food-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#food-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#food-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#food-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#food-page .sm\:text-\[12px\]{font-size:12px}
#food-page .sm\:text-\[19px\]{font-size:19px}}
@media (min-width:48rem){#food-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#food-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#food-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#food-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#food-page .md\:mt-70{margin-top:calc(var(--spacing) * 70)}
#food-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#food-page .md\:block{display:block}
#food-page .md\:flex{display:flex}
#food-page .md\:hidden{display:none}
#food-page .md\:inline-block{display:inline-block}
#food-page .md\:h-10{height:calc(var(--spacing) * 10)}
#food-page .md\:h-28{height:calc(var(--spacing) * 28)}
#food-page .md\:h-\[250px\]{height:250px}
#food-page .md\:max-h-none{max-height:none}
#food-page .md\:w-10{width:calc(var(--spacing) * 10)}
#food-page .md\:w-24{width:calc(var(--spacing) * 24)}
#food-page .md\:w-28{width:calc(var(--spacing) * 28)}
#food-page .md\:w-72{width:calc(var(--spacing) * 72)}
#food-page .md\:min-w-\[130px\]{min-width:130px}
#food-page .md\:flex-1{flex:1}
#food-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#food-page .md\:flex-col{flex-direction:column}
#food-page .md\:flex-row{flex-direction:row}
#food-page .md\:flex-row-reverse{flex-direction:row-reverse}
#food-page .md\:items-center{align-items:center}
#food-page .md\:gap-0{gap:0}
#food-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#food-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#food-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#food-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#food-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#food-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#food-page .md\:overflow-visible{overflow:visible}
#food-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#food-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#food-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#food-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#food-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#food-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#food-page .md\:px-8{padding-inline:calc(var(--spacing) * 8)}
#food-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#food-page .md\:py-0{padding-block:0}
#food-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#food-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#food-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#food-page .md\:py-6{padding-block:calc(var(--spacing) * 6)}
#food-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#food-page .md\:text-justify{text-align:justify}
#food-page .md\:text-right{text-align:right}
#food-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#food-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#food-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#food-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#food-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#food-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#food-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#food-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#food-page .md\:text-\[9px\]{font-size:9px}
#food-page .md\:text-\[10px\]{font-size:10px}
#food-page .md\:text-\[14px\]{font-size:14px}}
@media (min-width:64rem){#food-page .lg\:order-1{order:1}
#food-page .lg\:order-2{order:2}
#food-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#food-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#food-page .lg\:mt-8{margin-top:calc(var(--spacing) * 8)}
#food-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#food-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#food-page .lg\:mb-0{margin-bottom:0}
#food-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#food-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#food-page .lg\:block{display:block}
#food-page .lg\:flex{display:flex}
#food-page .lg\:hidden{display:none}
#food-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#food-page .lg\:h-\[70px\]{height:70px}
#food-page .lg\:h-\[132px\]{height:132px}
#food-page .lg\:h-\[300px\]{height:300px}
#food-page .lg\:min-h-\[500px\]{min-height:500px}
#food-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#food-page .lg\:w-\[40\%\]{width:40%}
#food-page .lg\:w-\[45\%\]{width:45%}
#food-page .lg\:w-\[55\%\]{width:55%}
#food-page .lg\:w-\[58\%\]{width:58%}
#food-page .lg\:w-\[70px\]{width:70px}
#food-page .lg\:w-auto{width:auto}
#food-page .lg\:w-fit{width:fit-content}
#food-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#food-page .lg\:flex-row{flex-direction:row}
#food-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#food-page .lg\:items-center{align-items:center}
#food-page .lg\:justify-end{justify-content:flex-end}
#food-page .lg\:gap-0{gap:0}
#food-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#food-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#food-page .lg\:gap-8{gap:calc(var(--spacing) * 8)}
#food-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#food-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#food-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#food-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#food-page .lg\:gap-y-6{row-gap:calc(var(--spacing) * 6)}
#food-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#food-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#food-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#food-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#food-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#food-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#food-page .lg\:px-21{padding-inline:calc(var(--spacing) * 21)}
#food-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#food-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#food-page .lg\:pt-\[132px\]{padding-top:132px}
#food-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#food-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#food-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#food-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#food-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#food-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#food-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#food-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#food-page .lg\:text-\[10px\]{font-size:10px}
#food-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#food-page .lg\:leading-\[56px\]{--tw-leading:56px;line-height:56px}
#food-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#food-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#food-page .xl\:mt-60{margin-top:calc(var(--spacing) * 60)}
#food-page .xl\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#food-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#food-page .xl\:flex{display:flex}
#food-page .xl\:hidden{display:none}
#food-page .xl\:h-\[142px\]{height:142px}
#food-page .xl\:w-1\/2{width:50%}
#food-page .xl\:w-1\/3{width:33.3333%}
#food-page .xl\:w-\[32\%\]{width:32%}
#food-page .xl\:w-\[60\%\]{width:60%}
#food-page .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#food-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#food-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#food-page .xl\:flex-row{flex-direction:row}
#food-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#food-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#food-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#food-page .xl\:gap-y-1{row-gap:var(--spacing)}
#food-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#food-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#food-page .xl\:pt-\[142px\]{padding-top:142px}
#food-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#food-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#food-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#food-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#food-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#food-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#food-page .xl\:text-\[11px\]{font-size:11px}
#food-page .xl\:text-\[14px\]{font-size:14px}
#food-page .xl\:text-\[36px\]{font-size:36px}
#food-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#food-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#food-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#food-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#food-page .\32 xl\:gap-\[25px\]{gap:25px}
#food-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#food-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#food-page .\32 xl\:text-left{text-align:left}
#food-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#food-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#food-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#food-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#food-page .\32 xl\:text-\[16px\]{font-size:16px}
#food-page .\32 xl\:text-\[27px\]{font-size:27px}
#food-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
#food-page .fanum-font,#food-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#food-page .semibold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:600}
#food-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#food-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
@keyframes fa-alarmPulse{0%,to{transform:scale(1)rotate(0)}15%{transform:scale(1.1)rotate(-12deg)}30%{transform:scale(1.1)rotate(12deg)}45%{transform:scale(1.1)rotate(-8deg)}60%{transform:scale(1.05)rotate(6deg)}75%{transform:scale(1)rotate(0)}}
#food-page .alarm-animation{transform-origin:50% 10%;animation:2.4s ease-in-out infinite fa-alarmPulse}
@keyframes fa-brandScroll{0%{transform:translate(0)}to{transform:translateX(calc(-50% - var(--hg,0px)))}}
#food-page .brand-scroll-animation{width:max-content;animation:45s linear infinite fa-brandScroll}
#food-page .brand-scroll-animation:hover{animation-play-state:paused}
#food-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#food-page .sol-dd{z-index:60;opacity:0;visibility:hidden;background:#fff;border-radius:16px;min-width:220px;padding:8px;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(8px);box-shadow:0 12px 32px #0a27452e}
#food-page .sol-dd.open{opacity:1;visibility:visible;transform:none}
#food-page .sol-dd a{color:var(--nv);white-space:nowrap;border-radius:10px;padding:10px 14px;font-size:14px;display:block}
#food-page .sol-dd a:hover{color:var(--acc);background:var(--fa-soft)}
#food-page .sol-dd-top{top:calc(100% + 4px)}
#food-page #mobile-drawer{z-index:2000;visibility:hidden;position:fixed;inset:0}
#food-page #mobile-drawer.open{visibility:visible}
#food-page #mobile-drawer .bg{opacity:0;background:#00000073;transition:opacity .25s;position:absolute;inset:0}
#food-page #mobile-drawer.open .bg{opacity:1}
#food-page #mobile-drawer .panel{background:#fff;width:min(86vw,340px);padding:20px;transition:transform .28s;position:absolute;top:0;bottom:0;right:0;overflow:auto;transform:translate(100%)}
#food-page #mobile-drawer.open .panel{transform:none}
#food-page #mobile-drawer .panel a,#food-page #mobile-drawer .panel summary{color:var(--nv);cursor:pointer;border-bottom:1px solid #f1e6e0;padding:12px 8px;font-weight:700;display:block}
#food-page #mobile-drawer .panel details a{padding-right:20px;font-weight:400}
#food-page #search-box{visibility:hidden;z-index:2100;background:#fff;padding:16px;transition:transform .25s;position:fixed;top:0;left:0;right:0;transform:translateY(-110%);box-shadow:0 8px 24px #00000026}
#food-page #search-box.open{visibility:visible;transform:none}
#food-page #lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#food-page #lightbox.open{display:flex}
#food-page #lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#food-page .no-scrollbar{scrollbar-width:none}
#food-page .no-scrollbar::-webkit-scrollbar{display:none}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .faq-open svg{transition:transform .2s}
#food-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#food-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#food-page #service-menu.open{display:block}
#food-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#food-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#food-page .left-\[35\%\]{
    left: 35%;
  }
#food-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#food-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#food-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#food-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#food-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#food-page .min-h-screen{
    min-height: 100vh;
  }
#food-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#food-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#food-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#food-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#food-page .max-w-xl{
    max-width: var(--container-xl);
  }
#food-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#food-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#food-page .flex-wrap{
    flex-wrap: wrap;
  }
#food-page .justify-around{
    justify-content: space-around;
  }
#food-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#food-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#food-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#food-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#food-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#food-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#food-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#food-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#food-page .bg-ab-card{
    background-color: var(--card);
  }
#food-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#food-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#food-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#food-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#food-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#food-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#food-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#food-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#food-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#food-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#food-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#food-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#food-page .text-ab-cream{
    color: #f6ecd6;
  }
#food-page .text-ab-ink{
    color: var(--ink);
  }
#food-page .text-ab-mut{
    color: var(--mut);
  }
#food-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#food-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#food-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#food-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#food-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#food-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#food-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#food-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#food-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#food-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#food-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#food-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#food-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#food-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#food-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#food-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#food-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#food-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#food-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#food-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#food-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#food-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#food-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#food-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#food-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#food-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#food-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#food-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#food-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#food-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#food-page .lg\:h-\[550px\]{
      height: 550px;
    }
#food-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#food-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#food-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#food-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#food-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#food-page .xl\:h-auto{
      height: auto;
    }
#food-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#food-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#food-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#food-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#food-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#food-page .xl\:py-0{
      padding-block: 0px;
    }
#food-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#food-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#food-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#food-page .ab-menu.open{display:block}
#food-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#food-page .ab-menu button:hover,#food-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#food-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#food-page .ab-msg:empty{display:none}
#food-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#food-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#food-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#food-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#food-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#food-page .brand-scroll-animation{--g:5rem}}
#food-page .brand-scroll-animation:hover{animation-play-state:paused}
#food-page .brand-scroll-animation,#food-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#food-page *{transition:none!important}#food-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#food-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#food-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #food-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#food-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#food-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#food-page [id^=fa-]{scroll-margin-top:120px}
#food-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#food-page .semibold-fanum-font,#food-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#food-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#food-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#food-page a{color:inherit;text-decoration:none}
#food-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#food-page input[type=checkbox]{accent-color:var(--gold1)}
#food-page .bg-white{background-color:var(--sec-alt)}
#food-page .text-black{color:var(--ink)}
#food-page .text-\[\#0A2745\],#food-page .text-secondary{color:var(--ink)}
#food-page .bg-primary.text-white,#food-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#food-page .bg-secondary.text-white,#food-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#food-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#food-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#food-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#food-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#food-page .sol-toast{background:var(--nv);color:#f6ecd6}
#food-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#food-page #service-menu li:hover,#food-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#food-page #lightbox img{background:var(--card)}
/* ===== هیرو: متن و دکمه‌ها همیشه روی زمینه‌ی تیره‌ی اسپرسو (حتی اگر ویدیو لود نشود یا روشن باشد) ===== */
#food-page #food-hero{background:#2b2118}
#food-page #food-hero>div[aria-hidden="true"]{background:linear-gradient(to top,rgba(28,23,18,.62) 0%,rgba(28,23,18,0) 60%),linear-gradient(to left,rgba(28,23,18,.9) 0%,rgba(28,23,18,.74) 55%,rgba(28,23,18,.56) 100%)}
#food-page #food-hero h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#food-page #food-hero h2,#food-page #food-hero h1 .hero-sub{color:var(--gold1,#d6b374);text-shadow:0 2px 14px rgba(0,0,0,.35)}
/* FAQ: عنوان h2 قبل از سوال‌ها در DOM است؛ چیدمان بصری مثل قبل */
#food-page #fa-faq .fq-row{flex-direction:column}
@media (min-width:80rem){#food-page #fa-faq .fq-row{flex-direction:row-reverse}}
#food-page #food-hero p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#food-page #food-hero a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#food-page #food-hero a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#food-page #food-hero a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#food-page #lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#food-page #lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#food-page #lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#food-page #lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#food-page #lightbox .lb-x,#food-page #lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#food-page #lightbox .lb-x{top:14px;left:14px}
#food-page #lightbox .lb-nav{top:50%;margin-top:-22px}
#food-page #lightbox .lb-prev{right:14px}
#food-page #lightbox .lb-next{left:14px}
#food-page #lightbox .lb-x:hover,#food-page #lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#food-page #lightbox .lb-x:focus-visible,#food-page #lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #food-page #lightbox{padding:60px 12px 84px}
 #food-page #lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #food-page #lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #food-page #lightbox .lb-prev{right:16px}
 #food-page #lightbox .lb-next{left:16px}
 #food-page #lightbox figcaption{max-width:calc(100vw - 150px)}
}
#food-page input::placeholder,#food-page textarea::placeholder{opacity:1}


/* متن مقاله‌ی انتهای صفحه «اتوماسیون تغذیه»: از Word با فونت Calibri و اندازه pt وارد شده بود؛
   اینجا هم‌فونت و هم‌اندازه با بقیه‌ی سکشن‌ها (Vazirmatn، رنگ سرمه‌ای) می‌شود. فاصله‌ها دست‌نخورده‌اند. */
#food-page .about-sol-html{color:var(--nv,#0A2745);font-size:16px;line-height:1.75;font-weight:400}
#food-page .about-sol-html,
#food-page .about-sol-html *{font-family:'Vazirmatn',Tahoma,sans-serif!important}
#food-page .about-sol-html p span{font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;color:inherit!important}
#food-page .about-sol-html h2,
#food-page .about-sol-html h2 span{font-size:20px!important;line-height:1.7!important;font-weight:700!important;color:var(--nv,#0A2745)!important}
#food-page .about-sol-html h2{margin:24px 0 8px}
#food-page .about-sol-html h2:first-child{margin-top:0}
@media (min-width:640px){
 #food-page .about-sol-html{font-size:18px}
 #food-page .about-sol-html h2,#food-page .about-sol-html h2 span{font-size:24px!important}
}


/* فیلد ایمیل خبرنامه: متن راهنما راست‌چین؛ ایمیل تایپ‌شده همچنان درست و چپ‌به‌راست */
#nl-form .nl-in{text-align:right}
#nl-form .nl-in:placeholder-shown{direction:rtl}
#nl-form .nl-in:not(:placeholder-shown){direction:ltr}


/* محتوای انتهای صفحه‌ی اتوماسیون تغذیه: هم‌استایل با سکشن «درباره سول» در صفحه‌ی اصلی؛ بولت‌ها با رنگ پالت (طلایی) */
#food-page #fa-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#food-page #fa-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#food-page #fa-about *{box-sizing:border-box}
#food-page #fa-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#food-page #fa-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#food-page #fa-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#food-page #fa-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#food-page #fa-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#food-page #fa-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#food-page #fa-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#food-page #fa-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#food-page #fa-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#food-page #fa-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#food-page #fa-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#food-page #fa-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#food-page #fa-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#food-page #fa-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#food-page #fa-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#food-page #fa-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#food-page #fa-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#food-page #fa-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#food-page #fa-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#food-page #fa-about .seo-more[hidden]{display:none}
#food-page #fa-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#food-page #fa-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#food-page #fa-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#food-page #fa-about.seo-open .seo-fade,#food-page #fa-about:not(.seo-js) .seo-fade{opacity:0}
#food-page #fa-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#food-page #fa-about .seo-ls,#food-page #fa-about .seo-ls.seo-sm{grid-template-columns:1fr}#food-page #fa-about .seo-in p{text-align:start}#food-page #fa-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#food-page #fa-about .seo-body,#food-page #fa-about .seo-ls li,#food-page #fa-about .seo-more,#food-page #fa-about .seo-more i svg,#food-page #fa-about .seo-fade{transition:none!important}}

/* نوار قرمز ناوبری صفحه: چسبان زیر هدر؛ overflow:hidden والد جایگزین clip می‌شود تا sticky کار کند */
#food-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#food-page #fa-images{position:sticky;top:var(--fa-top,0px);z-index:19;transition:box-shadow .25s}
#food-page #fa-images.fa-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#food-page section[id^="fa-"]{scroll-margin-top:calc(var(--fa-top,0px) + var(--fa-bar,64px) + 10px)}
/* فاصله‌ی نوار قرمز چسبان با هیرو (بالا) و بخش بعدی (پایین) کم شد؛ برای تغییر، فقط مقدار --fa-gap را عوض کنید */
#food-page{--fa-gap:clamp(12px,1.8vw,24px)}
#food-page #fa-images{margin-top:var(--fa-gap)}
#food-page #fa-images > div > div{margin-top:0}
#food-page #fa-images + section{margin-top:var(--fa-gap)}


@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#fs1-page *,#fs1-page :before,#fs1-page :after,#fs1-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:""}}
#fs1-page,#fs1-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft)}
#fs1-page *,#fs1-page :after,#fs1-page :before,#fs1-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#fs1-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#fs1-page,#fs1-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#fs1-page hr{height:0;color:inherit;border-top-width:1px}
#fs1-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#fs1-page h1,#fs1-page h2,#fs1-page h3,#fs1-page h4,#fs1-page h5,#fs1-page h6{font-size:inherit;font-weight:inherit}
#fs1-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#fs1-page b,#fs1-page strong{font-weight:bolder}
#fs1-page code,#fs1-page kbd,#fs1-page samp,#fs1-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#fs1-page small{font-size:80%}
#fs1-page sub,#fs1-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#fs1-page sub{bottom:-.25em}
#fs1-page sup{top:-.5em}
#fs1-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#fs1-page :-moz-focusring:where(:not(iframe)){outline:auto}
#fs1-page progress{vertical-align:baseline}
#fs1-page summary{display:list-item}
#fs1-page ol,#fs1-page ul,#fs1-page menu{list-style:none}
#fs1-page img,#fs1-page svg,#fs1-page video,#fs1-page canvas,#fs1-page audio,#fs1-page iframe,#fs1-page embed,#fs1-page object{vertical-align:middle;display:block}
#fs1-page img,#fs1-page video{max-width:100%;height:auto}
#fs1-page button,#fs1-page input,#fs1-page select,#fs1-page optgroup,#fs1-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#fs1-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#fs1-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#fs1-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#fs1-page ::file-selector-button{margin-inline-end:4px}
#fs1-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#fs1-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#fs1-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#fs1-page textarea{resize:vertical}
#fs1-page ::-webkit-search-decoration{-webkit-appearance:none}
#fs1-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#fs1-page ::-webkit-datetime-edit{display:inline-flex}
#fs1-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#fs1-page ::-webkit-datetime-edit{padding-block:0}
#fs1-page ::-webkit-datetime-edit-year-field{padding-block:0}
#fs1-page ::-webkit-datetime-edit-month-field{padding-block:0}
#fs1-page ::-webkit-datetime-edit-day-field{padding-block:0}
#fs1-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#fs1-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#fs1-page ::-webkit-datetime-edit-second-field{padding-block:0}
#fs1-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#fs1-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#fs1-page ::-webkit-calendar-picker-indicator{line-height:1}
#fs1-page :-moz-ui-invalid{box-shadow:none}
#fs1-page button,#fs1-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#fs1-page ::file-selector-button{appearance:button}
#fs1-page ::-webkit-inner-spin-button{height:auto}
#fs1-page ::-webkit-outer-spin-button{height:auto}
#fs1-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#fs1-page{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
#fs1-page{color:var(--nv);background:#fff;font-family:Vazirmatn,Tahoma,Segoe UI,Arial,sans-serif}
#fs1-page button,#fs1-page [role=button],#fs1-page a{-webkit-tap-highlight-color:transparent}
#fs1-page img{max-width:100%}
#fs1-page .pointer-events-none{pointer-events:none}
#fs1-page .absolute{position:absolute}
#fs1-page .fixed{position:fixed}
#fs1-page .relative{position:relative}
#fs1-page .static{position:static}
#fs1-page .inset-0{inset:0}
#fs1-page .inset-x-0{inset-inline:0}
#fs1-page .top-0{top:0}
#fs1-page .top-2{top:calc(var(--spacing) * 2)}
#fs1-page .top-3{top:calc(var(--spacing) * 3)}
#fs1-page .top-6{top:calc(var(--spacing) * 6)}
#fs1-page .top-full{top:100%}
#fs1-page .right-0{right:0}
#fs1-page .right-1{right:var(--spacing)}
#fs1-page .right-2{right:calc(var(--spacing) * 2)}
#fs1-page .right-4{right:calc(var(--spacing) * 4)}
#fs1-page .bottom-0{bottom:0}
#fs1-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#fs1-page .left-0{left:0}
#fs1-page .left-1\/2{left:50%}
#fs1-page .-z-10{z-index:calc(10 * -1)}
#fs1-page .z-1{z-index:1}
#fs1-page .z-2{z-index:2}
#fs1-page .z-10{z-index:10}
#fs1-page .z-20{z-index:20}
#fs1-page .z-40{z-index:40}
#fs1-page .z-50{z-index:50}
#fs1-page .z-1000{z-index:1000}
#fs1-page .order-1{order:1}
#fs1-page .order-2{order:2}
#fs1-page .order-3{order:3}
#fs1-page .m-0{margin:0}
#fs1-page .mx-1{margin-inline:var(--spacing)}
#fs1-page .mx-auto{margin-inline:auto}
#fs1-page .my-2{margin-block:calc(var(--spacing) * 2)}
#fs1-page .my-24{margin-block:calc(var(--spacing) * 24)}
#fs1-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#fs1-page .-mt-20{margin-top:calc(var(--spacing) * -20)}
#fs1-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#fs1-page .mt-1{margin-top:var(--spacing)}
#fs1-page .mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}
#fs1-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#fs1-page .mt-3{margin-top:calc(var(--spacing) * 3)}
#fs1-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#fs1-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#fs1-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#fs1-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#fs1-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#fs1-page .mt-60{margin-top:calc(var(--spacing) * 60)}
#fs1-page .mb-1{margin-bottom:var(--spacing)}
#fs1-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#fs1-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#fs1-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#fs1-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#fs1-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#fs1-page .mb-24{margin-bottom:calc(var(--spacing) * 24)}
#fs1-page .mb-36{margin-bottom:calc(var(--spacing) * 36)}
#fs1-page .mb-safe{margin-bottom:env(safe-area-inset-bottom,0px)}
#fs1-page .block{display:block}
#fs1-page .flex{display:flex}
#fs1-page .grid{display:grid}
#fs1-page .hidden{display:none}
#fs1-page .inline{display:inline}
#fs1-page .inline-block{display:inline-block}
#fs1-page .inline-flex{display:inline-flex}
#fs1-page .h-1\.5{height:calc(var(--spacing) * 1.5)}
#fs1-page .h-2\.5{height:calc(var(--spacing) * 2.5)}
#fs1-page .h-5{height:calc(var(--spacing) * 5)}
#fs1-page .h-6{height:calc(var(--spacing) * 6)}
#fs1-page .h-8{height:calc(var(--spacing) * 8)}
#fs1-page .h-10{height:calc(var(--spacing) * 10)}
#fs1-page .h-12{height:calc(var(--spacing) * 12)}
#fs1-page .h-16{height:calc(var(--spacing) * 16)}
#fs1-page .h-20{height:calc(var(--spacing) * 20)}
#fs1-page .h-72{height:calc(var(--spacing) * 72)}
#fs1-page .h-\[50px\]{height:50px}
#fs1-page .h-\[72px\]{height:72px}
#fs1-page .h-\[155\.95px\]{height:155.95px}
#fs1-page .h-\[180px\]{height:180px}
#fs1-page .h-\[200px\]{height:200px}
#fs1-page .h-auto{height:auto}
#fs1-page .h-full{height:100%}
#fs1-page .max-h-0{max-height:0}
#fs1-page .max-h-\[280px\]{max-height:280px}
#fs1-page .min-h-0{min-height:0}
#fs1-page .min-h-\[44px\]{min-height:44px}
#fs1-page .min-h-\[260px\]{min-height:260px}
#fs1-page .min-h-\[300px\]{min-height:300px}
#fs1-page .min-h-\[320px\]{min-height:320px}
#fs1-page .min-h-\[323px\]{min-height:323px}
#fs1-page .min-h-\[360px\]{min-height:360px}
#fs1-page .w-1\.5{width:calc(var(--spacing) * 1.5)}
#fs1-page .w-2\.5{width:calc(var(--spacing) * 2.5)}
#fs1-page .w-5{width:calc(var(--spacing) * 5)}
#fs1-page .w-6{width:calc(var(--spacing) * 6)}
#fs1-page .w-8{width:calc(var(--spacing) * 8)}
#fs1-page .w-10{width:calc(var(--spacing) * 10)}
#fs1-page .w-12{width:calc(var(--spacing) * 12)}
#fs1-page .w-16{width:calc(var(--spacing) * 16)}
#fs1-page .w-20{width:calc(var(--spacing) * 20)}
#fs1-page .w-24{width:calc(var(--spacing) * 24)}
#fs1-page .w-30{width:calc(var(--spacing) * 30)}
#fs1-page .w-44{width:calc(var(--spacing) * 44)}
#fs1-page .w-72{width:calc(var(--spacing) * 72)}
#fs1-page .w-\[155\.95px\]{width:155.95px}
#fs1-page .w-\[181px\]{width:181px}
#fs1-page .w-auto{width:auto}
#fs1-page .w-fit{width:fit-content}
#fs1-page .w-full{width:100%}
#fs1-page .max-w-2xl{max-width:var(--container-2xl)}
#fs1-page .max-w-3xl{max-width:var(--container-3xl)}
#fs1-page .max-w-4xl{max-width:var(--container-4xl)}
#fs1-page .max-w-full{max-width:100%}
#fs1-page .min-w-0{min-width:0}
#fs1-page .min-w-full{min-width:100%}
#fs1-page .flex-1{flex:1}
#fs1-page .flex-shrink-0,#fs1-page .shrink-0{flex-shrink:0}
#fs1-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs1-page .-translate-y-\[16px\]{--tw-translate-y:calc(16px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs1-page .rotate-0{rotate:0deg}
#fs1-page .rotate-180{rotate:180deg}
#fs1-page .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
#fs1-page .cursor-not-allowed{cursor:not-allowed}
#fs1-page .cursor-pointer{cursor:pointer}
#fs1-page .resize{resize:both}
#fs1-page .list-none{list-style-type:none}
#fs1-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#fs1-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs1-page .flex-col{flex-direction:column}
#fs1-page .flex-col-reverse{flex-direction:column-reverse}
#fs1-page .flex-row{flex-direction:row}
#fs1-page .flex-row-reverse{flex-direction:row-reverse}
#fs1-page .flex-nowrap{flex-wrap:nowrap}
#fs1-page .items-center{align-items:center}
#fs1-page .items-end{align-items:flex-end}
#fs1-page .items-start{align-items:flex-start}
#fs1-page .items-stretch{align-items:stretch}
#fs1-page .justify-between{justify-content:space-between}
#fs1-page .justify-center{justify-content:center}
#fs1-page .justify-end{justify-content:flex-end}
#fs1-page .justify-start{justify-content:flex-start}
#fs1-page .justify-items-center{justify-items:center}
#fs1-page .justify-items-stretch{justify-items:stretch}
#fs1-page .gap-1{gap:var(--spacing)}
#fs1-page .gap-2{gap:calc(var(--spacing) * 2)}
#fs1-page .gap-3{gap:calc(var(--spacing) * 3)}
#fs1-page .gap-4{gap:calc(var(--spacing) * 4)}
#fs1-page .gap-6{gap:calc(var(--spacing) * 6)}
#fs1-page .gap-8{gap:calc(var(--spacing) * 8)}
#fs1-page .gap-10{gap:calc(var(--spacing) * 10)}
#fs1-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#fs1-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#fs1-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#fs1-page .gap-x-6{column-gap:calc(var(--spacing) * 6)}
#fs1-page .gap-x-10{column-gap:calc(var(--spacing) * 10)}
#fs1-page .gap-y-4{row-gap:calc(var(--spacing) * 4)}
#fs1-page .gap-y-24{row-gap:calc(var(--spacing) * 24)}
#fs1-page .overflow-hidden{overflow:hidden}
#fs1-page .overflow-visible{overflow:visible}
#fs1-page .overflow-x-auto{overflow-x:auto}
#fs1-page .overflow-x-hidden{overflow-x:hidden}
#fs1-page .overflow-y-hidden{overflow-y:hidden}
#fs1-page .scroll-smooth{scroll-behavior:smooth}
#fs1-page .rounded-2xl{border-radius:var(--radius-2xl)}
#fs1-page .rounded-3xl{border-radius:var(--radius-3xl)}
#fs1-page .rounded-4xl{border-radius:var(--radius-4xl)}
#fs1-page .rounded-\[20px\]{border-radius:20px}
#fs1-page .rounded-\[32px\]{border-radius:32px}
#fs1-page .rounded-\[50px\]{border-radius:50px}
#fs1-page .rounded-full{border-radius:3.40282e38px}
#fs1-page .rounded-lg{border-radius:var(--radius-lg)}
#fs1-page .rounded-md{border-radius:var(--radius-md)}
#fs1-page .rounded-xl{border-radius:var(--radius-xl)}
#fs1-page .rounded-b-\[48px\]{border-bottom-right-radius:48px;border-bottom-left-radius:48px}
#fs1-page .border-0{border-style:var(--tw-border-style);border-width:0}
#fs1-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#fs1-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#fs1-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#fs1-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#fs1-page .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}
#fs1-page .border-none{--tw-border-style:none;border-style:none}
#fs1-page .border-\[\#C0C0C0\]{border-color:silver}
#fs1-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#fs1-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#fs1-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#fs1-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#fs1-page .border-green-500{border-color:var(--color-green-500)}
#fs1-page .border-transparent{border-color:#0000}
#fs1-page .border-white{border-color:var(--color-white)}
#fs1-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#fs1-page .bg-\[\#D9DEE2\]{background-color:var(--line)}
#fs1-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#fs1-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#fs1-page .bg-\[\#FFF3EA\]{background-color:var(--fa-soft)}
#fs1-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#fs1-page .bg-accent{background-color:var(--color-accent)}
#fs1-page .bg-black\/40{background-color:#0006}
@supports (color:color-mix(in lab, red, red)){#fs1-page .bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}
#fs1-page .bg-gray-100{background-color:var(--color-gray-100)}
#fs1-page .bg-primary{background-color:var(--color-primary)}
#fs1-page .bg-secondary{background-color:var(--color-secondary)}
#fs1-page .bg-transparent{background-color:#0000}
#fs1-page .bg-white{background-color:var(--color-white)}
#fs1-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#fs1-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#fs1-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#fs1-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#fs1-page .object-contain{object-fit:contain}
#fs1-page .object-cover{object-fit:cover}
#fs1-page .p-0{padding:0}
#fs1-page .p-1{padding:var(--spacing)}
#fs1-page .p-2{padding:calc(var(--spacing) * 2)}
#fs1-page .p-3{padding:calc(var(--spacing) * 3)}
#fs1-page .p-4{padding:calc(var(--spacing) * 4)}
#fs1-page .p-5{padding:calc(var(--spacing) * 5)}
#fs1-page .p-6{padding:calc(var(--spacing) * 6)}
#fs1-page .p-7{padding:calc(var(--spacing) * 7)}
#fs1-page .p-8{padding:calc(var(--spacing) * 8)}
#fs1-page .px-0{padding-inline:0}
#fs1-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#fs1-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#fs1-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#fs1-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#fs1-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#fs1-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#fs1-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#fs1-page .py-2{padding-block:calc(var(--spacing) * 2)}
#fs1-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#fs1-page .py-3{padding-block:calc(var(--spacing) * 3)}
#fs1-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#fs1-page .py-4{padding-block:calc(var(--spacing) * 4)}
#fs1-page .py-8{padding-block:calc(var(--spacing) * 8)}
#fs1-page .py-10{padding-block:calc(var(--spacing) * 10)}
#fs1-page .py-16{padding-block:calc(var(--spacing) * 16)}
#fs1-page .py-24{padding-block:calc(var(--spacing) * 24)}
#fs1-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#fs1-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#fs1-page .pt-8{padding-top:calc(var(--spacing) * 8)}
#fs1-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#fs1-page .pt-\[72px\]{padding-top:72px}
#fs1-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#fs1-page .pr-12{padding-right:calc(var(--spacing) * 12)}
#fs1-page .pb-0{padding-bottom:0}
#fs1-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#fs1-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#fs1-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#fs1-page .pb-14{padding-bottom:calc(var(--spacing) * 14)}
#fs1-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#fs1-page .text-center{text-align:center}
#fs1-page .text-justify{text-align:justify}
#fs1-page .text-right{text-align:right}
#fs1-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs1-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs1-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs1-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs1-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs1-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs1-page .text-\[10px\]{font-size:10px}
#fs1-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#fs1-page .leading-\[32px\]{--tw-leading:32px;line-height:32px}
#fs1-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#fs1-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#fs1-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#fs1-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#fs1-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#fs1-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#fs1-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#fs1-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#fs1-page .whitespace-nowrap{white-space:nowrap}
#fs1-page .text-\[\#0A2745\]{color:var(--nv)}
#fs1-page .text-\[\#595B5C\]{color:#595b5c}
#fs1-page .text-\[\#FF4C00\]{color:var(--acc)}
#fs1-page .text-\[\#ffff\]{color:#fff}
#fs1-page .text-black{color:var(--color-black)}
#fs1-page .text-gray-300{color:var(--color-gray-300)}
#fs1-page .text-gray-500{color:var(--color-gray-500)}
#fs1-page .text-gray-600{color:var(--color-gray-600)}
#fs1-page .text-green-700{color:var(--color-green-700)}
#fs1-page .text-red-500{color:var(--color-red-500)}
#fs1-page .text-secondary{color:var(--color-secondary)}
#fs1-page .text-white{color:var(--color-white)}
#fs1-page .not-italic{font-style:normal}
#fs1-page .underline{text-decoration-line:underline}
#fs1-page .accent-white{accent-color:var(--color-white)}
#fs1-page .opacity-0{opacity:0}
#fs1-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs1-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs1-page .shadow-\[0_2px_8px_rgba\(255\,76\,0\,0\.25\)\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs1-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs1-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs1-page .shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs1-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs1-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs1-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#fs1-page .outline{outline-style:var(--tw-outline-style);outline-width:1px}
#fs1-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
#fs1-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}
#fs1-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs1-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs1-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs1-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs1-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs1-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs1-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs1-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#fs1-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#fs1-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#fs1-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#fs1-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#fs1-page .will-change-transform{will-change:transform}
#fs1-page .select-none{-webkit-user-select:none;user-select:none}
#fs1-page .backface-visibility-hidden{backface-visibility:hidden}
@media (hover:hover){#fs1-page .group-hover\:absolute:is(:where(.group):hover *){position:absolute}
#fs1-page .group-hover\:flex:is(:where(.group):hover *){display:flex}
#fs1-page .group-hover\:-translate-y-2:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs1-page .group-hover\:-translate-y-full:is(:where(.group):hover *){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs1-page .group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs1-page .group-hover\:border-b-2:is(:where(.group):hover *){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#fs1-page .group-hover\:bg-\[\#0A2745\]:is(:where(.group):hover *){background-color:var(--nv)}
#fs1-page .group-hover\:bg-\[\#FFF6F2\]:is(:where(.group):hover *){background-color:var(--fa-soft)}
#fs1-page .group-hover\:text-\[\#FF4C00\]:is(:where(.group):hover *){color:var(--acc)}
#fs1-page .group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}
#fs1-page .group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}
#fs1-page .group-hover\:shadow-xl:is(:where(.group):hover *){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs1-page .group-hover\:blur-xs:is(:where(.group):hover *){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}
#fs1-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#fs1-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#fs1-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#fs1-page .after\:right-0:after{content:var(--tw-content);right:0}
#fs1-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#fs1-page .after\:left-0:after{content:var(--tw-content);left:0}
#fs1-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#fs1-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#fs1-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#fs1-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs1-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs1-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#fs1-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs1-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#fs1-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#fs1-page .hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs1-page .hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs1-page .hover\:scale-102:hover{--tw-scale-x:102%;--tw-scale-y:102%;--tw-scale-z:102%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs1-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs1-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs1-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#fs1-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#fs1-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#fs1-page .hover\:bg-\[\#0A2745\]\/10:hover{background-color:oklab(26.9107% -.0200244 -.0625058/.1)}
#fs1-page .hover\:bg-\[\#081a2e\]:hover{background-color:#081a2e}
#fs1-page .hover\:bg-\[\#163456\]:hover{background-color:color-mix(in srgb,var(--nv) 86%,#fff)}
#fs1-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 82%,#000)}
#fs1-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#fs1-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#fs1-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#fs1-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:color-mix(in srgb,var(--acc) 12%,var(--card))}
#fs1-page .hover\:bg-\[\#e44500\]:hover{background-color:#e44500}
#fs1-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#fs1-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#fs1-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#fs1-page .hover\:text-\[\#FF4C00\]:hover,#fs1-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#fs1-page .hover\:text-white:hover{color:var(--color-white)}
#fs1-page .hover\:underline:hover{text-decoration-line:underline}
#fs1-page .hover\:opacity-80:hover{opacity:.8}
#fs1-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs1-page .hover\:shadow-\[0_6px_20px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 6px 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs1-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs1-page .hover\:shadow-\[0_10px_24px_rgba\(10\,39\,69\,0\.14\)\]:hover{--tw-shadow:0 10px 24px var(--tw-shadow-color,#0a274524);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs1-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs1-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs1-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#fs1-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#fs1-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#fs1-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#fs1-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#fs1-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#fs1-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#fs1-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs1-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#fs1-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#fs1-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#fs1-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#fs1-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs1-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#fs1-page .focus-visible\:ring-\[\#FF4C00\]\/50:focus-visible{--tw-ring-color:oklab(66.6687% .179651 .134278/.5)}
#fs1-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#fs1-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#fs1-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#fs1-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#fs1-page .active\:translate-y-0:active{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs1-page .active\:scale-\[0\.98\]:active{scale:.98}
#fs1-page .active\:bg-\[\#06141f\]:active{background-color:#06141f}
#fs1-page .active\:bg-\[\#CC3D00\]:active{background-color:#cc3d00}
#fs1-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
@media (min-width:40rem){#fs1-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#fs1-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#fs1-page .sm\:bottom-1\/3{bottom:33.3333%}
#fs1-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#fs1-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#fs1-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#fs1-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#fs1-page .sm\:mb-17{margin-bottom:calc(var(--spacing) * 17)}
#fs1-page .sm\:mb-24{margin-bottom:calc(var(--spacing) * 24)}
#fs1-page .sm\:mb-34{margin-bottom:calc(var(--spacing) * 34)}
#fs1-page .sm\:inline{display:inline}
#fs1-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#fs1-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#fs1-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#fs1-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#fs1-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#fs1-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#fs1-page .sm\:h-\[60px\]{height:60px}
#fs1-page .sm\:h-\[100px\]{height:100px}
#fs1-page .sm\:max-h-\[320px\]{max-height:320px}
#fs1-page .sm\:min-h-\[360px\]{min-height:360px}
#fs1-page .sm\:min-h-\[400px\]{min-height:400px}
#fs1-page .sm\:min-h-\[580px\]{min-height:580px}
#fs1-page .sm\:min-h-\[600px\]{min-height:600px}
#fs1-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#fs1-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#fs1-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#fs1-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#fs1-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#fs1-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#fs1-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#fs1-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#fs1-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#fs1-page .sm\:min-w-\[120px\]{min-width:120px}
#fs1-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs1-page .sm\:flex-row{flex-direction:row}
#fs1-page .sm\:items-center{align-items:center}
#fs1-page .sm\:items-start{align-items:flex-start}
#fs1-page .sm\:justify-end{justify-content:flex-end}
#fs1-page .sm\:justify-start{justify-content:flex-start}
#fs1-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#fs1-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#fs1-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#fs1-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#fs1-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#fs1-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#fs1-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#fs1-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#fs1-page :where(.sm\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#fs1-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#fs1-page .sm\:gap-x-10{column-gap:calc(var(--spacing) * 10)}
#fs1-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#fs1-page .sm\:rounded-4xl{border-radius:var(--radius-4xl)}
#fs1-page .sm\:rounded-\[36px\]{border-radius:36px}
#fs1-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#fs1-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#fs1-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#fs1-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#fs1-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#fs1-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#fs1-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs1-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#fs1-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs1-page .sm\:py-0{padding-block:0}
#fs1-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#fs1-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#fs1-page .sm\:py-30{padding-block:calc(var(--spacing) * 30)}
#fs1-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#fs1-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs1-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs1-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs1-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs1-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs1-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs1-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs1-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs1-page .sm\:text-\[12px\]{font-size:12px}
#fs1-page .sm\:text-\[19px\]{font-size:19px}}
@media (min-width:48rem){#fs1-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#fs1-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#fs1-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#fs1-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#fs1-page .md\:mt-70{margin-top:calc(var(--spacing) * 70)}
#fs1-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#fs1-page .md\:block{display:block}
#fs1-page .md\:flex{display:flex}
#fs1-page .md\:hidden{display:none}
#fs1-page .md\:inline-block{display:inline-block}
#fs1-page .md\:h-10{height:calc(var(--spacing) * 10)}
#fs1-page .md\:h-28{height:calc(var(--spacing) * 28)}
#fs1-page .md\:h-\[250px\]{height:250px}
#fs1-page .md\:max-h-none{max-height:none}
#fs1-page .md\:w-10{width:calc(var(--spacing) * 10)}
#fs1-page .md\:w-24{width:calc(var(--spacing) * 24)}
#fs1-page .md\:w-28{width:calc(var(--spacing) * 28)}
#fs1-page .md\:w-72{width:calc(var(--spacing) * 72)}
#fs1-page .md\:min-w-\[130px\]{min-width:130px}
#fs1-page .md\:flex-1{flex:1}
#fs1-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs1-page .md\:flex-col{flex-direction:column}
#fs1-page .md\:flex-row{flex-direction:row}
#fs1-page .md\:flex-row-reverse{flex-direction:row-reverse}
#fs1-page .md\:items-center{align-items:center}
#fs1-page .md\:gap-0{gap:0}
#fs1-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#fs1-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#fs1-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#fs1-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#fs1-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#fs1-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#fs1-page .md\:overflow-visible{overflow:visible}
#fs1-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#fs1-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#fs1-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#fs1-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#fs1-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#fs1-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs1-page .md\:px-8{padding-inline:calc(var(--spacing) * 8)}
#fs1-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#fs1-page .md\:py-0{padding-block:0}
#fs1-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#fs1-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#fs1-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#fs1-page .md\:py-6{padding-block:calc(var(--spacing) * 6)}
#fs1-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#fs1-page .md\:text-justify{text-align:justify}
#fs1-page .md\:text-right{text-align:right}
#fs1-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs1-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs1-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#fs1-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs1-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs1-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs1-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs1-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs1-page .md\:text-\[9px\]{font-size:9px}
#fs1-page .md\:text-\[10px\]{font-size:10px}
#fs1-page .md\:text-\[14px\]{font-size:14px}}
@media (min-width:64rem){#fs1-page .lg\:order-1{order:1}
#fs1-page .lg\:order-2{order:2}
#fs1-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#fs1-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#fs1-page .lg\:mt-8{margin-top:calc(var(--spacing) * 8)}
#fs1-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#fs1-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#fs1-page .lg\:mb-0{margin-bottom:0}
#fs1-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#fs1-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#fs1-page .lg\:block{display:block}
#fs1-page .lg\:flex{display:flex}
#fs1-page .lg\:hidden{display:none}
#fs1-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#fs1-page .lg\:h-\[70px\]{height:70px}
#fs1-page .lg\:h-\[132px\]{height:132px}
#fs1-page .lg\:h-\[300px\]{height:300px}
#fs1-page .lg\:min-h-\[500px\]{min-height:500px}
#fs1-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#fs1-page .lg\:w-\[40\%\]{width:40%}
#fs1-page .lg\:w-\[45\%\]{width:45%}
#fs1-page .lg\:w-\[55\%\]{width:55%}
#fs1-page .lg\:w-\[58\%\]{width:58%}
#fs1-page .lg\:w-\[70px\]{width:70px}
#fs1-page .lg\:w-auto{width:auto}
#fs1-page .lg\:w-fit{width:fit-content}
#fs1-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#fs1-page .lg\:flex-row{flex-direction:row}
#fs1-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#fs1-page .lg\:items-center{align-items:center}
#fs1-page .lg\:justify-end{justify-content:flex-end}
#fs1-page .lg\:gap-0{gap:0}
#fs1-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#fs1-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#fs1-page .lg\:gap-8{gap:calc(var(--spacing) * 8)}
#fs1-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#fs1-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#fs1-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#fs1-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#fs1-page .lg\:gap-y-6{row-gap:calc(var(--spacing) * 6)}
#fs1-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#fs1-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#fs1-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#fs1-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs1-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs1-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#fs1-page .lg\:px-21{padding-inline:calc(var(--spacing) * 21)}
#fs1-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#fs1-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#fs1-page .lg\:pt-\[132px\]{padding-top:132px}
#fs1-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#fs1-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#fs1-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs1-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs1-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs1-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs1-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs1-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs1-page .lg\:text-\[10px\]{font-size:10px}
#fs1-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#fs1-page .lg\:leading-\[56px\]{--tw-leading:56px;line-height:56px}
#fs1-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#fs1-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#fs1-page .xl\:mt-60{margin-top:calc(var(--spacing) * 60)}
#fs1-page .xl\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#fs1-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#fs1-page .xl\:flex{display:flex}
#fs1-page .xl\:hidden{display:none}
#fs1-page .xl\:h-\[142px\]{height:142px}
#fs1-page .xl\:w-1\/2{width:50%}
#fs1-page .xl\:w-1\/3{width:33.3333%}
#fs1-page .xl\:w-\[32\%\]{width:32%}
#fs1-page .xl\:w-\[60\%\]{width:60%}
#fs1-page .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#fs1-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#fs1-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#fs1-page .xl\:flex-row{flex-direction:row}
#fs1-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#fs1-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#fs1-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#fs1-page .xl\:gap-y-1{row-gap:var(--spacing)}
#fs1-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs1-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#fs1-page .xl\:pt-\[142px\]{padding-top:142px}
#fs1-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs1-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#fs1-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs1-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs1-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs1-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs1-page .xl\:text-\[11px\]{font-size:11px}
#fs1-page .xl\:text-\[14px\]{font-size:14px}
#fs1-page .xl\:text-\[36px\]{font-size:36px}
#fs1-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#fs1-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#fs1-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#fs1-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#fs1-page .\32 xl\:gap-\[25px\]{gap:25px}
#fs1-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#fs1-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#fs1-page .\32 xl\:text-left{text-align:left}
#fs1-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs1-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs1-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs1-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs1-page .\32 xl\:text-\[16px\]{font-size:16px}
#fs1-page .\32 xl\:text-\[27px\]{font-size:27px}
#fs1-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
#fs1-page .fanum-font,#fs1-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#fs1-page .semibold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:600}
#fs1-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#fs1-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
@keyframes fa-alarmPulse{0%,to{transform:scale(1)rotate(0)}15%{transform:scale(1.1)rotate(-12deg)}30%{transform:scale(1.1)rotate(12deg)}45%{transform:scale(1.1)rotate(-8deg)}60%{transform:scale(1.05)rotate(6deg)}75%{transform:scale(1)rotate(0)}}
#fs1-page .alarm-animation{transform-origin:50% 10%;animation:2.4s ease-in-out infinite fa-alarmPulse}
@keyframes fa-brandScroll{0%{transform:translate(0)}to{transform:translateX(calc(-50% - var(--hg,0px)))}}
#fs1-page .brand-scroll-animation{width:max-content;animation:45s linear infinite fa-brandScroll}
#fs1-page .brand-scroll-animation:hover{animation-play-state:paused}
#fs1-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#fs1-page .sol-dd{z-index:60;opacity:0;visibility:hidden;background:#fff;border-radius:16px;min-width:220px;padding:8px;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(8px);box-shadow:0 12px 32px #0a27452e}
#fs1-page .sol-dd.open{opacity:1;visibility:visible;transform:none}
#fs1-page .sol-dd a{color:var(--nv);white-space:nowrap;border-radius:10px;padding:10px 14px;font-size:14px;display:block}
#fs1-page .sol-dd a:hover{color:var(--acc);background:var(--fa-soft)}
#fs1-page .sol-dd-top{top:calc(100% + 4px)}
#fs1-page #mobile-drawer{z-index:2000;visibility:hidden;position:fixed;inset:0}
#fs1-page #mobile-drawer.open{visibility:visible}
#fs1-page #mobile-drawer .bg{opacity:0;background:#00000073;transition:opacity .25s;position:absolute;inset:0}
#fs1-page #mobile-drawer.open .bg{opacity:1}
#fs1-page #mobile-drawer .panel{background:#fff;width:min(86vw,340px);padding:20px;transition:transform .28s;position:absolute;top:0;bottom:0;right:0;overflow:auto;transform:translate(100%)}
#fs1-page #mobile-drawer.open .panel{transform:none}
#fs1-page #mobile-drawer .panel a,#fs1-page #mobile-drawer .panel summary{color:var(--nv);cursor:pointer;border-bottom:1px solid #f1e6e0;padding:12px 8px;font-weight:700;display:block}
#fs1-page #mobile-drawer .panel details a{padding-right:20px;font-weight:400}
#fs1-page #search-box{visibility:hidden;z-index:2100;background:#fff;padding:16px;transition:transform .25s;position:fixed;top:0;left:0;right:0;transform:translateY(-110%);box-shadow:0 8px 24px #00000026}
#fs1-page #search-box.open{visibility:visible;transform:none}
#fs1-page #lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#fs1-page #lightbox.open{display:flex}
#fs1-page #lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#fs1-page .no-scrollbar{scrollbar-width:none}
#fs1-page .no-scrollbar::-webkit-scrollbar{display:none}
#fs1-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#fs1-page .faq-open svg{transition:transform .2s}
#fs1-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#fs1-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#fs1-page #service-menu.open{display:block}
#fs1-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#fs1-page #service-menu li:hover,#fs1-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#fs1-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#fs1-page .left-\[35\%\]{
    left: 35%;
  }
#fs1-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#fs1-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#fs1-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#fs1-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#fs1-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#fs1-page .min-h-screen{
    min-height: 100vh;
  }
#fs1-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#fs1-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#fs1-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#fs1-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#fs1-page .max-w-xl{
    max-width: var(--container-xl);
  }
#fs1-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#fs1-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#fs1-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#fs1-page .flex-wrap{
    flex-wrap: wrap;
  }
#fs1-page .justify-around{
    justify-content: space-around;
  }
#fs1-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#fs1-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#fs1-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#fs1-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#fs1-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#fs1-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#fs1-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#fs1-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#fs1-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#fs1-page .bg-ab-card{
    background-color: var(--card);
  }
#fs1-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#fs1-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#fs1-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#fs1-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#fs1-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#fs1-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#fs1-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#fs1-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#fs1-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#fs1-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#fs1-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#fs1-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#fs1-page .text-ab-cream{
    color: #f6ecd6;
  }
#fs1-page .text-ab-ink{
    color: var(--ink);
  }
#fs1-page .text-ab-mut{
    color: var(--mut);
  }
#fs1-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#fs1-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#fs1-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#fs1-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#fs1-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#fs1-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#fs1-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#fs1-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#fs1-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#fs1-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#fs1-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#fs1-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#fs1-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#fs1-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#fs1-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#fs1-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#fs1-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#fs1-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#fs1-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#fs1-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#fs1-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#fs1-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#fs1-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#fs1-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#fs1-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#fs1-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#fs1-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#fs1-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#fs1-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#fs1-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#fs1-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#fs1-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#fs1-page .lg\:h-\[550px\]{
      height: 550px;
    }
#fs1-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#fs1-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#fs1-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#fs1-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#fs1-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#fs1-page .xl\:h-auto{
      height: auto;
    }
#fs1-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#fs1-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#fs1-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#fs1-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#fs1-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#fs1-page .xl\:py-0{
      padding-block: 0px;
    }
#fs1-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#fs1-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#fs1-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#fs1-page .ab-menu.open{display:block}
#fs1-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#fs1-page .ab-menu button:hover,#fs1-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#fs1-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#fs1-page .ab-msg:empty{display:none}
#fs1-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#fs1-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#fs1-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#fs1-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#fs1-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#fs1-page .brand-scroll-animation{--g:5rem}}
#fs1-page .brand-scroll-animation:hover{animation-play-state:paused}
#fs1-page .brand-scroll-animation,#fs1-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#fs1-page *{transition:none!important}#fs1-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#fs1-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#fs1-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #fs1-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #fs1-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#fs1-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#fs1-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#fs1-page [id^=fa-]{scroll-margin-top:120px}
#fs1-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#fs1-page .semibold-fanum-font,#fs1-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#fs1-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#fs1-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#fs1-page a{color:inherit;text-decoration:none}
#fs1-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#fs1-page input[type=checkbox]{accent-color:var(--gold1)}
#fs1-page .bg-white{background-color:var(--sec-alt)}
#fs1-page .text-black{color:var(--ink)}
#fs1-page .text-\[\#0A2745\],#fs1-page .text-secondary{color:var(--ink)}
#fs1-page .bg-primary.text-white,#fs1-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#fs1-page .bg-secondary.text-white,#fs1-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#fs1-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#fs1-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#fs1-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#fs1-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#fs1-page .sol-toast{background:var(--nv);color:#f6ecd6}
#fs1-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#fs1-page #service-menu li:hover,#fs1-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#fs1-page #lightbox img{background:var(--card)}
/* ===== هیرو: متن و دکمه‌ها همیشه روی زمینه‌ی تیره‌ی اسپرسو (حتی اگر ویدیو لود نشود یا روشن باشد) ===== */
#fs1-page #fs1-hero{background:#2b2118}
#fs1-page #fs1-hero>div[aria-hidden="true"]{background:linear-gradient(to top,rgba(28,23,18,.62) 0%,rgba(28,23,18,0) 60%),linear-gradient(to left,rgba(28,23,18,.9) 0%,rgba(28,23,18,.74) 55%,rgba(28,23,18,.56) 100%)}
#fs1-page #fs1-hero h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#fs1-page #fs1-hero h2,#fs1-page #fs1-hero h1 .hero-sub{color:var(--gold1,#d6b374);text-shadow:0 2px 14px rgba(0,0,0,.35)}
/* FAQ: عنوان h2 قبل از سوال‌ها در DOM است؛ چیدمان بصری مثل قبل */
#fs1-page #fs1-faq .fq-row{flex-direction:column}
@media (min-width:80rem){#fs1-page #fs1-faq .fq-row{flex-direction:row-reverse}}
#fs1-page #fs1-hero p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#fs1-page #fs1-hero a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#fs1-page #fs1-hero a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#fs1-page #fs1-hero a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#fs1-page #lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#fs1-page #lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#fs1-page #lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#fs1-page #lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#fs1-page #lightbox .lb-x,#fs1-page #lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#fs1-page #lightbox .lb-x{top:14px;left:14px}
#fs1-page #lightbox .lb-nav{top:50%;margin-top:-22px}
#fs1-page #lightbox .lb-prev{right:14px}
#fs1-page #lightbox .lb-next{left:14px}
#fs1-page #lightbox .lb-x:hover,#fs1-page #lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#fs1-page #lightbox .lb-x:focus-visible,#fs1-page #lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #fs1-page #lightbox{padding:60px 12px 84px}
 #fs1-page #lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #fs1-page #lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #fs1-page #lightbox .lb-prev{right:16px}
 #fs1-page #lightbox .lb-next{left:16px}
 #fs1-page #lightbox figcaption{max-width:calc(100vw - 150px)}
}
#fs1-page input::placeholder,#fs1-page textarea::placeholder{opacity:1}


/* متن مقاله‌ی انتهای صفحه «اتوماسیون تغذیه»: از Word با فونت Calibri و اندازه pt وارد شده بود؛
   اینجا هم‌فونت و هم‌اندازه با بقیه‌ی سکشن‌ها (Vazirmatn، رنگ سرمه‌ای) می‌شود. فاصله‌ها دست‌نخورده‌اند. */
#fs1-page .about-sol-html{color:var(--nv,#0A2745);font-size:16px;line-height:1.75;font-weight:400}
#fs1-page .about-sol-html,
#fs1-page .about-sol-html *{font-family:'Vazirmatn',Tahoma,sans-serif!important}
#fs1-page .about-sol-html p span{font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;color:inherit!important}
#fs1-page .about-sol-html h2,
#fs1-page .about-sol-html h2 span{font-size:20px!important;line-height:1.7!important;font-weight:700!important;color:var(--nv,#0A2745)!important}
#fs1-page .about-sol-html h2{margin:24px 0 8px}
#fs1-page .about-sol-html h2:first-child{margin-top:0}
@media (min-width:640px){
 #fs1-page .about-sol-html{font-size:18px}
 #fs1-page .about-sol-html h2,#fs1-page .about-sol-html h2 span{font-size:24px!important}
}


/* محتوای انتهای صفحه‌ی اتوماسیون تغذیه: هم‌استایل با سکشن «درباره سول» در صفحه‌ی اصلی؛ بولت‌ها با رنگ پالت (طلایی) */
#fs1-page #fs1-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#fs1-page #fs1-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#fs1-page #fs1-about *{box-sizing:border-box}
#fs1-page #fs1-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#fs1-page #fs1-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#fs1-page #fs1-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#fs1-page #fs1-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#fs1-page #fs1-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#fs1-page #fs1-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#fs1-page #fs1-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#fs1-page #fs1-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#fs1-page #fs1-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#fs1-page #fs1-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#fs1-page #fs1-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#fs1-page #fs1-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#fs1-page #fs1-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#fs1-page #fs1-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#fs1-page #fs1-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#fs1-page #fs1-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#fs1-page #fs1-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#fs1-page #fs1-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#fs1-page #fs1-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#fs1-page #fs1-about .seo-more[hidden]{display:none}
#fs1-page #fs1-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#fs1-page #fs1-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#fs1-page #fs1-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#fs1-page #fs1-about.seo-open .seo-fade,#fs1-page #fs1-about:not(.seo-js) .seo-fade{opacity:0}
#fs1-page #fs1-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#fs1-page #fs1-about .seo-ls,#fs1-page #fs1-about .seo-ls.seo-sm{grid-template-columns:1fr}#fs1-page #fs1-about .seo-in p{text-align:start}#fs1-page #fs1-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#fs1-page #fs1-about .seo-body,#fs1-page #fs1-about .seo-ls li,#fs1-page #fs1-about .seo-more,#fs1-page #fs1-about .seo-more i svg,#fs1-page #fs1-about .seo-fade{transition:none!important}}

/* نوار قرمز ناوبری صفحه: چسبان زیر هدر؛ overflow:hidden والد جایگزین clip می‌شود تا sticky کار کند */
#fs1-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#fs1-page #fs1-images{position:sticky;top:var(--fa-top,0px);z-index:19;transition:box-shadow .25s}
#fs1-page #fs1-images.fa-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#fs1-page section[id^="fa-"]{scroll-margin-top:calc(var(--fa-top,0px) + var(--fa-bar,64px) + 10px)}
/* فاصله‌ی نوار قرمز چسبان با هیرو (بالا) و بخش بعدی (پایین) کم شد؛ برای تغییر، فقط مقدار --fa-gap را عوض کنید */
#fs1-page{--fa-gap:clamp(12px,1.8vw,24px)}
#fs1-page #fs1-images{margin-top:var(--fa-gap)}
#fs1-page #fs1-images > div > div{margin-top:0}
#fs1-page #fs1-images + section{margin-top:var(--fa-gap)}


@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#fs2-page *,#fs2-page :before,#fs2-page :after,#fs2-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:""}}
#fs2-page,#fs2-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft)}
#fs2-page *,#fs2-page :after,#fs2-page :before,#fs2-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#fs2-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#fs2-page,#fs2-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#fs2-page hr{height:0;color:inherit;border-top-width:1px}
#fs2-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#fs2-page h1,#fs2-page h2,#fs2-page h3,#fs2-page h4,#fs2-page h5,#fs2-page h6{font-size:inherit;font-weight:inherit}
#fs2-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#fs2-page b,#fs2-page strong{font-weight:bolder}
#fs2-page code,#fs2-page kbd,#fs2-page samp,#fs2-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#fs2-page small{font-size:80%}
#fs2-page sub,#fs2-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#fs2-page sub{bottom:-.25em}
#fs2-page sup{top:-.5em}
#fs2-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#fs2-page :-moz-focusring:where(:not(iframe)){outline:auto}
#fs2-page progress{vertical-align:baseline}
#fs2-page summary{display:list-item}
#fs2-page ol,#fs2-page ul,#fs2-page menu{list-style:none}
#fs2-page img,#fs2-page svg,#fs2-page video,#fs2-page canvas,#fs2-page audio,#fs2-page iframe,#fs2-page embed,#fs2-page object{vertical-align:middle;display:block}
#fs2-page img,#fs2-page video{max-width:100%;height:auto}
#fs2-page button,#fs2-page input,#fs2-page select,#fs2-page optgroup,#fs2-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#fs2-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#fs2-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#fs2-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#fs2-page ::file-selector-button{margin-inline-end:4px}
#fs2-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#fs2-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#fs2-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#fs2-page textarea{resize:vertical}
#fs2-page ::-webkit-search-decoration{-webkit-appearance:none}
#fs2-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#fs2-page ::-webkit-datetime-edit{display:inline-flex}
#fs2-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#fs2-page ::-webkit-datetime-edit{padding-block:0}
#fs2-page ::-webkit-datetime-edit-year-field{padding-block:0}
#fs2-page ::-webkit-datetime-edit-month-field{padding-block:0}
#fs2-page ::-webkit-datetime-edit-day-field{padding-block:0}
#fs2-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#fs2-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#fs2-page ::-webkit-datetime-edit-second-field{padding-block:0}
#fs2-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#fs2-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#fs2-page ::-webkit-calendar-picker-indicator{line-height:1}
#fs2-page :-moz-ui-invalid{box-shadow:none}
#fs2-page button,#fs2-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#fs2-page ::file-selector-button{appearance:button}
#fs2-page ::-webkit-inner-spin-button{height:auto}
#fs2-page ::-webkit-outer-spin-button{height:auto}
#fs2-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#fs2-page{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
#fs2-page{color:var(--nv);background:#fff;font-family:Vazirmatn,Tahoma,Segoe UI,Arial,sans-serif}
#fs2-page button,#fs2-page [role=button],#fs2-page a{-webkit-tap-highlight-color:transparent}
#fs2-page img{max-width:100%}
#fs2-page .pointer-events-none{pointer-events:none}
#fs2-page .absolute{position:absolute}
#fs2-page .fixed{position:fixed}
#fs2-page .relative{position:relative}
#fs2-page .static{position:static}
#fs2-page .inset-0{inset:0}
#fs2-page .inset-x-0{inset-inline:0}
#fs2-page .top-0{top:0}
#fs2-page .top-2{top:calc(var(--spacing) * 2)}
#fs2-page .top-3{top:calc(var(--spacing) * 3)}
#fs2-page .top-6{top:calc(var(--spacing) * 6)}
#fs2-page .top-full{top:100%}
#fs2-page .right-0{right:0}
#fs2-page .right-1{right:var(--spacing)}
#fs2-page .right-2{right:calc(var(--spacing) * 2)}
#fs2-page .right-4{right:calc(var(--spacing) * 4)}
#fs2-page .bottom-0{bottom:0}
#fs2-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#fs2-page .left-0{left:0}
#fs2-page .left-1\/2{left:50%}
#fs2-page .-z-10{z-index:calc(10 * -1)}
#fs2-page .z-1{z-index:1}
#fs2-page .z-2{z-index:2}
#fs2-page .z-10{z-index:10}
#fs2-page .z-20{z-index:20}
#fs2-page .z-40{z-index:40}
#fs2-page .z-50{z-index:50}
#fs2-page .z-1000{z-index:1000}
#fs2-page .order-1{order:1}
#fs2-page .order-2{order:2}
#fs2-page .order-3{order:3}
#fs2-page .m-0{margin:0}
#fs2-page .mx-1{margin-inline:var(--spacing)}
#fs2-page .mx-auto{margin-inline:auto}
#fs2-page .my-2{margin-block:calc(var(--spacing) * 2)}
#fs2-page .my-24{margin-block:calc(var(--spacing) * 24)}
#fs2-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#fs2-page .-mt-20{margin-top:calc(var(--spacing) * -20)}
#fs2-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#fs2-page .mt-1{margin-top:var(--spacing)}
#fs2-page .mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}
#fs2-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#fs2-page .mt-3{margin-top:calc(var(--spacing) * 3)}
#fs2-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#fs2-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#fs2-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#fs2-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#fs2-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#fs2-page .mt-60{margin-top:calc(var(--spacing) * 60)}
#fs2-page .mb-1{margin-bottom:var(--spacing)}
#fs2-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#fs2-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#fs2-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#fs2-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#fs2-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#fs2-page .mb-24{margin-bottom:calc(var(--spacing) * 24)}
#fs2-page .mb-36{margin-bottom:calc(var(--spacing) * 36)}
#fs2-page .mb-safe{margin-bottom:env(safe-area-inset-bottom,0px)}
#fs2-page .block{display:block}
#fs2-page .flex{display:flex}
#fs2-page .grid{display:grid}
#fs2-page .hidden{display:none}
#fs2-page .inline{display:inline}
#fs2-page .inline-block{display:inline-block}
#fs2-page .inline-flex{display:inline-flex}
#fs2-page .h-1\.5{height:calc(var(--spacing) * 1.5)}
#fs2-page .h-2\.5{height:calc(var(--spacing) * 2.5)}
#fs2-page .h-5{height:calc(var(--spacing) * 5)}
#fs2-page .h-6{height:calc(var(--spacing) * 6)}
#fs2-page .h-8{height:calc(var(--spacing) * 8)}
#fs2-page .h-10{height:calc(var(--spacing) * 10)}
#fs2-page .h-12{height:calc(var(--spacing) * 12)}
#fs2-page .h-16{height:calc(var(--spacing) * 16)}
#fs2-page .h-20{height:calc(var(--spacing) * 20)}
#fs2-page .h-72{height:calc(var(--spacing) * 72)}
#fs2-page .h-\[50px\]{height:50px}
#fs2-page .h-\[72px\]{height:72px}
#fs2-page .h-\[155\.95px\]{height:155.95px}
#fs2-page .h-\[180px\]{height:180px}
#fs2-page .h-\[200px\]{height:200px}
#fs2-page .h-auto{height:auto}
#fs2-page .h-full{height:100%}
#fs2-page .max-h-0{max-height:0}
#fs2-page .max-h-\[280px\]{max-height:280px}
#fs2-page .min-h-0{min-height:0}
#fs2-page .min-h-\[44px\]{min-height:44px}
#fs2-page .min-h-\[260px\]{min-height:260px}
#fs2-page .min-h-\[300px\]{min-height:300px}
#fs2-page .min-h-\[320px\]{min-height:320px}
#fs2-page .min-h-\[323px\]{min-height:323px}
#fs2-page .min-h-\[360px\]{min-height:360px}
#fs2-page .w-1\.5{width:calc(var(--spacing) * 1.5)}
#fs2-page .w-2\.5{width:calc(var(--spacing) * 2.5)}
#fs2-page .w-5{width:calc(var(--spacing) * 5)}
#fs2-page .w-6{width:calc(var(--spacing) * 6)}
#fs2-page .w-8{width:calc(var(--spacing) * 8)}
#fs2-page .w-10{width:calc(var(--spacing) * 10)}
#fs2-page .w-12{width:calc(var(--spacing) * 12)}
#fs2-page .w-16{width:calc(var(--spacing) * 16)}
#fs2-page .w-20{width:calc(var(--spacing) * 20)}
#fs2-page .w-24{width:calc(var(--spacing) * 24)}
#fs2-page .w-30{width:calc(var(--spacing) * 30)}
#fs2-page .w-44{width:calc(var(--spacing) * 44)}
#fs2-page .w-72{width:calc(var(--spacing) * 72)}
#fs2-page .w-\[155\.95px\]{width:155.95px}
#fs2-page .w-\[181px\]{width:181px}
#fs2-page .w-auto{width:auto}
#fs2-page .w-fit{width:fit-content}
#fs2-page .w-full{width:100%}
#fs2-page .max-w-2xl{max-width:var(--container-2xl)}
#fs2-page .max-w-3xl{max-width:var(--container-3xl)}
#fs2-page .max-w-4xl{max-width:var(--container-4xl)}
#fs2-page .max-w-full{max-width:100%}
#fs2-page .min-w-0{min-width:0}
#fs2-page .min-w-full{min-width:100%}
#fs2-page .flex-1{flex:1}
#fs2-page .flex-shrink-0,#fs2-page .shrink-0{flex-shrink:0}
#fs2-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs2-page .-translate-y-\[16px\]{--tw-translate-y:calc(16px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs2-page .rotate-0{rotate:0deg}
#fs2-page .rotate-180{rotate:180deg}
#fs2-page .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
#fs2-page .cursor-not-allowed{cursor:not-allowed}
#fs2-page .cursor-pointer{cursor:pointer}
#fs2-page .resize{resize:both}
#fs2-page .list-none{list-style-type:none}
#fs2-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#fs2-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs2-page .flex-col{flex-direction:column}
#fs2-page .flex-col-reverse{flex-direction:column-reverse}
#fs2-page .flex-row{flex-direction:row}
#fs2-page .flex-row-reverse{flex-direction:row-reverse}
#fs2-page .flex-nowrap{flex-wrap:nowrap}
#fs2-page .items-center{align-items:center}
#fs2-page .items-end{align-items:flex-end}
#fs2-page .items-start{align-items:flex-start}
#fs2-page .items-stretch{align-items:stretch}
#fs2-page .justify-between{justify-content:space-between}
#fs2-page .justify-center{justify-content:center}
#fs2-page .justify-end{justify-content:flex-end}
#fs2-page .justify-start{justify-content:flex-start}
#fs2-page .justify-items-center{justify-items:center}
#fs2-page .justify-items-stretch{justify-items:stretch}
#fs2-page .gap-1{gap:var(--spacing)}
#fs2-page .gap-2{gap:calc(var(--spacing) * 2)}
#fs2-page .gap-3{gap:calc(var(--spacing) * 3)}
#fs2-page .gap-4{gap:calc(var(--spacing) * 4)}
#fs2-page .gap-6{gap:calc(var(--spacing) * 6)}
#fs2-page .gap-8{gap:calc(var(--spacing) * 8)}
#fs2-page .gap-10{gap:calc(var(--spacing) * 10)}
#fs2-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#fs2-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#fs2-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#fs2-page .gap-x-6{column-gap:calc(var(--spacing) * 6)}
#fs2-page .gap-x-10{column-gap:calc(var(--spacing) * 10)}
#fs2-page .gap-y-4{row-gap:calc(var(--spacing) * 4)}
#fs2-page .gap-y-24{row-gap:calc(var(--spacing) * 24)}
#fs2-page .overflow-hidden{overflow:hidden}
#fs2-page .overflow-visible{overflow:visible}
#fs2-page .overflow-x-auto{overflow-x:auto}
#fs2-page .overflow-x-hidden{overflow-x:hidden}
#fs2-page .overflow-y-hidden{overflow-y:hidden}
#fs2-page .scroll-smooth{scroll-behavior:smooth}
#fs2-page .rounded-2xl{border-radius:var(--radius-2xl)}
#fs2-page .rounded-3xl{border-radius:var(--radius-3xl)}
#fs2-page .rounded-4xl{border-radius:var(--radius-4xl)}
#fs2-page .rounded-\[20px\]{border-radius:20px}
#fs2-page .rounded-\[32px\]{border-radius:32px}
#fs2-page .rounded-\[50px\]{border-radius:50px}
#fs2-page .rounded-full{border-radius:3.40282e38px}
#fs2-page .rounded-lg{border-radius:var(--radius-lg)}
#fs2-page .rounded-md{border-radius:var(--radius-md)}
#fs2-page .rounded-xl{border-radius:var(--radius-xl)}
#fs2-page .rounded-b-\[48px\]{border-bottom-right-radius:48px;border-bottom-left-radius:48px}
#fs2-page .border-0{border-style:var(--tw-border-style);border-width:0}
#fs2-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#fs2-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#fs2-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#fs2-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#fs2-page .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}
#fs2-page .border-none{--tw-border-style:none;border-style:none}
#fs2-page .border-\[\#C0C0C0\]{border-color:silver}
#fs2-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#fs2-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#fs2-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#fs2-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#fs2-page .border-green-500{border-color:var(--color-green-500)}
#fs2-page .border-transparent{border-color:#0000}
#fs2-page .border-white{border-color:var(--color-white)}
#fs2-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#fs2-page .bg-\[\#D9DEE2\]{background-color:var(--line)}
#fs2-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#fs2-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#fs2-page .bg-\[\#FFF3EA\]{background-color:var(--fa-soft)}
#fs2-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#fs2-page .bg-accent{background-color:var(--color-accent)}
#fs2-page .bg-black\/40{background-color:#0006}
@supports (color:color-mix(in lab, red, red)){#fs2-page .bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}
#fs2-page .bg-gray-100{background-color:var(--color-gray-100)}
#fs2-page .bg-primary{background-color:var(--color-primary)}
#fs2-page .bg-secondary{background-color:var(--color-secondary)}
#fs2-page .bg-transparent{background-color:#0000}
#fs2-page .bg-white{background-color:var(--color-white)}
#fs2-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#fs2-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#fs2-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#fs2-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#fs2-page .object-contain{object-fit:contain}
#fs2-page .object-cover{object-fit:cover}
#fs2-page .p-0{padding:0}
#fs2-page .p-1{padding:var(--spacing)}
#fs2-page .p-2{padding:calc(var(--spacing) * 2)}
#fs2-page .p-3{padding:calc(var(--spacing) * 3)}
#fs2-page .p-4{padding:calc(var(--spacing) * 4)}
#fs2-page .p-5{padding:calc(var(--spacing) * 5)}
#fs2-page .p-6{padding:calc(var(--spacing) * 6)}
#fs2-page .p-7{padding:calc(var(--spacing) * 7)}
#fs2-page .p-8{padding:calc(var(--spacing) * 8)}
#fs2-page .px-0{padding-inline:0}
#fs2-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#fs2-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#fs2-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#fs2-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#fs2-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#fs2-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#fs2-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#fs2-page .py-2{padding-block:calc(var(--spacing) * 2)}
#fs2-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#fs2-page .py-3{padding-block:calc(var(--spacing) * 3)}
#fs2-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#fs2-page .py-4{padding-block:calc(var(--spacing) * 4)}
#fs2-page .py-8{padding-block:calc(var(--spacing) * 8)}
#fs2-page .py-10{padding-block:calc(var(--spacing) * 10)}
#fs2-page .py-16{padding-block:calc(var(--spacing) * 16)}
#fs2-page .py-24{padding-block:calc(var(--spacing) * 24)}
#fs2-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#fs2-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#fs2-page .pt-8{padding-top:calc(var(--spacing) * 8)}
#fs2-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#fs2-page .pt-\[72px\]{padding-top:72px}
#fs2-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#fs2-page .pr-12{padding-right:calc(var(--spacing) * 12)}
#fs2-page .pb-0{padding-bottom:0}
#fs2-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#fs2-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#fs2-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#fs2-page .pb-14{padding-bottom:calc(var(--spacing) * 14)}
#fs2-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#fs2-page .text-center{text-align:center}
#fs2-page .text-justify{text-align:justify}
#fs2-page .text-right{text-align:right}
#fs2-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs2-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs2-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs2-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs2-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs2-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs2-page .text-\[10px\]{font-size:10px}
#fs2-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#fs2-page .leading-\[32px\]{--tw-leading:32px;line-height:32px}
#fs2-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#fs2-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#fs2-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#fs2-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#fs2-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#fs2-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#fs2-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#fs2-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#fs2-page .whitespace-nowrap{white-space:nowrap}
#fs2-page .text-\[\#0A2745\]{color:var(--nv)}
#fs2-page .text-\[\#595B5C\]{color:#595b5c}
#fs2-page .text-\[\#FF4C00\]{color:var(--acc)}
#fs2-page .text-\[\#ffff\]{color:#fff}
#fs2-page .text-black{color:var(--color-black)}
#fs2-page .text-gray-300{color:var(--color-gray-300)}
#fs2-page .text-gray-500{color:var(--color-gray-500)}
#fs2-page .text-gray-600{color:var(--color-gray-600)}
#fs2-page .text-green-700{color:var(--color-green-700)}
#fs2-page .text-red-500{color:var(--color-red-500)}
#fs2-page .text-secondary{color:var(--color-secondary)}
#fs2-page .text-white{color:var(--color-white)}
#fs2-page .not-italic{font-style:normal}
#fs2-page .underline{text-decoration-line:underline}
#fs2-page .accent-white{accent-color:var(--color-white)}
#fs2-page .opacity-0{opacity:0}
#fs2-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs2-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs2-page .shadow-\[0_2px_8px_rgba\(255\,76\,0\,0\.25\)\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs2-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs2-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs2-page .shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs2-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs2-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs2-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#fs2-page .outline{outline-style:var(--tw-outline-style);outline-width:1px}
#fs2-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
#fs2-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}
#fs2-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs2-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs2-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs2-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs2-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs2-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs2-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs2-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#fs2-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#fs2-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#fs2-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#fs2-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#fs2-page .will-change-transform{will-change:transform}
#fs2-page .select-none{-webkit-user-select:none;user-select:none}
#fs2-page .backface-visibility-hidden{backface-visibility:hidden}
@media (hover:hover){#fs2-page .group-hover\:absolute:is(:where(.group):hover *){position:absolute}
#fs2-page .group-hover\:flex:is(:where(.group):hover *){display:flex}
#fs2-page .group-hover\:-translate-y-2:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs2-page .group-hover\:-translate-y-full:is(:where(.group):hover *){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs2-page .group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs2-page .group-hover\:border-b-2:is(:where(.group):hover *){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#fs2-page .group-hover\:bg-\[\#0A2745\]:is(:where(.group):hover *){background-color:var(--nv)}
#fs2-page .group-hover\:bg-\[\#FFF6F2\]:is(:where(.group):hover *){background-color:var(--fa-soft)}
#fs2-page .group-hover\:text-\[\#FF4C00\]:is(:where(.group):hover *){color:var(--acc)}
#fs2-page .group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}
#fs2-page .group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}
#fs2-page .group-hover\:shadow-xl:is(:where(.group):hover *){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs2-page .group-hover\:blur-xs:is(:where(.group):hover *){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}
#fs2-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#fs2-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#fs2-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#fs2-page .after\:right-0:after{content:var(--tw-content);right:0}
#fs2-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#fs2-page .after\:left-0:after{content:var(--tw-content);left:0}
#fs2-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#fs2-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#fs2-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#fs2-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs2-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs2-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#fs2-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs2-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#fs2-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#fs2-page .hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs2-page .hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs2-page .hover\:scale-102:hover{--tw-scale-x:102%;--tw-scale-y:102%;--tw-scale-z:102%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs2-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs2-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs2-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#fs2-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#fs2-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#fs2-page .hover\:bg-\[\#0A2745\]\/10:hover{background-color:oklab(26.9107% -.0200244 -.0625058/.1)}
#fs2-page .hover\:bg-\[\#081a2e\]:hover{background-color:#081a2e}
#fs2-page .hover\:bg-\[\#163456\]:hover{background-color:color-mix(in srgb,var(--nv) 86%,#fff)}
#fs2-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 82%,#000)}
#fs2-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#fs2-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#fs2-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#fs2-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:color-mix(in srgb,var(--acc) 12%,var(--card))}
#fs2-page .hover\:bg-\[\#e44500\]:hover{background-color:#e44500}
#fs2-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#fs2-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#fs2-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#fs2-page .hover\:text-\[\#FF4C00\]:hover,#fs2-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#fs2-page .hover\:text-white:hover{color:var(--color-white)}
#fs2-page .hover\:underline:hover{text-decoration-line:underline}
#fs2-page .hover\:opacity-80:hover{opacity:.8}
#fs2-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs2-page .hover\:shadow-\[0_6px_20px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 6px 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs2-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs2-page .hover\:shadow-\[0_10px_24px_rgba\(10\,39\,69\,0\.14\)\]:hover{--tw-shadow:0 10px 24px var(--tw-shadow-color,#0a274524);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs2-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs2-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs2-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#fs2-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#fs2-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#fs2-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#fs2-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#fs2-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#fs2-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#fs2-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs2-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#fs2-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#fs2-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#fs2-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#fs2-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs2-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#fs2-page .focus-visible\:ring-\[\#FF4C00\]\/50:focus-visible{--tw-ring-color:oklab(66.6687% .179651 .134278/.5)}
#fs2-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#fs2-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#fs2-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#fs2-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#fs2-page .active\:translate-y-0:active{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs2-page .active\:scale-\[0\.98\]:active{scale:.98}
#fs2-page .active\:bg-\[\#06141f\]:active{background-color:#06141f}
#fs2-page .active\:bg-\[\#CC3D00\]:active{background-color:#cc3d00}
#fs2-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
@media (min-width:40rem){#fs2-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#fs2-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#fs2-page .sm\:bottom-1\/3{bottom:33.3333%}
#fs2-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#fs2-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#fs2-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#fs2-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#fs2-page .sm\:mb-17{margin-bottom:calc(var(--spacing) * 17)}
#fs2-page .sm\:mb-24{margin-bottom:calc(var(--spacing) * 24)}
#fs2-page .sm\:mb-34{margin-bottom:calc(var(--spacing) * 34)}
#fs2-page .sm\:inline{display:inline}
#fs2-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#fs2-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#fs2-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#fs2-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#fs2-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#fs2-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#fs2-page .sm\:h-\[60px\]{height:60px}
#fs2-page .sm\:h-\[100px\]{height:100px}
#fs2-page .sm\:max-h-\[320px\]{max-height:320px}
#fs2-page .sm\:min-h-\[360px\]{min-height:360px}
#fs2-page .sm\:min-h-\[400px\]{min-height:400px}
#fs2-page .sm\:min-h-\[580px\]{min-height:580px}
#fs2-page .sm\:min-h-\[600px\]{min-height:600px}
#fs2-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#fs2-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#fs2-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#fs2-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#fs2-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#fs2-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#fs2-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#fs2-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#fs2-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#fs2-page .sm\:min-w-\[120px\]{min-width:120px}
#fs2-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs2-page .sm\:flex-row{flex-direction:row}
#fs2-page .sm\:items-center{align-items:center}
#fs2-page .sm\:items-start{align-items:flex-start}
#fs2-page .sm\:justify-end{justify-content:flex-end}
#fs2-page .sm\:justify-start{justify-content:flex-start}
#fs2-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#fs2-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#fs2-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#fs2-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#fs2-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#fs2-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#fs2-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#fs2-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#fs2-page :where(.sm\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#fs2-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#fs2-page .sm\:gap-x-10{column-gap:calc(var(--spacing) * 10)}
#fs2-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#fs2-page .sm\:rounded-4xl{border-radius:var(--radius-4xl)}
#fs2-page .sm\:rounded-\[36px\]{border-radius:36px}
#fs2-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#fs2-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#fs2-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#fs2-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#fs2-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#fs2-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#fs2-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs2-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#fs2-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs2-page .sm\:py-0{padding-block:0}
#fs2-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#fs2-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#fs2-page .sm\:py-30{padding-block:calc(var(--spacing) * 30)}
#fs2-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#fs2-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs2-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs2-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs2-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs2-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs2-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs2-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs2-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs2-page .sm\:text-\[12px\]{font-size:12px}
#fs2-page .sm\:text-\[19px\]{font-size:19px}}
@media (min-width:48rem){#fs2-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#fs2-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#fs2-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#fs2-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#fs2-page .md\:mt-70{margin-top:calc(var(--spacing) * 70)}
#fs2-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#fs2-page .md\:block{display:block}
#fs2-page .md\:flex{display:flex}
#fs2-page .md\:hidden{display:none}
#fs2-page .md\:inline-block{display:inline-block}
#fs2-page .md\:h-10{height:calc(var(--spacing) * 10)}
#fs2-page .md\:h-28{height:calc(var(--spacing) * 28)}
#fs2-page .md\:h-\[250px\]{height:250px}
#fs2-page .md\:max-h-none{max-height:none}
#fs2-page .md\:w-10{width:calc(var(--spacing) * 10)}
#fs2-page .md\:w-24{width:calc(var(--spacing) * 24)}
#fs2-page .md\:w-28{width:calc(var(--spacing) * 28)}
#fs2-page .md\:w-72{width:calc(var(--spacing) * 72)}
#fs2-page .md\:min-w-\[130px\]{min-width:130px}
#fs2-page .md\:flex-1{flex:1}
#fs2-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs2-page .md\:flex-col{flex-direction:column}
#fs2-page .md\:flex-row{flex-direction:row}
#fs2-page .md\:flex-row-reverse{flex-direction:row-reverse}
#fs2-page .md\:items-center{align-items:center}
#fs2-page .md\:gap-0{gap:0}
#fs2-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#fs2-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#fs2-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#fs2-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#fs2-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#fs2-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#fs2-page .md\:overflow-visible{overflow:visible}
#fs2-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#fs2-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#fs2-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#fs2-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#fs2-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#fs2-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs2-page .md\:px-8{padding-inline:calc(var(--spacing) * 8)}
#fs2-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#fs2-page .md\:py-0{padding-block:0}
#fs2-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#fs2-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#fs2-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#fs2-page .md\:py-6{padding-block:calc(var(--spacing) * 6)}
#fs2-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#fs2-page .md\:text-justify{text-align:justify}
#fs2-page .md\:text-right{text-align:right}
#fs2-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs2-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs2-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#fs2-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs2-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs2-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs2-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs2-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs2-page .md\:text-\[9px\]{font-size:9px}
#fs2-page .md\:text-\[10px\]{font-size:10px}
#fs2-page .md\:text-\[14px\]{font-size:14px}}
@media (min-width:64rem){#fs2-page .lg\:order-1{order:1}
#fs2-page .lg\:order-2{order:2}
#fs2-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#fs2-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#fs2-page .lg\:mt-8{margin-top:calc(var(--spacing) * 8)}
#fs2-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#fs2-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#fs2-page .lg\:mb-0{margin-bottom:0}
#fs2-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#fs2-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#fs2-page .lg\:block{display:block}
#fs2-page .lg\:flex{display:flex}
#fs2-page .lg\:hidden{display:none}
#fs2-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#fs2-page .lg\:h-\[70px\]{height:70px}
#fs2-page .lg\:h-\[132px\]{height:132px}
#fs2-page .lg\:h-\[300px\]{height:300px}
#fs2-page .lg\:min-h-\[500px\]{min-height:500px}
#fs2-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#fs2-page .lg\:w-\[40\%\]{width:40%}
#fs2-page .lg\:w-\[45\%\]{width:45%}
#fs2-page .lg\:w-\[55\%\]{width:55%}
#fs2-page .lg\:w-\[58\%\]{width:58%}
#fs2-page .lg\:w-\[70px\]{width:70px}
#fs2-page .lg\:w-auto{width:auto}
#fs2-page .lg\:w-fit{width:fit-content}
#fs2-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#fs2-page .lg\:flex-row{flex-direction:row}
#fs2-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#fs2-page .lg\:items-center{align-items:center}
#fs2-page .lg\:justify-end{justify-content:flex-end}
#fs2-page .lg\:gap-0{gap:0}
#fs2-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#fs2-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#fs2-page .lg\:gap-8{gap:calc(var(--spacing) * 8)}
#fs2-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#fs2-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#fs2-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#fs2-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#fs2-page .lg\:gap-y-6{row-gap:calc(var(--spacing) * 6)}
#fs2-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#fs2-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#fs2-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#fs2-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs2-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs2-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#fs2-page .lg\:px-21{padding-inline:calc(var(--spacing) * 21)}
#fs2-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#fs2-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#fs2-page .lg\:pt-\[132px\]{padding-top:132px}
#fs2-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#fs2-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#fs2-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs2-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs2-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs2-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs2-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs2-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs2-page .lg\:text-\[10px\]{font-size:10px}
#fs2-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#fs2-page .lg\:leading-\[56px\]{--tw-leading:56px;line-height:56px}
#fs2-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#fs2-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#fs2-page .xl\:mt-60{margin-top:calc(var(--spacing) * 60)}
#fs2-page .xl\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#fs2-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#fs2-page .xl\:flex{display:flex}
#fs2-page .xl\:hidden{display:none}
#fs2-page .xl\:h-\[142px\]{height:142px}
#fs2-page .xl\:w-1\/2{width:50%}
#fs2-page .xl\:w-1\/3{width:33.3333%}
#fs2-page .xl\:w-\[32\%\]{width:32%}
#fs2-page .xl\:w-\[60\%\]{width:60%}
#fs2-page .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#fs2-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#fs2-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#fs2-page .xl\:flex-row{flex-direction:row}
#fs2-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#fs2-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#fs2-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#fs2-page .xl\:gap-y-1{row-gap:var(--spacing)}
#fs2-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs2-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#fs2-page .xl\:pt-\[142px\]{padding-top:142px}
#fs2-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs2-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#fs2-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs2-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs2-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs2-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs2-page .xl\:text-\[11px\]{font-size:11px}
#fs2-page .xl\:text-\[14px\]{font-size:14px}
#fs2-page .xl\:text-\[36px\]{font-size:36px}
#fs2-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#fs2-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#fs2-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#fs2-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#fs2-page .\32 xl\:gap-\[25px\]{gap:25px}
#fs2-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#fs2-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#fs2-page .\32 xl\:text-left{text-align:left}
#fs2-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs2-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs2-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs2-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs2-page .\32 xl\:text-\[16px\]{font-size:16px}
#fs2-page .\32 xl\:text-\[27px\]{font-size:27px}
#fs2-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
#fs2-page .fanum-font,#fs2-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#fs2-page .semibold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:600}
#fs2-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#fs2-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
@keyframes fa-alarmPulse{0%,to{transform:scale(1)rotate(0)}15%{transform:scale(1.1)rotate(-12deg)}30%{transform:scale(1.1)rotate(12deg)}45%{transform:scale(1.1)rotate(-8deg)}60%{transform:scale(1.05)rotate(6deg)}75%{transform:scale(1)rotate(0)}}
#fs2-page .alarm-animation{transform-origin:50% 10%;animation:2.4s ease-in-out infinite fa-alarmPulse}
@keyframes fa-brandScroll{0%{transform:translate(0)}to{transform:translateX(calc(-50% - var(--hg,0px)))}}
#fs2-page .brand-scroll-animation{width:max-content;animation:45s linear infinite fa-brandScroll}
#fs2-page .brand-scroll-animation:hover{animation-play-state:paused}
#fs2-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#fs2-page .sol-dd{z-index:60;opacity:0;visibility:hidden;background:#fff;border-radius:16px;min-width:220px;padding:8px;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(8px);box-shadow:0 12px 32px #0a27452e}
#fs2-page .sol-dd.open{opacity:1;visibility:visible;transform:none}
#fs2-page .sol-dd a{color:var(--nv);white-space:nowrap;border-radius:10px;padding:10px 14px;font-size:14px;display:block}
#fs2-page .sol-dd a:hover{color:var(--acc);background:var(--fa-soft)}
#fs2-page .sol-dd-top{top:calc(100% + 4px)}
#fs2-page #mobile-drawer{z-index:2000;visibility:hidden;position:fixed;inset:0}
#fs2-page #mobile-drawer.open{visibility:visible}
#fs2-page #mobile-drawer .bg{opacity:0;background:#00000073;transition:opacity .25s;position:absolute;inset:0}
#fs2-page #mobile-drawer.open .bg{opacity:1}
#fs2-page #mobile-drawer .panel{background:#fff;width:min(86vw,340px);padding:20px;transition:transform .28s;position:absolute;top:0;bottom:0;right:0;overflow:auto;transform:translate(100%)}
#fs2-page #mobile-drawer.open .panel{transform:none}
#fs2-page #mobile-drawer .panel a,#fs2-page #mobile-drawer .panel summary{color:var(--nv);cursor:pointer;border-bottom:1px solid #f1e6e0;padding:12px 8px;font-weight:700;display:block}
#fs2-page #mobile-drawer .panel details a{padding-right:20px;font-weight:400}
#fs2-page #search-box{visibility:hidden;z-index:2100;background:#fff;padding:16px;transition:transform .25s;position:fixed;top:0;left:0;right:0;transform:translateY(-110%);box-shadow:0 8px 24px #00000026}
#fs2-page #search-box.open{visibility:visible;transform:none}
#fs2-page #lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#fs2-page #lightbox.open{display:flex}
#fs2-page #lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#fs2-page .no-scrollbar{scrollbar-width:none}
#fs2-page .no-scrollbar::-webkit-scrollbar{display:none}
#fs2-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#fs2-page .faq-open svg{transition:transform .2s}
#fs2-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#fs2-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#fs2-page #service-menu.open{display:block}
#fs2-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#fs2-page #service-menu li:hover,#fs2-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#fs2-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#fs2-page .left-\[35\%\]{
    left: 35%;
  }
#fs2-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#fs2-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#fs2-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#fs2-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#fs2-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#fs2-page .min-h-screen{
    min-height: 100vh;
  }
#fs2-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#fs2-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#fs2-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#fs2-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#fs2-page .max-w-xl{
    max-width: var(--container-xl);
  }
#fs2-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#fs2-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#fs2-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#fs2-page .flex-wrap{
    flex-wrap: wrap;
  }
#fs2-page .justify-around{
    justify-content: space-around;
  }
#fs2-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#fs2-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#fs2-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#fs2-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#fs2-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#fs2-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#fs2-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#fs2-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#fs2-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#fs2-page .bg-ab-card{
    background-color: var(--card);
  }
#fs2-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#fs2-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#fs2-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#fs2-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#fs2-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#fs2-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#fs2-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#fs2-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#fs2-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#fs2-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#fs2-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#fs2-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#fs2-page .text-ab-cream{
    color: #f6ecd6;
  }
#fs2-page .text-ab-ink{
    color: var(--ink);
  }
#fs2-page .text-ab-mut{
    color: var(--mut);
  }
#fs2-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#fs2-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#fs2-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#fs2-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#fs2-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#fs2-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#fs2-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#fs2-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#fs2-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#fs2-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#fs2-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#fs2-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#fs2-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#fs2-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#fs2-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#fs2-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#fs2-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#fs2-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#fs2-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#fs2-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#fs2-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#fs2-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#fs2-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#fs2-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#fs2-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#fs2-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#fs2-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#fs2-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#fs2-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#fs2-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#fs2-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#fs2-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#fs2-page .lg\:h-\[550px\]{
      height: 550px;
    }
#fs2-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#fs2-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#fs2-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#fs2-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#fs2-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#fs2-page .xl\:h-auto{
      height: auto;
    }
#fs2-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#fs2-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#fs2-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#fs2-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#fs2-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#fs2-page .xl\:py-0{
      padding-block: 0px;
    }
#fs2-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#fs2-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#fs2-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#fs2-page .ab-menu.open{display:block}
#fs2-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#fs2-page .ab-menu button:hover,#fs2-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#fs2-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#fs2-page .ab-msg:empty{display:none}
#fs2-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#fs2-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#fs2-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#fs2-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#fs2-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#fs2-page .brand-scroll-animation{--g:5rem}}
#fs2-page .brand-scroll-animation:hover{animation-play-state:paused}
#fs2-page .brand-scroll-animation,#fs2-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#fs2-page *{transition:none!important}#fs2-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#fs2-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#fs2-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #fs2-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #fs2-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#fs2-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#fs2-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#fs2-page [id^=fa-]{scroll-margin-top:120px}
#fs2-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#fs2-page .semibold-fanum-font,#fs2-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#fs2-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#fs2-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#fs2-page a{color:inherit;text-decoration:none}
#fs2-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#fs2-page input[type=checkbox]{accent-color:var(--gold1)}
#fs2-page .bg-white{background-color:var(--sec-alt)}
#fs2-page .text-black{color:var(--ink)}
#fs2-page .text-\[\#0A2745\],#fs2-page .text-secondary{color:var(--ink)}
#fs2-page .bg-primary.text-white,#fs2-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#fs2-page .bg-secondary.text-white,#fs2-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#fs2-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#fs2-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#fs2-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#fs2-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#fs2-page .sol-toast{background:var(--nv);color:#f6ecd6}
#fs2-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#fs2-page #service-menu li:hover,#fs2-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#fs2-page #lightbox img{background:var(--card)}
/* ===== هیرو: متن و دکمه‌ها همیشه روی زمینه‌ی تیره‌ی اسپرسو (حتی اگر ویدیو لود نشود یا روشن باشد) ===== */
#fs2-page #fs2-hero{background:#2b2118}
#fs2-page #fs2-hero>div[aria-hidden="true"]{background:linear-gradient(to top,rgba(28,23,18,.62) 0%,rgba(28,23,18,0) 60%),linear-gradient(to left,rgba(28,23,18,.9) 0%,rgba(28,23,18,.74) 55%,rgba(28,23,18,.56) 100%)}
#fs2-page #fs2-hero h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#fs2-page #fs2-hero h2,#fs2-page #fs2-hero h1 .hero-sub{color:var(--gold1,#d6b374);text-shadow:0 2px 14px rgba(0,0,0,.35)}
/* FAQ: عنوان h2 قبل از سوال‌ها در DOM است؛ چیدمان بصری مثل قبل */
#fs2-page #fs2-faq .fq-row{flex-direction:column}
@media (min-width:80rem){#fs2-page #fs2-faq .fq-row{flex-direction:row-reverse}}
#fs2-page #fs2-hero p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#fs2-page #fs2-hero a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#fs2-page #fs2-hero a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#fs2-page #fs2-hero a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#fs2-page #lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#fs2-page #lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#fs2-page #lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#fs2-page #lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#fs2-page #lightbox .lb-x,#fs2-page #lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#fs2-page #lightbox .lb-x{top:14px;left:14px}
#fs2-page #lightbox .lb-nav{top:50%;margin-top:-22px}
#fs2-page #lightbox .lb-prev{right:14px}
#fs2-page #lightbox .lb-next{left:14px}
#fs2-page #lightbox .lb-x:hover,#fs2-page #lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#fs2-page #lightbox .lb-x:focus-visible,#fs2-page #lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #fs2-page #lightbox{padding:60px 12px 84px}
 #fs2-page #lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #fs2-page #lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #fs2-page #lightbox .lb-prev{right:16px}
 #fs2-page #lightbox .lb-next{left:16px}
 #fs2-page #lightbox figcaption{max-width:calc(100vw - 150px)}
}
#fs2-page input::placeholder,#fs2-page textarea::placeholder{opacity:1}


/* متن مقاله‌ی انتهای صفحه «اتوماسیون تغذیه»: از Word با فونت Calibri و اندازه pt وارد شده بود؛
   اینجا هم‌فونت و هم‌اندازه با بقیه‌ی سکشن‌ها (Vazirmatn، رنگ سرمه‌ای) می‌شود. فاصله‌ها دست‌نخورده‌اند. */
#fs2-page .about-sol-html{color:var(--nv,#0A2745);font-size:16px;line-height:1.75;font-weight:400}
#fs2-page .about-sol-html,
#fs2-page .about-sol-html *{font-family:'Vazirmatn',Tahoma,sans-serif!important}
#fs2-page .about-sol-html p span{font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;color:inherit!important}
#fs2-page .about-sol-html h2,
#fs2-page .about-sol-html h2 span{font-size:20px!important;line-height:1.7!important;font-weight:700!important;color:var(--nv,#0A2745)!important}
#fs2-page .about-sol-html h2{margin:24px 0 8px}
#fs2-page .about-sol-html h2:first-child{margin-top:0}
@media (min-width:640px){
 #fs2-page .about-sol-html{font-size:18px}
 #fs2-page .about-sol-html h2,#fs2-page .about-sol-html h2 span{font-size:24px!important}
}


/* محتوای انتهای صفحه‌ی اتوماسیون تغذیه: هم‌استایل با سکشن «درباره سول» در صفحه‌ی اصلی؛ بولت‌ها با رنگ پالت (طلایی) */
#fs2-page #fs2-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#fs2-page #fs2-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#fs2-page #fs2-about *{box-sizing:border-box}
#fs2-page #fs2-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#fs2-page #fs2-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#fs2-page #fs2-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#fs2-page #fs2-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#fs2-page #fs2-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#fs2-page #fs2-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#fs2-page #fs2-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#fs2-page #fs2-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#fs2-page #fs2-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#fs2-page #fs2-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#fs2-page #fs2-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#fs2-page #fs2-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#fs2-page #fs2-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#fs2-page #fs2-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#fs2-page #fs2-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#fs2-page #fs2-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#fs2-page #fs2-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#fs2-page #fs2-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#fs2-page #fs2-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#fs2-page #fs2-about .seo-more[hidden]{display:none}
#fs2-page #fs2-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#fs2-page #fs2-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#fs2-page #fs2-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#fs2-page #fs2-about.seo-open .seo-fade,#fs2-page #fs2-about:not(.seo-js) .seo-fade{opacity:0}
#fs2-page #fs2-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#fs2-page #fs2-about .seo-ls,#fs2-page #fs2-about .seo-ls.seo-sm{grid-template-columns:1fr}#fs2-page #fs2-about .seo-in p{text-align:start}#fs2-page #fs2-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#fs2-page #fs2-about .seo-body,#fs2-page #fs2-about .seo-ls li,#fs2-page #fs2-about .seo-more,#fs2-page #fs2-about .seo-more i svg,#fs2-page #fs2-about .seo-fade{transition:none!important}}

/* نوار قرمز ناوبری صفحه: چسبان زیر هدر؛ overflow:hidden والد جایگزین clip می‌شود تا sticky کار کند */
#fs2-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#fs2-page #fs2-images{position:sticky;top:var(--fa-top,0px);z-index:19;transition:box-shadow .25s}
#fs2-page #fs2-images.fa-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#fs2-page section[id^="fa-"]{scroll-margin-top:calc(var(--fa-top,0px) + var(--fa-bar,64px) + 10px)}
/* فاصله‌ی نوار قرمز چسبان با هیرو (بالا) و بخش بعدی (پایین) کم شد؛ برای تغییر، فقط مقدار --fa-gap را عوض کنید */
#fs2-page{--fa-gap:clamp(12px,1.8vw,24px)}
#fs2-page #fs2-images{margin-top:var(--fa-gap)}
#fs2-page #fs2-images > div > div{margin-top:0}
#fs2-page #fs2-images + section{margin-top:var(--fa-gap)}


@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#fs3-page *,#fs3-page :before,#fs3-page :after,#fs3-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:""}}
#fs3-page,#fs3-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft)}
#fs3-page *,#fs3-page :after,#fs3-page :before,#fs3-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#fs3-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#fs3-page,#fs3-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#fs3-page hr{height:0;color:inherit;border-top-width:1px}
#fs3-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#fs3-page h1,#fs3-page h2,#fs3-page h3,#fs3-page h4,#fs3-page h5,#fs3-page h6{font-size:inherit;font-weight:inherit}
#fs3-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#fs3-page b,#fs3-page strong{font-weight:bolder}
#fs3-page code,#fs3-page kbd,#fs3-page samp,#fs3-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#fs3-page small{font-size:80%}
#fs3-page sub,#fs3-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#fs3-page sub{bottom:-.25em}
#fs3-page sup{top:-.5em}
#fs3-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#fs3-page :-moz-focusring:where(:not(iframe)){outline:auto}
#fs3-page progress{vertical-align:baseline}
#fs3-page summary{display:list-item}
#fs3-page ol,#fs3-page ul,#fs3-page menu{list-style:none}
#fs3-page img,#fs3-page svg,#fs3-page video,#fs3-page canvas,#fs3-page audio,#fs3-page iframe,#fs3-page embed,#fs3-page object{vertical-align:middle;display:block}
#fs3-page img,#fs3-page video{max-width:100%;height:auto}
#fs3-page button,#fs3-page input,#fs3-page select,#fs3-page optgroup,#fs3-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#fs3-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#fs3-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#fs3-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#fs3-page ::file-selector-button{margin-inline-end:4px}
#fs3-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#fs3-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#fs3-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#fs3-page textarea{resize:vertical}
#fs3-page ::-webkit-search-decoration{-webkit-appearance:none}
#fs3-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#fs3-page ::-webkit-datetime-edit{display:inline-flex}
#fs3-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#fs3-page ::-webkit-datetime-edit{padding-block:0}
#fs3-page ::-webkit-datetime-edit-year-field{padding-block:0}
#fs3-page ::-webkit-datetime-edit-month-field{padding-block:0}
#fs3-page ::-webkit-datetime-edit-day-field{padding-block:0}
#fs3-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#fs3-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#fs3-page ::-webkit-datetime-edit-second-field{padding-block:0}
#fs3-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#fs3-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#fs3-page ::-webkit-calendar-picker-indicator{line-height:1}
#fs3-page :-moz-ui-invalid{box-shadow:none}
#fs3-page button,#fs3-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#fs3-page ::file-selector-button{appearance:button}
#fs3-page ::-webkit-inner-spin-button{height:auto}
#fs3-page ::-webkit-outer-spin-button{height:auto}
#fs3-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#fs3-page{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
#fs3-page{color:var(--nv);background:#fff;font-family:Vazirmatn,Tahoma,Segoe UI,Arial,sans-serif}
#fs3-page button,#fs3-page [role=button],#fs3-page a{-webkit-tap-highlight-color:transparent}
#fs3-page img{max-width:100%}
#fs3-page .pointer-events-none{pointer-events:none}
#fs3-page .absolute{position:absolute}
#fs3-page .fixed{position:fixed}
#fs3-page .relative{position:relative}
#fs3-page .static{position:static}
#fs3-page .inset-0{inset:0}
#fs3-page .inset-x-0{inset-inline:0}
#fs3-page .top-0{top:0}
#fs3-page .top-2{top:calc(var(--spacing) * 2)}
#fs3-page .top-3{top:calc(var(--spacing) * 3)}
#fs3-page .top-6{top:calc(var(--spacing) * 6)}
#fs3-page .top-full{top:100%}
#fs3-page .right-0{right:0}
#fs3-page .right-1{right:var(--spacing)}
#fs3-page .right-2{right:calc(var(--spacing) * 2)}
#fs3-page .right-4{right:calc(var(--spacing) * 4)}
#fs3-page .bottom-0{bottom:0}
#fs3-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#fs3-page .left-0{left:0}
#fs3-page .left-1\/2{left:50%}
#fs3-page .-z-10{z-index:calc(10 * -1)}
#fs3-page .z-1{z-index:1}
#fs3-page .z-2{z-index:2}
#fs3-page .z-10{z-index:10}
#fs3-page .z-20{z-index:20}
#fs3-page .z-40{z-index:40}
#fs3-page .z-50{z-index:50}
#fs3-page .z-1000{z-index:1000}
#fs3-page .order-1{order:1}
#fs3-page .order-2{order:2}
#fs3-page .order-3{order:3}
#fs3-page .m-0{margin:0}
#fs3-page .mx-1{margin-inline:var(--spacing)}
#fs3-page .mx-auto{margin-inline:auto}
#fs3-page .my-2{margin-block:calc(var(--spacing) * 2)}
#fs3-page .my-24{margin-block:calc(var(--spacing) * 24)}
#fs3-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#fs3-page .-mt-20{margin-top:calc(var(--spacing) * -20)}
#fs3-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#fs3-page .mt-1{margin-top:var(--spacing)}
#fs3-page .mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}
#fs3-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#fs3-page .mt-3{margin-top:calc(var(--spacing) * 3)}
#fs3-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#fs3-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#fs3-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#fs3-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#fs3-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#fs3-page .mt-60{margin-top:calc(var(--spacing) * 60)}
#fs3-page .mb-1{margin-bottom:var(--spacing)}
#fs3-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#fs3-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#fs3-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#fs3-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#fs3-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#fs3-page .mb-24{margin-bottom:calc(var(--spacing) * 24)}
#fs3-page .mb-36{margin-bottom:calc(var(--spacing) * 36)}
#fs3-page .mb-safe{margin-bottom:env(safe-area-inset-bottom,0px)}
#fs3-page .block{display:block}
#fs3-page .flex{display:flex}
#fs3-page .grid{display:grid}
#fs3-page .hidden{display:none}
#fs3-page .inline{display:inline}
#fs3-page .inline-block{display:inline-block}
#fs3-page .inline-flex{display:inline-flex}
#fs3-page .h-1\.5{height:calc(var(--spacing) * 1.5)}
#fs3-page .h-2\.5{height:calc(var(--spacing) * 2.5)}
#fs3-page .h-5{height:calc(var(--spacing) * 5)}
#fs3-page .h-6{height:calc(var(--spacing) * 6)}
#fs3-page .h-8{height:calc(var(--spacing) * 8)}
#fs3-page .h-10{height:calc(var(--spacing) * 10)}
#fs3-page .h-12{height:calc(var(--spacing) * 12)}
#fs3-page .h-16{height:calc(var(--spacing) * 16)}
#fs3-page .h-20{height:calc(var(--spacing) * 20)}
#fs3-page .h-72{height:calc(var(--spacing) * 72)}
#fs3-page .h-\[50px\]{height:50px}
#fs3-page .h-\[72px\]{height:72px}
#fs3-page .h-\[155\.95px\]{height:155.95px}
#fs3-page .h-\[180px\]{height:180px}
#fs3-page .h-\[200px\]{height:200px}
#fs3-page .h-auto{height:auto}
#fs3-page .h-full{height:100%}
#fs3-page .max-h-0{max-height:0}
#fs3-page .max-h-\[280px\]{max-height:280px}
#fs3-page .min-h-0{min-height:0}
#fs3-page .min-h-\[44px\]{min-height:44px}
#fs3-page .min-h-\[260px\]{min-height:260px}
#fs3-page .min-h-\[300px\]{min-height:300px}
#fs3-page .min-h-\[320px\]{min-height:320px}
#fs3-page .min-h-\[323px\]{min-height:323px}
#fs3-page .min-h-\[360px\]{min-height:360px}
#fs3-page .w-1\.5{width:calc(var(--spacing) * 1.5)}
#fs3-page .w-2\.5{width:calc(var(--spacing) * 2.5)}
#fs3-page .w-5{width:calc(var(--spacing) * 5)}
#fs3-page .w-6{width:calc(var(--spacing) * 6)}
#fs3-page .w-8{width:calc(var(--spacing) * 8)}
#fs3-page .w-10{width:calc(var(--spacing) * 10)}
#fs3-page .w-12{width:calc(var(--spacing) * 12)}
#fs3-page .w-16{width:calc(var(--spacing) * 16)}
#fs3-page .w-20{width:calc(var(--spacing) * 20)}
#fs3-page .w-24{width:calc(var(--spacing) * 24)}
#fs3-page .w-30{width:calc(var(--spacing) * 30)}
#fs3-page .w-44{width:calc(var(--spacing) * 44)}
#fs3-page .w-72{width:calc(var(--spacing) * 72)}
#fs3-page .w-\[155\.95px\]{width:155.95px}
#fs3-page .w-\[181px\]{width:181px}
#fs3-page .w-auto{width:auto}
#fs3-page .w-fit{width:fit-content}
#fs3-page .w-full{width:100%}
#fs3-page .max-w-2xl{max-width:var(--container-2xl)}
#fs3-page .max-w-3xl{max-width:var(--container-3xl)}
#fs3-page .max-w-4xl{max-width:var(--container-4xl)}
#fs3-page .max-w-full{max-width:100%}
#fs3-page .min-w-0{min-width:0}
#fs3-page .min-w-full{min-width:100%}
#fs3-page .flex-1{flex:1}
#fs3-page .flex-shrink-0,#fs3-page .shrink-0{flex-shrink:0}
#fs3-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs3-page .-translate-y-\[16px\]{--tw-translate-y:calc(16px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs3-page .rotate-0{rotate:0deg}
#fs3-page .rotate-180{rotate:180deg}
#fs3-page .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
#fs3-page .cursor-not-allowed{cursor:not-allowed}
#fs3-page .cursor-pointer{cursor:pointer}
#fs3-page .resize{resize:both}
#fs3-page .list-none{list-style-type:none}
#fs3-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#fs3-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs3-page .flex-col{flex-direction:column}
#fs3-page .flex-col-reverse{flex-direction:column-reverse}
#fs3-page .flex-row{flex-direction:row}
#fs3-page .flex-row-reverse{flex-direction:row-reverse}
#fs3-page .flex-nowrap{flex-wrap:nowrap}
#fs3-page .items-center{align-items:center}
#fs3-page .items-end{align-items:flex-end}
#fs3-page .items-start{align-items:flex-start}
#fs3-page .items-stretch{align-items:stretch}
#fs3-page .justify-between{justify-content:space-between}
#fs3-page .justify-center{justify-content:center}
#fs3-page .justify-end{justify-content:flex-end}
#fs3-page .justify-start{justify-content:flex-start}
#fs3-page .justify-items-center{justify-items:center}
#fs3-page .justify-items-stretch{justify-items:stretch}
#fs3-page .gap-1{gap:var(--spacing)}
#fs3-page .gap-2{gap:calc(var(--spacing) * 2)}
#fs3-page .gap-3{gap:calc(var(--spacing) * 3)}
#fs3-page .gap-4{gap:calc(var(--spacing) * 4)}
#fs3-page .gap-6{gap:calc(var(--spacing) * 6)}
#fs3-page .gap-8{gap:calc(var(--spacing) * 8)}
#fs3-page .gap-10{gap:calc(var(--spacing) * 10)}
#fs3-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#fs3-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#fs3-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#fs3-page .gap-x-6{column-gap:calc(var(--spacing) * 6)}
#fs3-page .gap-x-10{column-gap:calc(var(--spacing) * 10)}
#fs3-page .gap-y-4{row-gap:calc(var(--spacing) * 4)}
#fs3-page .gap-y-24{row-gap:calc(var(--spacing) * 24)}
#fs3-page .overflow-hidden{overflow:hidden}
#fs3-page .overflow-visible{overflow:visible}
#fs3-page .overflow-x-auto{overflow-x:auto}
#fs3-page .overflow-x-hidden{overflow-x:hidden}
#fs3-page .overflow-y-hidden{overflow-y:hidden}
#fs3-page .scroll-smooth{scroll-behavior:smooth}
#fs3-page .rounded-2xl{border-radius:var(--radius-2xl)}
#fs3-page .rounded-3xl{border-radius:var(--radius-3xl)}
#fs3-page .rounded-4xl{border-radius:var(--radius-4xl)}
#fs3-page .rounded-\[20px\]{border-radius:20px}
#fs3-page .rounded-\[32px\]{border-radius:32px}
#fs3-page .rounded-\[50px\]{border-radius:50px}
#fs3-page .rounded-full{border-radius:3.40282e38px}
#fs3-page .rounded-lg{border-radius:var(--radius-lg)}
#fs3-page .rounded-md{border-radius:var(--radius-md)}
#fs3-page .rounded-xl{border-radius:var(--radius-xl)}
#fs3-page .rounded-b-\[48px\]{border-bottom-right-radius:48px;border-bottom-left-radius:48px}
#fs3-page .border-0{border-style:var(--tw-border-style);border-width:0}
#fs3-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#fs3-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#fs3-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#fs3-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#fs3-page .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}
#fs3-page .border-none{--tw-border-style:none;border-style:none}
#fs3-page .border-\[\#C0C0C0\]{border-color:silver}
#fs3-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#fs3-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#fs3-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#fs3-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#fs3-page .border-green-500{border-color:var(--color-green-500)}
#fs3-page .border-transparent{border-color:#0000}
#fs3-page .border-white{border-color:var(--color-white)}
#fs3-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#fs3-page .bg-\[\#D9DEE2\]{background-color:var(--line)}
#fs3-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#fs3-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#fs3-page .bg-\[\#FFF3EA\]{background-color:var(--fa-soft)}
#fs3-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#fs3-page .bg-accent{background-color:var(--color-accent)}
#fs3-page .bg-black\/40{background-color:#0006}
@supports (color:color-mix(in lab, red, red)){#fs3-page .bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}
#fs3-page .bg-gray-100{background-color:var(--color-gray-100)}
#fs3-page .bg-primary{background-color:var(--color-primary)}
#fs3-page .bg-secondary{background-color:var(--color-secondary)}
#fs3-page .bg-transparent{background-color:#0000}
#fs3-page .bg-white{background-color:var(--color-white)}
#fs3-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#fs3-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#fs3-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#fs3-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#fs3-page .object-contain{object-fit:contain}
#fs3-page .object-cover{object-fit:cover}
#fs3-page .p-0{padding:0}
#fs3-page .p-1{padding:var(--spacing)}
#fs3-page .p-2{padding:calc(var(--spacing) * 2)}
#fs3-page .p-3{padding:calc(var(--spacing) * 3)}
#fs3-page .p-4{padding:calc(var(--spacing) * 4)}
#fs3-page .p-5{padding:calc(var(--spacing) * 5)}
#fs3-page .p-6{padding:calc(var(--spacing) * 6)}
#fs3-page .p-7{padding:calc(var(--spacing) * 7)}
#fs3-page .p-8{padding:calc(var(--spacing) * 8)}
#fs3-page .px-0{padding-inline:0}
#fs3-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#fs3-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#fs3-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#fs3-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#fs3-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#fs3-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#fs3-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#fs3-page .py-2{padding-block:calc(var(--spacing) * 2)}
#fs3-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#fs3-page .py-3{padding-block:calc(var(--spacing) * 3)}
#fs3-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#fs3-page .py-4{padding-block:calc(var(--spacing) * 4)}
#fs3-page .py-8{padding-block:calc(var(--spacing) * 8)}
#fs3-page .py-10{padding-block:calc(var(--spacing) * 10)}
#fs3-page .py-16{padding-block:calc(var(--spacing) * 16)}
#fs3-page .py-24{padding-block:calc(var(--spacing) * 24)}
#fs3-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#fs3-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#fs3-page .pt-8{padding-top:calc(var(--spacing) * 8)}
#fs3-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#fs3-page .pt-\[72px\]{padding-top:72px}
#fs3-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#fs3-page .pr-12{padding-right:calc(var(--spacing) * 12)}
#fs3-page .pb-0{padding-bottom:0}
#fs3-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#fs3-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#fs3-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#fs3-page .pb-14{padding-bottom:calc(var(--spacing) * 14)}
#fs3-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#fs3-page .text-center{text-align:center}
#fs3-page .text-justify{text-align:justify}
#fs3-page .text-right{text-align:right}
#fs3-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs3-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs3-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs3-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs3-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs3-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs3-page .text-\[10px\]{font-size:10px}
#fs3-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#fs3-page .leading-\[32px\]{--tw-leading:32px;line-height:32px}
#fs3-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#fs3-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#fs3-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#fs3-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#fs3-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#fs3-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#fs3-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#fs3-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#fs3-page .whitespace-nowrap{white-space:nowrap}
#fs3-page .text-\[\#0A2745\]{color:var(--nv)}
#fs3-page .text-\[\#595B5C\]{color:#595b5c}
#fs3-page .text-\[\#FF4C00\]{color:var(--acc)}
#fs3-page .text-\[\#ffff\]{color:#fff}
#fs3-page .text-black{color:var(--color-black)}
#fs3-page .text-gray-300{color:var(--color-gray-300)}
#fs3-page .text-gray-500{color:var(--color-gray-500)}
#fs3-page .text-gray-600{color:var(--color-gray-600)}
#fs3-page .text-green-700{color:var(--color-green-700)}
#fs3-page .text-red-500{color:var(--color-red-500)}
#fs3-page .text-secondary{color:var(--color-secondary)}
#fs3-page .text-white{color:var(--color-white)}
#fs3-page .not-italic{font-style:normal}
#fs3-page .underline{text-decoration-line:underline}
#fs3-page .accent-white{accent-color:var(--color-white)}
#fs3-page .opacity-0{opacity:0}
#fs3-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs3-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs3-page .shadow-\[0_2px_8px_rgba\(255\,76\,0\,0\.25\)\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs3-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs3-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs3-page .shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs3-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs3-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs3-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#fs3-page .outline{outline-style:var(--tw-outline-style);outline-width:1px}
#fs3-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
#fs3-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}
#fs3-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs3-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs3-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs3-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs3-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs3-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs3-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs3-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#fs3-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#fs3-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#fs3-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#fs3-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#fs3-page .will-change-transform{will-change:transform}
#fs3-page .select-none{-webkit-user-select:none;user-select:none}
#fs3-page .backface-visibility-hidden{backface-visibility:hidden}
@media (hover:hover){#fs3-page .group-hover\:absolute:is(:where(.group):hover *){position:absolute}
#fs3-page .group-hover\:flex:is(:where(.group):hover *){display:flex}
#fs3-page .group-hover\:-translate-y-2:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs3-page .group-hover\:-translate-y-full:is(:where(.group):hover *){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs3-page .group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs3-page .group-hover\:border-b-2:is(:where(.group):hover *){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#fs3-page .group-hover\:bg-\[\#0A2745\]:is(:where(.group):hover *){background-color:var(--nv)}
#fs3-page .group-hover\:bg-\[\#FFF6F2\]:is(:where(.group):hover *){background-color:var(--fa-soft)}
#fs3-page .group-hover\:text-\[\#FF4C00\]:is(:where(.group):hover *){color:var(--acc)}
#fs3-page .group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}
#fs3-page .group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}
#fs3-page .group-hover\:shadow-xl:is(:where(.group):hover *){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs3-page .group-hover\:blur-xs:is(:where(.group):hover *){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}
#fs3-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#fs3-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#fs3-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#fs3-page .after\:right-0:after{content:var(--tw-content);right:0}
#fs3-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#fs3-page .after\:left-0:after{content:var(--tw-content);left:0}
#fs3-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#fs3-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#fs3-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#fs3-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs3-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs3-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#fs3-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs3-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#fs3-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#fs3-page .hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs3-page .hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs3-page .hover\:scale-102:hover{--tw-scale-x:102%;--tw-scale-y:102%;--tw-scale-z:102%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs3-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs3-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs3-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#fs3-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#fs3-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#fs3-page .hover\:bg-\[\#0A2745\]\/10:hover{background-color:oklab(26.9107% -.0200244 -.0625058/.1)}
#fs3-page .hover\:bg-\[\#081a2e\]:hover{background-color:#081a2e}
#fs3-page .hover\:bg-\[\#163456\]:hover{background-color:color-mix(in srgb,var(--nv) 86%,#fff)}
#fs3-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 82%,#000)}
#fs3-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#fs3-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#fs3-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#fs3-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:color-mix(in srgb,var(--acc) 12%,var(--card))}
#fs3-page .hover\:bg-\[\#e44500\]:hover{background-color:#e44500}
#fs3-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#fs3-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#fs3-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#fs3-page .hover\:text-\[\#FF4C00\]:hover,#fs3-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#fs3-page .hover\:text-white:hover{color:var(--color-white)}
#fs3-page .hover\:underline:hover{text-decoration-line:underline}
#fs3-page .hover\:opacity-80:hover{opacity:.8}
#fs3-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs3-page .hover\:shadow-\[0_6px_20px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 6px 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs3-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs3-page .hover\:shadow-\[0_10px_24px_rgba\(10\,39\,69\,0\.14\)\]:hover{--tw-shadow:0 10px 24px var(--tw-shadow-color,#0a274524);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs3-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs3-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs3-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#fs3-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#fs3-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#fs3-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#fs3-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#fs3-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#fs3-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#fs3-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs3-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#fs3-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#fs3-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#fs3-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#fs3-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs3-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#fs3-page .focus-visible\:ring-\[\#FF4C00\]\/50:focus-visible{--tw-ring-color:oklab(66.6687% .179651 .134278/.5)}
#fs3-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#fs3-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#fs3-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#fs3-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#fs3-page .active\:translate-y-0:active{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs3-page .active\:scale-\[0\.98\]:active{scale:.98}
#fs3-page .active\:bg-\[\#06141f\]:active{background-color:#06141f}
#fs3-page .active\:bg-\[\#CC3D00\]:active{background-color:#cc3d00}
#fs3-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
@media (min-width:40rem){#fs3-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#fs3-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#fs3-page .sm\:bottom-1\/3{bottom:33.3333%}
#fs3-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#fs3-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#fs3-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#fs3-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#fs3-page .sm\:mb-17{margin-bottom:calc(var(--spacing) * 17)}
#fs3-page .sm\:mb-24{margin-bottom:calc(var(--spacing) * 24)}
#fs3-page .sm\:mb-34{margin-bottom:calc(var(--spacing) * 34)}
#fs3-page .sm\:inline{display:inline}
#fs3-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#fs3-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#fs3-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#fs3-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#fs3-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#fs3-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#fs3-page .sm\:h-\[60px\]{height:60px}
#fs3-page .sm\:h-\[100px\]{height:100px}
#fs3-page .sm\:max-h-\[320px\]{max-height:320px}
#fs3-page .sm\:min-h-\[360px\]{min-height:360px}
#fs3-page .sm\:min-h-\[400px\]{min-height:400px}
#fs3-page .sm\:min-h-\[580px\]{min-height:580px}
#fs3-page .sm\:min-h-\[600px\]{min-height:600px}
#fs3-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#fs3-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#fs3-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#fs3-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#fs3-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#fs3-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#fs3-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#fs3-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#fs3-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#fs3-page .sm\:min-w-\[120px\]{min-width:120px}
#fs3-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs3-page .sm\:flex-row{flex-direction:row}
#fs3-page .sm\:items-center{align-items:center}
#fs3-page .sm\:items-start{align-items:flex-start}
#fs3-page .sm\:justify-end{justify-content:flex-end}
#fs3-page .sm\:justify-start{justify-content:flex-start}
#fs3-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#fs3-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#fs3-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#fs3-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#fs3-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#fs3-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#fs3-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#fs3-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#fs3-page :where(.sm\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#fs3-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#fs3-page .sm\:gap-x-10{column-gap:calc(var(--spacing) * 10)}
#fs3-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#fs3-page .sm\:rounded-4xl{border-radius:var(--radius-4xl)}
#fs3-page .sm\:rounded-\[36px\]{border-radius:36px}
#fs3-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#fs3-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#fs3-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#fs3-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#fs3-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#fs3-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#fs3-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs3-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#fs3-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs3-page .sm\:py-0{padding-block:0}
#fs3-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#fs3-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#fs3-page .sm\:py-30{padding-block:calc(var(--spacing) * 30)}
#fs3-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#fs3-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs3-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs3-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs3-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs3-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs3-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs3-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs3-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs3-page .sm\:text-\[12px\]{font-size:12px}
#fs3-page .sm\:text-\[19px\]{font-size:19px}}
@media (min-width:48rem){#fs3-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#fs3-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#fs3-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#fs3-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#fs3-page .md\:mt-70{margin-top:calc(var(--spacing) * 70)}
#fs3-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#fs3-page .md\:block{display:block}
#fs3-page .md\:flex{display:flex}
#fs3-page .md\:hidden{display:none}
#fs3-page .md\:inline-block{display:inline-block}
#fs3-page .md\:h-10{height:calc(var(--spacing) * 10)}
#fs3-page .md\:h-28{height:calc(var(--spacing) * 28)}
#fs3-page .md\:h-\[250px\]{height:250px}
#fs3-page .md\:max-h-none{max-height:none}
#fs3-page .md\:w-10{width:calc(var(--spacing) * 10)}
#fs3-page .md\:w-24{width:calc(var(--spacing) * 24)}
#fs3-page .md\:w-28{width:calc(var(--spacing) * 28)}
#fs3-page .md\:w-72{width:calc(var(--spacing) * 72)}
#fs3-page .md\:min-w-\[130px\]{min-width:130px}
#fs3-page .md\:flex-1{flex:1}
#fs3-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs3-page .md\:flex-col{flex-direction:column}
#fs3-page .md\:flex-row{flex-direction:row}
#fs3-page .md\:flex-row-reverse{flex-direction:row-reverse}
#fs3-page .md\:items-center{align-items:center}
#fs3-page .md\:gap-0{gap:0}
#fs3-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#fs3-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#fs3-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#fs3-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#fs3-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#fs3-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#fs3-page .md\:overflow-visible{overflow:visible}
#fs3-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#fs3-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#fs3-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#fs3-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#fs3-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#fs3-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs3-page .md\:px-8{padding-inline:calc(var(--spacing) * 8)}
#fs3-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#fs3-page .md\:py-0{padding-block:0}
#fs3-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#fs3-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#fs3-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#fs3-page .md\:py-6{padding-block:calc(var(--spacing) * 6)}
#fs3-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#fs3-page .md\:text-justify{text-align:justify}
#fs3-page .md\:text-right{text-align:right}
#fs3-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs3-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs3-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#fs3-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs3-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs3-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs3-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs3-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs3-page .md\:text-\[9px\]{font-size:9px}
#fs3-page .md\:text-\[10px\]{font-size:10px}
#fs3-page .md\:text-\[14px\]{font-size:14px}}
@media (min-width:64rem){#fs3-page .lg\:order-1{order:1}
#fs3-page .lg\:order-2{order:2}
#fs3-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#fs3-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#fs3-page .lg\:mt-8{margin-top:calc(var(--spacing) * 8)}
#fs3-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#fs3-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#fs3-page .lg\:mb-0{margin-bottom:0}
#fs3-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#fs3-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#fs3-page .lg\:block{display:block}
#fs3-page .lg\:flex{display:flex}
#fs3-page .lg\:hidden{display:none}
#fs3-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#fs3-page .lg\:h-\[70px\]{height:70px}
#fs3-page .lg\:h-\[132px\]{height:132px}
#fs3-page .lg\:h-\[300px\]{height:300px}
#fs3-page .lg\:min-h-\[500px\]{min-height:500px}
#fs3-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#fs3-page .lg\:w-\[40\%\]{width:40%}
#fs3-page .lg\:w-\[45\%\]{width:45%}
#fs3-page .lg\:w-\[55\%\]{width:55%}
#fs3-page .lg\:w-\[58\%\]{width:58%}
#fs3-page .lg\:w-\[70px\]{width:70px}
#fs3-page .lg\:w-auto{width:auto}
#fs3-page .lg\:w-fit{width:fit-content}
#fs3-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#fs3-page .lg\:flex-row{flex-direction:row}
#fs3-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#fs3-page .lg\:items-center{align-items:center}
#fs3-page .lg\:justify-end{justify-content:flex-end}
#fs3-page .lg\:gap-0{gap:0}
#fs3-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#fs3-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#fs3-page .lg\:gap-8{gap:calc(var(--spacing) * 8)}
#fs3-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#fs3-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#fs3-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#fs3-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#fs3-page .lg\:gap-y-6{row-gap:calc(var(--spacing) * 6)}
#fs3-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#fs3-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#fs3-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#fs3-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs3-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs3-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#fs3-page .lg\:px-21{padding-inline:calc(var(--spacing) * 21)}
#fs3-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#fs3-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#fs3-page .lg\:pt-\[132px\]{padding-top:132px}
#fs3-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#fs3-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#fs3-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs3-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs3-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs3-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs3-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs3-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs3-page .lg\:text-\[10px\]{font-size:10px}
#fs3-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#fs3-page .lg\:leading-\[56px\]{--tw-leading:56px;line-height:56px}
#fs3-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#fs3-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#fs3-page .xl\:mt-60{margin-top:calc(var(--spacing) * 60)}
#fs3-page .xl\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#fs3-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#fs3-page .xl\:flex{display:flex}
#fs3-page .xl\:hidden{display:none}
#fs3-page .xl\:h-\[142px\]{height:142px}
#fs3-page .xl\:w-1\/2{width:50%}
#fs3-page .xl\:w-1\/3{width:33.3333%}
#fs3-page .xl\:w-\[32\%\]{width:32%}
#fs3-page .xl\:w-\[60\%\]{width:60%}
#fs3-page .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#fs3-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#fs3-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#fs3-page .xl\:flex-row{flex-direction:row}
#fs3-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#fs3-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#fs3-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#fs3-page .xl\:gap-y-1{row-gap:var(--spacing)}
#fs3-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs3-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#fs3-page .xl\:pt-\[142px\]{padding-top:142px}
#fs3-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs3-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#fs3-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs3-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs3-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs3-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs3-page .xl\:text-\[11px\]{font-size:11px}
#fs3-page .xl\:text-\[14px\]{font-size:14px}
#fs3-page .xl\:text-\[36px\]{font-size:36px}
#fs3-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#fs3-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#fs3-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#fs3-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#fs3-page .\32 xl\:gap-\[25px\]{gap:25px}
#fs3-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#fs3-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#fs3-page .\32 xl\:text-left{text-align:left}
#fs3-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs3-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs3-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs3-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs3-page .\32 xl\:text-\[16px\]{font-size:16px}
#fs3-page .\32 xl\:text-\[27px\]{font-size:27px}
#fs3-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
#fs3-page .fanum-font,#fs3-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#fs3-page .semibold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:600}
#fs3-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#fs3-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
@keyframes fa-alarmPulse{0%,to{transform:scale(1)rotate(0)}15%{transform:scale(1.1)rotate(-12deg)}30%{transform:scale(1.1)rotate(12deg)}45%{transform:scale(1.1)rotate(-8deg)}60%{transform:scale(1.05)rotate(6deg)}75%{transform:scale(1)rotate(0)}}
#fs3-page .alarm-animation{transform-origin:50% 10%;animation:2.4s ease-in-out infinite fa-alarmPulse}
@keyframes fa-brandScroll{0%{transform:translate(0)}to{transform:translateX(calc(-50% - var(--hg,0px)))}}
#fs3-page .brand-scroll-animation{width:max-content;animation:45s linear infinite fa-brandScroll}
#fs3-page .brand-scroll-animation:hover{animation-play-state:paused}
#fs3-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#fs3-page .sol-dd{z-index:60;opacity:0;visibility:hidden;background:#fff;border-radius:16px;min-width:220px;padding:8px;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(8px);box-shadow:0 12px 32px #0a27452e}
#fs3-page .sol-dd.open{opacity:1;visibility:visible;transform:none}
#fs3-page .sol-dd a{color:var(--nv);white-space:nowrap;border-radius:10px;padding:10px 14px;font-size:14px;display:block}
#fs3-page .sol-dd a:hover{color:var(--acc);background:var(--fa-soft)}
#fs3-page .sol-dd-top{top:calc(100% + 4px)}
#fs3-page #mobile-drawer{z-index:2000;visibility:hidden;position:fixed;inset:0}
#fs3-page #mobile-drawer.open{visibility:visible}
#fs3-page #mobile-drawer .bg{opacity:0;background:#00000073;transition:opacity .25s;position:absolute;inset:0}
#fs3-page #mobile-drawer.open .bg{opacity:1}
#fs3-page #mobile-drawer .panel{background:#fff;width:min(86vw,340px);padding:20px;transition:transform .28s;position:absolute;top:0;bottom:0;right:0;overflow:auto;transform:translate(100%)}
#fs3-page #mobile-drawer.open .panel{transform:none}
#fs3-page #mobile-drawer .panel a,#fs3-page #mobile-drawer .panel summary{color:var(--nv);cursor:pointer;border-bottom:1px solid #f1e6e0;padding:12px 8px;font-weight:700;display:block}
#fs3-page #mobile-drawer .panel details a{padding-right:20px;font-weight:400}
#fs3-page #search-box{visibility:hidden;z-index:2100;background:#fff;padding:16px;transition:transform .25s;position:fixed;top:0;left:0;right:0;transform:translateY(-110%);box-shadow:0 8px 24px #00000026}
#fs3-page #search-box.open{visibility:visible;transform:none}
#fs3-page #lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#fs3-page #lightbox.open{display:flex}
#fs3-page #lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#fs3-page .no-scrollbar{scrollbar-width:none}
#fs3-page .no-scrollbar::-webkit-scrollbar{display:none}
#fs3-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#fs3-page .faq-open svg{transition:transform .2s}
#fs3-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#fs3-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#fs3-page #service-menu.open{display:block}
#fs3-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#fs3-page #service-menu li:hover,#fs3-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#fs3-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#fs3-page .left-\[35\%\]{
    left: 35%;
  }
#fs3-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#fs3-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#fs3-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#fs3-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#fs3-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#fs3-page .min-h-screen{
    min-height: 100vh;
  }
#fs3-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#fs3-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#fs3-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#fs3-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#fs3-page .max-w-xl{
    max-width: var(--container-xl);
  }
#fs3-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#fs3-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#fs3-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#fs3-page .flex-wrap{
    flex-wrap: wrap;
  }
#fs3-page .justify-around{
    justify-content: space-around;
  }
#fs3-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#fs3-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#fs3-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#fs3-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#fs3-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#fs3-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#fs3-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#fs3-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#fs3-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#fs3-page .bg-ab-card{
    background-color: var(--card);
  }
#fs3-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#fs3-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#fs3-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#fs3-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#fs3-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#fs3-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#fs3-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#fs3-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#fs3-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#fs3-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#fs3-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#fs3-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#fs3-page .text-ab-cream{
    color: #f6ecd6;
  }
#fs3-page .text-ab-ink{
    color: var(--ink);
  }
#fs3-page .text-ab-mut{
    color: var(--mut);
  }
#fs3-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#fs3-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#fs3-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#fs3-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#fs3-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#fs3-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#fs3-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#fs3-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#fs3-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#fs3-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#fs3-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#fs3-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#fs3-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#fs3-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#fs3-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#fs3-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#fs3-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#fs3-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#fs3-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#fs3-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#fs3-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#fs3-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#fs3-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#fs3-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#fs3-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#fs3-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#fs3-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#fs3-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#fs3-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#fs3-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#fs3-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#fs3-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#fs3-page .lg\:h-\[550px\]{
      height: 550px;
    }
#fs3-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#fs3-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#fs3-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#fs3-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#fs3-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#fs3-page .xl\:h-auto{
      height: auto;
    }
#fs3-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#fs3-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#fs3-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#fs3-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#fs3-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#fs3-page .xl\:py-0{
      padding-block: 0px;
    }
#fs3-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#fs3-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#fs3-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#fs3-page .ab-menu.open{display:block}
#fs3-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#fs3-page .ab-menu button:hover,#fs3-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#fs3-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#fs3-page .ab-msg:empty{display:none}
#fs3-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#fs3-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#fs3-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#fs3-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#fs3-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#fs3-page .brand-scroll-animation{--g:5rem}}
#fs3-page .brand-scroll-animation:hover{animation-play-state:paused}
#fs3-page .brand-scroll-animation,#fs3-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#fs3-page *{transition:none!important}#fs3-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#fs3-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#fs3-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #fs3-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #fs3-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#fs3-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#fs3-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#fs3-page [id^=fa-]{scroll-margin-top:120px}
#fs3-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#fs3-page .semibold-fanum-font,#fs3-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#fs3-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#fs3-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#fs3-page a{color:inherit;text-decoration:none}
#fs3-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#fs3-page input[type=checkbox]{accent-color:var(--gold1)}
#fs3-page .bg-white{background-color:var(--sec-alt)}
#fs3-page .text-black{color:var(--ink)}
#fs3-page .text-\[\#0A2745\],#fs3-page .text-secondary{color:var(--ink)}
#fs3-page .bg-primary.text-white,#fs3-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#fs3-page .bg-secondary.text-white,#fs3-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#fs3-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#fs3-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#fs3-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#fs3-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#fs3-page .sol-toast{background:var(--nv);color:#f6ecd6}
#fs3-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#fs3-page #service-menu li:hover,#fs3-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#fs3-page #lightbox img{background:var(--card)}
/* ===== هیرو: متن و دکمه‌ها همیشه روی زمینه‌ی تیره‌ی اسپرسو (حتی اگر ویدیو لود نشود یا روشن باشد) ===== */
#fs3-page #fs3-hero{background:#2b2118}
#fs3-page #fs3-hero>div[aria-hidden="true"]{background:linear-gradient(to top,rgba(28,23,18,.62) 0%,rgba(28,23,18,0) 60%),linear-gradient(to left,rgba(28,23,18,.9) 0%,rgba(28,23,18,.74) 55%,rgba(28,23,18,.56) 100%)}
#fs3-page #fs3-hero h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#fs3-page #fs3-hero h2,#fs3-page #fs3-hero h1 .hero-sub{color:var(--gold1,#d6b374);text-shadow:0 2px 14px rgba(0,0,0,.35)}
/* FAQ: عنوان h2 قبل از سوال‌ها در DOM است؛ چیدمان بصری مثل قبل */
#fs3-page #fs3-faq .fq-row{flex-direction:column}
@media (min-width:80rem){#fs3-page #fs3-faq .fq-row{flex-direction:row-reverse}}
#fs3-page #fs3-hero p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#fs3-page #fs3-hero a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#fs3-page #fs3-hero a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#fs3-page #fs3-hero a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#fs3-page #lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#fs3-page #lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#fs3-page #lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#fs3-page #lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#fs3-page #lightbox .lb-x,#fs3-page #lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#fs3-page #lightbox .lb-x{top:14px;left:14px}
#fs3-page #lightbox .lb-nav{top:50%;margin-top:-22px}
#fs3-page #lightbox .lb-prev{right:14px}
#fs3-page #lightbox .lb-next{left:14px}
#fs3-page #lightbox .lb-x:hover,#fs3-page #lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#fs3-page #lightbox .lb-x:focus-visible,#fs3-page #lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #fs3-page #lightbox{padding:60px 12px 84px}
 #fs3-page #lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #fs3-page #lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #fs3-page #lightbox .lb-prev{right:16px}
 #fs3-page #lightbox .lb-next{left:16px}
 #fs3-page #lightbox figcaption{max-width:calc(100vw - 150px)}
}
#fs3-page input::placeholder,#fs3-page textarea::placeholder{opacity:1}


/* متن مقاله‌ی انتهای صفحه «اتوماسیون تغذیه»: از Word با فونت Calibri و اندازه pt وارد شده بود؛
   اینجا هم‌فونت و هم‌اندازه با بقیه‌ی سکشن‌ها (Vazirmatn، رنگ سرمه‌ای) می‌شود. فاصله‌ها دست‌نخورده‌اند. */
#fs3-page .about-sol-html{color:var(--nv,#0A2745);font-size:16px;line-height:1.75;font-weight:400}
#fs3-page .about-sol-html,
#fs3-page .about-sol-html *{font-family:'Vazirmatn',Tahoma,sans-serif!important}
#fs3-page .about-sol-html p span{font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;color:inherit!important}
#fs3-page .about-sol-html h2,
#fs3-page .about-sol-html h2 span{font-size:20px!important;line-height:1.7!important;font-weight:700!important;color:var(--nv,#0A2745)!important}
#fs3-page .about-sol-html h2{margin:24px 0 8px}
#fs3-page .about-sol-html h2:first-child{margin-top:0}
@media (min-width:640px){
 #fs3-page .about-sol-html{font-size:18px}
 #fs3-page .about-sol-html h2,#fs3-page .about-sol-html h2 span{font-size:24px!important}
}


/* محتوای انتهای صفحه‌ی اتوماسیون تغذیه: هم‌استایل با سکشن «درباره سول» در صفحه‌ی اصلی؛ بولت‌ها با رنگ پالت (طلایی) */
#fs3-page #fs3-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#fs3-page #fs3-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#fs3-page #fs3-about *{box-sizing:border-box}
#fs3-page #fs3-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#fs3-page #fs3-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#fs3-page #fs3-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#fs3-page #fs3-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#fs3-page #fs3-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#fs3-page #fs3-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#fs3-page #fs3-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#fs3-page #fs3-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#fs3-page #fs3-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#fs3-page #fs3-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#fs3-page #fs3-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#fs3-page #fs3-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#fs3-page #fs3-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#fs3-page #fs3-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#fs3-page #fs3-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#fs3-page #fs3-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#fs3-page #fs3-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#fs3-page #fs3-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#fs3-page #fs3-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#fs3-page #fs3-about .seo-more[hidden]{display:none}
#fs3-page #fs3-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#fs3-page #fs3-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#fs3-page #fs3-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#fs3-page #fs3-about.seo-open .seo-fade,#fs3-page #fs3-about:not(.seo-js) .seo-fade{opacity:0}
#fs3-page #fs3-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#fs3-page #fs3-about .seo-ls,#fs3-page #fs3-about .seo-ls.seo-sm{grid-template-columns:1fr}#fs3-page #fs3-about .seo-in p{text-align:start}#fs3-page #fs3-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#fs3-page #fs3-about .seo-body,#fs3-page #fs3-about .seo-ls li,#fs3-page #fs3-about .seo-more,#fs3-page #fs3-about .seo-more i svg,#fs3-page #fs3-about .seo-fade{transition:none!important}}

/* نوار قرمز ناوبری صفحه: چسبان زیر هدر؛ overflow:hidden والد جایگزین clip می‌شود تا sticky کار کند */
#fs3-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#fs3-page #fs3-images{position:sticky;top:var(--fa-top,0px);z-index:19;transition:box-shadow .25s}
#fs3-page #fs3-images.fa-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#fs3-page section[id^="fa-"]{scroll-margin-top:calc(var(--fa-top,0px) + var(--fa-bar,64px) + 10px)}
/* فاصله‌ی نوار قرمز چسبان با هیرو (بالا) و بخش بعدی (پایین) کم شد؛ برای تغییر، فقط مقدار --fa-gap را عوض کنید */
#fs3-page{--fa-gap:clamp(12px,1.8vw,24px)}
#fs3-page #fs3-images{margin-top:var(--fa-gap)}
#fs3-page #fs3-images > div > div{margin-top:0}
#fs3-page #fs3-images + section{margin-top:var(--fa-gap)}


@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#fs4-page *,#fs4-page :before,#fs4-page :after,#fs4-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:""}}
#fs4-page,#fs4-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft)}
#fs4-page *,#fs4-page :after,#fs4-page :before,#fs4-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#fs4-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#fs4-page,#fs4-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#fs4-page hr{height:0;color:inherit;border-top-width:1px}
#fs4-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#fs4-page h1,#fs4-page h2,#fs4-page h3,#fs4-page h4,#fs4-page h5,#fs4-page h6{font-size:inherit;font-weight:inherit}
#fs4-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#fs4-page b,#fs4-page strong{font-weight:bolder}
#fs4-page code,#fs4-page kbd,#fs4-page samp,#fs4-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#fs4-page small{font-size:80%}
#fs4-page sub,#fs4-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#fs4-page sub{bottom:-.25em}
#fs4-page sup{top:-.5em}
#fs4-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#fs4-page :-moz-focusring:where(:not(iframe)){outline:auto}
#fs4-page progress{vertical-align:baseline}
#fs4-page summary{display:list-item}
#fs4-page ol,#fs4-page ul,#fs4-page menu{list-style:none}
#fs4-page img,#fs4-page svg,#fs4-page video,#fs4-page canvas,#fs4-page audio,#fs4-page iframe,#fs4-page embed,#fs4-page object{vertical-align:middle;display:block}
#fs4-page img,#fs4-page video{max-width:100%;height:auto}
#fs4-page button,#fs4-page input,#fs4-page select,#fs4-page optgroup,#fs4-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#fs4-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#fs4-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#fs4-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#fs4-page ::file-selector-button{margin-inline-end:4px}
#fs4-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#fs4-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#fs4-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#fs4-page textarea{resize:vertical}
#fs4-page ::-webkit-search-decoration{-webkit-appearance:none}
#fs4-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#fs4-page ::-webkit-datetime-edit{display:inline-flex}
#fs4-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#fs4-page ::-webkit-datetime-edit{padding-block:0}
#fs4-page ::-webkit-datetime-edit-year-field{padding-block:0}
#fs4-page ::-webkit-datetime-edit-month-field{padding-block:0}
#fs4-page ::-webkit-datetime-edit-day-field{padding-block:0}
#fs4-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#fs4-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#fs4-page ::-webkit-datetime-edit-second-field{padding-block:0}
#fs4-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#fs4-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#fs4-page ::-webkit-calendar-picker-indicator{line-height:1}
#fs4-page :-moz-ui-invalid{box-shadow:none}
#fs4-page button,#fs4-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#fs4-page ::file-selector-button{appearance:button}
#fs4-page ::-webkit-inner-spin-button{height:auto}
#fs4-page ::-webkit-outer-spin-button{height:auto}
#fs4-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#fs4-page{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
#fs4-page{color:var(--nv);background:#fff;font-family:Vazirmatn,Tahoma,Segoe UI,Arial,sans-serif}
#fs4-page button,#fs4-page [role=button],#fs4-page a{-webkit-tap-highlight-color:transparent}
#fs4-page img{max-width:100%}
#fs4-page .pointer-events-none{pointer-events:none}
#fs4-page .absolute{position:absolute}
#fs4-page .fixed{position:fixed}
#fs4-page .relative{position:relative}
#fs4-page .static{position:static}
#fs4-page .inset-0{inset:0}
#fs4-page .inset-x-0{inset-inline:0}
#fs4-page .top-0{top:0}
#fs4-page .top-2{top:calc(var(--spacing) * 2)}
#fs4-page .top-3{top:calc(var(--spacing) * 3)}
#fs4-page .top-6{top:calc(var(--spacing) * 6)}
#fs4-page .top-full{top:100%}
#fs4-page .right-0{right:0}
#fs4-page .right-1{right:var(--spacing)}
#fs4-page .right-2{right:calc(var(--spacing) * 2)}
#fs4-page .right-4{right:calc(var(--spacing) * 4)}
#fs4-page .bottom-0{bottom:0}
#fs4-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#fs4-page .left-0{left:0}
#fs4-page .left-1\/2{left:50%}
#fs4-page .-z-10{z-index:calc(10 * -1)}
#fs4-page .z-1{z-index:1}
#fs4-page .z-2{z-index:2}
#fs4-page .z-10{z-index:10}
#fs4-page .z-20{z-index:20}
#fs4-page .z-40{z-index:40}
#fs4-page .z-50{z-index:50}
#fs4-page .z-1000{z-index:1000}
#fs4-page .order-1{order:1}
#fs4-page .order-2{order:2}
#fs4-page .order-3{order:3}
#fs4-page .m-0{margin:0}
#fs4-page .mx-1{margin-inline:var(--spacing)}
#fs4-page .mx-auto{margin-inline:auto}
#fs4-page .my-2{margin-block:calc(var(--spacing) * 2)}
#fs4-page .my-24{margin-block:calc(var(--spacing) * 24)}
#fs4-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#fs4-page .-mt-20{margin-top:calc(var(--spacing) * -20)}
#fs4-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#fs4-page .mt-1{margin-top:var(--spacing)}
#fs4-page .mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}
#fs4-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#fs4-page .mt-3{margin-top:calc(var(--spacing) * 3)}
#fs4-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#fs4-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#fs4-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#fs4-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#fs4-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#fs4-page .mt-60{margin-top:calc(var(--spacing) * 60)}
#fs4-page .mb-1{margin-bottom:var(--spacing)}
#fs4-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#fs4-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#fs4-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#fs4-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#fs4-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#fs4-page .mb-24{margin-bottom:calc(var(--spacing) * 24)}
#fs4-page .mb-36{margin-bottom:calc(var(--spacing) * 36)}
#fs4-page .mb-safe{margin-bottom:env(safe-area-inset-bottom,0px)}
#fs4-page .block{display:block}
#fs4-page .flex{display:flex}
#fs4-page .grid{display:grid}
#fs4-page .hidden{display:none}
#fs4-page .inline{display:inline}
#fs4-page .inline-block{display:inline-block}
#fs4-page .inline-flex{display:inline-flex}
#fs4-page .h-1\.5{height:calc(var(--spacing) * 1.5)}
#fs4-page .h-2\.5{height:calc(var(--spacing) * 2.5)}
#fs4-page .h-5{height:calc(var(--spacing) * 5)}
#fs4-page .h-6{height:calc(var(--spacing) * 6)}
#fs4-page .h-8{height:calc(var(--spacing) * 8)}
#fs4-page .h-10{height:calc(var(--spacing) * 10)}
#fs4-page .h-12{height:calc(var(--spacing) * 12)}
#fs4-page .h-16{height:calc(var(--spacing) * 16)}
#fs4-page .h-20{height:calc(var(--spacing) * 20)}
#fs4-page .h-72{height:calc(var(--spacing) * 72)}
#fs4-page .h-\[50px\]{height:50px}
#fs4-page .h-\[72px\]{height:72px}
#fs4-page .h-\[155\.95px\]{height:155.95px}
#fs4-page .h-\[180px\]{height:180px}
#fs4-page .h-\[200px\]{height:200px}
#fs4-page .h-auto{height:auto}
#fs4-page .h-full{height:100%}
#fs4-page .max-h-0{max-height:0}
#fs4-page .max-h-\[280px\]{max-height:280px}
#fs4-page .min-h-0{min-height:0}
#fs4-page .min-h-\[44px\]{min-height:44px}
#fs4-page .min-h-\[260px\]{min-height:260px}
#fs4-page .min-h-\[300px\]{min-height:300px}
#fs4-page .min-h-\[320px\]{min-height:320px}
#fs4-page .min-h-\[323px\]{min-height:323px}
#fs4-page .min-h-\[360px\]{min-height:360px}
#fs4-page .w-1\.5{width:calc(var(--spacing) * 1.5)}
#fs4-page .w-2\.5{width:calc(var(--spacing) * 2.5)}
#fs4-page .w-5{width:calc(var(--spacing) * 5)}
#fs4-page .w-6{width:calc(var(--spacing) * 6)}
#fs4-page .w-8{width:calc(var(--spacing) * 8)}
#fs4-page .w-10{width:calc(var(--spacing) * 10)}
#fs4-page .w-12{width:calc(var(--spacing) * 12)}
#fs4-page .w-16{width:calc(var(--spacing) * 16)}
#fs4-page .w-20{width:calc(var(--spacing) * 20)}
#fs4-page .w-24{width:calc(var(--spacing) * 24)}
#fs4-page .w-30{width:calc(var(--spacing) * 30)}
#fs4-page .w-44{width:calc(var(--spacing) * 44)}
#fs4-page .w-72{width:calc(var(--spacing) * 72)}
#fs4-page .w-\[155\.95px\]{width:155.95px}
#fs4-page .w-\[181px\]{width:181px}
#fs4-page .w-auto{width:auto}
#fs4-page .w-fit{width:fit-content}
#fs4-page .w-full{width:100%}
#fs4-page .max-w-2xl{max-width:var(--container-2xl)}
#fs4-page .max-w-3xl{max-width:var(--container-3xl)}
#fs4-page .max-w-4xl{max-width:var(--container-4xl)}
#fs4-page .max-w-full{max-width:100%}
#fs4-page .min-w-0{min-width:0}
#fs4-page .min-w-full{min-width:100%}
#fs4-page .flex-1{flex:1}
#fs4-page .flex-shrink-0,#fs4-page .shrink-0{flex-shrink:0}
#fs4-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs4-page .-translate-y-\[16px\]{--tw-translate-y:calc(16px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs4-page .rotate-0{rotate:0deg}
#fs4-page .rotate-180{rotate:180deg}
#fs4-page .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
#fs4-page .cursor-not-allowed{cursor:not-allowed}
#fs4-page .cursor-pointer{cursor:pointer}
#fs4-page .resize{resize:both}
#fs4-page .list-none{list-style-type:none}
#fs4-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#fs4-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs4-page .flex-col{flex-direction:column}
#fs4-page .flex-col-reverse{flex-direction:column-reverse}
#fs4-page .flex-row{flex-direction:row}
#fs4-page .flex-row-reverse{flex-direction:row-reverse}
#fs4-page .flex-nowrap{flex-wrap:nowrap}
#fs4-page .items-center{align-items:center}
#fs4-page .items-end{align-items:flex-end}
#fs4-page .items-start{align-items:flex-start}
#fs4-page .items-stretch{align-items:stretch}
#fs4-page .justify-between{justify-content:space-between}
#fs4-page .justify-center{justify-content:center}
#fs4-page .justify-end{justify-content:flex-end}
#fs4-page .justify-start{justify-content:flex-start}
#fs4-page .justify-items-center{justify-items:center}
#fs4-page .justify-items-stretch{justify-items:stretch}
#fs4-page .gap-1{gap:var(--spacing)}
#fs4-page .gap-2{gap:calc(var(--spacing) * 2)}
#fs4-page .gap-3{gap:calc(var(--spacing) * 3)}
#fs4-page .gap-4{gap:calc(var(--spacing) * 4)}
#fs4-page .gap-6{gap:calc(var(--spacing) * 6)}
#fs4-page .gap-8{gap:calc(var(--spacing) * 8)}
#fs4-page .gap-10{gap:calc(var(--spacing) * 10)}
#fs4-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#fs4-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#fs4-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#fs4-page .gap-x-6{column-gap:calc(var(--spacing) * 6)}
#fs4-page .gap-x-10{column-gap:calc(var(--spacing) * 10)}
#fs4-page .gap-y-4{row-gap:calc(var(--spacing) * 4)}
#fs4-page .gap-y-24{row-gap:calc(var(--spacing) * 24)}
#fs4-page .overflow-hidden{overflow:hidden}
#fs4-page .overflow-visible{overflow:visible}
#fs4-page .overflow-x-auto{overflow-x:auto}
#fs4-page .overflow-x-hidden{overflow-x:hidden}
#fs4-page .overflow-y-hidden{overflow-y:hidden}
#fs4-page .scroll-smooth{scroll-behavior:smooth}
#fs4-page .rounded-2xl{border-radius:var(--radius-2xl)}
#fs4-page .rounded-3xl{border-radius:var(--radius-3xl)}
#fs4-page .rounded-4xl{border-radius:var(--radius-4xl)}
#fs4-page .rounded-\[20px\]{border-radius:20px}
#fs4-page .rounded-\[32px\]{border-radius:32px}
#fs4-page .rounded-\[50px\]{border-radius:50px}
#fs4-page .rounded-full{border-radius:3.40282e38px}
#fs4-page .rounded-lg{border-radius:var(--radius-lg)}
#fs4-page .rounded-md{border-radius:var(--radius-md)}
#fs4-page .rounded-xl{border-radius:var(--radius-xl)}
#fs4-page .rounded-b-\[48px\]{border-bottom-right-radius:48px;border-bottom-left-radius:48px}
#fs4-page .border-0{border-style:var(--tw-border-style);border-width:0}
#fs4-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#fs4-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#fs4-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#fs4-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#fs4-page .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}
#fs4-page .border-none{--tw-border-style:none;border-style:none}
#fs4-page .border-\[\#C0C0C0\]{border-color:silver}
#fs4-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#fs4-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#fs4-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#fs4-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#fs4-page .border-green-500{border-color:var(--color-green-500)}
#fs4-page .border-transparent{border-color:#0000}
#fs4-page .border-white{border-color:var(--color-white)}
#fs4-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#fs4-page .bg-\[\#D9DEE2\]{background-color:var(--line)}
#fs4-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#fs4-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#fs4-page .bg-\[\#FFF3EA\]{background-color:var(--fa-soft)}
#fs4-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#fs4-page .bg-accent{background-color:var(--color-accent)}
#fs4-page .bg-black\/40{background-color:#0006}
@supports (color:color-mix(in lab, red, red)){#fs4-page .bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}
#fs4-page .bg-gray-100{background-color:var(--color-gray-100)}
#fs4-page .bg-primary{background-color:var(--color-primary)}
#fs4-page .bg-secondary{background-color:var(--color-secondary)}
#fs4-page .bg-transparent{background-color:#0000}
#fs4-page .bg-white{background-color:var(--color-white)}
#fs4-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#fs4-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#fs4-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#fs4-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#fs4-page .object-contain{object-fit:contain}
#fs4-page .object-cover{object-fit:cover}
#fs4-page .p-0{padding:0}
#fs4-page .p-1{padding:var(--spacing)}
#fs4-page .p-2{padding:calc(var(--spacing) * 2)}
#fs4-page .p-3{padding:calc(var(--spacing) * 3)}
#fs4-page .p-4{padding:calc(var(--spacing) * 4)}
#fs4-page .p-5{padding:calc(var(--spacing) * 5)}
#fs4-page .p-6{padding:calc(var(--spacing) * 6)}
#fs4-page .p-7{padding:calc(var(--spacing) * 7)}
#fs4-page .p-8{padding:calc(var(--spacing) * 8)}
#fs4-page .px-0{padding-inline:0}
#fs4-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#fs4-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#fs4-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#fs4-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#fs4-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#fs4-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#fs4-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#fs4-page .py-2{padding-block:calc(var(--spacing) * 2)}
#fs4-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#fs4-page .py-3{padding-block:calc(var(--spacing) * 3)}
#fs4-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#fs4-page .py-4{padding-block:calc(var(--spacing) * 4)}
#fs4-page .py-8{padding-block:calc(var(--spacing) * 8)}
#fs4-page .py-10{padding-block:calc(var(--spacing) * 10)}
#fs4-page .py-16{padding-block:calc(var(--spacing) * 16)}
#fs4-page .py-24{padding-block:calc(var(--spacing) * 24)}
#fs4-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#fs4-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#fs4-page .pt-8{padding-top:calc(var(--spacing) * 8)}
#fs4-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#fs4-page .pt-\[72px\]{padding-top:72px}
#fs4-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#fs4-page .pr-12{padding-right:calc(var(--spacing) * 12)}
#fs4-page .pb-0{padding-bottom:0}
#fs4-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#fs4-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#fs4-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#fs4-page .pb-14{padding-bottom:calc(var(--spacing) * 14)}
#fs4-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#fs4-page .text-center{text-align:center}
#fs4-page .text-justify{text-align:justify}
#fs4-page .text-right{text-align:right}
#fs4-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs4-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs4-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs4-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs4-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs4-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs4-page .text-\[10px\]{font-size:10px}
#fs4-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#fs4-page .leading-\[32px\]{--tw-leading:32px;line-height:32px}
#fs4-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#fs4-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#fs4-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#fs4-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#fs4-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#fs4-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#fs4-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#fs4-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#fs4-page .whitespace-nowrap{white-space:nowrap}
#fs4-page .text-\[\#0A2745\]{color:var(--nv)}
#fs4-page .text-\[\#595B5C\]{color:#595b5c}
#fs4-page .text-\[\#FF4C00\]{color:var(--acc)}
#fs4-page .text-\[\#ffff\]{color:#fff}
#fs4-page .text-black{color:var(--color-black)}
#fs4-page .text-gray-300{color:var(--color-gray-300)}
#fs4-page .text-gray-500{color:var(--color-gray-500)}
#fs4-page .text-gray-600{color:var(--color-gray-600)}
#fs4-page .text-green-700{color:var(--color-green-700)}
#fs4-page .text-red-500{color:var(--color-red-500)}
#fs4-page .text-secondary{color:var(--color-secondary)}
#fs4-page .text-white{color:var(--color-white)}
#fs4-page .not-italic{font-style:normal}
#fs4-page .underline{text-decoration-line:underline}
#fs4-page .accent-white{accent-color:var(--color-white)}
#fs4-page .opacity-0{opacity:0}
#fs4-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs4-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs4-page .shadow-\[0_2px_8px_rgba\(255\,76\,0\,0\.25\)\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs4-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs4-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs4-page .shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs4-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs4-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs4-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#fs4-page .outline{outline-style:var(--tw-outline-style);outline-width:1px}
#fs4-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
#fs4-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}
#fs4-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs4-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs4-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs4-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs4-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs4-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs4-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs4-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#fs4-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#fs4-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#fs4-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#fs4-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#fs4-page .will-change-transform{will-change:transform}
#fs4-page .select-none{-webkit-user-select:none;user-select:none}
#fs4-page .backface-visibility-hidden{backface-visibility:hidden}
@media (hover:hover){#fs4-page .group-hover\:absolute:is(:where(.group):hover *){position:absolute}
#fs4-page .group-hover\:flex:is(:where(.group):hover *){display:flex}
#fs4-page .group-hover\:-translate-y-2:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs4-page .group-hover\:-translate-y-full:is(:where(.group):hover *){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs4-page .group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs4-page .group-hover\:border-b-2:is(:where(.group):hover *){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#fs4-page .group-hover\:bg-\[\#0A2745\]:is(:where(.group):hover *){background-color:var(--nv)}
#fs4-page .group-hover\:bg-\[\#FFF6F2\]:is(:where(.group):hover *){background-color:var(--fa-soft)}
#fs4-page .group-hover\:text-\[\#FF4C00\]:is(:where(.group):hover *){color:var(--acc)}
#fs4-page .group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}
#fs4-page .group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}
#fs4-page .group-hover\:shadow-xl:is(:where(.group):hover *){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs4-page .group-hover\:blur-xs:is(:where(.group):hover *){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}
#fs4-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#fs4-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#fs4-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#fs4-page .after\:right-0:after{content:var(--tw-content);right:0}
#fs4-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#fs4-page .after\:left-0:after{content:var(--tw-content);left:0}
#fs4-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#fs4-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#fs4-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#fs4-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs4-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs4-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#fs4-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs4-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#fs4-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#fs4-page .hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs4-page .hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs4-page .hover\:scale-102:hover{--tw-scale-x:102%;--tw-scale-y:102%;--tw-scale-z:102%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs4-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs4-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs4-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#fs4-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#fs4-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#fs4-page .hover\:bg-\[\#0A2745\]\/10:hover{background-color:oklab(26.9107% -.0200244 -.0625058/.1)}
#fs4-page .hover\:bg-\[\#081a2e\]:hover{background-color:#081a2e}
#fs4-page .hover\:bg-\[\#163456\]:hover{background-color:color-mix(in srgb,var(--nv) 86%,#fff)}
#fs4-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 82%,#000)}
#fs4-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#fs4-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#fs4-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#fs4-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:color-mix(in srgb,var(--acc) 12%,var(--card))}
#fs4-page .hover\:bg-\[\#e44500\]:hover{background-color:#e44500}
#fs4-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#fs4-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#fs4-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#fs4-page .hover\:text-\[\#FF4C00\]:hover,#fs4-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#fs4-page .hover\:text-white:hover{color:var(--color-white)}
#fs4-page .hover\:underline:hover{text-decoration-line:underline}
#fs4-page .hover\:opacity-80:hover{opacity:.8}
#fs4-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs4-page .hover\:shadow-\[0_6px_20px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 6px 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs4-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs4-page .hover\:shadow-\[0_10px_24px_rgba\(10\,39\,69\,0\.14\)\]:hover{--tw-shadow:0 10px 24px var(--tw-shadow-color,#0a274524);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs4-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs4-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs4-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#fs4-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#fs4-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#fs4-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#fs4-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#fs4-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#fs4-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#fs4-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs4-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#fs4-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#fs4-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#fs4-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#fs4-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs4-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#fs4-page .focus-visible\:ring-\[\#FF4C00\]\/50:focus-visible{--tw-ring-color:oklab(66.6687% .179651 .134278/.5)}
#fs4-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#fs4-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#fs4-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#fs4-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#fs4-page .active\:translate-y-0:active{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs4-page .active\:scale-\[0\.98\]:active{scale:.98}
#fs4-page .active\:bg-\[\#06141f\]:active{background-color:#06141f}
#fs4-page .active\:bg-\[\#CC3D00\]:active{background-color:#cc3d00}
#fs4-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
@media (min-width:40rem){#fs4-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#fs4-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#fs4-page .sm\:bottom-1\/3{bottom:33.3333%}
#fs4-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#fs4-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#fs4-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#fs4-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#fs4-page .sm\:mb-17{margin-bottom:calc(var(--spacing) * 17)}
#fs4-page .sm\:mb-24{margin-bottom:calc(var(--spacing) * 24)}
#fs4-page .sm\:mb-34{margin-bottom:calc(var(--spacing) * 34)}
#fs4-page .sm\:inline{display:inline}
#fs4-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#fs4-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#fs4-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#fs4-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#fs4-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#fs4-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#fs4-page .sm\:h-\[60px\]{height:60px}
#fs4-page .sm\:h-\[100px\]{height:100px}
#fs4-page .sm\:max-h-\[320px\]{max-height:320px}
#fs4-page .sm\:min-h-\[360px\]{min-height:360px}
#fs4-page .sm\:min-h-\[400px\]{min-height:400px}
#fs4-page .sm\:min-h-\[580px\]{min-height:580px}
#fs4-page .sm\:min-h-\[600px\]{min-height:600px}
#fs4-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#fs4-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#fs4-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#fs4-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#fs4-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#fs4-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#fs4-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#fs4-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#fs4-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#fs4-page .sm\:min-w-\[120px\]{min-width:120px}
#fs4-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs4-page .sm\:flex-row{flex-direction:row}
#fs4-page .sm\:items-center{align-items:center}
#fs4-page .sm\:items-start{align-items:flex-start}
#fs4-page .sm\:justify-end{justify-content:flex-end}
#fs4-page .sm\:justify-start{justify-content:flex-start}
#fs4-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#fs4-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#fs4-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#fs4-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#fs4-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#fs4-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#fs4-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#fs4-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#fs4-page :where(.sm\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#fs4-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#fs4-page .sm\:gap-x-10{column-gap:calc(var(--spacing) * 10)}
#fs4-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#fs4-page .sm\:rounded-4xl{border-radius:var(--radius-4xl)}
#fs4-page .sm\:rounded-\[36px\]{border-radius:36px}
#fs4-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#fs4-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#fs4-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#fs4-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#fs4-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#fs4-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#fs4-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs4-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#fs4-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs4-page .sm\:py-0{padding-block:0}
#fs4-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#fs4-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#fs4-page .sm\:py-30{padding-block:calc(var(--spacing) * 30)}
#fs4-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#fs4-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs4-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs4-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs4-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs4-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs4-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs4-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs4-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs4-page .sm\:text-\[12px\]{font-size:12px}
#fs4-page .sm\:text-\[19px\]{font-size:19px}}
@media (min-width:48rem){#fs4-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#fs4-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#fs4-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#fs4-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#fs4-page .md\:mt-70{margin-top:calc(var(--spacing) * 70)}
#fs4-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#fs4-page .md\:block{display:block}
#fs4-page .md\:flex{display:flex}
#fs4-page .md\:hidden{display:none}
#fs4-page .md\:inline-block{display:inline-block}
#fs4-page .md\:h-10{height:calc(var(--spacing) * 10)}
#fs4-page .md\:h-28{height:calc(var(--spacing) * 28)}
#fs4-page .md\:h-\[250px\]{height:250px}
#fs4-page .md\:max-h-none{max-height:none}
#fs4-page .md\:w-10{width:calc(var(--spacing) * 10)}
#fs4-page .md\:w-24{width:calc(var(--spacing) * 24)}
#fs4-page .md\:w-28{width:calc(var(--spacing) * 28)}
#fs4-page .md\:w-72{width:calc(var(--spacing) * 72)}
#fs4-page .md\:min-w-\[130px\]{min-width:130px}
#fs4-page .md\:flex-1{flex:1}
#fs4-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs4-page .md\:flex-col{flex-direction:column}
#fs4-page .md\:flex-row{flex-direction:row}
#fs4-page .md\:flex-row-reverse{flex-direction:row-reverse}
#fs4-page .md\:items-center{align-items:center}
#fs4-page .md\:gap-0{gap:0}
#fs4-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#fs4-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#fs4-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#fs4-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#fs4-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#fs4-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#fs4-page .md\:overflow-visible{overflow:visible}
#fs4-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#fs4-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#fs4-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#fs4-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#fs4-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#fs4-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs4-page .md\:px-8{padding-inline:calc(var(--spacing) * 8)}
#fs4-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#fs4-page .md\:py-0{padding-block:0}
#fs4-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#fs4-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#fs4-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#fs4-page .md\:py-6{padding-block:calc(var(--spacing) * 6)}
#fs4-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#fs4-page .md\:text-justify{text-align:justify}
#fs4-page .md\:text-right{text-align:right}
#fs4-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs4-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs4-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#fs4-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs4-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs4-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs4-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs4-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs4-page .md\:text-\[9px\]{font-size:9px}
#fs4-page .md\:text-\[10px\]{font-size:10px}
#fs4-page .md\:text-\[14px\]{font-size:14px}}
@media (min-width:64rem){#fs4-page .lg\:order-1{order:1}
#fs4-page .lg\:order-2{order:2}
#fs4-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#fs4-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#fs4-page .lg\:mt-8{margin-top:calc(var(--spacing) * 8)}
#fs4-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#fs4-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#fs4-page .lg\:mb-0{margin-bottom:0}
#fs4-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#fs4-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#fs4-page .lg\:block{display:block}
#fs4-page .lg\:flex{display:flex}
#fs4-page .lg\:hidden{display:none}
#fs4-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#fs4-page .lg\:h-\[70px\]{height:70px}
#fs4-page .lg\:h-\[132px\]{height:132px}
#fs4-page .lg\:h-\[300px\]{height:300px}
#fs4-page .lg\:min-h-\[500px\]{min-height:500px}
#fs4-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#fs4-page .lg\:w-\[40\%\]{width:40%}
#fs4-page .lg\:w-\[45\%\]{width:45%}
#fs4-page .lg\:w-\[55\%\]{width:55%}
#fs4-page .lg\:w-\[58\%\]{width:58%}
#fs4-page .lg\:w-\[70px\]{width:70px}
#fs4-page .lg\:w-auto{width:auto}
#fs4-page .lg\:w-fit{width:fit-content}
#fs4-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#fs4-page .lg\:flex-row{flex-direction:row}
#fs4-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#fs4-page .lg\:items-center{align-items:center}
#fs4-page .lg\:justify-end{justify-content:flex-end}
#fs4-page .lg\:gap-0{gap:0}
#fs4-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#fs4-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#fs4-page .lg\:gap-8{gap:calc(var(--spacing) * 8)}
#fs4-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#fs4-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#fs4-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#fs4-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#fs4-page .lg\:gap-y-6{row-gap:calc(var(--spacing) * 6)}
#fs4-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#fs4-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#fs4-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#fs4-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs4-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs4-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#fs4-page .lg\:px-21{padding-inline:calc(var(--spacing) * 21)}
#fs4-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#fs4-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#fs4-page .lg\:pt-\[132px\]{padding-top:132px}
#fs4-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#fs4-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#fs4-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs4-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs4-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs4-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs4-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs4-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs4-page .lg\:text-\[10px\]{font-size:10px}
#fs4-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#fs4-page .lg\:leading-\[56px\]{--tw-leading:56px;line-height:56px}
#fs4-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#fs4-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#fs4-page .xl\:mt-60{margin-top:calc(var(--spacing) * 60)}
#fs4-page .xl\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#fs4-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#fs4-page .xl\:flex{display:flex}
#fs4-page .xl\:hidden{display:none}
#fs4-page .xl\:h-\[142px\]{height:142px}
#fs4-page .xl\:w-1\/2{width:50%}
#fs4-page .xl\:w-1\/3{width:33.3333%}
#fs4-page .xl\:w-\[32\%\]{width:32%}
#fs4-page .xl\:w-\[60\%\]{width:60%}
#fs4-page .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#fs4-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#fs4-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#fs4-page .xl\:flex-row{flex-direction:row}
#fs4-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#fs4-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#fs4-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#fs4-page .xl\:gap-y-1{row-gap:var(--spacing)}
#fs4-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs4-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#fs4-page .xl\:pt-\[142px\]{padding-top:142px}
#fs4-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs4-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#fs4-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs4-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs4-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs4-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs4-page .xl\:text-\[11px\]{font-size:11px}
#fs4-page .xl\:text-\[14px\]{font-size:14px}
#fs4-page .xl\:text-\[36px\]{font-size:36px}
#fs4-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#fs4-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#fs4-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#fs4-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#fs4-page .\32 xl\:gap-\[25px\]{gap:25px}
#fs4-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#fs4-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#fs4-page .\32 xl\:text-left{text-align:left}
#fs4-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs4-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs4-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs4-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs4-page .\32 xl\:text-\[16px\]{font-size:16px}
#fs4-page .\32 xl\:text-\[27px\]{font-size:27px}
#fs4-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
#fs4-page .fanum-font,#fs4-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#fs4-page .semibold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:600}
#fs4-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#fs4-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
@keyframes fa-alarmPulse{0%,to{transform:scale(1)rotate(0)}15%{transform:scale(1.1)rotate(-12deg)}30%{transform:scale(1.1)rotate(12deg)}45%{transform:scale(1.1)rotate(-8deg)}60%{transform:scale(1.05)rotate(6deg)}75%{transform:scale(1)rotate(0)}}
#fs4-page .alarm-animation{transform-origin:50% 10%;animation:2.4s ease-in-out infinite fa-alarmPulse}
@keyframes fa-brandScroll{0%{transform:translate(0)}to{transform:translateX(calc(-50% - var(--hg,0px)))}}
#fs4-page .brand-scroll-animation{width:max-content;animation:45s linear infinite fa-brandScroll}
#fs4-page .brand-scroll-animation:hover{animation-play-state:paused}
#fs4-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#fs4-page .sol-dd{z-index:60;opacity:0;visibility:hidden;background:#fff;border-radius:16px;min-width:220px;padding:8px;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(8px);box-shadow:0 12px 32px #0a27452e}
#fs4-page .sol-dd.open{opacity:1;visibility:visible;transform:none}
#fs4-page .sol-dd a{color:var(--nv);white-space:nowrap;border-radius:10px;padding:10px 14px;font-size:14px;display:block}
#fs4-page .sol-dd a:hover{color:var(--acc);background:var(--fa-soft)}
#fs4-page .sol-dd-top{top:calc(100% + 4px)}
#fs4-page #mobile-drawer{z-index:2000;visibility:hidden;position:fixed;inset:0}
#fs4-page #mobile-drawer.open{visibility:visible}
#fs4-page #mobile-drawer .bg{opacity:0;background:#00000073;transition:opacity .25s;position:absolute;inset:0}
#fs4-page #mobile-drawer.open .bg{opacity:1}
#fs4-page #mobile-drawer .panel{background:#fff;width:min(86vw,340px);padding:20px;transition:transform .28s;position:absolute;top:0;bottom:0;right:0;overflow:auto;transform:translate(100%)}
#fs4-page #mobile-drawer.open .panel{transform:none}
#fs4-page #mobile-drawer .panel a,#fs4-page #mobile-drawer .panel summary{color:var(--nv);cursor:pointer;border-bottom:1px solid #f1e6e0;padding:12px 8px;font-weight:700;display:block}
#fs4-page #mobile-drawer .panel details a{padding-right:20px;font-weight:400}
#fs4-page #search-box{visibility:hidden;z-index:2100;background:#fff;padding:16px;transition:transform .25s;position:fixed;top:0;left:0;right:0;transform:translateY(-110%);box-shadow:0 8px 24px #00000026}
#fs4-page #search-box.open{visibility:visible;transform:none}
#fs4-page #lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#fs4-page #lightbox.open{display:flex}
#fs4-page #lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#fs4-page .no-scrollbar{scrollbar-width:none}
#fs4-page .no-scrollbar::-webkit-scrollbar{display:none}
#fs4-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#fs4-page .faq-open svg{transition:transform .2s}
#fs4-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#fs4-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#fs4-page #service-menu.open{display:block}
#fs4-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#fs4-page #service-menu li:hover,#fs4-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#fs4-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#fs4-page .left-\[35\%\]{
    left: 35%;
  }
#fs4-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#fs4-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#fs4-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#fs4-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#fs4-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#fs4-page .min-h-screen{
    min-height: 100vh;
  }
#fs4-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#fs4-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#fs4-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#fs4-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#fs4-page .max-w-xl{
    max-width: var(--container-xl);
  }
#fs4-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#fs4-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#fs4-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#fs4-page .flex-wrap{
    flex-wrap: wrap;
  }
#fs4-page .justify-around{
    justify-content: space-around;
  }
#fs4-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#fs4-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#fs4-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#fs4-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#fs4-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#fs4-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#fs4-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#fs4-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#fs4-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#fs4-page .bg-ab-card{
    background-color: var(--card);
  }
#fs4-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#fs4-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#fs4-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#fs4-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#fs4-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#fs4-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#fs4-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#fs4-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#fs4-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#fs4-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#fs4-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#fs4-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#fs4-page .text-ab-cream{
    color: #f6ecd6;
  }
#fs4-page .text-ab-ink{
    color: var(--ink);
  }
#fs4-page .text-ab-mut{
    color: var(--mut);
  }
#fs4-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#fs4-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#fs4-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#fs4-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#fs4-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#fs4-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#fs4-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#fs4-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#fs4-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#fs4-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#fs4-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#fs4-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#fs4-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#fs4-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#fs4-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#fs4-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#fs4-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#fs4-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#fs4-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#fs4-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#fs4-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#fs4-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#fs4-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#fs4-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#fs4-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#fs4-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#fs4-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#fs4-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#fs4-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#fs4-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#fs4-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#fs4-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#fs4-page .lg\:h-\[550px\]{
      height: 550px;
    }
#fs4-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#fs4-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#fs4-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#fs4-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#fs4-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#fs4-page .xl\:h-auto{
      height: auto;
    }
#fs4-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#fs4-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#fs4-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#fs4-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#fs4-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#fs4-page .xl\:py-0{
      padding-block: 0px;
    }
#fs4-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#fs4-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#fs4-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#fs4-page .ab-menu.open{display:block}
#fs4-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#fs4-page .ab-menu button:hover,#fs4-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#fs4-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#fs4-page .ab-msg:empty{display:none}
#fs4-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#fs4-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#fs4-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#fs4-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#fs4-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#fs4-page .brand-scroll-animation{--g:5rem}}
#fs4-page .brand-scroll-animation:hover{animation-play-state:paused}
#fs4-page .brand-scroll-animation,#fs4-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#fs4-page *{transition:none!important}#fs4-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#fs4-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#fs4-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #fs4-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #fs4-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#fs4-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#fs4-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#fs4-page [id^=fa-]{scroll-margin-top:120px}
#fs4-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#fs4-page .semibold-fanum-font,#fs4-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#fs4-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#fs4-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#fs4-page a{color:inherit;text-decoration:none}
#fs4-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#fs4-page input[type=checkbox]{accent-color:var(--gold1)}
#fs4-page .bg-white{background-color:var(--sec-alt)}
#fs4-page .text-black{color:var(--ink)}
#fs4-page .text-\[\#0A2745\],#fs4-page .text-secondary{color:var(--ink)}
#fs4-page .bg-primary.text-white,#fs4-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#fs4-page .bg-secondary.text-white,#fs4-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#fs4-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#fs4-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#fs4-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#fs4-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#fs4-page .sol-toast{background:var(--nv);color:#f6ecd6}
#fs4-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#fs4-page #service-menu li:hover,#fs4-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#fs4-page #lightbox img{background:var(--card)}
/* ===== هیرو: متن و دکمه‌ها همیشه روی زمینه‌ی تیره‌ی اسپرسو (حتی اگر ویدیو لود نشود یا روشن باشد) ===== */
#fs4-page #fs4-hero{background:#2b2118}
#fs4-page #fs4-hero>div[aria-hidden="true"]{background:linear-gradient(to top,rgba(28,23,18,.62) 0%,rgba(28,23,18,0) 60%),linear-gradient(to left,rgba(28,23,18,.9) 0%,rgba(28,23,18,.74) 55%,rgba(28,23,18,.56) 100%)}
#fs4-page #fs4-hero h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#fs4-page #fs4-hero h2,#fs4-page #fs4-hero h1 .hero-sub{color:var(--gold1,#d6b374);text-shadow:0 2px 14px rgba(0,0,0,.35)}
/* FAQ: عنوان h2 قبل از سوال‌ها در DOM است؛ چیدمان بصری مثل قبل */
#fs4-page #fs4-faq .fq-row{flex-direction:column}
@media (min-width:80rem){#fs4-page #fs4-faq .fq-row{flex-direction:row-reverse}}
#fs4-page #fs4-hero p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#fs4-page #fs4-hero a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#fs4-page #fs4-hero a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#fs4-page #fs4-hero a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#fs4-page #lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#fs4-page #lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#fs4-page #lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#fs4-page #lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#fs4-page #lightbox .lb-x,#fs4-page #lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#fs4-page #lightbox .lb-x{top:14px;left:14px}
#fs4-page #lightbox .lb-nav{top:50%;margin-top:-22px}
#fs4-page #lightbox .lb-prev{right:14px}
#fs4-page #lightbox .lb-next{left:14px}
#fs4-page #lightbox .lb-x:hover,#fs4-page #lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#fs4-page #lightbox .lb-x:focus-visible,#fs4-page #lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #fs4-page #lightbox{padding:60px 12px 84px}
 #fs4-page #lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #fs4-page #lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #fs4-page #lightbox .lb-prev{right:16px}
 #fs4-page #lightbox .lb-next{left:16px}
 #fs4-page #lightbox figcaption{max-width:calc(100vw - 150px)}
}
#fs4-page input::placeholder,#fs4-page textarea::placeholder{opacity:1}


/* متن مقاله‌ی انتهای صفحه «اتوماسیون تغذیه»: از Word با فونت Calibri و اندازه pt وارد شده بود؛
   اینجا هم‌فونت و هم‌اندازه با بقیه‌ی سکشن‌ها (Vazirmatn، رنگ سرمه‌ای) می‌شود. فاصله‌ها دست‌نخورده‌اند. */
#fs4-page .about-sol-html{color:var(--nv,#0A2745);font-size:16px;line-height:1.75;font-weight:400}
#fs4-page .about-sol-html,
#fs4-page .about-sol-html *{font-family:'Vazirmatn',Tahoma,sans-serif!important}
#fs4-page .about-sol-html p span{font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;color:inherit!important}
#fs4-page .about-sol-html h2,
#fs4-page .about-sol-html h2 span{font-size:20px!important;line-height:1.7!important;font-weight:700!important;color:var(--nv,#0A2745)!important}
#fs4-page .about-sol-html h2{margin:24px 0 8px}
#fs4-page .about-sol-html h2:first-child{margin-top:0}
@media (min-width:640px){
 #fs4-page .about-sol-html{font-size:18px}
 #fs4-page .about-sol-html h2,#fs4-page .about-sol-html h2 span{font-size:24px!important}
}


/* محتوای انتهای صفحه‌ی اتوماسیون تغذیه: هم‌استایل با سکشن «درباره سول» در صفحه‌ی اصلی؛ بولت‌ها با رنگ پالت (طلایی) */
#fs4-page #fs4-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#fs4-page #fs4-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#fs4-page #fs4-about *{box-sizing:border-box}
#fs4-page #fs4-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#fs4-page #fs4-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#fs4-page #fs4-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#fs4-page #fs4-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#fs4-page #fs4-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#fs4-page #fs4-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#fs4-page #fs4-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#fs4-page #fs4-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#fs4-page #fs4-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#fs4-page #fs4-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#fs4-page #fs4-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#fs4-page #fs4-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#fs4-page #fs4-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#fs4-page #fs4-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#fs4-page #fs4-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#fs4-page #fs4-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#fs4-page #fs4-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#fs4-page #fs4-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#fs4-page #fs4-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#fs4-page #fs4-about .seo-more[hidden]{display:none}
#fs4-page #fs4-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#fs4-page #fs4-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#fs4-page #fs4-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#fs4-page #fs4-about.seo-open .seo-fade,#fs4-page #fs4-about:not(.seo-js) .seo-fade{opacity:0}
#fs4-page #fs4-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#fs4-page #fs4-about .seo-ls,#fs4-page #fs4-about .seo-ls.seo-sm{grid-template-columns:1fr}#fs4-page #fs4-about .seo-in p{text-align:start}#fs4-page #fs4-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#fs4-page #fs4-about .seo-body,#fs4-page #fs4-about .seo-ls li,#fs4-page #fs4-about .seo-more,#fs4-page #fs4-about .seo-more i svg,#fs4-page #fs4-about .seo-fade{transition:none!important}}

/* نوار قرمز ناوبری صفحه: چسبان زیر هدر؛ overflow:hidden والد جایگزین clip می‌شود تا sticky کار کند */
#fs4-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#fs4-page #fs4-images{position:sticky;top:var(--fa-top,0px);z-index:19;transition:box-shadow .25s}
#fs4-page #fs4-images.fa-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#fs4-page section[id^="fa-"]{scroll-margin-top:calc(var(--fa-top,0px) + var(--fa-bar,64px) + 10px)}
/* فاصله‌ی نوار قرمز چسبان با هیرو (بالا) و بخش بعدی (پایین) کم شد؛ برای تغییر، فقط مقدار --fa-gap را عوض کنید */
#fs4-page{--fa-gap:clamp(12px,1.8vw,24px)}
#fs4-page #fs4-images{margin-top:var(--fa-gap)}
#fs4-page #fs4-images > div > div{margin-top:0}
#fs4-page #fs4-images + section{margin-top:var(--fa-gap)}


@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#fs5-page *,#fs5-page :before,#fs5-page :after,#fs5-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:""}}
#fs5-page,#fs5-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft)}
#fs5-page *,#fs5-page :after,#fs5-page :before,#fs5-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#fs5-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#fs5-page,#fs5-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#fs5-page hr{height:0;color:inherit;border-top-width:1px}
#fs5-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#fs5-page h1,#fs5-page h2,#fs5-page h3,#fs5-page h4,#fs5-page h5,#fs5-page h6{font-size:inherit;font-weight:inherit}
#fs5-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#fs5-page b,#fs5-page strong{font-weight:bolder}
#fs5-page code,#fs5-page kbd,#fs5-page samp,#fs5-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#fs5-page small{font-size:80%}
#fs5-page sub,#fs5-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#fs5-page sub{bottom:-.25em}
#fs5-page sup{top:-.5em}
#fs5-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#fs5-page :-moz-focusring:where(:not(iframe)){outline:auto}
#fs5-page progress{vertical-align:baseline}
#fs5-page summary{display:list-item}
#fs5-page ol,#fs5-page ul,#fs5-page menu{list-style:none}
#fs5-page img,#fs5-page svg,#fs5-page video,#fs5-page canvas,#fs5-page audio,#fs5-page iframe,#fs5-page embed,#fs5-page object{vertical-align:middle;display:block}
#fs5-page img,#fs5-page video{max-width:100%;height:auto}
#fs5-page button,#fs5-page input,#fs5-page select,#fs5-page optgroup,#fs5-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#fs5-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#fs5-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#fs5-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#fs5-page ::file-selector-button{margin-inline-end:4px}
#fs5-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#fs5-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#fs5-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#fs5-page textarea{resize:vertical}
#fs5-page ::-webkit-search-decoration{-webkit-appearance:none}
#fs5-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#fs5-page ::-webkit-datetime-edit{display:inline-flex}
#fs5-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#fs5-page ::-webkit-datetime-edit{padding-block:0}
#fs5-page ::-webkit-datetime-edit-year-field{padding-block:0}
#fs5-page ::-webkit-datetime-edit-month-field{padding-block:0}
#fs5-page ::-webkit-datetime-edit-day-field{padding-block:0}
#fs5-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#fs5-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#fs5-page ::-webkit-datetime-edit-second-field{padding-block:0}
#fs5-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#fs5-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#fs5-page ::-webkit-calendar-picker-indicator{line-height:1}
#fs5-page :-moz-ui-invalid{box-shadow:none}
#fs5-page button,#fs5-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#fs5-page ::file-selector-button{appearance:button}
#fs5-page ::-webkit-inner-spin-button{height:auto}
#fs5-page ::-webkit-outer-spin-button{height:auto}
#fs5-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#fs5-page{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
#fs5-page{color:var(--nv);background:#fff;font-family:Vazirmatn,Tahoma,Segoe UI,Arial,sans-serif}
#fs5-page button,#fs5-page [role=button],#fs5-page a{-webkit-tap-highlight-color:transparent}
#fs5-page img{max-width:100%}
#fs5-page .pointer-events-none{pointer-events:none}
#fs5-page .absolute{position:absolute}
#fs5-page .fixed{position:fixed}
#fs5-page .relative{position:relative}
#fs5-page .static{position:static}
#fs5-page .inset-0{inset:0}
#fs5-page .inset-x-0{inset-inline:0}
#fs5-page .top-0{top:0}
#fs5-page .top-2{top:calc(var(--spacing) * 2)}
#fs5-page .top-3{top:calc(var(--spacing) * 3)}
#fs5-page .top-6{top:calc(var(--spacing) * 6)}
#fs5-page .top-full{top:100%}
#fs5-page .right-0{right:0}
#fs5-page .right-1{right:var(--spacing)}
#fs5-page .right-2{right:calc(var(--spacing) * 2)}
#fs5-page .right-4{right:calc(var(--spacing) * 4)}
#fs5-page .bottom-0{bottom:0}
#fs5-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#fs5-page .left-0{left:0}
#fs5-page .left-1\/2{left:50%}
#fs5-page .-z-10{z-index:calc(10 * -1)}
#fs5-page .z-1{z-index:1}
#fs5-page .z-2{z-index:2}
#fs5-page .z-10{z-index:10}
#fs5-page .z-20{z-index:20}
#fs5-page .z-40{z-index:40}
#fs5-page .z-50{z-index:50}
#fs5-page .z-1000{z-index:1000}
#fs5-page .order-1{order:1}
#fs5-page .order-2{order:2}
#fs5-page .order-3{order:3}
#fs5-page .m-0{margin:0}
#fs5-page .mx-1{margin-inline:var(--spacing)}
#fs5-page .mx-auto{margin-inline:auto}
#fs5-page .my-2{margin-block:calc(var(--spacing) * 2)}
#fs5-page .my-24{margin-block:calc(var(--spacing) * 24)}
#fs5-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#fs5-page .-mt-20{margin-top:calc(var(--spacing) * -20)}
#fs5-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#fs5-page .mt-1{margin-top:var(--spacing)}
#fs5-page .mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}
#fs5-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#fs5-page .mt-3{margin-top:calc(var(--spacing) * 3)}
#fs5-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#fs5-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#fs5-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#fs5-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#fs5-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#fs5-page .mt-60{margin-top:calc(var(--spacing) * 60)}
#fs5-page .mb-1{margin-bottom:var(--spacing)}
#fs5-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#fs5-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#fs5-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#fs5-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#fs5-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#fs5-page .mb-24{margin-bottom:calc(var(--spacing) * 24)}
#fs5-page .mb-36{margin-bottom:calc(var(--spacing) * 36)}
#fs5-page .mb-safe{margin-bottom:env(safe-area-inset-bottom,0px)}
#fs5-page .block{display:block}
#fs5-page .flex{display:flex}
#fs5-page .grid{display:grid}
#fs5-page .hidden{display:none}
#fs5-page .inline{display:inline}
#fs5-page .inline-block{display:inline-block}
#fs5-page .inline-flex{display:inline-flex}
#fs5-page .h-1\.5{height:calc(var(--spacing) * 1.5)}
#fs5-page .h-2\.5{height:calc(var(--spacing) * 2.5)}
#fs5-page .h-5{height:calc(var(--spacing) * 5)}
#fs5-page .h-6{height:calc(var(--spacing) * 6)}
#fs5-page .h-8{height:calc(var(--spacing) * 8)}
#fs5-page .h-10{height:calc(var(--spacing) * 10)}
#fs5-page .h-12{height:calc(var(--spacing) * 12)}
#fs5-page .h-16{height:calc(var(--spacing) * 16)}
#fs5-page .h-20{height:calc(var(--spacing) * 20)}
#fs5-page .h-72{height:calc(var(--spacing) * 72)}
#fs5-page .h-\[50px\]{height:50px}
#fs5-page .h-\[72px\]{height:72px}
#fs5-page .h-\[155\.95px\]{height:155.95px}
#fs5-page .h-\[180px\]{height:180px}
#fs5-page .h-\[200px\]{height:200px}
#fs5-page .h-auto{height:auto}
#fs5-page .h-full{height:100%}
#fs5-page .max-h-0{max-height:0}
#fs5-page .max-h-\[280px\]{max-height:280px}
#fs5-page .min-h-0{min-height:0}
#fs5-page .min-h-\[44px\]{min-height:44px}
#fs5-page .min-h-\[260px\]{min-height:260px}
#fs5-page .min-h-\[300px\]{min-height:300px}
#fs5-page .min-h-\[320px\]{min-height:320px}
#fs5-page .min-h-\[323px\]{min-height:323px}
#fs5-page .min-h-\[360px\]{min-height:360px}
#fs5-page .w-1\.5{width:calc(var(--spacing) * 1.5)}
#fs5-page .w-2\.5{width:calc(var(--spacing) * 2.5)}
#fs5-page .w-5{width:calc(var(--spacing) * 5)}
#fs5-page .w-6{width:calc(var(--spacing) * 6)}
#fs5-page .w-8{width:calc(var(--spacing) * 8)}
#fs5-page .w-10{width:calc(var(--spacing) * 10)}
#fs5-page .w-12{width:calc(var(--spacing) * 12)}
#fs5-page .w-16{width:calc(var(--spacing) * 16)}
#fs5-page .w-20{width:calc(var(--spacing) * 20)}
#fs5-page .w-24{width:calc(var(--spacing) * 24)}
#fs5-page .w-30{width:calc(var(--spacing) * 30)}
#fs5-page .w-44{width:calc(var(--spacing) * 44)}
#fs5-page .w-72{width:calc(var(--spacing) * 72)}
#fs5-page .w-\[155\.95px\]{width:155.95px}
#fs5-page .w-\[181px\]{width:181px}
#fs5-page .w-auto{width:auto}
#fs5-page .w-fit{width:fit-content}
#fs5-page .w-full{width:100%}
#fs5-page .max-w-2xl{max-width:var(--container-2xl)}
#fs5-page .max-w-3xl{max-width:var(--container-3xl)}
#fs5-page .max-w-4xl{max-width:var(--container-4xl)}
#fs5-page .max-w-full{max-width:100%}
#fs5-page .min-w-0{min-width:0}
#fs5-page .min-w-full{min-width:100%}
#fs5-page .flex-1{flex:1}
#fs5-page .flex-shrink-0,#fs5-page .shrink-0{flex-shrink:0}
#fs5-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs5-page .-translate-y-\[16px\]{--tw-translate-y:calc(16px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs5-page .rotate-0{rotate:0deg}
#fs5-page .rotate-180{rotate:180deg}
#fs5-page .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
#fs5-page .cursor-not-allowed{cursor:not-allowed}
#fs5-page .cursor-pointer{cursor:pointer}
#fs5-page .resize{resize:both}
#fs5-page .list-none{list-style-type:none}
#fs5-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#fs5-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs5-page .flex-col{flex-direction:column}
#fs5-page .flex-col-reverse{flex-direction:column-reverse}
#fs5-page .flex-row{flex-direction:row}
#fs5-page .flex-row-reverse{flex-direction:row-reverse}
#fs5-page .flex-nowrap{flex-wrap:nowrap}
#fs5-page .items-center{align-items:center}
#fs5-page .items-end{align-items:flex-end}
#fs5-page .items-start{align-items:flex-start}
#fs5-page .items-stretch{align-items:stretch}
#fs5-page .justify-between{justify-content:space-between}
#fs5-page .justify-center{justify-content:center}
#fs5-page .justify-end{justify-content:flex-end}
#fs5-page .justify-start{justify-content:flex-start}
#fs5-page .justify-items-center{justify-items:center}
#fs5-page .justify-items-stretch{justify-items:stretch}
#fs5-page .gap-1{gap:var(--spacing)}
#fs5-page .gap-2{gap:calc(var(--spacing) * 2)}
#fs5-page .gap-3{gap:calc(var(--spacing) * 3)}
#fs5-page .gap-4{gap:calc(var(--spacing) * 4)}
#fs5-page .gap-6{gap:calc(var(--spacing) * 6)}
#fs5-page .gap-8{gap:calc(var(--spacing) * 8)}
#fs5-page .gap-10{gap:calc(var(--spacing) * 10)}
#fs5-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#fs5-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#fs5-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#fs5-page .gap-x-6{column-gap:calc(var(--spacing) * 6)}
#fs5-page .gap-x-10{column-gap:calc(var(--spacing) * 10)}
#fs5-page .gap-y-4{row-gap:calc(var(--spacing) * 4)}
#fs5-page .gap-y-24{row-gap:calc(var(--spacing) * 24)}
#fs5-page .overflow-hidden{overflow:hidden}
#fs5-page .overflow-visible{overflow:visible}
#fs5-page .overflow-x-auto{overflow-x:auto}
#fs5-page .overflow-x-hidden{overflow-x:hidden}
#fs5-page .overflow-y-hidden{overflow-y:hidden}
#fs5-page .scroll-smooth{scroll-behavior:smooth}
#fs5-page .rounded-2xl{border-radius:var(--radius-2xl)}
#fs5-page .rounded-3xl{border-radius:var(--radius-3xl)}
#fs5-page .rounded-4xl{border-radius:var(--radius-4xl)}
#fs5-page .rounded-\[20px\]{border-radius:20px}
#fs5-page .rounded-\[32px\]{border-radius:32px}
#fs5-page .rounded-\[50px\]{border-radius:50px}
#fs5-page .rounded-full{border-radius:3.40282e38px}
#fs5-page .rounded-lg{border-radius:var(--radius-lg)}
#fs5-page .rounded-md{border-radius:var(--radius-md)}
#fs5-page .rounded-xl{border-radius:var(--radius-xl)}
#fs5-page .rounded-b-\[48px\]{border-bottom-right-radius:48px;border-bottom-left-radius:48px}
#fs5-page .border-0{border-style:var(--tw-border-style);border-width:0}
#fs5-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#fs5-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#fs5-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#fs5-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#fs5-page .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}
#fs5-page .border-none{--tw-border-style:none;border-style:none}
#fs5-page .border-\[\#C0C0C0\]{border-color:silver}
#fs5-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#fs5-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#fs5-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#fs5-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#fs5-page .border-green-500{border-color:var(--color-green-500)}
#fs5-page .border-transparent{border-color:#0000}
#fs5-page .border-white{border-color:var(--color-white)}
#fs5-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#fs5-page .bg-\[\#D9DEE2\]{background-color:var(--line)}
#fs5-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#fs5-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#fs5-page .bg-\[\#FFF3EA\]{background-color:var(--fa-soft)}
#fs5-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#fs5-page .bg-accent{background-color:var(--color-accent)}
#fs5-page .bg-black\/40{background-color:#0006}
@supports (color:color-mix(in lab, red, red)){#fs5-page .bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}
#fs5-page .bg-gray-100{background-color:var(--color-gray-100)}
#fs5-page .bg-primary{background-color:var(--color-primary)}
#fs5-page .bg-secondary{background-color:var(--color-secondary)}
#fs5-page .bg-transparent{background-color:#0000}
#fs5-page .bg-white{background-color:var(--color-white)}
#fs5-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#fs5-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#fs5-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#fs5-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#fs5-page .object-contain{object-fit:contain}
#fs5-page .object-cover{object-fit:cover}
#fs5-page .p-0{padding:0}
#fs5-page .p-1{padding:var(--spacing)}
#fs5-page .p-2{padding:calc(var(--spacing) * 2)}
#fs5-page .p-3{padding:calc(var(--spacing) * 3)}
#fs5-page .p-4{padding:calc(var(--spacing) * 4)}
#fs5-page .p-5{padding:calc(var(--spacing) * 5)}
#fs5-page .p-6{padding:calc(var(--spacing) * 6)}
#fs5-page .p-7{padding:calc(var(--spacing) * 7)}
#fs5-page .p-8{padding:calc(var(--spacing) * 8)}
#fs5-page .px-0{padding-inline:0}
#fs5-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#fs5-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#fs5-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#fs5-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#fs5-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#fs5-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#fs5-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#fs5-page .py-2{padding-block:calc(var(--spacing) * 2)}
#fs5-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#fs5-page .py-3{padding-block:calc(var(--spacing) * 3)}
#fs5-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#fs5-page .py-4{padding-block:calc(var(--spacing) * 4)}
#fs5-page .py-8{padding-block:calc(var(--spacing) * 8)}
#fs5-page .py-10{padding-block:calc(var(--spacing) * 10)}
#fs5-page .py-16{padding-block:calc(var(--spacing) * 16)}
#fs5-page .py-24{padding-block:calc(var(--spacing) * 24)}
#fs5-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#fs5-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#fs5-page .pt-8{padding-top:calc(var(--spacing) * 8)}
#fs5-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#fs5-page .pt-\[72px\]{padding-top:72px}
#fs5-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#fs5-page .pr-12{padding-right:calc(var(--spacing) * 12)}
#fs5-page .pb-0{padding-bottom:0}
#fs5-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#fs5-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#fs5-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#fs5-page .pb-14{padding-bottom:calc(var(--spacing) * 14)}
#fs5-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#fs5-page .text-center{text-align:center}
#fs5-page .text-justify{text-align:justify}
#fs5-page .text-right{text-align:right}
#fs5-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs5-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs5-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs5-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs5-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs5-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs5-page .text-\[10px\]{font-size:10px}
#fs5-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#fs5-page .leading-\[32px\]{--tw-leading:32px;line-height:32px}
#fs5-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#fs5-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#fs5-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#fs5-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#fs5-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#fs5-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#fs5-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#fs5-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#fs5-page .whitespace-nowrap{white-space:nowrap}
#fs5-page .text-\[\#0A2745\]{color:var(--nv)}
#fs5-page .text-\[\#595B5C\]{color:#595b5c}
#fs5-page .text-\[\#FF4C00\]{color:var(--acc)}
#fs5-page .text-\[\#ffff\]{color:#fff}
#fs5-page .text-black{color:var(--color-black)}
#fs5-page .text-gray-300{color:var(--color-gray-300)}
#fs5-page .text-gray-500{color:var(--color-gray-500)}
#fs5-page .text-gray-600{color:var(--color-gray-600)}
#fs5-page .text-green-700{color:var(--color-green-700)}
#fs5-page .text-red-500{color:var(--color-red-500)}
#fs5-page .text-secondary{color:var(--color-secondary)}
#fs5-page .text-white{color:var(--color-white)}
#fs5-page .not-italic{font-style:normal}
#fs5-page .underline{text-decoration-line:underline}
#fs5-page .accent-white{accent-color:var(--color-white)}
#fs5-page .opacity-0{opacity:0}
#fs5-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs5-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs5-page .shadow-\[0_2px_8px_rgba\(255\,76\,0\,0\.25\)\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs5-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs5-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs5-page .shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs5-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs5-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs5-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#fs5-page .outline{outline-style:var(--tw-outline-style);outline-width:1px}
#fs5-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
#fs5-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}
#fs5-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs5-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs5-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs5-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs5-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs5-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs5-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs5-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#fs5-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#fs5-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#fs5-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#fs5-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#fs5-page .will-change-transform{will-change:transform}
#fs5-page .select-none{-webkit-user-select:none;user-select:none}
#fs5-page .backface-visibility-hidden{backface-visibility:hidden}
@media (hover:hover){#fs5-page .group-hover\:absolute:is(:where(.group):hover *){position:absolute}
#fs5-page .group-hover\:flex:is(:where(.group):hover *){display:flex}
#fs5-page .group-hover\:-translate-y-2:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs5-page .group-hover\:-translate-y-full:is(:where(.group):hover *){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs5-page .group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs5-page .group-hover\:border-b-2:is(:where(.group):hover *){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#fs5-page .group-hover\:bg-\[\#0A2745\]:is(:where(.group):hover *){background-color:var(--nv)}
#fs5-page .group-hover\:bg-\[\#FFF6F2\]:is(:where(.group):hover *){background-color:var(--fa-soft)}
#fs5-page .group-hover\:text-\[\#FF4C00\]:is(:where(.group):hover *){color:var(--acc)}
#fs5-page .group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}
#fs5-page .group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}
#fs5-page .group-hover\:shadow-xl:is(:where(.group):hover *){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs5-page .group-hover\:blur-xs:is(:where(.group):hover *){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}
#fs5-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#fs5-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#fs5-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#fs5-page .after\:right-0:after{content:var(--tw-content);right:0}
#fs5-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#fs5-page .after\:left-0:after{content:var(--tw-content);left:0}
#fs5-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#fs5-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#fs5-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#fs5-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs5-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs5-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#fs5-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs5-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#fs5-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#fs5-page .hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs5-page .hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs5-page .hover\:scale-102:hover{--tw-scale-x:102%;--tw-scale-y:102%;--tw-scale-z:102%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs5-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs5-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs5-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#fs5-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#fs5-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#fs5-page .hover\:bg-\[\#0A2745\]\/10:hover{background-color:oklab(26.9107% -.0200244 -.0625058/.1)}
#fs5-page .hover\:bg-\[\#081a2e\]:hover{background-color:#081a2e}
#fs5-page .hover\:bg-\[\#163456\]:hover{background-color:color-mix(in srgb,var(--nv) 86%,#fff)}
#fs5-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 82%,#000)}
#fs5-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#fs5-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#fs5-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#fs5-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:color-mix(in srgb,var(--acc) 12%,var(--card))}
#fs5-page .hover\:bg-\[\#e44500\]:hover{background-color:#e44500}
#fs5-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#fs5-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#fs5-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#fs5-page .hover\:text-\[\#FF4C00\]:hover,#fs5-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#fs5-page .hover\:text-white:hover{color:var(--color-white)}
#fs5-page .hover\:underline:hover{text-decoration-line:underline}
#fs5-page .hover\:opacity-80:hover{opacity:.8}
#fs5-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs5-page .hover\:shadow-\[0_6px_20px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 6px 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs5-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs5-page .hover\:shadow-\[0_10px_24px_rgba\(10\,39\,69\,0\.14\)\]:hover{--tw-shadow:0 10px 24px var(--tw-shadow-color,#0a274524);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs5-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs5-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs5-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#fs5-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#fs5-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#fs5-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#fs5-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#fs5-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#fs5-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#fs5-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs5-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#fs5-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#fs5-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#fs5-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#fs5-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs5-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#fs5-page .focus-visible\:ring-\[\#FF4C00\]\/50:focus-visible{--tw-ring-color:oklab(66.6687% .179651 .134278/.5)}
#fs5-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#fs5-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#fs5-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#fs5-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#fs5-page .active\:translate-y-0:active{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs5-page .active\:scale-\[0\.98\]:active{scale:.98}
#fs5-page .active\:bg-\[\#06141f\]:active{background-color:#06141f}
#fs5-page .active\:bg-\[\#CC3D00\]:active{background-color:#cc3d00}
#fs5-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
@media (min-width:40rem){#fs5-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#fs5-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#fs5-page .sm\:bottom-1\/3{bottom:33.3333%}
#fs5-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#fs5-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#fs5-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#fs5-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#fs5-page .sm\:mb-17{margin-bottom:calc(var(--spacing) * 17)}
#fs5-page .sm\:mb-24{margin-bottom:calc(var(--spacing) * 24)}
#fs5-page .sm\:mb-34{margin-bottom:calc(var(--spacing) * 34)}
#fs5-page .sm\:inline{display:inline}
#fs5-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#fs5-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#fs5-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#fs5-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#fs5-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#fs5-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#fs5-page .sm\:h-\[60px\]{height:60px}
#fs5-page .sm\:h-\[100px\]{height:100px}
#fs5-page .sm\:max-h-\[320px\]{max-height:320px}
#fs5-page .sm\:min-h-\[360px\]{min-height:360px}
#fs5-page .sm\:min-h-\[400px\]{min-height:400px}
#fs5-page .sm\:min-h-\[580px\]{min-height:580px}
#fs5-page .sm\:min-h-\[600px\]{min-height:600px}
#fs5-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#fs5-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#fs5-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#fs5-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#fs5-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#fs5-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#fs5-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#fs5-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#fs5-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#fs5-page .sm\:min-w-\[120px\]{min-width:120px}
#fs5-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs5-page .sm\:flex-row{flex-direction:row}
#fs5-page .sm\:items-center{align-items:center}
#fs5-page .sm\:items-start{align-items:flex-start}
#fs5-page .sm\:justify-end{justify-content:flex-end}
#fs5-page .sm\:justify-start{justify-content:flex-start}
#fs5-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#fs5-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#fs5-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#fs5-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#fs5-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#fs5-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#fs5-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#fs5-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#fs5-page :where(.sm\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#fs5-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#fs5-page .sm\:gap-x-10{column-gap:calc(var(--spacing) * 10)}
#fs5-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#fs5-page .sm\:rounded-4xl{border-radius:var(--radius-4xl)}
#fs5-page .sm\:rounded-\[36px\]{border-radius:36px}
#fs5-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#fs5-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#fs5-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#fs5-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#fs5-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#fs5-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#fs5-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs5-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#fs5-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs5-page .sm\:py-0{padding-block:0}
#fs5-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#fs5-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#fs5-page .sm\:py-30{padding-block:calc(var(--spacing) * 30)}
#fs5-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#fs5-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs5-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs5-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs5-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs5-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs5-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs5-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs5-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs5-page .sm\:text-\[12px\]{font-size:12px}
#fs5-page .sm\:text-\[19px\]{font-size:19px}}
@media (min-width:48rem){#fs5-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#fs5-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#fs5-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#fs5-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#fs5-page .md\:mt-70{margin-top:calc(var(--spacing) * 70)}
#fs5-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#fs5-page .md\:block{display:block}
#fs5-page .md\:flex{display:flex}
#fs5-page .md\:hidden{display:none}
#fs5-page .md\:inline-block{display:inline-block}
#fs5-page .md\:h-10{height:calc(var(--spacing) * 10)}
#fs5-page .md\:h-28{height:calc(var(--spacing) * 28)}
#fs5-page .md\:h-\[250px\]{height:250px}
#fs5-page .md\:max-h-none{max-height:none}
#fs5-page .md\:w-10{width:calc(var(--spacing) * 10)}
#fs5-page .md\:w-24{width:calc(var(--spacing) * 24)}
#fs5-page .md\:w-28{width:calc(var(--spacing) * 28)}
#fs5-page .md\:w-72{width:calc(var(--spacing) * 72)}
#fs5-page .md\:min-w-\[130px\]{min-width:130px}
#fs5-page .md\:flex-1{flex:1}
#fs5-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs5-page .md\:flex-col{flex-direction:column}
#fs5-page .md\:flex-row{flex-direction:row}
#fs5-page .md\:flex-row-reverse{flex-direction:row-reverse}
#fs5-page .md\:items-center{align-items:center}
#fs5-page .md\:gap-0{gap:0}
#fs5-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#fs5-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#fs5-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#fs5-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#fs5-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#fs5-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#fs5-page .md\:overflow-visible{overflow:visible}
#fs5-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#fs5-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#fs5-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#fs5-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#fs5-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#fs5-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs5-page .md\:px-8{padding-inline:calc(var(--spacing) * 8)}
#fs5-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#fs5-page .md\:py-0{padding-block:0}
#fs5-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#fs5-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#fs5-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#fs5-page .md\:py-6{padding-block:calc(var(--spacing) * 6)}
#fs5-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#fs5-page .md\:text-justify{text-align:justify}
#fs5-page .md\:text-right{text-align:right}
#fs5-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs5-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs5-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#fs5-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs5-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs5-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs5-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs5-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs5-page .md\:text-\[9px\]{font-size:9px}
#fs5-page .md\:text-\[10px\]{font-size:10px}
#fs5-page .md\:text-\[14px\]{font-size:14px}}
@media (min-width:64rem){#fs5-page .lg\:order-1{order:1}
#fs5-page .lg\:order-2{order:2}
#fs5-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#fs5-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#fs5-page .lg\:mt-8{margin-top:calc(var(--spacing) * 8)}
#fs5-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#fs5-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#fs5-page .lg\:mb-0{margin-bottom:0}
#fs5-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#fs5-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#fs5-page .lg\:block{display:block}
#fs5-page .lg\:flex{display:flex}
#fs5-page .lg\:hidden{display:none}
#fs5-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#fs5-page .lg\:h-\[70px\]{height:70px}
#fs5-page .lg\:h-\[132px\]{height:132px}
#fs5-page .lg\:h-\[300px\]{height:300px}
#fs5-page .lg\:min-h-\[500px\]{min-height:500px}
#fs5-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#fs5-page .lg\:w-\[40\%\]{width:40%}
#fs5-page .lg\:w-\[45\%\]{width:45%}
#fs5-page .lg\:w-\[55\%\]{width:55%}
#fs5-page .lg\:w-\[58\%\]{width:58%}
#fs5-page .lg\:w-\[70px\]{width:70px}
#fs5-page .lg\:w-auto{width:auto}
#fs5-page .lg\:w-fit{width:fit-content}
#fs5-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#fs5-page .lg\:flex-row{flex-direction:row}
#fs5-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#fs5-page .lg\:items-center{align-items:center}
#fs5-page .lg\:justify-end{justify-content:flex-end}
#fs5-page .lg\:gap-0{gap:0}
#fs5-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#fs5-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#fs5-page .lg\:gap-8{gap:calc(var(--spacing) * 8)}
#fs5-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#fs5-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#fs5-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#fs5-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#fs5-page .lg\:gap-y-6{row-gap:calc(var(--spacing) * 6)}
#fs5-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#fs5-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#fs5-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#fs5-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs5-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs5-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#fs5-page .lg\:px-21{padding-inline:calc(var(--spacing) * 21)}
#fs5-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#fs5-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#fs5-page .lg\:pt-\[132px\]{padding-top:132px}
#fs5-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#fs5-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#fs5-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs5-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs5-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs5-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs5-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs5-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs5-page .lg\:text-\[10px\]{font-size:10px}
#fs5-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#fs5-page .lg\:leading-\[56px\]{--tw-leading:56px;line-height:56px}
#fs5-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#fs5-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#fs5-page .xl\:mt-60{margin-top:calc(var(--spacing) * 60)}
#fs5-page .xl\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#fs5-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#fs5-page .xl\:flex{display:flex}
#fs5-page .xl\:hidden{display:none}
#fs5-page .xl\:h-\[142px\]{height:142px}
#fs5-page .xl\:w-1\/2{width:50%}
#fs5-page .xl\:w-1\/3{width:33.3333%}
#fs5-page .xl\:w-\[32\%\]{width:32%}
#fs5-page .xl\:w-\[60\%\]{width:60%}
#fs5-page .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#fs5-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#fs5-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#fs5-page .xl\:flex-row{flex-direction:row}
#fs5-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#fs5-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#fs5-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#fs5-page .xl\:gap-y-1{row-gap:var(--spacing)}
#fs5-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs5-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#fs5-page .xl\:pt-\[142px\]{padding-top:142px}
#fs5-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs5-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#fs5-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs5-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs5-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs5-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs5-page .xl\:text-\[11px\]{font-size:11px}
#fs5-page .xl\:text-\[14px\]{font-size:14px}
#fs5-page .xl\:text-\[36px\]{font-size:36px}
#fs5-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#fs5-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#fs5-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#fs5-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#fs5-page .\32 xl\:gap-\[25px\]{gap:25px}
#fs5-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#fs5-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#fs5-page .\32 xl\:text-left{text-align:left}
#fs5-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs5-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs5-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs5-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs5-page .\32 xl\:text-\[16px\]{font-size:16px}
#fs5-page .\32 xl\:text-\[27px\]{font-size:27px}
#fs5-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
#fs5-page .fanum-font,#fs5-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#fs5-page .semibold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:600}
#fs5-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#fs5-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
@keyframes fa-alarmPulse{0%,to{transform:scale(1)rotate(0)}15%{transform:scale(1.1)rotate(-12deg)}30%{transform:scale(1.1)rotate(12deg)}45%{transform:scale(1.1)rotate(-8deg)}60%{transform:scale(1.05)rotate(6deg)}75%{transform:scale(1)rotate(0)}}
#fs5-page .alarm-animation{transform-origin:50% 10%;animation:2.4s ease-in-out infinite fa-alarmPulse}
@keyframes fa-brandScroll{0%{transform:translate(0)}to{transform:translateX(calc(-50% - var(--hg,0px)))}}
#fs5-page .brand-scroll-animation{width:max-content;animation:45s linear infinite fa-brandScroll}
#fs5-page .brand-scroll-animation:hover{animation-play-state:paused}
#fs5-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#fs5-page .sol-dd{z-index:60;opacity:0;visibility:hidden;background:#fff;border-radius:16px;min-width:220px;padding:8px;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(8px);box-shadow:0 12px 32px #0a27452e}
#fs5-page .sol-dd.open{opacity:1;visibility:visible;transform:none}
#fs5-page .sol-dd a{color:var(--nv);white-space:nowrap;border-radius:10px;padding:10px 14px;font-size:14px;display:block}
#fs5-page .sol-dd a:hover{color:var(--acc);background:var(--fa-soft)}
#fs5-page .sol-dd-top{top:calc(100% + 4px)}
#fs5-page #mobile-drawer{z-index:2000;visibility:hidden;position:fixed;inset:0}
#fs5-page #mobile-drawer.open{visibility:visible}
#fs5-page #mobile-drawer .bg{opacity:0;background:#00000073;transition:opacity .25s;position:absolute;inset:0}
#fs5-page #mobile-drawer.open .bg{opacity:1}
#fs5-page #mobile-drawer .panel{background:#fff;width:min(86vw,340px);padding:20px;transition:transform .28s;position:absolute;top:0;bottom:0;right:0;overflow:auto;transform:translate(100%)}
#fs5-page #mobile-drawer.open .panel{transform:none}
#fs5-page #mobile-drawer .panel a,#fs5-page #mobile-drawer .panel summary{color:var(--nv);cursor:pointer;border-bottom:1px solid #f1e6e0;padding:12px 8px;font-weight:700;display:block}
#fs5-page #mobile-drawer .panel details a{padding-right:20px;font-weight:400}
#fs5-page #search-box{visibility:hidden;z-index:2100;background:#fff;padding:16px;transition:transform .25s;position:fixed;top:0;left:0;right:0;transform:translateY(-110%);box-shadow:0 8px 24px #00000026}
#fs5-page #search-box.open{visibility:visible;transform:none}
#fs5-page #lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#fs5-page #lightbox.open{display:flex}
#fs5-page #lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#fs5-page .no-scrollbar{scrollbar-width:none}
#fs5-page .no-scrollbar::-webkit-scrollbar{display:none}
#fs5-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#fs5-page .faq-open svg{transition:transform .2s}
#fs5-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#fs5-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#fs5-page #service-menu.open{display:block}
#fs5-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#fs5-page #service-menu li:hover,#fs5-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#fs5-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#fs5-page .left-\[35\%\]{
    left: 35%;
  }
#fs5-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#fs5-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#fs5-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#fs5-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#fs5-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#fs5-page .min-h-screen{
    min-height: 100vh;
  }
#fs5-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#fs5-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#fs5-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#fs5-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#fs5-page .max-w-xl{
    max-width: var(--container-xl);
  }
#fs5-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#fs5-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#fs5-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#fs5-page .flex-wrap{
    flex-wrap: wrap;
  }
#fs5-page .justify-around{
    justify-content: space-around;
  }
#fs5-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#fs5-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#fs5-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#fs5-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#fs5-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#fs5-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#fs5-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#fs5-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#fs5-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#fs5-page .bg-ab-card{
    background-color: var(--card);
  }
#fs5-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#fs5-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#fs5-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#fs5-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#fs5-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#fs5-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#fs5-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#fs5-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#fs5-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#fs5-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#fs5-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#fs5-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#fs5-page .text-ab-cream{
    color: #f6ecd6;
  }
#fs5-page .text-ab-ink{
    color: var(--ink);
  }
#fs5-page .text-ab-mut{
    color: var(--mut);
  }
#fs5-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#fs5-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#fs5-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#fs5-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#fs5-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#fs5-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#fs5-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#fs5-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#fs5-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#fs5-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#fs5-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#fs5-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#fs5-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#fs5-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#fs5-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#fs5-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#fs5-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#fs5-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#fs5-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#fs5-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#fs5-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#fs5-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#fs5-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#fs5-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#fs5-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#fs5-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#fs5-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#fs5-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#fs5-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#fs5-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#fs5-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#fs5-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#fs5-page .lg\:h-\[550px\]{
      height: 550px;
    }
#fs5-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#fs5-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#fs5-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#fs5-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#fs5-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#fs5-page .xl\:h-auto{
      height: auto;
    }
#fs5-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#fs5-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#fs5-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#fs5-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#fs5-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#fs5-page .xl\:py-0{
      padding-block: 0px;
    }
#fs5-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#fs5-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#fs5-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#fs5-page .ab-menu.open{display:block}
#fs5-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#fs5-page .ab-menu button:hover,#fs5-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#fs5-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#fs5-page .ab-msg:empty{display:none}
#fs5-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#fs5-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#fs5-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#fs5-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#fs5-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#fs5-page .brand-scroll-animation{--g:5rem}}
#fs5-page .brand-scroll-animation:hover{animation-play-state:paused}
#fs5-page .brand-scroll-animation,#fs5-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#fs5-page *{transition:none!important}#fs5-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#fs5-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#fs5-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #fs5-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #fs5-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#fs5-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#fs5-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#fs5-page [id^=fa-]{scroll-margin-top:120px}
#fs5-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#fs5-page .semibold-fanum-font,#fs5-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#fs5-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#fs5-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#fs5-page a{color:inherit;text-decoration:none}
#fs5-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#fs5-page input[type=checkbox]{accent-color:var(--gold1)}
#fs5-page .bg-white{background-color:var(--sec-alt)}
#fs5-page .text-black{color:var(--ink)}
#fs5-page .text-\[\#0A2745\],#fs5-page .text-secondary{color:var(--ink)}
#fs5-page .bg-primary.text-white,#fs5-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#fs5-page .bg-secondary.text-white,#fs5-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#fs5-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#fs5-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#fs5-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#fs5-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#fs5-page .sol-toast{background:var(--nv);color:#f6ecd6}
#fs5-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#fs5-page #service-menu li:hover,#fs5-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#fs5-page #lightbox img{background:var(--card)}
/* ===== هیرو: متن و دکمه‌ها همیشه روی زمینه‌ی تیره‌ی اسپرسو (حتی اگر ویدیو لود نشود یا روشن باشد) ===== */
#fs5-page #fs5-hero{background:#2b2118}
#fs5-page #fs5-hero>div[aria-hidden="true"]{background:linear-gradient(to top,rgba(28,23,18,.62) 0%,rgba(28,23,18,0) 60%),linear-gradient(to left,rgba(28,23,18,.9) 0%,rgba(28,23,18,.74) 55%,rgba(28,23,18,.56) 100%)}
#fs5-page #fs5-hero h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#fs5-page #fs5-hero h2,#fs5-page #fs5-hero h1 .hero-sub{color:var(--gold1,#d6b374);text-shadow:0 2px 14px rgba(0,0,0,.35)}
/* FAQ: عنوان h2 قبل از سوال‌ها در DOM است؛ چیدمان بصری مثل قبل */
#fs5-page #fs5-faq .fq-row{flex-direction:column}
@media (min-width:80rem){#fs5-page #fs5-faq .fq-row{flex-direction:row-reverse}}
#fs5-page #fs5-hero p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#fs5-page #fs5-hero a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#fs5-page #fs5-hero a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#fs5-page #fs5-hero a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#fs5-page #lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#fs5-page #lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#fs5-page #lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#fs5-page #lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#fs5-page #lightbox .lb-x,#fs5-page #lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#fs5-page #lightbox .lb-x{top:14px;left:14px}
#fs5-page #lightbox .lb-nav{top:50%;margin-top:-22px}
#fs5-page #lightbox .lb-prev{right:14px}
#fs5-page #lightbox .lb-next{left:14px}
#fs5-page #lightbox .lb-x:hover,#fs5-page #lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#fs5-page #lightbox .lb-x:focus-visible,#fs5-page #lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #fs5-page #lightbox{padding:60px 12px 84px}
 #fs5-page #lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #fs5-page #lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #fs5-page #lightbox .lb-prev{right:16px}
 #fs5-page #lightbox .lb-next{left:16px}
 #fs5-page #lightbox figcaption{max-width:calc(100vw - 150px)}
}
#fs5-page input::placeholder,#fs5-page textarea::placeholder{opacity:1}


/* متن مقاله‌ی انتهای صفحه «اتوماسیون تغذیه»: از Word با فونت Calibri و اندازه pt وارد شده بود؛
   اینجا هم‌فونت و هم‌اندازه با بقیه‌ی سکشن‌ها (Vazirmatn، رنگ سرمه‌ای) می‌شود. فاصله‌ها دست‌نخورده‌اند. */
#fs5-page .about-sol-html{color:var(--nv,#0A2745);font-size:16px;line-height:1.75;font-weight:400}
#fs5-page .about-sol-html,
#fs5-page .about-sol-html *{font-family:'Vazirmatn',Tahoma,sans-serif!important}
#fs5-page .about-sol-html p span{font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;color:inherit!important}
#fs5-page .about-sol-html h2,
#fs5-page .about-sol-html h2 span{font-size:20px!important;line-height:1.7!important;font-weight:700!important;color:var(--nv,#0A2745)!important}
#fs5-page .about-sol-html h2{margin:24px 0 8px}
#fs5-page .about-sol-html h2:first-child{margin-top:0}
@media (min-width:640px){
 #fs5-page .about-sol-html{font-size:18px}
 #fs5-page .about-sol-html h2,#fs5-page .about-sol-html h2 span{font-size:24px!important}
}


/* محتوای انتهای صفحه‌ی اتوماسیون تغذیه: هم‌استایل با سکشن «درباره سول» در صفحه‌ی اصلی؛ بولت‌ها با رنگ پالت (طلایی) */
#fs5-page #fs5-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#fs5-page #fs5-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#fs5-page #fs5-about *{box-sizing:border-box}
#fs5-page #fs5-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#fs5-page #fs5-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#fs5-page #fs5-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#fs5-page #fs5-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#fs5-page #fs5-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#fs5-page #fs5-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#fs5-page #fs5-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#fs5-page #fs5-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#fs5-page #fs5-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#fs5-page #fs5-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#fs5-page #fs5-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#fs5-page #fs5-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#fs5-page #fs5-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#fs5-page #fs5-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#fs5-page #fs5-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#fs5-page #fs5-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#fs5-page #fs5-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#fs5-page #fs5-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#fs5-page #fs5-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#fs5-page #fs5-about .seo-more[hidden]{display:none}
#fs5-page #fs5-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#fs5-page #fs5-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#fs5-page #fs5-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#fs5-page #fs5-about.seo-open .seo-fade,#fs5-page #fs5-about:not(.seo-js) .seo-fade{opacity:0}
#fs5-page #fs5-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#fs5-page #fs5-about .seo-ls,#fs5-page #fs5-about .seo-ls.seo-sm{grid-template-columns:1fr}#fs5-page #fs5-about .seo-in p{text-align:start}#fs5-page #fs5-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#fs5-page #fs5-about .seo-body,#fs5-page #fs5-about .seo-ls li,#fs5-page #fs5-about .seo-more,#fs5-page #fs5-about .seo-more i svg,#fs5-page #fs5-about .seo-fade{transition:none!important}}

/* نوار قرمز ناوبری صفحه: چسبان زیر هدر؛ overflow:hidden والد جایگزین clip می‌شود تا sticky کار کند */
#fs5-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#fs5-page #fs5-images{position:sticky;top:var(--fa-top,0px);z-index:19;transition:box-shadow .25s}
#fs5-page #fs5-images.fa-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#fs5-page section[id^="fa-"]{scroll-margin-top:calc(var(--fa-top,0px) + var(--fa-bar,64px) + 10px)}
/* فاصله‌ی نوار قرمز چسبان با هیرو (بالا) و بخش بعدی (پایین) کم شد؛ برای تغییر، فقط مقدار --fa-gap را عوض کنید */
#fs5-page{--fa-gap:clamp(12px,1.8vw,24px)}
#fs5-page #fs5-images{margin-top:var(--fa-gap)}
#fs5-page #fs5-images > div > div{margin-top:0}
#fs5-page #fs5-images + section{margin-top:var(--fa-gap)}


@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#fs6-page *,#fs6-page :before,#fs6-page :after,#fs6-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:""}}
#fs6-page,#fs6-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft)}
#fs6-page *,#fs6-page :after,#fs6-page :before,#fs6-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#fs6-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#fs6-page,#fs6-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#fs6-page hr{height:0;color:inherit;border-top-width:1px}
#fs6-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#fs6-page h1,#fs6-page h2,#fs6-page h3,#fs6-page h4,#fs6-page h5,#fs6-page h6{font-size:inherit;font-weight:inherit}
#fs6-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#fs6-page b,#fs6-page strong{font-weight:bolder}
#fs6-page code,#fs6-page kbd,#fs6-page samp,#fs6-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#fs6-page small{font-size:80%}
#fs6-page sub,#fs6-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#fs6-page sub{bottom:-.25em}
#fs6-page sup{top:-.5em}
#fs6-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#fs6-page :-moz-focusring:where(:not(iframe)){outline:auto}
#fs6-page progress{vertical-align:baseline}
#fs6-page summary{display:list-item}
#fs6-page ol,#fs6-page ul,#fs6-page menu{list-style:none}
#fs6-page img,#fs6-page svg,#fs6-page video,#fs6-page canvas,#fs6-page audio,#fs6-page iframe,#fs6-page embed,#fs6-page object{vertical-align:middle;display:block}
#fs6-page img,#fs6-page video{max-width:100%;height:auto}
#fs6-page button,#fs6-page input,#fs6-page select,#fs6-page optgroup,#fs6-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#fs6-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#fs6-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#fs6-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#fs6-page ::file-selector-button{margin-inline-end:4px}
#fs6-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#fs6-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#fs6-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#fs6-page textarea{resize:vertical}
#fs6-page ::-webkit-search-decoration{-webkit-appearance:none}
#fs6-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#fs6-page ::-webkit-datetime-edit{display:inline-flex}
#fs6-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#fs6-page ::-webkit-datetime-edit{padding-block:0}
#fs6-page ::-webkit-datetime-edit-year-field{padding-block:0}
#fs6-page ::-webkit-datetime-edit-month-field{padding-block:0}
#fs6-page ::-webkit-datetime-edit-day-field{padding-block:0}
#fs6-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#fs6-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#fs6-page ::-webkit-datetime-edit-second-field{padding-block:0}
#fs6-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#fs6-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#fs6-page ::-webkit-calendar-picker-indicator{line-height:1}
#fs6-page :-moz-ui-invalid{box-shadow:none}
#fs6-page button,#fs6-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#fs6-page ::file-selector-button{appearance:button}
#fs6-page ::-webkit-inner-spin-button{height:auto}
#fs6-page ::-webkit-outer-spin-button{height:auto}
#fs6-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#fs6-page{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
#fs6-page{color:var(--nv);background:#fff;font-family:Vazirmatn,Tahoma,Segoe UI,Arial,sans-serif}
#fs6-page button,#fs6-page [role=button],#fs6-page a{-webkit-tap-highlight-color:transparent}
#fs6-page img{max-width:100%}
#fs6-page .pointer-events-none{pointer-events:none}
#fs6-page .absolute{position:absolute}
#fs6-page .fixed{position:fixed}
#fs6-page .relative{position:relative}
#fs6-page .static{position:static}
#fs6-page .inset-0{inset:0}
#fs6-page .inset-x-0{inset-inline:0}
#fs6-page .top-0{top:0}
#fs6-page .top-2{top:calc(var(--spacing) * 2)}
#fs6-page .top-3{top:calc(var(--spacing) * 3)}
#fs6-page .top-6{top:calc(var(--spacing) * 6)}
#fs6-page .top-full{top:100%}
#fs6-page .right-0{right:0}
#fs6-page .right-1{right:var(--spacing)}
#fs6-page .right-2{right:calc(var(--spacing) * 2)}
#fs6-page .right-4{right:calc(var(--spacing) * 4)}
#fs6-page .bottom-0{bottom:0}
#fs6-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#fs6-page .left-0{left:0}
#fs6-page .left-1\/2{left:50%}
#fs6-page .-z-10{z-index:calc(10 * -1)}
#fs6-page .z-1{z-index:1}
#fs6-page .z-2{z-index:2}
#fs6-page .z-10{z-index:10}
#fs6-page .z-20{z-index:20}
#fs6-page .z-40{z-index:40}
#fs6-page .z-50{z-index:50}
#fs6-page .z-1000{z-index:1000}
#fs6-page .order-1{order:1}
#fs6-page .order-2{order:2}
#fs6-page .order-3{order:3}
#fs6-page .m-0{margin:0}
#fs6-page .mx-1{margin-inline:var(--spacing)}
#fs6-page .mx-auto{margin-inline:auto}
#fs6-page .my-2{margin-block:calc(var(--spacing) * 2)}
#fs6-page .my-24{margin-block:calc(var(--spacing) * 24)}
#fs6-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#fs6-page .-mt-20{margin-top:calc(var(--spacing) * -20)}
#fs6-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#fs6-page .mt-1{margin-top:var(--spacing)}
#fs6-page .mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}
#fs6-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#fs6-page .mt-3{margin-top:calc(var(--spacing) * 3)}
#fs6-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#fs6-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#fs6-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#fs6-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#fs6-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#fs6-page .mt-60{margin-top:calc(var(--spacing) * 60)}
#fs6-page .mb-1{margin-bottom:var(--spacing)}
#fs6-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#fs6-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#fs6-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#fs6-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#fs6-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#fs6-page .mb-24{margin-bottom:calc(var(--spacing) * 24)}
#fs6-page .mb-36{margin-bottom:calc(var(--spacing) * 36)}
#fs6-page .mb-safe{margin-bottom:env(safe-area-inset-bottom,0px)}
#fs6-page .block{display:block}
#fs6-page .flex{display:flex}
#fs6-page .grid{display:grid}
#fs6-page .hidden{display:none}
#fs6-page .inline{display:inline}
#fs6-page .inline-block{display:inline-block}
#fs6-page .inline-flex{display:inline-flex}
#fs6-page .h-1\.5{height:calc(var(--spacing) * 1.5)}
#fs6-page .h-2\.5{height:calc(var(--spacing) * 2.5)}
#fs6-page .h-5{height:calc(var(--spacing) * 5)}
#fs6-page .h-6{height:calc(var(--spacing) * 6)}
#fs6-page .h-8{height:calc(var(--spacing) * 8)}
#fs6-page .h-10{height:calc(var(--spacing) * 10)}
#fs6-page .h-12{height:calc(var(--spacing) * 12)}
#fs6-page .h-16{height:calc(var(--spacing) * 16)}
#fs6-page .h-20{height:calc(var(--spacing) * 20)}
#fs6-page .h-72{height:calc(var(--spacing) * 72)}
#fs6-page .h-\[50px\]{height:50px}
#fs6-page .h-\[72px\]{height:72px}
#fs6-page .h-\[155\.95px\]{height:155.95px}
#fs6-page .h-\[180px\]{height:180px}
#fs6-page .h-\[200px\]{height:200px}
#fs6-page .h-auto{height:auto}
#fs6-page .h-full{height:100%}
#fs6-page .max-h-0{max-height:0}
#fs6-page .max-h-\[280px\]{max-height:280px}
#fs6-page .min-h-0{min-height:0}
#fs6-page .min-h-\[44px\]{min-height:44px}
#fs6-page .min-h-\[260px\]{min-height:260px}
#fs6-page .min-h-\[300px\]{min-height:300px}
#fs6-page .min-h-\[320px\]{min-height:320px}
#fs6-page .min-h-\[323px\]{min-height:323px}
#fs6-page .min-h-\[360px\]{min-height:360px}
#fs6-page .w-1\.5{width:calc(var(--spacing) * 1.5)}
#fs6-page .w-2\.5{width:calc(var(--spacing) * 2.5)}
#fs6-page .w-5{width:calc(var(--spacing) * 5)}
#fs6-page .w-6{width:calc(var(--spacing) * 6)}
#fs6-page .w-8{width:calc(var(--spacing) * 8)}
#fs6-page .w-10{width:calc(var(--spacing) * 10)}
#fs6-page .w-12{width:calc(var(--spacing) * 12)}
#fs6-page .w-16{width:calc(var(--spacing) * 16)}
#fs6-page .w-20{width:calc(var(--spacing) * 20)}
#fs6-page .w-24{width:calc(var(--spacing) * 24)}
#fs6-page .w-30{width:calc(var(--spacing) * 30)}
#fs6-page .w-44{width:calc(var(--spacing) * 44)}
#fs6-page .w-72{width:calc(var(--spacing) * 72)}
#fs6-page .w-\[155\.95px\]{width:155.95px}
#fs6-page .w-\[181px\]{width:181px}
#fs6-page .w-auto{width:auto}
#fs6-page .w-fit{width:fit-content}
#fs6-page .w-full{width:100%}
#fs6-page .max-w-2xl{max-width:var(--container-2xl)}
#fs6-page .max-w-3xl{max-width:var(--container-3xl)}
#fs6-page .max-w-4xl{max-width:var(--container-4xl)}
#fs6-page .max-w-full{max-width:100%}
#fs6-page .min-w-0{min-width:0}
#fs6-page .min-w-full{min-width:100%}
#fs6-page .flex-1{flex:1}
#fs6-page .flex-shrink-0,#fs6-page .shrink-0{flex-shrink:0}
#fs6-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs6-page .-translate-y-\[16px\]{--tw-translate-y:calc(16px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs6-page .rotate-0{rotate:0deg}
#fs6-page .rotate-180{rotate:180deg}
#fs6-page .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
#fs6-page .cursor-not-allowed{cursor:not-allowed}
#fs6-page .cursor-pointer{cursor:pointer}
#fs6-page .resize{resize:both}
#fs6-page .list-none{list-style-type:none}
#fs6-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#fs6-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs6-page .flex-col{flex-direction:column}
#fs6-page .flex-col-reverse{flex-direction:column-reverse}
#fs6-page .flex-row{flex-direction:row}
#fs6-page .flex-row-reverse{flex-direction:row-reverse}
#fs6-page .flex-nowrap{flex-wrap:nowrap}
#fs6-page .items-center{align-items:center}
#fs6-page .items-end{align-items:flex-end}
#fs6-page .items-start{align-items:flex-start}
#fs6-page .items-stretch{align-items:stretch}
#fs6-page .justify-between{justify-content:space-between}
#fs6-page .justify-center{justify-content:center}
#fs6-page .justify-end{justify-content:flex-end}
#fs6-page .justify-start{justify-content:flex-start}
#fs6-page .justify-items-center{justify-items:center}
#fs6-page .justify-items-stretch{justify-items:stretch}
#fs6-page .gap-1{gap:var(--spacing)}
#fs6-page .gap-2{gap:calc(var(--spacing) * 2)}
#fs6-page .gap-3{gap:calc(var(--spacing) * 3)}
#fs6-page .gap-4{gap:calc(var(--spacing) * 4)}
#fs6-page .gap-6{gap:calc(var(--spacing) * 6)}
#fs6-page .gap-8{gap:calc(var(--spacing) * 8)}
#fs6-page .gap-10{gap:calc(var(--spacing) * 10)}
#fs6-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#fs6-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#fs6-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#fs6-page .gap-x-6{column-gap:calc(var(--spacing) * 6)}
#fs6-page .gap-x-10{column-gap:calc(var(--spacing) * 10)}
#fs6-page .gap-y-4{row-gap:calc(var(--spacing) * 4)}
#fs6-page .gap-y-24{row-gap:calc(var(--spacing) * 24)}
#fs6-page .overflow-hidden{overflow:hidden}
#fs6-page .overflow-visible{overflow:visible}
#fs6-page .overflow-x-auto{overflow-x:auto}
#fs6-page .overflow-x-hidden{overflow-x:hidden}
#fs6-page .overflow-y-hidden{overflow-y:hidden}
#fs6-page .scroll-smooth{scroll-behavior:smooth}
#fs6-page .rounded-2xl{border-radius:var(--radius-2xl)}
#fs6-page .rounded-3xl{border-radius:var(--radius-3xl)}
#fs6-page .rounded-4xl{border-radius:var(--radius-4xl)}
#fs6-page .rounded-\[20px\]{border-radius:20px}
#fs6-page .rounded-\[32px\]{border-radius:32px}
#fs6-page .rounded-\[50px\]{border-radius:50px}
#fs6-page .rounded-full{border-radius:3.40282e38px}
#fs6-page .rounded-lg{border-radius:var(--radius-lg)}
#fs6-page .rounded-md{border-radius:var(--radius-md)}
#fs6-page .rounded-xl{border-radius:var(--radius-xl)}
#fs6-page .rounded-b-\[48px\]{border-bottom-right-radius:48px;border-bottom-left-radius:48px}
#fs6-page .border-0{border-style:var(--tw-border-style);border-width:0}
#fs6-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#fs6-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#fs6-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#fs6-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#fs6-page .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}
#fs6-page .border-none{--tw-border-style:none;border-style:none}
#fs6-page .border-\[\#C0C0C0\]{border-color:silver}
#fs6-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#fs6-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#fs6-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#fs6-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#fs6-page .border-green-500{border-color:var(--color-green-500)}
#fs6-page .border-transparent{border-color:#0000}
#fs6-page .border-white{border-color:var(--color-white)}
#fs6-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#fs6-page .bg-\[\#D9DEE2\]{background-color:var(--line)}
#fs6-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#fs6-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#fs6-page .bg-\[\#FFF3EA\]{background-color:var(--fa-soft)}
#fs6-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#fs6-page .bg-accent{background-color:var(--color-accent)}
#fs6-page .bg-black\/40{background-color:#0006}
@supports (color:color-mix(in lab, red, red)){#fs6-page .bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}
#fs6-page .bg-gray-100{background-color:var(--color-gray-100)}
#fs6-page .bg-primary{background-color:var(--color-primary)}
#fs6-page .bg-secondary{background-color:var(--color-secondary)}
#fs6-page .bg-transparent{background-color:#0000}
#fs6-page .bg-white{background-color:var(--color-white)}
#fs6-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#fs6-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#fs6-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#fs6-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#fs6-page .object-contain{object-fit:contain}
#fs6-page .object-cover{object-fit:cover}
#fs6-page .p-0{padding:0}
#fs6-page .p-1{padding:var(--spacing)}
#fs6-page .p-2{padding:calc(var(--spacing) * 2)}
#fs6-page .p-3{padding:calc(var(--spacing) * 3)}
#fs6-page .p-4{padding:calc(var(--spacing) * 4)}
#fs6-page .p-5{padding:calc(var(--spacing) * 5)}
#fs6-page .p-6{padding:calc(var(--spacing) * 6)}
#fs6-page .p-7{padding:calc(var(--spacing) * 7)}
#fs6-page .p-8{padding:calc(var(--spacing) * 8)}
#fs6-page .px-0{padding-inline:0}
#fs6-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#fs6-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#fs6-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#fs6-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#fs6-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#fs6-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#fs6-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#fs6-page .py-2{padding-block:calc(var(--spacing) * 2)}
#fs6-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#fs6-page .py-3{padding-block:calc(var(--spacing) * 3)}
#fs6-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#fs6-page .py-4{padding-block:calc(var(--spacing) * 4)}
#fs6-page .py-8{padding-block:calc(var(--spacing) * 8)}
#fs6-page .py-10{padding-block:calc(var(--spacing) * 10)}
#fs6-page .py-16{padding-block:calc(var(--spacing) * 16)}
#fs6-page .py-24{padding-block:calc(var(--spacing) * 24)}
#fs6-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#fs6-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#fs6-page .pt-8{padding-top:calc(var(--spacing) * 8)}
#fs6-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#fs6-page .pt-\[72px\]{padding-top:72px}
#fs6-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#fs6-page .pr-12{padding-right:calc(var(--spacing) * 12)}
#fs6-page .pb-0{padding-bottom:0}
#fs6-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#fs6-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#fs6-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#fs6-page .pb-14{padding-bottom:calc(var(--spacing) * 14)}
#fs6-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#fs6-page .text-center{text-align:center}
#fs6-page .text-justify{text-align:justify}
#fs6-page .text-right{text-align:right}
#fs6-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs6-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs6-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs6-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs6-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs6-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs6-page .text-\[10px\]{font-size:10px}
#fs6-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#fs6-page .leading-\[32px\]{--tw-leading:32px;line-height:32px}
#fs6-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#fs6-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#fs6-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#fs6-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#fs6-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#fs6-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#fs6-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#fs6-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#fs6-page .whitespace-nowrap{white-space:nowrap}
#fs6-page .text-\[\#0A2745\]{color:var(--nv)}
#fs6-page .text-\[\#595B5C\]{color:#595b5c}
#fs6-page .text-\[\#FF4C00\]{color:var(--acc)}
#fs6-page .text-\[\#ffff\]{color:#fff}
#fs6-page .text-black{color:var(--color-black)}
#fs6-page .text-gray-300{color:var(--color-gray-300)}
#fs6-page .text-gray-500{color:var(--color-gray-500)}
#fs6-page .text-gray-600{color:var(--color-gray-600)}
#fs6-page .text-green-700{color:var(--color-green-700)}
#fs6-page .text-red-500{color:var(--color-red-500)}
#fs6-page .text-secondary{color:var(--color-secondary)}
#fs6-page .text-white{color:var(--color-white)}
#fs6-page .not-italic{font-style:normal}
#fs6-page .underline{text-decoration-line:underline}
#fs6-page .accent-white{accent-color:var(--color-white)}
#fs6-page .opacity-0{opacity:0}
#fs6-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs6-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs6-page .shadow-\[0_2px_8px_rgba\(255\,76\,0\,0\.25\)\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs6-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs6-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs6-page .shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs6-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs6-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs6-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#fs6-page .outline{outline-style:var(--tw-outline-style);outline-width:1px}
#fs6-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
#fs6-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}
#fs6-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs6-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs6-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs6-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs6-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs6-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs6-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs6-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#fs6-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#fs6-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#fs6-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#fs6-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#fs6-page .will-change-transform{will-change:transform}
#fs6-page .select-none{-webkit-user-select:none;user-select:none}
#fs6-page .backface-visibility-hidden{backface-visibility:hidden}
@media (hover:hover){#fs6-page .group-hover\:absolute:is(:where(.group):hover *){position:absolute}
#fs6-page .group-hover\:flex:is(:where(.group):hover *){display:flex}
#fs6-page .group-hover\:-translate-y-2:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs6-page .group-hover\:-translate-y-full:is(:where(.group):hover *){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs6-page .group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs6-page .group-hover\:border-b-2:is(:where(.group):hover *){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#fs6-page .group-hover\:bg-\[\#0A2745\]:is(:where(.group):hover *){background-color:var(--nv)}
#fs6-page .group-hover\:bg-\[\#FFF6F2\]:is(:where(.group):hover *){background-color:var(--fa-soft)}
#fs6-page .group-hover\:text-\[\#FF4C00\]:is(:where(.group):hover *){color:var(--acc)}
#fs6-page .group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}
#fs6-page .group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}
#fs6-page .group-hover\:shadow-xl:is(:where(.group):hover *){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs6-page .group-hover\:blur-xs:is(:where(.group):hover *){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}
#fs6-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#fs6-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#fs6-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#fs6-page .after\:right-0:after{content:var(--tw-content);right:0}
#fs6-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#fs6-page .after\:left-0:after{content:var(--tw-content);left:0}
#fs6-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#fs6-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#fs6-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#fs6-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs6-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs6-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#fs6-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs6-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#fs6-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#fs6-page .hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs6-page .hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs6-page .hover\:scale-102:hover{--tw-scale-x:102%;--tw-scale-y:102%;--tw-scale-z:102%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs6-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs6-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs6-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#fs6-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#fs6-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#fs6-page .hover\:bg-\[\#0A2745\]\/10:hover{background-color:oklab(26.9107% -.0200244 -.0625058/.1)}
#fs6-page .hover\:bg-\[\#081a2e\]:hover{background-color:#081a2e}
#fs6-page .hover\:bg-\[\#163456\]:hover{background-color:color-mix(in srgb,var(--nv) 86%,#fff)}
#fs6-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 82%,#000)}
#fs6-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#fs6-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#fs6-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#fs6-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:color-mix(in srgb,var(--acc) 12%,var(--card))}
#fs6-page .hover\:bg-\[\#e44500\]:hover{background-color:#e44500}
#fs6-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#fs6-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#fs6-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#fs6-page .hover\:text-\[\#FF4C00\]:hover,#fs6-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#fs6-page .hover\:text-white:hover{color:var(--color-white)}
#fs6-page .hover\:underline:hover{text-decoration-line:underline}
#fs6-page .hover\:opacity-80:hover{opacity:.8}
#fs6-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs6-page .hover\:shadow-\[0_6px_20px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 6px 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs6-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs6-page .hover\:shadow-\[0_10px_24px_rgba\(10\,39\,69\,0\.14\)\]:hover{--tw-shadow:0 10px 24px var(--tw-shadow-color,#0a274524);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs6-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs6-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs6-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#fs6-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#fs6-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#fs6-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#fs6-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#fs6-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#fs6-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#fs6-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs6-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#fs6-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#fs6-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#fs6-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#fs6-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs6-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#fs6-page .focus-visible\:ring-\[\#FF4C00\]\/50:focus-visible{--tw-ring-color:oklab(66.6687% .179651 .134278/.5)}
#fs6-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#fs6-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#fs6-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#fs6-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#fs6-page .active\:translate-y-0:active{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs6-page .active\:scale-\[0\.98\]:active{scale:.98}
#fs6-page .active\:bg-\[\#06141f\]:active{background-color:#06141f}
#fs6-page .active\:bg-\[\#CC3D00\]:active{background-color:#cc3d00}
#fs6-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
@media (min-width:40rem){#fs6-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#fs6-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#fs6-page .sm\:bottom-1\/3{bottom:33.3333%}
#fs6-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#fs6-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#fs6-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#fs6-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#fs6-page .sm\:mb-17{margin-bottom:calc(var(--spacing) * 17)}
#fs6-page .sm\:mb-24{margin-bottom:calc(var(--spacing) * 24)}
#fs6-page .sm\:mb-34{margin-bottom:calc(var(--spacing) * 34)}
#fs6-page .sm\:inline{display:inline}
#fs6-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#fs6-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#fs6-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#fs6-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#fs6-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#fs6-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#fs6-page .sm\:h-\[60px\]{height:60px}
#fs6-page .sm\:h-\[100px\]{height:100px}
#fs6-page .sm\:max-h-\[320px\]{max-height:320px}
#fs6-page .sm\:min-h-\[360px\]{min-height:360px}
#fs6-page .sm\:min-h-\[400px\]{min-height:400px}
#fs6-page .sm\:min-h-\[580px\]{min-height:580px}
#fs6-page .sm\:min-h-\[600px\]{min-height:600px}
#fs6-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#fs6-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#fs6-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#fs6-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#fs6-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#fs6-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#fs6-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#fs6-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#fs6-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#fs6-page .sm\:min-w-\[120px\]{min-width:120px}
#fs6-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs6-page .sm\:flex-row{flex-direction:row}
#fs6-page .sm\:items-center{align-items:center}
#fs6-page .sm\:items-start{align-items:flex-start}
#fs6-page .sm\:justify-end{justify-content:flex-end}
#fs6-page .sm\:justify-start{justify-content:flex-start}
#fs6-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#fs6-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#fs6-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#fs6-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#fs6-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#fs6-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#fs6-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#fs6-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#fs6-page :where(.sm\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#fs6-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#fs6-page .sm\:gap-x-10{column-gap:calc(var(--spacing) * 10)}
#fs6-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#fs6-page .sm\:rounded-4xl{border-radius:var(--radius-4xl)}
#fs6-page .sm\:rounded-\[36px\]{border-radius:36px}
#fs6-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#fs6-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#fs6-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#fs6-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#fs6-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#fs6-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#fs6-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs6-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#fs6-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs6-page .sm\:py-0{padding-block:0}
#fs6-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#fs6-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#fs6-page .sm\:py-30{padding-block:calc(var(--spacing) * 30)}
#fs6-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#fs6-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs6-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs6-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs6-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs6-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs6-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs6-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs6-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs6-page .sm\:text-\[12px\]{font-size:12px}
#fs6-page .sm\:text-\[19px\]{font-size:19px}}
@media (min-width:48rem){#fs6-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#fs6-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#fs6-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#fs6-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#fs6-page .md\:mt-70{margin-top:calc(var(--spacing) * 70)}
#fs6-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#fs6-page .md\:block{display:block}
#fs6-page .md\:flex{display:flex}
#fs6-page .md\:hidden{display:none}
#fs6-page .md\:inline-block{display:inline-block}
#fs6-page .md\:h-10{height:calc(var(--spacing) * 10)}
#fs6-page .md\:h-28{height:calc(var(--spacing) * 28)}
#fs6-page .md\:h-\[250px\]{height:250px}
#fs6-page .md\:max-h-none{max-height:none}
#fs6-page .md\:w-10{width:calc(var(--spacing) * 10)}
#fs6-page .md\:w-24{width:calc(var(--spacing) * 24)}
#fs6-page .md\:w-28{width:calc(var(--spacing) * 28)}
#fs6-page .md\:w-72{width:calc(var(--spacing) * 72)}
#fs6-page .md\:min-w-\[130px\]{min-width:130px}
#fs6-page .md\:flex-1{flex:1}
#fs6-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs6-page .md\:flex-col{flex-direction:column}
#fs6-page .md\:flex-row{flex-direction:row}
#fs6-page .md\:flex-row-reverse{flex-direction:row-reverse}
#fs6-page .md\:items-center{align-items:center}
#fs6-page .md\:gap-0{gap:0}
#fs6-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#fs6-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#fs6-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#fs6-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#fs6-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#fs6-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#fs6-page .md\:overflow-visible{overflow:visible}
#fs6-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#fs6-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#fs6-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#fs6-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#fs6-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#fs6-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs6-page .md\:px-8{padding-inline:calc(var(--spacing) * 8)}
#fs6-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#fs6-page .md\:py-0{padding-block:0}
#fs6-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#fs6-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#fs6-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#fs6-page .md\:py-6{padding-block:calc(var(--spacing) * 6)}
#fs6-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#fs6-page .md\:text-justify{text-align:justify}
#fs6-page .md\:text-right{text-align:right}
#fs6-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs6-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs6-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#fs6-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs6-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs6-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs6-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs6-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs6-page .md\:text-\[9px\]{font-size:9px}
#fs6-page .md\:text-\[10px\]{font-size:10px}
#fs6-page .md\:text-\[14px\]{font-size:14px}}
@media (min-width:64rem){#fs6-page .lg\:order-1{order:1}
#fs6-page .lg\:order-2{order:2}
#fs6-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#fs6-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#fs6-page .lg\:mt-8{margin-top:calc(var(--spacing) * 8)}
#fs6-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#fs6-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#fs6-page .lg\:mb-0{margin-bottom:0}
#fs6-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#fs6-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#fs6-page .lg\:block{display:block}
#fs6-page .lg\:flex{display:flex}
#fs6-page .lg\:hidden{display:none}
#fs6-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#fs6-page .lg\:h-\[70px\]{height:70px}
#fs6-page .lg\:h-\[132px\]{height:132px}
#fs6-page .lg\:h-\[300px\]{height:300px}
#fs6-page .lg\:min-h-\[500px\]{min-height:500px}
#fs6-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#fs6-page .lg\:w-\[40\%\]{width:40%}
#fs6-page .lg\:w-\[45\%\]{width:45%}
#fs6-page .lg\:w-\[55\%\]{width:55%}
#fs6-page .lg\:w-\[58\%\]{width:58%}
#fs6-page .lg\:w-\[70px\]{width:70px}
#fs6-page .lg\:w-auto{width:auto}
#fs6-page .lg\:w-fit{width:fit-content}
#fs6-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#fs6-page .lg\:flex-row{flex-direction:row}
#fs6-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#fs6-page .lg\:items-center{align-items:center}
#fs6-page .lg\:justify-end{justify-content:flex-end}
#fs6-page .lg\:gap-0{gap:0}
#fs6-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#fs6-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#fs6-page .lg\:gap-8{gap:calc(var(--spacing) * 8)}
#fs6-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#fs6-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#fs6-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#fs6-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#fs6-page .lg\:gap-y-6{row-gap:calc(var(--spacing) * 6)}
#fs6-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#fs6-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#fs6-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#fs6-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs6-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs6-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#fs6-page .lg\:px-21{padding-inline:calc(var(--spacing) * 21)}
#fs6-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#fs6-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#fs6-page .lg\:pt-\[132px\]{padding-top:132px}
#fs6-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#fs6-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#fs6-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs6-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs6-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs6-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs6-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs6-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs6-page .lg\:text-\[10px\]{font-size:10px}
#fs6-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#fs6-page .lg\:leading-\[56px\]{--tw-leading:56px;line-height:56px}
#fs6-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#fs6-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#fs6-page .xl\:mt-60{margin-top:calc(var(--spacing) * 60)}
#fs6-page .xl\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#fs6-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#fs6-page .xl\:flex{display:flex}
#fs6-page .xl\:hidden{display:none}
#fs6-page .xl\:h-\[142px\]{height:142px}
#fs6-page .xl\:w-1\/2{width:50%}
#fs6-page .xl\:w-1\/3{width:33.3333%}
#fs6-page .xl\:w-\[32\%\]{width:32%}
#fs6-page .xl\:w-\[60\%\]{width:60%}
#fs6-page .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#fs6-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#fs6-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#fs6-page .xl\:flex-row{flex-direction:row}
#fs6-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#fs6-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#fs6-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#fs6-page .xl\:gap-y-1{row-gap:var(--spacing)}
#fs6-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs6-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#fs6-page .xl\:pt-\[142px\]{padding-top:142px}
#fs6-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs6-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#fs6-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs6-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs6-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs6-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs6-page .xl\:text-\[11px\]{font-size:11px}
#fs6-page .xl\:text-\[14px\]{font-size:14px}
#fs6-page .xl\:text-\[36px\]{font-size:36px}
#fs6-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#fs6-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#fs6-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#fs6-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#fs6-page .\32 xl\:gap-\[25px\]{gap:25px}
#fs6-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#fs6-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#fs6-page .\32 xl\:text-left{text-align:left}
#fs6-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs6-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs6-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs6-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs6-page .\32 xl\:text-\[16px\]{font-size:16px}
#fs6-page .\32 xl\:text-\[27px\]{font-size:27px}
#fs6-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
#fs6-page .fanum-font,#fs6-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#fs6-page .semibold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:600}
#fs6-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#fs6-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
@keyframes fa-alarmPulse{0%,to{transform:scale(1)rotate(0)}15%{transform:scale(1.1)rotate(-12deg)}30%{transform:scale(1.1)rotate(12deg)}45%{transform:scale(1.1)rotate(-8deg)}60%{transform:scale(1.05)rotate(6deg)}75%{transform:scale(1)rotate(0)}}
#fs6-page .alarm-animation{transform-origin:50% 10%;animation:2.4s ease-in-out infinite fa-alarmPulse}
@keyframes fa-brandScroll{0%{transform:translate(0)}to{transform:translateX(calc(-50% - var(--hg,0px)))}}
#fs6-page .brand-scroll-animation{width:max-content;animation:45s linear infinite fa-brandScroll}
#fs6-page .brand-scroll-animation:hover{animation-play-state:paused}
#fs6-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#fs6-page .sol-dd{z-index:60;opacity:0;visibility:hidden;background:#fff;border-radius:16px;min-width:220px;padding:8px;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(8px);box-shadow:0 12px 32px #0a27452e}
#fs6-page .sol-dd.open{opacity:1;visibility:visible;transform:none}
#fs6-page .sol-dd a{color:var(--nv);white-space:nowrap;border-radius:10px;padding:10px 14px;font-size:14px;display:block}
#fs6-page .sol-dd a:hover{color:var(--acc);background:var(--fa-soft)}
#fs6-page .sol-dd-top{top:calc(100% + 4px)}
#fs6-page #mobile-drawer{z-index:2000;visibility:hidden;position:fixed;inset:0}
#fs6-page #mobile-drawer.open{visibility:visible}
#fs6-page #mobile-drawer .bg{opacity:0;background:#00000073;transition:opacity .25s;position:absolute;inset:0}
#fs6-page #mobile-drawer.open .bg{opacity:1}
#fs6-page #mobile-drawer .panel{background:#fff;width:min(86vw,340px);padding:20px;transition:transform .28s;position:absolute;top:0;bottom:0;right:0;overflow:auto;transform:translate(100%)}
#fs6-page #mobile-drawer.open .panel{transform:none}
#fs6-page #mobile-drawer .panel a,#fs6-page #mobile-drawer .panel summary{color:var(--nv);cursor:pointer;border-bottom:1px solid #f1e6e0;padding:12px 8px;font-weight:700;display:block}
#fs6-page #mobile-drawer .panel details a{padding-right:20px;font-weight:400}
#fs6-page #search-box{visibility:hidden;z-index:2100;background:#fff;padding:16px;transition:transform .25s;position:fixed;top:0;left:0;right:0;transform:translateY(-110%);box-shadow:0 8px 24px #00000026}
#fs6-page #search-box.open{visibility:visible;transform:none}
#fs6-page #lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#fs6-page #lightbox.open{display:flex}
#fs6-page #lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#fs6-page .no-scrollbar{scrollbar-width:none}
#fs6-page .no-scrollbar::-webkit-scrollbar{display:none}
#fs6-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#fs6-page .faq-open svg{transition:transform .2s}
#fs6-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#fs6-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#fs6-page #service-menu.open{display:block}
#fs6-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#fs6-page #service-menu li:hover,#fs6-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#fs6-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#fs6-page .left-\[35\%\]{
    left: 35%;
  }
#fs6-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#fs6-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#fs6-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#fs6-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#fs6-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#fs6-page .min-h-screen{
    min-height: 100vh;
  }
#fs6-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#fs6-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#fs6-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#fs6-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#fs6-page .max-w-xl{
    max-width: var(--container-xl);
  }
#fs6-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#fs6-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#fs6-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#fs6-page .flex-wrap{
    flex-wrap: wrap;
  }
#fs6-page .justify-around{
    justify-content: space-around;
  }
#fs6-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#fs6-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#fs6-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#fs6-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#fs6-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#fs6-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#fs6-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#fs6-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#fs6-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#fs6-page .bg-ab-card{
    background-color: var(--card);
  }
#fs6-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#fs6-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#fs6-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#fs6-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#fs6-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#fs6-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#fs6-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#fs6-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#fs6-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#fs6-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#fs6-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#fs6-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#fs6-page .text-ab-cream{
    color: #f6ecd6;
  }
#fs6-page .text-ab-ink{
    color: var(--ink);
  }
#fs6-page .text-ab-mut{
    color: var(--mut);
  }
#fs6-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#fs6-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#fs6-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#fs6-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#fs6-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#fs6-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#fs6-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#fs6-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#fs6-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#fs6-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#fs6-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#fs6-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#fs6-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#fs6-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#fs6-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#fs6-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#fs6-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#fs6-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#fs6-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#fs6-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#fs6-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#fs6-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#fs6-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#fs6-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#fs6-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#fs6-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#fs6-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#fs6-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#fs6-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#fs6-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#fs6-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#fs6-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#fs6-page .lg\:h-\[550px\]{
      height: 550px;
    }
#fs6-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#fs6-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#fs6-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#fs6-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#fs6-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#fs6-page .xl\:h-auto{
      height: auto;
    }
#fs6-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#fs6-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#fs6-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#fs6-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#fs6-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#fs6-page .xl\:py-0{
      padding-block: 0px;
    }
#fs6-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#fs6-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#fs6-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#fs6-page .ab-menu.open{display:block}
#fs6-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#fs6-page .ab-menu button:hover,#fs6-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#fs6-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#fs6-page .ab-msg:empty{display:none}
#fs6-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#fs6-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#fs6-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#fs6-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#fs6-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#fs6-page .brand-scroll-animation{--g:5rem}}
#fs6-page .brand-scroll-animation:hover{animation-play-state:paused}
#fs6-page .brand-scroll-animation,#fs6-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#fs6-page *{transition:none!important}#fs6-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#fs6-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#fs6-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #fs6-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #fs6-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#fs6-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#fs6-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#fs6-page [id^=fa-]{scroll-margin-top:120px}
#fs6-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#fs6-page .semibold-fanum-font,#fs6-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#fs6-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#fs6-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#fs6-page a{color:inherit;text-decoration:none}
#fs6-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#fs6-page input[type=checkbox]{accent-color:var(--gold1)}
#fs6-page .bg-white{background-color:var(--sec-alt)}
#fs6-page .text-black{color:var(--ink)}
#fs6-page .text-\[\#0A2745\],#fs6-page .text-secondary{color:var(--ink)}
#fs6-page .bg-primary.text-white,#fs6-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#fs6-page .bg-secondary.text-white,#fs6-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#fs6-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#fs6-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#fs6-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#fs6-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#fs6-page .sol-toast{background:var(--nv);color:#f6ecd6}
#fs6-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#fs6-page #service-menu li:hover,#fs6-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#fs6-page #lightbox img{background:var(--card)}
/* ===== هیرو: متن و دکمه‌ها همیشه روی زمینه‌ی تیره‌ی اسپرسو (حتی اگر ویدیو لود نشود یا روشن باشد) ===== */
#fs6-page #fs6-hero{background:#2b2118}
#fs6-page #fs6-hero>div[aria-hidden="true"]{background:linear-gradient(to top,rgba(28,23,18,.62) 0%,rgba(28,23,18,0) 60%),linear-gradient(to left,rgba(28,23,18,.9) 0%,rgba(28,23,18,.74) 55%,rgba(28,23,18,.56) 100%)}
#fs6-page #fs6-hero h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#fs6-page #fs6-hero h2,#fs6-page #fs6-hero h1 .hero-sub{color:var(--gold1,#d6b374);text-shadow:0 2px 14px rgba(0,0,0,.35)}
/* FAQ: عنوان h2 قبل از سوال‌ها در DOM است؛ چیدمان بصری مثل قبل */
#fs6-page #fs6-faq .fq-row{flex-direction:column}
@media (min-width:80rem){#fs6-page #fs6-faq .fq-row{flex-direction:row-reverse}}
#fs6-page #fs6-hero p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#fs6-page #fs6-hero a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#fs6-page #fs6-hero a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#fs6-page #fs6-hero a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#fs6-page #lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#fs6-page #lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#fs6-page #lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#fs6-page #lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#fs6-page #lightbox .lb-x,#fs6-page #lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#fs6-page #lightbox .lb-x{top:14px;left:14px}
#fs6-page #lightbox .lb-nav{top:50%;margin-top:-22px}
#fs6-page #lightbox .lb-prev{right:14px}
#fs6-page #lightbox .lb-next{left:14px}
#fs6-page #lightbox .lb-x:hover,#fs6-page #lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#fs6-page #lightbox .lb-x:focus-visible,#fs6-page #lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #fs6-page #lightbox{padding:60px 12px 84px}
 #fs6-page #lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #fs6-page #lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #fs6-page #lightbox .lb-prev{right:16px}
 #fs6-page #lightbox .lb-next{left:16px}
 #fs6-page #lightbox figcaption{max-width:calc(100vw - 150px)}
}
#fs6-page input::placeholder,#fs6-page textarea::placeholder{opacity:1}


/* متن مقاله‌ی انتهای صفحه «اتوماسیون تغذیه»: از Word با فونت Calibri و اندازه pt وارد شده بود؛
   اینجا هم‌فونت و هم‌اندازه با بقیه‌ی سکشن‌ها (Vazirmatn، رنگ سرمه‌ای) می‌شود. فاصله‌ها دست‌نخورده‌اند. */
#fs6-page .about-sol-html{color:var(--nv,#0A2745);font-size:16px;line-height:1.75;font-weight:400}
#fs6-page .about-sol-html,
#fs6-page .about-sol-html *{font-family:'Vazirmatn',Tahoma,sans-serif!important}
#fs6-page .about-sol-html p span{font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;color:inherit!important}
#fs6-page .about-sol-html h2,
#fs6-page .about-sol-html h2 span{font-size:20px!important;line-height:1.7!important;font-weight:700!important;color:var(--nv,#0A2745)!important}
#fs6-page .about-sol-html h2{margin:24px 0 8px}
#fs6-page .about-sol-html h2:first-child{margin-top:0}
@media (min-width:640px){
 #fs6-page .about-sol-html{font-size:18px}
 #fs6-page .about-sol-html h2,#fs6-page .about-sol-html h2 span{font-size:24px!important}
}


/* محتوای انتهای صفحه‌ی اتوماسیون تغذیه: هم‌استایل با سکشن «درباره سول» در صفحه‌ی اصلی؛ بولت‌ها با رنگ پالت (طلایی) */
#fs6-page #fs6-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#fs6-page #fs6-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#fs6-page #fs6-about *{box-sizing:border-box}
#fs6-page #fs6-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#fs6-page #fs6-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#fs6-page #fs6-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#fs6-page #fs6-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#fs6-page #fs6-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#fs6-page #fs6-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#fs6-page #fs6-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#fs6-page #fs6-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#fs6-page #fs6-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#fs6-page #fs6-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#fs6-page #fs6-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#fs6-page #fs6-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#fs6-page #fs6-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#fs6-page #fs6-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#fs6-page #fs6-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#fs6-page #fs6-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#fs6-page #fs6-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#fs6-page #fs6-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#fs6-page #fs6-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#fs6-page #fs6-about .seo-more[hidden]{display:none}
#fs6-page #fs6-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#fs6-page #fs6-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#fs6-page #fs6-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#fs6-page #fs6-about.seo-open .seo-fade,#fs6-page #fs6-about:not(.seo-js) .seo-fade{opacity:0}
#fs6-page #fs6-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#fs6-page #fs6-about .seo-ls,#fs6-page #fs6-about .seo-ls.seo-sm{grid-template-columns:1fr}#fs6-page #fs6-about .seo-in p{text-align:start}#fs6-page #fs6-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#fs6-page #fs6-about .seo-body,#fs6-page #fs6-about .seo-ls li,#fs6-page #fs6-about .seo-more,#fs6-page #fs6-about .seo-more i svg,#fs6-page #fs6-about .seo-fade{transition:none!important}}

/* نوار قرمز ناوبری صفحه: چسبان زیر هدر؛ overflow:hidden والد جایگزین clip می‌شود تا sticky کار کند */
#fs6-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#fs6-page #fs6-images{position:sticky;top:var(--fa-top,0px);z-index:19;transition:box-shadow .25s}
#fs6-page #fs6-images.fa-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#fs6-page section[id^="fa-"]{scroll-margin-top:calc(var(--fa-top,0px) + var(--fa-bar,64px) + 10px)}
/* فاصله‌ی نوار قرمز چسبان با هیرو (بالا) و بخش بعدی (پایین) کم شد؛ برای تغییر، فقط مقدار --fa-gap را عوض کنید */
#fs6-page{--fa-gap:clamp(12px,1.8vw,24px)}
#fs6-page #fs6-images{margin-top:var(--fa-gap)}
#fs6-page #fs6-images > div > div{margin-top:0}
#fs6-page #fs6-images + section{margin-top:var(--fa-gap)}


@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#fs7-page *,#fs7-page :before,#fs7-page :after,#fs7-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:""}}
#fs7-page,#fs7-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft)}
#fs7-page *,#fs7-page :after,#fs7-page :before,#fs7-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#fs7-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#fs7-page,#fs7-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#fs7-page hr{height:0;color:inherit;border-top-width:1px}
#fs7-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#fs7-page h1,#fs7-page h2,#fs7-page h3,#fs7-page h4,#fs7-page h5,#fs7-page h6{font-size:inherit;font-weight:inherit}
#fs7-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#fs7-page b,#fs7-page strong{font-weight:bolder}
#fs7-page code,#fs7-page kbd,#fs7-page samp,#fs7-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#fs7-page small{font-size:80%}
#fs7-page sub,#fs7-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#fs7-page sub{bottom:-.25em}
#fs7-page sup{top:-.5em}
#fs7-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#fs7-page :-moz-focusring:where(:not(iframe)){outline:auto}
#fs7-page progress{vertical-align:baseline}
#fs7-page summary{display:list-item}
#fs7-page ol,#fs7-page ul,#fs7-page menu{list-style:none}
#fs7-page img,#fs7-page svg,#fs7-page video,#fs7-page canvas,#fs7-page audio,#fs7-page iframe,#fs7-page embed,#fs7-page object{vertical-align:middle;display:block}
#fs7-page img,#fs7-page video{max-width:100%;height:auto}
#fs7-page button,#fs7-page input,#fs7-page select,#fs7-page optgroup,#fs7-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#fs7-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#fs7-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#fs7-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#fs7-page ::file-selector-button{margin-inline-end:4px}
#fs7-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#fs7-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#fs7-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#fs7-page textarea{resize:vertical}
#fs7-page ::-webkit-search-decoration{-webkit-appearance:none}
#fs7-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#fs7-page ::-webkit-datetime-edit{display:inline-flex}
#fs7-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#fs7-page ::-webkit-datetime-edit{padding-block:0}
#fs7-page ::-webkit-datetime-edit-year-field{padding-block:0}
#fs7-page ::-webkit-datetime-edit-month-field{padding-block:0}
#fs7-page ::-webkit-datetime-edit-day-field{padding-block:0}
#fs7-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#fs7-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#fs7-page ::-webkit-datetime-edit-second-field{padding-block:0}
#fs7-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#fs7-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#fs7-page ::-webkit-calendar-picker-indicator{line-height:1}
#fs7-page :-moz-ui-invalid{box-shadow:none}
#fs7-page button,#fs7-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#fs7-page ::file-selector-button{appearance:button}
#fs7-page ::-webkit-inner-spin-button{height:auto}
#fs7-page ::-webkit-outer-spin-button{height:auto}
#fs7-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#fs7-page{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
#fs7-page{color:var(--nv);background:#fff;font-family:Vazirmatn,Tahoma,Segoe UI,Arial,sans-serif}
#fs7-page button,#fs7-page [role=button],#fs7-page a{-webkit-tap-highlight-color:transparent}
#fs7-page img{max-width:100%}
#fs7-page .pointer-events-none{pointer-events:none}
#fs7-page .absolute{position:absolute}
#fs7-page .fixed{position:fixed}
#fs7-page .relative{position:relative}
#fs7-page .static{position:static}
#fs7-page .inset-0{inset:0}
#fs7-page .inset-x-0{inset-inline:0}
#fs7-page .top-0{top:0}
#fs7-page .top-2{top:calc(var(--spacing) * 2)}
#fs7-page .top-3{top:calc(var(--spacing) * 3)}
#fs7-page .top-6{top:calc(var(--spacing) * 6)}
#fs7-page .top-full{top:100%}
#fs7-page .right-0{right:0}
#fs7-page .right-1{right:var(--spacing)}
#fs7-page .right-2{right:calc(var(--spacing) * 2)}
#fs7-page .right-4{right:calc(var(--spacing) * 4)}
#fs7-page .bottom-0{bottom:0}
#fs7-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#fs7-page .left-0{left:0}
#fs7-page .left-1\/2{left:50%}
#fs7-page .-z-10{z-index:calc(10 * -1)}
#fs7-page .z-1{z-index:1}
#fs7-page .z-2{z-index:2}
#fs7-page .z-10{z-index:10}
#fs7-page .z-20{z-index:20}
#fs7-page .z-40{z-index:40}
#fs7-page .z-50{z-index:50}
#fs7-page .z-1000{z-index:1000}
#fs7-page .order-1{order:1}
#fs7-page .order-2{order:2}
#fs7-page .order-3{order:3}
#fs7-page .m-0{margin:0}
#fs7-page .mx-1{margin-inline:var(--spacing)}
#fs7-page .mx-auto{margin-inline:auto}
#fs7-page .my-2{margin-block:calc(var(--spacing) * 2)}
#fs7-page .my-24{margin-block:calc(var(--spacing) * 24)}
#fs7-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#fs7-page .-mt-20{margin-top:calc(var(--spacing) * -20)}
#fs7-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#fs7-page .mt-1{margin-top:var(--spacing)}
#fs7-page .mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}
#fs7-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#fs7-page .mt-3{margin-top:calc(var(--spacing) * 3)}
#fs7-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#fs7-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#fs7-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#fs7-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#fs7-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#fs7-page .mt-60{margin-top:calc(var(--spacing) * 60)}
#fs7-page .mb-1{margin-bottom:var(--spacing)}
#fs7-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#fs7-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#fs7-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#fs7-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#fs7-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#fs7-page .mb-24{margin-bottom:calc(var(--spacing) * 24)}
#fs7-page .mb-36{margin-bottom:calc(var(--spacing) * 36)}
#fs7-page .mb-safe{margin-bottom:env(safe-area-inset-bottom,0px)}
#fs7-page .block{display:block}
#fs7-page .flex{display:flex}
#fs7-page .grid{display:grid}
#fs7-page .hidden{display:none}
#fs7-page .inline{display:inline}
#fs7-page .inline-block{display:inline-block}
#fs7-page .inline-flex{display:inline-flex}
#fs7-page .h-1\.5{height:calc(var(--spacing) * 1.5)}
#fs7-page .h-2\.5{height:calc(var(--spacing) * 2.5)}
#fs7-page .h-5{height:calc(var(--spacing) * 5)}
#fs7-page .h-6{height:calc(var(--spacing) * 6)}
#fs7-page .h-8{height:calc(var(--spacing) * 8)}
#fs7-page .h-10{height:calc(var(--spacing) * 10)}
#fs7-page .h-12{height:calc(var(--spacing) * 12)}
#fs7-page .h-16{height:calc(var(--spacing) * 16)}
#fs7-page .h-20{height:calc(var(--spacing) * 20)}
#fs7-page .h-72{height:calc(var(--spacing) * 72)}
#fs7-page .h-\[50px\]{height:50px}
#fs7-page .h-\[72px\]{height:72px}
#fs7-page .h-\[155\.95px\]{height:155.95px}
#fs7-page .h-\[180px\]{height:180px}
#fs7-page .h-\[200px\]{height:200px}
#fs7-page .h-auto{height:auto}
#fs7-page .h-full{height:100%}
#fs7-page .max-h-0{max-height:0}
#fs7-page .max-h-\[280px\]{max-height:280px}
#fs7-page .min-h-0{min-height:0}
#fs7-page .min-h-\[44px\]{min-height:44px}
#fs7-page .min-h-\[260px\]{min-height:260px}
#fs7-page .min-h-\[300px\]{min-height:300px}
#fs7-page .min-h-\[320px\]{min-height:320px}
#fs7-page .min-h-\[323px\]{min-height:323px}
#fs7-page .min-h-\[360px\]{min-height:360px}
#fs7-page .w-1\.5{width:calc(var(--spacing) * 1.5)}
#fs7-page .w-2\.5{width:calc(var(--spacing) * 2.5)}
#fs7-page .w-5{width:calc(var(--spacing) * 5)}
#fs7-page .w-6{width:calc(var(--spacing) * 6)}
#fs7-page .w-8{width:calc(var(--spacing) * 8)}
#fs7-page .w-10{width:calc(var(--spacing) * 10)}
#fs7-page .w-12{width:calc(var(--spacing) * 12)}
#fs7-page .w-16{width:calc(var(--spacing) * 16)}
#fs7-page .w-20{width:calc(var(--spacing) * 20)}
#fs7-page .w-24{width:calc(var(--spacing) * 24)}
#fs7-page .w-30{width:calc(var(--spacing) * 30)}
#fs7-page .w-44{width:calc(var(--spacing) * 44)}
#fs7-page .w-72{width:calc(var(--spacing) * 72)}
#fs7-page .w-\[155\.95px\]{width:155.95px}
#fs7-page .w-\[181px\]{width:181px}
#fs7-page .w-auto{width:auto}
#fs7-page .w-fit{width:fit-content}
#fs7-page .w-full{width:100%}
#fs7-page .max-w-2xl{max-width:var(--container-2xl)}
#fs7-page .max-w-3xl{max-width:var(--container-3xl)}
#fs7-page .max-w-4xl{max-width:var(--container-4xl)}
#fs7-page .max-w-full{max-width:100%}
#fs7-page .min-w-0{min-width:0}
#fs7-page .min-w-full{min-width:100%}
#fs7-page .flex-1{flex:1}
#fs7-page .flex-shrink-0,#fs7-page .shrink-0{flex-shrink:0}
#fs7-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs7-page .-translate-y-\[16px\]{--tw-translate-y:calc(16px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs7-page .rotate-0{rotate:0deg}
#fs7-page .rotate-180{rotate:180deg}
#fs7-page .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
#fs7-page .cursor-not-allowed{cursor:not-allowed}
#fs7-page .cursor-pointer{cursor:pointer}
#fs7-page .resize{resize:both}
#fs7-page .list-none{list-style-type:none}
#fs7-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#fs7-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs7-page .flex-col{flex-direction:column}
#fs7-page .flex-col-reverse{flex-direction:column-reverse}
#fs7-page .flex-row{flex-direction:row}
#fs7-page .flex-row-reverse{flex-direction:row-reverse}
#fs7-page .flex-nowrap{flex-wrap:nowrap}
#fs7-page .items-center{align-items:center}
#fs7-page .items-end{align-items:flex-end}
#fs7-page .items-start{align-items:flex-start}
#fs7-page .items-stretch{align-items:stretch}
#fs7-page .justify-between{justify-content:space-between}
#fs7-page .justify-center{justify-content:center}
#fs7-page .justify-end{justify-content:flex-end}
#fs7-page .justify-start{justify-content:flex-start}
#fs7-page .justify-items-center{justify-items:center}
#fs7-page .justify-items-stretch{justify-items:stretch}
#fs7-page .gap-1{gap:var(--spacing)}
#fs7-page .gap-2{gap:calc(var(--spacing) * 2)}
#fs7-page .gap-3{gap:calc(var(--spacing) * 3)}
#fs7-page .gap-4{gap:calc(var(--spacing) * 4)}
#fs7-page .gap-6{gap:calc(var(--spacing) * 6)}
#fs7-page .gap-8{gap:calc(var(--spacing) * 8)}
#fs7-page .gap-10{gap:calc(var(--spacing) * 10)}
#fs7-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#fs7-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#fs7-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#fs7-page .gap-x-6{column-gap:calc(var(--spacing) * 6)}
#fs7-page .gap-x-10{column-gap:calc(var(--spacing) * 10)}
#fs7-page .gap-y-4{row-gap:calc(var(--spacing) * 4)}
#fs7-page .gap-y-24{row-gap:calc(var(--spacing) * 24)}
#fs7-page .overflow-hidden{overflow:hidden}
#fs7-page .overflow-visible{overflow:visible}
#fs7-page .overflow-x-auto{overflow-x:auto}
#fs7-page .overflow-x-hidden{overflow-x:hidden}
#fs7-page .overflow-y-hidden{overflow-y:hidden}
#fs7-page .scroll-smooth{scroll-behavior:smooth}
#fs7-page .rounded-2xl{border-radius:var(--radius-2xl)}
#fs7-page .rounded-3xl{border-radius:var(--radius-3xl)}
#fs7-page .rounded-4xl{border-radius:var(--radius-4xl)}
#fs7-page .rounded-\[20px\]{border-radius:20px}
#fs7-page .rounded-\[32px\]{border-radius:32px}
#fs7-page .rounded-\[50px\]{border-radius:50px}
#fs7-page .rounded-full{border-radius:3.40282e38px}
#fs7-page .rounded-lg{border-radius:var(--radius-lg)}
#fs7-page .rounded-md{border-radius:var(--radius-md)}
#fs7-page .rounded-xl{border-radius:var(--radius-xl)}
#fs7-page .rounded-b-\[48px\]{border-bottom-right-radius:48px;border-bottom-left-radius:48px}
#fs7-page .border-0{border-style:var(--tw-border-style);border-width:0}
#fs7-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#fs7-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#fs7-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#fs7-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#fs7-page .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}
#fs7-page .border-none{--tw-border-style:none;border-style:none}
#fs7-page .border-\[\#C0C0C0\]{border-color:silver}
#fs7-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#fs7-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#fs7-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#fs7-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#fs7-page .border-green-500{border-color:var(--color-green-500)}
#fs7-page .border-transparent{border-color:#0000}
#fs7-page .border-white{border-color:var(--color-white)}
#fs7-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#fs7-page .bg-\[\#D9DEE2\]{background-color:var(--line)}
#fs7-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#fs7-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#fs7-page .bg-\[\#FFF3EA\]{background-color:var(--fa-soft)}
#fs7-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#fs7-page .bg-accent{background-color:var(--color-accent)}
#fs7-page .bg-black\/40{background-color:#0006}
@supports (color:color-mix(in lab, red, red)){#fs7-page .bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}
#fs7-page .bg-gray-100{background-color:var(--color-gray-100)}
#fs7-page .bg-primary{background-color:var(--color-primary)}
#fs7-page .bg-secondary{background-color:var(--color-secondary)}
#fs7-page .bg-transparent{background-color:#0000}
#fs7-page .bg-white{background-color:var(--color-white)}
#fs7-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#fs7-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#fs7-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#fs7-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#fs7-page .object-contain{object-fit:contain}
#fs7-page .object-cover{object-fit:cover}
#fs7-page .p-0{padding:0}
#fs7-page .p-1{padding:var(--spacing)}
#fs7-page .p-2{padding:calc(var(--spacing) * 2)}
#fs7-page .p-3{padding:calc(var(--spacing) * 3)}
#fs7-page .p-4{padding:calc(var(--spacing) * 4)}
#fs7-page .p-5{padding:calc(var(--spacing) * 5)}
#fs7-page .p-6{padding:calc(var(--spacing) * 6)}
#fs7-page .p-7{padding:calc(var(--spacing) * 7)}
#fs7-page .p-8{padding:calc(var(--spacing) * 8)}
#fs7-page .px-0{padding-inline:0}
#fs7-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#fs7-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#fs7-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#fs7-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#fs7-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#fs7-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#fs7-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#fs7-page .py-2{padding-block:calc(var(--spacing) * 2)}
#fs7-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#fs7-page .py-3{padding-block:calc(var(--spacing) * 3)}
#fs7-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#fs7-page .py-4{padding-block:calc(var(--spacing) * 4)}
#fs7-page .py-8{padding-block:calc(var(--spacing) * 8)}
#fs7-page .py-10{padding-block:calc(var(--spacing) * 10)}
#fs7-page .py-16{padding-block:calc(var(--spacing) * 16)}
#fs7-page .py-24{padding-block:calc(var(--spacing) * 24)}
#fs7-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#fs7-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#fs7-page .pt-8{padding-top:calc(var(--spacing) * 8)}
#fs7-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#fs7-page .pt-\[72px\]{padding-top:72px}
#fs7-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#fs7-page .pr-12{padding-right:calc(var(--spacing) * 12)}
#fs7-page .pb-0{padding-bottom:0}
#fs7-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#fs7-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#fs7-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#fs7-page .pb-14{padding-bottom:calc(var(--spacing) * 14)}
#fs7-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#fs7-page .text-center{text-align:center}
#fs7-page .text-justify{text-align:justify}
#fs7-page .text-right{text-align:right}
#fs7-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs7-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs7-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs7-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs7-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs7-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs7-page .text-\[10px\]{font-size:10px}
#fs7-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#fs7-page .leading-\[32px\]{--tw-leading:32px;line-height:32px}
#fs7-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#fs7-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#fs7-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#fs7-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#fs7-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#fs7-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#fs7-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#fs7-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#fs7-page .whitespace-nowrap{white-space:nowrap}
#fs7-page .text-\[\#0A2745\]{color:var(--nv)}
#fs7-page .text-\[\#595B5C\]{color:#595b5c}
#fs7-page .text-\[\#FF4C00\]{color:var(--acc)}
#fs7-page .text-\[\#ffff\]{color:#fff}
#fs7-page .text-black{color:var(--color-black)}
#fs7-page .text-gray-300{color:var(--color-gray-300)}
#fs7-page .text-gray-500{color:var(--color-gray-500)}
#fs7-page .text-gray-600{color:var(--color-gray-600)}
#fs7-page .text-green-700{color:var(--color-green-700)}
#fs7-page .text-red-500{color:var(--color-red-500)}
#fs7-page .text-secondary{color:var(--color-secondary)}
#fs7-page .text-white{color:var(--color-white)}
#fs7-page .not-italic{font-style:normal}
#fs7-page .underline{text-decoration-line:underline}
#fs7-page .accent-white{accent-color:var(--color-white)}
#fs7-page .opacity-0{opacity:0}
#fs7-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs7-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs7-page .shadow-\[0_2px_8px_rgba\(255\,76\,0\,0\.25\)\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs7-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs7-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs7-page .shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs7-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs7-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs7-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#fs7-page .outline{outline-style:var(--tw-outline-style);outline-width:1px}
#fs7-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
#fs7-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}
#fs7-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs7-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs7-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs7-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs7-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs7-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs7-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs7-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#fs7-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#fs7-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#fs7-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#fs7-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#fs7-page .will-change-transform{will-change:transform}
#fs7-page .select-none{-webkit-user-select:none;user-select:none}
#fs7-page .backface-visibility-hidden{backface-visibility:hidden}
@media (hover:hover){#fs7-page .group-hover\:absolute:is(:where(.group):hover *){position:absolute}
#fs7-page .group-hover\:flex:is(:where(.group):hover *){display:flex}
#fs7-page .group-hover\:-translate-y-2:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs7-page .group-hover\:-translate-y-full:is(:where(.group):hover *){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs7-page .group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs7-page .group-hover\:border-b-2:is(:where(.group):hover *){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#fs7-page .group-hover\:bg-\[\#0A2745\]:is(:where(.group):hover *){background-color:var(--nv)}
#fs7-page .group-hover\:bg-\[\#FFF6F2\]:is(:where(.group):hover *){background-color:var(--fa-soft)}
#fs7-page .group-hover\:text-\[\#FF4C00\]:is(:where(.group):hover *){color:var(--acc)}
#fs7-page .group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}
#fs7-page .group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}
#fs7-page .group-hover\:shadow-xl:is(:where(.group):hover *){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs7-page .group-hover\:blur-xs:is(:where(.group):hover *){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}
#fs7-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#fs7-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#fs7-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#fs7-page .after\:right-0:after{content:var(--tw-content);right:0}
#fs7-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#fs7-page .after\:left-0:after{content:var(--tw-content);left:0}
#fs7-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#fs7-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#fs7-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#fs7-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs7-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs7-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#fs7-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs7-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#fs7-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#fs7-page .hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs7-page .hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs7-page .hover\:scale-102:hover{--tw-scale-x:102%;--tw-scale-y:102%;--tw-scale-z:102%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs7-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs7-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs7-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#fs7-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#fs7-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#fs7-page .hover\:bg-\[\#0A2745\]\/10:hover{background-color:oklab(26.9107% -.0200244 -.0625058/.1)}
#fs7-page .hover\:bg-\[\#081a2e\]:hover{background-color:#081a2e}
#fs7-page .hover\:bg-\[\#163456\]:hover{background-color:color-mix(in srgb,var(--nv) 86%,#fff)}
#fs7-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 82%,#000)}
#fs7-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#fs7-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#fs7-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#fs7-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:color-mix(in srgb,var(--acc) 12%,var(--card))}
#fs7-page .hover\:bg-\[\#e44500\]:hover{background-color:#e44500}
#fs7-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#fs7-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#fs7-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#fs7-page .hover\:text-\[\#FF4C00\]:hover,#fs7-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#fs7-page .hover\:text-white:hover{color:var(--color-white)}
#fs7-page .hover\:underline:hover{text-decoration-line:underline}
#fs7-page .hover\:opacity-80:hover{opacity:.8}
#fs7-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs7-page .hover\:shadow-\[0_6px_20px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 6px 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs7-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs7-page .hover\:shadow-\[0_10px_24px_rgba\(10\,39\,69\,0\.14\)\]:hover{--tw-shadow:0 10px 24px var(--tw-shadow-color,#0a274524);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs7-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs7-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs7-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#fs7-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#fs7-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#fs7-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#fs7-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#fs7-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#fs7-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#fs7-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs7-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#fs7-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#fs7-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#fs7-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#fs7-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs7-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#fs7-page .focus-visible\:ring-\[\#FF4C00\]\/50:focus-visible{--tw-ring-color:oklab(66.6687% .179651 .134278/.5)}
#fs7-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#fs7-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#fs7-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#fs7-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#fs7-page .active\:translate-y-0:active{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs7-page .active\:scale-\[0\.98\]:active{scale:.98}
#fs7-page .active\:bg-\[\#06141f\]:active{background-color:#06141f}
#fs7-page .active\:bg-\[\#CC3D00\]:active{background-color:#cc3d00}
#fs7-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
@media (min-width:40rem){#fs7-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#fs7-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#fs7-page .sm\:bottom-1\/3{bottom:33.3333%}
#fs7-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#fs7-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#fs7-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#fs7-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#fs7-page .sm\:mb-17{margin-bottom:calc(var(--spacing) * 17)}
#fs7-page .sm\:mb-24{margin-bottom:calc(var(--spacing) * 24)}
#fs7-page .sm\:mb-34{margin-bottom:calc(var(--spacing) * 34)}
#fs7-page .sm\:inline{display:inline}
#fs7-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#fs7-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#fs7-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#fs7-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#fs7-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#fs7-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#fs7-page .sm\:h-\[60px\]{height:60px}
#fs7-page .sm\:h-\[100px\]{height:100px}
#fs7-page .sm\:max-h-\[320px\]{max-height:320px}
#fs7-page .sm\:min-h-\[360px\]{min-height:360px}
#fs7-page .sm\:min-h-\[400px\]{min-height:400px}
#fs7-page .sm\:min-h-\[580px\]{min-height:580px}
#fs7-page .sm\:min-h-\[600px\]{min-height:600px}
#fs7-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#fs7-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#fs7-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#fs7-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#fs7-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#fs7-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#fs7-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#fs7-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#fs7-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#fs7-page .sm\:min-w-\[120px\]{min-width:120px}
#fs7-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs7-page .sm\:flex-row{flex-direction:row}
#fs7-page .sm\:items-center{align-items:center}
#fs7-page .sm\:items-start{align-items:flex-start}
#fs7-page .sm\:justify-end{justify-content:flex-end}
#fs7-page .sm\:justify-start{justify-content:flex-start}
#fs7-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#fs7-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#fs7-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#fs7-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#fs7-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#fs7-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#fs7-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#fs7-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#fs7-page :where(.sm\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#fs7-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#fs7-page .sm\:gap-x-10{column-gap:calc(var(--spacing) * 10)}
#fs7-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#fs7-page .sm\:rounded-4xl{border-radius:var(--radius-4xl)}
#fs7-page .sm\:rounded-\[36px\]{border-radius:36px}
#fs7-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#fs7-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#fs7-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#fs7-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#fs7-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#fs7-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#fs7-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs7-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#fs7-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs7-page .sm\:py-0{padding-block:0}
#fs7-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#fs7-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#fs7-page .sm\:py-30{padding-block:calc(var(--spacing) * 30)}
#fs7-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#fs7-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs7-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs7-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs7-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs7-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs7-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs7-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs7-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs7-page .sm\:text-\[12px\]{font-size:12px}
#fs7-page .sm\:text-\[19px\]{font-size:19px}}
@media (min-width:48rem){#fs7-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#fs7-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#fs7-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#fs7-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#fs7-page .md\:mt-70{margin-top:calc(var(--spacing) * 70)}
#fs7-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#fs7-page .md\:block{display:block}
#fs7-page .md\:flex{display:flex}
#fs7-page .md\:hidden{display:none}
#fs7-page .md\:inline-block{display:inline-block}
#fs7-page .md\:h-10{height:calc(var(--spacing) * 10)}
#fs7-page .md\:h-28{height:calc(var(--spacing) * 28)}
#fs7-page .md\:h-\[250px\]{height:250px}
#fs7-page .md\:max-h-none{max-height:none}
#fs7-page .md\:w-10{width:calc(var(--spacing) * 10)}
#fs7-page .md\:w-24{width:calc(var(--spacing) * 24)}
#fs7-page .md\:w-28{width:calc(var(--spacing) * 28)}
#fs7-page .md\:w-72{width:calc(var(--spacing) * 72)}
#fs7-page .md\:min-w-\[130px\]{min-width:130px}
#fs7-page .md\:flex-1{flex:1}
#fs7-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs7-page .md\:flex-col{flex-direction:column}
#fs7-page .md\:flex-row{flex-direction:row}
#fs7-page .md\:flex-row-reverse{flex-direction:row-reverse}
#fs7-page .md\:items-center{align-items:center}
#fs7-page .md\:gap-0{gap:0}
#fs7-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#fs7-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#fs7-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#fs7-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#fs7-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#fs7-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#fs7-page .md\:overflow-visible{overflow:visible}
#fs7-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#fs7-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#fs7-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#fs7-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#fs7-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#fs7-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs7-page .md\:px-8{padding-inline:calc(var(--spacing) * 8)}
#fs7-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#fs7-page .md\:py-0{padding-block:0}
#fs7-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#fs7-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#fs7-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#fs7-page .md\:py-6{padding-block:calc(var(--spacing) * 6)}
#fs7-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#fs7-page .md\:text-justify{text-align:justify}
#fs7-page .md\:text-right{text-align:right}
#fs7-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs7-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs7-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#fs7-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs7-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs7-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs7-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs7-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs7-page .md\:text-\[9px\]{font-size:9px}
#fs7-page .md\:text-\[10px\]{font-size:10px}
#fs7-page .md\:text-\[14px\]{font-size:14px}}
@media (min-width:64rem){#fs7-page .lg\:order-1{order:1}
#fs7-page .lg\:order-2{order:2}
#fs7-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#fs7-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#fs7-page .lg\:mt-8{margin-top:calc(var(--spacing) * 8)}
#fs7-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#fs7-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#fs7-page .lg\:mb-0{margin-bottom:0}
#fs7-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#fs7-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#fs7-page .lg\:block{display:block}
#fs7-page .lg\:flex{display:flex}
#fs7-page .lg\:hidden{display:none}
#fs7-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#fs7-page .lg\:h-\[70px\]{height:70px}
#fs7-page .lg\:h-\[132px\]{height:132px}
#fs7-page .lg\:h-\[300px\]{height:300px}
#fs7-page .lg\:min-h-\[500px\]{min-height:500px}
#fs7-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#fs7-page .lg\:w-\[40\%\]{width:40%}
#fs7-page .lg\:w-\[45\%\]{width:45%}
#fs7-page .lg\:w-\[55\%\]{width:55%}
#fs7-page .lg\:w-\[58\%\]{width:58%}
#fs7-page .lg\:w-\[70px\]{width:70px}
#fs7-page .lg\:w-auto{width:auto}
#fs7-page .lg\:w-fit{width:fit-content}
#fs7-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#fs7-page .lg\:flex-row{flex-direction:row}
#fs7-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#fs7-page .lg\:items-center{align-items:center}
#fs7-page .lg\:justify-end{justify-content:flex-end}
#fs7-page .lg\:gap-0{gap:0}
#fs7-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#fs7-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#fs7-page .lg\:gap-8{gap:calc(var(--spacing) * 8)}
#fs7-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#fs7-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#fs7-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#fs7-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#fs7-page .lg\:gap-y-6{row-gap:calc(var(--spacing) * 6)}
#fs7-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#fs7-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#fs7-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#fs7-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs7-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs7-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#fs7-page .lg\:px-21{padding-inline:calc(var(--spacing) * 21)}
#fs7-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#fs7-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#fs7-page .lg\:pt-\[132px\]{padding-top:132px}
#fs7-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#fs7-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#fs7-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs7-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs7-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs7-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs7-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs7-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs7-page .lg\:text-\[10px\]{font-size:10px}
#fs7-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#fs7-page .lg\:leading-\[56px\]{--tw-leading:56px;line-height:56px}
#fs7-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#fs7-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#fs7-page .xl\:mt-60{margin-top:calc(var(--spacing) * 60)}
#fs7-page .xl\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#fs7-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#fs7-page .xl\:flex{display:flex}
#fs7-page .xl\:hidden{display:none}
#fs7-page .xl\:h-\[142px\]{height:142px}
#fs7-page .xl\:w-1\/2{width:50%}
#fs7-page .xl\:w-1\/3{width:33.3333%}
#fs7-page .xl\:w-\[32\%\]{width:32%}
#fs7-page .xl\:w-\[60\%\]{width:60%}
#fs7-page .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#fs7-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#fs7-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#fs7-page .xl\:flex-row{flex-direction:row}
#fs7-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#fs7-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#fs7-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#fs7-page .xl\:gap-y-1{row-gap:var(--spacing)}
#fs7-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs7-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#fs7-page .xl\:pt-\[142px\]{padding-top:142px}
#fs7-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs7-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#fs7-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs7-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs7-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs7-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs7-page .xl\:text-\[11px\]{font-size:11px}
#fs7-page .xl\:text-\[14px\]{font-size:14px}
#fs7-page .xl\:text-\[36px\]{font-size:36px}
#fs7-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#fs7-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#fs7-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#fs7-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#fs7-page .\32 xl\:gap-\[25px\]{gap:25px}
#fs7-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#fs7-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#fs7-page .\32 xl\:text-left{text-align:left}
#fs7-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs7-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs7-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs7-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs7-page .\32 xl\:text-\[16px\]{font-size:16px}
#fs7-page .\32 xl\:text-\[27px\]{font-size:27px}
#fs7-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
#fs7-page .fanum-font,#fs7-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#fs7-page .semibold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:600}
#fs7-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#fs7-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
@keyframes fa-alarmPulse{0%,to{transform:scale(1)rotate(0)}15%{transform:scale(1.1)rotate(-12deg)}30%{transform:scale(1.1)rotate(12deg)}45%{transform:scale(1.1)rotate(-8deg)}60%{transform:scale(1.05)rotate(6deg)}75%{transform:scale(1)rotate(0)}}
#fs7-page .alarm-animation{transform-origin:50% 10%;animation:2.4s ease-in-out infinite fa-alarmPulse}
@keyframes fa-brandScroll{0%{transform:translate(0)}to{transform:translateX(calc(-50% - var(--hg,0px)))}}
#fs7-page .brand-scroll-animation{width:max-content;animation:45s linear infinite fa-brandScroll}
#fs7-page .brand-scroll-animation:hover{animation-play-state:paused}
#fs7-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#fs7-page .sol-dd{z-index:60;opacity:0;visibility:hidden;background:#fff;border-radius:16px;min-width:220px;padding:8px;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(8px);box-shadow:0 12px 32px #0a27452e}
#fs7-page .sol-dd.open{opacity:1;visibility:visible;transform:none}
#fs7-page .sol-dd a{color:var(--nv);white-space:nowrap;border-radius:10px;padding:10px 14px;font-size:14px;display:block}
#fs7-page .sol-dd a:hover{color:var(--acc);background:var(--fa-soft)}
#fs7-page .sol-dd-top{top:calc(100% + 4px)}
#fs7-page #mobile-drawer{z-index:2000;visibility:hidden;position:fixed;inset:0}
#fs7-page #mobile-drawer.open{visibility:visible}
#fs7-page #mobile-drawer .bg{opacity:0;background:#00000073;transition:opacity .25s;position:absolute;inset:0}
#fs7-page #mobile-drawer.open .bg{opacity:1}
#fs7-page #mobile-drawer .panel{background:#fff;width:min(86vw,340px);padding:20px;transition:transform .28s;position:absolute;top:0;bottom:0;right:0;overflow:auto;transform:translate(100%)}
#fs7-page #mobile-drawer.open .panel{transform:none}
#fs7-page #mobile-drawer .panel a,#fs7-page #mobile-drawer .panel summary{color:var(--nv);cursor:pointer;border-bottom:1px solid #f1e6e0;padding:12px 8px;font-weight:700;display:block}
#fs7-page #mobile-drawer .panel details a{padding-right:20px;font-weight:400}
#fs7-page #search-box{visibility:hidden;z-index:2100;background:#fff;padding:16px;transition:transform .25s;position:fixed;top:0;left:0;right:0;transform:translateY(-110%);box-shadow:0 8px 24px #00000026}
#fs7-page #search-box.open{visibility:visible;transform:none}
#fs7-page #lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#fs7-page #lightbox.open{display:flex}
#fs7-page #lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#fs7-page .no-scrollbar{scrollbar-width:none}
#fs7-page .no-scrollbar::-webkit-scrollbar{display:none}
#fs7-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#fs7-page .faq-open svg{transition:transform .2s}
#fs7-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#fs7-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#fs7-page #service-menu.open{display:block}
#fs7-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#fs7-page #service-menu li:hover,#fs7-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#fs7-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#fs7-page .left-\[35\%\]{
    left: 35%;
  }
#fs7-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#fs7-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#fs7-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#fs7-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#fs7-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#fs7-page .min-h-screen{
    min-height: 100vh;
  }
#fs7-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#fs7-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#fs7-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#fs7-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#fs7-page .max-w-xl{
    max-width: var(--container-xl);
  }
#fs7-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#fs7-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#fs7-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#fs7-page .flex-wrap{
    flex-wrap: wrap;
  }
#fs7-page .justify-around{
    justify-content: space-around;
  }
#fs7-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#fs7-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#fs7-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#fs7-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#fs7-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#fs7-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#fs7-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#fs7-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#fs7-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#fs7-page .bg-ab-card{
    background-color: var(--card);
  }
#fs7-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#fs7-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#fs7-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#fs7-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#fs7-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#fs7-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#fs7-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#fs7-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#fs7-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#fs7-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#fs7-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#fs7-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#fs7-page .text-ab-cream{
    color: #f6ecd6;
  }
#fs7-page .text-ab-ink{
    color: var(--ink);
  }
#fs7-page .text-ab-mut{
    color: var(--mut);
  }
#fs7-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#fs7-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#fs7-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#fs7-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#fs7-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#fs7-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#fs7-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#fs7-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#fs7-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#fs7-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#fs7-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#fs7-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#fs7-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#fs7-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#fs7-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#fs7-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#fs7-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#fs7-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#fs7-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#fs7-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#fs7-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#fs7-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#fs7-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#fs7-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#fs7-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#fs7-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#fs7-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#fs7-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#fs7-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#fs7-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#fs7-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#fs7-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#fs7-page .lg\:h-\[550px\]{
      height: 550px;
    }
#fs7-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#fs7-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#fs7-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#fs7-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#fs7-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#fs7-page .xl\:h-auto{
      height: auto;
    }
#fs7-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#fs7-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#fs7-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#fs7-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#fs7-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#fs7-page .xl\:py-0{
      padding-block: 0px;
    }
#fs7-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#fs7-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#fs7-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#fs7-page .ab-menu.open{display:block}
#fs7-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#fs7-page .ab-menu button:hover,#fs7-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#fs7-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#fs7-page .ab-msg:empty{display:none}
#fs7-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#fs7-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#fs7-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#fs7-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#fs7-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#fs7-page .brand-scroll-animation{--g:5rem}}
#fs7-page .brand-scroll-animation:hover{animation-play-state:paused}
#fs7-page .brand-scroll-animation,#fs7-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#fs7-page *{transition:none!important}#fs7-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#fs7-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#fs7-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #fs7-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #fs7-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#fs7-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#fs7-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#fs7-page [id^=fa-]{scroll-margin-top:120px}
#fs7-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#fs7-page .semibold-fanum-font,#fs7-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#fs7-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#fs7-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#fs7-page a{color:inherit;text-decoration:none}
#fs7-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#fs7-page input[type=checkbox]{accent-color:var(--gold1)}
#fs7-page .bg-white{background-color:var(--sec-alt)}
#fs7-page .text-black{color:var(--ink)}
#fs7-page .text-\[\#0A2745\],#fs7-page .text-secondary{color:var(--ink)}
#fs7-page .bg-primary.text-white,#fs7-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#fs7-page .bg-secondary.text-white,#fs7-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#fs7-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#fs7-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#fs7-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#fs7-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#fs7-page .sol-toast{background:var(--nv);color:#f6ecd6}
#fs7-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#fs7-page #service-menu li:hover,#fs7-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#fs7-page #lightbox img{background:var(--card)}
/* ===== هیرو: متن و دکمه‌ها همیشه روی زمینه‌ی تیره‌ی اسپرسو (حتی اگر ویدیو لود نشود یا روشن باشد) ===== */
#fs7-page #fs7-hero{background:#2b2118}
#fs7-page #fs7-hero>div[aria-hidden="true"]{background:linear-gradient(to top,rgba(28,23,18,.62) 0%,rgba(28,23,18,0) 60%),linear-gradient(to left,rgba(28,23,18,.9) 0%,rgba(28,23,18,.74) 55%,rgba(28,23,18,.56) 100%)}
#fs7-page #fs7-hero h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#fs7-page #fs7-hero h2,#fs7-page #fs7-hero h1 .hero-sub{color:var(--gold1,#d6b374);text-shadow:0 2px 14px rgba(0,0,0,.35)}
/* FAQ: عنوان h2 قبل از سوال‌ها در DOM است؛ چیدمان بصری مثل قبل */
#fs7-page #fs7-faq .fq-row{flex-direction:column}
@media (min-width:80rem){#fs7-page #fs7-faq .fq-row{flex-direction:row-reverse}}
#fs7-page #fs7-hero p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#fs7-page #fs7-hero a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#fs7-page #fs7-hero a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#fs7-page #fs7-hero a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#fs7-page #lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#fs7-page #lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#fs7-page #lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#fs7-page #lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#fs7-page #lightbox .lb-x,#fs7-page #lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#fs7-page #lightbox .lb-x{top:14px;left:14px}
#fs7-page #lightbox .lb-nav{top:50%;margin-top:-22px}
#fs7-page #lightbox .lb-prev{right:14px}
#fs7-page #lightbox .lb-next{left:14px}
#fs7-page #lightbox .lb-x:hover,#fs7-page #lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#fs7-page #lightbox .lb-x:focus-visible,#fs7-page #lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #fs7-page #lightbox{padding:60px 12px 84px}
 #fs7-page #lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #fs7-page #lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #fs7-page #lightbox .lb-prev{right:16px}
 #fs7-page #lightbox .lb-next{left:16px}
 #fs7-page #lightbox figcaption{max-width:calc(100vw - 150px)}
}
#fs7-page input::placeholder,#fs7-page textarea::placeholder{opacity:1}


/* متن مقاله‌ی انتهای صفحه «اتوماسیون تغذیه»: از Word با فونت Calibri و اندازه pt وارد شده بود؛
   اینجا هم‌فونت و هم‌اندازه با بقیه‌ی سکشن‌ها (Vazirmatn، رنگ سرمه‌ای) می‌شود. فاصله‌ها دست‌نخورده‌اند. */
#fs7-page .about-sol-html{color:var(--nv,#0A2745);font-size:16px;line-height:1.75;font-weight:400}
#fs7-page .about-sol-html,
#fs7-page .about-sol-html *{font-family:'Vazirmatn',Tahoma,sans-serif!important}
#fs7-page .about-sol-html p span{font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;color:inherit!important}
#fs7-page .about-sol-html h2,
#fs7-page .about-sol-html h2 span{font-size:20px!important;line-height:1.7!important;font-weight:700!important;color:var(--nv,#0A2745)!important}
#fs7-page .about-sol-html h2{margin:24px 0 8px}
#fs7-page .about-sol-html h2:first-child{margin-top:0}
@media (min-width:640px){
 #fs7-page .about-sol-html{font-size:18px}
 #fs7-page .about-sol-html h2,#fs7-page .about-sol-html h2 span{font-size:24px!important}
}


/* محتوای انتهای صفحه‌ی اتوماسیون تغذیه: هم‌استایل با سکشن «درباره سول» در صفحه‌ی اصلی؛ بولت‌ها با رنگ پالت (طلایی) */
#fs7-page #fs7-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#fs7-page #fs7-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#fs7-page #fs7-about *{box-sizing:border-box}
#fs7-page #fs7-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#fs7-page #fs7-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#fs7-page #fs7-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#fs7-page #fs7-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#fs7-page #fs7-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#fs7-page #fs7-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#fs7-page #fs7-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#fs7-page #fs7-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#fs7-page #fs7-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#fs7-page #fs7-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#fs7-page #fs7-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#fs7-page #fs7-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#fs7-page #fs7-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#fs7-page #fs7-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#fs7-page #fs7-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#fs7-page #fs7-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#fs7-page #fs7-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#fs7-page #fs7-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#fs7-page #fs7-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#fs7-page #fs7-about .seo-more[hidden]{display:none}
#fs7-page #fs7-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#fs7-page #fs7-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#fs7-page #fs7-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#fs7-page #fs7-about.seo-open .seo-fade,#fs7-page #fs7-about:not(.seo-js) .seo-fade{opacity:0}
#fs7-page #fs7-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#fs7-page #fs7-about .seo-ls,#fs7-page #fs7-about .seo-ls.seo-sm{grid-template-columns:1fr}#fs7-page #fs7-about .seo-in p{text-align:start}#fs7-page #fs7-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#fs7-page #fs7-about .seo-body,#fs7-page #fs7-about .seo-ls li,#fs7-page #fs7-about .seo-more,#fs7-page #fs7-about .seo-more i svg,#fs7-page #fs7-about .seo-fade{transition:none!important}}

/* نوار قرمز ناوبری صفحه: چسبان زیر هدر؛ overflow:hidden والد جایگزین clip می‌شود تا sticky کار کند */
#fs7-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#fs7-page #fs7-images{position:sticky;top:var(--fa-top,0px);z-index:19;transition:box-shadow .25s}
#fs7-page #fs7-images.fa-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#fs7-page section[id^="fa-"]{scroll-margin-top:calc(var(--fa-top,0px) + var(--fa-bar,64px) + 10px)}
/* فاصله‌ی نوار قرمز چسبان با هیرو (بالا) و بخش بعدی (پایین) کم شد؛ برای تغییر، فقط مقدار --fa-gap را عوض کنید */
#fs7-page{--fa-gap:clamp(12px,1.8vw,24px)}
#fs7-page #fs7-images{margin-top:var(--fa-gap)}
#fs7-page #fs7-images > div > div{margin-top:0}
#fs7-page #fs7-images + section{margin-top:var(--fa-gap)}


@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#fs8-page *,#fs8-page :before,#fs8-page :after,#fs8-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:""}}
#fs8-page,#fs8-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft)}
#fs8-page *,#fs8-page :after,#fs8-page :before,#fs8-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#fs8-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#fs8-page,#fs8-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#fs8-page hr{height:0;color:inherit;border-top-width:1px}
#fs8-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#fs8-page h1,#fs8-page h2,#fs8-page h3,#fs8-page h4,#fs8-page h5,#fs8-page h6{font-size:inherit;font-weight:inherit}
#fs8-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#fs8-page b,#fs8-page strong{font-weight:bolder}
#fs8-page code,#fs8-page kbd,#fs8-page samp,#fs8-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#fs8-page small{font-size:80%}
#fs8-page sub,#fs8-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#fs8-page sub{bottom:-.25em}
#fs8-page sup{top:-.5em}
#fs8-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#fs8-page :-moz-focusring:where(:not(iframe)){outline:auto}
#fs8-page progress{vertical-align:baseline}
#fs8-page summary{display:list-item}
#fs8-page ol,#fs8-page ul,#fs8-page menu{list-style:none}
#fs8-page img,#fs8-page svg,#fs8-page video,#fs8-page canvas,#fs8-page audio,#fs8-page iframe,#fs8-page embed,#fs8-page object{vertical-align:middle;display:block}
#fs8-page img,#fs8-page video{max-width:100%;height:auto}
#fs8-page button,#fs8-page input,#fs8-page select,#fs8-page optgroup,#fs8-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#fs8-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#fs8-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#fs8-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#fs8-page ::file-selector-button{margin-inline-end:4px}
#fs8-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#fs8-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#fs8-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#fs8-page textarea{resize:vertical}
#fs8-page ::-webkit-search-decoration{-webkit-appearance:none}
#fs8-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#fs8-page ::-webkit-datetime-edit{display:inline-flex}
#fs8-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#fs8-page ::-webkit-datetime-edit{padding-block:0}
#fs8-page ::-webkit-datetime-edit-year-field{padding-block:0}
#fs8-page ::-webkit-datetime-edit-month-field{padding-block:0}
#fs8-page ::-webkit-datetime-edit-day-field{padding-block:0}
#fs8-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#fs8-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#fs8-page ::-webkit-datetime-edit-second-field{padding-block:0}
#fs8-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#fs8-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#fs8-page ::-webkit-calendar-picker-indicator{line-height:1}
#fs8-page :-moz-ui-invalid{box-shadow:none}
#fs8-page button,#fs8-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#fs8-page ::file-selector-button{appearance:button}
#fs8-page ::-webkit-inner-spin-button{height:auto}
#fs8-page ::-webkit-outer-spin-button{height:auto}
#fs8-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#fs8-page{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
#fs8-page{color:var(--nv);background:#fff;font-family:Vazirmatn,Tahoma,Segoe UI,Arial,sans-serif}
#fs8-page button,#fs8-page [role=button],#fs8-page a{-webkit-tap-highlight-color:transparent}
#fs8-page img{max-width:100%}
#fs8-page .pointer-events-none{pointer-events:none}
#fs8-page .absolute{position:absolute}
#fs8-page .fixed{position:fixed}
#fs8-page .relative{position:relative}
#fs8-page .static{position:static}
#fs8-page .inset-0{inset:0}
#fs8-page .inset-x-0{inset-inline:0}
#fs8-page .top-0{top:0}
#fs8-page .top-2{top:calc(var(--spacing) * 2)}
#fs8-page .top-3{top:calc(var(--spacing) * 3)}
#fs8-page .top-6{top:calc(var(--spacing) * 6)}
#fs8-page .top-full{top:100%}
#fs8-page .right-0{right:0}
#fs8-page .right-1{right:var(--spacing)}
#fs8-page .right-2{right:calc(var(--spacing) * 2)}
#fs8-page .right-4{right:calc(var(--spacing) * 4)}
#fs8-page .bottom-0{bottom:0}
#fs8-page .bottom-6{bottom:calc(var(--spacing) * 6)}
#fs8-page .left-0{left:0}
#fs8-page .left-1\/2{left:50%}
#fs8-page .-z-10{z-index:calc(10 * -1)}
#fs8-page .z-1{z-index:1}
#fs8-page .z-2{z-index:2}
#fs8-page .z-10{z-index:10}
#fs8-page .z-20{z-index:20}
#fs8-page .z-40{z-index:40}
#fs8-page .z-50{z-index:50}
#fs8-page .z-1000{z-index:1000}
#fs8-page .order-1{order:1}
#fs8-page .order-2{order:2}
#fs8-page .order-3{order:3}
#fs8-page .m-0{margin:0}
#fs8-page .mx-1{margin-inline:var(--spacing)}
#fs8-page .mx-auto{margin-inline:auto}
#fs8-page .my-2{margin-block:calc(var(--spacing) * 2)}
#fs8-page .my-24{margin-block:calc(var(--spacing) * 24)}
#fs8-page .-mt-4{margin-top:calc(var(--spacing) * -4)}
#fs8-page .-mt-20{margin-top:calc(var(--spacing) * -20)}
#fs8-page .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
#fs8-page .mt-1{margin-top:var(--spacing)}
#fs8-page .mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}
#fs8-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#fs8-page .mt-3{margin-top:calc(var(--spacing) * 3)}
#fs8-page .mt-4{margin-top:calc(var(--spacing) * 4)}
#fs8-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#fs8-page .mt-8{margin-top:calc(var(--spacing) * 8)}
#fs8-page .mt-20{margin-top:calc(var(--spacing) * 20)}
#fs8-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#fs8-page .mt-60{margin-top:calc(var(--spacing) * 60)}
#fs8-page .mb-1{margin-bottom:var(--spacing)}
#fs8-page .mb-2{margin-bottom:calc(var(--spacing) * 2)}
#fs8-page .mb-3{margin-bottom:calc(var(--spacing) * 3)}
#fs8-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#fs8-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#fs8-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#fs8-page .mb-24{margin-bottom:calc(var(--spacing) * 24)}
#fs8-page .mb-36{margin-bottom:calc(var(--spacing) * 36)}
#fs8-page .mb-safe{margin-bottom:env(safe-area-inset-bottom,0px)}
#fs8-page .block{display:block}
#fs8-page .flex{display:flex}
#fs8-page .grid{display:grid}
#fs8-page .hidden{display:none}
#fs8-page .inline{display:inline}
#fs8-page .inline-block{display:inline-block}
#fs8-page .inline-flex{display:inline-flex}
#fs8-page .h-1\.5{height:calc(var(--spacing) * 1.5)}
#fs8-page .h-2\.5{height:calc(var(--spacing) * 2.5)}
#fs8-page .h-5{height:calc(var(--spacing) * 5)}
#fs8-page .h-6{height:calc(var(--spacing) * 6)}
#fs8-page .h-8{height:calc(var(--spacing) * 8)}
#fs8-page .h-10{height:calc(var(--spacing) * 10)}
#fs8-page .h-12{height:calc(var(--spacing) * 12)}
#fs8-page .h-16{height:calc(var(--spacing) * 16)}
#fs8-page .h-20{height:calc(var(--spacing) * 20)}
#fs8-page .h-72{height:calc(var(--spacing) * 72)}
#fs8-page .h-\[50px\]{height:50px}
#fs8-page .h-\[72px\]{height:72px}
#fs8-page .h-\[155\.95px\]{height:155.95px}
#fs8-page .h-\[180px\]{height:180px}
#fs8-page .h-\[200px\]{height:200px}
#fs8-page .h-auto{height:auto}
#fs8-page .h-full{height:100%}
#fs8-page .max-h-0{max-height:0}
#fs8-page .max-h-\[280px\]{max-height:280px}
#fs8-page .min-h-0{min-height:0}
#fs8-page .min-h-\[44px\]{min-height:44px}
#fs8-page .min-h-\[260px\]{min-height:260px}
#fs8-page .min-h-\[300px\]{min-height:300px}
#fs8-page .min-h-\[320px\]{min-height:320px}
#fs8-page .min-h-\[323px\]{min-height:323px}
#fs8-page .min-h-\[360px\]{min-height:360px}
#fs8-page .w-1\.5{width:calc(var(--spacing) * 1.5)}
#fs8-page .w-2\.5{width:calc(var(--spacing) * 2.5)}
#fs8-page .w-5{width:calc(var(--spacing) * 5)}
#fs8-page .w-6{width:calc(var(--spacing) * 6)}
#fs8-page .w-8{width:calc(var(--spacing) * 8)}
#fs8-page .w-10{width:calc(var(--spacing) * 10)}
#fs8-page .w-12{width:calc(var(--spacing) * 12)}
#fs8-page .w-16{width:calc(var(--spacing) * 16)}
#fs8-page .w-20{width:calc(var(--spacing) * 20)}
#fs8-page .w-24{width:calc(var(--spacing) * 24)}
#fs8-page .w-30{width:calc(var(--spacing) * 30)}
#fs8-page .w-44{width:calc(var(--spacing) * 44)}
#fs8-page .w-72{width:calc(var(--spacing) * 72)}
#fs8-page .w-\[155\.95px\]{width:155.95px}
#fs8-page .w-\[181px\]{width:181px}
#fs8-page .w-auto{width:auto}
#fs8-page .w-fit{width:fit-content}
#fs8-page .w-full{width:100%}
#fs8-page .max-w-2xl{max-width:var(--container-2xl)}
#fs8-page .max-w-3xl{max-width:var(--container-3xl)}
#fs8-page .max-w-4xl{max-width:var(--container-4xl)}
#fs8-page .max-w-full{max-width:100%}
#fs8-page .min-w-0{min-width:0}
#fs8-page .min-w-full{min-width:100%}
#fs8-page .flex-1{flex:1}
#fs8-page .flex-shrink-0,#fs8-page .shrink-0{flex-shrink:0}
#fs8-page .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs8-page .-translate-y-\[16px\]{--tw-translate-y:calc(16px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs8-page .rotate-0{rotate:0deg}
#fs8-page .rotate-180{rotate:180deg}
#fs8-page .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
#fs8-page .cursor-not-allowed{cursor:not-allowed}
#fs8-page .cursor-pointer{cursor:pointer}
#fs8-page .resize{resize:both}
#fs8-page .list-none{list-style-type:none}
#fs8-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#fs8-page .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs8-page .flex-col{flex-direction:column}
#fs8-page .flex-col-reverse{flex-direction:column-reverse}
#fs8-page .flex-row{flex-direction:row}
#fs8-page .flex-row-reverse{flex-direction:row-reverse}
#fs8-page .flex-nowrap{flex-wrap:nowrap}
#fs8-page .items-center{align-items:center}
#fs8-page .items-end{align-items:flex-end}
#fs8-page .items-start{align-items:flex-start}
#fs8-page .items-stretch{align-items:stretch}
#fs8-page .justify-between{justify-content:space-between}
#fs8-page .justify-center{justify-content:center}
#fs8-page .justify-end{justify-content:flex-end}
#fs8-page .justify-start{justify-content:flex-start}
#fs8-page .justify-items-center{justify-items:center}
#fs8-page .justify-items-stretch{justify-items:stretch}
#fs8-page .gap-1{gap:var(--spacing)}
#fs8-page .gap-2{gap:calc(var(--spacing) * 2)}
#fs8-page .gap-3{gap:calc(var(--spacing) * 3)}
#fs8-page .gap-4{gap:calc(var(--spacing) * 4)}
#fs8-page .gap-6{gap:calc(var(--spacing) * 6)}
#fs8-page .gap-8{gap:calc(var(--spacing) * 8)}
#fs8-page .gap-10{gap:calc(var(--spacing) * 10)}
#fs8-page :where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}
#fs8-page :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#fs8-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#fs8-page .gap-x-6{column-gap:calc(var(--spacing) * 6)}
#fs8-page .gap-x-10{column-gap:calc(var(--spacing) * 10)}
#fs8-page .gap-y-4{row-gap:calc(var(--spacing) * 4)}
#fs8-page .gap-y-24{row-gap:calc(var(--spacing) * 24)}
#fs8-page .overflow-hidden{overflow:hidden}
#fs8-page .overflow-visible{overflow:visible}
#fs8-page .overflow-x-auto{overflow-x:auto}
#fs8-page .overflow-x-hidden{overflow-x:hidden}
#fs8-page .overflow-y-hidden{overflow-y:hidden}
#fs8-page .scroll-smooth{scroll-behavior:smooth}
#fs8-page .rounded-2xl{border-radius:var(--radius-2xl)}
#fs8-page .rounded-3xl{border-radius:var(--radius-3xl)}
#fs8-page .rounded-4xl{border-radius:var(--radius-4xl)}
#fs8-page .rounded-\[20px\]{border-radius:20px}
#fs8-page .rounded-\[32px\]{border-radius:32px}
#fs8-page .rounded-\[50px\]{border-radius:50px}
#fs8-page .rounded-full{border-radius:3.40282e38px}
#fs8-page .rounded-lg{border-radius:var(--radius-lg)}
#fs8-page .rounded-md{border-radius:var(--radius-md)}
#fs8-page .rounded-xl{border-radius:var(--radius-xl)}
#fs8-page .rounded-b-\[48px\]{border-bottom-right-radius:48px;border-bottom-left-radius:48px}
#fs8-page .border-0{border-style:var(--tw-border-style);border-width:0}
#fs8-page .border-1{border-style:var(--tw-border-style);border-width:1px}
#fs8-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#fs8-page .border-4{border-style:var(--tw-border-style);border-width:4px}
#fs8-page .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
#fs8-page .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}
#fs8-page .border-none{--tw-border-style:none;border-style:none}
#fs8-page .border-\[\#C0C0C0\]{border-color:silver}
#fs8-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#fs8-page .border-\[\#FF4C00\]\/20{border-color:oklab(66.6687% .179651 .134278/.2)}
#fs8-page .border-gray-200\/60{border-color:#e5e7eb99}
@supports (color:color-mix(in lab, red, red)){#fs8-page .border-gray-200\/60{border-color:color-mix(in oklab, var(--color-gray-200) 60%, transparent)}}
#fs8-page .border-green-500{border-color:var(--color-green-500)}
#fs8-page .border-transparent{border-color:#0000}
#fs8-page .border-white{border-color:var(--color-white)}
#fs8-page .bg-\[\#0A2745\]{background-color:var(--nv)}
#fs8-page .bg-\[\#D9DEE2\]{background-color:var(--line)}
#fs8-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#fs8-page .bg-\[\#FF4C00\]\/20{background-color:oklab(66.6687% .179651 .134278/.2)}
#fs8-page .bg-\[\#FFF3EA\]{background-color:var(--fa-soft)}
#fs8-page .bg-\[\#FFF6F2\]{background-color:var(--fa-soft)}
#fs8-page .bg-accent{background-color:var(--color-accent)}
#fs8-page .bg-black\/40{background-color:#0006}
@supports (color:color-mix(in lab, red, red)){#fs8-page .bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}
#fs8-page .bg-gray-100{background-color:var(--color-gray-100)}
#fs8-page .bg-primary{background-color:var(--color-primary)}
#fs8-page .bg-secondary{background-color:var(--color-secondary)}
#fs8-page .bg-transparent{background-color:#0000}
#fs8-page .bg-white{background-color:var(--color-white)}
#fs8-page .bg-white\/40{background-color:#fff6}
@supports (color:color-mix(in lab, red, red)){#fs8-page .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}
#fs8-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#fs8-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#fs8-page .object-contain{object-fit:contain}
#fs8-page .object-cover{object-fit:cover}
#fs8-page .p-0{padding:0}
#fs8-page .p-1{padding:var(--spacing)}
#fs8-page .p-2{padding:calc(var(--spacing) * 2)}
#fs8-page .p-3{padding:calc(var(--spacing) * 3)}
#fs8-page .p-4{padding:calc(var(--spacing) * 4)}
#fs8-page .p-5{padding:calc(var(--spacing) * 5)}
#fs8-page .p-6{padding:calc(var(--spacing) * 6)}
#fs8-page .p-7{padding:calc(var(--spacing) * 7)}
#fs8-page .p-8{padding:calc(var(--spacing) * 8)}
#fs8-page .px-0{padding-inline:0}
#fs8-page .px-2{padding-inline:calc(var(--spacing) * 2)}
#fs8-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#fs8-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#fs8-page .px-5{padding-inline:calc(var(--spacing) * 5)}
#fs8-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#fs8-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#fs8-page .px-\[clamp\(1rem\,4vw\+0\.5rem\,9rem\)\]{padding-inline:clamp(1rem,4vw + .5rem,9rem)}
#fs8-page .py-2{padding-block:calc(var(--spacing) * 2)}
#fs8-page .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
#fs8-page .py-3{padding-block:calc(var(--spacing) * 3)}
#fs8-page .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#fs8-page .py-4{padding-block:calc(var(--spacing) * 4)}
#fs8-page .py-8{padding-block:calc(var(--spacing) * 8)}
#fs8-page .py-10{padding-block:calc(var(--spacing) * 10)}
#fs8-page .py-16{padding-block:calc(var(--spacing) * 16)}
#fs8-page .py-24{padding-block:calc(var(--spacing) * 24)}
#fs8-page .pt-2{padding-top:calc(var(--spacing) * 2)}
#fs8-page .pt-4{padding-top:calc(var(--spacing) * 4)}
#fs8-page .pt-8{padding-top:calc(var(--spacing) * 8)}
#fs8-page .pt-28{padding-top:calc(var(--spacing) * 28)}
#fs8-page .pt-\[72px\]{padding-top:72px}
#fs8-page .pr-6{padding-right:calc(var(--spacing) * 6)}
#fs8-page .pr-12{padding-right:calc(var(--spacing) * 12)}
#fs8-page .pb-0{padding-bottom:0}
#fs8-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#fs8-page .pb-5{padding-bottom:calc(var(--spacing) * 5)}
#fs8-page .pb-6{padding-bottom:calc(var(--spacing) * 6)}
#fs8-page .pb-14{padding-bottom:calc(var(--spacing) * 14)}
#fs8-page .pb-28{padding-bottom:calc(var(--spacing) * 28)}
#fs8-page .text-center{text-align:center}
#fs8-page .text-justify{text-align:justify}
#fs8-page .text-right{text-align:right}
#fs8-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs8-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs8-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs8-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs8-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs8-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs8-page .text-\[10px\]{font-size:10px}
#fs8-page .leading-\[25px\]{--tw-leading:25px;line-height:25px}
#fs8-page .leading-\[32px\]{--tw-leading:32px;line-height:32px}
#fs8-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#fs8-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#fs8-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#fs8-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#fs8-page .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
#fs8-page .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
#fs8-page .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
#fs8-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#fs8-page .whitespace-nowrap{white-space:nowrap}
#fs8-page .text-\[\#0A2745\]{color:var(--nv)}
#fs8-page .text-\[\#595B5C\]{color:#595b5c}
#fs8-page .text-\[\#FF4C00\]{color:var(--acc)}
#fs8-page .text-\[\#ffff\]{color:#fff}
#fs8-page .text-black{color:var(--color-black)}
#fs8-page .text-gray-300{color:var(--color-gray-300)}
#fs8-page .text-gray-500{color:var(--color-gray-500)}
#fs8-page .text-gray-600{color:var(--color-gray-600)}
#fs8-page .text-green-700{color:var(--color-green-700)}
#fs8-page .text-red-500{color:var(--color-red-500)}
#fs8-page .text-secondary{color:var(--color-secondary)}
#fs8-page .text-white{color:var(--color-white)}
#fs8-page .not-italic{font-style:normal}
#fs8-page .underline{text-decoration-line:underline}
#fs8-page .accent-white{accent-color:var(--color-white)}
#fs8-page .opacity-0{opacity:0}
#fs8-page .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs8-page .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs8-page .shadow-\[0_2px_8px_rgba\(255\,76\,0\,0\.25\)\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs8-page .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs8-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs8-page .shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs8-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs8-page .ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs8-page .ring-gray-400{--tw-ring-color:var(--color-gray-400)}
#fs8-page .outline{outline-style:var(--tw-outline-style);outline-width:1px}
#fs8-page .blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
#fs8-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}
#fs8-page .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs8-page .transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs8-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs8-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs8-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs8-page .transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs8-page .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs8-page .duration-150{--tw-duration:.15s;transition-duration:.15s}
#fs8-page .duration-200{--tw-duration:.2s;transition-duration:.2s}
#fs8-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#fs8-page .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
#fs8-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#fs8-page .will-change-transform{will-change:transform}
#fs8-page .select-none{-webkit-user-select:none;user-select:none}
#fs8-page .backface-visibility-hidden{backface-visibility:hidden}
@media (hover:hover){#fs8-page .group-hover\:absolute:is(:where(.group):hover *){position:absolute}
#fs8-page .group-hover\:flex:is(:where(.group):hover *){display:flex}
#fs8-page .group-hover\:-translate-y-2:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs8-page .group-hover\:-translate-y-full:is(:where(.group):hover *){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs8-page .group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs8-page .group-hover\:border-b-2:is(:where(.group):hover *){border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
#fs8-page .group-hover\:bg-\[\#0A2745\]:is(:where(.group):hover *){background-color:var(--nv)}
#fs8-page .group-hover\:bg-\[\#FFF6F2\]:is(:where(.group):hover *){background-color:var(--fa-soft)}
#fs8-page .group-hover\:text-\[\#FF4C00\]:is(:where(.group):hover *){color:var(--acc)}
#fs8-page .group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}
#fs8-page .group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}
#fs8-page .group-hover\:shadow-xl:is(:where(.group):hover *){--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs8-page .group-hover\:blur-xs:is(:where(.group):hover *){--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}
#fs8-page .placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
#fs8-page .placeholder\:text-white::placeholder{color:var(--color-white)}
#fs8-page .after\:absolute:after{content:var(--tw-content);position:absolute}
#fs8-page .after\:right-0:after{content:var(--tw-content);right:0}
#fs8-page .after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}
#fs8-page .after\:left-0:after{content:var(--tw-content);left:0}
#fs8-page .after\:h-\[2px\]:after{content:var(--tw-content);height:2px}
#fs8-page .after\:origin-left:after{content:var(--tw-content);transform-origin:0}
#fs8-page .after\:origin-right:after{content:var(--tw-content);transform-origin:100%}
#fs8-page .after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs8-page .after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs8-page .after\:bg-\[\#FF4C00\]:after{content:var(--tw-content);background-color:var(--acc)}
#fs8-page .after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#fs8-page .after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}
#fs8-page .after\:ease-out:after{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
@media (hover:hover){#fs8-page .hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs8-page .hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs8-page .hover\:scale-102:hover{--tw-scale-x:102%;--tw-scale-y:102%;--tw-scale-z:102%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs8-page .hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs8-page .hover\:scale-130:hover{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#fs8-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#fs8-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#fs8-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#fs8-page .hover\:bg-\[\#0A2745\]\/10:hover{background-color:oklab(26.9107% -.0200244 -.0625058/.1)}
#fs8-page .hover\:bg-\[\#081a2e\]:hover{background-color:#081a2e}
#fs8-page .hover\:bg-\[\#163456\]:hover{background-color:color-mix(in srgb,var(--nv) 86%,#fff)}
#fs8-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 82%,#000)}
#fs8-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#fs8-page .hover\:bg-\[\#FF4C00\]\/10:hover{background-color:oklab(66.6687% .179651 .134278/.1)}
#fs8-page .hover\:bg-\[\#FF4C00\]\/80:hover{background-color:oklab(66.6687% .179651 .134278/.8)}
#fs8-page .hover\:bg-\[\#FFE5DB\]:hover{background-color:color-mix(in srgb,var(--acc) 12%,var(--card))}
#fs8-page .hover\:bg-\[\#e44500\]:hover{background-color:#e44500}
#fs8-page .hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
#fs8-page .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
#fs8-page .hover\:text-\[\#0A2745\]:hover{color:var(--nv)}
#fs8-page .hover\:text-\[\#FF4C00\]:hover,#fs8-page .hover\:text-\[\#ff4c00\]:hover{color:var(--acc)}
#fs8-page .hover\:text-white:hover{color:var(--color-white)}
#fs8-page .hover\:underline:hover{text-decoration-line:underline}
#fs8-page .hover\:opacity-80:hover{opacity:.8}
#fs8-page .hover\:shadow-\[0_0_24px_rgba\(255\,76\,0\,0\.25\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#ff4c0040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs8-page .hover\:shadow-\[0_6px_20px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 6px 20px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs8-page .hover\:shadow-\[0_8px_28px_rgba\(255\,76\,0\,0\.4\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#ff4c0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs8-page .hover\:shadow-\[0_10px_24px_rgba\(10\,39\,69\,0\.14\)\]:hover{--tw-shadow:0 10px 24px var(--tw-shadow-color,#0a274524);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs8-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs8-page .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs8-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:#ff4c004d}
@supports (color:color-mix(in lab, red, red)){#fs8-page .hover\:shadow-\[\#FF4C00\]\/30:hover{--tw-shadow-color:color-mix(in oklab, oklab(66.6687% .179651 .134278/.3) var(--tw-shadow-alpha), transparent)}}
#fs8-page .hover\:ring-gray-500:hover{--tw-ring-color:var(--color-gray-500)}
#fs8-page .hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}
#fs8-page .focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}
#fs8-page .focus\:bg-white\/60:focus{background-color:#fff9}
@supports (color:color-mix(in lab, red, red)){#fs8-page .focus\:bg-white\/60:focus{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}
#fs8-page .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs8-page .focus\:ring-\[\#FF4C00\]:focus{--tw-ring-color:var(--acc)}
#fs8-page .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#fs8-page .focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--color-white)}
#fs8-page .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
#fs8-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#fs8-page .focus-visible\:ring-\[\#FF4C00\]:focus-visible{--tw-ring-color:var(--acc)}
#fs8-page .focus-visible\:ring-\[\#FF4C00\]\/50:focus-visible{--tw-ring-color:oklab(66.6687% .179651 .134278/.5)}
#fs8-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#fs8-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#fs8-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#fs8-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
#fs8-page .active\:translate-y-0:active{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}
#fs8-page .active\:scale-\[0\.98\]:active{scale:.98}
#fs8-page .active\:bg-\[\#06141f\]:active{background-color:#06141f}
#fs8-page .active\:bg-\[\#CC3D00\]:active{background-color:#cc3d00}
#fs8-page .active\:bg-\[\#FF4C00\]\/20:active{background-color:oklab(66.6687% .179651 .134278/.2)}
@media (min-width:40rem){#fs8-page .sm\:top-3{top:calc(var(--spacing) * 3)}
#fs8-page .sm\:right-3{right:calc(var(--spacing) * 3)}
#fs8-page .sm\:bottom-1\/3{bottom:33.3333%}
#fs8-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#fs8-page .sm\:mt-6{margin-top:calc(var(--spacing) * 6)}
#fs8-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#fs8-page .sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}
#fs8-page .sm\:mb-17{margin-bottom:calc(var(--spacing) * 17)}
#fs8-page .sm\:mb-24{margin-bottom:calc(var(--spacing) * 24)}
#fs8-page .sm\:mb-34{margin-bottom:calc(var(--spacing) * 34)}
#fs8-page .sm\:inline{display:inline}
#fs8-page .sm\:h-6{height:calc(var(--spacing) * 6)}
#fs8-page .sm\:h-9{height:calc(var(--spacing) * 9)}
#fs8-page .sm\:h-10{height:calc(var(--spacing) * 10)}
#fs8-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#fs8-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#fs8-page .sm\:h-24{height:calc(var(--spacing) * 24)}
#fs8-page .sm\:h-\[60px\]{height:60px}
#fs8-page .sm\:h-\[100px\]{height:100px}
#fs8-page .sm\:max-h-\[320px\]{max-height:320px}
#fs8-page .sm\:min-h-\[360px\]{min-height:360px}
#fs8-page .sm\:min-h-\[400px\]{min-height:400px}
#fs8-page .sm\:min-h-\[580px\]{min-height:580px}
#fs8-page .sm\:min-h-\[600px\]{min-height:600px}
#fs8-page .sm\:w-6{width:calc(var(--spacing) * 6)}
#fs8-page .sm\:w-9{width:calc(var(--spacing) * 9)}
#fs8-page .sm\:w-10{width:calc(var(--spacing) * 10)}
#fs8-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#fs8-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#fs8-page .sm\:w-20{width:calc(var(--spacing) * 20)}
#fs8-page .sm\:w-24{width:calc(var(--spacing) * 24)}
#fs8-page .sm\:w-44{width:calc(var(--spacing) * 44)}
#fs8-page .sm\:w-76{width:calc(var(--spacing) * 76)}
#fs8-page .sm\:min-w-\[120px\]{min-width:120px}
#fs8-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs8-page .sm\:flex-row{flex-direction:row}
#fs8-page .sm\:items-center{align-items:center}
#fs8-page .sm\:items-start{align-items:flex-start}
#fs8-page .sm\:justify-end{justify-content:flex-end}
#fs8-page .sm\:justify-start{justify-content:flex-start}
#fs8-page .sm\:gap-2{gap:calc(var(--spacing) * 2)}
#fs8-page .sm\:gap-3{gap:calc(var(--spacing) * 3)}
#fs8-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#fs8-page .sm\:gap-5{gap:calc(var(--spacing) * 5)}
#fs8-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#fs8-page .sm\:gap-8{gap:calc(var(--spacing) * 8)}
#fs8-page .sm\:gap-12{gap:calc(var(--spacing) * 12)}
#fs8-page .sm\:gap-24{gap:calc(var(--spacing) * 24)}
#fs8-page :where(.sm\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}
#fs8-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#fs8-page .sm\:gap-x-10{column-gap:calc(var(--spacing) * 10)}
#fs8-page .sm\:rounded-3xl{border-radius:var(--radius-3xl)}
#fs8-page .sm\:rounded-4xl{border-radius:var(--radius-4xl)}
#fs8-page .sm\:rounded-\[36px\]{border-radius:36px}
#fs8-page .sm\:p-4{padding:calc(var(--spacing) * 4)}
#fs8-page .sm\:p-5{padding:calc(var(--spacing) * 5)}
#fs8-page .sm\:p-6{padding:calc(var(--spacing) * 6)}
#fs8-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#fs8-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#fs8-page .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
#fs8-page .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs8-page .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}
#fs8-page .sm\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs8-page .sm\:py-0{padding-block:0}
#fs8-page .sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
#fs8-page .sm\:py-12{padding-block:calc(var(--spacing) * 12)}
#fs8-page .sm\:py-30{padding-block:calc(var(--spacing) * 30)}
#fs8-page .sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}
#fs8-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs8-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs8-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs8-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs8-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs8-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs8-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs8-page .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs8-page .sm\:text-\[12px\]{font-size:12px}
#fs8-page .sm\:text-\[19px\]{font-size:19px}}
@media (min-width:48rem){#fs8-page .md\:mt-3{margin-top:calc(var(--spacing) * 3)}
#fs8-page .md\:mt-6{margin-top:calc(var(--spacing) * 6)}
#fs8-page .md\:mt-10{margin-top:calc(var(--spacing) * 10)}
#fs8-page .md\:mt-50{margin-top:calc(var(--spacing) * 50)}
#fs8-page .md\:mt-70{margin-top:calc(var(--spacing) * 70)}
#fs8-page .md\:ml-4{margin-left:calc(var(--spacing) * 4)}
#fs8-page .md\:block{display:block}
#fs8-page .md\:flex{display:flex}
#fs8-page .md\:hidden{display:none}
#fs8-page .md\:inline-block{display:inline-block}
#fs8-page .md\:h-10{height:calc(var(--spacing) * 10)}
#fs8-page .md\:h-28{height:calc(var(--spacing) * 28)}
#fs8-page .md\:h-\[250px\]{height:250px}
#fs8-page .md\:max-h-none{max-height:none}
#fs8-page .md\:w-10{width:calc(var(--spacing) * 10)}
#fs8-page .md\:w-24{width:calc(var(--spacing) * 24)}
#fs8-page .md\:w-28{width:calc(var(--spacing) * 28)}
#fs8-page .md\:w-72{width:calc(var(--spacing) * 72)}
#fs8-page .md\:min-w-\[130px\]{min-width:130px}
#fs8-page .md\:flex-1{flex:1}
#fs8-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#fs8-page .md\:flex-col{flex-direction:column}
#fs8-page .md\:flex-row{flex-direction:row}
#fs8-page .md\:flex-row-reverse{flex-direction:row-reverse}
#fs8-page .md\:items-center{align-items:center}
#fs8-page .md\:gap-0{gap:0}
#fs8-page .md\:gap-3{gap:calc(var(--spacing) * 3)}
#fs8-page .md\:gap-4{gap:calc(var(--spacing) * 4)}
#fs8-page .md\:gap-6{gap:calc(var(--spacing) * 6)}
#fs8-page .md\:gap-10{gap:calc(var(--spacing) * 10)}
#fs8-page .md\:gap-16{gap:calc(var(--spacing) * 16)}
#fs8-page .md\:gap-24{gap:calc(var(--spacing) * 24)}
#fs8-page .md\:overflow-visible{overflow:visible}
#fs8-page .md\:p-3{padding:calc(var(--spacing) * 3)}
#fs8-page .md\:p-5{padding:calc(var(--spacing) * 5)}
#fs8-page .md\:p-10{padding:calc(var(--spacing) * 10)}
#fs8-page .md\:px-4{padding-inline:calc(var(--spacing) * 4)}
#fs8-page .md\:px-5{padding-inline:calc(var(--spacing) * 5)}
#fs8-page .md\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs8-page .md\:px-8{padding-inline:calc(var(--spacing) * 8)}
#fs8-page .md\:px-12{padding-inline:calc(var(--spacing) * 12)}
#fs8-page .md\:py-0{padding-block:0}
#fs8-page .md\:py-2{padding-block:calc(var(--spacing) * 2)}
#fs8-page .md\:py-3{padding-block:calc(var(--spacing) * 3)}
#fs8-page .md\:py-4{padding-block:calc(var(--spacing) * 4)}
#fs8-page .md\:py-6{padding-block:calc(var(--spacing) * 6)}
#fs8-page .md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}
#fs8-page .md\:text-justify{text-align:justify}
#fs8-page .md\:text-right{text-align:right}
#fs8-page .md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs8-page .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs8-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#fs8-page .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs8-page .md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs8-page .md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs8-page .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs8-page .md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs8-page .md\:text-\[9px\]{font-size:9px}
#fs8-page .md\:text-\[10px\]{font-size:10px}
#fs8-page .md\:text-\[14px\]{font-size:14px}}
@media (min-width:64rem){#fs8-page .lg\:order-1{order:1}
#fs8-page .lg\:order-2{order:2}
#fs8-page .lg\:my-6{margin-block:calc(var(--spacing) * 6)}
#fs8-page .lg\:-mt-32{margin-top:calc(var(--spacing) * -32)}
#fs8-page .lg\:mt-8{margin-top:calc(var(--spacing) * 8)}
#fs8-page .lg\:mt-12{margin-top:calc(var(--spacing) * 12)}
#fs8-page .lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
#fs8-page .lg\:mb-0{margin-bottom:0}
#fs8-page .lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}
#fs8-page .lg\:ml-8{margin-left:calc(var(--spacing) * 8)}
#fs8-page .lg\:block{display:block}
#fs8-page .lg\:flex{display:flex}
#fs8-page .lg\:hidden{display:none}
#fs8-page .lg\:h-32{height:calc(var(--spacing) * 32)}
#fs8-page .lg\:h-\[70px\]{height:70px}
#fs8-page .lg\:h-\[132px\]{height:132px}
#fs8-page .lg\:h-\[300px\]{height:300px}
#fs8-page .lg\:min-h-\[500px\]{min-height:500px}
#fs8-page .lg\:w-32{width:calc(var(--spacing) * 32)}
#fs8-page .lg\:w-\[40\%\]{width:40%}
#fs8-page .lg\:w-\[45\%\]{width:45%}
#fs8-page .lg\:w-\[55\%\]{width:55%}
#fs8-page .lg\:w-\[58\%\]{width:58%}
#fs8-page .lg\:w-\[70px\]{width:70px}
#fs8-page .lg\:w-auto{width:auto}
#fs8-page .lg\:w-fit{width:fit-content}
#fs8-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#fs8-page .lg\:flex-row{flex-direction:row}
#fs8-page .lg\:flex-row-reverse{flex-direction:row-reverse}
#fs8-page .lg\:items-center{align-items:center}
#fs8-page .lg\:justify-end{justify-content:flex-end}
#fs8-page .lg\:gap-0{gap:0}
#fs8-page .lg\:gap-4{gap:calc(var(--spacing) * 4)}
#fs8-page .lg\:gap-6{gap:calc(var(--spacing) * 6)}
#fs8-page .lg\:gap-8{gap:calc(var(--spacing) * 8)}
#fs8-page .lg\:gap-10{gap:calc(var(--spacing) * 10)}
#fs8-page .lg\:gap-12{gap:calc(var(--spacing) * 12)}
#fs8-page .lg\:gap-20{gap:calc(var(--spacing) * 20)}
#fs8-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#fs8-page .lg\:gap-y-6{row-gap:calc(var(--spacing) * 6)}
#fs8-page .lg\:p-4{padding:calc(var(--spacing) * 4)}
#fs8-page .lg\:p-6{padding:calc(var(--spacing) * 6)}
#fs8-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#fs8-page .lg\:px-6{padding-inline:calc(var(--spacing) * 6)}
#fs8-page .lg\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs8-page .lg\:px-16{padding-inline:calc(var(--spacing) * 16)}
#fs8-page .lg\:px-21{padding-inline:calc(var(--spacing) * 21)}
#fs8-page .lg\:py-4{padding-block:calc(var(--spacing) * 4)}
#fs8-page .lg\:py-24{padding-block:calc(var(--spacing) * 24)}
#fs8-page .lg\:pt-\[132px\]{padding-top:132px}
#fs8-page .lg\:pb-4{padding-bottom:calc(var(--spacing) * 4)}
#fs8-page .lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}
#fs8-page .lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#fs8-page .lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs8-page .lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs8-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs8-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs8-page .lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#fs8-page .lg\:text-\[10px\]{font-size:10px}
#fs8-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#fs8-page .lg\:leading-\[56px\]{--tw-leading:56px;line-height:56px}
#fs8-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#fs8-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#fs8-page .xl\:mt-60{margin-top:calc(var(--spacing) * 60)}
#fs8-page .xl\:mb-8{margin-bottom:calc(var(--spacing) * 8)}
#fs8-page .xl\:ml-10{margin-left:calc(var(--spacing) * 10)}
#fs8-page .xl\:flex{display:flex}
#fs8-page .xl\:hidden{display:none}
#fs8-page .xl\:h-\[142px\]{height:142px}
#fs8-page .xl\:w-1\/2{width:50%}
#fs8-page .xl\:w-1\/3{width:33.3333%}
#fs8-page .xl\:w-\[32\%\]{width:32%}
#fs8-page .xl\:w-\[60\%\]{width:60%}
#fs8-page .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#fs8-page .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#fs8-page .xl\:grid-cols-\[1\.1fr_2fr\]{grid-template-columns:1.1fr 2fr}
#fs8-page .xl\:flex-row{flex-direction:row}
#fs8-page .xl\:gap-4{gap:calc(var(--spacing) * 4)}
#fs8-page .xl\:gap-6{gap:calc(var(--spacing) * 6)}
#fs8-page .xl\:gap-16{gap:calc(var(--spacing) * 16)}
#fs8-page .xl\:gap-y-1{row-gap:var(--spacing)}
#fs8-page .xl\:px-10{padding-inline:calc(var(--spacing) * 10)}
#fs8-page .xl\:px-24{padding-inline:calc(var(--spacing) * 24)}
#fs8-page .xl\:pt-\[142px\]{padding-top:142px}
#fs8-page .xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs8-page .xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
#fs8-page .xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs8-page .xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs8-page .xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#fs8-page .xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#fs8-page .xl\:text-\[11px\]{font-size:11px}
#fs8-page .xl\:text-\[14px\]{font-size:14px}
#fs8-page .xl\:text-\[36px\]{font-size:36px}
#fs8-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#fs8-page .\32 xl\:h-10{height:calc(var(--spacing) * 10)}
#fs8-page .\32 xl\:w-12{width:calc(var(--spacing) * 12)}
#fs8-page .\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}
#fs8-page .\32 xl\:gap-\[25px\]{gap:25px}
#fs8-page .\32 xl\:px-\[clamp\(1\.5rem\,5vw\+10rem\,15rem\)\]{padding-inline:clamp(1.5rem,5vw + 10rem,15rem)}
#fs8-page .\32 xl\:px-\[clamp\(2rem\,12vw\+20rem\,16rem\)\]{padding-inline:clamp(2rem,12vw + 20rem,16rem)}
#fs8-page .\32 xl\:text-left{text-align:left}
#fs8-page .\32 xl\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#fs8-page .\32 xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#fs8-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#fs8-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#fs8-page .\32 xl\:text-\[16px\]{font-size:16px}
#fs8-page .\32 xl\:text-\[27px\]{font-size:27px}
#fs8-page .\32 xl\:text-\[clamp\(15px\,0\.0vw\,19px\)\]{font-size:clamp(15px,0vw,19px)}}
#fs8-page .fanum-font,#fs8-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#fs8-page .semibold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:600}
#fs8-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#fs8-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
@keyframes fa-alarmPulse{0%,to{transform:scale(1)rotate(0)}15%{transform:scale(1.1)rotate(-12deg)}30%{transform:scale(1.1)rotate(12deg)}45%{transform:scale(1.1)rotate(-8deg)}60%{transform:scale(1.05)rotate(6deg)}75%{transform:scale(1)rotate(0)}}
#fs8-page .alarm-animation{transform-origin:50% 10%;animation:2.4s ease-in-out infinite fa-alarmPulse}
@keyframes fa-brandScroll{0%{transform:translate(0)}to{transform:translateX(calc(-50% - var(--hg,0px)))}}
#fs8-page .brand-scroll-animation{width:max-content;animation:45s linear infinite fa-brandScroll}
#fs8-page .brand-scroll-animation:hover{animation-play-state:paused}
#fs8-page .js-reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
#fs8-page .sol-dd{z-index:60;opacity:0;visibility:hidden;background:#fff;border-radius:16px;min-width:220px;padding:8px;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(8px);box-shadow:0 12px 32px #0a27452e}
#fs8-page .sol-dd.open{opacity:1;visibility:visible;transform:none}
#fs8-page .sol-dd a{color:var(--nv);white-space:nowrap;border-radius:10px;padding:10px 14px;font-size:14px;display:block}
#fs8-page .sol-dd a:hover{color:var(--acc);background:var(--fa-soft)}
#fs8-page .sol-dd-top{top:calc(100% + 4px)}
#fs8-page #mobile-drawer{z-index:2000;visibility:hidden;position:fixed;inset:0}
#fs8-page #mobile-drawer.open{visibility:visible}
#fs8-page #mobile-drawer .bg{opacity:0;background:#00000073;transition:opacity .25s;position:absolute;inset:0}
#fs8-page #mobile-drawer.open .bg{opacity:1}
#fs8-page #mobile-drawer .panel{background:#fff;width:min(86vw,340px);padding:20px;transition:transform .28s;position:absolute;top:0;bottom:0;right:0;overflow:auto;transform:translate(100%)}
#fs8-page #mobile-drawer.open .panel{transform:none}
#fs8-page #mobile-drawer .panel a,#fs8-page #mobile-drawer .panel summary{color:var(--nv);cursor:pointer;border-bottom:1px solid #f1e6e0;padding:12px 8px;font-weight:700;display:block}
#fs8-page #mobile-drawer .panel details a{padding-right:20px;font-weight:400}
#fs8-page #search-box{visibility:hidden;z-index:2100;background:#fff;padding:16px;transition:transform .25s;position:fixed;top:0;left:0;right:0;transform:translateY(-110%);box-shadow:0 8px 24px #00000026}
#fs8-page #search-box.open{visibility:visible;transform:none}
#fs8-page #lightbox{z-index:3000;background:#000c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}
#fs8-page #lightbox.open{display:flex}
#fs8-page #lightbox img{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:12px}
#fs8-page .no-scrollbar{scrollbar-width:none}
#fs8-page .no-scrollbar::-webkit-scrollbar{display:none}
#fs8-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#fs8-page .faq-open svg{transition:transform .2s}
#fs8-page .sol-toast{color:#fff;z-index:4000;text-align:center;background:var(--nv);border-radius:14px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}
#fs8-page #service-menu{z-index:30;color:var(--nv);background:#fff;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0a274540}
#fs8-page #service-menu.open{display:block}
#fs8-page #service-menu li{cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}
#fs8-page #service-menu li:hover,#fs8-page #service-menu li[aria-selected=true]{color:var(--acc);background:var(--fa-soft)}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/* ===== ابزارهای رنگی/فرم هم‌سان با صفحه درباره ما ===== */
#fs8-page .-top-7{
    top: calc(var(--spacing) * -7);
  }
#fs8-page .left-\[35\%\]{
    left: 35%;
  }
#fs8-page .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#fs8-page .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#fs8-page .h-14{
    height: calc(var(--spacing) * 14);
  }
#fs8-page .h-44{
    height: calc(var(--spacing) * 44);
  }
#fs8-page .h-56{
    height: calc(var(--spacing) * 56);
  }
#fs8-page .min-h-screen{
    min-height: 100vh;
  }
#fs8-page .w-14{
    width: calc(var(--spacing) * 14);
  }
#fs8-page .w-56{
    width: calc(var(--spacing) * 56);
  }
#fs8-page .max-w-5xl{
    max-width: var(--container-5xl);
  }
#fs8-page .max-w-\[88\%\]{
    max-width: 88%;
  }
#fs8-page .max-w-xl{
    max-width: var(--container-xl);
  }
#fs8-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#fs8-page .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#fs8-page .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#fs8-page .flex-wrap{
    flex-wrap: wrap;
  }
#fs8-page .justify-around{
    justify-content: space-around;
  }
#fs8-page .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#fs8-page :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#fs8-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#fs8-page .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#fs8-page .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#fs8-page .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#fs8-page .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#fs8-page .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#fs8-page .bg-ab-bg2{
    background-color: var(--bg2);
  }
#fs8-page .bg-ab-card{
    background-color: var(--card);
  }
#fs8-page .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#fs8-page .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#fs8-page .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#fs8-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#fs8-page .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#fs8-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#fs8-page .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#fs8-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#fs8-page .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#fs8-page .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#fs8-page .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#fs8-page .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#fs8-page .text-ab-cream{
    color: #f6ecd6;
  }
#fs8-page .text-ab-ink{
    color: var(--ink);
  }
#fs8-page .text-ab-mut{
    color: var(--mut);
  }
#fs8-page .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#fs8-page .accent-ab-cream{
    accent-color: #f6ecd6;
  }
@media (hover: hover){#fs8-page .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#fs8-page .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#fs8-page .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#fs8-page .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }}
#fs8-page .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#fs8-page .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#fs8-page .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#fs8-page .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#fs8-page .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#fs8-page .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#fs8-page .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#fs8-page .hover\:opacity-50:hover{
      opacity: 50%;
    }
#fs8-page .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#fs8-page .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#fs8-page .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#fs8-page .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#fs8-page .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#fs8-page .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#fs8-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#fs8-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#fs8-page .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#fs8-page .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#fs8-page .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#fs8-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (width >= 48rem){#fs8-page .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#fs8-page .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#fs8-page .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#fs8-page .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#fs8-page .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#fs8-page .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#fs8-page .lg\:h-\[550px\]{
      height: 550px;
    }
#fs8-page .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#fs8-page .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#fs8-page .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }}
@media (width >= 80rem){#fs8-page .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#fs8-page .xl\:h-\[50vh\]{
      height: 50vh;
    }
#fs8-page .xl\:h-auto{
      height: auto;
    }
#fs8-page .xl\:w-\[40\%\]{
      width: 40%;
    }
#fs8-page .xl\:w-\[70\%\]{
      width: 70%;
    }
#fs8-page .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#fs8-page .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#fs8-page .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#fs8-page .xl\:py-0{
      padding-block: 0px;
    }
#fs8-page .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#fs8-page .xl\:text-\[16px\]{
      font-size: 16px;
    }}
#fs8-page .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#fs8-page .ab-menu.open{display:block}
#fs8-page .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#fs8-page .ab-menu button:hover,#fs8-page .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#fs8-page .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#fs8-page .ab-msg:empty{display:none}
#fs8-page .ab-msg.err{color:#ffb4aa}
/* نوار متحرک لوگوی مشتریان (کلاس brand-scroll-animation در CSS اصلی سایت بود) */
#fs8-page .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#fs8-page .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#fs8-page .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#fs8-page .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#fs8-page .brand-scroll-animation{--g:5rem}}
#fs8-page .brand-scroll-animation:hover{animation-play-state:paused}
#fs8-page .brand-scroll-animation,#fs8-page :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#fs8-page *{transition:none!important}#fs8-page .brand-scroll-animation{animation:none}}



/* ===== صفحه «اتوماسیون تغذیه» — مسیر #food-automation =====
   طراحی و چیدمان از صفحه‌ی اصلی اتوماسیون تغذیه است؛ فونت Vazirmatn و رنگ‌ها همه از پالت همین سایت
   (کرم / طلایی / اسپرسو / قرمز آجری) می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#fs8-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--fa-soft);--color-gray-50:var(--bg);--color-gray-100:var(--fa-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#fs8-page{--fa-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #fs8-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #fs8-page{--fa-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#fs8-page[hidden]{display:none}
html.is-food body>section:not(#mp-sec),html.is-food #nl-sec,html.is-food #cta-band,html.is-food .pgx{display:none!important}
#fs8-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#fs8-page [id^=fa-]{scroll-margin-top:120px}
#fs8-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#fs8-page .semibold-fanum-font,#fs8-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#fs8-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#fs8-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#fs8-page a{color:inherit;text-decoration:none}
#fs8-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#fs8-page input[type=checkbox]{accent-color:var(--gold1)}
#fs8-page .bg-white{background-color:var(--sec-alt)}
#fs8-page .text-black{color:var(--ink)}
#fs8-page .text-\[\#0A2745\],#fs8-page .text-secondary{color:var(--ink)}
#fs8-page .bg-primary.text-white,#fs8-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
#fs8-page .bg-secondary.text-white,#fs8-page .bg-\[\#0A2745\].text-white{color:#f6ecd6}
#fs8-page .border-\[\#0A2745\]{border-color:var(--ink)}
@media (hover:hover){#fs8-page .hover\:text-\[\#0A2745\]:hover{color:var(--ink)}#fs8-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#fs8-page .faq-open{background:color-mix(in srgb,var(--acc) 12%,var(--card))!important}
#fs8-page .sol-toast{background:var(--nv);color:#f6ecd6}
#fs8-page #service-menu{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
#fs8-page #service-menu li:hover,#fs8-page #service-menu li[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#fs8-page #lightbox img{background:var(--card)}
/* ===== هیرو: متن و دکمه‌ها همیشه روی زمینه‌ی تیره‌ی اسپرسو (حتی اگر ویدیو لود نشود یا روشن باشد) ===== */
#fs8-page #fs8-hero{background:#2b2118}
#fs8-page #fs8-hero>div[aria-hidden="true"]{background:linear-gradient(to top,rgba(28,23,18,.62) 0%,rgba(28,23,18,0) 60%),linear-gradient(to left,rgba(28,23,18,.9) 0%,rgba(28,23,18,.74) 55%,rgba(28,23,18,.56) 100%)}
#fs8-page #fs8-hero h1{color:#f6ecd6;text-shadow:0 2px 14px rgba(0,0,0,.35)}
#fs8-page #fs8-hero h2,#fs8-page #fs8-hero h1 .hero-sub{color:var(--gold1,#d6b374);text-shadow:0 2px 14px rgba(0,0,0,.35)}
/* FAQ: عنوان h2 قبل از سوال‌ها در DOM است؛ چیدمان بصری مثل قبل */
#fs8-page #fs8-faq .fq-row{flex-direction:column}
@media (min-width:80rem){#fs8-page #fs8-faq .fq-row{flex-direction:row-reverse}}
#fs8-page #fs8-hero p{color:#efe4d2;text-shadow:0 1px 10px rgba(0,0,0,.35)}
#fs8-page #fs8-hero a[href*="/price/"]{color:#f6ecd6;border-color:#f6ecd6;background:rgba(246,236,214,.1)}
#fs8-page #fs8-hero a[href*="/price/"]:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6;box-shadow:0 0 24px rgba(246,236,214,.28)}
#fs8-page #fs8-hero a[href*="/demo/"]:hover{background:var(--gold1,#d6b374);border-color:var(--gold1,#d6b374);color:#1c1712;box-shadow:0 8px 28px rgba(214,179,116,.35)}
/* ===== پنجره‌ی نمایش بزرگ تصویر: نام تب زیر تصویر + فلش قبلی/بعدی + دکمه‌ی بستن ===== */
#fs8-page #lightbox{background:rgba(28,23,18,.9);padding:56px 76px 24px;flex-direction:column}
#fs8-page #lightbox .lb-fig{margin:0;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}
#fs8-page #lightbox .lb-fig img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 20px 60px -20px rgba(0,0,0,.7)}
#fs8-page #lightbox figcaption{color:#f6ecd6;font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;text-align:center;max-width:min(90vw,720px)}
#fs8-page #lightbox .lb-x,#fs8-page #lightbox .lb-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(246,236,214,.4);background:rgba(246,236,214,.12);color:#f6ecd6;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#fs8-page #lightbox .lb-x{top:14px;left:14px}
#fs8-page #lightbox .lb-nav{top:50%;margin-top:-22px}
#fs8-page #lightbox .lb-prev{right:14px}
#fs8-page #lightbox .lb-next{left:14px}
#fs8-page #lightbox .lb-x:hover,#fs8-page #lightbox .lb-nav:hover{background:#f6ecd6;color:#2b2118;border-color:#f6ecd6}
#fs8-page #lightbox .lb-x:focus-visible,#fs8-page #lightbox .lb-nav:focus-visible{outline:2px solid var(--gold1,#d6b374);outline-offset:3px}
@media (max-width:639px){
 #fs8-page #lightbox{padding:60px 12px 84px}
 #fs8-page #lightbox .lb-fig img{max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
 #fs8-page #lightbox .lb-nav{top:auto;bottom:20px;margin-top:0}
 #fs8-page #lightbox .lb-prev{right:16px}
 #fs8-page #lightbox .lb-next{left:16px}
 #fs8-page #lightbox figcaption{max-width:calc(100vw - 150px)}
}
#fs8-page input::placeholder,#fs8-page textarea::placeholder{opacity:1}


/* متن مقاله‌ی انتهای صفحه «اتوماسیون تغذیه»: از Word با فونت Calibri و اندازه pt وارد شده بود؛
   اینجا هم‌فونت و هم‌اندازه با بقیه‌ی سکشن‌ها (Vazirmatn، رنگ سرمه‌ای) می‌شود. فاصله‌ها دست‌نخورده‌اند. */
#fs8-page .about-sol-html{color:var(--nv,#0A2745);font-size:16px;line-height:1.75;font-weight:400}
#fs8-page .about-sol-html,
#fs8-page .about-sol-html *{font-family:'Vazirmatn',Tahoma,sans-serif!important}
#fs8-page .about-sol-html p span{font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;color:inherit!important}
#fs8-page .about-sol-html h2,
#fs8-page .about-sol-html h2 span{font-size:20px!important;line-height:1.7!important;font-weight:700!important;color:var(--nv,#0A2745)!important}
#fs8-page .about-sol-html h2{margin:24px 0 8px}
#fs8-page .about-sol-html h2:first-child{margin-top:0}
@media (min-width:640px){
 #fs8-page .about-sol-html{font-size:18px}
 #fs8-page .about-sol-html h2,#fs8-page .about-sol-html h2 span{font-size:24px!important}
}


/* محتوای انتهای صفحه‌ی اتوماسیون تغذیه: هم‌استایل با سکشن «درباره سول» در صفحه‌ی اصلی؛ بولت‌ها با رنگ پالت (طلایی) */
#fs8-page #fs8-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#fs8-page #fs8-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#fs8-page #fs8-about *{box-sizing:border-box}
#fs8-page #fs8-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#fs8-page #fs8-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#fs8-page #fs8-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#fs8-page #fs8-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#fs8-page #fs8-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#fs8-page #fs8-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#fs8-page #fs8-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#fs8-page #fs8-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#fs8-page #fs8-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#fs8-page #fs8-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#fs8-page #fs8-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#fs8-page #fs8-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#fs8-page #fs8-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#fs8-page #fs8-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#fs8-page #fs8-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#fs8-page #fs8-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#fs8-page #fs8-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#fs8-page #fs8-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#fs8-page #fs8-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#fs8-page #fs8-about .seo-more[hidden]{display:none}
#fs8-page #fs8-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#fs8-page #fs8-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#fs8-page #fs8-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#fs8-page #fs8-about.seo-open .seo-fade,#fs8-page #fs8-about:not(.seo-js) .seo-fade{opacity:0}
#fs8-page #fs8-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#fs8-page #fs8-about .seo-ls,#fs8-page #fs8-about .seo-ls.seo-sm{grid-template-columns:1fr}#fs8-page #fs8-about .seo-in p{text-align:start}#fs8-page #fs8-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#fs8-page #fs8-about .seo-body,#fs8-page #fs8-about .seo-ls li,#fs8-page #fs8-about .seo-more,#fs8-page #fs8-about .seo-more i svg,#fs8-page #fs8-about .seo-fade{transition:none!important}}

/* نوار قرمز ناوبری صفحه: چسبان زیر هدر؛ overflow:hidden والد جایگزین clip می‌شود تا sticky کار کند */
#fs8-page > div.overflow-hidden{overflow:visible;overflow-x:clip}
#fs8-page #fs8-images{position:sticky;top:var(--fa-top,0px);z-index:19;transition:box-shadow .25s}
#fs8-page #fs8-images.fa-stuck{box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
#fs8-page section[id^="fa-"]{scroll-margin-top:calc(var(--fa-top,0px) + var(--fa-bar,64px) + 10px)}
/* فاصله‌ی نوار قرمز چسبان با هیرو (بالا) و بخش بعدی (پایین) کم شد؛ برای تغییر، فقط مقدار --fa-gap را عوض کنید */
#fs8-page{--fa-gap:clamp(12px,1.8vw,24px)}
#fs8-page #fs8-images{margin-top:var(--fa-gap)}
#fs8-page #fs8-images > div > div{margin-top:0}
#fs8-page #fs8-images + section{margin-top:var(--fa-gap)}


/* ===== صفحه «دمو و مشاوره رایگان» — مسیر https://sol.ir/demo/ =====
   هیرو و فرم از صفحه‌ی «تماس با ما» (کلاس‌های ct-) و نوار «مورد اعتماد بیش از ۱۰۰۰ برند» از صفحه‌ی «درباره ما» می‌آید. */
#demo-page[hidden]{display:none}
#demo-page .dm-pk{grid-column:1/-1;padding:14px 16px;border-radius:16px;background:color-mix(in srgb,var(--gold1,#d6b374) 16%,transparent);border:1px dashed var(--gold2,#b8863b);display:flex;flex-direction:column;gap:10px}
#demo-page .dm-pk[hidden]{display:none}
#demo-page .dm-pk b{font-size:14px;font-weight:800}
#demo-page .dm-pk small{font-size:12.5px;opacity:.8}
#demo-page .dm-pk-l{display:flex;flex-wrap:wrap;gap:8px}
#demo-page .dm-pk-l span{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;border-radius:99px;background:#f6ecd6;color:#2b2118;border:1px solid #d6b374;font-size:13px;font-weight:700}
#demo-page .dm-pk-l button{width:20px;height:20px;border-radius:50%;line-height:1;font-size:14px;cursor:pointer;background:transparent;color:#2b2118}
#demo-page .dm-pk-l button:hover{background:rgba(43,33,24,.14)}
html.is-demo body>section:not(#mp-sec),
html.is-demo #nl-sec,
html.is-demo #cta-band,
html.is-demo .pgx{display:none!important}
html.is-demo #mp-sec{padding-block:0!important}
html.is-demo #mp-sec{margin:0!important}
#demo-page{--ct-band:color-mix(in srgb,var(--bg2) 62%,var(--bg));--ct-row:color-mix(in srgb,var(--bg2) 58%,var(--bg));
 --ct-light:#e2685a;--ct-cream:#f6ecd6;
 font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink);direction:rtl;display:block;background:var(--sec-alt,#fff);overflow-x:hidden;min-width:0}
#demo-page *{box-sizing:border-box}
#demo-page a{color:inherit;text-decoration:none}
#demo-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#dm-form #dm-m,#dm-form #dm-em{text-align:right}
#dm-form #dm-m:placeholder-shown,#dm-form #dm-em:placeholder-shown{direction:rtl}
/* سکشن فرم دمو: مارجین راست و چپ دقیقاً هم‌اندازه‌ی فوتر (max-width:1920px + padding-inline:var(--sx)) */
#demo-page .ct-wrap{width:100%;max-width:1920px;margin-inline:auto;padding-inline:var(--sx,clamp(24px,5vw,96px))} #demo-page .ct-formcol{width:100%;margin-inline:0} #demo-page .ct-main{padding-top:clamp(20px,2.5vw,36px)}
/* فاصلهٔ قبل از مپ مثل صفحه تماس با ما */
#demo-page .dm-ab section.ab-trust-sec{padding-bottom:clamp(56px,9vw,140px)}
/* فاصله‌ی فرم تا نوار برندها هم‌اندازه‌ی فاصله‌ی بخش‌ها در صفحه‌ی تماس */
#demo-page .dm-ab section.ab-trust-sec,#demo-page .dm-ab section.ab-trust-sec>section{margin-top:0}
@media (prefers-reduced-motion:reduce){#demo-page *{transition:none!important}
 .ct-telic svg,.ct-telic:before,.ct-telic:after{animation:none!important}.ct-telic:before,.ct-telic:after{opacity:0!important}}
/* --- قوانین نوار برندها (همان قوانین صفحه‌ی درباره ما، فقط داخل این صفحه) --- */
#demo-page .dm-ab, #demo-page .dm-ab{
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial,
    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --spacing: 0.25rem;
    --container-xl: 36rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-bold: 700;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-md: 0.375rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --blur-xs: 4px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
#demo-page .dm-ab *, #demo-page .dm-ab ::after, #demo-page .dm-ab ::before, #demo-page .dm-ab ::backdrop, #demo-page .dm-ab ::file-selector-button{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
#demo-page .dm-ab, #demo-page .dm-ab{
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
#demo-page .dm-ab hr{
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
#demo-page .dm-ab abbr:where([title]){
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
#demo-page .dm-ab h1, #demo-page .dm-ab h2, #demo-page .dm-ab h3, #demo-page .dm-ab h4, #demo-page .dm-ab h5, #demo-page .dm-ab h6{
    font-size: inherit;
    font-weight: inherit;
  }
#demo-page .dm-ab a{
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
#demo-page .dm-ab b, #demo-page .dm-ab strong{
    font-weight: bolder;
  }
#demo-page .dm-ab code, #demo-page .dm-ab kbd, #demo-page .dm-ab samp, #demo-page .dm-ab pre{
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
#demo-page .dm-ab small{
    font-size: 80%;
  }
#demo-page .dm-ab sub, #demo-page .dm-ab sup{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
#demo-page .dm-ab sub{
    bottom: -0.25em;
  }
#demo-page .dm-ab sup{
    top: -0.5em;
  }
#demo-page .dm-ab table{
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
#demo-page .dm-ab :-moz-focusring:where(:not(iframe)){
    outline: auto;
  }
#demo-page .dm-ab progress{
    vertical-align: baseline;
  }
#demo-page .dm-ab summary{
    display: list-item;
  }
#demo-page .dm-ab ol, #demo-page .dm-ab ul, #demo-page .dm-ab menu{
    list-style: none;
  }
#demo-page .dm-ab img, #demo-page .dm-ab svg, #demo-page .dm-ab video, #demo-page .dm-ab canvas, #demo-page .dm-ab audio, #demo-page .dm-ab iframe, #demo-page .dm-ab embed, #demo-page .dm-ab object{
    display: block;
    vertical-align: middle;
  }
#demo-page .dm-ab img, #demo-page .dm-ab video{
    max-width: 100%;
    height: auto;
  }
#demo-page .dm-ab button, #demo-page .dm-ab input, #demo-page .dm-ab select, #demo-page .dm-ab optgroup, #demo-page .dm-ab textarea, #demo-page .dm-ab ::file-selector-button{
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
#demo-page .dm-ab :where(select:is([multiple], [size])) optgroup{
    font-weight: bolder;
  }
#demo-page .dm-ab :where(select:is([multiple], [size])) optgroup option{
    padding-inline-start: 20px;
  }
#demo-page .dm-ab ::file-selector-button{
    margin-inline-end: 4px;
  }
#demo-page .dm-ab ::placeholder{
    opacity: 1;
  }
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px){#demo-page .dm-ab ::placeholder{
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }}
#demo-page .dm-ab textarea{
    resize: vertical;
  }
#demo-page .dm-ab ::-webkit-search-decoration{
    -webkit-appearance: none;
  }
#demo-page .dm-ab ::-webkit-date-and-time-value{
    min-height: 1lh;
    text-align: inherit;
  }
#demo-page .dm-ab ::-webkit-datetime-edit{
    display: inline-flex;
  }
#demo-page .dm-ab ::-webkit-datetime-edit-fields-wrapper{
    padding: 0;
  }
#demo-page .dm-ab ::-webkit-datetime-edit, #demo-page .dm-ab ::-webkit-datetime-edit-year-field, #demo-page .dm-ab ::-webkit-datetime-edit-month-field, #demo-page .dm-ab ::-webkit-datetime-edit-day-field, #demo-page .dm-ab ::-webkit-datetime-edit-hour-field, #demo-page .dm-ab ::-webkit-datetime-edit-minute-field, #demo-page .dm-ab ::-webkit-datetime-edit-second-field, #demo-page .dm-ab ::-webkit-datetime-edit-millisecond-field, #demo-page .dm-ab ::-webkit-datetime-edit-meridiem-field{
    padding-block: 0;
  }
#demo-page .dm-ab ::-webkit-calendar-picker-indicator{
    line-height: 1;
  }
#demo-page .dm-ab :-moz-ui-invalid{
    box-shadow: none;
  }
#demo-page .dm-ab button, #demo-page .dm-ab input:where([type='button'], [type='reset'], [type='submit']), #demo-page .dm-ab ::file-selector-button{
    appearance: button;
  }
#demo-page .dm-ab ::-webkit-inner-spin-button, #demo-page .dm-ab ::-webkit-outer-spin-button{
    height: auto;
  }
#demo-page .dm-ab [hidden]:where(:not([hidden='until-found'])){
    display: none !important;
  }
#demo-page .dm-ab .absolute{
    position: absolute;
  }
#demo-page .dm-ab .relative{
    position: relative;
  }
#demo-page .dm-ab .-top-7{
    top: calc(var(--spacing) * -7);
  }
#demo-page .dm-ab .left-\[35\%\]{
    left: 35%;
  }
#demo-page .dm-ab .z-10{
    z-index: 10;
  }
#demo-page .dm-ab .z-20{
    z-index: 20;
  }
#demo-page .dm-ab .mx-auto{
    margin-inline: auto;
  }
#demo-page .dm-ab .mt-2{
    margin-top: calc(var(--spacing) * 2);
  }
#demo-page .dm-ab .mt-6{
    margin-top: calc(var(--spacing) * 6);
  }
#demo-page .dm-ab .mt-16{
    margin-top: calc(var(--spacing) * 16);
  }
#demo-page .dm-ab .mt-20{
    margin-top: calc(var(--spacing) * 20);
  }
#demo-page .dm-ab .mt-24{
    margin-top: calc(var(--spacing) * 24);
  }
#demo-page .dm-ab .mb-1{
    margin-bottom: var(--spacing);
  }
#demo-page .dm-ab .mb-2{
    margin-bottom: calc(var(--spacing) * 2);
  }
#demo-page .dm-ab .mb-4{
    margin-bottom: calc(var(--spacing) * 4);
  }
#demo-page .dm-ab .flex{
    display: flex;
  }
#demo-page .dm-ab .grid{
    display: grid;
  }
#demo-page .dm-ab .hidden{
    display: none;
  }
#demo-page .dm-ab .inline-flex{
    display: inline-flex;
  }
#demo-page .dm-ab .aspect-4\/3{
    aspect-ratio: 4/3;
  }
#demo-page .dm-ab .h-5{
    height: calc(var(--spacing) * 5);
  }
#demo-page .dm-ab .h-8{
    height: calc(var(--spacing) * 8);
  }
#demo-page .dm-ab .h-10{
    height: calc(var(--spacing) * 10);
  }
#demo-page .dm-ab .h-14{
    height: calc(var(--spacing) * 14);
  }
#demo-page .dm-ab .h-16{
    height: calc(var(--spacing) * 16);
  }
#demo-page .dm-ab .h-20{
    height: calc(var(--spacing) * 20);
  }
#demo-page .dm-ab .h-44{
    height: calc(var(--spacing) * 44);
  }
#demo-page .dm-ab .h-56{
    height: calc(var(--spacing) * 56);
  }
#demo-page .dm-ab .h-72{
    height: calc(var(--spacing) * 72);
  }
#demo-page .dm-ab .h-auto{
    height: auto;
  }
#demo-page .dm-ab .h-full{
    height: 100%;
  }
#demo-page .dm-ab .min-h-screen{
    min-height: 100vh;
  }
#demo-page .dm-ab .w-5{
    width: calc(var(--spacing) * 5);
  }
#demo-page .dm-ab .w-8{
    width: calc(var(--spacing) * 8);
  }
#demo-page .dm-ab .w-10{
    width: calc(var(--spacing) * 10);
  }
#demo-page .dm-ab .w-14{
    width: calc(var(--spacing) * 14);
  }
#demo-page .dm-ab .w-16{
    width: calc(var(--spacing) * 16);
  }
#demo-page .dm-ab .w-20{
    width: calc(var(--spacing) * 20);
  }
#demo-page .dm-ab .w-30{
    width: calc(var(--spacing) * 30);
  }
#demo-page .dm-ab .w-44{
    width: calc(var(--spacing) * 44);
  }
#demo-page .dm-ab .w-56{
    width: calc(var(--spacing) * 56);
  }
#demo-page .dm-ab .w-auto{
    width: auto;
  }
#demo-page .dm-ab .w-full{
    width: 100%;
  }
#demo-page .dm-ab .max-w-4xl{
    max-width: var(--container-4xl);
  }
#demo-page .dm-ab .max-w-5xl{
    max-width: var(--container-5xl);
  }
#demo-page .dm-ab .max-w-\[88\%\]{
    max-width: 88%;
  }
#demo-page .dm-ab .max-w-full{
    max-width: 100%;
  }
#demo-page .dm-ab .max-w-xl{
    max-width: var(--container-xl);
  }
#demo-page .dm-ab .min-w-full{
    min-width: 100%;
  }
#demo-page .dm-ab .flex-1{
    flex: 1;
  }
#demo-page .dm-ab .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#demo-page .dm-ab .flex-shrink-0{
    flex-shrink: 0;
  }
#demo-page .dm-ab .shrink-0{
    flex-shrink: 0;
  }
#demo-page .dm-ab .translate-x-44{
    --tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#demo-page .dm-ab .translate-y-14{
    --tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
#demo-page .dm-ab .cursor-pointer{
    cursor: pointer;
  }
#demo-page .dm-ab .grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
#demo-page .dm-ab .flex-col{
    flex-direction: column;
  }
#demo-page .dm-ab .flex-col-reverse{
    flex-direction: column-reverse;
  }
#demo-page .dm-ab .flex-row-reverse{
    flex-direction: row-reverse;
  }
#demo-page .dm-ab .flex-wrap{
    flex-wrap: wrap;
  }
#demo-page .dm-ab .items-center{
    align-items: center;
  }
#demo-page .dm-ab .items-start{
    align-items: flex-start;
  }
#demo-page .dm-ab .items-stretch{
    align-items: stretch;
  }
#demo-page .dm-ab .justify-around{
    justify-content: space-around;
  }
#demo-page .dm-ab .justify-between{
    justify-content: space-between;
  }
#demo-page .dm-ab .justify-center{
    justify-content: center;
  }
#demo-page .dm-ab .justify-end{
    justify-content: flex-end;
  }
#demo-page .dm-ab .justify-start{
    justify-content: flex-start;
  }
#demo-page .dm-ab .gap-2{
    gap: calc(var(--spacing) * 2);
  }
#demo-page .dm-ab .gap-3{
    gap: calc(var(--spacing) * 3);
  }
#demo-page .dm-ab .gap-4{
    gap: calc(var(--spacing) * 4);
  }
#demo-page .dm-ab .gap-6{
    gap: calc(var(--spacing) * 6);
  }
#demo-page .dm-ab .gap-8{
    gap: calc(var(--spacing) * 8);
  }
#demo-page .dm-ab .gap-12{
    gap: calc(var(--spacing) * 12);
  }
#demo-page .dm-ab :where(.space-y-2 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
#demo-page .dm-ab .overflow-hidden{
    overflow: hidden;
  }
#demo-page .dm-ab .overflow-visible{
    overflow: visible;
  }
#demo-page .dm-ab .rounded-2xl{
    border-radius: var(--radius-2xl);
  }
#demo-page .dm-ab .rounded-3xl{
    border-radius: var(--radius-3xl);
  }
#demo-page .dm-ab .rounded-\[50px\]{
    border-radius: 50px;
  }
#demo-page .dm-ab .rounded-full{
    border-radius: calc(infinity * 1px);
  }
#demo-page .dm-ab .rounded-md{
    border-radius: var(--radius-md);
  }
#demo-page .dm-ab .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#demo-page .dm-ab .border-1{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#demo-page .dm-ab .border-2{
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
#demo-page .dm-ab .border-dashed{
    --tw-border-style: dashed;
    border-style: dashed;
  }
#demo-page .dm-ab .border-ab-acc{
    border-color: var(--acc, #a9322b);
  }
#demo-page .dm-ab .border-ab-gold\/45{
    border-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#demo-page .dm-ab .border-transparent{
    border-color: transparent;
  }
#demo-page .dm-ab .bg-ab-acc{
    background-color: var(--acc, #a9322b);
  }
#demo-page .dm-ab .bg-ab-band{
    background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }
  }
#demo-page .dm-ab .bg-ab-bg2{
    background-color: var(--bg2);
  }
#demo-page .dm-ab .bg-ab-card{
    background-color: var(--card);
  }
#demo-page .dm-ab .bg-ab-gold\/30{
    background-color: color-mix(in oklab, #d6b374 30%, transparent);
  }
#demo-page .dm-ab .bg-ab-nv{
    background-color: var(--nv, #2b2118);
  }
#demo-page .dm-ab .bg-transparent{
    background-color: transparent;
  }
#demo-page .dm-ab .object-contain{
    object-fit: contain;
  }
#demo-page .dm-ab .object-cover{
    object-fit: cover;
  }
#demo-page .dm-ab .p-1{
    padding: var(--spacing);
  }
#demo-page .dm-ab .p-3{
    padding: calc(var(--spacing) * 3);
  }
#demo-page .dm-ab .p-4{
    padding: calc(var(--spacing) * 4);
  }
#demo-page .dm-ab .p-6{
    padding: calc(var(--spacing) * 6);
  }
#demo-page .dm-ab .px-2{
    padding-inline: calc(var(--spacing) * 2);
  }
#demo-page .dm-ab .px-3{
    padding-inline: calc(var(--spacing) * 3);
  }
#demo-page .dm-ab .px-4{
    padding-inline: calc(var(--spacing) * 4);
  }
#demo-page .dm-ab .px-6{
    padding-inline: calc(var(--spacing) * 6);
  }
#demo-page .dm-ab .px-8{
    padding-inline: calc(var(--spacing) * 8);
  }
#demo-page .dm-ab .py-2{
    padding-block: calc(var(--spacing) * 2);
  }
#demo-page .dm-ab .py-3{
    padding-block: calc(var(--spacing) * 3);
  }
#demo-page .dm-ab .py-5{
    padding-block: calc(var(--spacing) * 5);
  }
#demo-page .dm-ab .py-10{
    padding-block: calc(var(--spacing) * 10);
  }
#demo-page .dm-ab .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#demo-page .dm-ab .pt-24{
    padding-top: calc(var(--spacing) * 24);
  }
#demo-page .dm-ab .pr-6{
    padding-right: calc(var(--spacing) * 6);
  }
#demo-page .dm-ab .pb-4{
    padding-bottom: calc(var(--spacing) * 4);
  }
#demo-page .dm-ab .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#demo-page .dm-ab .text-center{
    text-align: center;
  }
#demo-page .dm-ab .text-justify{
    text-align: justify;
  }
#demo-page .dm-ab .text-right{
    text-align: right;
  }
#demo-page .dm-ab .text-2xl{
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
#demo-page .dm-ab .text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
#demo-page .dm-ab .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#demo-page .dm-ab .text-5xl{
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
#demo-page .dm-ab .text-base{
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
#demo-page .dm-ab .text-lg{
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
#demo-page .dm-ab .text-sm{
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
#demo-page .dm-ab .text-xl{
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
#demo-page .dm-ab .text-xs{
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
#demo-page .dm-ab .leading-\[40px\]{
    --tw-leading: 40px;
    line-height: 40px;
  }
#demo-page .dm-ab .leading-loose{
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);
  }
#demo-page .dm-ab .leading-relaxed{
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
#demo-page .dm-ab .leading-snug{
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
#demo-page .dm-ab .font-bold{
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
#demo-page .dm-ab .tracking-\[0\]{
    --tw-tracking: 0;
    letter-spacing: 0;
  }
#demo-page .dm-ab .whitespace-nowrap{
    white-space: nowrap;
  }
#demo-page .dm-ab .text-ab-acc{
    color: var(--acc, #a9322b);
  }
#demo-page .dm-ab .text-ab-cream{
    color: #f6ecd6;
  }
#demo-page .dm-ab .text-ab-ink{
    color: var(--ink);
  }
#demo-page .dm-ab .text-ab-mut{
    color: var(--mut);
  }
#demo-page .dm-ab .text-ab-onacc{
    color: var(--on-acc, #fff);
  }
#demo-page .dm-ab .accent-ab-cream{
    accent-color: #f6ecd6;
  }
#demo-page .dm-ab .shadow-md{
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
#demo-page .dm-ab .transition-all{
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
#demo-page .dm-ab .transition-colors{
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
#demo-page .dm-ab .transition-transform{
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
#demo-page .dm-ab .duration-200{
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
#demo-page .dm-ab .duration-300{
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
#demo-page .dm-ab .ease-out{
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
#demo-page .dm-ab .will-change-transform{
    will-change: transform;
  }
#demo-page .dm-ab .select-none{
    -webkit-user-select: none;
    user-select: none;
  }
@media (hover: hover){#demo-page .dm-ab .group-hover\:absolute:is(:where(.group):hover *){
      position: absolute;
    }
#demo-page .dm-ab .group-hover\:flex:is(:where(.group):hover *){
      display: flex;
    }
#demo-page .dm-ab .group-hover\:scale-110:is(:where(.group):hover *){
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
#demo-page .dm-ab .group-hover\:bg-ab-bg2:is(:where(.group):hover *){
      background-color: var(--bg2);
    }
#demo-page .dm-ab .group-hover\:bg-ab-nv:is(:where(.group):hover *){
      background-color: var(--nv, #2b2118);
    }
#demo-page .dm-ab .group-hover\:text-ab-acc:is(:where(.group):hover *){
      color: var(--acc, #a9322b);
    }
#demo-page .dm-ab .group-hover\:text-ab-cream:is(:where(.group):hover *){
      color: #f6ecd6;
    }
#demo-page .dm-ab .group-hover\:blur-xs:is(:where(.group):hover *){
      --tw-blur: blur(var(--blur-xs));
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }}
#demo-page .dm-ab .placeholder\:text-ab-cream::placeholder{
    color: #f6ecd6;
  }
@media (hover: hover){#demo-page .dm-ab .hover\:scale-105:hover{
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
#demo-page .dm-ab .hover\:scale-130:hover{
      --tw-scale-x: 130%;
      --tw-scale-y: 130%;
      --tw-scale-z: 130%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
#demo-page .dm-ab .hover\:border-ab-acc:hover{
      border-color: var(--acc, #a9322b);
    }
#demo-page .dm-ab .hover\:border-ab-cream:hover{
      border-color: #f6ecd6;
    }
#demo-page .dm-ab .hover\:bg-ab-acc-d:hover{
      background-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#demo-page .dm-ab .hover\:bg-ab-acc-d:hover{
        background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);
      }}
#demo-page .dm-ab .hover\:bg-ab-bg2:hover{
      background-color: var(--bg2);
    }
#demo-page .dm-ab .hover\:text-ab-ink:hover{
      color: var(--ink);
    }
#demo-page .dm-ab .hover\:underline:hover{
      text-decoration-line: underline;
    }
#demo-page .dm-ab .hover\:opacity-50:hover{
      opacity: 50%;
    }
#demo-page .dm-ab .hover\:shadow-lg:hover{
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
#demo-page .dm-ab .hover\:shadow-ab-acc\/30:hover{
      --tw-shadow-color: var(--acc, #a9322b);
    }
@supports (color: color-mix(in lab, red, red)){#demo-page .dm-ab .hover\:shadow-ab-acc\/30:hover{
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }}}
#demo-page .dm-ab .focus\:bg-ab-gold\/45:focus{
    background-color: color-mix(in oklab, #d6b374 45%, transparent);
  }
#demo-page .dm-ab .focus\:outline-none:focus{
    --tw-outline-style: none;
    outline-style: none;
  }
#demo-page .dm-ab .focus-visible\:ring-2:focus-visible{
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
#demo-page .dm-ab .focus-visible\:ring-ab-acc:focus-visible{
    --tw-ring-color: var(--acc, #a9322b);
  }
#demo-page .dm-ab .focus-visible\:ring-ab-cream:focus-visible{
    --tw-ring-color: #f6ecd6;
  }
#demo-page .dm-ab .focus-visible\:ring-offset-2:focus-visible{
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
#demo-page .dm-ab .focus-visible\:ring-offset-ab-nv:focus-visible{
    --tw-ring-offset-color: var(--nv, #2b2118);
  }
#demo-page .dm-ab .focus-visible\:outline-none:focus-visible{
    --tw-outline-style: none;
    outline-style: none;
  }
#demo-page .dm-ab .active\:scale-\[0\.98\]:active{
    scale: 0.98;
  }
#demo-page .dm-ab .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#demo-page .dm-ab .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#demo-page .dm-ab .sm\:mt-8{
      margin-top: calc(var(--spacing) * 8);
    }
#demo-page .dm-ab .sm\:aspect-auto{
      aspect-ratio: auto;
    }
#demo-page .dm-ab .sm\:h-6{
      height: calc(var(--spacing) * 6);
    }
#demo-page .dm-ab .sm\:h-9{
      height: calc(var(--spacing) * 9);
    }
#demo-page .dm-ab .sm\:h-12{
      height: calc(var(--spacing) * 12);
    }
#demo-page .dm-ab .sm\:h-24{
      height: calc(var(--spacing) * 24);
    }
#demo-page .dm-ab .sm\:h-56{
      height: calc(var(--spacing) * 56);
    }
#demo-page .dm-ab .sm\:h-96{
      height: calc(var(--spacing) * 96);
    }
#demo-page .dm-ab .sm\:w-6{
      width: calc(var(--spacing) * 6);
    }
#demo-page .dm-ab .sm\:w-9{
      width: calc(var(--spacing) * 9);
    }
#demo-page .dm-ab .sm\:w-12{
      width: calc(var(--spacing) * 12);
    }
#demo-page .dm-ab .sm\:w-24{
      width: calc(var(--spacing) * 24);
    }
#demo-page .dm-ab .sm\:min-w-\[120px\]{
      min-width: 120px;
    }
#demo-page .dm-ab .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }
#demo-page .dm-ab .sm\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#demo-page .dm-ab .sm\:items-center{
      align-items: center;
    }
#demo-page .dm-ab .sm\:gap-3{
      gap: calc(var(--spacing) * 3);
    }
#demo-page .dm-ab .sm\:gap-5{
      gap: calc(var(--spacing) * 5);
    }
#demo-page .dm-ab .sm\:gap-6{
      gap: calc(var(--spacing) * 6);
    }
#demo-page .dm-ab .sm\:gap-8{
      gap: calc(var(--spacing) * 8);
    }
#demo-page .dm-ab .sm\:gap-12{
      gap: calc(var(--spacing) * 12);
    }
#demo-page .dm-ab .sm\:rounded-\[36px\]{
      border-radius: 36px;
    }
#demo-page .dm-ab .sm\:p-4{
      padding: calc(var(--spacing) * 4);
    }
#demo-page .dm-ab .sm\:p-8{
      padding: calc(var(--spacing) * 8);
    }
#demo-page .dm-ab .sm\:px-4{
      padding-inline: calc(var(--spacing) * 4);
    }
#demo-page .dm-ab .sm\:px-6{
      padding-inline: calc(var(--spacing) * 6);
    }
#demo-page .dm-ab .sm\:px-10{
      padding-inline: calc(var(--spacing) * 10);
    }
#demo-page .dm-ab .sm\:py-3\.5{
      padding-block: calc(var(--spacing) * 3.5);
    }
#demo-page .dm-ab .sm\:text-2xl{
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
#demo-page .dm-ab .sm\:text-3xl{
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
#demo-page .dm-ab .sm\:text-base{
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
#demo-page .dm-ab .sm\:text-lg{
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
#demo-page .dm-ab .sm\:text-sm{
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }}
@media (width >= 48rem){#demo-page .dm-ab .md\:mt-50{
      margin-top: calc(var(--spacing) * 50);
    }
#demo-page .dm-ab .md\:ml-4{
      margin-left: calc(var(--spacing) * 4);
    }
#demo-page .dm-ab .md\:flex{
      display: flex;
    }
#demo-page .dm-ab .md\:h-10{
      height: calc(var(--spacing) * 10);
    }
#demo-page .dm-ab .md\:h-28{
      height: calc(var(--spacing) * 28);
    }
#demo-page .dm-ab .md\:w-10{
      width: calc(var(--spacing) * 10);
    }
#demo-page .dm-ab .md\:w-28{
      width: calc(var(--spacing) * 28);
    }
#demo-page .dm-ab .md\:min-w-\[130px\]{
      min-width: 130px;
    }
#demo-page .dm-ab .md\:flex-1{
      flex: 1;
    }
#demo-page .dm-ab .md\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#demo-page .dm-ab .md\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#demo-page .dm-ab .md\:flex-row{
      flex-direction: row;
    }
#demo-page .dm-ab .md\:gap-4{
      gap: calc(var(--spacing) * 4);
    }
#demo-page .dm-ab .md\:gap-6{
      gap: calc(var(--spacing) * 6);
    }
#demo-page .dm-ab .md\:gap-10{
      gap: calc(var(--spacing) * 10);
    }
#demo-page .dm-ab .md\:gap-16{
      gap: calc(var(--spacing) * 16);
    }
#demo-page .dm-ab .md\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#demo-page .dm-ab .md\:p-5{
      padding: calc(var(--spacing) * 5);
    }
#demo-page .dm-ab .md\:p-10{
      padding: calc(var(--spacing) * 10);
    }
#demo-page .dm-ab .md\:px-5{
      padding-inline: calc(var(--spacing) * 5);
    }
#demo-page .dm-ab .md\:px-12{
      padding-inline: calc(var(--spacing) * 12);
    }
#demo-page .dm-ab .md\:px-44{
      padding-inline: calc(var(--spacing) * 44);
    }
#demo-page .dm-ab .md\:py-0{
      padding-block: 0px;
    }
#demo-page .dm-ab .md\:py-3{
      padding-block: calc(var(--spacing) * 3);
    }
#demo-page .dm-ab .md\:py-4{
      padding-block: calc(var(--spacing) * 4);
    }
#demo-page .dm-ab .md\:pt-84{
      padding-top: calc(var(--spacing) * 84);
    }
#demo-page .dm-ab .md\:text-justify{
      text-align: justify;
    }
#demo-page .dm-ab .md\:text-3xl{
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
#demo-page .dm-ab .md\:text-4xl{
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
#demo-page .dm-ab .md\:text-base{
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
#demo-page .dm-ab .md\:text-lg{
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
#demo-page .dm-ab .md\:text-xl{
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
#demo-page .dm-ab .md\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 64rem){#demo-page .dm-ab .lg\:ml-8{
      margin-left: calc(var(--spacing) * 8);
    }
#demo-page .dm-ab .lg\:h-32{
      height: calc(var(--spacing) * 32);
    }
#demo-page .dm-ab .lg\:h-44{
      height: calc(var(--spacing) * 44);
    }
#demo-page .dm-ab .lg\:h-72{
      height: calc(var(--spacing) * 72);
    }
#demo-page .dm-ab .lg\:h-\[550px\]{
      height: 550px;
    }
#demo-page .dm-ab .lg\:w-32{
      width: calc(var(--spacing) * 32);
    }
#demo-page .dm-ab .lg\:translate-y-8{
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
#demo-page .dm-ab .lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
#demo-page .dm-ab .lg\:flex-row{
      flex-direction: row;
    }
#demo-page .dm-ab .lg\:gap-12{
      gap: calc(var(--spacing) * 12);
    }
#demo-page .dm-ab .lg\:gap-20{
      gap: calc(var(--spacing) * 20);
    }
#demo-page .dm-ab .lg\:p-12{
      padding: calc(var(--spacing) * 12);
    }
#demo-page .dm-ab .lg\:px-16{
      padding-inline: calc(var(--spacing) * 16);
    }
#demo-page .dm-ab .lg\:px-32{
      padding-inline: calc(var(--spacing) * 32);
    }
#demo-page .dm-ab .lg\:py-24{
      padding-block: calc(var(--spacing) * 24);
    }
#demo-page .dm-ab .lg\:text-5xl{
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
#demo-page .dm-ab .lg\:text-lg{
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
#demo-page .dm-ab .lg\:leading-\[70px\]{
      --tw-leading: 70px;
      line-height: 70px;
    }}
@media (width >= 80rem){#demo-page .dm-ab .xl\:mt-50{
      margin-top: calc(var(--spacing) * 50);
    }
#demo-page .dm-ab .xl\:ml-10{
      margin-left: calc(var(--spacing) * 10);
    }
#demo-page .dm-ab .xl\:h-1\/3{
      height: calc(1 / 3 * 100%);
    }
#demo-page .dm-ab .xl\:h-\[50vh\]{
      height: 50vh;
    }
#demo-page .dm-ab .xl\:h-auto{
      height: auto;
    }
#demo-page .dm-ab .xl\:w-1\/2{
      width: calc(1 / 2 * 100%);
    }
#demo-page .dm-ab .xl\:w-\[40\%\]{
      width: 40%;
    }
#demo-page .dm-ab .xl\:w-\[70\%\]{
      width: 70%;
    }
#demo-page .dm-ab .xl\:flex-\[0_0_25\%\]{
      flex: 0 0 25%;
    }
#demo-page .dm-ab .xl\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
#demo-page .dm-ab .xl\:flex-row{
      flex-direction: row;
    }
#demo-page .dm-ab .xl\:gap-16{
      gap: calc(var(--spacing) * 16);
    }
#demo-page .dm-ab .xl\:gap-24{
      gap: calc(var(--spacing) * 24);
    }
#demo-page .dm-ab .xl\:px-24{
      padding-inline: calc(var(--spacing) * 24);
    }
#demo-page .dm-ab .xl\:py-0{
      padding-block: 0px;
    }
#demo-page .dm-ab .xl\:pt-16{
      padding-top: calc(var(--spacing) * 16);
    }
#demo-page .dm-ab .xl\:text-\[16px\]{
      font-size: 16px;
    }
#demo-page .dm-ab .xl\:text-\[48px\]{
      font-size: 48px;
    }}
@media (width >= 96rem){#demo-page .dm-ab .\32 xl\:h-10{
      height: calc(var(--spacing) * 10);
    }
#demo-page .dm-ab .\32 xl\:w-12{
      width: calc(var(--spacing) * 12);
    }
#demo-page .dm-ab .\32 xl\:text-2xl{
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
#demo-page .dm-ab .\32 xl\:text-5xl{
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
#demo-page .dm-ab .\32 xl\:text-lg{
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
#demo-page .dm-ab .\32 xl\:text-\[20px\]{
      font-size: 20px;
    }
#demo-page .dm-ab .\32 xl\:text-\[56px\]{
      font-size: 56px;
    }}
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){#demo-page .dm-ab *, #demo-page .dm-ab ::before, #demo-page .dm-ab ::after, #demo-page .dm-ab ::backdrop{
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }}
#demo-page .dm-ab[hidden]{display:none}
#demo-page .dm-ab{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow-x:hidden;min-width:0}
#demo-page .dm-ab .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#demo-page .dm-ab .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#demo-page .dm-ab .semibold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#demo-page .dm-ab .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#demo-page .dm-ab .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#demo-page .dm-ab a{color:inherit;text-decoration:none}
#demo-page .dm-ab :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#demo-page .dm-ab [style*="padding-left:clamp(1rem"]{padding-inline:var(--sx)!important}
#demo-page .dm-ab .ab-demo-sec [style*="padding-left:clamp(1rem"],#demo-page .dm-ab .ab-trust-sec [style*="padding-left:clamp(1rem"]{padding-inline:clamp(1rem,4vw + .5rem,9rem)!important}
#demo-page .dm-ab input::placeholder{opacity:1}
#demo-page .dm-ab input[type=checkbox]{accent-color:var(--gold1)}
#demo-page .dm-ab .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#demo-page .dm-ab .ab-menu.open{display:block}
#demo-page .dm-ab .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#demo-page .dm-ab .ab-menu button:hover, #demo-page .dm-ab .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#demo-page .dm-ab .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#demo-page .dm-ab .ab-msg:empty{display:none}
#demo-page .dm-ab .ab-msg.err{color:#ffb4aa}
#demo-page .dm-ab .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#demo-page .dm-ab .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#demo-page .dm-ab .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#demo-page .dm-ab .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#demo-page .dm-ab .brand-scroll-animation{--g:5rem}}
#demo-page .dm-ab .brand-scroll-animation:hover{animation-play-state:paused}
#demo-page .dm-ab .brand-scroll-animation, #demo-page .dm-ab :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#demo-page .dm-ab *{transition:none!important}
#demo-page .dm-ab .brand-scroll-animation{animation:none}}


/* ----- ابزارک‌های پایه ----- */
#price-page .-mt-24{margin-top:calc(var(--spacing) * -24)}
#price-page .-top-5{top:calc(var(--spacing) * -5)}
#price-page .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#price-page .-translate-y-\[40px\]{--tw-translate-y:calc(40px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#price-page .\[-webkit-overflow-scrolling\:touch\]{-webkit-overflow-scrolling:touch}
#price-page .bg-gradient-to-r{background-image:linear-gradient(to right,var(--acc),color-mix(in srgb,var(--acc) 76%,var(--gold1)))}
#price-page .border-\[\#E5E7EB\]{border-color:var(--line)}
#price-page .flex-\[0_0_100\%\]{flex:0 0 100%}
#price-page .font-semibold{--tw-font-weight:600;font-weight:600}
#price-page .gap-14{gap:calc(var(--spacing) * 14)}
#price-page .h-1\/2{height:calc(1 / 2 * 100%)}
#price-page .h-32{height:calc(var(--spacing) * 32)}
#price-page .h-48{height:calc(var(--spacing) * 48)}
#price-page .h-fit{height:fit-content}
#price-page .hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}
#price-page .left-3{left:calc(var(--spacing) * 3)}
#price-page .mb-12{margin-bottom:calc(var(--spacing) * 12)}
#price-page .min-w-\[120px\]{min-width:120px}
#price-page .mt-12{margin-top:calc(var(--spacing) * 12)}
#price-page .my-16{margin-block:calc(var(--spacing) * 16)}
#price-page .pb-16{padding-bottom:calc(var(--spacing) * 16)}
#price-page .pt-10{padding-top:calc(var(--spacing) * 10)}
#price-page .pt-14{padding-top:calc(var(--spacing) * 14)}
#price-page .pt-5{padding-top:calc(var(--spacing) * 5)}
#price-page .px-1{padding-inline:calc(var(--spacing) * 1)}
#price-page .px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}
#price-page .py-44{padding-block:calc(var(--spacing) * 44)}
#price-page .py-6{padding-block:calc(var(--spacing) * 6)}
#price-page .right-12{right:calc(var(--spacing) * 12)}
#price-page .right-3{right:calc(var(--spacing) * 3)}
#price-page .rounded-\[15px\]{border-radius:15px}
#price-page .scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#price-page .scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#price-page .shadow-\[0_10px_0_0_\#FF4C00\]{--tw-shadow:0 10px 0 0 var(--acc);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#price-page .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#price-page .snap-mandatory{--tw-scroll-snap-strictness:mandatory}
#price-page .snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness,proximity)}
#price-page .w-32{width:calc(var(--spacing) * 32)}
#price-page .w-48{width:calc(var(--spacing) * 48)}
#price-page .z-30{z-index:30}
/* ----- Tailwind scoped (از تم صفحه‌ی اتوماسیون تغذیه) ----- */
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#price-page *,#price-page :before,#price-page :after,#price-page ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:""}}
#price-page,#price-page{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--blur-sm:8px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--pr-soft)}
#price-page *,#price-page :after,#price-page :before,#price-page ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#price-page ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
#price-page,#price-page{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
#price-page hr{height:0;color:inherit;border-top-width:1px}
#price-page abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
#price-page h1,#price-page h2,#price-page h3,#price-page h4,#price-page h5,#price-page h6{font-size:inherit;font-weight:inherit}
#price-page a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
#price-page b,#price-page strong{font-weight:bolder}
#price-page code,#price-page kbd,#price-page samp,#price-page pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
#price-page small{font-size:80%}
#price-page sub,#price-page sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
#price-page sub{bottom:-.25em}
#price-page sup{top:-.5em}
#price-page table{text-indent:0;border-color:inherit;border-collapse:collapse}
#price-page :-moz-focusring:where(:not(iframe)){outline:auto}
#price-page progress{vertical-align:baseline}
#price-page summary{display:list-item}
#price-page ol,#price-page ul,#price-page menu{list-style:none}
#price-page img,#price-page svg,#price-page video,#price-page canvas,#price-page audio,#price-page iframe,#price-page embed,#price-page object{vertical-align:middle;display:block}
#price-page img,#price-page video{max-width:100%;height:auto}
#price-page button,#price-page input,#price-page select,#price-page optgroup,#price-page textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#price-page ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
#price-page :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
#price-page :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
#price-page ::file-selector-button{margin-inline-end:4px}
#price-page ::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#price-page ::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){#price-page ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
#price-page textarea{resize:vertical}
#price-page ::-webkit-search-decoration{-webkit-appearance:none}
#price-page ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
#price-page ::-webkit-datetime-edit{display:inline-flex}
#price-page ::-webkit-datetime-edit-fields-wrapper{padding:0}
#price-page ::-webkit-datetime-edit{padding-block:0}
#price-page ::-webkit-datetime-edit-year-field{padding-block:0}
#price-page ::-webkit-datetime-edit-month-field{padding-block:0}
#price-page ::-webkit-datetime-edit-day-field{padding-block:0}
#price-page ::-webkit-datetime-edit-hour-field{padding-block:0}
#price-page ::-webkit-datetime-edit-minute-field{padding-block:0}
#price-page ::-webkit-datetime-edit-second-field{padding-block:0}
#price-page ::-webkit-datetime-edit-millisecond-field{padding-block:0}
#price-page ::-webkit-datetime-edit-meridiem-field{padding-block:0}
#price-page ::-webkit-calendar-picker-indicator{line-height:1}
#price-page :-moz-ui-invalid{box-shadow:none}
#price-page button,#price-page input:where([type=button],[type=reset],[type=submit]){appearance:button}
#price-page ::file-selector-button{appearance:button}
#price-page ::-webkit-inner-spin-button{height:auto}
#price-page ::-webkit-outer-spin-button{height:auto}
#price-page [hidden]:where(:not([hidden=until-found])){display:none!important}
#price-page{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
#price-page{color:var(--nv);background:#fff;font-family:Vazirmatn,Tahoma,Segoe UI,Arial,sans-serif}
#price-page button,#price-page [role=button],#price-page a{-webkit-tap-highlight-color:transparent}
#price-page img{max-width:100%}
#price-page .absolute{position:absolute}
#price-page .relative{position:relative}
#price-page .mx-1{margin-inline:var(--spacing)}
#price-page .mx-auto{margin-inline:auto}
#price-page .mt-1{margin-top:var(--spacing)}
#price-page .mt-2{margin-top:calc(var(--spacing) * 2)}
#price-page .mt-6{margin-top:calc(var(--spacing) * 6)}
#price-page .mt-24{margin-top:calc(var(--spacing) * 24)}
#price-page .mb-4{margin-bottom:calc(var(--spacing) * 4)}
#price-page .mb-6{margin-bottom:calc(var(--spacing) * 6)}
#price-page .mb-8{margin-bottom:calc(var(--spacing) * 8)}
#price-page .block{display:block}
#price-page .flex{display:flex}
#price-page .grid{display:grid}
#price-page .inline-flex{display:inline-flex}
#price-page .h-5{height:calc(var(--spacing) * 5)}
#price-page .h-10{height:calc(var(--spacing) * 10)}
#price-page .h-12{height:calc(var(--spacing) * 12)}
#price-page .h-16{height:calc(var(--spacing) * 16)}
#price-page .h-auto{height:auto}
#price-page .h-full{height:100%}
#price-page .w-5{width:calc(var(--spacing) * 5)}
#price-page .w-10{width:calc(var(--spacing) * 10)}
#price-page .w-12{width:calc(var(--spacing) * 12)}
#price-page .w-full{width:100%}
#price-page .max-w-4xl{max-width:var(--container-4xl)}
#price-page .min-w-0{min-width:0}
#price-page .shrink-0{flex-shrink:0}
#price-page .cursor-pointer{cursor:pointer}
#price-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#price-page .flex-col{flex-direction:column}
#price-page .flex-row{flex-direction:row}
#price-page .items-center{align-items:center}
#price-page .justify-center{justify-content:center}
#price-page .justify-start{justify-content:flex-start}
#price-page .gap-2{gap:calc(var(--spacing) * 2)}
#price-page .gap-3{gap:calc(var(--spacing) * 3)}
#price-page .gap-4{gap:calc(var(--spacing) * 4)}
#price-page .gap-8{gap:calc(var(--spacing) * 8)}
#price-page :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}
#price-page .overflow-hidden{overflow:hidden}
#price-page .overflow-x-auto{overflow-x:auto}
#price-page .scroll-smooth{scroll-behavior:smooth}
#price-page .rounded-2xl{border-radius:var(--radius-2xl)}
#price-page .rounded-4xl{border-radius:var(--radius-4xl)}
#price-page .rounded-full{border-radius:3.40282e38px}
#price-page .rounded-xl{border-radius:var(--radius-xl)}
#price-page .border-2{border-style:var(--tw-border-style);border-width:2px}
#price-page .border-\[\#FF4C00\]{border-color:var(--acc)}
#price-page .border-transparent{border-color:#0000}
#price-page .bg-\[\#D9DEE2\]{background-color:var(--line)}
#price-page .bg-\[\#FF4C00\]{background-color:var(--acc)}
#price-page .bg-\[\#FFF6F2\]{background-color:var(--pr-soft)}
#price-page .bg-accent{background-color:var(--color-accent)}
#price-page .bg-white{background-color:var(--color-white)}
#price-page .bg-white\/95{background-color:#fffffff2}
@supports (color:color-mix(in lab, red, red)){#price-page .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}
#price-page .object-contain{object-fit:contain}
#price-page .p-2{padding:calc(var(--spacing) * 2)}
#price-page .p-4{padding:calc(var(--spacing) * 4)}
#price-page .p-6{padding:calc(var(--spacing) * 6)}
#price-page .px-3{padding-inline:calc(var(--spacing) * 3)}
#price-page .px-4{padding-inline:calc(var(--spacing) * 4)}
#price-page .px-6{padding-inline:calc(var(--spacing) * 6)}
#price-page .px-8{padding-inline:calc(var(--spacing) * 8)}
#price-page .py-2{padding-block:calc(var(--spacing) * 2)}
#price-page .py-3{padding-block:calc(var(--spacing) * 3)}
#price-page .pb-4{padding-bottom:calc(var(--spacing) * 4)}
#price-page .text-center{text-align:center}
#price-page .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#price-page .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#price-page .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#price-page .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#price-page .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#price-page .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
#price-page .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}
#price-page .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
#price-page .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
#price-page .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
#price-page .tracking-\[0\]{--tw-tracking:0;letter-spacing:0}
#price-page .text-\[\#0A2745\]{color:var(--nv)}
#price-page .text-\[\#FF4C00\]{color:var(--acc)}
#price-page .text-secondary{color:var(--color-secondary)}
#price-page .text-white{color:var(--color-white)}
#price-page .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#price-page .shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#price-page .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#price-page .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}
#price-page .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#price-page .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#price-page .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
#price-page .duration-300{--tw-duration:.3s;transition-duration:.3s}
#price-page .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
#price-page .will-change-transform{will-change:transform}
#price-page .backface-visibility-hidden{backface-visibility:hidden}
@media (hover:hover){#price-page .group-hover\:bg-\[\#0A2745\]:is(:where(.group):hover *){background-color:var(--nv)}
#price-page .group-hover\:text-\[\#FF4C00\]:is(:where(.group):hover *){color:var(--acc)}
#price-page .group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}}
@media (hover:hover){#price-page .hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
#price-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--nv)}
#price-page .hover\:border-\[\#FF4C00\]:hover{border-color:var(--acc)}
#price-page .hover\:bg-\[\#0A2745\]:hover{background-color:var(--nv)}
#price-page .hover\:bg-\[\#E64500\]:hover{background-color:color-mix(in srgb,var(--acc) 82%,#000)}
#price-page .hover\:bg-\[\#FF4C00\]:hover{background-color:var(--acc)}
#price-page .hover\:text-white:hover{color:var(--color-white)}
#price-page .hover\:underline:hover{text-decoration-line:underline}
#price-page .hover\:shadow-\[0_10px_24px_rgba\(10\,39\,69\,0\.14\)\]:hover{--tw-shadow:0 10px 24px var(--tw-shadow-color,#0a274524);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
#price-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
#price-page .focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}
#price-page .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
#price-page .focus-visible\:ring-offset-\[\#FF4C00\]:focus-visible{--tw-ring-offset-color:var(--acc)}
#price-page .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}
@media (min-width:40rem){#price-page .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
#price-page .sm\:mt-8{margin-top:calc(var(--spacing) * 8)}
#price-page .sm\:h-12{height:calc(var(--spacing) * 12)}
#price-page .sm\:h-14{height:calc(var(--spacing) * 14)}
#price-page .sm\:w-12{width:calc(var(--spacing) * 12)}
#price-page .sm\:w-14{width:calc(var(--spacing) * 14)}
#price-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#price-page .sm\:flex-row{flex-direction:row}
#price-page .sm\:gap-4{gap:calc(var(--spacing) * 4)}
#price-page .sm\:gap-6{gap:calc(var(--spacing) * 6)}
#price-page :where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}
#price-page .sm\:p-8{padding:calc(var(--spacing) * 8)}
#price-page .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
#price-page .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
#price-page .sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
#price-page .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
#price-page .sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#price-page .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#price-page .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
#price-page .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}
@media (min-width:48rem){#price-page .md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}
@media (min-width:64rem){#price-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#price-page .lg\:flex-row{flex-direction:row}
#price-page :where(.lg\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}
#price-page .lg\:p-12{padding:calc(var(--spacing) * 12)}
#price-page .lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
#price-page .lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
#price-page .lg\:leading-17\.5{--tw-leading:calc(var(--spacing) * 17.5);line-height:calc(var(--spacing) * 17.5)}
#price-page .lg\:leading-\[70px\]{--tw-leading:70px;line-height:70px}}
@media (min-width:80rem){#price-page .xl\:mt-50{margin-top:calc(var(--spacing) * 50)}
#price-page .xl\:text-\[48px\]{font-size:48px}}
@media (min-width:96rem){#price-page .\32 xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
#price-page .\32 xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}
#price-page .fanum-font,#price-page .regular-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400}
#price-page .bold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:700}
#price-page .extrabold-fanum-font{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800}
#price-page .flex-\[0_0_50\%\]{
    flex: 0 0 50%;
  }
#price-page .border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
#price-page .py-12{
    padding-block: calc(var(--spacing) * 12);
  }
#price-page .pb-12{
    padding-bottom: calc(var(--spacing) * 12);
  }
#price-page .text-4xl{
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
#price-page .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
  }
#price-page .disabled\:opacity-50:disabled{
    opacity: 50%;
  }
@media (width >= 40rem){#price-page .sm\:flex-\[0_0_30\%\]{
      flex: 0 0 30%;
    }}
@media (prefers-reduced-motion:reduce){#price-page *{transition:none!important}}
#price-page{--color-primary:var(--acc);--color-secondary:var(--nv);--color-accent:var(--pr-soft);--color-gray-50:var(--bg);--color-gray-100:var(--pr-soft);--color-gray-200:var(--line);--color-gray-300:var(--line);--color-gray-400:var(--mut);--color-gray-500:var(--mut);--color-gray-600:var(--mut);--color-red-500:var(--bad);--color-green-500:var(--good);--color-green-700:var(--good)}
#price-page{--pr-soft:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #price-page{--pr-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}}
:root[data-theme="dark"] #price-page{--pr-soft:color-mix(in srgb,var(--ink) 11%,var(--sec-alt))}
#price-page[hidden]{display:none}
#price-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#price-page .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#price-page .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#price-page .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#price-page .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#price-page a{color:inherit;text-decoration:none}
#price-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#price-page input[type=checkbox]{accent-color:var(--gold1)}
#price-page .bg-white{background-color:var(--sec-alt)}
#price-page .text-\[\#0A2745\],#price-page .text-secondary{color:var(--ink)}
#price-page .bg-\[\#FF4C00\].text-white{color:var(--on-acc)}
@media (hover:hover){#price-page .hover\:border-\[\#0A2745\]:hover{border-color:var(--ink)}}
#price-page input::placeholder,#price-page textarea::placeholder{opacity:1}
/* ----- حالت‌ها و ریسپانسیو ----- */
#price-page :where(.space-y-20>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)))}
@media (hover:hover){#price-page .disabled\:hover\:bg-white\/95:disabled:hover{background-color:color-mix(in srgb,var(--sec-alt) 95%,transparent)}}
@media (hover:hover){#price-page .disabled\:hover\:shadow-lg:disabled:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (hover:hover){#price-page .hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}}
@media (hover:hover){#price-page .hover\:bg-\[\#FFF6F2\]:hover{background-color:var(--pr-soft)}}
@media (hover:hover){#price-page .hover\:bg-white:hover{background-color:var(--sec-alt)}}
@media (hover:hover){#price-page .hover\:border-\[\#FF4C00\]\/30:hover{border-color:color-mix(in srgb,var(--acc) 30%,transparent)}}
@media (hover:hover){#price-page .hover\:border-white:hover{border-color:var(--sec-alt)}}
@media (hover:hover){#price-page .hover\:shadow-\[0_12px_28px_rgba\(10\,39\,69\,0\.22\)\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 12px 28px rgba(43,33,24,.22), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (hover:hover){#price-page .hover\:shadow-\[0_16px_32px_rgba\(10\,39\,69\,0\.28\)\,0_10px_0_0_\#0A2745\,0_0_24px_rgba\(10\,39\,69\,0\.12\)\]:hover{--tw-shadow:0 16px 32px rgba(43,33,24,.28), 0 10px 0 0 var(--ink), 0 0 24px rgba(43,33,24,.12);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (hover:hover){#price-page .hover\:shadow-\[0_8px_24px_rgba\(10\,39\,69\,0\.25\)\]:hover{--tw-shadow:0 8px 24px rgba(43,33,24,.25);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (hover:hover){#price-page .hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]:hover{--tw-shadow:0 8px 24px color-mix(in srgb,var(--acc) 38%,transparent);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (hover:hover){#price-page .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (hover:hover){#price-page .group-hover\:border-\[\#0A2745\]:is(:where(.group):hover *){border-color:var(--ink)}}
@media (hover:hover){#price-page .group-hover\:border-\[\#FF4C00\]:is(:where(.group):hover *){border-color:var(--acc)}}
@media (hover:hover){#price-page .group-hover\:shadow-\[0_8px_24px_rgba\(255\,76\,0\,0\.35\)\]:is(:where(.group):hover *){--tw-shadow:0 8px 24px color-mix(in srgb,var(--acc) 38%,transparent);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}
@media (hover:hover){#price-page .group-hover\:text-\[\#0A2745\]:is(:where(.group):hover *){color:var(--ink)}}
#price-page .active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}
#price-page .disabled\:opacity-30:disabled{opacity:30%}
@media (min-width:40rem){#price-page .sm\:left-4{left:calc(var(--spacing) * 4)}}
@media (min-width:40rem){#price-page .sm\:min-w-\[140px\]{min-width:140px}}
@media (min-width:40rem){#price-page .sm\:mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}}
@media (min-width:40rem){#price-page .sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}}
@media (min-width:40rem){#price-page .sm\:right-4{right:calc(var(--spacing) * 4)}}
@media (min-width:40rem){#price-page .sm\:w-72{width:calc(var(--spacing) * 72)}}
@media (min-width:40rem){#price-page .sm\:w-auto{width:auto}}
@media (min-width:48rem){#price-page .md\:h-16{height:calc(var(--spacing) * 16)}}
@media (min-width:48rem){#price-page .md\:left-6{left:calc(var(--spacing) * 6)}}
@media (min-width:48rem){#price-page .md\:mt-20{margin-top:calc(var(--spacing) * 20)}}
@media (min-width:48rem){#price-page .md\:p-24{padding:calc(var(--spacing) * 24)}}
@media (min-width:48rem){#price-page .md\:pt-12{padding-top:calc(var(--spacing) * 12)}}
@media (min-width:48rem){#price-page .md\:px-24{padding-inline:calc(var(--spacing) * 24)}}
@media (min-width:48rem){#price-page .md\:right-6{right:calc(var(--spacing) * 6)}}
@media (min-width:48rem){#price-page .md\:w-16{width:calc(var(--spacing) * 16)}}
@media (min-width:64rem){#price-page .lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}
@media (min-width:80rem){#price-page .xl\:flex-\[0_0_12\%\]{flex:0 0 12%}}
@media (min-width:80rem){#price-page .xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:80rem){#price-page .xl\:p-8{padding:calc(var(--spacing) * 8)}}
@media (min-width:80rem){#price-page .xl\:py-16{padding-block:calc(var(--spacing) * 16)}}
@media (min-width:80rem){#price-page .xl\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}
@media (min-width:80rem){#price-page .xl\:w-\[25\.5\%\]{width:25.5%}}
@media (min-width:96rem){#price-page .\32 xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (min-width:96rem){#price-page .\32 xl\:min-h-\[550px\]{min-height:550px}}
@media (min-width:96rem){#price-page .\32 xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}

/* ===== صفحه «قیمت‌ها و پلن‌ها» — مسیر https://sol.ir/price/ =====
   محتوا از صفحه‌ی sol.ir/price است؛ هدر و فوتر همین سایت می‌ماند و فونت Vazirmatn و رنگ‌ها
   (کرم / طلایی / اسپرسو / قرمز آجری) از پالت همین سایت می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#price-page[hidden]{display:none}
#price-page #modules a.mod-link{color:inherit;text-decoration:none;transition:color .3s}
#price-page #modules a.mod-link:hover,#price-page #modules a.mod-link:focus-visible{color:#FF4C00;text-decoration:underline;text-underline-offset:4px}
#price-page #modules a.mod-link:focus-visible{outline:2px solid #FF4C00;outline-offset:3px;border-radius:4px}
html.is-price body>section:not(#mp-sec),
html.is-price #nl-sec,
html.is-price #cta-band,
html.is-price .pgx{display:none!important}
html.is-price #mp-sec{padding-block:0!important;margin:0!important}
#price-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow:visible;overflow-x:clip;min-width:0;padding:0!important}
#price-page a{color:inherit;text-decoration:none}
#price-page :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#price-page .bg-white\/95{background-color:color-mix(in srgb,var(--sec-alt) 95%,transparent)}
#price-page .bg-gradient-to-r.text-white{color:var(--on-acc)}
#price-page .bg-\[\#D9DEE2\]{position:relative}
#price-page .hide-scrollbar::-webkit-scrollbar{display:none}
#price-page [role=tab]{cursor:pointer}
#price-page [role=tablist] button,#price-page [role=tab]{position:relative;z-index:2}
#price-page img[data-nimg=fill]{pointer-events:none}
#price-page button[disabled]{pointer-events:none}
@media (hover:hover){#price-page .hover\:text-white:hover{color:var(--on-acc)}}
/* ظاهر شدن تدریجی بخش‌ها هنگام اسکرول */
#price-page [data-reveal]{opacity:0;transition:opacity .7s ease,transform .7s ease}
#price-page [data-reveal=scale]{transform:scale(.8)}
#price-page [data-reveal].is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){#price-page [data-reveal]{opacity:1;transform:none;transition:none}#price-page *{transition:none!important}}

/* ===== سکشن اول صفحه‌ی قیمت: باند بالایی (تایتل + تب‌ها) جدا از بخش پلن‌ها =====
   رنگ‌ها از پالت سایت: اسپرسو (--nv)، طلایی (--gold1) و کرم؛ در تم تیره هم خودکار هماهنگ می‌مانند. */
#price-page .pr-hero{--pr-cream:#f6ecd6;position:relative;isolation:isolate;overflow:hidden;background:var(--nv);color:var(--pr-cream);text-align:center;padding:clamp(40px,6vw,76px) var(--gx,16px) clamp(28px,4vw,52px);border-bottom:1px solid color-mix(in srgb,var(--gold1) 38%,transparent)}
#price-page .pr-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70% 140% at 50% -25%,color-mix(in srgb,var(--gold1) 24%,transparent),transparent 65%),radial-gradient(45% 100% at 100% 110%,color-mix(in srgb,var(--acc) 20%,transparent),transparent 70%)}
#price-page .pr-hero h1{margin:0 auto;padding:0;max-width:56rem;color:var(--pr-cream);font-size:clamp(1.5rem,1.1rem + 1.8vw,2.5rem);line-height:1.55;text-wrap:balance}
#price-page .pr-hero [role=tablist]{margin:clamp(22px,3vw,36px) auto 0;padding:4px 2px 6px;max-width:1180px;gap:.5rem}
@media (min-width:48rem){#price-page .pr-hero [role=tablist]{flex-wrap:wrap;justify-content:center;overflow:visible;row-gap:.9rem;padding:4px}}
#price-page .pr-tab{font-size:.875rem;line-height:1.4;font-weight:700;min-width:0;white-space:nowrap;padding:.7rem 1.35rem;background:transparent;color:var(--pr-cream);border:1.5px solid color-mix(in srgb,var(--pr-cream) 62%,transparent);box-shadow:none;transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s}
@media (hover:hover){#price-page .pr-tab:not(.pr-tab-on):hover{background:color-mix(in srgb,var(--pr-cream) 12%,transparent);border-color:var(--gold1);color:#fff6e0}}
#price-page .pr-tab.pr-tab-on{background:var(--gold1);border-color:var(--gold1);color:var(--on-gold);box-shadow:0 8px 22px -10px color-mix(in srgb,var(--gold1) 80%,transparent)}
#price-page .pr-hero :focus-visible{outline-color:var(--gold1)}
/* بخش پلن‌ها زیر باند، جدا و با فاصله‌ی مناسب */
#price-page .pr-hero + .w-full{padding-top:clamp(20px,3vw,40px)}
#price-page .pr-hero + .w-full .md\:mt-20{margin-top:0}
/* تب‌های غیر از «تحت وب»: اسلایدها دیگر هم‌قد بلندترین اسلاید (تب تحت وب) نمی‌شوند؛ ارتفاع ناحیه‌ی تب‌ها را اسکریپت روی تب فعال تنظیم می‌کند */
#price-page .pr-hero + .w-full [role=region] > .overflow-hidden > .will-change-transform{align-items:flex-start}
/* فاصله‌ی زیر محتوای هر تب (از جمله تب اول) تا بخش ماژول‌ها یکسان و کم */
#price-page #modules{margin-top:clamp(8px,2vw,24px)}
#price-page .pr-hero + .w-full .pr-first{padding-bottom:clamp(16px,2vw,28px)}
/* لینک نام کسب‌وکارها در بخش «سول؛ سازگار با انواع کسب و کار» */
#price-page a.biz-link{color:inherit;text-decoration:none;transition:color .3s}
#price-page a.biz-link:hover,#price-page a.biz-link:focus-visible{color:#FF4C00;text-decoration:underline;text-underline-offset:4px}
#price-page a.biz-link:focus-visible{outline:2px solid #FF4C00;outline-offset:3px;border-radius:4px}

/* ===== صفحه «پکیج تبلیغاتی رستوران‌ها» — مسیر https://sol.ir/dm/ =====
   فونت Vazirmatn و رنگ‌ها (کرم / طلایی / اسپرسو / قرمز آجری) از پالت همین سایت می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#dg-page[hidden]{display:none}
html.is-dg body>section:not(#mp-sec),html.is-dg #nl-sec,html.is-dg #cta-band,html.is-dg .pgx{display:none!important}
html.is-dg #mp-sec{padding-block:0!important;margin:0!important}
#dg-page{--dk:var(--nv);display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--bg);line-height:1.95;font-size:17px;overflow-x:clip;min-width:0}
#dg-page *{box-sizing:border-box;margin:0}
#dg-page a{color:inherit;text-decoration:none}
#dg-page :focus-visible{outline:3px solid var(--gold1);outline-offset:3px}
#dg-page .dg-wrap{width:min(1200px,92%);margin-inline:auto}
#dg-page section{padding:5.5rem 0}
#dg-page h2{font-size:clamp(1.7rem,3.6vw,2.7rem);font-weight:800;line-height:1.5;margin-bottom:1rem}
#dg-page .dg-wrap{width:min(1200px,92%);margin-inline:auto}
#dg-page .dg-btn{display:inline-block;background:var(--gold1);color:var(--on-gold);font-weight:800;padding:.8rem 1.6rem;border-radius:999px;text-decoration:none;transition:transform .25s,box-shadow .25s}
#dg-page .dg-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px color-mix(in srgb,var(--gold1) 40%,transparent)}
#dg-page .dg-hero{background:radial-gradient(900px 500px at 15% 10%,color-mix(in srgb,var(--gold1) 26%,transparent) 0,transparent 60%),radial-gradient(700px 500px at 90% 90%,color-mix(in srgb,var(--acc) 38%,transparent) 0,transparent 60%),var(--nv);color:#fff6e0;padding:5rem 0 6rem;position:relative;overflow:hidden}
#dg-page .dg-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff14 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(#000,transparent 85%);pointer-events:none}
#dg-page .dg-hero .dg-wrap{position:relative;z-index:1;display:grid;gap:3rem;grid-template-columns:1.15fr .85fr;align-items:center}
#dg-page .dg-hero h1{font-size:clamp(2.2rem,5.5vw,4.4rem);font-weight:900;line-height:1.35;letter-spacing:-.01em}
#dg-page .dg-hero .dg-by{margin:1.2rem 0;font-weight:600;color:var(--gold1)}
#dg-page .dg-hero p.dg-lead{color:#eadfc9;max-width:62ch;font-weight:300}
#dg-page .dg-hero .dg-btn{margin-top:1.6rem}
#dg-page .dg-hero>.dg-wrap>*{animation:dg-rise .9s cubic-bezier(.2,.8,.2,1) both}
#dg-page .dg-hero>.dg-wrap>*:nth-child(2){animation-delay:.2s}
@keyframes dg-rise{from{opacity:0;transform:translateY(30px)}}
#dg-page .dg-badge{aspect-ratio:1;max-width:360px;margin-inline:auto;border-radius:50%;display:grid;place-items:center;text-align:center;background:conic-gradient(from 0deg,var(--gold1),var(--acc),var(--gold1),var(--gold1));padding:10px;animation:dg-spin 24s linear infinite;position:relative}
#dg-page .dg-badge>div{width:100%;height:100%;border-radius:50%;background:var(--nv);display:grid;place-content:center;animation:dg-spin 24s linear infinite reverse;padding:1rem}
#dg-page .dg-badge strong{font-size:clamp(4rem,10vw,6.5rem);font-weight:900;line-height:1;color:var(--gold1)}
#dg-page .dg-badge span{font-weight:600;font-size:1.05rem}
@keyframes dg-spin{to{transform:rotate(1turn)}}
#dg-page section{padding:5.5rem 0}
#dg-page h2{font-size:clamp(1.7rem,3.6vw,2.7rem);font-weight:900;line-height:1.5;margin-bottom:1rem}
#dg-page .dg-sub{color:var(--mut);max-width:70ch;margin-bottom:2.5rem}
#dg-page .dg-journey{background:var(--card);padding:clamp(1.4rem,4vh,3rem) 0;min-height:calc(100svh - 118px);display:flex;align-items:center;position:relative;overflow:hidden}
#dg-page .dg-journey::before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--ink) 16%,transparent) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(70% 75% at 50% 52%,#000,transparent);pointer-events:none}
#dg-page .dg-journey .dg-wrap{position:relative;width:min(1240px,94%)}
#dg-page .dg-journey h2{text-align:center;font-size:clamp(1.5rem,4.2vh,2.5rem);margin-bottom:clamp(.8rem,2.6vh,1.8rem)}
#dg-page .dg-orbit{--gap:clamp(1.4rem,3.6vw,3.6rem);--h:min(64vh,580px);display:grid;grid-template-columns:1fr var(--h) 1fr;gap:var(--gap);align-items:center;height:var(--h)}
#dg-page .dg-goals{list-style:none;padding:0;height:100%;display:grid;grid-template-rows:repeat(4,1fr);gap:clamp(.5rem,1.7vh,.95rem)}
#dg-page .dg-goals li{--ln:var(--gold1);position:relative;display:flex;align-items:center;gap:.9rem;padding:0 1.1rem;border-radius:22px;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 72%,transparent);backdrop-filter:blur(8px);font-weight:700;font-size:clamp(.82rem,1.9vh,1.02rem);line-height:1.75;color:var(--ink);transition:transform .3s,border-color .3s,box-shadow .3s,background .3s}
#dg-page .dg-goals li::before{content:"✓";flex:none;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--gold1);color:var(--on-gold);font-size:.9rem;font-weight:900;transition:scale .6s cubic-bezier(.3,1.7,.5,1) var(--d,0s)}
#dg-page .dg-goals li::after{content:"";position:absolute;top:50%;width:var(--gap);height:2px;opacity:.9;transition:opacity .3s}
#dg-page .dg-gr li::after{inset-inline-end:calc(var(--gap)*-1);background:linear-gradient(to left,transparent,var(--ln) 70%)}
#dg-page .dg-gl li::after{inset-inline-start:calc(var(--gap)*-1);background:linear-gradient(to right,transparent,var(--ln) 70%)}
#dg-page .dg-goals li:hover{--ln:var(--acc);transform:translateY(-3px);border-color:var(--gold1);background:var(--card);box-shadow:0 18px 38px -22px color-mix(in srgb,var(--ink) 55%,transparent)}
#dg-page .dg-goals li:hover::after{opacity:1}
#dg-page .dg-gl li:last-child{background:var(--nv);border-color:var(--nv);color:#fff6e0}
#dg-page .dg-gl li:last-child:hover{background:var(--nv)}
#dg-page .dg-path{position:relative;height:var(--h);aspect-ratio:1;margin:0;padding:0;list-style:none}
#dg-page .dg-path::before{content:"";position:absolute;inset:11%;border-radius:50%;border:2px dashed color-mix(in srgb,var(--gold1) 75%,transparent);animation:dg-spin 50s linear infinite}
#dg-page .dg-path::after{content:"↻";position:absolute;inset:27%;border-radius:50%;display:grid;place-items:center;font-size:clamp(3rem,15vh,7.5rem);line-height:1;color:var(--gold1);background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--nv) 72%,var(--gold1)),var(--nv) 72%);box-shadow:0 34px 70px -32px color-mix(in srgb,var(--nv) 85%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--gold1) 45%,transparent)}
#dg-page .dg-path li{--a:0deg;--k:0;position:absolute;top:50%;left:50%;z-index:2;white-space:nowrap;font-weight:900;font-size:clamp(.9rem,2.5vh,1.3rem);padding:.35em 1.1em;border-radius:999px;background:var(--card);border:1.5px solid var(--line);color:var(--ink);transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(var(--h)*-.39)) rotate(calc(var(--a)*-1));animation:dg-lit 8s infinite;animation-delay:calc(var(--k)*2s)}
#dg-page .dg-path li:nth-child(2){--a:90deg;--k:1}
#dg-page .dg-path li:nth-child(3){--a:180deg;--k:2}
#dg-page .dg-path li:nth-child(4){--a:270deg;--k:3}
@keyframes dg-lit{0%,22%{background:var(--acc);color:var(--on-acc);border-color:var(--acc);box-shadow:0 0 0 .55rem color-mix(in srgb,var(--acc) 22%,transparent)}26%,100%{background:var(--card);color:var(--ink);border-color:var(--line);box-shadow:0 0 0 0 transparent}}
html.dg-js #dg-page .dg-goals li:not(.in)::before{scale:0}
@media(max-width:1000px){#dg-page .dg-journey{min-height:0;padding:3rem 0}#dg-page .dg-orbit{display:flex;flex-direction:column;height:auto;--h:min(86vw,400px);gap:1.2rem}#dg-page .dg-path{order:-1;margin-inline:auto}#dg-page .dg-goals{height:auto;grid-template-rows:none;width:100%}#dg-page .dg-goals li{padding:1rem 1.1rem}#dg-page .dg-goals li::after{display:none}}
#dg-page .dg-stack{display:block;padding-bottom:1rem}
#dg-page .dg-card{--i:0;--bg:var(--nv);--fg:#fff6e0;position:sticky;top:calc(84px + var(--i)*16px);margin-bottom:2.6rem;display:grid;grid-template-columns:.85fr 1.15fr;gap:2.4rem;background:var(--bg);color:var(--fg);border-radius:38px;padding:2.4rem;box-shadow:0 -24px 50px -26px rgba(43,33,24,.4);transform-origin:50% 0;will-change:transform;isolation:isolate;overflow:hidden}
#dg-page .dg-card:nth-child(5n+2){--bg:var(--gold1);--fg:var(--on-gold)}
#dg-page .dg-card:nth-child(5n+3){--bg:var(--gold2);--fg:#fff6e0}
#dg-page .dg-card:nth-child(5n+4){--bg:var(--card);--fg:var(--ink);border:1px solid var(--line)}
#dg-page .dg-card:nth-child(5n){--bg:var(--acc);--fg:var(--on-acc)}
#dg-page .dg-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at var(--x,80%) var(--y,0%),color-mix(in srgb,var(--fg) 16%,transparent),transparent 65%)}
#dg-page .dg-card .dg-n{font-size:clamp(5rem,9vw,8rem);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px var(--fg);opacity:.9;margin-bottom:.5rem}
#dg-page .dg-card h3{font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:900;line-height:1.6;margin-bottom:.7rem}
#dg-page .dg-card p{opacity:.88;font-size:1rem}
#dg-page .dg-card ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.6rem;align-content:center}
#dg-page .dg-card li{font-size:.9rem;line-height:1.8;padding:.4rem 1rem;border-radius:20px;border:1px solid color-mix(in srgb,var(--fg) 35%,transparent);background:color-mix(in srgb,var(--fg) 9%,transparent);transition:transform .25s cubic-bezier(.3,1.6,.5,1),background .2s,color .2s;cursor:default}
#dg-page .dg-card li:hover{transform:translateY(-4px) scale(1.04);background:var(--fg);color:var(--bg)}
#dg-page .dg-process{background:var(--nv);color:#fff6e0}
#dg-page .dg-process .dg-sub{color:#d8c8aa}
#dg-page .dg-steps{counter-reset:s;list-style:none;padding:0;position:relative;display:grid;gap:1rem;max-width:820px;margin-inline:auto}
#dg-page .dg-steps::before{content:"";position:absolute;inset-block:0;inset-inline-start:27px;width:3px;background:linear-gradient(var(--gold1),var(--gold1),var(--acc));border-radius:3px;transform-origin:top;animation:dg-grow linear both;animation-timeline:view();animation-range:entry 10% cover 60%}
@keyframes dg-grow{from{transform:scaleY(0)}}
#dg-page .dg-steps li{counter-increment:s;background:color-mix(in srgb,var(--nv) 84%,#fff);border:1px solid #ffffff1c;border-radius:20px;padding:1rem 1.3rem;padding-inline-start:4.8rem;position:relative;font-weight:600}
#dg-page .dg-steps li::before{content:counter(s,persian);position:absolute;inset-inline-start:.9rem;top:50%;translate:0 -50%;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--gold1);color:var(--on-gold);display:grid;place-items:center;font-weight:900}
#dg-page .dg-two{display:block}
#dg-page .dg-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:2rem}
#dg-page .dg-panel h2{font-size:1.6rem}
#dg-page .dg-panel ul{padding-inline-start:1.2rem;columns:2;column-gap:3rem}
#dg-page .dg-panel li{margin-bottom:.7rem;break-inside:avoid}
#dg-page .dg-panel li::marker{color:var(--acc)}
#dg-page .dg-panel.note{background:#FFF4DF;border-color:#F4D59B}
#dg-page .dg-why{background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 72%,#000));color:var(--on-acc);border-radius:40px;padding:4rem;position:relative;overflow:hidden}
#dg-page .dg-why ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:2rem 0}
#dg-page .dg-why li{background:#ffffff1f;border:1px solid #ffffff40;backdrop-filter:blur(8px);border-radius:22px;padding:1.3rem;font-weight:600}
#dg-page .dg-why p{max-width:75ch;font-weight:300}
#dg-page .dg-why .dg-btn{background:#fff;margin-top:1.5rem}
#dg-page footer{background:var(--nv);color:#9FBDB8;text-align:center;padding:2rem 0;font-size:.9rem}
@media(max-width:900px){#dg-page .dg-hero .dg-wrap{grid-template-columns:1fr}#dg-page .dg-panel ul{columns:1}#dg-page .dg-card{position:relative;top:auto;grid-template-columns:1fr;padding:1.6rem;gap:1.2rem}#dg-page .dg-why{padding:2.2rem 1.4rem}#dg-page .dg-badge{max-width:240px}}
@media(prefers-reduced-motion:reduce){#dg-page *,#dg-page *::before,#dg-page *::after{animation:none!important;transition:none!important}#dg-page html{scroll-behavior:auto}}
#dg-page .dg-card{grid-template-rows:max-content max-content 1fr;align-items:start}
#dg-page .dg-card>.dg-n,#dg-page .dg-card>h3,#dg-page .dg-card>p{grid-column:1}
#dg-page .dg-card>ul{grid-column:2;grid-row:1/span 3;align-self:center}
@media(max-width:900px){#dg-page .dg-card{grid-template-rows:none}#dg-page .dg-card>*{grid-column:auto!important;grid-row:auto!important}}
@media(max-width:560px){#dg-page .dg-goals{grid-template-columns:1fr}}
#dg-page .dg-card{grid-template-rows:max-content max-content 1fr;align-items:start}
#dg-page .dg-card>.dg-n,#dg-page .dg-card>h3,#dg-page .dg-card>p{grid-column:1}
#dg-page .dg-card>ul{grid-column:2;grid-row:1/span 3;align-self:center}
@media(max-width:900px){#dg-page .dg-card{grid-template-rows:none}#dg-page .dg-card>*{grid-column:auto!important;grid-row:auto!important}}

/* ===== HERO دیجیتال مارکتینگ: ویترین نتیجه‌ی جستجو + پست + رشد سفارش ===== */
#dg-page .dg-hero{padding:4.2rem 0 5rem}
#dg-page .dg-hero .dg-wrap{grid-template-columns:1.12fr .88fr;gap:clamp(1.5rem,4vw,4rem)}
#dg-page .dg-hero h1{font-size:clamp(2.1rem,4.7vw,3.9rem)}
#dg-page .dg-hero p.dg-lead{max-width:58ch}
#dg-page .dg-eyebrow{display:inline-flex;align-items:center;gap:.6rem;padding:.3rem 1rem;margin-bottom:1.1rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--gold1) 45%,transparent);background:color-mix(in srgb,var(--gold1) 10%,transparent);color:var(--gold1);font-weight:700;font-size:.9rem;line-height:1.8}
#dg-page .dg-eyebrow i{width:.5rem;height:.5rem;border-radius:50%;background:#e2685a}
#dg-page .dg-kw{list-style:none;padding:0;margin:1.4rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem}
#dg-page .dg-kw li{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .7rem;border-radius:999px;font-size:.82rem;font-weight:600;line-height:1.8;color:#eadfc9;border:1px solid #ffffff26;background:#ffffff0d}
#dg-page .dg-kw svg{width:1.1em;height:1.1em;flex:none;fill:none;stroke:var(--gold1);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#dg-page .dg-hero .dg-btn{margin-top:1.8rem}

#dg-page .dg-viz{container-type:inline-size;position:relative;width:min(100%,470px);aspect-ratio:30/31;margin-inline:auto;color:var(--ink);line-height:1.5}
#dg-page .dg-viz>*{font-size:14px;font-size:calc(100cqw/30)}
#dg-page .dg-viz svg{display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#dg-page .dg-v-s,#dg-page .dg-v-i,#dg-page .dg-v-c{position:absolute;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:1.5em;box-shadow:0 2.2em 3.6em -2em rgba(0,0,0,.65);animation:dg-rise .9s cubic-bezier(.2,.8,.2,1) both,dg-float 9s ease-in-out 1.2s infinite}
#dg-page .dg-v-s{top:1.4em;left:0;right:0;padding:1.1em;animation-delay:.25s,1.2s}
#dg-page .dg-v-i{bottom:0;left:0;width:14.4em;padding:.75em;animation-delay:.5s,2.4s;animation-duration:.9s,10s}
#dg-page .dg-v-c{bottom:.9em;right:0;width:14.6em;padding:1em 1.1em;color:var(--good);animation-delay:.75s,.6s;animation-duration:.9s,11s}
@keyframes dg-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-.45em)}}

#dg-page .dg-v-bar{display:flex;align-items:center;gap:.7em;padding:.65em 1em;border-radius:999px;background:color-mix(in srgb,var(--ink) 7%,var(--card));border:1px solid var(--line);font-weight:700;font-size:.95em;color:var(--ink)}
#dg-page .dg-v-bar svg{width:1.2em;height:1.2em;flex:none;color:var(--mut)}
#dg-page .dg-q{display:inline-block;white-space:nowrap;animation:dg-type 1.5s steps(16,end) .7s backwards}
@keyframes dg-type{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}
#dg-page .dg-v-res{position:relative;display:flex;align-items:center;gap:.9em;margin-top:.9em;padding:.8em;border-radius:1.1em;background:color-mix(in srgb,var(--gold1) 15%,var(--card));border:1px solid color-mix(in srgb,var(--gold2) 40%,var(--line));animation:dg-pop .6s ease 2.3s backwards}
@keyframes dg-pop{from{opacity:0;transform:translateY(.7em)}}
#dg-page .dg-v-map{flex:none;display:grid;place-items:center;width:4.4em;height:4.4em;border-radius:.9em;background-color:color-mix(in srgb,var(--bg2) 80%,var(--card));background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:1.1em 1.1em;border:1px solid var(--line)}
#dg-page .dg-v-map svg{width:2.1em;height:2.1em;color:var(--acc);fill:color-mix(in srgb,var(--acc) 22%,transparent)}
#dg-page .dg-v-tx b{display:block;font-size:1.1em;font-weight:900;line-height:1.5;color:var(--goldtxt)}
#dg-page .dg-v-rt{display:flex;align-items:center;gap:.5em;font-size:.8em;font-weight:600;color:var(--mut);line-height:1.6}
#dg-page .dg-stars{color:var(--gold2);font-size:1.15em;letter-spacing:.06em}
#dg-page .dg-v-tg{display:flex;flex-wrap:wrap;gap:.4em;margin-top:.2em;font-size:.76em;font-weight:700;line-height:1.6;color:var(--mut)}
#dg-page .dg-v-tg em{font-style:normal;color:var(--good)}
#dg-page .dg-v-tg>*+*::before{content:"·";margin-inline-end:.4em}
#dg-page .dg-v-rank{flex:none;margin-inline-start:auto;width:3.2em;height:3.2em;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--acc);color:var(--on-acc);font-size:1.15em;font-weight:900;line-height:1}
#dg-page .dg-v-rank small{font-size:.52em;font-weight:700;margin-bottom:.2em}
#dg-page .dg-v-sk{display:grid;gap:.6em;margin-top:.95em;padding-inline:.4em}
#dg-page .dg-v-sk i{display:block;height:.55em;border-radius:99px;background:color-mix(in srgb,var(--ink) 11%,transparent)}
#dg-page .dg-v-sk i:nth-child(1){width:64%}
#dg-page .dg-v-sk i:nth-child(2){width:88%}
#dg-page .dg-v-sk i:nth-child(3){width:46%}

#dg-page .dg-v-ih{display:flex;align-items:center;gap:.6em;padding:.1em .2em .65em}
#dg-page .dg-v-av{flex:none;width:2.1em;height:2.1em;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold1),var(--acc),var(--gold1));color:#fff;font-size:.9em;font-weight:900}
#dg-page .dg-v-ih b{display:block;font-size:.8em;font-weight:800;line-height:1.4}
#dg-page .dg-v-ih small{display:block;font-size:.7em;font-weight:600;line-height:1.4;color:var(--mut)}
#dg-page .dg-v-ph{width:100%;height:8.2em;border-radius:1em;stroke:none}
#dg-page .dg-v-ia{display:flex;align-items:center;gap:.7em;padding:.65em .2em .1em;color:var(--ink)}
#dg-page .dg-v-ia svg{width:1.5em;height:1.5em}
#dg-page .dg-v-ia .dg-h{color:var(--acc);fill:var(--acc)}
#dg-page .dg-v-ia span{margin-inline-start:auto;font-size:.76em;font-weight:800}

#dg-page .dg-v-c small{display:block;font-size:.76em;font-weight:700;line-height:1.6;color:var(--mut)}
#dg-page .dg-v-up{display:flex;align-items:center;gap:.35em;font-size:1.9em;font-weight:900;line-height:1.35}
#dg-page .dg-v-up svg{width:.85em;height:.85em;stroke-width:2.6}
#dg-page .dg-v-ch{width:100%;height:5.4em;margin-top:.3em;overflow:visible}
#dg-page .dg-ln{stroke-dasharray:1;stroke-dashoffset:0;animation:dg-draw 1.7s ease 1.3s backwards}
@keyframes dg-draw{from{stroke-dashoffset:1}}
#dg-page .dg-ar{stroke:none;animation:dg-fade .8s ease 2.4s backwards}
@keyframes dg-fade{from{opacity:0}}
#dg-page .dg-dt{fill:var(--card);stroke:currentColor;stroke-width:3;animation:dg-fade .4s ease 2.8s backwards}

#dg-page .dg-v-off{position:absolute;top:-1.2em;left:-1.3em;z-index:3;width:6.9em;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--nv);color:#fff6e0;border:.32em solid var(--gold1);box-shadow:0 1.2em 2.4em -1em rgba(0,0,0,.65);transform:rotate(-8deg);animation:dg-rise .9s cubic-bezier(.2,.8,.2,1) 1s backwards}
#dg-page .dg-v-off strong{font-size:2.2em;font-weight:900;line-height:1.05;color:var(--gold1)}
#dg-page .dg-v-off span{font-size:.74em;font-weight:700;line-height:1.5}

@media(max-width:900px){
 #dg-page .dg-hero{padding:3rem 0 3.5rem}
 #dg-page .dg-hero .dg-wrap{grid-template-columns:1fr}
 #dg-page .dg-viz{order:-1;width:min(88%,350px);margin-top:0}
 #dg-page .dg-v-off{left:-.4em}
}
@media(prefers-reduced-motion:reduce){#dg-page .dg-v-s,#dg-page .dg-v-i,#dg-page .dg-v-c{animation:none!important}}

/* === سکشن اول دیجیتال مارکتینگ: همان حاشیه‌ی راست/چپ سکشن اول هوم‌پیج === */
#dg-page .dg-hero .dg-wrap{box-sizing:border-box;width:auto;max-width:1920px;margin-inline:auto;padding-inline:var(--gx)}
@media(min-width:901px){#dg-page .dg-hero .dg-wrap{padding-inline:clamp(64px,5vw,96px)}}
/* === خروجی مورد انتظار: آیکن سبز به جای تیک === */
#dg-page .dg-goals li::before{display:none!important}
#dg-page .dg-goals li>.dg-gi{flex:none;box-sizing:border-box;width:2.2rem;height:2.2rem;padding:.5rem;border-radius:50%;background:var(--leaf);color:var(--on-acc);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;box-shadow:0 0 0 .22rem color-mix(in srgb,var(--leaf) 20%,transparent);transition:scale .6s cubic-bezier(.3,1.7,.5,1) var(--d,0s)}
html.dg-js #dg-page .dg-goals li:not(.in)>.dg-gi{scale:0}
/* === چرا پکیج تبلیغاتی سول؟: بک‌گراند تمام‌عرض === */
#dg-page #dg-why{padding:0;background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 72%,#000));color:var(--on-acc);position:relative;overflow:hidden}
#dg-page #dg-why .dg-why{background:none;border-radius:0;padding:4.5rem 0}
@media(max-width:900px){#dg-page #dg-why .dg-why{padding:2.8rem 0}}


/* ===== صفحه «پشتیبانی» — مسیر https://sol.ir/support/ =====
   فونت Vazirmatn و رنگ‌ها (کرم / طلایی / اسپرسو / قرمز آجری) از پالت همین سایت می‌آیند و در تم تیره خودکار عوض می‌شوند. */
#sp-page[hidden]{display:none}
html.is-sp body>section:not(#mp-sec),html.is-sp #nl-sec,html.is-sp #cta-band,html.is-sp .pgx{display:none!important}
html.is-sp #mp-sec{padding-block:0!important;margin:0!important}
#sp-page{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--bg);line-height:1.95;font-size:17px;overflow-x:clip;min-width:0}
#sp-page *{box-sizing:border-box;margin:0}
#sp-page a{color:inherit;text-decoration:none}
#sp-page :focus-visible{outline:3px solid var(--gold2);outline-offset:3px}
#sp-page .sp-wrap{width:100%;max-width:none;margin-inline:0;padding-inline:clamp(1rem,4vw + .5rem,9rem)}
@media(min-width:96rem){#sp-page .sp-wrap{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#sp-page h1,#sp-page h2,#sp-page h3{font-weight:800}
#sp-page h2{font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.5;margin-bottom:.8rem}
#sp-page h3{font-size:1.15rem;line-height:1.7;margin-bottom:.4rem}
#sp-page p{font-size:1rem}
#sp-page .sp-sec{padding:clamp(2.6rem,6vw,5rem) 0 0}
#sp-page .sp-sec.sp-last{padding-bottom:clamp(3.5rem,7vw,6rem)}

/* دکمه‌ها */
#sp-page .sp-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);font-weight:800;padding:.8rem 1.7rem;border-radius:999px;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s,filter .2s}
#sp-page .sp-btn:hover{transform:translateY(-3px);filter:brightness(1.06)}
#sp-page .sp-btn.sp-ghost{background:transparent;color:#fff6e0;box-shadow:none;border:1.5px solid color-mix(in srgb,#fff6e0 55%,transparent)}
#sp-page .sp-btn.sp-ghost:hover{border-color:var(--gold1);background:color-mix(in srgb,#fff6e0 10%,transparent)}

/* هیرو (اسپرسو + هاله‌ی طلایی و آجری، مثل صفحه‌ی /dm/) */
#sp-page .sp-hero{background:radial-gradient(900px 500px at 15% 10%,color-mix(in srgb,var(--gold1) 26%,transparent) 0,transparent 60%),radial-gradient(700px 500px at 90% 90%,color-mix(in srgb,var(--acc) 38%,transparent) 0,transparent 60%),var(--nv);color:#fff6e0;padding:clamp(3.2rem,7vw,5.5rem) 0 clamp(3.6rem,8vw,6.5rem);position:relative;overflow:hidden;text-align:center}
#sp-page .sp-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff14 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(#000,transparent 85%);-webkit-mask-image:linear-gradient(#000,transparent 85%);pointer-events:none}
#sp-page .sp-hero .sp-wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
#sp-page .sp-hero>.sp-wrap>*{animation:sp-rise .9s cubic-bezier(.2,.8,.2,1) both}
#sp-page .sp-hero>.sp-wrap>*:nth-child(2){animation-delay:.08s}
#sp-page .sp-hero>.sp-wrap>*:nth-child(3){animation-delay:.16s}
#sp-page .sp-hero>.sp-wrap>*:nth-child(4){animation-delay:.24s}
@keyframes sp-rise{from{opacity:0;transform:translateY(26px)}}
#sp-page .sp-hero h1{font-size:clamp(2rem,5vw,3.8rem);font-weight:900;line-height:1.4;max-width:20ch;letter-spacing:-.01em}
#sp-page .sp-lead{color:#eadfc9;max-width:60ch;font-weight:300;margin-top:1.1rem;font-size:clamp(1rem,1.6vw,1.15rem)}
#sp-page .sp-hbtns{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.8rem}
#sp-page .sp-eyebrow,#sp-page .sp-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.3rem 1rem;margin-bottom:1.1rem;border-radius:999px;font-weight:700;font-size:.9rem;line-height:1.8}
#sp-page .sp-eyebrow{border:1px solid color-mix(in srgb,var(--gold1) 45%,transparent);background:color-mix(in srgb,var(--gold1) 10%,transparent);color:var(--gold1)}
#sp-page .sp-eyebrow i{width:.5rem;height:.5rem;border-radius:50%;background:#e2685a}
#sp-page .sp-badge{border:1px solid color-mix(in srgb,var(--acc) 35%,transparent);background:var(--card);color:var(--acc);font-size:.85rem}
#sp-page .sp-badge i{width:.5rem;height:.5rem;border-radius:50%;background:var(--acc)}

/* ظاهر شدن تدریجی (فقط وقتی اسکریپت فعال است) */
html.sp-js #sp-page .sp-rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
html.sp-js #sp-page .sp-rv.in{opacity:1;transform:none}

/* هدر بخش‌ها */
#sp-page .sp-head{margin-bottom:2rem}
#sp-page .sp-head p{color:var(--mut);max-width:70ch}

/* کارت‌ها */
#sp-page .sp-card{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:1.6rem 1.5rem;transition:transform .25s,border-color .25s,box-shadow .25s}
#sp-page .sp-card:hover{transform:translateY(-4px);border-color:var(--gold2)}
#sp-page .sp-card h3{color:var(--goldtxt)}
#sp-page .sp-card p,#sp-page .sp-card li{color:var(--ink);font-size:.97rem;line-height:2}
#sp-page .sp-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}
@media(min-width:640px){#sp-page .sp-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){#sp-page .sp-grid.sp-g3{grid-template-columns:repeat(3,1fr);gap:1.5rem}}
@media(min-width:640px){#sp-page .sp-sv .sp-card:last-child:nth-child(odd){grid-column:1/-1}}
#sp-page .sp-ul{list-style:none;padding:0;display:grid;gap:.4rem}
#sp-page .sp-ul li{display:flex;gap:.7rem;align-items:flex-start}
#sp-page .sp-ul li::before{content:"";flex:none;margin-top:.85rem;width:.5rem;height:.5rem;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#sp-page .sp-extra .sp-ul li::before{background:var(--acc)}
#sp-page .sp-extra h3{color:var(--acc)}
#sp-page .sp-num{width:2.8rem;height:2.8rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);font-weight:900;font-size:1.15rem;margin-bottom:1rem;box-shadow:var(--shadow)}
#sp-page .sp-dia{display:block;width:.8rem;height:.8rem;border-radius:3px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2));margin:.3rem 0 1.1rem .3rem}
#sp-page .sp-free{display:inline-block;background:color-mix(in srgb,var(--leaf) 14%,transparent);color:var(--good);border:1px solid color-mix(in srgb,var(--leaf) 40%,transparent);border-radius:999px;padding:.1rem .85rem;font-size:.82rem;font-weight:800;margin-bottom:.7rem;line-height:1.9}
#sp-page .sp-ico{flex:none;width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;background:var(--bg2);border:1px solid var(--line);color:var(--goldtxt);transition:background .2s,color .2s}
#sp-page .sp-ico svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* همراهی واقعی */
#sp-page .sp-two{display:grid;gap:2.4rem;grid-template-columns:1fr;align-items:start}
@media(min-width:960px){#sp-page .sp-two{grid-template-columns:1.05fr .95fr;gap:3rem}}
#sp-page .sp-text h2{font-size:clamp(1.4rem,2.6vw,1.9rem)}
#sp-page .sp-text p{margin-top:1rem;color:var(--ink);opacity:.92;line-height:2.1}
#sp-page .sp-chan{display:grid;gap:1rem}
#sp-page .sp-chan .sp-card{display:flex;gap:1rem;align-items:flex-start}
#sp-page .sp-chan .sp-card h3{color:var(--ink);font-size:1.05rem}
#sp-page .sp-chan .sp-card p{font-size:.9rem;line-height:1.95;color:var(--mut)}
#sp-page .sp-contact{margin-top:2.4rem;background:var(--card);border:1px solid var(--line);border-inline-start:4px solid var(--acc);border-radius:20px;padding:1.4rem 1.6rem;box-shadow:var(--shadow)}
#sp-page .sp-contact h3{color:var(--ink);margin-bottom:1rem}
#sp-page .sp-clist{display:flex;flex-wrap:wrap;gap:1.2rem 2.6rem}
#sp-page .sp-clist>*{display:flex;align-items:center;gap:.8rem}
#sp-page .sp-clist small{display:block;color:var(--mut);font-size:.78rem;line-height:1.5}
#sp-page .sp-clist b{font-weight:700;font-size:1rem;transition:color .2s}
#sp-page .sp-clist a:hover b{color:var(--goldtxt)}
#sp-page .sp-clist a:hover .sp-ico{background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);border-color:transparent}

/* باند «یک سال پشتیبانی رایگان» */
#sp-page .sp-banner-wrap{padding-top:clamp(2.6rem,6vw,5rem)}
#sp-page .sp-banner{display:flex;flex-wrap:wrap;gap:1.2rem 3rem;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold);border-radius:28px;padding:clamp(1.5rem,3.5vw,2.6rem) clamp(1.4rem,4vw,3rem);box-shadow:var(--shadow);position:relative;overflow:hidden}
#sp-page .sp-banner::before{content:"";position:absolute;inset:auto auto -70px -50px;width:220px;height:220px;border-radius:50%;border:1px solid color-mix(in srgb,var(--on-gold) 35%,transparent);box-shadow:0 0 0 30px transparent,0 0 0 31px color-mix(in srgb,var(--on-gold) 22%,transparent)}
#sp-page .sp-b-h{display:flex;align-items:center;gap:1rem;position:relative}
#sp-page .sp-b-h h2{margin:0;font-size:clamp(1.3rem,2.6vw,2rem);font-weight:900}
#sp-page .sp-b-ic{flex:none;width:2.6rem;height:2.6rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#sp-page .sp-b-p{position:relative}
#sp-page .sp-b-p p{font-size:clamp(.95rem,1.5vw,1.15rem);line-height:1.9}
#sp-page .sp-b-p p:first-child{font-weight:800}

/* جدول مقایسه */
#sp-page .sp-tablebox{overflow-x:auto;border-radius:24px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-overflow-scrolling:touch}
#sp-page .sp-table{width:100%;min-width:660px;border-collapse:collapse;text-align:right;font-size:.92rem}
#sp-page .sp-table th,#sp-page .sp-table td{padding:.85rem 1.1rem;border-bottom:1px solid var(--line);vertical-align:middle;line-height:1.9}
#sp-page .sp-table thead th{background:var(--nv);color:#fff6e0;font-size:.98rem;white-space:nowrap;border-bottom:0}
#sp-page .sp-table thead th.sp-vip{background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold)}
#sp-page .sp-table tbody tr:nth-child(even) th,#sp-page .sp-table tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--bg2) 55%,transparent)}
#sp-page .sp-table tbody tr:last-child th,#sp-page .sp-table tbody tr:last-child td{border-bottom:0}
#sp-page .sp-table tbody th{font-weight:700;color:var(--ink)}
#sp-page .sp-table td.sp-vip{background:color-mix(in srgb,var(--gold1) 14%,transparent)!important}
#sp-page .sp-table .sp-c{text-align:center}
#sp-page .sp-table td.sp-c span{vertical-align:middle}
#sp-page .sp-yes{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:color-mix(in srgb,var(--leaf) 16%,transparent);color:var(--good);flex:none;margin-inline-end:.4rem}
#sp-page .sp-yes svg{width:.9rem;height:.9rem;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
#sp-page .sp-no{color:var(--mut);font-weight:700}
#sp-page .sp-notes{display:grid;gap:1rem;margin-top:1.4rem}
@media(min-width:900px){#sp-page .sp-notes{grid-template-columns:repeat(3,1fr)}}
#sp-page .sp-note,#sp-page .sp-term{display:flex;gap:.8rem;align-items:flex-start}
#sp-page .sp-note{background:color-mix(in srgb,var(--gold1) 13%,var(--card));border:1px solid var(--line);border-radius:22px;padding:1.2rem 1.4rem;font-size:.93rem;line-height:2}
#sp-page .sp-note b{color:var(--goldtxt)}
#sp-page .sp-dot{flex:none;margin-top:.75rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--acc)}
#sp-page .sp-term .sp-dot{margin-top:.8rem;background:var(--gold2)}
#sp-page .sp-term:hover{transform:none}

/* نصب و راه‌اندازی */
#sp-page .sp-install{display:grid;gap:2rem;grid-template-columns:1fr;background:var(--card);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);padding:clamp(1.5rem,4vw,3rem)}
@media(min-width:960px){#sp-page .sp-install{grid-template-columns:1fr 1fr;gap:3rem}}
#sp-page .sp-install p{margin-top:.6rem;color:var(--mut);line-height:2.1}
#sp-page .sp-checks{list-style:none;padding:0;display:grid;gap:.7rem;align-content:start}
#sp-page .sp-checks li{display:flex;gap:.8rem;align-items:flex-start;line-height:1.9;font-size:.97rem}
#sp-page .sp-checks .sp-yes{margin-top:.25rem}

/* خدمات حضوری */
#sp-page .sp-band{background:var(--bg2);border-block:1px solid var(--line);padding:clamp(2.4rem,5vw,4rem) 0}
#sp-page .sp-onsite{padding-top:clamp(2.6rem,6vw,5rem)}
#sp-page .sp-sub{margin:2.2rem 0 1rem;font-size:1.3rem}
#sp-page .sp-band .sp-card{background:var(--card)}

/* دعوت به دمو */
#sp-page .sp-cta{display:grid;gap:2rem;grid-template-columns:1fr;align-items:center;background:radial-gradient(700px 400px at 100% 0%,color-mix(in srgb,var(--acc) 40%,transparent),transparent 60%),radial-gradient(600px 400px at 0% 100%,color-mix(in srgb,var(--gold1) 24%,transparent),transparent 60%),var(--nv);color:#fff6e0;border-radius:34px;padding:clamp(1.8rem,5vw,3.6rem);position:relative;overflow:hidden}
@media(min-width:960px){#sp-page .sp-cta{grid-template-columns:1.3fr .7fr}}
#sp-page .sp-cta h2{color:var(--gold1);margin-bottom:.6rem}
#sp-page .sp-cta h2 span{color:#fff6e0;font-size:.78em;font-weight:800}
#sp-page .sp-cta p{color:#eadfc9;font-weight:300;line-height:2.1;max-width:60ch}
#sp-page .sp-cta-side{display:flex;flex-direction:column;gap:1.2rem;align-items:flex-start}
@media(min-width:960px){#sp-page .sp-cta-side{align-items:center}}
#sp-page .sp-chips{display:flex;flex-wrap:wrap;gap:.5rem}
#sp-page .sp-chips a{padding:.25rem .9rem;border-radius:999px;font-size:.88rem;font-weight:600;color:#eadfc9;border:1px solid #ffffff26;background:#ffffff0d;transition:border-color .2s,color .2s}
#sp-page .sp-chips a:hover{border-color:var(--gold1);color:var(--gold1)}


@media(max-width:560px){#sp-page{font-size:16px}#sp-page .sp-table th,#sp-page .sp-table td{padding:.7rem .85rem}#sp-page .sp-btn{width:100%}#sp-page .sp-hbtns{width:100%}}
@media(prefers-reduced-motion:reduce){#sp-page *,#sp-page *::before,#sp-page *::after{animation:none!important;transition:none!important}html.sp-js #sp-page .sp-rv{opacity:1;transform:none}}


/* === بنر «یک سال پشتیبانی رایگان»: بک‌گراند تمام‌عرض === */
#sp-page .sp-banner-wrap{margin-top:clamp(2.6rem,6vw,5rem);padding:0;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow)}
#sp-page .sp-banner-wrap .sp-banner{background:none;box-shadow:none;border-radius:0;position:static;overflow:visible;padding-inline:0;padding-block:clamp(2rem,4.5vw,3.4rem)}


/* ===== support page: demo section copied from about page (scoped) ===== */
#sp-page .sp-ab{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink);line-height:1.5}
#sp-page .sp-ab *{box-sizing:border-box;margin:0;padding:0;border:0 solid}
#sp-page .sp-ab,#sp-page .sp-ab{--font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial,
    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --spacing: 0.25rem;
    --container-xl: 36rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-bold: 700;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-md: 0.375rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --blur-xs: 4px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);}
#sp-page .sp-ab *,#sp-page .sp-ab ::after,#sp-page .sp-ab ::before,#sp-page .sp-ab ::backdrop,#sp-page .sp-ab ::file-selector-button{box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;}
#sp-page .sp-ab,#sp-page .sp-ab{line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;}
#sp-page .sp-ab hr{height: 0;
    color: inherit;
    border-top-width: 1px;}
#sp-page .sp-ab abbr:where([title]){-webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;}
#sp-page .sp-ab h1,#sp-page .sp-ab h2,#sp-page .sp-ab h3,#sp-page .sp-ab h4,#sp-page .sp-ab h5,#sp-page .sp-ab h6{font-size: inherit;
    font-weight: inherit;}
#sp-page .sp-ab a{color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;}
#sp-page .sp-ab b,#sp-page .sp-ab strong{font-weight: bolder;}
#sp-page .sp-ab code,#sp-page .sp-ab kbd,#sp-page .sp-ab samp,#sp-page .sp-ab pre{font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;}
#sp-page .sp-ab small{font-size: 80%;}
#sp-page .sp-ab sub,#sp-page .sp-ab sup{font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;}
#sp-page .sp-ab sub{bottom: -0.25em;}
#sp-page .sp-ab sup{top: -0.5em;}
#sp-page .sp-ab table{text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;}
#sp-page .sp-ab :-moz-focusring:where(:not(iframe)){outline: auto;}
#sp-page .sp-ab progress{vertical-align: baseline;}
#sp-page .sp-ab summary{display: list-item;}
#sp-page .sp-ab ol,#sp-page .sp-ab ul,#sp-page .sp-ab menu{list-style: none;}
#sp-page .sp-ab img,#sp-page .sp-ab svg,#sp-page .sp-ab video,#sp-page .sp-ab canvas,#sp-page .sp-ab audio,#sp-page .sp-ab iframe,#sp-page .sp-ab embed,#sp-page .sp-ab object{display: block;
    vertical-align: middle;}
#sp-page .sp-ab img,#sp-page .sp-ab video{max-width: 100%;
    height: auto;}
#sp-page .sp-ab button,#sp-page .sp-ab input,#sp-page .sp-ab select,#sp-page .sp-ab optgroup,#sp-page .sp-ab textarea,#sp-page .sp-ab ::file-selector-button{font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;}
#sp-page .sp-ab :where(select:is([multiple], [size])) optgroup{font-weight: bolder;}
#sp-page .sp-ab :where(select:is([multiple], [size])) optgroup option{padding-inline-start: 20px;}
#sp-page .sp-ab ::file-selector-button{margin-inline-end: 4px;}
#sp-page .sp-ab ::placeholder{opacity: 1;}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px){#sp-page .sp-ab ::placeholder{color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }}}
#sp-page .sp-ab textarea{resize: vertical;}
#sp-page .sp-ab ::-webkit-search-decoration{-webkit-appearance: none;}
#sp-page .sp-ab ::-webkit-date-and-time-value{min-height: 1lh;
    text-align: inherit;}
#sp-page .sp-ab ::-webkit-datetime-edit{display: inline-flex;}
#sp-page .sp-ab ::-webkit-datetime-edit-fields-wrapper{padding: 0;}
#sp-page .sp-ab ::-webkit-datetime-edit,#sp-page .sp-ab ::-webkit-datetime-edit-year-field,#sp-page .sp-ab ::-webkit-datetime-edit-month-field,#sp-page .sp-ab ::-webkit-datetime-edit-day-field,#sp-page .sp-ab ::-webkit-datetime-edit-hour-field,#sp-page .sp-ab ::-webkit-datetime-edit-minute-field,#sp-page .sp-ab ::-webkit-datetime-edit-second-field,#sp-page .sp-ab ::-webkit-datetime-edit-millisecond-field,#sp-page .sp-ab ::-webkit-datetime-edit-meridiem-field{padding-block: 0;}
#sp-page .sp-ab ::-webkit-calendar-picker-indicator{line-height: 1;}
#sp-page .sp-ab :-moz-ui-invalid{box-shadow: none;}
#sp-page .sp-ab button,#sp-page .sp-ab input:where([type='button'], [type='reset'], [type='submit']),#sp-page .sp-ab ::file-selector-button{appearance: button;}
#sp-page .sp-ab ::-webkit-inner-spin-button,#sp-page .sp-ab ::-webkit-outer-spin-button{height: auto;}
#sp-page .sp-ab [hidden]:where(:not([hidden='until-found'])){display: none !important;}
#sp-page .sp-ab .absolute{position: absolute;}
#sp-page .sp-ab .relative{position: relative;}
#sp-page .sp-ab .-top-7{top: calc(var(--spacing) * -7);}
#sp-page .sp-ab .left-\[35\%\]{left: 35%;}
#sp-page .sp-ab .z-10{z-index: 10;}
#sp-page .sp-ab .z-20{z-index: 20;}
#sp-page .sp-ab .mx-auto{margin-inline: auto;}
#sp-page .sp-ab .mt-2{margin-top: calc(var(--spacing) * 2);}
#sp-page .sp-ab .mt-6{margin-top: calc(var(--spacing) * 6);}
#sp-page .sp-ab .mt-16{margin-top: calc(var(--spacing) * 16);}
#sp-page .sp-ab .mt-20{margin-top: calc(var(--spacing) * 20);}
#sp-page .sp-ab .mt-24{margin-top: calc(var(--spacing) * 24);}
#sp-page .sp-ab .mb-1{margin-bottom: var(--spacing);}
#sp-page .sp-ab .mb-2{margin-bottom: calc(var(--spacing) * 2);}
#sp-page .sp-ab .mb-4{margin-bottom: calc(var(--spacing) * 4);}
#sp-page .sp-ab .flex{display: flex;}
#sp-page .sp-ab .grid{display: grid;}
#sp-page .sp-ab .hidden{display: none;}
#sp-page .sp-ab .inline-flex{display: inline-flex;}
#sp-page .sp-ab .aspect-4\/3{aspect-ratio: 4/3;}
#sp-page .sp-ab .h-5{height: calc(var(--spacing) * 5);}
#sp-page .sp-ab .h-8{height: calc(var(--spacing) * 8);}
#sp-page .sp-ab .h-10{height: calc(var(--spacing) * 10);}
#sp-page .sp-ab .h-14{height: calc(var(--spacing) * 14);}
#sp-page .sp-ab .h-16{height: calc(var(--spacing) * 16);}
#sp-page .sp-ab .h-20{height: calc(var(--spacing) * 20);}
#sp-page .sp-ab .h-44{height: calc(var(--spacing) * 44);}
#sp-page .sp-ab .h-56{height: calc(var(--spacing) * 56);}
#sp-page .sp-ab .h-72{height: calc(var(--spacing) * 72);}
#sp-page .sp-ab .h-auto{height: auto;}
#sp-page .sp-ab .h-full{height: 100%;}
#sp-page .sp-ab .min-h-screen{min-height: 100vh;}
#sp-page .sp-ab .w-5{width: calc(var(--spacing) * 5);}
#sp-page .sp-ab .w-8{width: calc(var(--spacing) * 8);}
#sp-page .sp-ab .w-10{width: calc(var(--spacing) * 10);}
#sp-page .sp-ab .w-14{width: calc(var(--spacing) * 14);}
#sp-page .sp-ab .w-16{width: calc(var(--spacing) * 16);}
#sp-page .sp-ab .w-20{width: calc(var(--spacing) * 20);}
#sp-page .sp-ab .w-30{width: calc(var(--spacing) * 30);}
#sp-page .sp-ab .w-44{width: calc(var(--spacing) * 44);}
#sp-page .sp-ab .w-56{width: calc(var(--spacing) * 56);}
#sp-page .sp-ab .w-auto{width: auto;}
#sp-page .sp-ab .w-full{width: 100%;}
#sp-page .sp-ab .max-w-4xl{max-width: var(--container-4xl);}
#sp-page .sp-ab .max-w-5xl{max-width: var(--container-5xl);}
#sp-page .sp-ab .max-w-\[88\%\]{max-width: 88%;}
#sp-page .sp-ab .max-w-full{max-width: 100%;}
#sp-page .sp-ab .max-w-xl{max-width: var(--container-xl);}
#sp-page .sp-ab .min-w-full{min-width: 100%;}
#sp-page .sp-ab .flex-1{flex: 1;}
#sp-page .sp-ab .flex-\[0_0_50\%\]{flex: 0 0 50%;}
#sp-page .sp-ab .flex-shrink-0{flex-shrink: 0;}
#sp-page .sp-ab .shrink-0{flex-shrink: 0;}
#sp-page .sp-ab .translate-x-44{--tw-translate-x: calc(var(--spacing) * 44);
    translate: var(--tw-translate-x) var(--tw-translate-y);}
#sp-page .sp-ab .translate-y-14{--tw-translate-y: calc(var(--spacing) * 14);
    translate: var(--tw-translate-x) var(--tw-translate-y);}
#sp-page .sp-ab .cursor-pointer{cursor: pointer;}
#sp-page .sp-ab .grid-cols-1{grid-template-columns: repeat(1, minmax(0, 1fr));}
#sp-page .sp-ab .flex-col{flex-direction: column;}
#sp-page .sp-ab .flex-col-reverse{flex-direction: column-reverse;}
#sp-page .sp-ab .flex-row-reverse{flex-direction: row-reverse;}
#sp-page .sp-ab .flex-wrap{flex-wrap: wrap;}
#sp-page .sp-ab .items-center{align-items: center;}
#sp-page .sp-ab .items-start{align-items: flex-start;}
#sp-page .sp-ab .items-stretch{align-items: stretch;}
#sp-page .sp-ab .justify-around{justify-content: space-around;}
#sp-page .sp-ab .justify-between{justify-content: space-between;}
#sp-page .sp-ab .justify-center{justify-content: center;}
#sp-page .sp-ab .justify-end{justify-content: flex-end;}
#sp-page .sp-ab .justify-start{justify-content: flex-start;}
#sp-page .sp-ab .gap-2{gap: calc(var(--spacing) * 2);}
#sp-page .sp-ab .gap-3{gap: calc(var(--spacing) * 3);}
#sp-page .sp-ab .gap-4{gap: calc(var(--spacing) * 4);}
#sp-page .sp-ab .gap-6{gap: calc(var(--spacing) * 6);}
#sp-page .sp-ab .gap-8{gap: calc(var(--spacing) * 8);}
#sp-page .sp-ab .gap-12{gap: calc(var(--spacing) * 12);}
#sp-page .sp-ab :where(.space-y-2 > :not(:last-child)){--tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));}
#sp-page .sp-ab .overflow-hidden{overflow: hidden;}
#sp-page .sp-ab .overflow-visible{overflow: visible;}
#sp-page .sp-ab .rounded-2xl{border-radius: var(--radius-2xl);}
#sp-page .sp-ab .rounded-3xl{border-radius: var(--radius-3xl);}
#sp-page .sp-ab .rounded-\[50px\]{border-radius: 50px;}
#sp-page .sp-ab .rounded-full{border-radius: calc(infinity * 1px);}
#sp-page .sp-ab .rounded-md{border-radius: var(--radius-md);}
#sp-page .sp-ab .border{border-style: var(--tw-border-style);
    border-width: 1px;}
#sp-page .sp-ab .border-1{border-style: var(--tw-border-style);
    border-width: 1px;}
#sp-page .sp-ab .border-2{border-style: var(--tw-border-style);
    border-width: 2px;}
#sp-page .sp-ab .border-dashed{--tw-border-style: dashed;
    border-style: dashed;}
#sp-page .sp-ab .border-ab-acc{border-color: var(--acc, #a9322b);}
#sp-page .sp-ab .border-ab-gold\/45{border-color: color-mix(in oklab, #d6b374 45%, transparent);}
#sp-page .sp-ab .border-transparent{border-color: transparent;}
#sp-page .sp-ab .bg-ab-acc{background-color: var(--acc, #a9322b);}
#sp-page .sp-ab .bg-ab-band{background-color: var(--bg2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--bg2) 62%, var(--bg));
    }}
#sp-page .sp-ab .bg-ab-bg2{background-color: var(--bg2);}
#sp-page .sp-ab .bg-ab-card{background-color: var(--card);}
#sp-page .sp-ab .bg-ab-gold\/30{background-color: color-mix(in oklab, #d6b374 30%, transparent);}
#sp-page .sp-ab .bg-ab-nv{background-color: var(--nv, #2b2118);}
#sp-page .sp-ab .bg-transparent{background-color: transparent;}
#sp-page .sp-ab .object-contain{object-fit: contain;}
#sp-page .sp-ab .object-cover{object-fit: cover;}
#sp-page .sp-ab .p-1{padding: var(--spacing);}
#sp-page .sp-ab .p-3{padding: calc(var(--spacing) * 3);}
#sp-page .sp-ab .p-4{padding: calc(var(--spacing) * 4);}
#sp-page .sp-ab .p-6{padding: calc(var(--spacing) * 6);}
#sp-page .sp-ab .px-2{padding-inline: calc(var(--spacing) * 2);}
#sp-page .sp-ab .px-3{padding-inline: calc(var(--spacing) * 3);}
#sp-page .sp-ab .px-4{padding-inline: calc(var(--spacing) * 4);}
#sp-page .sp-ab .px-6{padding-inline: calc(var(--spacing) * 6);}
#sp-page .sp-ab .px-8{padding-inline: calc(var(--spacing) * 8);}
#sp-page .sp-ab .py-2{padding-block: calc(var(--spacing) * 2);}
#sp-page .sp-ab .py-3{padding-block: calc(var(--spacing) * 3);}
#sp-page .sp-ab .py-5{padding-block: calc(var(--spacing) * 5);}
#sp-page .sp-ab .py-10{padding-block: calc(var(--spacing) * 10);}
#sp-page .sp-ab .py-12{padding-block: calc(var(--spacing) * 12);}
#sp-page .sp-ab .pt-24{padding-top: calc(var(--spacing) * 24);}
#sp-page .sp-ab .pr-6{padding-right: calc(var(--spacing) * 6);}
#sp-page .sp-ab .pb-4{padding-bottom: calc(var(--spacing) * 4);}
#sp-page .sp-ab .pb-12{padding-bottom: calc(var(--spacing) * 12);}
#sp-page .sp-ab .text-center{text-align: center;}
#sp-page .sp-ab .text-justify{text-align: justify;}
#sp-page .sp-ab .text-right{text-align: right;}
#sp-page .sp-ab .text-2xl{font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));}
#sp-page .sp-ab .text-3xl{font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));}
#sp-page .sp-ab .text-4xl{font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));}
#sp-page .sp-ab .text-5xl{font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));}
#sp-page .sp-ab .text-base{font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));}
#sp-page .sp-ab .text-lg{font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));}
#sp-page .sp-ab .text-sm{font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));}
#sp-page .sp-ab .text-xl{font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));}
#sp-page .sp-ab .text-xs{font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));}
#sp-page .sp-ab .leading-\[40px\]{--tw-leading: 40px;
    line-height: 40px;}
#sp-page .sp-ab .leading-loose{--tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);}
#sp-page .sp-ab .leading-relaxed{--tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);}
#sp-page .sp-ab .leading-snug{--tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);}
#sp-page .sp-ab .font-bold{--tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);}
#sp-page .sp-ab .tracking-\[0\]{--tw-tracking: 0;
    letter-spacing: 0;}
#sp-page .sp-ab .whitespace-nowrap{white-space: nowrap;}
#sp-page .sp-ab .text-ab-acc{color: var(--acc, #a9322b);}
#sp-page .sp-ab .text-ab-cream{color: #f6ecd6;}
#sp-page .sp-ab .text-ab-ink{color: var(--ink);}
#sp-page .sp-ab .text-ab-mut{color: var(--mut);}
#sp-page .sp-ab .text-ab-onacc{color: var(--on-acc, #fff);}
#sp-page .sp-ab .accent-ab-cream{accent-color: #f6ecd6;}
#sp-page .sp-ab .shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
#sp-page .sp-ab .transition-all{transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));}
#sp-page .sp-ab .transition-colors{transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));}
#sp-page .sp-ab .transition-transform{transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));}
#sp-page .sp-ab .duration-200{--tw-duration: 200ms;
    transition-duration: 200ms;}
#sp-page .sp-ab .duration-300{--tw-duration: 300ms;
    transition-duration: 300ms;}
#sp-page .sp-ab .ease-out{--tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);}
#sp-page .sp-ab .will-change-transform{will-change: transform;}
#sp-page .sp-ab .select-none{-webkit-user-select: none;
    user-select: none;}
@media (hover: hover){#sp-page .sp-ab .group-hover\:absolute:is(:where(.group):hover *){position: absolute;}
#sp-page .sp-ab .group-hover\:flex:is(:where(.group):hover *){display: flex;}
#sp-page .sp-ab .group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);}
#sp-page .sp-ab .group-hover\:bg-ab-bg2:is(:where(.group):hover *){background-color: var(--bg2);}
#sp-page .sp-ab .group-hover\:bg-ab-nv:is(:where(.group):hover *){background-color: var(--nv, #2b2118);}
#sp-page .sp-ab .group-hover\:text-ab-acc:is(:where(.group):hover *){color: var(--acc, #a9322b);}
#sp-page .sp-ab .group-hover\:text-ab-cream:is(:where(.group):hover *){color: #f6ecd6;}
#sp-page .sp-ab .group-hover\:blur-xs:is(:where(.group):hover *){--tw-blur: blur(var(--blur-xs));
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);}}
#sp-page .sp-ab .placeholder\:text-ab-cream::placeholder{color: #f6ecd6;}
@media (hover: hover){#sp-page .sp-ab .hover\:scale-105:hover{--tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);}
#sp-page .sp-ab .hover\:scale-130:hover{--tw-scale-x: 130%;
      --tw-scale-y: 130%;
      --tw-scale-z: 130%;
      scale: var(--tw-scale-x) var(--tw-scale-y);}
#sp-page .sp-ab .hover\:border-ab-acc:hover{border-color: var(--acc, #a9322b);}
#sp-page .sp-ab .hover\:border-ab-cream:hover{border-color: #f6ecd6;}
#sp-page .sp-ab .hover\:bg-ab-acc-d:hover{background-color: var(--acc, #a9322b);}
@supports (color: color-mix(in lab, red, red)){#sp-page .sp-ab .hover\:bg-ab-acc-d:hover{background-color: color-mix(in srgb, var(--acc, #a9322b) 82%, #000);}}
#sp-page .sp-ab .hover\:bg-ab-bg2:hover{background-color: var(--bg2);}
#sp-page .sp-ab .hover\:text-ab-ink:hover{color: var(--ink);}
#sp-page .sp-ab .hover\:underline:hover{text-decoration-line: underline;}
#sp-page .sp-ab .hover\:opacity-50:hover{opacity: 50%;}
#sp-page .sp-ab .hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
#sp-page .sp-ab .hover\:shadow-ab-acc\/30:hover{--tw-shadow-color: var(--acc, #a9322b);}
@supports (color: color-mix(in lab, red, red)){#sp-page .sp-ab .hover\:shadow-ab-acc\/30:hover{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--acc, #a9322b) 30%, transparent) var(--tw-shadow-alpha), transparent);}}}
#sp-page .sp-ab .focus\:bg-ab-gold\/45:focus{background-color: color-mix(in oklab, #d6b374 45%, transparent);}
#sp-page .sp-ab .focus\:outline-none:focus{--tw-outline-style: none;
    outline-style: none;}
#sp-page .sp-ab .focus-visible\:ring-2:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
#sp-page .sp-ab .focus-visible\:ring-ab-acc:focus-visible{--tw-ring-color: var(--acc, #a9322b);}
#sp-page .sp-ab .focus-visible\:ring-ab-cream:focus-visible{--tw-ring-color: #f6ecd6;}
#sp-page .sp-ab .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);}
#sp-page .sp-ab .focus-visible\:ring-offset-ab-nv:focus-visible{--tw-ring-offset-color: var(--nv, #2b2118);}
#sp-page .sp-ab .focus-visible\:outline-none:focus-visible{--tw-outline-style: none;
    outline-style: none;}
#sp-page .sp-ab .active\:scale-\[0\.98\]:active{scale: 0.98;}
#sp-page .sp-ab .disabled\:cursor-not-allowed:disabled{cursor: not-allowed;}
#sp-page .sp-ab .disabled\:opacity-50:disabled{opacity: 50%;}
@media (width >= 40rem){#sp-page .sp-ab .sm\:mt-8{margin-top: calc(var(--spacing) * 8);}
#sp-page .sp-ab .sm\:aspect-auto{aspect-ratio: auto;}
#sp-page .sp-ab .sm\:h-6{height: calc(var(--spacing) * 6);}
#sp-page .sp-ab .sm\:h-9{height: calc(var(--spacing) * 9);}
#sp-page .sp-ab .sm\:h-12{height: calc(var(--spacing) * 12);}
#sp-page .sp-ab .sm\:h-24{height: calc(var(--spacing) * 24);}
#sp-page .sp-ab .sm\:h-56{height: calc(var(--spacing) * 56);}
#sp-page .sp-ab .sm\:h-96{height: calc(var(--spacing) * 96);}
#sp-page .sp-ab .sm\:w-6{width: calc(var(--spacing) * 6);}
#sp-page .sp-ab .sm\:w-9{width: calc(var(--spacing) * 9);}
#sp-page .sp-ab .sm\:w-12{width: calc(var(--spacing) * 12);}
#sp-page .sp-ab .sm\:w-24{width: calc(var(--spacing) * 24);}
#sp-page .sp-ab .sm\:min-w-\[120px\]{min-width: 120px;}
#sp-page .sp-ab .sm\:flex-\[0_0_30\%\]{flex: 0 0 30%;}
#sp-page .sp-ab .sm\:grid-cols-2{grid-template-columns: repeat(2, minmax(0, 1fr));}
#sp-page .sp-ab .sm\:items-center{align-items: center;}
#sp-page .sp-ab .sm\:gap-3{gap: calc(var(--spacing) * 3);}
#sp-page .sp-ab .sm\:gap-5{gap: calc(var(--spacing) * 5);}
#sp-page .sp-ab .sm\:gap-6{gap: calc(var(--spacing) * 6);}
#sp-page .sp-ab .sm\:gap-8{gap: calc(var(--spacing) * 8);}
#sp-page .sp-ab .sm\:gap-12{gap: calc(var(--spacing) * 12);}
#sp-page .sp-ab .sm\:rounded-\[36px\]{border-radius: 36px;}
#sp-page .sp-ab .sm\:p-4{padding: calc(var(--spacing) * 4);}
#sp-page .sp-ab .sm\:p-8{padding: calc(var(--spacing) * 8);}
#sp-page .sp-ab .sm\:px-4{padding-inline: calc(var(--spacing) * 4);}
#sp-page .sp-ab .sm\:px-6{padding-inline: calc(var(--spacing) * 6);}
#sp-page .sp-ab .sm\:px-10{padding-inline: calc(var(--spacing) * 10);}
#sp-page .sp-ab .sm\:py-3\.5{padding-block: calc(var(--spacing) * 3.5);}
#sp-page .sp-ab .sm\:text-2xl{font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));}
#sp-page .sp-ab .sm\:text-3xl{font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));}
#sp-page .sp-ab .sm\:text-base{font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));}
#sp-page .sp-ab .sm\:text-lg{font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));}
#sp-page .sp-ab .sm\:text-sm{font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));}}
@media (width >= 48rem){#sp-page .sp-ab .md\:mt-50{margin-top: calc(var(--spacing) * 50);}
#sp-page .sp-ab .md\:ml-4{margin-left: calc(var(--spacing) * 4);}
#sp-page .sp-ab .md\:flex{display: flex;}
#sp-page .sp-ab .md\:h-10{height: calc(var(--spacing) * 10);}
#sp-page .sp-ab .md\:h-28{height: calc(var(--spacing) * 28);}
#sp-page .sp-ab .md\:w-10{width: calc(var(--spacing) * 10);}
#sp-page .sp-ab .md\:w-28{width: calc(var(--spacing) * 28);}
#sp-page .sp-ab .md\:min-w-\[130px\]{min-width: 130px;}
#sp-page .sp-ab .md\:flex-1{flex: 1;}
#sp-page .sp-ab .md\:translate-y-8{--tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);}
#sp-page .sp-ab .md\:grid-cols-2{grid-template-columns: repeat(2, minmax(0, 1fr));}
#sp-page .sp-ab .md\:flex-row{flex-direction: row;}
#sp-page .sp-ab .md\:gap-4{gap: calc(var(--spacing) * 4);}
#sp-page .sp-ab .md\:gap-6{gap: calc(var(--spacing) * 6);}
#sp-page .sp-ab .md\:gap-10{gap: calc(var(--spacing) * 10);}
#sp-page .sp-ab .md\:gap-16{gap: calc(var(--spacing) * 16);}
#sp-page .sp-ab .md\:gap-24{gap: calc(var(--spacing) * 24);}
#sp-page .sp-ab .md\:p-5{padding: calc(var(--spacing) * 5);}
#sp-page .sp-ab .md\:p-10{padding: calc(var(--spacing) * 10);}
#sp-page .sp-ab .md\:px-5{padding-inline: calc(var(--spacing) * 5);}
#sp-page .sp-ab .md\:px-12{padding-inline: calc(var(--spacing) * 12);}
#sp-page .sp-ab .md\:px-44{padding-inline: calc(var(--spacing) * 44);}
#sp-page .sp-ab .md\:py-0{padding-block: 0px;}
#sp-page .sp-ab .md\:py-3{padding-block: calc(var(--spacing) * 3);}
#sp-page .sp-ab .md\:py-4{padding-block: calc(var(--spacing) * 4);}
#sp-page .sp-ab .md\:pt-84{padding-top: calc(var(--spacing) * 84);}
#sp-page .sp-ab .md\:text-justify{text-align: justify;}
#sp-page .sp-ab .md\:text-3xl{font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));}
#sp-page .sp-ab .md\:text-4xl{font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));}
#sp-page .sp-ab .md\:text-base{font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));}
#sp-page .sp-ab .md\:text-lg{font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));}
#sp-page .sp-ab .md\:text-xl{font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));}
#sp-page .sp-ab .md\:leading-\[70px\]{--tw-leading: 70px;
      line-height: 70px;}}
@media (width >= 64rem){#sp-page .sp-ab .lg\:ml-8{margin-left: calc(var(--spacing) * 8);}
#sp-page .sp-ab .lg\:h-32{height: calc(var(--spacing) * 32);}
#sp-page .sp-ab .lg\:h-44{height: calc(var(--spacing) * 44);}
#sp-page .sp-ab .lg\:h-72{height: calc(var(--spacing) * 72);}
#sp-page .sp-ab .lg\:h-\[550px\]{height: 550px;}
#sp-page .sp-ab .lg\:w-32{width: calc(var(--spacing) * 32);}
#sp-page .sp-ab .lg\:translate-y-8{--tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);}
#sp-page .sp-ab .lg\:grid-cols-4{grid-template-columns: repeat(4, minmax(0, 1fr));}
#sp-page .sp-ab .lg\:flex-row{flex-direction: row;}
#sp-page .sp-ab .lg\:gap-12{gap: calc(var(--spacing) * 12);}
#sp-page .sp-ab .lg\:gap-20{gap: calc(var(--spacing) * 20);}
#sp-page .sp-ab .lg\:p-12{padding: calc(var(--spacing) * 12);}
#sp-page .sp-ab .lg\:px-16{padding-inline: calc(var(--spacing) * 16);}
#sp-page .sp-ab .lg\:px-32{padding-inline: calc(var(--spacing) * 32);}
#sp-page .sp-ab .lg\:py-24{padding-block: calc(var(--spacing) * 24);}
#sp-page .sp-ab .lg\:text-5xl{font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));}
#sp-page .sp-ab .lg\:text-lg{font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));}
#sp-page .sp-ab .lg\:leading-\[70px\]{--tw-leading: 70px;
      line-height: 70px;}}
@media (width >= 80rem){#sp-page .sp-ab .xl\:mt-50{margin-top: calc(var(--spacing) * 50);}
#sp-page .sp-ab .xl\:ml-10{margin-left: calc(var(--spacing) * 10);}
#sp-page .sp-ab .xl\:h-1\/3{height: calc(1 / 3 * 100%);}
#sp-page .sp-ab .xl\:h-\[50vh\]{height: 50vh;}
#sp-page .sp-ab .xl\:h-auto{height: auto;}
#sp-page .sp-ab .xl\:w-1\/2{width: calc(1 / 2 * 100%);}
#sp-page .sp-ab .xl\:w-\[40\%\]{width: 40%;}
#sp-page .sp-ab .xl\:w-\[70\%\]{width: 70%;}
#sp-page .sp-ab .xl\:flex-\[0_0_25\%\]{flex: 0 0 25%;}
#sp-page .sp-ab .xl\:grid-cols-2{grid-template-columns: repeat(2, minmax(0, 1fr));}
#sp-page .sp-ab .xl\:flex-row{flex-direction: row;}
#sp-page .sp-ab .xl\:gap-16{gap: calc(var(--spacing) * 16);}
#sp-page .sp-ab .xl\:gap-24{gap: calc(var(--spacing) * 24);}
#sp-page .sp-ab .xl\:px-24{padding-inline: calc(var(--spacing) * 24);}
#sp-page .sp-ab .xl\:py-0{padding-block: 0px;}
#sp-page .sp-ab .xl\:pt-16{padding-top: calc(var(--spacing) * 16);}
#sp-page .sp-ab .xl\:text-\[16px\]{font-size: 16px;}
#sp-page .sp-ab .xl\:text-\[48px\]{font-size: 48px;}}
@media (width >= 96rem){#sp-page .sp-ab .\32 xl\:h-10{height: calc(var(--spacing) * 10);}
#sp-page .sp-ab .\32 xl\:w-12{width: calc(var(--spacing) * 12);}
#sp-page .sp-ab .\32 xl\:text-2xl{font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));}
#sp-page .sp-ab .\32 xl\:text-5xl{font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));}
#sp-page .sp-ab .\32 xl\:text-lg{font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));}
#sp-page .sp-ab .\32 xl\:text-\[20px\]{font-size: 20px;}
#sp-page .sp-ab .\32 xl\:text-\[56px\]{font-size: 56px;}}
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){#sp-page .sp-ab *,#sp-page .sp-ab ::before,#sp-page .sp-ab ::after,#sp-page .sp-ab ::backdrop{--tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;}}
#sp-page .sp-ab[hidden]{display:none}
#sp-page .sp-ab{display:block;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400;color:var(--ink);background:var(--sec-alt,#fff);overflow-x:hidden;min-width:0}
#sp-page .sp-ab .fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#sp-page .sp-ab .regular-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:400}
#sp-page .sp-ab .semibold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
#sp-page .sp-ab .bold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:700}
#sp-page .sp-ab .extrabold-fanum-font{font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:800}
#sp-page .sp-ab a{color:inherit;text-decoration:none}
#sp-page .sp-ab :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
#sp-page .sp-ab [style*="padding-left:clamp(1rem"]{padding-inline:var(--sx)!important}
#sp-page .sp-ab .ab-demo-sec [style*="padding-left:clamp(1rem"],#sp-page .sp-ab .ab-trust-sec [style*="padding-left:clamp(1rem"]{padding-inline:clamp(1rem,4vw + .5rem,9rem)!important}
#sp-page .sp-ab input::placeholder{opacity:1}
#sp-page .sp-ab input[type=checkbox]{accent-color:var(--gold1)}
#sp-page .sp-ab .ab-menu{position:absolute;z-index:50;top:100%;inset-inline:0;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;max-height:min(320px,50vh);overflow-y:auto}
#sp-page .sp-ab .ab-menu.open{display:block}
#sp-page .sp-ab .ab-menu button{display:block;width:100%;text-align:right;padding:10px 14px;border-radius:10px;color:var(--ink);font-size:14px;cursor:pointer}
#sp-page .sp-ab .ab-menu button:hover,#sp-page .sp-ab .ab-menu button[aria-selected=true]{background:var(--bg2);color:var(--acc)}
#sp-page .sp-ab .ab-msg{margin:0;font-size:13px;font-weight:700;color:#f6ecd6;line-height:1.9}
#sp-page .sp-ab .ab-msg:empty{display:none}
#sp-page .sp-ab .ab-msg.err{color:#ffb4aa}
#sp-page .sp-ab .brand-scroll-animation{--g:2rem;gap:0;width:max-content;animation:ab-brand 60s linear infinite}
#sp-page .sp-ab .brand-scroll-animation>*{margin-right:var(--g)}
@media (min-width:40rem){#sp-page .sp-ab .brand-scroll-animation{--g:3rem}}
@media (min-width:48rem){#sp-page .sp-ab .brand-scroll-animation{--g:4rem}}
@media (min-width:64rem){#sp-page .sp-ab .brand-scroll-animation{--g:5rem}}
#sp-page .sp-ab .brand-scroll-animation:hover{animation-play-state:paused}
#sp-page .sp-ab .brand-scroll-animation,#sp-page .sp-ab :has(>.brand-scroll-animation){direction:ltr}
@media (prefers-reduced-motion:reduce){#sp-page .sp-ab *{transition:none!important}
#sp-page .sp-ab .brand-scroll-animation{animation:none}}
/* ===== unified hero look (same as support page) ===== */
#contact-page .ct-hero,#demo-page .ct-hero{background:radial-gradient(900px 500px at 15% 10%,color-mix(in srgb,var(--gold1) 26%,transparent) 0,transparent 60%),radial-gradient(700px 500px at 90% 90%,color-mix(in srgb,var(--acc) 38%,transparent) 0,transparent 60%),var(--nv);color:#fff6e0;position:relative;overflow:hidden}
#contact-page .ct-hero::after,#demo-page .ct-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff14 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(#000,transparent 85%);-webkit-mask-image:linear-gradient(#000,transparent 85%);pointer-events:none}
#contact-page .ct-hero>*,#demo-page .ct-hero>*{position:relative;z-index:1}
#contact-page .ct-hero h1,#demo-page .ct-hero h1{color:#fff6e0}
#contact-page .ct-hero p,#demo-page .ct-hero p{color:#eadfc9}
#about-page .ab-hero-x{background:radial-gradient(900px 500px at 15% 10%,color-mix(in srgb,var(--gold1) 26%,transparent) 0,transparent 60%),radial-gradient(700px 500px at 90% 90%,color-mix(in srgb,var(--acc) 38%,transparent) 0,transparent 60%),var(--nv)!important;position:relative}
#about-page .ab-hero-x::after{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(#ffffff14 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(#000,transparent 85%);-webkit-mask-image:linear-gradient(#000,transparent 85%);pointer-events:none}
#about-page .ab-hero-x>*{position:relative;z-index:1}
#price-page div.pr-hero{background:radial-gradient(900px 500px at 15% 10%,color-mix(in srgb,var(--gold1) 26%,transparent) 0,transparent 60%),radial-gradient(700px 500px at 90% 90%,color-mix(in srgb,var(--acc) 38%,transparent) 0,transparent 60%),var(--nv)}
#price-page div.pr-hero::before{background:radial-gradient(#ffffff14 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(#000,transparent 85%);mask-image:linear-gradient(#000,transparent 85%)}


.mod-dots{display:flex;align-items:center;justify-content:center;gap:8px;min-height:10px}
.mod-dots:empty{display:none}
:is(#web-page,#win-page) .mod-dot{position:relative;width:10px;height:10px;padding:0;border:0;border-radius:999px;background-color:#9ca3af;opacity:1;cursor:pointer;transition:width .35s ease,background-color .35s ease}
:is(#web-page,#win-page) .mod-dot::after{content:"";position:absolute;inset:-9px -4px}
:is(#web-page,#win-page) .mod-dot:hover{background-color:#6b7280}
:is(#web-page,#win-page) .mod-dot[aria-selected="true"]{width:32px;background-color:var(--acc,#a9322b);cursor:default}
:is(#web-page,#win-page) .mod-dot:focus-visible{outline:2px solid var(--nv,#0A2745);outline-offset:3px}
@media (prefers-reduced-motion:reduce){:is(#web-page,#win-page) .mod-dot{transition:none}}


:is(#web-page,#win-page) .apx{position:relative;overflow:hidden;isolation:isolate;background:var(--nv,#2b2118)}
:is(#web-page,#win-page) .apx::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(520px 150px at 90% 50%,rgba(110,160,76,.30),transparent 70%),radial-gradient(460px 130px at 6% 50%,rgba(214,179,116,.16),transparent 70%)}
:is(#web-page,#win-page) .apx::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(214,179,116,.55),transparent)}
:is(#web-page,#win-page) .apx-in{padding:12px clamp(1rem,4vw + .5rem,9rem)}
@media (min-width:1536px){:is(#web-page,#win-page) .apx-in{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
:is(#web-page,#win-page) .apx-card{display:flex;align-items:center;gap:clamp(12px,2vw,24px);padding:12px clamp(14px,2vw,22px);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.13);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 34px -16px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.10)}
:is(#web-page,#win-page) .apx-ic{position:relative;flex:none;width:54px;height:54px;border-radius:17px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#7fb05a,#3f6c2f);box-shadow:0 10px 22px -8px rgba(110,160,76,.8),inset 0 1px 0 rgba(255,255,255,.35)}
:is(#web-page,#win-page) .apx-ic svg{width:30px;height:30px;display:block}
:is(#web-page,#win-page) .apx-ic::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid rgba(127,176,90,.75);animation:apxp 2.6s ease-out infinite}
@keyframes apxp{0%{transform:scale(1);opacity:.85}100%{transform:scale(1.5);opacity:0}}
:is(#web-page,#win-page) .apx-tx{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
:is(#web-page,#win-page) .apx-bd{display:inline-flex;align-items:center;gap:6px;padding:2px 11px;border-radius:999px;font-size:11.5px;line-height:1.7;color:#c4e3a3;background:rgba(127,176,90,.16);border:1px solid rgba(127,176,90,.38)}
:is(#web-page,#win-page) .apx-bd i{width:6px;height:6px;border-radius:50%;background:#92d35c;animation:apxd 1.8s ease-in-out infinite}
@keyframes apxd{0%{box-shadow:0 0 0 0 rgba(146,211,92,.65)}70%,100%{box-shadow:0 0 0 7px rgba(146,211,92,0)}}
:is(#web-page,#win-page) .apx-t{margin:0;color:#fff;font-size:clamp(14px,1.25vw,19px);line-height:1.65;text-align:right}
:is(#web-page,#win-page) .apx-ac{flex:none;display:flex;align-items:center;gap:clamp(14px,1.8vw,26px)}
:is(#web-page,#win-page) .apx-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:.72rem 1.6rem;border-radius:999px;color:#fff;text-decoration:none;white-space:nowrap;font-size:clamp(14px,1.1vw,17px);background:linear-gradient(135deg,#5e9040,#3d6e2e);box-shadow:0 12px 28px -10px rgba(110,160,76,.85),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .25s ease,box-shadow .25s ease}
:is(#web-page,#win-page) .apx-btn svg{width:19px;height:19px;flex:none;display:block}
:is(#web-page,#win-page) .apx-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.38) 50%,transparent 70%);transform:translateX(130%);animation:apxs 4.6s ease-in-out infinite}
@keyframes apxs{0%,55%{transform:translateX(130%)}100%{transform:translateX(-130%)}}
:is(#web-page,#win-page) .apx-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px -10px rgba(110,160,76,1),inset 0 1px 0 rgba(255,255,255,.3)}
:is(#web-page,#win-page) .apx-ln{display:inline-flex;align-items:center;gap:7px;color:#ecd5a7;text-decoration:none;white-space:nowrap;font-size:clamp(13px,1vw,16px);transition:color .2s,transform .25s}
:is(#web-page,#win-page) .apx-ln svg{width:18px;height:18px;flex:none;display:block}
:is(#web-page,#win-page) .apx-ln:hover{color:#fff;transform:translateX(-4px)}
:is(#web-page,#win-page) .apx-btn:focus-visible,:is(#web-page,#win-page) .apx-ln:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:760px){
:is(#web-page,#win-page) .apx-card{flex-wrap:wrap;gap:12px}
:is(#web-page,#win-page) .apx-tx{flex:1 1 calc(100% - 70px)}
:is(#web-page,#win-page) .apx-ac{flex:1 1 100%;justify-content:space-between}
:is(#web-page,#win-page) .apx-btn{flex:1}
}
@media (prefers-reduced-motion:reduce){:is(#web-page,#win-page) .apx-ic::after,:is(#web-page,#win-page) .apx-bd i,:is(#web-page,#win-page) .apx-btn::after{animation:none}:is(#web-page,#win-page) .apx-btn,:is(#web-page,#win-page) .apx-ln{transition:none}}


/* محتوای انتهای صفحه‌های نرم‌افزار تحت وب و ویندوزی: هم‌استایل با سکشن «درباره سول» در صفحه‌ی اصلی */


#web-page #wb-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#web-page #wb-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#web-page #wb-about *{box-sizing:border-box}
#web-page #wb-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#web-page #wb-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#web-page #wb-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#web-page #wb-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#web-page #wb-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#web-page #wb-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#web-page #wb-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#web-page #wb-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#web-page #wb-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#web-page #wb-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#web-page #wb-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#web-page #wb-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#web-page #wb-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#web-page #wb-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#web-page #wb-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#web-page #wb-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#web-page #wb-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#web-page #wb-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#web-page #wb-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#web-page #wb-about .seo-more[hidden]{display:none}
#web-page #wb-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#web-page #wb-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#web-page #wb-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#web-page #wb-about.seo-open .seo-fade,#web-page #wb-about:not(.seo-js) .seo-fade{opacity:0}
#web-page #wb-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#web-page #wb-about .seo-ls,#web-page #wb-about .seo-ls.seo-sm{grid-template-columns:1fr}#web-page #wb-about .seo-in p{text-align:start}#web-page #wb-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#web-page #wb-about .seo-body,#web-page #wb-about .seo-ls li,#web-page #wb-about .seo-more,#web-page #wb-about .seo-more i svg,#web-page #wb-about .seo-fade{transition:none!important}}
#web-page #wb-about .seo-in h2{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#web-page #wb-about .seo-in h2:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#web-page #wb-about .seo-in .seo-h4{margin:22px 0 8px;font-size:clamp(16px,1.3vw,19px);font-weight:800;color:var(--goldtxt);line-height:1.8}
#web-page #wb-about .seo-in strong{font-weight:800;color:var(--ink)}
#web-page #wb-about .seo-td li{display:flex;flex-direction:column;gap:2px}
#web-page #wb-about .seo-td li>b{font-weight:800;color:var(--goldtxt);font-size:clamp(14.5px,1.1vw,16.5px)}
#web-page #wb-about .seo-td li>span{color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#web-page #wb-about .seo-ls li.seo-wide{grid-column:1/-1}
#web-page #wb-about .seo-ls .seo-sub{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 22px}
#web-page #wb-about .seo-ls .seo-sub li{position:relative;padding:0;padding-inline-start:18px;background:none;border:0;border-radius:0;transform:none;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#web-page #wb-about .seo-ls .seo-sub li:hover{transform:none;border-color:transparent}
#web-page #wb-about .seo-ls .seo-sub li:before{inset-inline-start:2px;top:.95em;width:6px;height:6px;border-radius:50%;transform:none}
@media(max-width:760px){#web-page #wb-about .seo-ls .seo-sub{grid-template-columns:1fr}}



#win-page #wn-about{position:relative;padding-inline:clamp(1rem,4vw + .5rem,9rem);direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink)}
@media(min-width:96rem){#win-page #wn-about{padding-inline:clamp(2rem,12vw + 20rem,16rem)}}
#win-page #wn-about *{box-sizing:border-box}
#win-page #wn-about .seo-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3.4vw,52px) clamp(18px,3.6vw,60px) 0;overflow:hidden}
#win-page #wn-about .seo-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold1),var(--gold2),transparent);opacity:.9}
#win-page #wn-about .seo-hd h2{margin:0 0 clamp(14px,2.2vw,26px);font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.01em;color:var(--hn,var(--ink));text-wrap:balance}
#win-page #wn-about .seo-body{position:relative;overflow:hidden;transition:max-height .5s cubic-bezier(.3,.7,.2,1)}
#win-page #wn-about.seo-js .seo-body.clip{max-height:var(--seo-h,560px)}
#win-page #wn-about .seo-in{padding-bottom:clamp(20px,3vw,34px)}
#win-page #wn-about .seo-in p{margin:0 0 14px;font-size:clamp(14.5px,1.05vw,16.5px);line-height:2.15;color:color-mix(in srgb,var(--ink) 84%,var(--mut));text-align:justify}
#win-page #wn-about .seo-in h3{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#win-page #wn-about .seo-in h3:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#win-page #wn-about .seo-in a{color:var(--goldtxt);text-decoration:underline;text-underline-offset:3px;font-weight:700}
#win-page #wn-about .seo-ls{list-style:none;margin:6px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#win-page #wn-about .seo-ls li{position:relative;padding:12px 16px;padding-inline-start:38px;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:var(--ink);transition:border-color .2s,transform .2s}
#win-page #wn-about .seo-ls li:hover{border-color:color-mix(in srgb,var(--gold2) 60%,var(--line));transform:translateY(-1px)}
#win-page #wn-about .seo-ls li:before{content:"";position:absolute;inset-inline-start:16px;top:1.05em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold1),var(--gold2))}
#win-page #wn-about .seo-ls.seo-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
#win-page #wn-about .seo-fade{position:absolute;inset-inline:0;bottom:84px;height:clamp(90px,14vw,150px);pointer-events:none;background:linear-gradient(to bottom,transparent,var(--card) 88%);transition:opacity .3s}
#win-page #wn-about .seo-cw{position:relative;display:flex;justify-content:center;padding:14px 0 clamp(20px,2.6vw,32px)}
#win-page #wn-about .seo-more{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);box-shadow:var(--shadow);transition:filter .2s,transform .2s}
#win-page #wn-about .seo-more:hover{filter:brightness(1.07);transform:translateY(-1px)}
#win-page #wn-about .seo-more[hidden]{display:none}
#win-page #wn-about .seo-more i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(28,23,18,.12)}
#win-page #wn-about .seo-more i svg{width:13px;height:13px;transition:transform .3s}
#win-page #wn-about .seo-more[aria-expanded="true"] i svg{transform:rotate(180deg)}
#win-page #wn-about.seo-open .seo-fade,#win-page #wn-about:not(.seo-js) .seo-fade{opacity:0}
#win-page #wn-about:not(.seo-js) .seo-cw{display:none}
@media(max-width:760px){#win-page #wn-about .seo-ls,#win-page #wn-about .seo-ls.seo-sm{grid-template-columns:1fr}#win-page #wn-about .seo-in p{text-align:start}#win-page #wn-about .seo-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){#win-page #wn-about .seo-body,#win-page #wn-about .seo-ls li,#win-page #wn-about .seo-more,#win-page #wn-about .seo-more i svg,#win-page #wn-about .seo-fade{transition:none!important}}
#win-page #wn-about .seo-in h2{position:relative;margin:clamp(26px,3vw,40px) 0 12px;padding-inline-start:18px;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.7;color:var(--ink)}
#win-page #wn-about .seo-in h2:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:calc(100% - 1.1em);min-height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold1),var(--gold2))}
#win-page #wn-about .seo-in .seo-h4{margin:22px 0 8px;font-size:clamp(16px,1.3vw,19px);font-weight:800;color:var(--goldtxt);line-height:1.8}
#win-page #wn-about .seo-in strong{font-weight:800;color:var(--ink)}
#win-page #wn-about .seo-td li{display:flex;flex-direction:column;gap:2px}
#win-page #wn-about .seo-td li>b{font-weight:800;color:var(--goldtxt);font-size:clamp(14.5px,1.1vw,16.5px)}
#win-page #wn-about .seo-td li>span{color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#win-page #wn-about .seo-ls li.seo-wide{grid-column:1/-1}
#win-page #wn-about .seo-ls .seo-sub{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 22px}
#win-page #wn-about .seo-ls .seo-sub li{position:relative;padding:0;padding-inline-start:18px;background:none;border:0;border-radius:0;transform:none;font-size:clamp(14px,1vw,15.5px);line-height:1.95;color:color-mix(in srgb,var(--ink) 80%,var(--mut))}
#win-page #wn-about .seo-ls .seo-sub li:hover{transform:none;border-color:transparent}
#win-page #wn-about .seo-ls .seo-sub li:before{inset-inline-start:2px;top:.95em;width:6px;height:6px;border-radius:50%;transform:none}
@media(max-width:760px){#win-page #wn-about .seo-ls .seo-sub{grid-template-columns:1fr}}


#fr-compare{scroll-margin-top:90px}

/* ===== یکسان‌سازی هدینگ‌ها: همه‌ی h2 سکشن‌ها هم‌اندازه و تک‌خطی؛ h1 بنر هم تک‌خطی ===== */
#food-page h2{font-size:var(--fa-h2,28px)!important;line-height:1.6!important;white-space:nowrap!important;max-width:none!important;text-wrap:nowrap!important}
#food-page #fa-about .seo-hd h2{font-size:var(--fa-h2,28px)!important;line-height:1.6!important}
#food-page.fa-wrap h2{white-space:normal!important;text-wrap:balance!important}
#food-page h1,#food-page h1 .hero-sub{white-space:nowrap!important}
#food-page h1{font-size:var(--fa-h1,48px)!important}
#food-page.fa-wrap-h1 h1,#food-page.fa-wrap-h1 h1 .hero-sub{white-space:normal}
#food-page .max-w-2xl{max-width:100%!important}
#food-page #fa-faq h2{font-size:1.5rem!important;line-height:1.3333!important;font-weight:800!important;white-space:normal!important;text-wrap:wrap!important;max-width:56rem!important}
@media (min-width:64rem){#food-page #fa-faq h2{line-height:70px!important}}
@media (min-width:80rem){#food-page #fa-faq h2{font-size:48px!important}}
#fs1-page h2{font-size:var(--fa-h2,28px)!important;line-height:1.6!important;white-space:nowrap!important;max-width:none!important;text-wrap:nowrap!important}
#fs1-page #fs1-about .seo-hd h2{font-size:var(--fa-h2,28px)!important;line-height:1.6!important}
#fs1-page.fa-wrap h2{white-space:normal!important;text-wrap:balance!important}
#fs1-page h1,#fs1-page h1 .hero-sub{white-space:nowrap!important}
#fs1-page h1{font-size:var(--fa-h1,48px)!important}
#fs1-page.fa-wrap-h1 h1,#fs1-page.fa-wrap-h1 h1 .hero-sub{white-space:normal}
#fs1-page .max-w-2xl{max-width:100%!important}
#fs1-page #fs1-faq h2{font-size:1.5rem!important;line-height:1.3333!important;font-weight:800!important;white-space:normal!important;text-wrap:wrap!important;max-width:56rem!important}
@media (min-width:64rem){#fs1-page #fs1-faq h2{line-height:70px!important}}
@media (min-width:80rem){#fs1-page #fs1-faq h2{font-size:48px!important}}
#fs2-page h2{font-size:var(--fa-h2,28px)!important;line-height:1.6!important;white-space:nowrap!important;max-width:none!important;text-wrap:nowrap!important}
#fs2-page #fs2-about .seo-hd h2{font-size:var(--fa-h2,28px)!important;line-height:1.6!important}
#fs2-page.fa-wrap h2{white-space:normal!important;text-wrap:balance!important}
#fs2-page h1,#fs2-page h1 .hero-sub{white-space:nowrap!important}
#fs2-page h1{font-size:var(--fa-h1,48px)!important}
#fs2-page.fa-wrap-h1 h1,#fs2-page.fa-wrap-h1 h1 .hero-sub{white-space:normal}
#fs2-page .max-w-2xl{max-width:100%!important}
#fs2-page #fs2-faq h2{font-size:1.5rem!important;line-height:1.3333!important;font-weight:800!important;white-space:normal!important;text-wrap:wrap!important;max-width:56rem!important}
@media (min-width:64rem){#fs2-page #fs2-faq h2{line-height:70px!important}}
@media (min-width:80rem){#fs2-page #fs2-faq h2{font-size:48px!important}}
#fs3-page h2{font-size:var(--fa-h2,28px)!important;line-height:1.6!important;white-space:nowrap!important;max-width:none!important;text-wrap:nowrap!important}
#fs3-page #fs3-about .seo-hd h2{font-size:var(--fa-h2,28px)!important;line-height:1.6!important}
#fs3-page.fa-wrap h2{white-space:normal!important;text-wrap:balance!important}
#fs3-page h1,#fs3-page h1 .hero-sub{white-space:nowrap!important}
#fs3-page h1{font-size:var(--fa-h1,48px)!important}
#fs3-page.fa-wrap-h1 h1,#fs3-page.fa-wrap-h1 h1 .hero-sub{white-space:normal}
#fs3-page .max-w-2xl{max-width:100%!important}
#fs3-page #fs3-faq h2{font-size:1.5rem!important;line-height:1.3333!important;font-weight:800!important;white-space:normal!important;text-wrap:wrap!important;max-width:56rem!important}
@media (min-width:64rem){#fs3-page #fs3-faq h2{line-height:70px!important}}
@media (min-width:80rem){#fs3-page #fs3-faq h2{font-size:48px!important}}
#fs4-page h2{font-size:var(--fa-h2,28px)!important;line-height:1.6!important;white-space:nowrap!important;max-width:none!important;text-wrap:nowrap!important}
#fs4-page #fs4-about .seo-hd h2{font-size:var(--fa-h2,28px)!important;line-height:1.6!important}
#fs4-page.fa-wrap h2{white-space:normal!important;text-wrap:balance!important}
#fs4-page h1,#fs4-page h1 .hero-sub{white-space:nowrap!important}
#fs4-page h1{font-size:var(--fa-h1,48px)!important}
#fs4-page.fa-wrap-h1 h1,#fs4-page.fa-wrap-h1 h1 .hero-sub{white-space:normal}
#fs4-page .max-w-2xl{max-width:100%!important}
#fs4-page #fs4-faq h2{font-size:1.5rem!important;line-height:1.3333!important;font-weight:800!important;white-space:normal!important;text-wrap:wrap!important;max-width:56rem!important}
@media (min-width:64rem){#fs4-page #fs4-faq h2{line-height:70px!important}}
@media (min-width:80rem){#fs4-page #fs4-faq h2{font-size:48px!important}}
#fs5-page h2{font-size:var(--fa-h2,28px)!important;line-height:1.6!important;white-space:nowrap!important;max-width:none!important;text-wrap:nowrap!important}
#fs5-page #fs5-about .seo-hd h2{font-size:var(--fa-h2,28px)!important;line-height:1.6!important}
#fs5-page.fa-wrap h2{white-space:normal!important;text-wrap:balance!important}
#fs5-page h1,#fs5-page h1 .hero-sub{white-space:nowrap!important}
#fs5-page h1{font-size:var(--fa-h1,48px)!important}
#fs5-page.fa-wrap-h1 h1,#fs5-page.fa-wrap-h1 h1 .hero-sub{white-space:normal}
#fs5-page .max-w-2xl{max-width:100%!important}
#fs5-page #fs5-faq h2{font-size:1.5rem!important;line-height:1.3333!important;font-weight:800!important;white-space:normal!important;text-wrap:wrap!important;max-width:56rem!important}
@media (min-width:64rem){#fs5-page #fs5-faq h2{line-height:70px!important}}
@media (min-width:80rem){#fs5-page #fs5-faq h2{font-size:48px!important}}
#fs6-page h2{font-size:var(--fa-h2,28px)!important;line-height:1.6!important;white-space:nowrap!important;max-width:none!important;text-wrap:nowrap!important}
#fs6-page #fs6-about .seo-hd h2{font-size:var(--fa-h2,28px)!important;line-height:1.6!important}
#fs6-page.fa-wrap h2{white-space:normal!important;text-wrap:balance!important}
#fs6-page h1,#fs6-page h1 .hero-sub{white-space:nowrap!important}
#fs6-page h1{font-size:var(--fa-h1,48px)!important}
#fs6-page.fa-wrap-h1 h1,#fs6-page.fa-wrap-h1 h1 .hero-sub{white-space:normal}
#fs6-page .max-w-2xl{max-width:100%!important}
#fs6-page #fs6-faq h2{font-size:1.5rem!important;line-height:1.3333!important;font-weight:800!important;white-space:normal!important;text-wrap:wrap!important;max-width:56rem!important}
@media (min-width:64rem){#fs6-page #fs6-faq h2{line-height:70px!important}}
@media (min-width:80rem){#fs6-page #fs6-faq h2{font-size:48px!important}}
#fs7-page h2{font-size:var(--fa-h2,28px)!important;line-height:1.6!important;white-space:nowrap!important;max-width:none!important;text-wrap:nowrap!important}
#fs7-page #fs7-about .seo-hd h2{font-size:var(--fa-h2,28px)!important;line-height:1.6!important}
#fs7-page.fa-wrap h2{white-space:normal!important;text-wrap:balance!important}
#fs7-page h1,#fs7-page h1 .hero-sub{white-space:nowrap!important}
#fs7-page h1{font-size:var(--fa-h1,48px)!important}
#fs7-page.fa-wrap-h1 h1,#fs7-page.fa-wrap-h1 h1 .hero-sub{white-space:normal}
#fs7-page .max-w-2xl{max-width:100%!important}
#fs7-page #fs7-faq h2{font-size:1.5rem!important;line-height:1.3333!important;font-weight:800!important;white-space:normal!important;text-wrap:wrap!important;max-width:56rem!important}
@media (min-width:64rem){#fs7-page #fs7-faq h2{line-height:70px!important}}
@media (min-width:80rem){#fs7-page #fs7-faq h2{font-size:48px!important}}
#fs8-page h2{font-size:var(--fa-h2,28px)!important;line-height:1.6!important;white-space:nowrap!important;max-width:none!important;text-wrap:nowrap!important}
#fs8-page #fs8-about .seo-hd h2{font-size:var(--fa-h2,28px)!important;line-height:1.6!important}
#fs8-page.fa-wrap h2{white-space:normal!important;text-wrap:balance!important}
#fs8-page h1,#fs8-page h1 .hero-sub{white-space:nowrap!important}
#fs8-page h1{font-size:var(--fa-h1,48px)!important}
#fs8-page.fa-wrap-h1 h1,#fs8-page.fa-wrap-h1 h1 .hero-sub{white-space:normal}
#fs8-page .max-w-2xl{max-width:100%!important}
#fs8-page #fs8-faq h2{font-size:1.5rem!important;line-height:1.3333!important;font-weight:800!important;white-space:normal!important;text-wrap:wrap!important;max-width:56rem!important}
@media (min-width:64rem){#fs8-page #fs8-faq h2{line-height:70px!important}}
@media (min-width:80rem){#fs8-page #fs8-faq h2{font-size:48px!important}}


/* جمع‌وجور کردن هیرو تا کل محتوا در یک ویو (دسکتاپ) جا شود */
@media(min-width:901px){
 #hero.hero{padding-block:clamp(8px,1.2vh,16px)!important}
 #hero .hw{padding:clamp(16px,2.6vh,30px) clamp(24px,3vw,52px)!important}
 .hero .hc{padding-inline-end:clamp(0px,3vw,44px)}
 .hero .hc p{font-size:clamp(14px,min(1.15vw,2.1vh),18px);line-height:1.85;margin:0 0 clamp(10px,1.8vh,16px)}
 .hero .hf{margin-bottom:clamp(8px,1.4vh,12px);padding:clamp(8px,1.4vh,12px) 16px}
 .hero .hf .hf-ic{width:clamp(36px,5vh,44px);height:clamp(36px,5vh,44px)}
 .hero .hb{gap:clamp(5px,.9vh,8px);margin-bottom:clamp(10px,1.6vh,16px)}
 .hero .hb>a{min-height:clamp(36px,5.2vh,46px);padding-block:4px}
 .hero .hb>a.b1{min-height:clamp(40px,5.8vh,50px)}
 .hero .hmeta .hcall,.hero .hmeta .rate{padding:clamp(6px,1vh,10px) 18px}
 .hero .hmeta .hcall i{width:clamp(34px,4.6vh,42px);height:clamp(34px,4.6vh,42px)}
}
@media(min-width:901px) and (max-height:820px){.hero .hf .hf-tx small{display:none}}


/* ===== هیرو: کم‌شلوغ‌تر، یکدست و هم‌تراز با نوار شناور کناری ===== */

/* ۱) حاشیه‌ی راست و چپ برابر؛ شروع محتوا دقیقاً بعد از نوار شناور (.side: عرض ۶۲px + ۱۰px فاصله از لبه‌ی صفحه)
      برای تغییر فاصله‌ی محتوا از آیکن‌ها فقط --hero-gap را عوض کنید */
@media(min-width:901px){
  #hero{--side-clear:72px;--hero-gap:14px;--hero-gx:calc(var(--side-clear) + var(--hero-gap))}
  #hero .hw{padding-inline:var(--hero-gx)!important}
  .hero .hc{padding-inline-start:0!important}
  /* ۲) باکس تلفن + امتیاز: هم‌عرض و هم‌تراز با «بدون نصب، رایگان تست کنید» و دکمه‌ها */
  .hero .hmeta{width:100%;max-width:620px}
}

/* ۳) هر پنج دکمه: یک ظاهر (همان «پلن‌ها | قیمت‌ها») تا هیرو کم‌رنگ‌تر و آرام‌تر شود */
.hero .hb>a.b1,.hero .hb>a.b2,.hero .hb>a.b3,.hero .hb>a.b4,.hero .hb>a.b5{
  background:transparent;color:var(--goldtxt);
  border:2px solid var(--gold2)!important;
  box-shadow:none;filter:none;
}
.hero .hb>a.b1:after{display:none}
.hero .hb>a svg{stroke:currentColor}
.hero .hb>a.b1:hover,.hero .hb>a.b2:hover,.hero .hb>a.b3:hover,.hero .hb>a.b4:hover,.hero .hb>a.b5:hover{
  background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--on-gold);
  border-color:transparent!important;transform:translateY(-2px);box-shadow:none;filter:none;
}

/* ۴) منوی اصلی: آیتم‌ها همیشه تک‌خطی */
@media(min-width:1021px){
  .nav>.dd>button,.nav>a.dm-l{white-space:nowrap}
  .nav>a.dm-l{max-width:none;line-height:inherit;padding:9px 14px;font-size:14.5px}
}
@media(min-width:1021px) and (max-width:1500px){
  .main .wrap{gap:10px}
  .nav>.dd>button,.nav>a.dm-l{font-size:13.5px;padding:9px 9px}
  .main .srch span,.main .srch kbd{display:none}
}
/* عرض‌های کم (۱۰۲۱–۱۱۳۰): فشرده‌تر؛ دکمه‌ی «دمو رایگان» هدر حذف می‌شود چون در نوار بالا و دکمه‌ی شناور هست */
@media(min-width:1021px) and (max-width:1130px){
  .nav>.dd>button,.nav>a.dm-l{font-size:12.5px;padding:8px 6px}
  .nav>.dd>button{gap:4px}
  .main .actions .btn.red{display:none}
}


.cm-item[hidden]{display:none!important}
.cm-item{opacity:1!important;transform:none!important}
.cm-box .cm-pg{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2rem}
.cm-box .cm-pg button{width:40px;height:40px;padding:0;border:0!important;border-radius:50%!important;display:grid;place-items:center;font:inherit;font-size:15px;cursor:pointer;background:#FFF6F2!important;color:#0A2745!important;transition:background .2s,transform .2s}
.cm-box .cm-pg button:hover:not(:disabled):not([aria-current]){background:#FFE5DB!important;transform:scale(1.06)}
.cm-box .cm-pg button[aria-current]{background:#FF4C00!important;color:#fff!important;box-shadow:0 4px 10px -4px rgba(255,76,0,.6);cursor:default}
.cm-box .cm-pg button.cm-nav{background:#0A2745!important;color:#fff!important}
.cm-box .cm-pg button.cm-nav:hover:not(:disabled){background:#163456!important}
.cm-box .cm-pg button:disabled{background:#f3f4f6!important;color:#d1d5db!important;cursor:not-allowed;transform:none}
.cm-box .cm-pg button:focus-visible{outline:2px solid #FF4C00;outline-offset:2px}
.cm-box .cm-pg svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:640px){.cm-box .cm-pg button{width:34px;height:34px;font-size:14px}}

/* جدول‌های مقایسه در موبایل: اسکرول افقی داخل خود جدول بماند و عرض کل صفحه را بزرگ نکند */
.fr-tw,.bs-tw{max-width:100%;contain:paint}