/* Online Shah Alami standalone stylesheet extracted from the supplied HTML. */

/* ============ Online Shah Alami STYLES ============ */
:root{--gold:#FF7A00;--amber:#D95F00;--light:#FFD2A8;--ink:#0F2540;--ink2:#1D3B63;--cream:#F3F5F8;--text:#17222F;--mut:#5B6B7C;--line:#E1E6EC;--shadow:0 1px 3px rgba(15,37,64,.08);
--hex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66v34' fill='none' stroke='%23D95F00' stroke-opacity='.3'/%3E%3Cpath d='M28 0v34L0 50v34l28 16 28-16V50L28 34' fill='none' stroke='%23D95F00' stroke-opacity='.3'/%3E%3C/svg%3E")}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;background:var(--cream);color:var(--text);line-height:1.6;overflow-x:hidden;margin:0}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}
button,input,select,textarea{font-family:inherit;font-size:1rem}
button{cursor:pointer}
h1,h2,h3,h4{font-family:'Poppins',system-ui,sans-serif;line-height:1.15}
.wrap{max-width:1200px;margin:0 auto;width:100%}
#navbar,.navbar,#Navbar1,.post-feeds,.blog-feeds{display:none!important}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* buttons */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 30px;border:0;border-radius:999px;background:linear-gradient(135deg,#FFD2A8,#FF7A00 55%,#D95F00);color:#0A1628;font-weight:700;box-shadow:0 10px 25px rgba(255,122,0,.4);transition:transform .25s,box-shadow .25s}
.btn:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(255,122,0,.55)}
.btn:after{content:"";position:absolute;top:0;left:-80%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);transition:left .6s}
.btn:hover:after{left:140%}
.btn.ghost{background:rgba(255,255,255,.6);color:#7A3300;border:2px solid var(--amber);box-shadow:none}
.btn.dk{background:var(--ink);color:var(--light);box-shadow:none}
.btn.red{background:#b3261e;color:#fff;box-shadow:none}
.btn.sm{padding:10px 20px;font-size:.92rem}
.btn[disabled]{opacity:.6;pointer-events:none}
.back{background:#fff;border:1.5px solid var(--gold);color:#7A3300;padding:8px 18px;border-radius:999px;font-weight:600;backdrop-filter:blur(8px);transition:.25s;margin-bottom:18px}
.back:hover{background:var(--gold);color:#0A1628;transform:translateX(-3px)}

/* header */
header.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:10px 5%;background:rgba(250,251,252,.84);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(217,95,0,.3);box-shadow:0 6px 24px rgba(15,37,64,.1)}
.logo{display:flex;align-items:center;gap:10px;font-family:'Poppins',system-ui,sans-serif;font-weight:800;font-size:1.35rem;color:var(--ink);letter-spacing:.5px}
.logo b{color:var(--amber)}
.logo svg{width:34px;height:34px}
nav#nav{display:flex;align-items:center;gap:4px}
nav#nav a{color:#3A4A5C;padding:8px 12px;border-radius:999px;font-weight:500;font-size:.95rem;transition:.25s;position:relative}
nav#nav a:hover,nav#nav a.act{background:rgba(255,122,0,.26);color:#7A3300}
nav#nav em{font-style:normal;background:var(--gold);color:#0A1628;border-radius:999px;font-size:.72rem;font-weight:700;padding:1px 7px;margin-left:5px}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;padding:8px}
.burger i{display:block;width:26px;height:3px;background:var(--amber);border-radius:3px;transition:.3s}
.burger.open i:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger.open i:nth-child(2){opacity:0}
.burger.open i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
main#view{min-height:70vh}

/* hero */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 5% 150px;color:var(--text);background:radial-gradient(circle at 75% 42%,rgba(255,122,0,.42),transparent 55%),linear-gradient(180deg,#F7F9FB,#E9EEF3)}
.hero:before{content:"";position:absolute;inset:0;background-image:var(--hex);opacity:.9}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.tag{display:inline-block;padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid rgba(217,95,0,.4);backdrop-filter:blur(8px);color:#7A3300;font-size:.9rem;margin-bottom:22px}
.hero h1{font-size:clamp(2.7rem,6.4vw,5.2rem);font-weight:800;letter-spacing:-1px}
.gold{display:block;background:linear-gradient(90deg,#FF7A00,#D95F00 50%,#B34A00);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.sub{font-size:1.2rem;color:#44566A;max-width:30em;margin:22px 0 32px}
.btns{display:flex;flex-wrap:wrap;gap:14px}
.stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}
.stats div{padding:12px 18px;border-radius:16px;background:rgba(255,255,255,.7);border:1px solid rgba(217,95,0,.25);backdrop-filter:blur(10px);font-size:.9rem;color:#44566A;box-shadow:0 8px 20px rgba(15,37,64,.1)}
.stats b{display:block;color:var(--amber);font-family:'Poppins',system-ui,sans-serif;font-size:1.25rem}
.stage{perspective:1000px;display:flex;justify-content:center;position:relative}
.stage .glow{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,122,0,.55),transparent 68%);filter:blur(30px);top:8%}
.tilt{position:relative;transform-style:preserve-3d;transition:transform .15s ease-out;width:min(340px,72vw)}
.floatw,.fl2{filter:drop-shadow(0 30px 26px rgba(15,37,64,.38))}
.floatw{animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0) rotateY(-12deg)}50%{transform:translateY(-18px) rotateY(12deg)}}
.wave{animation:wave 4s linear infinite}
@keyframes wave{to{transform:translateX(-100px)}}
.jar text{font-family:'Poppins',system-ui,sans-serif;font-weight:800}
.drips{position:absolute;left:0;right:0;bottom:-1px;height:0;z-index:5}
.drips:before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px;background:linear-gradient(#FFD2A8,#FF7A00)}
.drip{position:absolute;top:-2px;width:var(--w);height:var(--h);border-radius:0 0 999px 999px;background:linear-gradient(90deg,#D95F00,#FFD2A8 45%,#D95F00);box-shadow:inset -3px -6px 8px rgba(15,37,64,.25);animation:drip var(--d) ease-in-out infinite alternate}
@keyframes drip{from{height:calc(var(--h)*.55)}to{height:var(--h)}}

/* sections */
.sec{padding:100px 5% 90px}
.sec.first{padding-top:130px}
.sec.dark{background:linear-gradient(180deg,#E7EDF3,#E7EDF3);color:var(--text);position:relative}
.sec.dark:before{content:"";position:absolute;inset:0;background-image:var(--hex)}
.sec.dark>*{position:relative}
.sec.white{background:#fff}
.stitle{text-align:center;margin-bottom:50px}
.stitle h2{font-size:clamp(2rem,4vw,3rem)}
.stitle p{color:var(--mut);margin-top:10px}
.dark .stitle p{color:#5B6B7C}
.phead{position:relative;background:var(--hex),radial-gradient(circle at 80% 0,rgba(255,122,0,.35),transparent 55%),linear-gradient(180deg,#EEF2F6,#E7EDF3);color:var(--text);padding:120px 5% 50px}
.phead h1{font-size:clamp(2rem,5vw,3.2rem)}
.phead p{color:#5B6B7C;margin-top:8px}
.glass{background:rgba(255,255,255,.72);border:1px solid rgba(217,95,0,.25);box-shadow:0 14px 30px rgba(15,37,64,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:22px;padding:28px}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.feat .glass h3{color:#7A3300;margin:10px 0 6px;font-size:1.2rem}
.feat .glass p{color:#44566A;font-size:.95rem}
.feat .ic{font-size:2rem}

/* product cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:28px}
.pcard{position:relative;background:#fff;border-radius:26px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);transition:box-shadow .3s,transform .2s;transform-style:preserve-3d;will-change:transform}
.pcard:hover{box-shadow:0 30px 60px rgba(15,37,64,.3)}
.pimg{display:flex;align-items:center;justify-content:center;height:280px;background:radial-gradient(circle at 50% 40%,#EEF2F6,#DCE4EC 70%);padding:22px;overflow:hidden}
.pimg img{height:100%;width:100%;object-fit:contain;transition:transform .5s}
.pimg svg{height:100%;width:auto;transition:transform .5s;filter:drop-shadow(0 14px 12px rgba(15,37,64,.35))}
.pcard:hover .pimg img,.pcard:hover .pimg svg{transform:scale(1.08) translateZ(30px)}
.badge{position:absolute;top:16px;left:16px;z-index:2;background:var(--ink);color:var(--light);padding:4px 14px;border-radius:999px;font-size:.78rem;font-weight:700}
.heart{position:absolute;top:12px;right:12px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:#B8C2CC;font-size:1.2rem;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:.25s}
.heart.on{color:#e0245e;transform:scale(1.1)}
.heart:hover{transform:scale(1.18)}
.pbody{padding:20px 22px 24px}
.pbody h3{font-size:1.25rem;margin-bottom:10px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.chip{border:1.5px solid var(--line);background:#fff;padding:5px 14px;border-radius:999px;font-weight:600;font-size:.88rem;color:var(--text);transition:.2s}
.chip.on{background:var(--ink);color:var(--light);border-color:var(--ink)}
.price{font-family:'Poppins',system-ui,sans-serif;font-size:1.5rem;font-weight:800;color:var(--amber);margin-bottom:14px}

/* product detail */
.pd{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.pd .pimg{height:460px;border-radius:28px;border:1px solid var(--line)}
.pd h2{font-size:2.3rem;margin-bottom:12px}
.pd p.d{color:var(--mut);margin:14px 0 22px}
.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}
.qty button{width:40px;height:40px;border:0;background:none;font-size:1.2rem;font-weight:700}
.qty input{width:50px;text-align:center;border:0;font-weight:700;background:none}
.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}

/* forms */
.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}
.fld{margin-bottom:16px}
.fld label{display:block;font-weight:600;margin-bottom:6px;font-size:.92rem}
.fld input,.fld textarea,.fld select,.inp{width:100%;padding:13px 16px;border:1.5px solid var(--line);border-radius:14px;background:#FAFBFC;color:var(--text);transition:.2s}
.fld input:focus,.fld textarea:focus,.fld select:focus,.inp:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(255,122,0,.2);outline:0}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pay{display:grid;gap:10px;margin-bottom:16px}
.pay label{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;cursor:pointer;font-weight:600;background:#FAFBFC}
.pay input{accent-color:var(--amber);width:18px;height:18px}
.note{background:#EEF2F6;border:1px dashed var(--gold);border-radius:14px;padding:14px 16px;font-size:.93rem;margin-bottom:16px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.tabs button{padding:10px 22px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-weight:700;color:var(--text)}
.tabs button.on{background:var(--ink);color:var(--light);border-color:var(--ink)}
.msg{padding:12px 16px;border-radius:12px;margin-bottom:14px;font-size:.93rem}
.msg.err{background:#fde8e6;color:#8c1d18}
.msg.ok{background:#e4f6e8;color:#1b5e2e}

/* cart */
.cart{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:start}
.line{display:grid;grid-template-columns:90px 1fr auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.line:last-child{border:0}
.line .th{height:90px;border-radius:16px;background:#E7EDF3;display:flex;align-items:center;justify-content:center;padding:6px}
.line .th img,.line .th svg{height:100%;width:auto;object-fit:contain}
.line h4{font-size:1.05rem}
.rm{background:none;border:0;color:#b3261e;font-weight:600;font-size:.88rem;margin-top:4px}
.sum div{display:flex;justify-content:space-between;padding:8px 0}
.sum .tot{border-top:2px solid var(--line);margin-top:8px;padding-top:14px;font-weight:800;font-size:1.25rem}
.empty{text-align:center;padding:60px 20px;color:var(--mut)}
.empty .big{font-size:3.5rem}

/* contact / about */
.cinfo{display:grid;gap:16px}
.cinfo a,.cinfo div.ci{display:flex;gap:14px;align-items:center;background:#fff;padding:18px 20px;border-radius:18px;border:1px solid var(--line);transition:.25s}
.cinfo a:hover{transform:translateX(6px);border-color:var(--gold)}
.cinfo .i{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#FFD2A8,#FF7A00);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex:none}
.cinfo small{display:block;color:var(--mut)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.cta{text-align:center}
.cta h2{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:14px}
.cta p{color:#5B6B7C;margin-bottom:26px}

/* admin */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:24px}
.stat{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}
.stat b{display:block;font-family:'Poppins',system-ui,sans-serif;font-size:1.9rem;color:var(--amber)}
.tw{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px}
table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:720px}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
th{background:#EEF2F6;font-size:.82rem}
td img{width:46px;height:46px;object-fit:cover;border-radius:10px}
.bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:16px}
.vrow{display:grid;grid-template-columns:1fr 1fr 40px;gap:8px;margin-bottom:8px}
.vrow input{padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;width:100%}
.x{border:0;background:#fde8e6;color:#8c1d18;border-radius:10px;font-weight:700}
.st{padding:3px 12px;border-radius:999px;font-size:.78rem;font-weight:700;background:#EEF2F6}
#modal{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:30px 14px;overflow:auto}
#modal .box{background:#fff;border-radius:24px;padding:28px;max-width:640px;width:100%;position:relative}
#modal .close{position:absolute;top:14px;right:14px;border:0;background:#EDF0F4;width:36px;height:36px;border-radius:50%;font-size:1.1rem}
.prev{width:120px;height:120px;object-fit:cover;border-radius:14px;border:1px solid var(--line);margin-top:8px;background:#EEF2F6}

/* footer / floating */
footer{background:var(--hex),linear-gradient(180deg,#E9EEF3,#DCE4EC);color:#44566A;padding:60px 5% 24px}
.fgrid{display:grid;grid-template-columns:1.3fr .9fr 1fr 1.2fr 1.2fr;gap:28px}
footer h4{color:#7A3300;margin-bottom:12px}
footer a{display:block;padding:3px 0;transition:.2s}
footer a:hover{color:var(--gold)}
.copy{text-align:center;border-top:1px solid rgba(255,122,0,.2);margin-top:34px;padding-top:18px;font-size:.88rem}
.wa{position:fixed;right:18px;bottom:18px;z-index:90;width:58px;height:58px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.35);font-size:1.7rem;transition:.25s}
.wa:hover{transform:scale(1.1) rotate(-6deg)}
#toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,30px);background:var(--ink);color:var(--light);padding:12px 24px;border-radius:999px;border:1px solid var(--gold);opacity:0;pointer-events:none;transition:.35s;z-index:400;max-width:90vw;text-align:center}
#toast.show{opacity:1;transform:translate(-50%,0)}
.rv{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}
.rv.in{opacity:1;transform:none}

@media(max-width:960px){
.burger{display:flex}
nav#nav{position:fixed;top:60px;right:-110%;width:min(330px,88vw);height:calc(100vh - 60px);flex-direction:column;align-items:stretch;gap:6px;padding:24px;background:rgba(250,251,252,.98);backdrop-filter:blur(18px);transition:right .35s;overflow:auto}
nav#nav.open{right:0}
nav#nav a{font-size:1.05rem;padding:13px 16px}
.hero-grid,.pd,.cart,.two{grid-template-columns:1fr}
.hero{padding-top:110px;text-align:center}
.hero p.sub{margin-left:auto;margin-right:auto}
.btns,.stats{justify-content:center}
.fgrid{grid-template-columns:1fr 1fr}
.pd .pimg{height:340px}
}
@media(max-width:560px){
.g2,.fgrid{grid-template-columns:1fr}
.line{grid-template-columns:70px 1fr}
.line .th{height:70px}
.line>div:last-child{grid-column:1/-1}
.sec{padding:80px 5% 70px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* ----- extra 3D scene ----- */
.side{position:absolute;bottom:3%;width:52%}
.s1{left:-44%;transform:translateZ(-150px) rotateY(22deg)}
.s2{right:-42%;width:46%;transform:translateZ(-240px) rotateY(-24deg)}
@keyframes float2{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.fl2{animation:float2 6.5s ease-in-out infinite}
.floor{position:absolute;left:6%;right:6%;bottom:-16px;height:30px;border-radius:50%;background:radial-gradient(ellipse,rgba(15,37,64,.42),transparent 70%);filter:blur(6px);transform:translateZ(-2px)}
.hx{position:absolute;width:var(--s);aspect-ratio:.866;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(135deg,#C5D1DD,#FF7A00 60%,#D95F00);opacity:.9;transform:translateZ(var(--z)) rotate(var(--r));animation:hxf var(--t) ease-in-out infinite alternate}
@keyframes hxf{to{transform:translateZ(calc(var(--z) + 50px)) rotate(calc(var(--r) + 40deg)) translateY(-16px)}}
/* ----- benefits ----- */
.ben{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.bcard{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow);transform-style:preserve-3d;transition:box-shadow .3s}
.bcard:hover{box-shadow:0 28px 55px rgba(15,37,64,.28)}
.bi{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#C5D1DD,#FF7A00);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 12px 20px rgba(217,95,0,.35),inset 0 -4px 8px rgba(15,37,64,.25);margin-bottom:16px;transform:translateZ(30px)}
.bcard h3{font-size:1.2rem;margin-bottom:6px}
.bcard p{color:var(--mut);font-size:.95rem}
.fine{text-align:center;color:var(--mut);font-size:.85rem;margin-top:26px}
/* ----- policies ----- */
.policy h2{font-size:1.9rem;margin-bottom:4px}
.policy h3{margin:22px 0 8px;color:#7A3300;font-size:1.15rem}
.policy p{margin-bottom:10px}
.policy ul,.policy ol{margin:6px 0 10px 22px}
.policy li{margin-bottom:5px}
.policy .upd{color:var(--mut);font-size:.88rem;margin-bottom:12px}
@media(max-width:560px){.s1{left:-34%}.s2{right:-32%}}
/* ----- reviews and product page ----- */
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,360px));gap:28px;justify-content:center}
.rgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.rcard{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}
.rcard p{margin:12px 0;color:var(--text)}
.rcard small{color:var(--mut)}
.rtop{display:flex;gap:12px;align-items:center}
.av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#FFD2A8,#D95F00);color:#0A1628;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:'Poppins',system-ui,sans-serif;font-size:1.2rem;flex:none}
.stars{color:#FF7A00;letter-spacing:2px}
.rsum{margin-top:6px;color:var(--mut)}
.rate{display:flex;gap:2px}
.rate button{background:none;border:0;font-size:2.1rem;line-height:1;color:#D5DCE4;transition:.15s}
.rate button.on{color:#FF7A00}
.rate button:hover{transform:scale(1.18)}
.chip.sz{display:flex;flex-direction:column;align-items:center;padding:10px 22px;border-radius:16px;min-width:104px}
.chip.sz small{font-size:.8rem;opacity:.8}
table.info{min-width:0}
table.info th{width:36%;background:#F3F5F8;vertical-align:top}

/* ---- revenue chart + order tracking ---- */
.bars{display:flex;align-items:flex-end;gap:12px;height:210px;padding-top:10px}
.bars .c{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;font-size:.78rem;color:var(--mut)}
.bars i{display:block;width:100%;max-width:56px;border-radius:10px 10px 0 0;background:linear-gradient(var(--light),var(--gold));margin-bottom:6px}
.bars .v{font-weight:700;color:var(--ink);margin-bottom:4px;font-size:.7rem}
.tl{list-style:none;margin:18px 0 6px;padding:0}
.tl li{position:relative;padding:0 0 24px 48px;min-height:34px}
.tl li:before{content:"";position:absolute;left:14px;top:34px;bottom:2px;width:3px;background:var(--line)}
.tl li:last-child{padding-bottom:0}.tl li:last-child:before{display:none}
.tl .dot{position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#fff;border:3px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:.85rem}
.tl li.done .dot{background:var(--gold);border-color:var(--gold)}
.tl li.done:before{background:var(--gold)}
.tl li.now .dot{box-shadow:0 0 0 6px rgba(255,122,0,.25)}
.tl li.todo{opacity:.55}
.tl b{display:block}.tl small{color:var(--mut)}

/* ---- mobile polish (phones) ---- */
html{-webkit-text-size-adjust:100%}
img,video{max-width:100%}
@media(max-width:700px){
.tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px;margin-bottom:18px}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:0 0 auto;white-space:nowrap;padding:9px 16px;font-size:.9rem}
.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.stat{padding:14px}
.stat b{font-size:1.3rem;word-break:break-word}
.card{padding:20px 16px;border-radius:20px}
.bars{gap:6px;height:190px}
.bars .v{font-size:.58rem;word-break:break-all;text-align:center}
.bars .c{font-size:.65rem}
.tw table{font-size:.85rem}
.tw th,.tw td{padding:10px 8px}
.g2{grid-template-columns:1fr;gap:0}
.bar{flex-direction:column;align-items:stretch}
.bar .btn,.bar select{width:100%}
#modal{padding:14px 8px}
#modal .box{padding:22px 16px;border-radius:20px}
.fld input,.fld textarea,.fld select,.inp{font-size:16px}
.row .btn.sm{flex:1 1 auto;text-align:center}
.tl li{padding-left:44px}
}

/* ============ PROFESSIONAL STORE THEME ============ */
body{background:#F3F5F8;letter-spacing:0}
h1,h2,h3,h4{letter-spacing:-.3px}
header.nav{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px 0 var(--line),0 6px 18px rgba(15,37,64,.05)}
.btn{border-radius:10px;background:var(--gold);color:#fff;box-shadow:none;padding:13px 26px;font-weight:600}
.btn:after{display:none}
.btn:hover{transform:none;background:var(--amber);box-shadow:0 8px 20px rgba(217,95,0,.28)}
.btn.dk{background:var(--ink);color:#fff}.btn.dk:hover{background:var(--ink2);box-shadow:none}
.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--ink)}
.hero{min-height:auto;padding:130px 5% 90px;color:#fff;background:linear-gradient(120deg,#0F2540 0%,#1D3B63 100%)}
.hero:before,.hero canvas,.hero .stage,.hx,.drips{display:none!important}
.hero-grid{grid-template-columns:1fr}
.hero h1{font-size:clamp(2.2rem,5vw,3.8rem);color:#fff;max-width:15em;letter-spacing:-.8px}
.hero .gold{color:#FFB35C}
.hero p.sub{color:#C9D6E4;font-size:1.1rem}
.hero .tag{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff}
.hero .btn.ghost{color:#fff;border-color:rgba(255,255,255,.65)}
.hero .stats,.hero .stats div{color:#C9D6E4}.hero .stats b{color:#FFB35C}
.sec.dark{background:#E7EDF3;color:var(--text)}
.sec.dark:before{display:none}
.glass{background:#fff;border:1px solid var(--line);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:12px}
.feat .glass h3{color:var(--ink)}
.phead{background:#0F2540;color:#fff;padding:115px 5% 40px}
.phead h1{color:#fff}.phead p{color:#C9D6E4}.phead .back{color:#fff}
.pcard,.card,.bcard{border-radius:12px;box-shadow:0 1px 3px rgba(15,37,64,.06)}
.pcard{transform:none!important}
.pcard:hover,.bcard:hover{box-shadow:0 10px 26px rgba(15,37,64,.13)}
.pimg{height:220px;background:#F7F9FB}
.pimg .ptile{background:transparent;font-size:5rem;min-height:0}
.price{font-size:1.2rem;color:var(--ink)}
.fld input,.fld textarea,.fld select,.inp{border-radius:10px}
.chip,.tabs button,.ctile{border-radius:10px}
.chip.on,.tabs button.on{background:var(--ink);color:#fff}
.ctile{border-radius:12px}
footer{background:#0F2540;color:#B8C2CC}
footer h4,footer .logo,footer .logo b{color:#fff}
footer a:hover{color:#FFB35C}

/* ---- store layout ---- */
.topbar{background:#0A1628;color:#C9D6E4;font-size:.82rem;display:flex;justify-content:space-between;gap:12px;padding:8px 5%}
header.nav{position:sticky;top:0;gap:20px}
.hsearch{flex:1;max-width:560px;display:flex;border:2px solid var(--ink);border-radius:10px;overflow:hidden;background:#fff}
.hsearch input{flex:1;border:0;padding:10px 14px;font:inherit;background:transparent;min-width:0;outline:0}
.hsearch button{border:0;background:var(--ink);color:#fff;padding:0 20px;font-weight:600;cursor:pointer}
nav#nav a{border-radius:8px}
.catbar{background:#fff;border-bottom:1px solid var(--line);display:flex;gap:4px;padding:0 5%;overflow-x:auto;scrollbar-width:none}
.catbar::-webkit-scrollbar{display:none}
.catbar a{padding:12px 16px;font-weight:600;font-size:.92rem;color:var(--ink);white-space:nowrap;border-bottom:3px solid transparent}
.catbar a:hover{color:var(--amber);border-bottom-color:var(--gold)}
.sec.first{padding-top:56px}.phead{padding-top:44px}.hero{padding-top:70px}
.hero-grid{grid-template-columns:1.2fr .8fr;gap:40px}
.hpanel{display:grid;gap:12px}
.hpanel div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px 20px}
.hpanel b{display:block;color:#fff;font-size:1rem}.hpanel span{color:#C9D6E4;font-size:.9rem}
@media(max-width:960px){
 header.nav{flex-wrap:wrap;gap:10px}.hsearch{order:3;max-width:none;width:100%;flex-basis:100%}
 nav#nav{top:0;height:100vh;padding-top:80px;z-index:200}.topbar span:last-child{display:none}
 .hero-grid{grid-template-columns:1fr}.hero{text-align:left}
}
.pimg{position:relative;overflow:hidden}.pimg .hv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}.pcard:hover .pimg .hv{opacity:1}.pv{width:100%;border-radius:20px;margin-top:12px}.wsl{color:var(--amber);font-weight:600;font-size:.9rem}

/* ============ Online Shah Alami — EMERALD MARKETPLACE THEME (final layer) ============ */
:root{--gold:#D4AF37;--amber:#8F6A0A;--light:#D1FAE5;--ink:#1B1440;--ink2:#0B5D44;--cream:#F6F8F5;--text:#1B2B25;--mut:#5F7068;--line:#E3EAE5;--accent:#F59E0B;--sale:#E11D48;--shadow:0 1px 2px rgba(27,20,64,.06),0 4px 14px rgba(27,20,64,.05);--r:14px}
body{background:var(--cream);color:var(--text)}
:focus-visible{outline:3px solid var(--accent)}
/* buttons */
.btn{padding:12px 26px;border-radius:12px;background:var(--amber);color:#fff;box-shadow:0 6px 16px rgba(143,106,10,.28);font-weight:600}
.btn:after{display:none}
.btn:hover{transform:translateY(-2px);background:#7d5c0b;box-shadow:0 10px 22px rgba(143,106,10,.35)}
.btn.ghost{background:#fff;color:var(--amber);border:1.5px solid var(--amber);box-shadow:none}
.btn.ghost:hover{background:var(--light)}
.btn.dk{background:var(--ink);color:#fff}
.btn.red{background:var(--sale);color:#fff}
.btn.sm{padding:10px 18px;font-size:.92rem;border-radius:10px}
/* top bar + header */
.topbar{background:var(--ink);color:#D9D2F0;font-size:.8rem}
header.nav{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line);padding:12px 5%}
.logo{color:var(--ink)}.logo b{color:var(--gold)}
.hsearch{border:1.5px solid var(--line);background:#F5F1E6;border-radius:999px;transition:.2s}
.hsearch:focus-within{border-color:var(--gold);background:#fff;box-shadow:0 0 0 4px rgba(212,175,55,.15)}
.hsearch input{padding:11px 18px}
.hsearch button{background:var(--amber);border-radius:999px;margin:4px;padding:0 22px;height:auto}
#nav a{border-radius:10px;font-weight:500}
#nav a:hover,#nav a.on,#nav a.active{background:var(--light);color:var(--ink)}
#nav em,header em{background:var(--accent);color:#1B1440;border-radius:999px;font-style:normal;font-weight:700}
.catbar{background:#fff;border-bottom:1px solid var(--line);padding:0 5%;position:sticky;top:64px;z-index:50}
.catbar a{font-weight:500;color:var(--text);border-bottom:3px solid transparent;padding:12px 16px}
.catbar a:hover{color:var(--amber);border-bottom-color:var(--gold)}
/* hero: bright split layout */
.hero{min-height:auto;padding:56px 5% 64px;color:var(--text);background:radial-gradient(900px 400px at 85% 10%,rgba(245,158,11,.20),transparent 60%),radial-gradient(800px 420px at 0 100%,rgba(212,175,55,.18),transparent 60%),linear-gradient(180deg,#F3EFE2,#F6F8F5)}
.hero:before,.hero canvas,.hero:after,.hero .stage,.hx,.drips{display:none!important}
.hero-grid{grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hero h1{color:var(--ink);font-size:clamp(2.3rem,5vw,4rem);font-weight:800;letter-spacing:-1.2px;max-width:12em}
.hero .gold{display:inline;background:none;color:var(--amber);-webkit-text-fill-color:var(--amber);position:relative}
.hero .gold:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:12px;background:rgba(245,158,11,.35);z-index:-1;border-radius:6px}
.hero p.sub{color:var(--mut);font-size:1.12rem;max-width:30em;margin:18px 0 28px}
.hero .tag{background:#fff;border:1px solid var(--line);color:var(--amber);font-weight:600;box-shadow:var(--shadow)}
.hero .btn.ghost{color:var(--amber);border-color:var(--amber)}
.hero .stats{gap:10px}
.hero .stats div{background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--mut);box-shadow:var(--shadow);backdrop-filter:none}
.hero .stats b{color:var(--ink)}
.hpanel{grid-template-columns:1fr 1fr;gap:14px}
.hpanel div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow);transition:.25s}
.hpanel div:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(27,20,64,.12)}
.hpanel div:nth-child(1){background:var(--ink);border-color:var(--ink)}
.hpanel div:nth-child(1) b{color:#fff}.hpanel div:nth-child(1) span{color:#D9D2F0}
.hpanel div:nth-child(4){background:#FFF8E1;border-color:#F0DFA0}
.hpanel b{color:var(--ink);font-size:1rem;margin-bottom:4px}.hpanel span{color:var(--mut);font-size:.88rem}
/* sections */
.sec{padding:64px 5% 56px}.sec.first{padding-top:48px}
.sec.dark{background:#F3EFE2;color:var(--text)}.sec.dark:before{display:none}
.sec.white{background:#fff}
.stitle{text-align:left;margin-bottom:28px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
.stitle h2{font-size:clamp(1.5rem,3vw,2.1rem);position:relative;padding-left:16px;font-weight:700}
.stitle h2:before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:5px;border-radius:4px;background:linear-gradient(var(--gold),var(--accent))}
.stitle p{margin:0;color:var(--mut)}
.note{background:#FFF8E6;border:1px solid #F0DFA0;border-radius:12px;color:#6B4A00}
/* categories */
.cattiles{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}
.ctile{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 8px;font-weight:600;color:var(--text);transition:.25s;box-shadow:var(--shadow)}
.ctile span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 8px;border-radius:50%;background:var(--light);font-size:1.7rem}
.ctile:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 12px 24px rgba(212,175,55,.18);color:var(--amber)}
/* product cards */
.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.pcard{border-radius:var(--r);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);transform:none!important;transition:box-shadow .25s,border-color .25s,translate .25s}
.pcard:hover{translate:0 -5px;border-color:#D9D2F0;box-shadow:0 18px 36px rgba(27,20,64,.14)}
.pimg{height:220px;background:#F7F4EA;padding:14px}
.pimg .ptile{background:transparent}
.pimg img{border-radius:10px;object-fit:cover}
.pcard:hover .pimg img,.pcard:hover .pimg svg,.pcard:hover .pimg .ptile{transform:scale(1.05)!important}
.pbody{padding:16px 16px 18px}
.pcat{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:1px;color:var(--gold);font-weight:700;margin-bottom:4px}
.pbody h3{font-size:1.02rem;font-weight:600;margin-bottom:10px;line-height:1.3}
.chip{border-radius:8px;padding:4px 11px;font-size:.82rem;border:1.5px solid var(--line)}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.price{font-size:1.3rem;font-weight:800;color:var(--ink);margin-bottom:10px}
.wsl{color:var(--amber)}
.pbody .btn.sm{width:100%}
.badge{background:var(--accent);color:#1B1440;border-radius:8px;top:12px;left:12px;font-weight:700}
.heart{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.heart.on{color:var(--sale)}
/* benefit + feature cards */
.bcard,.glass,.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);backdrop-filter:none}
.bcard:hover{box-shadow:0 14px 30px rgba(27,20,64,.12)}
.feat .glass h3{color:var(--ink)}.feat .glass p{color:var(--mut)}
.feat .ic,.bi{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--light);font-size:1.5rem}
.cta{background:linear-gradient(120deg,var(--ink),var(--ink2));border-radius:20px;padding:44px 24px;color:#fff}
.cta h2,.cta h2[style]{color:#fff!important}.cta p,.cta p[style]{color:#D9D2F0!important}
.cta .btn{background:var(--accent);color:#1B1440;box-shadow:none}.cta .btn.dk{background:#fff;color:var(--ink)}
/* inner page headers */
.phead{background:linear-gradient(120deg,var(--ink),var(--ink2));color:#fff;padding:44px 5% 34px}
.phead h1{color:#fff}.phead p{color:#D9D2F0}
.phead .back,.back{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:10px}
.back:hover{background:rgba(255,255,255,.25)}
.tabs button.on{background:var(--ink);color:#fff}
/* footer */
footer{background:var(--ink);color:#B9B3D6}
footer h4,footer .logo,footer .logo b{color:#fff}
footer a:hover{color:var(--accent)}
.copy{border-color:rgba(255,255,255,.12)}
.wa{background:#25d366}
input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:0;box-shadow:0 0 0 4px rgba(212,175,55,.15)}
/* responsive */
@media(max-width:960px){.hero{text-align:left}.hero-grid{grid-template-columns:1fr;gap:28px}.catbar{top:0;position:static}}
@media(max-width:560px){.hpanel{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.pimg{height:160px}.pbody{padding:12px}.pbody h3{font-size:.92rem}.price{font-size:1.1rem}.stitle h2{font-size:1.4rem}.sec{padding:44px 4% 36px}.cta{padding:32px 18px}}
/* header fit + hero headline */
header.nav{gap:14px;flex-wrap:nowrap}
.hsearch{min-width:200px;flex:1 1 220px;max-width:420px}
#nav{gap:0}#nav a{padding:8px 9px;font-size:.88rem;white-space:nowrap}
.hero .gold{display:block}
@media(max-width:1180px){header.nav{flex-wrap:wrap}.hsearch{order:3;flex:1 1 100%;max-width:none}}
.logo{white-space:nowrap;flex:none}.logo span{white-space:nowrap}
.hsearch{min-width:240px}
#nav a{padding:8px 8px;font-size:.86rem}
#nav a[aria-current],#nav a.on,#nav a.act,#nav a.active,#nav a.cur{background:var(--light)!important;color:var(--ink)!important}
header.nav,.catbar{border-color:var(--line)!important}
.hero .gold{display:block;width:fit-content}
@media(max-width:1280px){header.nav{flex-wrap:wrap}.hsearch{order:3;flex:1 1 100%;max-width:none}}

/* ============ ROYAL INDIGO & GOLD — PREMIUM 3D LAYER ============ */
:root{--gold:#D4AF37;--amber:#8F6A0A;--light:#F6EBC8;--ink:#1B1440;--ink2:#2C2166;--cream:#FAF7EF;--text:#221C3D;--mut:#6B6585;--line:#E9E2D0;--accent:#F4D77A;--sale:#C81E4B;--shadow:0 1px 2px rgba(27,20,64,.06),0 6px 18px rgba(27,20,64,.06)}
.btn,.hsearch button,.cta .btn{background:linear-gradient(135deg,#F4D77A,#D4AF37 55%,#B8901F);color:#1B1440;box-shadow:0 8px 20px rgba(212,175,55,.35);font-weight:700}
.btn:hover{background:linear-gradient(135deg,#F8E193,#E0BC47 55%,#C39A28);box-shadow:0 12px 26px rgba(212,175,55,.5)}
.btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(244,215,122,.7);box-shadow:none}
.btn.ghost:hover{background:rgba(244,215,122,.15)}
.btn.dk{background:var(--ink);color:var(--accent);box-shadow:none}
.btn.red{background:var(--sale);color:#fff}
.cta .btn.dk{background:#fff;color:var(--ink)}
/* dark royal header */
.topbar{background:#0F0A2B;color:#CFC8EE}
header.nav{background:var(--ink);box-shadow:0 2px 0 rgba(212,175,55,.45);backdrop-filter:none}
.logo,.logo span{color:#fff}.logo b{color:var(--gold)}
#nav a{color:#E4DFF8}
#nav a:hover{background:rgba(212,175,55,.16);color:var(--accent)}
#nav a[aria-current],#nav a.on,#nav a.act,#nav a.active,#nav a.cur{background:rgba(212,175,55,.22)!important;color:var(--accent)!important}
#nav em,header em{background:var(--gold);color:#1B1440}
.burger i{background:#fff}
.hsearch{background:rgba(255,255,255,.08);border:1.5px solid rgba(244,215,122,.35)}
.hsearch:focus-within{background:rgba(255,255,255,.14);border-color:var(--gold);box-shadow:0 0 0 4px rgba(212,175,55,.2)}
.hsearch input{color:#fff}.hsearch input::placeholder{color:#B7B0DA}
.catbar{background:#fff}.catbar a:hover{color:var(--amber);border-bottom-color:var(--gold)}
/* hero with real CSS-3D scene */
.hero{background:radial-gradient(700px 420px at 80% 30%,rgba(212,175,55,.28),transparent 62%),radial-gradient(600px 400px at 0 100%,rgba(122,92,255,.28),transparent 60%),linear-gradient(135deg,#150F37,#241A5E 60%,#1B1440);color:#fff;padding:64px 5% 80px;overflow:hidden}
.hero h1{color:#fff}.hero .gold{color:var(--accent);-webkit-text-fill-color:var(--accent)}
.hero .gold:after{background:rgba(212,175,55,.35)}
.hero p.sub{color:#CFC8EE}
.hero .tag{background:rgba(255,255,255,.1);border:1px solid rgba(244,215,122,.5);color:var(--accent);backdrop-filter:blur(8px)}
.hero .stats div{background:rgba(255,255,255,.08);border:1px solid rgba(244,215,122,.28);color:#CFC8EE;backdrop-filter:blur(10px);box-shadow:none}
.hero .stats b{color:var(--accent)}
.hero-visual{position:relative;min-height:400px;display:grid;place-items:center;perspective:1000px}
.hero-orbit{position:absolute;width:min(380px,88%);aspect-ratio:1;border:1px solid rgba(244,215,122,.35);border-radius:50%;transform:rotateX(68deg)}
.orbit-b{width:min(300px,70%);border-style:dashed;transform:rotateX(68deg) rotateZ(40deg)}
.hero-cube{position:relative;width:180px;height:180px;transform-style:preserve-3d;animation:cubespin 16s linear infinite;filter:drop-shadow(0 30px 28px rgba(0,0,0,.45))}
@keyframes cubespin{from{transform:rotateX(-18deg) rotateY(0)}to{transform:rotateX(-18deg) rotateY(360deg)}}
.cube-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.4);font-family:Poppins,sans-serif;font-weight:800;letter-spacing:2px;color:#1B1440;background:linear-gradient(145deg,#F8E193,#D4AF37 55%,#9A7410);box-shadow:inset 0 0 28px rgba(255,255,255,.25)}
.cube-face b{font-size:1.9rem}.cube-face small{font-size:.6rem;letter-spacing:4px;margin-top:6px;font-weight:700}
.cf1{transform:translateZ(90px)}.cf2{transform:rotateY(180deg) translateZ(90px)}.cf3{transform:rotateY(90deg) translateZ(90px);background:linear-gradient(180deg,#2C2166,#150F37);color:var(--accent)}.cf4{transform:rotateY(-90deg) translateZ(90px);background:linear-gradient(180deg,#2C2166,#150F37);color:var(--accent)}.cf5{transform:rotateX(90deg) translateZ(90px);background:#F6EBC8;font-size:2.6rem}.cf6{transform:rotateX(-90deg) translateZ(90px);background:#8F6A0A}
.float-card{position:absolute;z-index:3;display:flex;flex-direction:column;gap:2px;padding:12px 16px;border:1px solid rgba(244,215,122,.4);border-radius:16px;background:rgba(255,255,255,.1);backdrop-filter:blur(14px);box-shadow:0 14px 32px rgba(0,0,0,.3);animation:fl 5s ease-in-out infinite}
.float-card span{font-size:1.4rem}.float-card b{color:#fff;font-size:.88rem}.float-card small{color:#CFC8EE;font-size:.74rem}
.fc1{top:12%;left:2%}.fc2{right:0;bottom:16%;animation-delay:-2.5s}
@keyframes fl{0%,100%{translate:0 0}50%{translate:0 -10px}}
/* trust strip */
.trust{background:#fff;border-bottom:1px solid var(--line)}
.trust .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:6px 20px;padding:18px 5%}
.trust div{display:flex;align-items:center;gap:12px;padding:6px 0}
.trust i{font-style:normal;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--light);font-size:1.3rem;flex:none}
.trust b{display:block;font-size:.95rem;color:var(--ink)}.trust span{font-size:.82rem;color:var(--mut)}
/* gold accents on shared parts */
.stitle h2:before{background:linear-gradient(var(--gold),#8F6A0A)}
.ctile span,.feat .ic,.bi{background:var(--light)}
.ctile:hover{border-color:var(--gold);box-shadow:0 12px 26px rgba(212,175,55,.25);color:var(--amber)}
.pcard:hover{border-color:#E6D08A;box-shadow:0 20px 40px rgba(27,20,64,.16)}
.pcat{color:var(--amber)}.price{color:var(--ink)}
.badge{background:var(--ink);color:var(--accent)}
.chip.on{background:var(--ink);color:var(--accent);border-color:var(--ink)}
.sec.dark{background:#F3EFE2}
.note{background:#FFF8E1;border-color:#F0DFA0;color:#5E4700}
.cta{background:linear-gradient(120deg,#150F37,#2C2166)}.cta p,.cta p[style]{color:#CFC8EE!important}
.phead{background:linear-gradient(120deg,#150F37,#2C2166)}.phead p{color:#CFC8EE}
footer{background:#0F0A2B;color:#B9B3D6}footer a:hover{color:var(--accent)}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 4px rgba(212,175,55,.22)}
.morebar{grid-column:1/-1;text-align:center;margin-top:14px;color:var(--mut)}
@media(max-width:960px){.hero-visual{min-height:340px;max-width:520px;width:100%;margin:0 auto}}
@media(max-width:560px){.hero-cube{scale:.8}.hero-visual{min-height:300px}.fc1{left:-2%}.fc2{right:-2%}.float-card{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.hero-cube,.float-card{animation:none!important}}
header.nav #nav a,header.nav nav a{color:#E4DFF8!important}
header.nav #nav a:hover{color:var(--accent)!important}
header.nav #nav a.on,header.nav #nav a.active,header.nav #nav a[aria-current]{color:var(--accent)!important}
.hero .btn.ghost{color:#fff;border-color:rgba(244,215,122,.75)}
@media(min-width:1101px){header.nav{flex-wrap:nowrap}.hsearch{order:0;flex:1 1 220px;max-width:340px}}
@media(max-width:1100px){header.nav{flex-wrap:wrap}.hsearch{order:3;flex:1 1 100%;max-width:none}}
@media(min-width:1101px){header.nav{flex-wrap:wrap}.hsearch{order:3;flex:1 1 100%;max-width:none}}
@media(min-width:1500px){header.nav{flex-wrap:nowrap}.hsearch{order:0;flex:1 1 260px;max-width:380px}}
html,body{overflow-x:hidden}
/* ===== fixes ===== */
.line .th .hv{display:none!important}.line .th{overflow:hidden}

.promo{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.pr{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;transition:transform .15s,border-color .15s,box-shadow .2s}.pr:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 12px 26px rgba(212,175,55,.2)}.pr i{font-style:normal;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--light);font-size:1.6rem;flex:none}.pr div{flex:1}.pr b{display:block;color:var(--ink)}.pr span{font-size:.85rem;color:var(--mut)}.pr em{font-style:normal;font-weight:700;font-size:.85rem;color:var(--amber);white-space:nowrap}

.hero-visual{perspective:1100px;perspective-origin:50% 40%}
.hero-visual:before{content:"";position:absolute;bottom:13%;left:50%;width:210px;height:36px;margin-left:-105px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.5),transparent 70%);filter:blur(6px)}
.hero-cube{filter:none!important;transform-style:preserve-3d;will-change:transform}
.cube-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}
@media(prefers-reduced-motion:reduce){.hero-cube{animation:cubespin 40s linear infinite!important}}
#noticeTxt{display:inline-block;transition:opacity .4s,transform .4s}#noticeTxt.out{opacity:0;transform:translateY(6px)}
.pbtns{display:flex;gap:8px;flex-wrap:wrap}.pbtns .btn{flex:1 1 auto;padding-left:14px;padding-right:14px}
#cq{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;max-height:100px;overflow:auto}
.qchip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-size:.78rem;color:var(--ink);text-align:left;cursor:pointer}.qchip:hover{border-color:var(--gold);background:#FFF8E1}
.pcard .pimg video.hv{background:#000}

/* ============ GREEN LIGHT THEME + LEAF BACKGROUND (final layer) ============ */
:root{--gold:#22A559;--amber:#15803D;--light:#DCFCE7;--ink:#14532D;--ink2:#166534;--cream:#F0FAF3;--text:#16301F;--mut:#587064;--line:#D3EADB;--accent:#84CC16;--sale:#DC2626;--shadow:0 1px 2px rgba(20,83,45,.06),0 6px 18px rgba(20,83,45,.07)}
body{color:var(--text);background-color:#EAF7EF;background-image:radial-gradient(900px 520px at 0 0,rgba(134,239,172,.38),transparent 62%),radial-gradient(800px 500px at 100% 25%,rgba(190,242,100,.2),transparent 62%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%2316A34A' stroke-opacity='.16' stroke-width='1.5'%3E%3Cpath d='M20 50c0-22 18-34 34-34 0 22-12 34-34 34zM20 50l24-24'/%3E%3Cpath d='M92 124c0-20 16-30 30-30 0 20-10 30-30 30zM92 124l22-22'/%3E%3C/g%3E%3Ccircle cx='100' cy='34' r='3' fill='%2322C55E' fill-opacity='.18'/%3E%3Ccircle cx='38' cy='104' r='3' fill='%2322C55E' fill-opacity='.18'/%3E%3C/svg%3E"),linear-gradient(180deg,#F1FBF4,#E3F5EA);background-attachment:fixed}
:focus-visible{outline:3px solid var(--accent)}
.btn,.hsearch button,.cta .btn{background:linear-gradient(135deg,#34D27B,#16A34A 55%,#15803D);color:#fff;box-shadow:0 8px 20px rgba(22,163,74,.3)}
.btn:hover{background:linear-gradient(135deg,#4ADE80,#22A559 55%,#166534);box-shadow:0 12px 26px rgba(22,163,74,.42)}
.btn.ghost{background:#fff;color:var(--amber);border:1.5px solid var(--gold);box-shadow:none}
.btn.ghost:hover{background:var(--light)}
.btn.dk,.cta .btn.dk{background:var(--ink);color:#fff;box-shadow:none}
.btn.dk:hover{background:var(--ink2)}
.btn.red{background:var(--sale);color:#fff}
.topbar{background:#15803D;color:#ECFDF3}
header.nav{background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 2px 0 rgba(34,165,89,.35)}
.logo,.logo span{color:var(--ink)}.logo b{color:var(--gold)}
header.nav #nav a,header.nav nav a{color:#245238!important}
header.nav #nav a:hover{background:var(--light)!important;color:var(--amber)!important}
header.nav #nav a.on,header.nav #nav a.act,header.nav #nav a.active,header.nav #nav a.cur,header.nav #nav a[aria-current]{background:var(--light)!important;color:var(--amber)!important}
#nav em,header em{background:var(--gold);color:#fff}
.burger i{background:var(--ink)}
.hsearch{background:#F1FAF4;border:1.5px solid var(--line)}
.hsearch:focus-within{background:#fff;border-color:var(--gold);box-shadow:0 0 0 4px rgba(34,165,89,.16)}
.hsearch input{color:var(--text)}.hsearch input::placeholder{color:#7F9A8B}
.catbar{background:rgba(255,255,255,.9)}.catbar a:hover{color:var(--amber);border-bottom-color:var(--gold)}
.hero{background:radial-gradient(700px 420px at 80% 30%,rgba(74,222,128,.32),transparent 62%),radial-gradient(600px 400px at 0 100%,rgba(190,242,100,.28),transparent 60%),linear-gradient(135deg,#F3FCF6,#DDF4E5 60%,#EAF8EE);color:var(--text)}
.hero h1{color:var(--ink)}.hero .gold{color:var(--amber);-webkit-text-fill-color:var(--amber)}
.hero .gold:after{background:rgba(132,204,22,.35)}
.hero p.sub{color:var(--mut)}
.hero .tag{background:#fff;border:1px solid var(--line);color:var(--amber);backdrop-filter:none}
.hero .stats div{background:rgba(255,255,255,.85);border:1px solid var(--line);color:var(--mut);box-shadow:var(--shadow)}
.hero .stats b{color:var(--ink)}
.hero .btn.ghost{color:var(--amber);border-color:var(--gold)}
.hero-orbit{border-color:rgba(34,165,89,.4)}
.cube-face{color:#fff;background:linear-gradient(145deg,#4ADE80,#16A34A 55%,#166534);border-color:rgba(255,255,255,.55)}
.cf3,.cf4{background:linear-gradient(180deg,#22A559,#14532D);color:#fff}
.cf5{background:#DCFCE7;color:#14532D}.cf6{background:#15803D}
.float-card{background:rgba(255,255,255,.88);border-color:var(--line)}
.float-card b{color:var(--ink)}.float-card small{color:var(--mut)}
.hero-visual:before{background:radial-gradient(ellipse at center,rgba(20,83,45,.28),transparent 70%)}
.sec.dark{background:rgba(214,246,224,.6)}.sec.white{background:rgba(255,255,255,.8)}
.trust{background:rgba(255,255,255,.88)}
.note{background:#ECFDF3;border-color:#BBE8CB;color:#14532D}
.stitle h2:before{background:linear-gradient(var(--gold),var(--accent))}
.ctile span,.feat .ic,.bi,.trust i,.pr i{background:var(--light)}
.ctile:hover{border-color:var(--gold);box-shadow:0 12px 26px rgba(34,165,89,.22);color:var(--amber)}
.pimg{background:#F1FAF4}
.pcard:hover{border-color:#9ADBB3;box-shadow:0 20px 40px rgba(20,83,45,.15)}
.pcat{color:var(--amber)}.price{color:var(--ink)}.wsl{color:var(--amber)}
.badge{background:var(--ink);color:#fff}
.chip.on,.tabs button.on,.qchip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.qchip:hover{border-color:var(--gold);background:#ECFDF3}
.cta,.phead{background:linear-gradient(120deg,#16A34A,#15803D);color:#fff}
.cta p,.cta p[style],.phead p{color:#E6FBEE!important}
.cta .btn{background:#fff;color:var(--ink)}
footer{background:linear-gradient(180deg,#DDF4E5,#CDEFD8);color:#33543F}
footer h4,footer .logo,footer .logo b{color:var(--ink)}footer a:hover{color:var(--amber)}
.copy{border-color:rgba(20,83,45,.18)}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(34,165,89,.18)}
.stat b{color:var(--amber)}th{background:#E8F7ED}.st{background:#DCFCE7;color:#14532D}
.tw,.card,.stat,.bcard,.glass,.rcard,.pcard{background:rgba(255,255,255,.96)}
/* reseller / wholesale extras */
.lvl{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.lvl .ic{font-size:2.2rem}.lvl h3{margin:0}
.prog{height:12px;background:#DCFCE7;border-radius:99px;overflow:hidden;margin:8px 0 4px}.prog i{display:block;height:100%;background:linear-gradient(90deg,#4ADE80,#15803D);border-radius:99px}
.chips2{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.chips2 button{padding:7px 14px;border-radius:99px;border:1.5px solid var(--line);background:#fff;font-weight:600;font-size:.86rem;color:var(--text)}.chips2 button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.rxg{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin:18px 0}
.pftv{font-weight:700;color:var(--amber)}.pftv.neg{color:var(--sale)}

/* ===== product page gallery fix + live search suggestions ===== */
.pd .pimg{height:auto!important;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:14px;padding:14px;background:#F1FAF4;overflow:hidden}
.pd .pimg>img:not(.hv){width:100%;height:auto;max-height:520px;object-fit:contain;margin:0!important;border-radius:16px;background:#fff}
.pd .pimg .hv{display:none!important}
.pd .pimg .pv{width:100%;margin:0}
.pd .pimg .ptile{min-height:300px;display:grid;place-items:center}
.hsearch{position:relative;overflow:visible!important}
#sug{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 36px rgba(20,83,45,.18);z-index:300;overflow:hidden;text-align:left}
.sugi{display:flex!important;gap:12px;align-items:center;padding:9px 14px;color:var(--text)}
.sugi:hover{background:var(--light)}
.sugi img,.sugi i{width:42px;height:42px;border-radius:10px;object-fit:cover;flex:none;display:grid;place-items:center;background:#F1FAF4;font-style:normal;font-size:1.3rem}
.sugi b{display:block;font-size:.95rem;line-height:1.25}.sugi small{color:var(--mut)}
.sugall,.sugn{display:block;padding:10px 14px;text-align:center;font-weight:600;color:var(--amber);border-top:1px solid var(--line);cursor:pointer}
.sugn{border-top:0;color:var(--mut);font-weight:500}

/* ===== speed layer: no fixed-attachment repaint, no blur filters, lighter animation ===== */
html{background:#EAF7EF}
body{background:transparent!important}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:#EAF7EF;background-image:radial-gradient(900px 520px at 0 0,rgba(134,239,172,.38),transparent 62%),radial-gradient(800px 500px at 100% 25%,rgba(190,242,100,.2),transparent 62%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%2316A34A' stroke-opacity='.16' stroke-width='1.5'%3E%3Cpath d='M20 50c0-22 18-34 34-34 0 22-12 34-34 34zM20 50l24-24'/%3E%3Cpath d='M92 124c0-20 16-30 30-30 0 20-10 30-30 30zM92 124l22-22'/%3E%3C/g%3E%3Ccircle cx='100' cy='34' r='3' fill='%2322C55E' fill-opacity='.18'/%3E%3Ccircle cx='38' cy='104' r='3' fill='%2322C55E' fill-opacity='.18'/%3E%3C/svg%3E"),linear-gradient(180deg,#F1FBF4,#E3F5EA)}
*,*::before,*::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
header.nav{background:rgba(255,255,255,.98)!important}
.sec{content-visibility:auto;contain-intrinsic-size:auto 640px}
@media(max-width:760px){.hero-cube,.float-card,.floatw,.fl2,.hero-orbit{animation:none!important}}

/* Requested interaction polish: animated FAQs, buttons, thumbnails and fields */
:root{--am-green:#16a34a;--am-green-dark:#166534}
.btn,.tabs button,.chip,.qchip,.hsearch button,.catbar a{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease;}
.btn:hover,.tabs button:hover,.chip:hover,.qchip:hover,.hsearch button:hover,.catbar a:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(22,163,74,.22);border-color:#16a34a}
.btn:focus-visible,.tabs button:focus-visible,.chip:focus-visible,.catbar a:focus-visible{outline:3px solid #86efac;outline-offset:3px}
.pcard .pimg img{transition:transform .35s ease,filter .35s ease}.pcard:hover .pimg img:not(.hv){transform:scale(1.035)}
.fld,.card form>.fld,.card form>.g2{animation:amFieldIn .42s both;animation-delay:calc(var(--field-i,0)*45ms)}
@keyframes amFieldIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
details.card{overflow:hidden;transform-origin:top;transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}
details.card:hover{border-color:#86d6a0;box-shadow:0 12px 28px rgba(22,101,52,.12);transform:translateY(-2px)}
details.card summary{list-style:none;position:relative;padding-right:28px;transition:color .2s ease}
details.card summary::-webkit-details-marker{display:none}
details.card summary:after{content:'+';position:absolute;right:0;top:0;font-size:1.2rem;color:#16a34a;transition:transform .25s ease}
details.card[open] summary:after{content:'−';transform:rotate(180deg)}
details.card[open] summary{color:#15803d}
details.card p{animation:amAnswerIn .35s ease both;line-height:1.7}
@keyframes amAnswerIn{from{opacity:0;transform:translateY(-6px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}
.am-search-row{margin-top:0;padding:8px 16px 10px;background:#f3fbf5;border-bottom:1px solid #d8efdf}
.am-search-row .hsearch{margin:0 auto;max-width:760px;width:100%;border-color:#86c99b;box-shadow:0 4px 14px rgba(22,163,74,.08)}
.am-search-row .hsearch input{color:#173b25}.am-search-row .hsearch input::placeholder{color:#64816d}
.am-review-photo{display:block;max-width:160px;max-height:160px;object-fit:cover;border-radius:12px;margin-top:8px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* ===== Extracted stylesheet %d ===== */

:root{--am-green:#15803d;--am-green-dark:#166534}
button,.btn,.am-btn{border:1px solid #22a447!important;box-shadow:0 5px 14px rgba(21,128,61,.16)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,filter .22s ease!important}
button:hover,.btn:hover,.am-btn:hover{border-color:#15803d!important;box-shadow:0 9px 24px rgba(21,128,61,.27)!important;transform:translateY(-2px)}
.pcard{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important}
.pcard:hover{border-color:#22a447!important;box-shadow:0 18px 38px rgba(21,128,61,.16)!important;transform:translateY(-4px)}
.pimg img,.am-product-thumb img,.am-tk-item img{transition:transform .38s cubic-bezier(.2,.8,.2,1),filter .38s ease!important}
.pcard:hover .pimg img{transform:scale(1.07)!important;filter:saturate(1.08)}
.fld,.card .fld,.admin-form>*{animation:amFormEnter .45s both}
.fld:nth-child(2){animation-delay:.05s}.fld:nth-child(3){animation-delay:.1s}.fld:nth-child(4){animation-delay:.15s}.fld:nth-child(5){animation-delay:.2s}
.card,.glass,.rcard{animation:amCardEnter .42s ease both}
@keyframes amFormEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes amCardEnter{from{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes amFloatSubtle{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.am-tk-item img{object-fit:cover}
#amTkExplore{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.am-review-photo{cursor:zoom-in;border:2px solid #dcfce7}
.am-product-thumbnails{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
.am-product-thumbnails img{width:62px;height:62px;object-fit:cover;border:2px solid #dcfce7;border-radius:10px;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.am-product-thumbnails img:hover,.am-product-thumbnails img:focus{transform:scale(1.08);border-color:#15803d;box-shadow:0 4px 14px #15803d33}
@media(max-width:960px){.wrap{width:100%}.grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:16px}.pd{gap:22px}.pbody{padding:16px}.pimg{height:240px}}
@media(max-width:600px){.grid,.rgrid,.feat,.ben{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pcard{border-radius:16px}.pimg{height:165px;padding:10px}.pbody{padding:12px}.pbody h3{font-size:1rem}.price{font-size:1.15rem}.btn,.am-btn{max-width:100%;padding:11px 16px}.sec{padding-left:4%;padding-right:4%}.am-tk-item{gap:10px}.am-tk-item img{width:58px;height:58px;object-fit:cover}}
@media(max-width:380px){.grid,.rgrid,.feat,.ben{grid-template-columns:1fr}.pimg{height:220px}}
@media(prefers-reduced-motion:reduce){.fld,.card,.glass,.rcard,.pcard{animation:none!important;transition:none!important}}


/* ===== Extracted stylesheet %d ===== */

/* Online Shah Alami final polish: cart imagery, recently viewed, admin controls, animated FAQ */
.am-ci{align-items:center;gap:12px;box-shadow:0 5px 16px rgba(22,101,52,.07);transition:transform .22s ease,box-shadow .22s ease}
.am-ci:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(22,101,52,.12)}
.am-ci>img,.am-ci>.am-noimg{width:76px;height:76px;min-width:76px;object-fit:contain;padding:4px;border:1px solid #bbf7d0}
.am-ci>img{display:block!important;visibility:visible!important;opacity:1!important}
.am-ci .am-noimg{font-size:28px}
#rvs{margin-top:22px;padding-top:18px;border-top:1px solid #d1fae5;animation:am-recent-in .6s ease both}
#rvs .stitle{margin-bottom:16px}
#rvs .pcard{animation:am-recent-in .5s ease both}
#rvs .pcard:nth-child(2){animation-delay:.06s}#rvs .pcard:nth-child(3){animation-delay:.12s}#rvs .pcard:nth-child(4){animation-delay:.18s}
button,.btn,[role="button"],input[type="submit"]{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.admin button,.admin .btn,[class*="admin"] button,[class*="Admin"] button{border-color:#15803d;box-shadow:0 3px 9px rgba(21,128,61,.12)}
.admin button:hover,.admin .btn:hover,[class*="admin"] button:hover,[class*="Admin"] button:hover{filter:brightness(.96);transform:translateY(-1px);box-shadow:0 6px 14px rgba(21,128,61,.2)}
details{border:1px solid #bbf7d0;border-radius:12px;margin:10px 0;overflow:hidden;transition:box-shadow .25s ease,border-color .25s ease}
details[open]{border-color:#22c55e;box-shadow:0 7px 18px rgba(22,101,52,.10)}
details summary{cursor:pointer;transition:background-color .25s ease,color .25s ease;padding:12px 14px}
details[open] summary{background:#f0fdf4;color:#166534}
details>*:not(summary){animation:am-faq-open .32s ease both}
.faq,.faq-item,.faq-card,.faq-row,.faq-question,.faq-answer,[class*="faq"]{transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.faq-item:hover,.faq-card:hover,.faq-row:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(22,101,52,.08)}
.faq-answer{animation:am-faq-open .35s ease both}
@keyframes am-recent-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes am-faq-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.am-ci>img,.am-ci>.am-noimg{width:64px;height:64px;min-width:64px}.am-ci{gap:9px;padding:9px}}
@media(prefers-reduced-motion:reduce){.am-ci,#rvs .pcard,details>*:not(summary),.faq-answer{animation:none!important;transition:none!important}}


/* ===== Extracted stylesheet %d ===== */

:root{--am-green:#15803d;--am-green-dark:#14532d;--am-green-soft:#dcfce7}
button,.btn,[role=button]{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}
button:not(:disabled):hover,.btn:hover,[role=button]:hover{box-shadow:0 7px 20px rgba(21,128,61,.18);transform:translateY(-1px)}
button:focus-visible,.btn:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(34,197,94,.35);outline-offset:2px}
.btn,.tabs button{border-color:#86efac}
.am-product-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;width:100%;align-items:start}
.am-product-gallery img{display:block;width:100%;height:130px;object-fit:contain;background:#fff;border:1px solid #bbf7d0;border-radius:12px;padding:5px;transition:transform .25s ease,box-shadow .25s ease}
.am-product-gallery img:hover{transform:scale(1.035);box-shadow:0 8px 24px rgba(21,128,61,.16)}
.pd .am-product-gallery{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.pd .am-product-gallery img{height:180px}
.am-variant-row{display:grid;grid-template-columns:1.1fr .8fr .7fr 1.3fr auto;gap:8px;margin:8px 0}
.am-variant-row input{min-width:0;width:100%}
.am-faq{overflow:hidden;animation:amFaqIn .45s both;transition:background .25s ease,box-shadow .25s ease}
.am-faq[open]{background:#f0fdf4;box-shadow:0 8px 24px rgba(21,128,61,.12)}
.am-faq summary{padding:4px 0;list-style:none}
.am-faq summary::-webkit-details-marker{display:none}
.am-faq summary:after{content:"＋";float:right;color:#15803d;font-weight:800}
.am-faq[open] summary:after{content:"−"}
.am-faq p{animation:amFaqAnswer .3s ease both}
@keyframes amFaqIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes amFaqAnswer{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.fld{animation:amFieldIn .35s ease both}
.fld:nth-child(2){animation-delay:.03s}.fld:nth-child(3){animation-delay:.06s}.fld:nth-child(4){animation-delay:.09s}
@keyframes amFieldIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:680px){.am-variant-row{grid-template-columns:1fr 1fr}.am-product-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.am-product-gallery img{height:120px}.pd .am-product-gallery img{height:145px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* ===== Extracted stylesheet %d ===== */
body{font-family:Arial;margin:20px}h1{margin:0}.g{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.c{border:1px solid #ddd;border-radius:10px;padding:10px;text-align:center;break-inside:avoid}.c img{width:100%;height:150px;object-fit:cover;border-radius:8px}.e{font-size:60px;height:150px;line-height:150px}b{display:block;margin:6px 0}span{color:#D95F00;font-weight:700}

/* ===== Extracted stylesheet %d ===== */

:root{--am-green:#15803D;--am-green-dark:#166534;--am-ease:cubic-bezier(.22,.8,.3,1)}
#amOrdOverlay{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:16px;overflow-y:auto;z-index:99999;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s}
#amOrdOverlay.am-open{opacity:1;visibility:visible}
#amOrdBox{width:100%;max-width:480px;margin:auto;background:#fff;border-radius:16px;padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.25);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transform:translateY(24px) scale(.97);transition:transform .35s var(--am-ease);position:relative}
#amOrdOverlay.am-open #amOrdBox{transform:none}
#amOrdClose{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f1f5f9;color:#475569;font-size:20px;line-height:1;cursor:pointer;transition:transform .25s var(--am-ease),background .2s}
#amOrdClose:hover{background:#e2e8f0;transform:rotate(90deg)}
#amOrdBox h3{margin:0 0 4px;font-size:21px;color:#14532d}
#amOrdBox .am-sub{margin:0 0 14px;font-size:13px;color:#64748b}
#amOrdProduct{display:none;margin-bottom:14px;padding:10px 12px;background:#f0fdf4;border:1px dashed #86efac;border-radius:10px;font-size:13px;color:#14532d}
.am-f{margin-bottom:13px}
.am-f label{display:block;font-size:12px;font-weight:700;color:#475569;margin-bottom:5px}
.am-f label i{color:#dc2626;font-style:normal}
.am-f input,.am-f select,.am-f textarea{width:100%;box-sizing:border-box;padding:11px 12px;border:1.5px solid #cbd5e1;border-radius:10px;font:15px system-ui,sans-serif;background:#fff;color:#0f172a;outline:none;transition:border-color .2s,box-shadow .2s}
.am-f textarea{min-height:84px;resize:vertical}
.am-f input:focus,.am-f select:focus,.am-f textarea:focus{border-color:var(--am-green);box-shadow:0 0 0 3px rgba(21,128,61,.18)}
.am-f select:disabled{background:#f1f5f9;color:#94a3b8}
.am-f.am-err input,.am-f.am-err select,.am-f.am-err textarea,.am-f.am-err .am-phone{border-color:#dc2626;animation:am-shake .35s}
.am-f small{display:none;margin-top:4px;color:#dc2626;font-size:12px}
.am-f.am-err small{display:block}
@keyframes am-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.am-phone{display:flex;align-items:stretch;border:1.5px solid #cbd5e1;border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.am-phone:focus-within{border-color:var(--am-green);box-shadow:0 0 0 3px rgba(21,128,61,.18)}
.am-phone span{display:flex;align-items:center;padding:0 12px;background:#f1f5f9;color:#334155;font-weight:700;font-size:14px;white-space:nowrap}
.am-phone input{border:0!important;box-shadow:none!important;border-radius:0!important}
.am-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:420px){.am-row{grid-template-columns:1fr}}
.am-other{display:none;margin-top:8px}
#amOrdSubmit{position:relative;overflow:hidden;width:100%;margin-top:6px;padding:14px;border:0;border-radius:12px;background:var(--am-green);color:#fff;font:700 16px system-ui,sans-serif;cursor:pointer;transition:transform .25s var(--am-ease),box-shadow .25s,background .25s}
#amOrdSubmit:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(21,128,61,.35);background:var(--am-green-dark)}
#amOrdSubmit:active{transform:scale(.97)}
#amOrdSubmit::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);transition:left .7s var(--am-ease)}
#amOrdSubmit:hover::after{left:140%}
#amOrdSubmit:disabled{opacity:.7;cursor:wait;transform:none}
.am-rip{position:absolute;border-radius:50%;background:rgba(255,255,255,.55);transform:scale(0);animation:am-rip .6s ease-out forwards;pointer-events:none}
@keyframes am-rip{to{transform:scale(4);opacity:0}}
#amOrdDone{display:none;text-align:center;padding:26px 6px 8px}
#amOrdDone .am-tick{width:70px;height:70px;margin:0 auto 14px;border-radius:50%;background:var(--am-green);color:#fff;font-size:38px;line-height:70px;animation:am-pop .6s var(--am-ease)}
@keyframes am-pop{0%{transform:scale(0)}60%{transform:scale(1.15)}100%{transform:scale(1)}}
#amOrdDone h3{margin-bottom:6px}
#amOrdDone p{color:#475569;font-size:14px;margin:0 0 16px}
#amOrdDone button{padding:11px 22px;border:0;border-radius:10px;background:#f1f5f9;color:#334155;font:700 14px system-ui,sans-serif;cursor:pointer}

.am-btn{position:relative;overflow:hidden;display:inline-block;padding:11px 16px;border:0;border-radius:10px;background:var(--am-green);color:#fff;font:700 14px system-ui,sans-serif;text-align:center;text-decoration:none;cursor:pointer;transition:transform .25s var(--am-ease),box-shadow .25s,background .25s}
.am-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(21,128,61,.35);background:var(--am-green-dark)}
.am-btn:active{transform:scale(.95)}
.am-prow{display:flex;gap:8px}
.am-price{flex:1.1;display:flex;align-items:center;gap:6px;padding:0 10px;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;font-size:14px;color:#14532d;white-space:nowrap}
.am-price b{font-size:16px}
.am-price s,.am-bill s{color:#94a3b8;font-weight:500;font-size:13px}
.am-prow input{flex:1.3;width:auto;min-width:0;text-transform:uppercase}
#amCodeMsg{margin-top:5px;font-size:12px;font-weight:600;animation:am-up .35s both}
#amCodeMsg.ok{color:#15803D}
#amCodeMsg.bad{color:#dc2626}
.am-pay{display:grid;gap:8px}
.am-f .am-pc{position:relative;display:flex;align-items:center;gap:10px;margin:0;padding:12px;border:1.5px solid #cbd5e1;border-radius:12px;font-size:14px;font-weight:400;color:#0f172a;cursor:pointer;transition:transform .25s var(--am-ease),border-color .2s,background .2s,box-shadow .25s}
.am-f .am-pc:hover{transform:translateY(-2px);border-color:#86efac}
.am-f .am-pc.on{border-color:var(--am-green);background:#f0fdf4;box-shadow:0 6px 16px rgba(21,128,61,.18);transform:scale(1.02)}
.am-pc input{position:absolute;opacity:0;pointer-events:none}
.am-pc>span{font-size:24px}
.am-pc b{display:block;font-size:14px}
.am-pc em{font-style:normal;font-size:12px;color:#64748b}
.am-pc.on::after{content:"\2714";position:absolute;right:12px;width:22px;height:22px;border-radius:50%;background:var(--am-green);color:#fff;font-size:13px;line-height:22px;text-align:center;animation:am-pop .4s var(--am-ease)}
.am-f.am-err .am-pc,.am-f.am-err .am-drop{border-color:#dc2626;animation:am-shake .35s}
.am-bill{margin:4px 0 14px;padding:12px 14px;border:1.5px dashed #86efac;background:#f8fffb;border-radius:12px;font-size:14px}
.am-bill div{display:flex;justify-content:space-between;padding:3px 0;animation:am-up .35s both}
.am-bill .disc{color:#15803D}
.am-bill .tot{margin-top:6px;padding-top:8px;border-top:1px solid #bbf7d0;font-size:17px;font-weight:800;color:#14532d}
.am-acc{margin-bottom:13px;padding:12px;background:#fffbeb;border:1.5px solid #fde68a;border-radius:12px;font-size:13px;color:#78350f;animation:am-up .4s both}
.am-acc p{margin:6px 0 0}
.am-f .am-drop{display:block;margin:0;padding:16px;border:2px dashed #86efac;border-radius:12px;text-align:center;font-size:14px;font-weight:400;color:#475569;cursor:pointer;transition:transform .25s var(--am-ease),background .2s,border-color .2s}
.am-f .am-drop:hover{background:#f0fdf4;border-color:var(--am-green);transform:scale(1.01)}
#amShotImg{max-width:100%;max-height:200px;margin-top:10px;border-radius:10px;animation:am-up .4s both}
@keyframes am-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes am-fade{from{opacity:0}to{opacity:1}}
@keyframes am-draw{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}
@keyframes am-fall{to{transform:translateY(110vh) rotate(720deg)}}
#amThanks{position:fixed;inset:0;z-index:100001;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at 50% 30%,#22c55e,#15803D 45%,#052e16);overflow:hidden}
#amThanks.on{display:flex;animation:am-fade .5s both}
#amThanks>*:not(#amCf){animation:am-up .6s both}
#amThanks h2{margin:0;font-size:30px}
#amThanks p{margin:0;max-width:420px;font-size:15px}
#amTkItems{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:min(680px,94vw);max-height:28vh;overflow:auto;padding:4px 8px}
#amTkItems .am-tk-item{display:flex;align-items:center;gap:9px;text-align:left;color:#14532d;background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:14px;padding:8px 10px;box-shadow:0 8px 20px rgba(0,0,0,.14);animation:am-up .45s both}
#amTkItems img,#amTkItems .am-tk-noimg{width:54px;height:54px;object-fit:cover;border-radius:10px;background:#ecfdf5;flex-shrink:0}
#amTkItems .am-tk-noimg{display:grid;place-items:center;font-size:24px}
#amTkItems .am-tk-item b{display:block;font-size:13px;max-width:180px;overflow-wrap:anywhere}
#amTkItems .am-tk-item small{display:block;font-size:12px;opacity:.8}
#amCf{position:absolute;inset:0;pointer-events:none}
.am-cf{position:absolute;top:-16px;width:9px;height:14px;opacity:.9;animation:am-fall linear both}
.am-tk-svg circle,.am-tk-svg path{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:300}
.am-tk-svg circle{stroke-width:5;animation:am-draw .8s .2s both}
.am-tk-svg path{stroke-width:7;animation:am-draw .5s .9s both}
#amTkPay{max-width:420px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.45);font-size:14px}
.am-tk-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
#amThanks .am-btn{background:#fff;color:#14532d}
#amThanks .am-rip{background:rgba(21,128,61,.3)}

/* ---- Hover highlight (theme: green) ---- */
.am-btn:hover,#amOrdSubmit:hover{background:linear-gradient(135deg,#22c55e,#15803D);color:#fff;transform:translateY(-4px) scale(1.05);box-shadow:0 0 0 4px rgba(34,197,94,.35),0 14px 26px rgba(21,128,61,.45)}
.am-btn:active,#amOrdSubmit:active{transform:translateY(0) scale(.94);box-shadow:0 0 0 2px rgba(34,197,94,.4)}
#amOrdClose:hover{background:#fee2e2;color:#b91c1c;transform:rotate(90deg) scale(1.15);box-shadow:0 0 0 3px rgba(220,38,38,.2)}
.am-f .am-pc:hover{background:#dcfce7;border-color:#15803D;transform:translateX(8px);box-shadow:0 0 0 3px rgba(21,128,61,.22)}
.am-f .am-drop:hover{background:#dcfce7;border-color:#15803D;transform:scale(1.03);box-shadow:0 0 0 3px rgba(21,128,61,.2)}
.am-f input:hover,.am-f select:hover,.am-f textarea:hover,.am-phone:hover{border-color:#4ade80;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
#amThanks .am-btn:hover{background:#fde047;color:#14532d;box-shadow:0 0 0 4px rgba(253,224,71,.45),0 14px 26px rgba(0,0,0,.3)}
.am-btn:focus-visible,#amOrdSubmit:focus-visible,#amOrdClose:focus-visible,.am-pc:focus-within{outline:3px solid #f59e0b;outline-offset:2px}
/* ---- Motion ---- */
@keyframes am-slide{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@keyframes am-beat{0%,100%{box-shadow:0 0 0 0 rgba(21,128,61,.5);transform:none}50%{box-shadow:0 0 0 10px rgba(21,128,61,0);transform:scale(1.025)}}
@keyframes am-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes am-bounce{0%{transform:scale(1)}40%{transform:scale(1.07) translateX(6px)}100%{transform:scale(1.02)}}
#amOrdBox{transform:translateY(70px) scale(.88);transition:transform .55s cubic-bezier(.34,1.56,.64,1)}
#amOrdOverlay.am-open #amOrdBox .am-f{animation:am-slide .55s cubic-bezier(.34,1.56,.64,1) both}
#amOrdSubmit{animation:am-beat 2.2s ease-in-out infinite}
#amOrdSubmit:hover{animation:none}
.am-f .am-pc.on{animation:am-bounce .45s var(--am-ease) both}
#amThanks>svg.am-tk-svg:not(#amCf){animation:am-up .6s both,am-float 2.6s 1.6s ease-in-out infinite}
/* ---- Product picture ---- */
.am-pr{display:flex;align-items:center;gap:12px}
#amProdImg,.am-noimg{width:68px;height:68px;border-radius:12px;object-fit:cover;flex:none;background:#dcfce7;box-shadow:0 4px 12px rgba(21,128,61,.25);transition:transform .35s var(--am-ease)}
.am-noimg{display:flex;align-items:center;justify-content:center;font-size:32px}
.am-pr:hover #amProdImg,.am-pr:hover .am-noimg{transform:scale(1.12) rotate(-4deg)}
.am-pr b{display:block;font-size:15px}
.am-pr small{color:#64748b}
#amMapMsg{margin-top:5px;font-size:12px;font-weight:600;color:#15803D}

.am-qrow{display:flex;align-items:center;justify-content:flex-start;gap:14px;margin-bottom:13px}
.am-qty{display:flex;align-items:center;gap:6px;padding:4px;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px}
.am-btn.am-qb{width:38px;height:38px;padding:0;border-radius:10px;font-size:22px;line-height:1}
.am-btn.am-qb:disabled,.am-btn.am-qb:disabled:hover{background:#cbd5e1;color:#fff;cursor:not-allowed;transform:none;box-shadow:none}
#amQty{display:inline-block;min-width:34px;text-align:center;font-size:18px;font-weight:800;color:#14532d}
#amQty.pop{animation:am-qpop .35s var(--am-ease)}
@keyframes am-qpop{0%{transform:scale(.5);opacity:.4}60%{transform:scale(1.35)}100%{transform:none;opacity:1}}
#amQInfo{font-size:13px;color:#475569}
#amQInfo b{color:#14532d}
.am-pr small.v{display:inline-block;margin-top:3px;padding:2px 10px;border-radius:99px;background:#dcfce7;color:#14532d;font-weight:700}
@media (prefers-reduced-motion:reduce){#amOrdSubmit,#amThanks>svg.am-tk-svg:not(#amCf){animation:none!important}}

/* ---- Cart (multi product) ---- */
#amCart{margin-bottom:6px}
.am-ci{display:flex;gap:10px;align-items:flex-start;padding:10px;margin-bottom:10px;border:1.5px solid #bbf7d0;background:#f8fffb;border-radius:12px}
.am-ci.new{animation:am-up .4s both}
.am-ci>img,.am-ci>.am-noimg{width:60px;height:60px;border-radius:10px;object-fit:cover;flex:none;background:#dcfce7;display:flex;align-items:center;justify-content:center;font-size:28px}
.am-ci-info{flex:1;min-width:0}
.am-ci-info>b{display:block;font-size:14px;color:#14532d;word-break:break-word}
.am-ci-info small{display:inline-block;margin-top:3px;font-size:12px;color:#64748b}
.am-ci-info small.v{padding:2px 10px;border-radius:99px;background:#dcfce7;color:#14532d;font-weight:700}
.am-ci-bot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.am-ci .am-qty{padding:3px;gap:4px}
.am-ci .am-btn.am-qb{width:30px;height:30px;font-size:18px;border-radius:8px}
.am-ci .am-qn{display:inline-block;min-width:26px;text-align:center;font-size:16px;font-weight:800;color:#14532d}
.am-ci .am-qn.pop{animation:am-qpop .35s var(--am-ease)}
.am-ci-tot{font-size:14px;font-weight:800;color:#14532d;white-space:nowrap}
.am-ci-rm{flex:none;width:28px;height:28px;border:0;border-radius:8px;background:#fee2e2;color:#b91c1c;font-size:18px;line-height:1;cursor:pointer}
.am-ci-rm:hover{background:#fecaca}
.am-more{display:block;width:100%;margin:0 0 14px;background:#fff;color:#15803D;border:2px dashed #86efac}
.am-more:hover{color:#fff}
#amFab{position:fixed;right:14px;bottom:14px;z-index:99998;display:none;padding:12px 18px;border:0;border-radius:99px;background:var(--am-green);color:#fff;font:700 14px system-ui,sans-serif;box-shadow:0 10px 24px rgba(21,128,61,.45);cursor:pointer;animation:am-up .4s both}
#amFab.on{display:block}
.am-bill .li span:first-child{padding-right:10px}


/* ===== Extracted stylesheet %d ===== */

/*<![CDATA[*/
/* ===== Online Shah Alami: responsive layer (phone / tablet / PC) =====
   Loaded last so it wins over earlier rules. Breakpoints:
   phone <=560 | large phone/tablet portrait 561-860 | tablet 861-1100 | laptop 1101-1439 | desktop >=1440 */

html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:84px}
html,body{max-width:100%;overflow-x:hidden}
body{touch-action:manipulation}
img,video,svg,canvas,iframe{max-width:100%}
:root{--maxw:1280px}
.wrap{width:100%;max-width:var(--maxw)}
main#view{min-width:0}
.grid>*,.row>*,.two>*,.pd>*,.cart>*{min-width:0}
h1,h2,h3,h4,.pbody h3,.mdi b,.line h4{overflow-wrap:anywhere}
footer a,.cinfo a,.cinfo div.ci{overflow-wrap:anywhere}

/* keep header, bars and sections aligned with content on very wide screens */
.topbar,header.nav,.catbar{padding-left:max(5%,calc((100% - var(--maxw))/2));padding-right:max(5%,calc((100% - var(--maxw))/2))}
.sec,.phead,.hero,footer{padding-left:max(5%,calc((100% - var(--maxw))/2));padding-right:max(5%,calc((100% - var(--maxw))/2))}
.sec>.wrap,.phead>.wrap,.hero>.wrap,footer>.wrap{padding-left:0;padding-right:0}

/* WhatsApp: one button at a time (pill on tablet/PC, round icon on phones) */
.wa{display:none}
#waf{display:inline-flex!important;align-items:center;gap:6px}

/* ---------- Large desktop (>=1440) ---------- */
@media(min-width:1440px){
  :root{--maxw:1360px}
  .grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}
  .hero{padding-top:84px;padding-bottom:96px}
}
@media(min-width:1800px){
  :root{--maxw:1480px}
}

/* ---------- Laptop / PC header ---------- */
@media(min-width:1280px){
  header.nav{flex-wrap:nowrap}
  .hsearch{order:0;flex:1 1 260px;max-width:420px}
  .catbar{position:sticky;top:64px}
}
@media(min-width:961px) and (max-width:1279px){
  header.nav{flex-wrap:wrap;row-gap:8px}
  .hsearch{order:3;flex:1 1 100%;max-width:none;min-width:0}
  nav#nav{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
  .catbar{position:static}
}

/* ---------- Tablet landscape / small laptop (<=1100) ---------- */
@media(max-width:1100px){
  .grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
  .hero-grid{gap:28px}
  .sec{padding-top:56px;padding-bottom:48px}
  .stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
}

/* ---------- Tablet (<=960) ---------- */
@media(max-width:960px){
  header.nav{flex-wrap:wrap;gap:10px;padding-top:10px;padding-bottom:10px}
  .logo{flex:1 1 auto}
  .hsearch{order:3;flex:1 1 100%;max-width:none;min-width:0;width:100%}
  .burger{display:flex;margin-left:auto;width:44px;height:44px;align-items:center;justify-content:center}
  nav#nav{top:0;height:100vh;height:100dvh;width:min(340px,88vw);padding:76px 20px calc(24px + env(safe-area-inset-bottom,0px));z-index:200;box-shadow:-12px 0 40px rgba(15,37,64,.25)}
  nav#nav a{padding:14px 16px;min-height:44px;display:flex;align-items:center;justify-content:space-between}
  .burger{position:relative;z-index:210}
  .catbar{position:static;-webkit-overflow-scrolling:touch}
  .hero{padding-top:48px;padding-bottom:56px;text-align:left}
  .hero-grid{grid-template-columns:1fr}
  .hero h1{max-width:none}
  .hero-visual{min-height:320px;max-width:480px;margin:0 auto}
  .topbar{justify-content:center;text-align:center}
  .topbar span:last-child{display:none}
  .cta{padding:36px 22px}
}

/* tablet portrait keeps two columns where it still reads well */
@media(min-width:720px) and (max-width:960px){
  .pd{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
  .pd .pimg{position:sticky;top:84px}
  .cart{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}
  .two{grid-template-columns:1fr 1fr;gap:22px}
  .fgrid{grid-template-columns:repeat(2,1fr);gap:26px 22px}
  .fgrid>div:first-child{grid-column:1/-1}
}
@media(min-width:961px) and (max-width:1100px){
  .fgrid{grid-template-columns:1.2fr 1fr 1fr 1.3fr 1.3fr;gap:20px}
}

/* ---------- Large phone / small tablet (<=768, bottom nav on) ---------- */
@media(max-width:768px){
  .wa{display:flex;width:52px;height:52px;font-size:1.5rem}
  #waf{display:none!important}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .pimg{height:180px;padding:10px}
  .pbody{padding:12px}
  .pbody h3{font-size:.95rem}
  .pbtns .btn{padding-left:10px;padding-right:10px}
  .cattiles{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}
  .promo,.trust .wrap{grid-template-columns:1fr 1fr}
  .qvc{grid-template-columns:1fr;max-height:92vh;max-height:92dvh;padding:18px}
  .qvi{min-height:200px}
  #modal .box{padding:22px 16px}
  .mdp{width:min(420px,100%)}
  #toast{bottom:84px}
}

/* ---------- Phones (<=560) ---------- */
@media(max-width:560px){
  .topbar{font-size:.74rem;padding-top:6px;padding-bottom:6px}
  .topbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
  .logo{font-size:1.15rem}
  .logo svg{width:30px;height:30px}
  .hsearch input{font-size:16px;padding:10px 14px}
  .hsearch button{padding:0 16px}
  .catbar a{padding:11px 13px;font-size:.88rem}
  .hero{padding:32px 4% 40px}
  .hero h1{font-size:clamp(1.9rem,8.6vw,2.5rem);letter-spacing:-.6px}
  .hero p.sub{font-size:1rem;margin:14px 0 22px}
  .hero .btns{gap:10px}
  .hero .btns .btn{flex:1 1 150px}
  .hero .stats{gap:8px;margin-top:24px}
  .hero .stats div{flex:1 1 calc(50% - 8px);padding:10px 12px}
  .hero-visual{min-height:260px}
  .hpanel{grid-template-columns:1fr}
  .sec{padding:40px 4% 32px}
  .sec.first{padding-top:30px}
  .stitle{margin-bottom:20px}
  .stitle h2{font-size:1.35rem}
  .phead{padding:30px 4% 26px}
  .phead h1{font-size:1.7rem}
  .cattiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ctile{padding:12px 4px;font-size:.8rem}
  .ctile span{width:46px;height:46px;font-size:1.4rem}
  .pimg{height:156px}
  .price{font-size:1.08rem}
  .chip{font-size:.76rem;padding:4px 9px}
  .pbtns{flex-direction:column}
  .pbtns .btn{width:100%}
  .pd h2{font-size:1.6rem}
  .pd .pimg{padding:10px}
  .pd .pimg>img:not(.hv){max-height:360px}
  .btn{padding:12px 20px}
  .row{gap:10px}
  .row>.btn{flex:1 1 auto}
  .card{padding:18px 14px}
  .glass{padding:20px}
  .g2,.two{grid-template-columns:1fr;gap:0}
  .cart{gap:18px}
  .line{grid-template-columns:64px minmax(0,1fr);gap:12px}
  .line .th{height:64px}
  .line>div:last-child{grid-column:1/-1}
  .sum .tot{font-size:1.1rem}
  .fgrid{grid-template-columns:1fr 1fr;gap:22px 16px}
  .fgrid>div:nth-child(1),.fgrid>div:nth-child(4),.fgrid>div:nth-child(5){grid-column:1/-1}
  footer{padding-top:40px;padding-bottom:calc(24px + 64px)}
  .rxg,.rgrid,.ben,.feat,.promo,.trust .wrap{grid-template-columns:1fr}
  .grid2{grid-template-columns:minmax(0,1fr)}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tabs{flex-wrap:nowrap;overflow-x:auto}
  .tw{border-radius:14px}
  .fbar .inp{width:100%}
  .fbar{flex-direction:column;align-items:stretch}
  .sbar{padding:8px 12px;gap:8px}
  .sbar b{display:none}
  .sbar>span{display:flex;gap:8px;width:100%}
  .sbar .btn{flex:1}
  .mdp{width:100%}
  .mdi{grid-template-columns:56px minmax(0,1fr) auto;gap:10px}
  .mdt{width:56px;height:56px}
  .am-prow{flex-wrap:wrap}
  .am-price{flex:1 1 100%;padding:10px}
  .am-prow input{flex:1 1 100%}
  #amOrdOverlay{padding:0;align-items:flex-end}
  #amOrdBox{margin:0;max-width:none;border-radius:20px 20px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));max-height:94vh;max-height:94dvh;overflow-y:auto}
  .am-f input,.am-f select,.am-f textarea,.amx-g input{font-size:16px}
  #amFab{bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  .amx-g{padding:18px}
}

/* very small phones (<=360) */
@media(max-width:360px){
  .grid{gap:8px}
  .pimg{height:136px}
  .pbody h3{font-size:.88rem}
  .logo span{font-size:1.05rem}
  .hero .stats div{flex:1 1 100%}
  .cattiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fgrid{grid-template-columns:1fr}
}

/* short landscape phones: no full-height hero, drawer scrolls */
@media(max-height:480px) and (orientation:landscape){
  .hero{padding-top:24px;padding-bottom:28px}
  .hero-visual{display:none}
  nav#nav{padding-top:64px}
  #amOrdOverlay{align-items:flex-start;padding:8px}
  #amOrdBox{border-radius:16px;max-height:none}
}

/* touch screens: comfortable tap targets, no hover-only effects */
@media(pointer:coarse){
  .btn.sm,.chip,.chips2 button,.tabs button,.qty button,.mdq button{min-height:40px}
  .heart{width:44px;height:44px}
  .qty button{width:44px}
  .rate button{min-width:40px;min-height:40px}
}
@media(hover:none){
  .pcard:hover,.bcard:hover,.pr:hover,.ctile:hover,.cinfo a:hover,.btn:hover{transform:none;translate:none}
  .pcard:hover .pimg img,.pcard:hover .pimg svg{transform:none!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}

/*]]>*/

/* Final layout refinement: reduce vertical gaps around navigation and search */
header.nav{margin-bottom:0!important;row-gap:4px!important;column-gap:10px!important;padding-bottom:6px!important}
.hsearch{margin-top:0!important;margin-bottom:0!important}
/* Keep category navigation close to search and the hero */
.catnav,.categories,.category-nav,.cats,.search-wrap,.searchbar{margin-top:0!important;margin-bottom:0!important}
header.nav+*{margin-top:0!important}
/* Recently viewed products: compact, responsive section at the end of the home/product view */
#rvs{margin-top:12px!important;padding-top:16px!important;padding-bottom:22px!important}
#rvs .stitle{margin-bottom:12px!important}
#rvs .grid{gap:14px!important}
@media(max-width:700px){header.nav{row-gap:3px!important;padding-top:8px!important;padding-bottom:5px!important}.hsearch{margin:0!important}#rvs .grid{gap:10px!important}}

/* Daraz Seller-Center-inspired product listing builder */
.am-product-message:empty{display:none}.am-product-message .msg{margin:10px 24px 0}

#modal .box.am-product-modal{width:min(1160px,100%);max-width:1160px;padding:0;border-radius:20px;overflow:hidden;box-shadow:0 28px 90px rgba(15,23,42,.28);border:1px solid #dce8df}
#modal .box.am-product-modal>.close{position:sticky;float:right;top:10px;right:12px;margin:10px 12px -42px 0;z-index:10;background:#edf8f0;color:#166534;border:1px solid #cdebd5;box-shadow:0 4px 12px rgba(21,128,61,.12)}
.am-product-builder{--am-green:#16803d;--am-green-dark:#11632f;--am-green-soft:#eefbf2;--am-green-line:#cfe9d6;color:#172b20;background:#f6faf7;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;scroll-behavior:smooth}
.am-product-head{padding:25px 30px 18px;background:linear-gradient(115deg,#fff 0%,#f0fbf3 70%,#e2f7e9 100%);border-bottom:1px solid #d9ebde}
.am-product-crumb{font-size:10px;font-weight:800;letter-spacing:.13em;color:#688473;margin-bottom:12px}.am-product-crumb span{margin:0 7px;color:#16a34a}
.am-product-headrow{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-right:30px}.am-product-head h2{font-size:clamp(22px,2.5vw,30px);color:#153e25;margin-bottom:7px;letter-spacing:-.035em}.am-product-head p{font-size:13px;color:#597263;max-width:670px}
.am-product-status{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:#fff;border:1px solid #d5ebdb;padding:8px 11px;border-radius:99px;color:#176c36;font-size:11px;font-weight:700}.am-product-status i{display:block;width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #dcfce7}
.am-product-progress{height:4px;background:#dcefe1;border-radius:99px;margin-top:20px;overflow:hidden}.am-product-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#15803d,#4ade80);border-radius:99px;transform-origin:left;animation:amProductProgress .6s ease-out both}@keyframes amProductProgress{from{transform:scaleX(.15)}to{transform:scaleX(1)}}
.am-product-steps{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:13px 24px;background:rgba(255,255,255,.96);border-bottom:1px solid #e0ece3;backdrop-filter:blur(12px)}
.am-product-steps button{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 11px;background:#f6faf7;border:1px solid #e0ebe2;border-radius:11px;color:#6b7e71;font-size:11px;font-weight:700;text-align:left;transition:all .22s ease}.am-product-steps button b{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:8px;background:#e6f0e8;color:#547760}.am-product-steps button span{min-width:0}.am-product-steps button:hover,.am-product-steps button.active{background:#e9f9ee;border-color:#83d59b;color:#176b35;box-shadow:0 4px 12px rgba(22,128,61,.08)}.am-product-steps button.active b{background:#16803d;color:#fff}
.am-product-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start;padding:20px 24px 25px}.am-product-aside{position:sticky;top:84px;display:grid;gap:13px}.am-aside-card{background:#fff;border:1px solid #e0eae2;border-radius:14px;padding:14px;box-shadow:0 5px 20px rgba(31,84,48,.035)}.am-aside-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:800;color:#254b31;margin-bottom:13px}.am-aside-title small{padding:4px 7px;border-radius:6px;background:#f0faf3;color:#218243;font-size:9px;text-transform:uppercase;letter-spacing:.05em}
.am-preview-photo{display:grid;place-items:center;min-height:172px;margin-bottom:12px;background:linear-gradient(145deg,#f3f8f4,#eaf5ec);border:1px dashed #c7dfcd;border-radius:11px;overflow:hidden}.am-preview-photo img{width:100%;height:172px;object-fit:contain;padding:10px}.am-preview-photo span{font-size:45px}.am-live-preview>b{display:block;font-size:12px;color:#1b3825;line-height:1.5;overflow-wrap:anywhere}.am-live-preview>p{font-size:10px;color:#6c8172;margin-top:4px}.am-live-preview>strong{display:block;color:#16803d;font-size:18px;margin-top:8px}.am-preview-tip{display:block;border-top:1px solid #edf1ed;padding-top:10px;margin-top:10px;font-size:10px;color:#869488}.am-checklist{list-style:none;display:grid;gap:10px;margin:0;padding:0}.am-checklist li{display:flex;align-items:center;gap:8px;font-size:11px;color:#596c5e}.am-checklist li span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#dcfce7;color:#16803d;font-weight:900}.am-tip{margin-top:15px;padding:10px;background:#f4fbf5;border:1px solid #e0f0e4;border-radius:9px;font-size:10px;color:#56715e}.am-tip p{margin-top:4px;line-height:1.55}
.am-product-sections{display:grid;gap:16px;min-width:0}.am-product-section{scroll-margin-top:85px;background:#fff;border:1px solid #dfeae1;border-radius:15px;padding:22px;box-shadow:0 3px 14px rgba(23,73,39,.035);animation:amProductIn .38s ease both}.am-product-section:nth-child(2){animation-delay:.04s}.am-product-section:nth-child(3){animation-delay:.08s}.am-product-section:nth-child(4){animation-delay:.12s}.am-product-section:nth-child(5){animation-delay:.16s}@keyframes amProductIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.am-section-heading{display:flex;align-items:flex-start;gap:13px;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid #edf2ee}.am-section-number{display:grid;place-items:center;flex:0 0 38px;height:38px;border:1px solid #b9e7c5;background:#e9faee;border-radius:11px;color:#16803d;font-size:11px;font-weight:900}.am-section-heading h3{font-size:17px;color:#183e25;margin:1px 0 6px}.am-section-heading p{color:#718175;font-size:11px;line-height:1.5}.am-product-fields{display:grid;gap:0}.am-product-modal .fld{margin-bottom:15px;min-width:0}.am-product-modal .fld label{font-size:11px;font-weight:800;color:#344f3b;margin-bottom:7px}.am-product-modal .fld label em{font-style:normal;font-size:9px;color:#be4a38;background:#fff2ef;padding:3px 6px;border-radius:5px;margin-left:5px;text-transform:uppercase;letter-spacing:.04em}.am-product-modal .fld input,.am-product-modal .fld textarea,.am-product-modal .fld select,.am-product-modal .vrow input{width:100%;min-width:0;padding:11px 12px;border:1px solid #dbe7dd;border-radius:9px;background:#fcfefc;color:#203b28;font-size:12px;transition:border-color .2s,box-shadow .2s,background .2s}.am-product-modal .fld input:focus,.am-product-modal .fld textarea:focus,.am-product-modal .fld select:focus,.am-product-modal .vrow input:focus{border-color:#4caf70;box-shadow:0 0 0 3px rgba(34,197,94,.12);outline:0;background:#fff}.am-product-modal .fld small,.am-product-modal .am-muted-help{display:block;margin-top:5px;font-size:10px;line-height:1.5;color:#829187}.am-product-modal .g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.am-product-modal .g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.am-product-modal .am-full{grid-column:1/-1}
.am-primary-upload{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #dcefe0;background:#f7fcf8;border-radius:12px}.am-upload-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#ddf8e5;color:#16803d;font-size:25px;font-weight:400}.am-upload-copy{display:grid;gap:3px;min-width:0;flex:1}.am-upload-copy b{font-size:12px;color:#23492e}.am-upload-copy span{font-size:10px;color:#7b8b7e}.am-primary-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.am-upload-btn{cursor:pointer;border:1px solid #16803d;border-radius:9px;background:#16803d;color:#fff;padding:9px 12px;font-size:11px;font-weight:800;white-space:nowrap;box-shadow:0 5px 12px rgba(22,128,61,.15);transition:transform .2s,box-shadow .2s}.am-upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(22,128,61,.23)}.am-main-preview{display:flex;align-items:center;gap:13px;margin:12px 0}.am-main-preview .prev{width:68px;height:68px;object-fit:contain;background:#f7faf7;border:1px solid #e3ece5;border-radius:10px;padding:4px}.am-main-preview b{font-size:11px;color:#23492e}.am-main-preview p{font-size:10px;color:#839087;margin-top:3px;line-height:1.5}.am-gallery-block{margin-top:12px;border:1px solid #e4ece5;border-radius:12px;padding:14px}.am-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.am-gallery-head b{font-size:12px;color:#23492e}.am-gallery-head p{font-size:10px;color:#819084;margin-top:3px}.am-gallery-count{background:#effaf2;color:#16803d;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:800}.am-existing-gallery,.am-new-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px;margin:10px 0}.am-existing-img,.am-new-img{min-width:0;border:1px solid #e1eae2;border-radius:9px;padding:5px;background:#fff;overflow:hidden}.am-existing-img img,.am-new-img img{width:100%;height:70px;object-fit:contain;background:#f5f8f5;border-radius:6px}.am-existing-img span,.am-new-img span{display:block;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:9px;color:#78877c}.am-empty-gallery{grid-column:1/-1;display:flex;align-items:center;gap:9px;padding:12px;background:#fafcfa;color:#99a59b;font-size:11px}.am-dropzone{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:18px 12px;border:1px dashed #9fd8ad;border-radius:10px;background:#f7fdf8;color:#24643a;cursor:pointer;transition:background .2s,border .2s}.am-dropzone:hover{background:#effbf2;border-color:#39a95b}.am-dropzone>span{font-size:23px}.am-dropzone>b{font-size:11px}.am-dropzone>small{font-size:10px;color:#819286}.am-dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.am-secondary-image{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.am-secondary-image .prev{max-width:100px;height:68px;object-fit:contain;border:1px solid #e2ebe3;border-radius:8px;padding:4px;margin-top:7px}.am-switch-row{display:flex;align-items:center;gap:10px;margin:7px 0 18px;padding:12px;border:1px solid #e1ece3;background:#fbfdfb;border-radius:10px;cursor:pointer}.am-switch-row input,.am-option-card input{width:16px;height:16px;accent-color:#16803d;flex:0 0 auto}.am-switch-row span,.am-option-card span{display:grid;gap:4px}.am-switch-row b{font-size:11px;color:#365540}.am-switch-row small,.am-option-card small{font-size:10px;color:#859187;line-height:1.45}.am-variant-panel{padding:14px;border:1px solid #dfeae1;border-radius:12px;background:#fbfefb;margin-bottom:16px}.am-variant-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.am-variant-title b{font-size:12px;color:#284e33}.am-variant-title p{font-size:10px;color:#839087;margin-top:3px}.am-product-modal .btn{border-radius:9px;padding:10px 14px;background:#16803d;color:#fff;border:1px solid #16803d;box-shadow:0 5px 13px rgba(22,128,61,.15);font-size:11px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.am-product-modal .btn:hover{background:#116b32;transform:translateY(-1px);box-shadow:0 8px 17px rgba(22,128,61,.22)}.am-product-modal .btn.dk{background:#fff;color:#3d6147;border-color:#d5e4d8;box-shadow:none}.am-product-modal .btn.dk:hover{background:#f0faf2}.am-variant-labels{display:grid;grid-template-columns:1.1fr .7fr .65fr 1.1fr .7fr 24px;gap:7px;margin:0 0 7px;color:#7d8a7f;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.am-product-modal .vrow{display:grid;grid-template-columns:1.1fr .7fr .65fr 1.1fr .7fr 24px;gap:7px;align-items:start;padding:8px;background:#fff;border:1px solid #e6eee7;border-radius:10px;margin-bottom:8px}.am-product-modal .vrow input{padding:9px 8px;font-size:10px}.am-variant-image-cell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center;min-width:0}.am-vfile-label{display:inline-flex;align-items:center;justify-content:center;padding:7px 6px;border:1px solid #b8e2c3;border-radius:7px;background:#f0fbf3;color:#218243;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}.am-vfile-label input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.am-variant-image-cell .vimageprev{grid-column:1/-1;max-width:56px;height:38px;object-fit:contain;background:#f8fbf8;border:1px solid #e4eee6;border-radius:5px;padding:2px}.am-variant-image-cell .vimage-status{grid-column:1/-1;font-size:8px;color:#218243}.am-product-modal .vrow .x{border:1px solid #f4d4d1;background:#fff4f3;color:#bc3e34;border-radius:7px;height:32px;width:24px;font-size:14px}.am-price-highlight{display:grid;grid-template-columns:.7fr 1.3fr;gap:14px;padding:13px;border:1px solid #dcefe0;border-radius:12px;background:#f4fcf6;margin-bottom:14px}.am-price-highlight>div:first-child{align-self:center;display:grid;gap:5px}.am-price-highlight>div:first-child span{font-size:10px;color:#7b8c7f}.am-price-highlight>div:first-child b{font-size:19px;color:#16803d}.am-price-highlight>div:first-child small{font-size:9px;color:#869489}.am-price-highlight .fld{margin:0}.am-price-highlight .fld small{margin-top:5px}.am-wholesale-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.am-dimensions{border:1px solid #e3ece4;background:#fbfdfb;border-radius:11px;padding:13px;margin-top:3px}.am-dimensions>b{display:block;font-size:11px;color:#375440;margin-bottom:12px}.am-delivery-note{padding:13px;border-radius:10px;background:#f3fbf5;border:1px solid #d7eddd;color:#5e7564;font-size:10px;line-height:1.6}.am-delivery-note b{color:#1f6b38}.am-publish-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.am-option-card{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #e0eae2;border-radius:10px;background:#fcfefc;cursor:pointer;transition:border-color .2s,background .2s}.am-option-card:has(input:checked){border-color:#7bce90;background:#f3fcf5}.am-option-card b{font-size:11px;color:#2b4e35}.am-publish-note{display:flex;gap:11px;margin-top:15px;padding:14px;background:#f1fbf4;border-radius:10px;border:1px solid #d7eddd}.am-publish-note>span{font-size:20px}.am-publish-note b{font-size:11px;color:#28663a}.am-publish-note p{font-size:10px;color:#718477;line-height:1.6;margin-top:4px}.am-product-footer{position:sticky;bottom:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 26px;background:rgba(255,255,255,.97);border-top:1px solid #dfeae1;box-shadow:0 -6px 18px rgba(22,68,34,.035);backdrop-filter:blur(12px)}.am-product-footer>span{font-size:10px;color:#7f8d82}.am-product-footer>div{display:flex;gap:9px;align-items:center}
@media(max-width:900px){.am-product-layout{grid-template-columns:1fr}.am-product-aside{position:static;grid-template-columns:1fr 1fr}.am-live-preview{display:grid;grid-template-columns:92px minmax(0,1fr);column-gap:12px;align-items:start}.am-live-preview .am-aside-title,.am-live-preview .am-preview-tip{grid-column:1/-1}.am-preview-photo{grid-row:2/5;min-height:100px}.am-preview-photo img{height:100px}.am-live-preview>b,.am-live-preview>p,.am-live-preview>strong{grid-column:2}.am-product-steps{grid-template-columns:repeat(5,minmax(90px,1fr));overflow-x:auto}.am-product-steps button{white-space:nowrap}}
@media(max-width:620px){#modal .box.am-product-modal{border-radius:15px;max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px)}.am-product-builder{max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px)}.am-product-head{padding:20px 14px 15px}.am-product-headrow{padding-right:26px}.am-product-head h2{font-size:22px}.am-product-head p{font-size:11px}.am-product-status{display:none}.am-product-steps{padding:10px 12px;gap:6px}.am-product-steps button{padding:8px;gap:6px}.am-product-steps button span{font-size:9px}.am-product-steps button b{width:22px;height:22px;flex-basis:22px}.am-product-layout{padding:13px 10px 18px;gap:12px}.am-product-aside{grid-template-columns:1fr}.am-live-preview{display:block}.am-live-preview .am-aside-title,.am-live-preview .am-preview-tip,.am-live-preview>b,.am-live-preview>p,.am-live-preview>strong{grid-column:auto}.am-preview-photo{min-height:130px}.am-preview-photo img{height:130px}.am-product-section{padding:15px 12px;border-radius:12px}.am-section-heading{gap:9px;padding-bottom:13px;margin-bottom:14px}.am-section-number{height:31px;flex-basis:31px;border-radius:9px}.am-section-heading h3{font-size:15px}.am-section-heading p{font-size:10px}.am-product-modal .g2,.am-product-modal .g3,.am-secondary-image,.am-publish-options,.am-wholesale-grid,.am-price-highlight{grid-template-columns:1fr;gap:0}.am-product-modal .g2 .fld,.am-product-modal .g3 .fld,.am-secondary-image .fld,.am-wholesale-grid .fld{margin-bottom:12px}.am-primary-upload{flex-wrap:wrap;padding:10px}.am-upload-copy{min-width:120px}.am-upload-btn{margin-left:auto}.am-variant-labels{display:none}.am-product-modal .vrow{grid-template-columns:1fr 1fr;gap:8px;padding:10px}.am-product-modal .vrow .vs{grid-column:1/-1}.am-variant-image-cell{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto}.am-product-modal .vrow .x{grid-column:2;justify-self:end}.am-variant-title{align-items:flex-start;flex-direction:column}.am-variant-title .btn{width:100%}.am-product-footer{padding:11px 12px;align-items:stretch;flex-direction:column}.am-product-footer>span{font-size:9px}.am-product-footer>div{display:grid;grid-template-columns:.7fr 1.3fr}.am-product-footer .btn{padding:12px}.am-product-progress{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.am-product-section,.am-product-progress span{animation:none!important}.am-product-modal *{scroll-behavior:auto!important;transition:none!important}}



/* ===== Extracted stylesheet %d ===== */

/* Marketplace additions: use Online Shah Alami's existing green theme and design tokens. */
:root{--am-market-green:var(--green,#15803d);--am-market-line:var(--line,#dce9df)}
.am-market-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:8px 11px;border:1px solid var(--am-market-line);border-radius:10px;background:#fff;color:var(--ink,#173b25);font:700 12px/1.25 inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.am-market-action:hover{transform:translateY(-1px);border-color:#86d59a;background:#f0fbf3;box-shadow:0 6px 15px rgba(21,128,61,.12)}
.am-market-action.primary{background:var(--green,#15803d);border-color:var(--green,#15803d);color:#fff}.am-market-action.primary:hover{background:#166534}
.am-market-action:disabled{opacity:.55;cursor:not-allowed;transform:none}
.am-compare-card{margin-top:9px;width:100%}.am-compare-card.is-on{background:#e9f9ee;border-color:#7acb8d;color:#12632e}
#amCompareDock{position:fixed;z-index:9990;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);opacity:0;visibility:hidden;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:10px 12px 10px 16px;background:#153e25;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;box-shadow:0 12px 34px rgba(10,42,22,.28);transition:opacity .2s,transform .2s,visibility .2s}
#amCompareDock.on{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}#amCompareDock span{font-size:12px;font-weight:800;white-space:nowrap}#amCompareDock button{border:0;border-radius:999px;padding:9px 13px;background:#fff;color:#166534;font-size:12px;font-weight:800;cursor:pointer}#amCompareDock .am-clear-compare{background:transparent;color:#d9fbe2;padding:8px}
.am-market-overlay{position:fixed;inset:0;z-index:10010;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(7,25,14,.55);backdrop-filter:blur(5px)}.am-market-overlay.on{display:flex;animation:amMarketFade .18s ease both}
.am-market-dialog{width:min(920px,100%);max-height:min(88vh,900px);overflow:auto;background:#fff;border:1px solid #dcebe0;border-radius:20px;box-shadow:0 28px 90px rgba(5,30,14,.3);animation:amMarketUp .24s ease both}
.am-market-dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;background:rgba(255,255,255,.96);border-bottom:1px solid #e1ece4;backdrop-filter:blur(10px)}.am-market-dialog-head h3{margin:0;color:#163c24;font-size:19px}.am-market-close{width:36px;height:36px;border:1px solid #dce9df;border-radius:10px;background:#f6fbf7;color:#234b30;font-size:21px;cursor:pointer}
.am-market-dialog-body{padding:20px}.am-market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.am-market-mini{min-width:0;border:1px solid #e0ece3;border-radius:14px;padding:12px;background:#fbfefb}.am-market-mini img{width:100%;height:100px;object-fit:contain;background:#f2f8f3;border-radius:9px}.am-market-mini h4{font-size:12px;line-height:1.45;margin:9px 0 5px;overflow-wrap:anywhere}.am-market-mini strong{color:#16803d;font-size:15px}.am-market-mini p{font-size:11px;color:#718176;margin:6px 0}.am-market-table-wrap{overflow-x:auto;margin-top:16px}.am-market-table{width:100%;border-collapse:collapse;min-width:500px}.am-market-table th,.am-market-table td{padding:11px 12px;text-align:left;border-bottom:1px solid #e8efe9;font-size:12px;vertical-align:top}.am-market-table th{width:160px;background:#f7fbf8;color:#4e6c56}.am-market-muted{color:#718176;font-size:12px;line-height:1.6}.am-market-badge{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid #cdebd5;background:#effaf2;color:#16703a;border-radius:999px;font-size:10px;font-weight:800}
#amMarketExtra{margin-top:28px;padding-top:26px;border-top:1px solid var(--line,#dce9df)}#amMarketExtra .am-market-block{margin-bottom:28px}#amMarketExtra .am-market-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}#amMarketExtra .am-market-heading h2{font-size:clamp(19px,2.1vw,25px);margin:0;color:var(--ink,#173b25)}#amMarketExtra .am-market-heading p{font-size:12px;color:var(--mut,#687c6d);margin:4px 0 0}#amMarketExtra .grid{gap:14px}
.am-qna{margin-top:26px;padding:22px;background:var(--card,#fff);border:1px solid var(--line,#dce9df);border-radius:18px;box-shadow:0 8px 24px rgba(18,74,35,.045)}.am-qna h3{margin:0 0 7px;color:var(--ink,#173b25)}.am-qna-intro{font-size:12px;color:var(--mut,#687c6d);margin-bottom:14px}.am-qna-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin:14px 0 18px}.am-qna-form textarea{min-height:60px;resize:vertical}.am-qna-list{display:grid;gap:10px}.am-qna-item{padding:13px;border:1px solid #e4eee6;background:#fbfefb;border-radius:12px}.am-qna-item .am-q{font-size:13px;font-weight:800;color:#21472d;line-height:1.5}.am-qna-item .am-a{font-size:12px;line-height:1.6;color:#597060;margin:7px 0 0;padding:10px 11px;background:#eef9f1;border-radius:8px}.am-qna-item small{display:block;font-size:10px;color:#879389;margin-top:6px}
.am-return-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#f0faf3;border:1px solid #d2ead8;color:#176c36;font-size:10px;font-weight:800}.am-return-status.rejected{background:#fff3f2;border-color:#f3d1cc;color:#ae332a}.am-return-status.refunded,.am-return-status.completed{background:#edf5ff;border-color:#cfe2ff;color:#245ca6}.am-request-card{padding:14px;border:1px solid #dfebe2;border-radius:13px;background:#fff}.am-request-card h4{margin:0 0 5px;color:#1e482b;font-size:13px}.am-request-card p{font-size:12px;line-height:1.6;color:#687a6c;margin:5px 0}.am-request-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.am-admin-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.am-admin-feature-grid .card{min-width:0}
@keyframes amMarketFade{from{opacity:0}to{opacity:1}}@keyframes amMarketUp{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:720px){#amCompareDock{bottom:calc(84px + env(safe-area-inset-bottom,0px));width:max-content}#amCompareDock span{font-size:11px}.am-market-overlay{padding:8px;align-items:flex-end}.am-market-dialog{border-radius:18px 18px 10px 10px;max-height:94dvh}.am-market-dialog-body{padding:13px}.am-market-dialog-head{padding:14px}.am-market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.am-market-mini{padding:8px}.am-market-mini img{height:82px}.am-qna{padding:15px}.am-qna-form{grid-template-columns:1fr}.am-qna-form .am-market-action{width:100%;min-height:42px}.am-admin-feature-grid{grid-template-columns:1fr}#amMarketExtra .grid{gap:10px}}
@media(prefers-reduced-motion:reduce){.am-market-action,.am-market-dialog,.am-market-overlay,#amCompareDock{transition:none!important;animation:none!important}}


/* ===== Extracted stylesheet %d ===== */

/* Additive marketplace navigation and pages; uses the existing Online Shah Alami theme variables. */
.am-market-quicknav{display:flex;gap:7px;align-items:center;padding:8px 5%;background:#fff;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;position:relative;z-index:40}
.am-market-quicknav::-webkit-scrollbar{display:none}
.am-market-quicknav a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:.86rem;font-weight:650;background:#fff;transition:background .2s,border-color .2s,transform .2s}
.am-market-quicknav a:hover,.am-market-quicknav a.active{background:var(--light);border-color:var(--gold);transform:translateY(-1px)}
#amMarketplaceHomeModules{display:block;background:transparent}
.am-market-section{padding:28px 5%;}
.am-market-panel{max-width:1200px;margin:0 auto;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}
.am-market-section+.am-market-section{padding-top:0}
.am-market-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.am-market-head h2{font-size:clamp(1.25rem,2.8vw,1.8rem);color:var(--ink)}
.am-market-head p{color:var(--mut);font-size:.93rem}
.am-market-link{color:var(--amber);font-weight:750;white-space:nowrap}
.am-market-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px}
.am-market-category{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;min-height:112px;padding:14px 8px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--text);font-weight:650;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.am-market-category span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--light);font-size:1.45rem}
.am-market-category:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 9px 20px rgba(27,20,64,.08)}
.am-market-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.am-market-feature{display:flex;align-items:flex-start;gap:12px;padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--text);min-height:95px}
.am-market-feature>span{font-size:1.55rem}
.am-market-feature b{display:block;color:var(--ink);margin-bottom:3px}
.am-market-feature small{color:var(--mut);line-height:1.45;display:block}
.am-market-sell-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.am-market-sell-card{padding:22px;border-radius:14px;background:linear-gradient(130deg,var(--ink),var(--ink2));color:#fff;border:1px solid rgba(212,175,55,.3)}
.am-market-sell-card h3{font-size:1.2rem;margin-bottom:7px;color:#fff}.am-market-sell-card p{color:#ded9ef;font-size:.93rem;margin-bottom:14px}
.am-market-sell-card .btn{background:var(--accent);color:var(--ink);box-shadow:none}
.am-market-page{padding:30px 5% 58px}.am-market-page>.wrap{max-width:1200px;margin:0 auto}
.am-market-page .am-market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px}
.am-market-store{display:flex;flex-direction:column;gap:10px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);transition:transform .2s,border-color .2s}
.am-market-store:hover{transform:translateY(-3px);border-color:var(--gold)}
.am-market-store-icon{display:grid;place-items:center;width:54px;height:54px;background:var(--light);border-radius:14px;font-size:1.65rem}
.am-market-store h3{font-size:1.08rem;color:var(--ink)}.am-market-muted{color:var(--mut);font-size:.92rem}
.am-market-statrow{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
.am-market-statrow span{padding:7px 11px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--mut);font-size:.85rem}
.am-voucher{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px dashed var(--gold);border-radius:14px;background:linear-gradient(140deg,#fff,var(--light))}
.am-voucher strong{font-size:1.25rem;color:var(--ink)}.am-voucher-code{font-weight:800;letter-spacing:1px;color:var(--amber);border:1px solid var(--line);background:#fff;padding:10px 12px;border-radius:8px;overflow-wrap:anywhere}
.am-market-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.am-market-step{padding:18px;background:#fff;border:1px solid var(--line);border-radius:13px}
.am-market-step>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--light);font-weight:800;color:var(--ink);margin-bottom:10px}
.am-market-step h3{color:var(--ink);font-size:1.03rem;margin-bottom:6px}.am-market-step p{font-size:.9rem;color:var(--mut)}
#am-account-market-tools{margin-top:18px}
#am-account-market-tools .am-market-toolgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px}
#am-account-market-tools a{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#fff;font-weight:650;font-size:.9rem}
#am-account-market-tools a:hover{border-color:var(--gold);background:var(--light)}
.am-market-empty{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;text-align:center;color:var(--mut)}
@media(max-width:900px){.am-market-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.am-market-quicknav{padding-left:4%;padding-right:4%}}
@media(max-width:620px){.am-market-section{padding:18px 4%}.am-market-panel{padding:15px}.am-market-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.am-market-category{min-height:96px;font-size:.78rem;padding:10px 4px}.am-market-category span{width:40px;height:40px;font-size:1.25rem}.am-market-feature-grid,.am-market-sell-grid,.am-market-steps{grid-template-columns:1fr}.am-market-page{padding:20px 4% 42px}.am-market-page .am-market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.am-market-store{padding:13px}.am-market-store h3{font-size:.95rem}.am-market-statrow span{font-size:.76rem}.am-market-feature{min-height:auto;padding:13px}}


/* ===== Extracted stylesheet %d ===== */

/* Online Shah Alami PROFESSIONAL PORTALS — additive styles, preserving the site's existing royal indigo/gold theme */
:root{--am-pro-ease:cubic-bezier(.2,.75,.25,1);--am-pro-glass:rgba(255,255,255,.86)}
body.am-pro-site{background:var(--cream);color:var(--text)}
body.am-pro-site .btn,body.am-pro-site button,body.am-pro-site .am-market-feature,body.am-pro-site .am-market-store,body.am-pro-site .am-market-toolgrid a{transition:transform .22s var(--am-pro-ease),box-shadow .22s var(--am-pro-ease),background-color .22s,border-color .22s}
body.am-pro-site .btn{position:relative;isolation:isolate;overflow:hidden}
body.am-pro-site .btn:before{content:"";position:absolute;inset:0;left:-130%;width:55%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);transition:left .65s var(--am-pro-ease);pointer-events:none;z-index:-1}
body.am-pro-site .btn:hover:before{left:150%}
body.am-pro-site .btn:focus-visible,body.am-pro-site .am-pro-shortcut:focus-visible,body.am-pro-site .am-pro-customer-tile:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
body.am-pro-site .btn:active,body.am-pro-site .am-pro-shortcut:active{transform:translateY(2px) scale(.985)!important}
body.am-pro-site .card,body.am-pro-site .stat,body.am-pro-site .am-market-panel,body.am-pro-site .am-market-store,body.am-pro-site .am-market-feature{transition:transform .28s var(--am-pro-ease),box-shadow .28s var(--am-pro-ease),border-color .28s}
body.am-pro-site .card:hover{border-color:color-mix(in srgb,var(--gold) 42%,var(--line));box-shadow:0 14px 34px rgba(27,20,64,.075)}
@keyframes amProEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes amProPulse{0%,100%{box-shadow:0 0 0 0 rgba(212,175,55,0)}50%{box-shadow:0 0 0 5px rgba(212,175,55,.12)}}
@keyframes amProFloat{0%,100%{transform:translateY(0) rotateY(-5deg)}50%{transform:translateY(-5px) rotateY(5deg)}}
.am-pro-enter{animation:amProEnter .42s var(--am-pro-ease) both}
.am-pro-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--amber)}
.am-pro-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(212,175,55,.14)}
.am-pro-admin-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;margin-bottom:18px;border-radius:18px;border:1px solid rgba(212,175,55,.28);background:radial-gradient(ellipse at 100% 0,rgba(212,175,55,.18),transparent 46%),linear-gradient(120deg,#150F37,#2C2166);color:#fff;box-shadow:0 14px 32px rgba(21,15,55,.13);animation:amProEnter .4s var(--am-pro-ease) both}
.am-pro-admin-intro h2{font-size:clamp(1.3rem,2.7vw,1.8rem);margin:5px 0 4px;color:#fff}.am-pro-admin-intro p{color:#D9D2F0;font-size:.9rem;max-width:52em}.am-pro-admin-intro .am-pro-eyebrow{color:var(--accent)}
.am-pro-admin-status{flex:none;text-align:right;display:grid;gap:6px;justify-items:end}.am-pro-status-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(244,215,122,.27);font-size:.76rem;font-weight:700;color:#fff}.am-pro-status-pill i{width:7px;height:7px;background:#6ee7a0;border-radius:50%;box-shadow:0 0 0 4px rgba(110,231,160,.12)}
.am-pro-admin-tools{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.am-pro-admin-search{display:flex;align-items:center;gap:9px;min-width:180px;flex:1;max-width:440px;background:#F8F7F2;border:1px solid var(--line);border-radius:11px;padding:0 12px}.am-pro-admin-search span{font-size:1rem;color:var(--mut)}.am-pro-admin-search input{width:100%;min-width:0;padding:11px 0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:.9rem}.am-pro-admin-search input:focus{box-shadow:none}
.am-pro-admin-help{font-size:.78rem;color:var(--mut)}
.am-pro-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:24px}
.am-pro-shortcut{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 15px;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);cursor:pointer;box-shadow:var(--shadow)}
.am-pro-shortcut:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 13px 26px rgba(27,20,64,.1)}
.am-pro-shortcut .am-pro-icon{display:grid;place-items:center;width:43px;height:43px;flex:none;border-radius:12px;background:var(--light);font-size:1.2rem}
.am-pro-shortcut b{display:block;color:var(--ink);font-size:.89rem}.am-pro-shortcut small{display:block;color:var(--mut);font-size:.75rem;margin-top:2px}
body.am-admin-route main#view section.sec > .wrap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start;max-width:1440px}
body.am-admin-route #atabs{position:sticky;top:20px;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow);margin:0;max-height:calc(100vh - 40px);overflow:auto;scrollbar-width:thin}
body.am-admin-route #atabs button{display:flex;align-items:center;gap:8px;justify-content:flex-start;width:100%;min-height:42px;padding:10px 12px;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);font-size:.86rem;font-weight:650;white-space:normal}
body.am-admin-route #atabs button:hover{background:#F8F5EA;border-color:#E9E2D0;transform:translateX(2px)}
body.am-admin-route #atabs button.on{background:linear-gradient(100deg,#F6EBC8,#FBF7E9);border-color:#E6D08A;color:var(--ink);box-shadow:inset 3px 0 0 var(--gold)}
body.am-admin-route #atabs button:last-child{margin-top:5px}
body.am-admin-route #adm{min-width:0;animation:amProEnter .34s var(--am-pro-ease) both}
body.am-admin-route #adm .stat-grid{gap:12px}
body.am-admin-route #adm .stat{border-radius:15px;padding:18px;background:linear-gradient(180deg,#fff,#fdfcf8);box-shadow:0 5px 16px rgba(27,20,64,.035);position:relative;overflow:hidden}
body.am-admin-route #adm .stat:after{content:"";position:absolute;right:-18px;top:-22px;width:68px;height:68px;border-radius:50%;background:rgba(212,175,55,.1)}
body.am-admin-route #adm .stat b{position:relative;z-index:1;font-size:clamp(1.15rem,1.8vw,1.8rem);overflow-wrap:anywhere}
body.am-admin-route #adm h3{color:var(--ink)}
body.am-admin-route #adm .tw{border-radius:15px;box-shadow:0 6px 22px rgba(27,20,64,.04)}
body.am-admin-route #adm table th{background:#F5F1E6;color:#51446B;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}
body.am-admin-route #adm table tr:hover td{background:#FCFAF2}
body.am-admin-route #adm .bar{gap:12px}
body.am-admin-route #adm .bar h3{font-size:1.1rem}
body.am-admin-route .phead{background:radial-gradient(ellipse at 88% 0,rgba(212,175,55,.22),transparent 42%),linear-gradient(120deg,#150F37,#2C2166)}
body.am-admin-route .phead .wrap{display:block}
body.am-admin-route .phead h1{font-size:clamp(1.9rem,3.5vw,2.75rem);letter-spacing:-.04em}
body.am-admin-route .phead .back{margin-bottom:12px}
body.am-admin-route .phead p{max-width:55em}
.am-pro-customer-welcome{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(180px,.75fr);gap:18px;align-items:center;position:relative;isolation:isolate;overflow:hidden;padding:24px;margin:0 0 20px;border:1px solid rgba(212,175,55,.25);border-radius:18px;background:radial-gradient(ellipse at 100% 0,rgba(212,175,55,.2),transparent 45%),linear-gradient(125deg,#150F37,#2C2166);color:#fff;box-shadow:0 14px 30px rgba(21,15,55,.12);animation:amProEnter .42s var(--am-pro-ease) both}
.am-pro-customer-welcome h2{font-size:clamp(1.3rem,2.4vw,1.8rem);color:#fff;margin:7px 0}.am-pro-customer-welcome p{color:#D9D2F0;font-size:.9rem;max-width:52em}.am-pro-customer-welcome .am-pro-eyebrow{color:var(--accent)}
.am-pro-role-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.am-pro-role-pills span{padding:5px 9px;border-radius:999px;border:1px solid rgba(244,215,122,.3);background:rgba(255,255,255,.1);font-size:.73rem;font-weight:700;color:#fff}
.am-pro-account-art{position:relative;min-height:125px;display:grid;place-items:center;perspective:700px;overflow:hidden}
.am-pro-orbit{position:absolute;width:134px;height:134px;border:1px solid rgba(244,215,122,.35);border-radius:50%;transform:rotateX(64deg);box-shadow:0 0 45px rgba(212,175,55,.09)}
.am-pro-cube{position:relative;width:58px;height:58px;transform-style:preserve-3d;animation:amProCube 13s linear infinite;filter:drop-shadow(0 14px 12px rgba(0,0,0,.22))}
.am-pro-cube i{position:absolute;inset:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);background:linear-gradient(135deg,#F6EBC8,#D4AF37);color:#1B1440;font-style:normal;font-size:1.5rem}
.am-pro-cube i:nth-child(1){transform:translateZ(29px)}.am-pro-cube i:nth-child(2){transform:rotateY(180deg) translateZ(29px);background:linear-gradient(135deg,#fff,#e9e2d0)}.am-pro-cube i:nth-child(3){transform:rotateY(90deg) translateZ(29px);background:linear-gradient(135deg,#2C2166,#150F37);color:#F4D77A}.am-pro-cube i:nth-child(4){transform:rotateY(-90deg) translateZ(29px);background:linear-gradient(135deg,#2C2166,#150F37);color:#F4D77A}.am-pro-cube i:nth-child(5){transform:rotateX(90deg) translateZ(29px);background:#F4D77A}.am-pro-cube i:nth-child(6){transform:rotateX(-90deg) translateZ(29px);background:#8F6A0A}
@keyframes amProCube{from{transform:rotateX(-16deg) rotateY(0)}to{transform:rotateX(-16deg) rotateY(360deg)}}
.am-pro-customer-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 20px}
.am-pro-customer-tile{display:flex;align-items:center;gap:10px;min-height:70px;min-width:0;padding:13px;border-radius:13px;border:1px solid var(--line);background:#fff;color:var(--text);box-shadow:var(--shadow);text-decoration:none}
.am-pro-customer-tile:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 12px 24px rgba(27,20,64,.09)}
.am-pro-customer-tile .am-pro-icon{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:11px;background:var(--light);font-size:1.15rem}
.am-pro-customer-tile b{display:block;color:var(--ink);font-size:.82rem}.am-pro-customer-tile small{display:block;color:var(--mut);font-size:.7rem;margin-top:2px}
body.am-customer-route #atabs2{padding:6px;background:#fff;border:1px solid var(--line);border-radius:13px;gap:6px;box-shadow:var(--shadow)}
body.am-customer-route #atabs2 button{border-radius:9px;padding:10px 14px}
body.am-customer-route #acc{animation:amProEnter .32s var(--am-pro-ease) both}
body.am-customer-route #acc .stat{border-radius:14px;box-shadow:var(--shadow)}
body.am-customer-route #acc .card{border-radius:15px}
body.am-pro-site .am-market-feature:hover,body.am-pro-site .am-market-store:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(27,20,64,.09);border-color:rgba(212,175,55,.55)}
body.am-pro-site .am-market-category:hover{transform:translateY(-3px) rotateX(2deg)}
body.am-pro-site .pcard{transform-style:preserve-3d}
body.am-pro-site .pcard:hover{transform:translateY(-4px) rotateX(.6deg)}
@media(max-width:1100px){.am-pro-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.am-pro-customer-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}body.am-admin-route main#view section.sec>.wrap{grid-template-columns:190px minmax(0,1fr);gap:14px}}
@media(max-width:760px){body.am-admin-route main#view section.sec>.wrap{display:block}body.am-admin-route #atabs{position:static;display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;max-height:none;margin-bottom:16px;gap:5px}body.am-admin-route #atabs button{width:auto;flex:0 0 auto;min-height:38px;white-space:nowrap;padding:9px 12px}body.am-admin-route #atabs button:hover{transform:translateY(-1px)}.am-pro-admin-intro{align-items:flex-start;padding:17px;flex-direction:column}.am-pro-admin-status{justify-items:start;text-align:left}.am-pro-customer-welcome{grid-template-columns:1fr;padding:20px}.am-pro-account-art{min-height:90px}.am-pro-orbit{width:100px;height:100px}.am-pro-shortcuts{gap:8px}.am-pro-shortcut{padding:11px}.am-pro-shortcut small{display:none}.am-pro-customer-tiles{gap:8px}}
@media(max-width:440px){.am-pro-customer-tiles{grid-template-columns:1fr 1fr}.am-pro-customer-tile{padding:10px;gap:8px}.am-pro-customer-tile .am-pro-icon{width:34px;height:34px}.am-pro-admin-tools{align-items:stretch}.am-pro-admin-search{max-width:none;width:100%}}
@media(prefers-reduced-motion:reduce){.am-pro-enter,.am-pro-cube,.am-pro-admin-intro,.am-pro-customer-welcome{animation:none!important}body.am-pro-site *,body.am-pro-site *:before,body.am-pro-site *:after{scroll-behavior:auto!important;transition:none!important}}


/* ===== Extracted stylesheet %d ===== */

:root{--am-biz-ease:cubic-bezier(.2,.75,.25,1)}
.am-biz-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:22px;align-items:center;overflow:hidden;padding:28px;margin:0 0 18px;border-radius:20px;background:radial-gradient(circle at 78% 15%,rgba(212,175,55,.24),transparent 42%),linear-gradient(128deg,#150F37,#2C2166 65%,#1B1440);color:#fff;box-shadow:0 16px 34px rgba(27,20,64,.14)}
.am-biz-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.04),transparent 65%);transform:translateX(-110%);animation:amBizSheen 8s ease-in-out infinite}
@keyframes amBizSheen{0%,65%,100%{transform:translateX(-110%)}35%{transform:translateX(110%)}}
.am-biz-hero-copy{position:relative;z-index:1}.am-biz-eyebrow{display:block;color:#D4AF37;font-size:.72rem;font-weight:800;letter-spacing:1.5px;margin-bottom:7px}.am-biz-hero h2{color:#fff;font-size:clamp(1.8rem,4vw,2.7rem);letter-spacing:-.8px;max-width:17em}.am-biz-hero p{color:#DCD7F0;max-width:58ch;margin:10px 0 18px}.am-biz-hero-actions{display:flex;flex-wrap:wrap;gap:9px}.am-biz-hero-actions .btn{margin:0}.am-biz-hero-actions .btn.ghost{color:#fff;border-color:rgba(244,215,122,.6)}
.am-biz-orbit-art{position:relative;display:grid;place-items:center;min-height:190px;perspective:900px;z-index:1}.am-biz-orbit{position:absolute;width:190px;height:190px;border:1px solid rgba(244,215,122,.5);border-radius:50%;transform:rotateX(66deg) rotateZ(18deg)}.am-biz-orbit-two{width:150px;height:150px;border-style:dashed;transform:rotateX(66deg) rotateZ(-36deg)}.am-biz-cube{position:relative;width:90px;height:90px;transform-style:preserve-3d;animation:amBizCube 17s linear infinite;filter:drop-shadow(0 18px 15px rgba(0,0,0,.28))}.am-biz-cube i{position:absolute;inset:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);background:linear-gradient(135deg,#F6EBC8,#D4AF37);color:#1B1440;font-style:normal;font-weight:900;font-size:1.3rem;backface-visibility:visible}.am-biz-cube i:nth-child(1){transform:translateZ(45px)}.am-biz-cube i:nth-child(2){transform:rotateY(180deg) translateZ(45px)}.am-biz-cube i:nth-child(3){transform:rotateY(90deg) translateZ(45px);background:#2C2166;color:#F4D77A}.am-biz-cube i:nth-child(4){transform:rotateY(-90deg) translateZ(45px);background:#2C2166;color:#F4D77A}.am-biz-cube i:nth-child(5){transform:rotateX(90deg) translateZ(45px)}.am-biz-cube i:nth-child(6){transform:rotateX(-90deg) translateZ(45px);background:#8F6A0A;color:#fff}
@keyframes amBizCube{from{transform:rotateX(-15deg) rotateY(0)}to{transform:rotateX(-15deg) rotateY(360deg)}}
.am-biz-access{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border:1px solid #F0DFA0;border-radius:14px;background:#FFF9E8;margin:0 0 18px;color:#5E4700}.am-biz-access>div{flex:1;min-width:190px}.am-biz-access b{display:block;color:#352957}.am-biz-access small{display:block;color:#6B6585;margin-top:3px}.am-biz-access-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#F6EBC8;font-weight:900;flex:none}.am-biz-approved{background:#EFFAF3;border-color:#B8E7C8;color:#166534}.am-biz-approved .am-biz-access-icon{background:#D8F3E1;color:#166534}
.am-biz-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.am-biz-metric{min-width:0;display:flex;align-items:flex-start;gap:11px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);transition:transform .22s var(--am-biz-ease),box-shadow .22s}.am-biz-metric:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(27,20,64,.1)}.am-biz-metric-icon{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:12px;background:var(--light);font-size:1.15rem}.am-biz-metric>div{min-width:0}.am-biz-metric b{display:block;color:var(--ink);font-size:1.22rem;overflow-wrap:anywhere}.am-biz-metric span:not(.am-biz-metric-icon){display:block;color:var(--text);font-size:.83rem;font-weight:750}.am-biz-metric small{display:block;color:var(--mut);font-size:.72rem;margin-top:3px}
.am-biz-section-nav{position:sticky;top:5px;z-index:30;display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:8px;margin:4px 0 18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);box-shadow:0 8px 18px rgba(27,20,64,.05)}.am-biz-section-nav button{flex:none;border:1px solid transparent;border-radius:9px;background:transparent;padding:9px 12px;color:var(--ink);font-weight:700;font-size:.83rem;white-space:nowrap;transition:background .2s,transform .2s}.am-biz-section-nav button:hover{background:var(--light);transform:translateY(-1px)}
.am-biz-section{padding:22px 0;scroll-margin-top:18px}.am-biz-section+.am-biz-section{border-top:1px solid var(--line)}.am-biz-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.am-biz-section-heading h3{color:var(--ink);font-size:clamp(1.35rem,2.6vw,1.8rem);margin:0}.am-biz-section-heading p{color:var(--mut);font-size:.9rem;margin-top:5px;max-width:74ch}.am-biz-heading-actions{display:flex;gap:8px;flex-wrap:wrap}
.am-biz-task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.am-biz-task{text-align:left;display:flex;flex-direction:column;gap:5px;min-height:150px;padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--text);box-shadow:var(--shadow);transition:transform .25s var(--am-biz-ease),box-shadow .25s,border-color .25s}.am-biz-task:hover{transform:translateY(-4px) rotateX(1deg);border-color:var(--gold);box-shadow:0 14px 26px rgba(27,20,64,.1)}.am-biz-task>span{font-size:1.45rem}.am-biz-task b{color:var(--ink);font-size:.95rem}.am-biz-task small{color:var(--mut);font-size:.81rem;line-height:1.45}
.am-biz-checklist,.am-biz-panel,.am-biz-form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.am-biz-checklist{margin-top:15px}.am-biz-checklist h4,.am-biz-panel h4{color:var(--ink);font-size:1.1rem}.am-biz-check-row{display:flex;align-items:flex-start;gap:11px;padding:12px 0;border-top:1px solid var(--line)}.am-biz-check-row>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;flex:none;background:var(--light);color:var(--ink);font-weight:800}.am-biz-check-row>div{flex:1;min-width:0}.am-biz-check-row b{display:block;color:var(--ink);font-size:.88rem}.am-biz-check-row small{display:block;color:var(--mut);font-size:.79rem;margin-top:3px}.am-biz-check-row em{font-style:normal;color:var(--mut);font-size:.72rem;font-weight:750;white-space:nowrap;margin-top:5px}.am-biz-live-tag{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:99px;background:#fff;padding:7px 11px;color:var(--mut);font-size:.78rem;font-weight:750}.am-biz-live-tag i{width:7px;height:7px;border-radius:50%;background:#22A55B}
.am-biz-filterbar{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(130px,.8fr) auto;gap:9px;margin-bottom:16px;align-items:center}.am-biz-filterbar .inp{min-width:0;width:100%;background:#fff}.am-biz-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.am-biz-product{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow);transition:transform .25s var(--am-biz-ease),box-shadow .25s,border-color .25s;transform-style:preserve-3d}.am-biz-product:hover{transform:translateY(-4px);border-color:#E6D08A;box-shadow:0 16px 30px rgba(27,20,64,.12)}.am-biz-product-photo{position:relative;height:158px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(140deg,#F9F6EB,#F0ECF8);padding:10px}.am-biz-product-photo img{max-width:100%;width:100%;height:100%;object-fit:contain;border-radius:9px;transition:transform .35s}.am-biz-product:hover .am-biz-product-photo img{transform:scale(1.045)}.am-biz-placeholder{display:grid;place-items:center;width:74px;height:74px;border-radius:22px;background:var(--light);font-size:2rem}.am-biz-badge{position:absolute;top:9px;left:9px;border-radius:8px;padding:5px 8px;background:var(--ink);color:var(--accent);font-size:.68rem;font-weight:800;max-width:78%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.am-biz-product-info{padding:14px}.am-biz-product-info h3{color:var(--ink);font-size:1rem;min-height:2.5em;line-height:1.3;margin-bottom:10px}.am-biz-price-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px}.am-biz-price-row strong{font-size:1.12rem;color:var(--ink)}.am-biz-price-row span{font-size:.72rem;color:var(--mut);text-align:right}.am-biz-calculator{border:1px solid var(--line);background:#FAF9FD;border-radius:10px;padding:10px;margin-top:10px}.am-biz-calculator label{display:block;font-size:.75rem;font-weight:750;color:var(--ink);margin-bottom:5px}.am-biz-calculator input{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 10px;font-size:.9rem}.am-biz-calculator p{color:var(--mut);font-size:.73rem;margin-top:6px;line-height:1.4}.am-biz-calculator p.am-biz-negative{color:#B42318;font-weight:750}.am-biz-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.am-biz-actions .btn{flex:1 1 auto;padding:9px 11px;font-size:.78rem;white-space:normal}.am-biz-actions a{text-align:center}.am-biz-meta{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.am-biz-meta span{font-size:.75rem;color:var(--mut);padding:5px 7px;border:1px solid var(--line);border-radius:8px;background:#FAF9FD}.am-biz-qty-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}.am-biz-qty-row label{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--mut);font-weight:700}.am-biz-qty-row input[type=checkbox]{accent-color:var(--amber);width:16px;height:16px}.am-biz-qty-row input[type=number]{width:92px;max-width:42%;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff}
.am-biz-two-col{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:15px;align-items:start}.am-biz-form .fld:last-of-type{margin-bottom:14px}.am-biz-form input,.am-biz-form select,.am-biz-form textarea{background:#fff}.am-biz-form-note{display:block;color:var(--mut);font-size:.75rem;margin-top:10px;line-height:1.5}.am-biz-output{margin-top:14px;border:1px dashed var(--gold);background:#FAF7EF;border-radius:12px;padding:13px;color:var(--text);font-size:.86rem;line-height:1.6;white-space:pre-line}.am-biz-output:empty{display:none}.am-biz-empty{grid-column:1/-1;padding:23px;border:1px dashed var(--line);border-radius:14px;background:#fff;color:var(--mut);text-align:center}.am-biz-campaign-list,.am-biz-saved-lists{display:grid;gap:9px}.am-biz-campaign,.am-biz-saved-list{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:13px}.am-biz-campaign h4,.am-biz-saved-list h4{color:var(--ink);font-size:.97rem;margin:6px 0 3px}.am-biz-campaign p,.am-biz-saved-list small{color:var(--mut);font-size:.79rem}.am-biz-campaign-actions{display:flex;flex-wrap:wrap;gap:7px}.am-biz-tag{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid var(--line);background:var(--light);border-radius:8px;color:var(--ink);font-size:.7rem;font-weight:800}.am-biz-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px;background:#fff}.am-biz-table{width:100%;min-width:600px;border-collapse:collapse;font-size:.85rem}.am-biz-table th,.am-biz-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.am-biz-table th{background:#F6F3E9;color:var(--ink);font-size:.76rem}.am-biz-table td b{display:block;color:var(--ink)}.am-biz-table td small{display:block;color:var(--mut);font-size:.75rem;margin-top:3px}
.am-biz-finance-grid,.am-biz-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.am-biz-panel .am-biz-bigicon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--light);font-size:1.45rem;margin-bottom:12px}.am-biz-panel p{font-size:.85rem;color:var(--mut);margin:8px 0 15px}.am-biz-panel .btn{white-space:normal}.am-biz-resource{display:flex;flex-direction:column;gap:7px;padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);transition:transform .2s,border-color .2s,box-shadow .2s}.am-biz-resource:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 12px 23px rgba(27,20,64,.09)}.am-biz-resource>span{font-size:1.6rem}.am-biz-resource b{color:var(--ink)}.am-biz-resource small{font-size:.8rem;color:var(--mut);line-height:1.45}.am-biz-disclaimer{margin-top:16px;color:var(--mut);font-size:.76rem;line-height:1.6}.am-biz-note{margin-top:16px;padding:15px 17px;border:1px solid #F0DFA0;border-radius:13px;background:#FFF9E8;color:#6B6585}.am-biz-note b{color:var(--ink)}.am-biz-note p{font-size:.85rem;margin-top:5px;line-height:1.55}.am-biz-cartbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:15px 17px;background:linear-gradient(120deg,#150F37,#2C2166);border-radius:14px;color:#fff;margin-top:16px}.am-biz-cartbar b,.am-biz-cartbar span,.am-biz-cartbar small{display:block}.am-biz-cartbar span{color:#F4D77A;font-weight:750;margin-top:3px}.am-biz-cartbar small{color:#DCD7F0;margin-top:3px}.am-biz-cartbar .btn.ghost{color:#fff;border-color:rgba(255,255,255,.4)}.am-biz-split-hero{display:grid;grid-template-columns:1fr 1fr;gap:16px}.am-biz-path-card{padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.am-biz-path-reseller{background:radial-gradient(circle at 100% 0,rgba(212,175,55,.17),transparent 45%),#fff}.am-biz-path-wholesale{background:radial-gradient(circle at 100% 0,rgba(44,33,102,.12),transparent 45%),#fff}.am-biz-path-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:var(--light);font-size:1.6rem;margin-bottom:16px}.am-biz-path-card h2{color:var(--ink);font-size:1.6rem;margin:6px 0 9px}.am-biz-path-card p{color:var(--mut);font-size:.9rem;min-height:4.6em}.am-biz-path-points{display:grid;gap:7px;margin:16px 0;color:var(--text);font-size:.82rem;font-weight:650}.am-biz-path-card .btn{margin-right:6px;margin-bottom:8px}.am-biz-text-link{display:inline-block;color:var(--amber);font-size:.83rem;font-weight:800;margin:8px 0}
@media(max-width:980px){.am-biz-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.am-biz-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.am-biz-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.am-biz-finance-grid,.am-biz-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.am-biz-hero{grid-template-columns:minmax(0,1fr) 200px}.am-biz-filterbar{grid-template-columns:minmax(160px,1fr) minmax(130px,.7fr)}.am-biz-filterbar>button{grid-column:1/-1;justify-self:start}}
@media(max-width:700px){.am-biz-hero{grid-template-columns:1fr;padding:20px}.am-biz-orbit-art{display:none}.am-biz-two-col,.am-biz-split-hero{grid-template-columns:1fr}.am-biz-path-card p{min-height:0}.am-biz-section-nav{top:0}.am-biz-section{padding:20px 0}.am-biz-metric-grid{gap:8px}.am-biz-metric{padding:11px;gap:8px}.am-biz-metric-icon{width:33px;height:33px;font-size:1rem}.am-biz-metric b{font-size:1.05rem}.am-biz-metric span:not(.am-biz-metric-icon){font-size:.74rem}.am-biz-metric small{font-size:.66rem}.am-biz-filterbar{grid-template-columns:1fr 1fr}.am-biz-filterbar input{grid-column:1/-1}.am-biz-product-grid{gap:9px}.am-biz-product-photo{height:125px}.am-biz-product-info{padding:10px}.am-biz-product-info h3{font-size:.88rem}.am-biz-price-row{display:block}.am-biz-price-row span{display:block;text-align:left;margin-top:3px}.am-biz-actions .btn{font-size:.71rem;padding:8px 7px}.am-biz-qty-row{align-items:flex-start;flex-direction:column}.am-biz-qty-row input[type=number]{max-width:none;width:100%}.am-biz-finance-grid,.am-biz-resource-grid{grid-template-columns:1fr}.am-biz-form,.am-biz-panel,.am-biz-checklist{padding:15px}.am-biz-check-row em{display:none}.am-biz-cartbar{align-items:stretch}.am-biz-cartbar .am-biz-heading-actions{width:100%}.am-biz-cartbar .btn{flex:1}.am-biz-campaign,.am-biz-saved-list{align-items:flex-start}.am-biz-campaign-actions{width:100%}}
@media(max-width:420px){.am-biz-task-grid{gap:8px}.am-biz-task{padding:12px;min-height:135px}.am-biz-product-grid{grid-template-columns:1fr 1fr}.am-biz-product-photo{height:110px}.am-biz-product-info h3{min-height:2.7em}.am-biz-badge{font-size:.59rem}.am-biz-filterbar{grid-template-columns:1fr}.am-biz-filterbar input{grid-column:auto}.am-biz-metric{display:block}.am-biz-metric-icon{margin-bottom:7px}}
@media(prefers-reduced-motion:reduce){.am-biz-hero:after,.am-biz-cube{animation:none!important}.am-biz-product,.am-biz-task,.am-biz-resource,.am-biz-metric{transition:none!important}}


/* ===== Extracted stylesheet %d ===== */

/* Final customer account + administration portal layer. Keeps Online Shah Alami's indigo/gold theme. */
.am-customer-shell{max-width:1200px;margin:0 auto}.am-customer-hero{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:24px;background:linear-gradient(125deg,#150F37,#2C2166);border:1px solid rgba(212,175,55,.45);color:#fff;border-radius:20px;margin-bottom:20px;box-shadow:0 16px 34px rgba(21,15,55,.14)}
.am-customer-avatar{width:66px;height:66px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,#F8E193,#D4AF37);color:#1B1440;font-size:1.7rem;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);flex:none}
.am-customer-hero h2{font-size:clamp(1.3rem,2vw,1.8rem);margin:0 0 5px;color:#fff}.am-customer-hero p{margin:0;color:#D9D2F0;font-size:.92rem;overflow-wrap:anywhere}.am-customer-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.am-customer-hero .st{display:inline-block;margin:0 4px 0 0;background:rgba(244,215,122,.15);color:#F6EBC8;border:1px solid rgba(244,215,122,.3)}
#atabs2.am-customer-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 20px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}
#atabs2.am-customer-tabs button{white-space:nowrap;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text);padding:10px 13px;font-weight:600;transition:transform .18s,background .18s,border-color .18s}#atabs2.am-customer-tabs button:hover{transform:translateY(-2px);background:#F6EBC8;border-color:#E6D08A}#atabs2.am-customer-tabs button.on{background:#1B1440;color:#F6EBC8;border-color:#1B1440}
.am-customer-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}.am-customer-stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;box-shadow:var(--shadow)}.am-customer-stat small{display:block;color:var(--mut);font-size:.82rem}.am-customer-stat b{display:block;color:var(--ink);font-size:1.5rem;font-family:Poppins,sans-serif;overflow-wrap:anywhere}.am-customer-stat .am-mini-icon{float:right;font-size:1.25rem}
.am-customer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}.am-customer-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:21px;box-shadow:var(--shadow);min-width:0}.am-customer-panel h3{margin:0 0 12px}.am-customer-panel p{color:var(--mut)}.am-customer-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.am-customer-shortcut{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}.am-customer-shortcut:hover{transform:translateY(-3px);border-color:#D4AF37;box-shadow:0 10px 24px rgba(27,20,64,.1)}.am-customer-shortcut i{font-style:normal;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#F6EBC8;font-size:1.3rem;flex:none}.am-customer-shortcut b{display:block;color:var(--ink);font-size:.92rem}.am-customer-shortcut small{color:var(--mut);font-size:.78rem;display:block}.am-customer-address{border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px;background:#fff}.am-customer-address.default{border-color:#D4AF37;background:linear-gradient(120deg,#fff,#FFFCF0)}.am-customer-address-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.am-customer-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.am-customer-status{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#F6EBC8;color:#58470F;font-weight:700;font-size:.75rem}.am-customer-muted{font-size:.88rem;color:var(--mut)}.am-customer-notice{padding:13px 15px;border-radius:12px;border:1px solid #E6D08A;background:#FFFCF0;color:#594915;font-size:.88rem;margin:12px 0}.am-customer-order{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.am-customer-order:last-child{border-bottom:0}.am-customer-order b{color:var(--ink)}.am-customer-order small{display:block;color:var(--mut)}.am-customer-coupon{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px dashed #D4AF37;background:#FFFCF0;border-radius:14px;padding:16px;margin-bottom:12px}.am-customer-coupon code{font-size:1.05rem;font-weight:800;color:#1B1440;letter-spacing:1px}.am-customer-coupon small{display:block;color:var(--mut)}
.am-admin-workspace{max-width:1450px;margin:0 auto;display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px;align-items:start}.am-admin-sidebar{background:#150F37;color:#E4DFF8;border:1px solid rgba(212,175,55,.35);border-radius:18px;padding:15px;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 18px 38px rgba(21,15,55,.14)}.am-admin-brand{display:flex;gap:10px;align-items:center;padding:8px 7px 17px;border-bottom:1px solid rgba(244,215,122,.16);margin-bottom:14px}.am-admin-brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#1B1440;background:linear-gradient(135deg,#F8E193,#D4AF37);font-size:1.25rem}.am-admin-brand b{display:block;color:#fff;font-size:1rem}.am-admin-brand small{display:block;color:#CFC8EE;font-size:.75rem}.am-admin-sidebar label{display:block;color:#CFC8EE;font-size:.75rem;margin:0 0 6px 3px}.am-admin-sidebar input{width:100%;border:1px solid rgba(244,215,122,.25);border-radius:9px;background:rgba(255,255,255,.07);color:#fff;padding:10px 11px;margin-bottom:12px}.am-admin-sidebar input::placeholder{color:#BBB3D8}.am-admin-sidebar #atabs{display:grid;gap:4px;margin:0;padding:0;background:transparent;border:0;box-shadow:none}.am-admin-sidebar #atabs button{display:flex;align-items:center;gap:10px;text-align:left;white-space:normal;width:100%;border:1px solid transparent;border-radius:10px;background:transparent;color:#D9D2F0;padding:10px 11px;font-weight:500;font-size:.88rem;transition:background .18s,color .18s,transform .18s}.am-admin-sidebar #atabs button:hover{background:rgba(212,175,55,.12);transform:translateX(2px);color:#fff}.am-admin-sidebar #atabs button.on{background:rgba(212,175,55,.18);border-color:rgba(244,215,122,.34);color:#F6EBC8;font-weight:700}.am-admin-sidebar #atabs button[data-tab]::before{width:22px;text-align:center;font-size:1rem;flex:none}.am-admin-main{min-width:0;background:rgba(255,255,255,.5);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.am-admin-mainhead{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:4px 3px 16px;border-bottom:1px solid var(--line);margin-bottom:18px}.am-admin-mainhead h2{font-size:1.35rem;color:var(--ink);margin:0}.am-admin-mainhead p{font-size:.85rem;color:var(--mut);margin:4px 0 0}.am-admin-head-actions{display:flex;gap:8px;flex-wrap:wrap}.am-admin-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0 24px}.am-admin-shortcut{display:flex;align-items:center;gap:10px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:12px;cursor:pointer;text-align:left;transition:transform .18s,box-shadow .18s,border-color .18s}.am-admin-shortcut:hover{transform:translateY(-3px);border-color:#D4AF37;box-shadow:0 12px 25px rgba(27,20,64,.1)}.am-admin-shortcut span{font-size:1.4rem}.am-admin-shortcut b{display:block;font-size:.83rem;color:var(--ink)}.am-admin-shortcut small{display:block;color:var(--mut);font-size:.73rem}.am-admin-table-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 13px}.am-admin-table-tools input{max-width:360px;flex:1;min-width:210px}.am-admin-table-tools small{color:var(--mut)}.am-admin-customer-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.am-admin-customer-detail{padding:13px;background:#F8F6EF;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}.am-admin-customer-detail small{display:block;color:var(--mut);margin-bottom:4px}.am-admin-customer-detail b{color:var(--ink)}.am-admin-workspace .stat-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.am-admin-workspace .stat{border-radius:13px}.am-admin-workspace .tw{box-shadow:var(--shadow)}.am-admin-workspace #adm>h3{color:var(--ink)}.am-admin-workspace .note{border-radius:12px}
@media(max-width:1050px){.am-admin-workspace{grid-template-columns:1fr}.am-admin-sidebar{position:static;max-height:none}.am-admin-sidebar #atabs{display:flex;flex-flow:row nowrap;overflow:auto;padding-bottom:5px}.am-admin-sidebar #atabs button{flex:0 0 auto;width:auto}.am-admin-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.am-customer-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.am-customer-hero{grid-template-columns:auto 1fr;padding:17px;gap:12px}.am-customer-avatar{width:52px;height:52px;border-radius:15px}.am-customer-hero-actions{grid-column:1/-1;justify-content:flex-start}.am-customer-grid{grid-template-columns:1fr}.am-customer-shortcuts{grid-template-columns:1fr 1fr}.am-admin-main{padding:12px}.am-admin-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.am-admin-customer-detail-grid{grid-template-columns:1fr}.am-customer-coupon{align-items:flex-start;flex-direction:column}}
@media(max-width:420px){.am-customer-shortcuts{grid-template-columns:1fr}.am-customer-stat-grid{gap:8px}.am-customer-stat{padding:12px}.am-customer-stat b{font-size:1.15rem}.am-admin-shortcuts{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.am-customer-shortcut,.am-admin-shortcut,.am-admin-sidebar #atabs button{transition:none!important;transform:none!important}}

/* ===== Online Shah Alami footer ===== */
footer.amf{background:radial-gradient(900px 300px at 85% -10%,rgba(74,222,128,.16),transparent 60%),linear-gradient(180deg,#0f3d24,#092516);color:#cfe6d6;padding:0 max(5%,calc((100% - var(--maxw,1280px))/2)) 22px;border-top:4px solid #22c55e}
footer.amf .wrap{padding:0}
footer.amf a{display:inline-block;padding:5px 0;color:#cfe6d6;text-decoration:none;transition:color .2s,transform .2s}
footer.amf a:hover{color:#86efac;transform:translateX(2px)}
footer.amf h4{color:#fff;font-size:1rem;margin:0 0 12px;letter-spacing:.2px;position:relative;padding-bottom:9px}
footer.amf h4::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:3px;border-radius:3px;background:#22c55e}
footer.amf .amf-grid>div:not(.amf-brand) a,footer.amf .amf-row{display:block}
footer.amf .amf-row{padding:5px 0}
.amf-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;transform:translateY(-50%);margin-bottom:-10px}
.amf-trust>div{background:#fff;color:#14532d;border-radius:16px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.amf-trust span{grid-row:1/3;font-size:1.6rem;background:#dcfce7;width:46px;height:46px;border-radius:14px;display:grid;place-items:center}
.amf-trust b{font-size:.92rem;line-height:1.25}
.amf-trust small{color:#5b7564;font-size:.78rem}
.amf-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr 1.4fr;gap:32px;padding-top:6px}
footer.amf .logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:1.35rem;padding:0}
footer.amf .logo b{color:#4ade80}
footer.amf .logo svg{width:40px;height:40px}
.amf-brand p{margin:12px 0 16px;line-height:1.6;color:#b5d3bf;max-width:340px}
.amf-cta{display:flex;flex-wrap:wrap;gap:10px}
footer.amf a.amf-btn{padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.25);font-weight:700;font-size:.9rem;color:#fff}
footer.amf a.amf-btn:hover{background:rgba(255,255,255,.1);color:#fff;transform:translateY(-2px)}
footer.amf a.amf-btn.wa-btn{background:#22c55e;border-color:#22c55e;color:#062d18}
footer.amf a.amf-btn.wa-btn:hover{background:#4ade80;color:#062d18}
.amf-pay{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.amf-pay b{color:#fff;margin-right:6px}
.amf-pay span{background:rgba(255,255,255,.1);padding:7px 13px;border-radius:999px;font-size:.85rem;color:#e6f5ea}
.amf-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);font-size:.86rem;color:#9fc4ac}
footer.amf .amf-bottom a{padding:0;color:#86efac;font-weight:700}
@media(max-width:1000px){.amf-trust{grid-template-columns:1fr 1fr}.amf-grid{grid-template-columns:1fr 1fr 1fr}.amf-brand{grid-column:1/-1}}
@media(max-width:620px){.amf-trust{grid-template-columns:1fr;transform:translateY(-30px);margin-bottom:-14px}.amf-grid{grid-template-columns:1fr 1fr;gap:24px}.amf-grid>div:last-child{grid-column:1/-1}.amf-bottom{justify-content:center;text-align:center}footer.amf{padding-bottom:calc(24px + 64px)}}