.admin{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:var(--color-surface-cool)}.admin-sidebar{background:var(--brown-800);color:#dfe1f2;padding:var(--sp-5);position:sticky;top:0;height:100vh;overflow-y:auto}.admin-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:var(--fs-2xl);color:#fff;margin-bottom:var(--sp-8)}.admin-brand .dot{width:10px;height:10px;border-radius:50%;background:var(--gold-500)}.admin-nav{display:flex;flex-direction:column;gap:4px}.admin-nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius);color:#c3c6e2;font-weight:500;transition:all var(--transition)}.admin-nav a:hover{background:#ffffff12;color:#fff}.admin-nav a.active{background:var(--gold-500);color:var(--brown-900);font-weight:700}.admin-nav .group-label{font-size:var(--fs-xs);color:#8f90b8;margin:var(--sp-4) 0 4px 8px}.admin-main{padding:var(--sp-6) var(--sp-8);min-width:0}.admin-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-6);gap:var(--sp-4);flex-wrap:wrap}.admin-topbar h1{font-size:var(--fs-2xl)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-6)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-5);display:flex;align-items:center;gap:var(--sp-4)}.stat-card .ico{width:48px;height:48px;border-radius:var(--radius);display:grid;place-items:center;background:var(--gold-200);color:var(--gold-700);flex-shrink:0}.stat-card .v{font-size:var(--fs-xl);font-weight:800;font-feature-settings:"tnum"}.stat-card .l{font-size:var(--fs-sm);color:var(--color-text-muted)}.admin-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-6);margin-bottom:var(--sp-6)}.admin-panel h3{margin-bottom:var(--sp-4)}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface)}table.tbl{width:100%;border-collapse:collapse;min-width:600px}.tbl th,.tbl td{padding:12px 16px;text-align:right;border-bottom:1px solid var(--color-border);white-space:nowrap}.tbl th{background:var(--color-surface-2);font-weight:700;font-size:var(--fs-sm);color:var(--color-text-muted)}.tbl tbody tr:hover{background:var(--color-surface-2)}.tbl td.num{font-feature-settings:"tnum"}.tbl td.actions{white-space:nowrap}.tbl td.actions>*{vertical-align:middle}.tbl td.actions>*+*{margin-inline-start:6px}.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-5)}.chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--sp-4);margin-bottom:var(--sp-6)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.form-grid .full{grid-column:1 / -1}.uploader{border:2px dashed var(--color-border-strong);border-radius:var(--radius);padding:var(--sp-5);text-align:center;cursor:pointer;transition:border-color var(--transition)}.uploader:hover{border-color:var(--color-accent);background:var(--color-surface-2)}.thumb-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.thumb-box{position:relative;width:84px;height:84px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border)}.thumb-box img{width:100%;height:100%;object-fit:cover}.thumb-box .del{position:absolute;top:2px;inset-inline-end:2px;background:#b3261ee6;color:#fff;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2e201880;z-index:var(--z-overlay);display:flex;justify-content:flex-start;animation:fade .2s ease}.drawer{width:min(840px,100%);height:100%;background:var(--color-surface-cool);overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideIn .25s cubic-bezier(.2,.8,.2,1)}@keyframes slideIn{0%{transform:translate(-30px);opacity:0}}.drawer-head{position:sticky;top:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--sp-4) var(--sp-6);display:flex;align-items:center;justify-content:space-between;z-index:2}.drawer-body{padding:var(--sp-6)}.order-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:var(--sp-4);align-items:start}.order-detail-grid .admin-panel{margin-bottom:0}.order-page-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:var(--sp-6);align-items:start}@media (max-width: 900px){.order-page-grid{grid-template-columns:1fr}}@media (max-width: 880px){.admin{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto;width:100%;padding:10px 14px}.admin-brand{margin-bottom:8px}.admin-nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:6px}.admin-nav>div{display:contents}.admin-nav .group-label{display:none}.admin-nav a,.admin-nav button{white-space:nowrap;flex-shrink:0;padding:9px 13px}.admin-main{padding:var(--sp-5) var(--sp-4)}.form-grid,.chart-grid{grid-template-columns:1fr}}@font-face{font-family:Yekan Bakh;src:url(/fonts/YekanBakh-Light.woff2) format("woff2");font-weight:300 400;font-display:swap}@font-face{font-family:Yekan Bakh;src:url(/fonts/YekanBakh-SemiBold.woff2) format("woff2");font-weight:500 600;font-display:swap}@font-face{font-family:Yekan Bakh;src:url(/fonts/YekanBakh-ExtraBold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Yekan Bakh;src:url(/fonts/YekanBakh-ExtraBlack.woff2) format("woff2");font-weight:800 900;font-display:swap}:root{--brown-900: #0f172a;--brown-800: #162344;--brown-700: #1e3263;--brown-600: #274081;--brown-500: #2f4fa0;--brown-400: #6d84bc;--brown-300: #9babd1;--brown-200: #cdd5e8;--brown-100: #eaedf6;--gold-700: #a67821;--gold-600: #ce962a;--gold-500: #f2b233;--gold-400: #f6c86c;--gold-300: #f8d899;--gold-200: #fcebca;--cream: #fff3d8;--cream-dark: #f7e7c4;--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-2: #f4f5fa;--color-surface-cool: #f4f5f7;--color-primary: var(--brown-500);--color-primary-hover: var(--brown-600);--color-accent: var(--gold-500);--color-accent-hover: var(--gold-600);--color-text: #17213c;--color-text-muted: #566079;--color-text-soft: #8c96ae;--color-on-primary: #ffffff;--color-border: #e5e7ef;--color-border-strong: #c9cede;--color-success: #4f7942;--color-success-bg: #eaf2e6;--color-danger: #b3261e;--color-danger-bg: #fbeae9;--color-warning: #ce962a;--color-info: #2ca6a4;--font-body: "Yekan Bakh", "Vazirmatn", system-ui, sans-serif;--font-display: "Yekan Bakh", "Vazirmatn", sans-serif;--font-arabic: "Amiri", serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--fs-4xl: 3rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 999px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);--shadow: 0 4px 16px rgba(15, 23, 42, .1);--shadow-lg: 0 12px 36px rgba(15, 23, 42, .16);--shadow-gold: 0 6px 20px rgba(242, 178, 51, .32);--z-header: 100;--z-overlay: 1000;--z-modal: 1010;--z-toast: 1100;--container: 1180px;--transition: .2s cubic-bezier(.4, 0, .2, 1)}.topbar{position:relative;background:var(--brown-800);color:#dfe1f2;font-size:var(--fs-xs);overflow:hidden}.topbar:after{content:"";position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:skew(-20deg);animation:tbShine 5s ease-in-out infinite;pointer-events:none}@keyframes tbShine{0%{inset-inline-start:-50%}55%,to{inset-inline-start:120%}}.topbar-inner{position:relative;z-index:1;display:flex;align-items:center;min-height:38px;gap:var(--sp-4)}.topbar-announce{flex:1;display:inline-flex;align-items:center;gap:4px;color:var(--gold-300);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-phone{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:#dfe1f2}.topbar-phone:hover{color:var(--gold-400)}@media (prefers-reduced-motion: reduce){.topbar:after{animation:none;display:none}}@media (max-width: 620px){.topbar-announce{justify-content:center;font-size:11px}}.header-inner{display:flex;align-items:center;gap:var(--sp-4);min-height:74px;flex-wrap:wrap}.brand{flex-shrink:0}.brand img{display:block}.navbar-search{flex:1 1 260px;max-width:520px;height:46px;padding:0 16px 0 6px;gap:var(--sp-2)}.navbar-search .lead{color:var(--color-text-soft);flex-shrink:0}.navbar-search button.go{background:var(--color-primary);color:#fff;height:36px;padding:0 18px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--fs-sm);flex-shrink:0;transition:background var(--transition)}.navbar-search button.go:hover{background:var(--color-primary-hover)}.header-actions{flex-shrink:0;margin-inline-start:auto}.btn-icon{display:inline-flex!important;align-items:center;justify-content:center}.cart-btn{width:46px;height:46px}.hsearch{display:flex;align-items:center}.hsearch input{width:0;min-width:0;opacity:0;border:1.5px solid transparent;background:var(--color-surface);height:44px;border-radius:var(--radius-full);padding:0;outline:none;color:var(--color-text);transition:width .32s cubic-bezier(.2,.7,.2,1),opacity .25s ease,padding .3s ease}.hsearch.open input{width:clamp(170px,42vw,300px);opacity:1;padding:0 16px;border-color:var(--color-border-strong);margin-inline-end:6px}.hsearch.open input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--gold-200)}.hsearch-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--color-text);flex-shrink:0;transition:background var(--transition),color var(--transition)}.hsearch-btn:hover{background:var(--color-surface-2)}.hsearch.open .hsearch-btn{background:var(--color-primary);color:#fff}.hsearch-clear{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--color-text-soft);margin-inline-end:2px}.hsearch-clear:hover{background:var(--color-surface-2)}@media (max-width: 620px){.header-inner{min-height:60px;gap:var(--sp-2);padding-block:10px}.brand{order:1}.header-actions{order:2;margin-inline-start:auto}.navbar-search{order:3;flex-basis:100%;max-width:none}.topbar-phone{display:none}}.hero-carousel{position:relative;border-radius:var(--radius-xl);overflow:hidden;height:clamp(200px,34vw,430px);background:var(--brown-700);margin-top:var(--sp-5);box-shadow:var(--shadow)}.hero-carousel .slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .8s ease;pointer-events:none}.hero-carousel .slide.active{opacity:1;pointer-events:auto}.hero-carousel img{width:100%;height:100%;object-fit:cover;display:block}.hero-caption{position:absolute;inset-inline-end:6%;bottom:12%;max-width:60%;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}.hero-caption h2{font-family:var(--font-display);font-size:clamp(1.2rem,3vw,2.2rem);margin-bottom:var(--sp-3)}.hero-dots{position:absolute;bottom:14px;inset-inline:0;display:flex;gap:8px;justify-content:center;z-index:3}.hero-dots button{width:9px;height:9px;border-radius:var(--radius-full);background:#ffffff8c;border:none;cursor:pointer;transition:all var(--transition)}.hero-dots button.active{background:var(--gold-500);width:26px}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:#ffffffd1;display:grid;place-items:center;color:var(--brown-700);z-index:3;box-shadow:var(--shadow-sm);transition:background var(--transition)}.hero-arrow:hover{background:#fff}.hero-arrow.prev{inset-inline-start:14px}.hero-arrow.next{inset-inline-end:14px}.hero-split{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(20px,4vw,48px);align-items:center;background:linear-gradient(135deg,var(--brown-700),var(--brown-500));border-radius:var(--radius-xl);overflow:hidden;padding:clamp(22px,3.2vw,44px);margin-top:var(--sp-5)}.hero-split:after{content:"";position:absolute;inset-inline-start:-60px;bottom:-60px;width:280px;height:280px;background:radial-gradient(circle,rgba(201,162,75,.22),transparent 70%)}.hero-split .htext{position:relative;z-index:2;color:#fff}.hero-split h1{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.3;color:#fff;margin-bottom:var(--sp-3)}.hero-split p{color:#f0e6d6;font-size:var(--fs-base);margin-bottom:var(--sp-5);max-width:460px}.hero-split .himg{position:relative;z-index:2;aspect-ratio:1/1;width:100%;max-width:320px;margin-inline-start:auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:3px solid rgba(201,162,75,.35)}.hero-split .himg img{width:100%;height:100%;object-fit:cover}.hero-split .himg.empty{display:grid;place-items:center;background:#ffffff0f;font-family:var(--font-arabic);font-size:4rem;color:#ffffff40}@media (max-width: 760px){.hero-split{grid-template-columns:1fr;text-align:center;padding:var(--sp-6)}.hero-split .himg{max-width:220px;margin-inline:auto;order:-1}.hero-split .row{justify-content:center}.hero-split p{margin-inline:auto}}.cta-banner{text-align:center;background:linear-gradient(135deg,var(--gold-600),var(--gold-500));border-radius:var(--radius-xl);padding:clamp(28px,4vw,52px)}.cta-banner h2{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--brown-900);margin-bottom:var(--sp-3)}.cta-banner p{color:var(--brown-800);max-width:560px;margin:0 auto var(--sp-5)}.banner-strip{display:flex;gap:var(--sp-4);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--sp-2);scrollbar-width:thin}.banner-strip>*{flex:0 0 clamp(260px,72%,440px);scroll-snap-align:start}.banner-strip img{width:100%;border-radius:var(--radius-lg);display:block;transition:transform var(--transition)}.banner-strip a:hover img{transform:scale(1.015)}.banner-side{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.banner-side img{width:100%;border-radius:var(--radius-lg)}@media (max-width: 640px){.banner-side{grid-template-columns:1fr}}.pack-card{display:flex;flex-direction:column;background:var(--color-surface);border:1.5px solid var(--gold-300);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition);height:100%}.pack-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-gold)}.pack-card-img{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,var(--brown-100),var(--gold-200))}.pack-card-img img{width:100%;height:100%;object-fit:cover}.pack-card-img .placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--gold-600)}.pack-badge{position:absolute;top:10px;inset-inline-start:10px}.pack-card-body{padding:var(--sp-4);display:flex;flex-direction:column;gap:6px;flex:1}.pack-card-body strong{font-size:var(--fs-lg)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}.reveal.in{opacity:1;transform:none}.product-grid>.reveal{display:flex;flex-direction:column}.product-grid>.reveal>*{flex:1 1 auto;width:100%}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .6s cubic-bezier(.2,.7,.2,1) both}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pcard,.card,.btn,.chip,.variant-chip,.stat-card{will-change:transform}@media (prefers-reduced-motion: reduce){.reveal,.fade-up{opacity:1!important;transform:none!important;animation:none!important}.hero-carousel .slide{transition:none}}@media (max-width: 600px){.container{padding-inline:var(--sp-4)}.section{padding-block:var(--sp-6)}.section-title{font-size:var(--fs-xl)}.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.pcard-body{padding:var(--sp-3)}.pcard-title,.price{font-size:var(--fs-sm)}.btn-lg{min-height:48px;font-size:var(--fs-sm)}.modal{max-width:100%}}@media (max-width: 380px){.product-grid{grid-template-columns:1fr}}.mohasebat-card{display:flex;align-items:center;gap:var(--sp-4);background:linear-gradient(120deg,var(--cream),var(--cream-dark));border:1.5px solid var(--gold-300);border-radius:var(--radius-xl);padding:clamp(16px,2.4vw,24px) clamp(18px,3vw,30px);color:var(--color-text);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}.mohasebat-card:after{content:"";position:absolute;inset-inline-end:-40px;top:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(242,178,51,.18),transparent 70%);pointer-events:none}.mohasebat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--gold-500)}.mohasebat-card .mc-icon{flex-shrink:0;width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#fff;color:var(--brown-500);border:1px solid var(--gold-300)}.mohasebat-card .mc-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;z-index:1}.mohasebat-card .mc-text strong{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--brown-900)}.mohasebat-card .mc-sub{font-size:var(--fs-sm);color:var(--color-text-muted)}.mohasebat-card .mc-sub b{color:var(--brown-500);direction:ltr;display:inline-block}.mohasebat-card .mc-go{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:700;background:var(--brown-500);color:#fff;padding:9px 16px;border-radius:var(--radius-full);white-space:nowrap;z-index:1;transition:background var(--transition)}.mohasebat-card:hover .mc-go{background:var(--brown-600)}@media (max-width: 640px){.mohasebat-card{flex-wrap:wrap;text-align:center;justify-content:center}.mohasebat-card .mc-text{align-items:center;flex-basis:100%}}.export-bar{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-5)}.seg{display:inline-flex;background:var(--color-surface-2);border-radius:var(--radius-full);padding:3px}.seg button{padding:6px 16px;border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:600;color:var(--color-text-soft);transition:all var(--transition)}.seg button.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.admin-page{animation:adminIn .42s cubic-bezier(.2,.7,.2,1) both}@keyframes adminIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.admin-page .admin-panel,.admin-page .stat-card,.admin-page .tbl tbody tr{animation:adminRow .5s ease both}.admin-page .stat-card:nth-child(2){animation-delay:.05s}.admin-page .stat-card:nth-child(3){animation-delay:.1s}.admin-page .stat-card:nth-child(4){animation-delay:.15s}@keyframes adminRow{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.auth-modal{animation:modalPop .4s cubic-bezier(.18,.9,.25,1.15) both}@keyframes modalPop{0%{opacity:0;transform:scale(.9) translateY(24px)}to{opacity:1;transform:none}}.auth-modal .modal-body>*{animation:fieldIn .45s ease both}.auth-modal .modal-body>*:nth-child(1){animation-delay:.06s}.auth-modal .modal-body>*:nth-child(2){animation-delay:.13s}.auth-modal .modal-body>*:nth-child(3){animation-delay:.2s}.auth-modal .modal-body>*:nth-child(4){animation-delay:.27s}@keyframes fieldIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.admin-page,.admin-page *,.auth-modal,.auth-modal .modal-body>*{animation:none!important}}.brand-text{font-family:var(--font-display);font-weight:800;font-size:clamp(1.15rem,2.4vw,1.5rem);color:var(--brown-700);line-height:1.1;white-space:nowrap}@media (max-width: 480px){.brand-text{font-size:1.05rem}}.order-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--sp-3);background:linear-gradient(135deg,var(--brown-50, #f3ece2),var(--gold-100, #f6edd8));border:1.5px solid var(--gold-300);border-radius:var(--radius-lg);padding:var(--sp-4);margin-bottom:var(--sp-4)}.order-summary>div{display:flex;flex-direction:column;gap:5px}.order-summary>div .muted{font-size:var(--fs-xs)}.order-summary>div b{font-size:var(--fs-sm)}.order-summary>div .price{color:var(--brown-700);font-size:var(--fs-base)}.order-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:10px 0;border-bottom:1px solid var(--color-border)}.order-item:last-of-type{border-bottom:none}.oi-info{display:flex;flex-direction:column;gap:3px;min-width:0}.oi-info strong{font-size:var(--fs-sm)}.oi-info .muted{font-size:var(--fs-xs)}.oi-total{flex-shrink:0;color:var(--brown-700)}.order-breakdown{display:grid;gap:6px;margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1.5px dashed var(--color-border);font-size:var(--fs-sm)}.status-timeline{display:grid;gap:8px}.st-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 0;border-bottom:1px dashed var(--color-border)}.st-row:last-child{border-bottom:none}.text-export{background:var(--color-surface-2);border:1.5px solid var(--color-border);border-radius:var(--radius);padding:var(--sp-4);font-family:var(--font-base);font-size:var(--fs-sm);line-height:2;white-space:pre-wrap;word-break:break-word;max-height:50vh;overflow:auto;margin:0;color:var(--color-text);direction:rtl;text-align:right}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--fs-base);line-height:1.7;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:none;border:none}ul{list-style:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--sp-5)}.page{min-height:60vh;padding-block:var(--sp-8) var(--sp-12)}.section{padding-block:var(--sp-12)}.row{display:flex;align-items:center;gap:var(--sp-3)}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1}.muted{color:var(--color-text-muted)}.center{text-align:center}h1,h2,h3,h4{line-height:1.3;font-weight:700;color:var(--color-text)}.display{font-family:var(--font-display);font-weight:800}.bismillah{font-family:var(--font-arabic)}.section-title{font-size:var(--fs-2xl);margin-bottom:var(--sp-2)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-6);gap:var(--sp-4)}.section-head .line{flex:1;height:1px;background:var(--color-border)}.eyebrow{color:var(--gold-600);font-weight:600;font-size:var(--fs-sm);letter-spacing:.04em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-5);border-radius:var(--radius-full);font-weight:600;font-size:var(--fs-sm);transition:transform var(--transition),background var(--transition),box-shadow var(--transition),opacity var(--transition);white-space:nowrap;border:1.5px solid transparent}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow)}.btn-gold{background:var(--color-accent);color:var(--brown-900)}.btn-gold:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-gold)}.btn-outline{border-color:var(--color-border-strong);background:transparent;color:var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-primary)}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-2)}.btn-danger{background:var(--color-danger);color:#fff}.btn-block{width:100%}.btn-lg{min-height:52px;padding:0 var(--sp-8);font-size:var(--fs-base)}.btn-sm{min-height:36px;padding:0 var(--sp-4);font-size:var(--fs-xs)}.btn-icon{min-height:44px;min-width:44px;padding:0;border-radius:var(--radius)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--sp-6)}.field{margin-bottom:var(--sp-4)}.label{display:block;margin-bottom:var(--sp-2);font-weight:600;font-size:var(--fs-sm)}.label .req{color:var(--color-danger);margin-inline-start:2px}.input,.textarea,.select{width:100%;min-height:48px;padding:var(--sp-3) var(--sp-4);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius);transition:border-color var(--transition),box-shadow var(--transition)}.textarea{min-height:110px;padding-top:var(--sp-3);resize:vertical;line-height:1.7}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--gold-200)}.input::placeholder,.textarea::placeholder{color:var(--color-text-soft)}.help{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:var(--sp-1)}.error-text{font-size:var(--fs-xs);color:var(--color-danger);margin-top:var(--sp-1)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600}.badge-gold{background:var(--gold-200);color:var(--gold-700)}.badge-brown{background:var(--brown-100);color:var(--brown-700)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-muted{background:var(--color-surface-2);color:var(--color-text-muted)}.header{position:sticky;top:0;z-index:var(--z-header);background:#fbf7f0e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header-inner{display:flex;align-items:center;gap:var(--sp-5);min-height:68px}.brand{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:700;color:var(--brown-600)}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 4px var(--gold-200)}.nav{display:flex;align-items:center;gap:var(--sp-1)}.nav a{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);font-weight:500;color:var(--color-text);transition:background var(--transition),color var(--transition)}.nav a:hover{background:var(--color-surface-2)}.nav a.active{color:var(--gold-700);font-weight:700}.header-actions{display:flex;align-items:center;gap:var(--sp-2)}.navbar-search{flex:1;max-width:440px;display:flex;align-items:center;gap:var(--sp-2);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-full);padding:0 var(--sp-4);height:44px;color:var(--color-text-soft);margin-inline:auto}.navbar-search input{flex:1;min-width:0;border:none;background:none;outline:none;color:var(--color-text)}.navbar-search:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--gold-200)}.account-menu{position:absolute;inset-inline-end:0;top:50px;width:215px;padding:var(--sp-2);z-index:60;display:flex;flex-direction:column;gap:2px}.account-menu a,.account-menu button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);width:100%;text-align:right;font-weight:500;transition:background var(--transition)}.account-menu a:hover,.account-menu button:hover{background:var(--color-surface-2)}.cart-btn{position:relative}.cart-count{position:absolute;top:-4px;inset-inline-start:-4px;background:var(--color-accent);color:var(--brown-900);font-size:11px;font-weight:700;min-width:18px;height:18px;display:grid;place-items:center;border-radius:var(--radius-full);padding:0 4px}.menu-toggle{display:none}.footer{background:var(--brown-800);color:#dfe1f2;margin-top:var(--sp-16)}.footer a{color:#c3c6e2}.footer a:hover{color:var(--gold-400)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--sp-8);padding-block:var(--sp-12)}.footer h4{color:#fff;margin-bottom:var(--sp-4)}.footer .links{display:flex;flex-direction:column;gap:var(--sp-2)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-block:var(--sp-4);text-align:center;font-size:var(--fs-sm);color:#a3a4c8}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-5)}.pcard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition);display:flex;flex-direction:column}.pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pcard-img{aspect-ratio:1 / 1;background:var(--color-surface-2);position:relative;overflow:hidden}.pcard-img img{width:100%;height:100%;object-fit:cover}.pcard-img .placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--brown-200);font-family:var(--font-display);font-size:var(--fs-3xl)}.pcard-fav{position:absolute;top:var(--sp-2);inset-inline-end:var(--sp-2);background:#ffffffd9}.pcard-body{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);flex:1}.pcard-title{font-weight:600;font-size:var(--fs-base);line-height:1.5}.pcard-cat{font-size:var(--fs-xs);color:var(--gold-700)}.pcard-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.price{font-weight:700;font-feature-settings:"tnum"}.price .unit{font-size:var(--fs-xs);color:var(--color-text-muted);font-weight:500;margin-inline-start:2px}.price-old{color:var(--color-text-soft);text-decoration:line-through;font-size:var(--fs-sm);font-weight:500}.hero{position:relative;background:linear-gradient(135deg,var(--brown-700),var(--brown-500));color:var(--color-on-primary);border-radius:var(--radius-xl);overflow:hidden;padding:var(--sp-16) var(--sp-10);margin-top:var(--sp-6)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 85% 20%,rgba(201,162,75,.25),transparent 40%);pointer-events:none}.hero-inner{position:relative;max-width:600px}.hero h1{font-family:var(--font-display);font-size:var(--fs-4xl);line-height:1.25;margin-bottom:var(--sp-4);color:#fff}.hero p{font-size:var(--fs-lg);color:#f0e6d6;margin-bottom:var(--sp-6)}.hero .pattern{position:absolute;inset-inline-end:-40px;bottom:-40px;width:280px;opacity:.12}.pdp{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-10);align-items:start}.pdp-gallery{position:sticky;top:90px}.pdp-main-img{aspect-ratio:1/1;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-2);border:1px solid var(--color-border)}.pdp-main-img img{width:100%;height:100%;object-fit:cover}.pdp-thumbs{display:flex;gap:var(--sp-2);margin-top:var(--sp-3)}.pdp-thumb{width:72px;height:72px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--color-border);cursor:pointer}.pdp-thumb.active{border-color:var(--color-accent)}.variant-list{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.variant-chip{padding:var(--sp-2) var(--sp-4);border:1.5px solid var(--color-border-strong);border-radius:var(--radius);cursor:pointer;transition:all var(--transition)}.variant-chip.active{border-color:var(--color-primary);background:var(--brown-100);font-weight:600}.variant-chip.out{opacity:.45;cursor:not-allowed;text-decoration:line-through}.stepper{display:inline-flex;align-items:center;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-full);overflow:hidden}.stepper button{width:40px;height:44px;display:grid;place-items:center;color:var(--color-primary)}.stepper button:hover{background:var(--color-surface-2)}.stepper span{min-width:44px;text-align:center;font-weight:700}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--sp-6);align-items:start}.cart-item{display:grid;grid-template-columns:84px 1fr auto;gap:var(--sp-4);padding:var(--sp-4);border-bottom:1px solid var(--color-border);align-items:center}.cart-item .thumb{width:84px;height:84px;border-radius:var(--radius);overflow:hidden;background:var(--color-surface-2)}.summary-row{display:flex;justify-content:space-between;padding:var(--sp-2) 0}.summary-total{border-top:1px dashed var(--color-border-strong);margin-top:var(--sp-3);padding-top:var(--sp-3);font-weight:700;font-size:var(--fs-lg)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2e20188c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:var(--z-overlay);display:grid;place-items:center;padding:var(--sp-4);animation:fade .2s ease}.modal{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:pop .22s cubic-bezier(.2,.8,.2,1);overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--color-border)}.modal-body{padding:var(--sp-6)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.94) translateY(8px)}}.empty{text-align:center;padding:var(--sp-16) var(--sp-4);color:var(--color-text-muted)}.empty .icon{color:var(--brown-200);margin-bottom:var(--sp-4)}.spinner{width:28px;height:28px;border:3px solid var(--gold-200);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite}.loading-wrap{display:grid;place-items:center;padding:var(--sp-16)}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-border) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius)}@keyframes shimmer{to{background-position:-200% 0}}.toolbar{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center;margin-bottom:var(--sp-6)}.chip-row{display:flex;gap:var(--sp-2);flex-wrap:wrap}.chip{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface);font-size:var(--fs-sm);cursor:pointer;transition:all var(--transition)}.chip.active{background:var(--brown-500);color:var(--color-on-primary);border-color:var(--brown-500)}.mezaj-result{text-align:center;padding:var(--sp-8)}.mezaj-img{width:min(300px,82%);aspect-ratio:9 / 16;margin:0 auto var(--sp-5);border-radius:var(--radius-lg);border:3px solid var(--gold-300);overflow:hidden;box-shadow:var(--shadow-gold);background:var(--brown-900)}.mezaj-img img{width:100%;height:100%;object-fit:contain;display:block}.mezaj-badge{display:inline-block;font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--gold-700);padding:var(--sp-2) var(--sp-6);background:var(--gold-200);border-radius:var(--radius-full);margin:var(--sp-3) 0}.mezaj-stats{display:flex;justify-content:center;gap:var(--sp-8);margin-top:var(--sp-5)}.mezaj-stats .n{font-size:var(--fs-2xl);font-weight:800;color:var(--brown-600)}.pagination{display:flex;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-8)}.pagination button{min-width:42px;height:42px;border-radius:var(--radius);border:1.5px solid var(--color-border)}.pagination button.active{background:var(--brown-500);color:#fff;border-color:var(--brown-500)}.pagination button:disabled{opacity:.4}@media (max-width: 900px){.pdp{grid-template-columns:1fr}.pdp-gallery{position:static}.cart-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:var(--sp-6)}}@media (max-width: 680px){.hero{padding:var(--sp-10) var(--sp-5)}.hero h1{font-size:var(--fs-2xl)}.section{padding-block:var(--sp-8)}}