:root{--primary:#b91c3a;--primary-dark:#8f1229;--primary-light:#e05070;--accent:#e8862f;--accent2:#e82f5d;--bg:#f8f5f5;--bg-card:#ffffff;--bg-card2:#f2eded;--bg-nav:rgba(248, 245, 245, 0.95);--bg-footer:#f0eaea;--text:#1a1214;--text-muted:#6b5256;--text-light:#7a6365;--border:#e2d0d2;--shadow:rgba(26, 18, 20, 0.08);--shadow-strong:rgba(26, 18, 20, 0.15);--overlay:rgba(248, 245, 245, 0.8);--primary-alpha-06:rgba(185, 28, 58, 0.06);--primary-alpha-12:rgba(185, 28, 58, 0.12);--primary-alpha-25:rgba(185, 28, 58, 0.25);--primary-alpha-35:rgba(185, 28, 58, 0.35);--primary-alpha-40:rgba(185, 28, 58, 0.4);--primary-alpha-50:rgba(185, 28, 58, 0.5);--white:#ffffff;--black:#000000;--black-10:rgba(0, 0, 0, 0.1);--black-12:rgba(0, 0, 0, 0.12);--black-28:rgba(0, 0, 0, 0.28);--black-30:rgba(0, 0, 0, 0.3);--black-45:rgba(0, 0, 0, 0.45);--black-50:rgba(0, 0, 0, 0.5);--black-60:rgba(0, 0, 0, 0.6);--black-62:rgba(0, 0, 0, 0.62);--black-65:rgba(0, 0, 0, 0.65);--black-75:rgba(0, 0, 0, 0.75);--black-78:rgba(0, 0, 0, 0.78);--black-82:rgba(0, 0, 0, 0.82);--black-88:rgba(0, 0, 0, 0.88);--white-14:rgba(255, 255, 255, 0.14);--white-28:rgba(255, 255, 255, 0.28);--white-35:rgba(255, 255, 255, 0.35);--white-40:rgba(255, 255, 255, 0.4);--white-45:rgba(255, 255, 255, 0.45);--white-80:rgba(255, 255, 255, 0.8);--white-07:rgba(255, 255, 255, 0.07);--radius:3px;--radius-sm:2px;--radius-lg:3px;--transition:0.35s cubic-bezier(0.4, 0, 0.2, 1);--desktop-padding:100px;--font:'Vazirmatn',system-ui,sans-serif;--pri:var(--primary);--pri2:var(--primary-dark);--acc:var(--accent);--bg2:var(--bg);--surf:var(--bg-card);--surf2:var(--bg-card2);--surf3:var(--bg-card2);--txt:var(--text);--txt2:var(--text-muted);--txt3:var(--text-light);--bdr:var(--border);--bdr2:var(--border);--bdr3:var(--border);--r:var(--radius);--r2:var(--radius-lg);--r3:var(--radius-lg);--gold:var(--primary);--success:var(--accent2)}
:root,body{--primary:#b91c3a;--primary-dark:#8f1229;--primary-light:#e05070;--accent:#e8862f;--pri:var(--primary,#b91c3a);--pri2:var(--primary-dark,#8f1229);--acc:var(--accent,#e8862f)}
[data-theme=dark]{--bg:#191f25;--bg-card:#141624;--bg-card2:#1b1b2e;--bg-nav:rgba(16, 16, 26, 0.97);--bg-footer:#0b0c11;--text:#f0e8ea;--text-muted:#9a90b0;--text-light:#a99cc0;--border:#26203d;--shadow:rgba(0, 0, 0, 0.3);--shadow-strong:rgba(0, 0, 0, 0.5);--overlay:rgba(34, 30, 44, 0.8);--primary-alpha-06:rgba(44, 28, 185, 0.08);--primary-alpha-12:rgba(57, 28, 185, 0.16);--primary-alpha-25:rgba(109, 28, 185, 0.28);--primary-alpha-35:rgba(44, 28, 185, 0.4);--primary-alpha-40:rgba(28, 51, 185, 0.45);--primary-alpha-50:rgba(96, 28, 185, 0.55);--gradient-section-even:linear-gradient(135deg, var(--bg-card2) 0%, var(--bg-card) 100%);--gradient-popular:linear-gradient(135deg, var(--bg) 0%, var(--bg-card2) 50%, var(--bg) 100%);--gradient-brands:linear-gradient(180deg, transparent, var(--primary-alpha-06), transparent);--gradient-hero:linear-gradient(180deg, transparent, var(--primary-alpha-06));--gradient-footer:linear-gradient(180deg, var(--bg-footer) 0%, #0e080b 100%)}
*,::after,::before{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}
body{padding:0!important;border:0!important;cursor:auto!important}
body::before{display:none!important}
#cur-dot,#cur-ring,#particles-canvas,.orbs{display:none!important}
[onclick],[role=button],a,button,input,label,select,textarea{cursor:auto!important}
[onclick],[role=button],a[href],button{cursor:pointer!important}
input,textarea{cursor:text!important}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font-family:var(--font);cursor:pointer;border:none;background:0 0}
ul{list-style:none}
.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--desktop-padding)}
#theme-ripple{position:fixed;border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%) scale(0);width:20px;height:20px;transition:transform .7s cubic-bezier(.4, 0, .2, 1),opacity .7s;opacity:.5;background:var(--primary)}
#theme-ripple.active{transform:translate(-50%,-50%) scale(200)}
#navbar{position:fixed;top:0;right:0;left:0;z-index:1000;background:var(--bg-nav);border-bottom:1px solid var(--border);transition:transform .4s cubic-bezier(.4, 0, .2, 1),background var(--transition);will-change:transform}
#navbar.hide{transform:translateY(-100%)}
.navbar-top{padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.4rem;color:var(--primary);letter-spacing:-.5px;flex-shrink:0}
.nav-logo .logo-icon{width:38px;height:38px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%!important;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.1rem;font-weight:900;overflow:hidden}
.nav-search{flex:1;max-width:520px;position:relative}
.nav-search input{width:100%;padding:10px 48px 10px 18px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text);font-family:var(--font);font-size:.9rem;transition:border-color var(--transition),box-shadow var(--transition);direction:rtl}
.nav-search input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha-12)}
.nav-search input::placeholder{color:var(--text-light)}
.nav-search-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--text-muted);transition:color var(--transition);display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;background:transparent;border:0;border-radius:var(--r2,10px);padding:0}
.nav-search-btn:hover{color:var(--primary)}
.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.nav-btn{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text);transition:background var(--transition),color var(--transition);position:relative}
.nav-btn:hover{background:var(--bg-card2);color:var(--primary)}
.nav-btn .badge{position:absolute;top:4px;left:4px;min-width:16px;height:16px;background:var(--accent);border-radius:50%;font-size:.65rem;color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700}
.theme-toggle-btn{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text);background:var(--bg-card2);transition:background var(--transition),color var(--transition),transform .3s}
.theme-toggle-btn:hover{background:var(--primary);color:var(--white);transform:rotate(20deg)}
.navbar-bottom{border-top:1px solid var(--border);padding:0}
.nav-cats{display:flex;align-items:center;gap:0;overflow:visible}
.nav-cat-item{position:relative}
.nav-cat-link{display:flex;align-items:center;gap:6px;padding:11px 18px;font-size:.88rem;font-weight:500;color:var(--text-muted);white-space:nowrap;transition:color var(--transition);position:relative}
.nav-cat-link::after{content:'';position:absolute;bottom:0;right:0;left:0;height:2px;background:var(--primary);transform:scaleX(0);transition:transform var(--transition)}
.nav-cat-item:hover>.nav-cat-link,.nav-cat-item:hover>.nav-cat-link::after{color:var(--primary);transform:scaleX(1)}
.nav-cat-link svg{transition:transform var(--transition)}
.nav-cat-item:hover>.nav-cat-link svg{transform:rotate(180deg)}
.nav-dropdown{position:absolute;top:100%;right:0;min-width:200px;background:var(--bg-card);border:1px solid var(--border);border-top:2px solid var(--primary);border-radius:0 0 var(--radius) var(--radius);box-shadow:0 12px 40px var(--shadow-strong);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .25s ease;z-index:500}
.nav-cat-item:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown>a{display:block;padding:10px 20px;font-size:.85rem;color:var(--text-muted);border-bottom:1px solid var(--border);transition:background var(--transition),color var(--transition),padding var(--transition)}
.nav-dropdown>a:last-child{border-bottom:none}
.nav-dropdown>a:hover{background:var(--bg-card2);color:var(--primary);padding-right:26px}
/* Nested tree submenus (recursive category dropdowns) */
.nav-sub-item{position:relative}
.nav-sub-item>a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 20px;font-size:.85rem;color:var(--text-muted);border-bottom:1px solid var(--border);transition:background var(--transition),color var(--transition);white-space:nowrap}
.nav-sub-item:last-child>a{border-bottom:none}
.nav-sub-item>a:hover{background:var(--bg-card2);color:var(--primary)}
.nav-sub-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.nav-sub-arrow{flex-shrink:0;color:var(--text-light);transition:transform var(--transition),color var(--transition)}
.nav-sub-item:hover>a .nav-sub-arrow{color:var(--primary);transform:translateX(-3px)}
.nav-dropdown-sub{position:absolute;top:0;right:100%;min-width:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 40px var(--shadow-strong);opacity:0;visibility:hidden;transform:translateX(8px);transition:all .2s ease;z-index:600}
.nav-sub-item:hover>.nav-dropdown-sub{opacity:1;visibility:visible;transform:translateX(0)}
.nav-dropdown-sub>a{display:block;padding:10px 20px;font-size:.85rem;color:var(--text-muted);border-bottom:1px solid var(--border);transition:background var(--transition),color var(--transition),padding var(--transition);white-space:nowrap}
.nav-dropdown-sub>a:last-child{border-bottom:none}
.nav-dropdown-sub>a:hover{background:var(--bg-card2);color:var(--primary);padding-right:26px}
.mobile-menu-btn{display:none;width:36px;height:36px;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}
.mobile-menu-btn span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .3s}
.mobile-menu-btn.active span:first-child{transform:rotate(45deg) translate(5px,5px)}
.mobile-menu-btn.active span:nth-child(2){opacity:0;transform:scaleX(0)}
.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-sidebar{position:fixed;visibility:hidden;top:0;right:-320px;width:300px;height:100vh;background:var(--bg-card);z-index:2000;transition:right .4s cubic-bezier(.4, 0, .2, 1);overflow-y:auto;box-shadow:-8px 0 32px var(--shadow-strong);display:flex;flex-direction:column}
.mobile-sidebar.open{right:0;visibility:visible}
.mobile-overlay{position:fixed;inset:0;background:var(--black-50);z-index:1999;opacity:0;visibility:hidden;transition:all .3s}
.mobile-overlay.show{opacity:1;visibility:visible}
.mobile-sidebar-header{padding:20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.mobile-sidebar-close{width:32px;height:32px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:background var(--transition),color var(--transition)}
.mobile-sidebar-close:hover{background:var(--bg-card2);color:var(--accent)}
.mobile-nav-items{padding:16px 0;flex:1}
.mobile-nav-cat{border-bottom:1px solid var(--border)}
.mobile-nav-cat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;cursor:pointer;transition:background var(--transition)}
.mobile-nav-cat-header:hover{background:var(--bg-card2)}
.mobile-nav-cat-header span{font-size:.9rem;font-weight:500;color:var(--text)}
.mobile-nav-cat-header svg{transition:transform .3s;color:var(--text-muted)}
.mobile-nav-cat.active .mobile-nav-cat-header svg{transform:rotate(180deg)}
.mobile-sub-menu{display:none;background:var(--bg-card2)}
.mobile-nav-cat.active>.mobile-sub-menu{display:block}
.mobile-sub-menu a{display:block;padding:10px 36px;font-size:.85rem;color:var(--text-muted);border-bottom:1px solid var(--border);transition:color var(--transition)}
.mobile-sub-menu a:hover{color:var(--primary)}
.mobile-sub-menu a:last-child{border-bottom:none}
.mobile-sidebar-actions{padding:16px 20px;border-top:1px solid var(--border);display:flex;gap:12px}
.mobile-action-btn{flex:1;padding:10px;border-radius:var(--radius);background:var(--bg-card2);color:var(--text-muted);font-size:.85rem;text-align:center;font-family:var(--font);transition:background var(--transition),color var(--transition)}
.mobile-action-btn:hover{background:var(--primary);color:var(--white)}
.bottom-tabbar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:990;background:var(--bg-card);border-top:1px solid var(--border);padding:0 0 env(safe-area-inset-bottom)}
.tabbar-inner{display:flex;align-items:flex-end;justify-content:space-around;padding:6px 0 8px;position:relative}
.tabbar-inner::before{content:'';position:absolute;top:-1px;left:50%;transform:translateX(-54%);width:68px;height:36px;background:var(--bg-card);border-radius:0 0 3px 3px;border:1px solid var(--border);border-top:none;z-index:-1}
.tab-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 16px;color:var(--text-muted);font-size:.68rem;font-weight:500;transition:color var(--transition);cursor:pointer;position:relative}
.tab-item.active,.tab-item:hover{color:var(--primary)}
.tab-item svg{width:22px;height:22px;stroke-width:1.8}
.tab-item.tab-home{margin-bottom:8px}
.tab-item.tab-home .tab-home-icon{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px var(--primary-alpha-40);color:var(--white);margin-bottom:2px;transition:transform var(--transition),box-shadow var(--transition)}
.tab-item.tab-home.active .tab-home-icon,.tab-item.tab-home:hover .tab-home-icon{transform:translateY(-4px);box-shadow:0 8px 28px var(--primary-alpha-50)}
.tab-item.tab-home svg{width:24px;height:24px}
main{padding-top:110px}
#page-home>main>section{position:relative;z-index:1;clear:both;}
@media (min-width: 1024px){#page-home>main>section{margin-top: 35px;}}
.section{padding:72px 0}
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}
.section-title{font-size:1.6rem;font-weight:800;color:var(--text);position:relative;padding-right:18px;display:inline-block;padding-bottom:12px}
.section-title::before{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:linear-gradient(180deg,var(--primary),var(--primary-dark));border-radius:2px}
.section-title::after{content:'';position:absolute;right:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--primary),var(--accent),var(--success));background-size:200% 100%;border-radius:3px;animation:underlineGrow 1.1s .25s var(--transition) forwards,gradientSlide 4s 1.4s linear infinite;box-shadow:0 2px 10px -2px var(--primary)}
@keyframes underlineGrow{to{width:100%}}
@keyframes gradientSlide{0%{background-position:0 0}100%{background-position:200% 0}}
.section-link{font-size:.88rem;color:var(--primary);font-weight:600;display:flex;align-items:center;gap:6px;transition:gap var(--transition),letter-spacing .3s var(--transition),color .3s}
.section-link:hover{gap:10px;letter-spacing:.4px}
.reveal{transition:opacity .8s var(--transition),transform .8s var(--transition);opacity:1;transform:none}
.reveal.visible{opacity:1;transform:none}
.reveal-left{transition:opacity .65s ease,transform .65s ease;opacity:1;transform:none}
.reveal-left.visible{opacity:1;transform:translateX(0)}
.reveal-right{transition:opacity .65s ease,transform .65s ease;opacity:1;transform:none}
.reveal-right.visible{opacity:1;transform:translateX(0)}
.hero-section{padding:24px 0 48px;position:relative;isolation:isolate}
.hero-section::before{content:'';position:absolute;inset:-10% -5% auto -5%;height:70%;z-index:-1;background:radial-gradient(420px 260px at 85% 20%,var(--primary-alpha-12),transparent 70%),radial-gradient(380px 240px at 12% 60%,rgba(232,134,47,.12),transparent 70%),radial-gradient(300px 200px at 55% 90%,rgba(47,168,232,.09),transparent 70%);filter:blur(6px);animation:blobFloat 14s ease-in-out infinite alternate;pointer-events:none}
@keyframes blobFloat{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(0,26px,0) scale(1.06)}}
.hero-main-grid{display:grid;grid-template-columns:1fr 30%;gap:16px;align-items:stretch;min-height:440px;position:relative;inset:auto;pointer-events:auto;background:0 0;min-width:0;max-width:100%;contain:layout;overflow:hidden}
.hero-slider{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--bg-card2);min-height:440px}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;display:flex;align-items:flex-end}
.hero-slide.active{opacity:1;z-index:2}
.hero-slide-img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;transform:scale(1.02)}
.hero-slide.active .hero-slide-img{animation:kenBurns 8s ease-out forwards;will-change:transform}
@keyframes kenBurns{from{transform:scale(1.02)}to{transform:scale(1.12)}}
.hero-slide-overlay{position:absolute;inset:0;background:linear-gradient(115deg,var(--black-62) 8%,var(--black-28) 55%,rgba(0,0,0,.12) 100%)}
.hero-slide.active .hero-slide-overlay::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,var(--white-14) 50%,transparent 70%);transform:translateX(-120%);animation:sheenSweep 3.2s 1.2s ease-in-out;will-change:transform}
@keyframes sheenSweep{to{transform:translateX(120%)}}
.hero-slide-content{position:relative;z-index:3;padding:32px;color:var(--white);width:100%}
.hero-slide .hero-slide-content>*{opacity:0;transform:translateY(22px);transition:opacity .7s var(--transition),transform .7s var(--transition);will-change:transform}
.hero-slide.active .hero-slide-content>*{opacity:1;transform:none}
.hero-slide.active .hero-slide-content>:first-child{transition-delay:0.15s}
.hero-slide.active .hero-slide-content>:nth-child(2){transition-delay:0.3s}
.hero-slide.active .hero-slide-content>:nth-child(3){transition-delay:0.45s}
.hero-slide.active .hero-slide-content>:nth-child(4){transition-delay:0.6s}
.hero-slide-tag{display:inline-block;padding:4px 12px;background:var(--primary);color:var(--white);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;margin-bottom:10px;letter-spacing:.3px;box-shadow:0 0 0 3px var(--white-28)}
@keyframes tagPulse{0%,100%{box-shadow:0 0 0 0 var(--white-28)}50%{box-shadow:0 0 0 7px transparent}}
.hero-slide-title{font-size:1.9rem;font-weight:900;line-height:1.35;margin-bottom:8px;text-shadow:0 2px 8px var(--black-30)}
.hero-slide-sub{font-size:.92rem;opacity:.85;margin-bottom:20px}
.hero-slide-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--primary);color:var(--white);border-radius:var(--radius);font-size:.9rem;font-weight:700;font-family:var(--font);transition:background var(--transition),transform var(--transition);position:relative;overflow:hidden;isolation:isolate;will-change:transform}
.hero-slide-btn::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,var(--white-35) 50%,transparent 65%);transform:translateX(-130%);transition:transform 10ms}
.hero-slide-btn:hover{background:var(--primary-dark);transform:translateX(-3px)}
.hero-slide-btn:hover::after{transform:translateX(130%);transition:transform .8s ease}
.hero-slider-nav{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:2px;z-index:10}
.slider-dot{width:28px;height:28px;padding:0;background:transparent;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s}
.slider-dot::after{content:"";display:block;width:9px;height:9px;border-radius:99px;background:var(--white-40);transition:width .3s,background .3s}
.slider-dot.active::after{background:var(--primary);width:26px}
.hero-banners{display:flex;flex-direction:column;gap:16px}
.hero-banner{flex:1;border-radius:var(--radius);overflow:hidden;position:relative;cursor:pointer;min-height:200px;max-height:215px;transition:box-shadow .45s var(--transition)}
.hero-banner img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--transition),filter .8s var(--transition)}
.hero-banner:hover img{transform:scale(1.08);filter:saturate(1.15)}
.hero-banner:hover{box-shadow:0 18px 40px -14px var(--shadow-strong)}
.hero-banner-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--black-65) 0,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:18px}
.hero-banner-tag{font-size:.7rem;font-weight:700;color:var(--primary-light);margin-bottom:4px;letter-spacing:.5px}
.hero-banner-title{font-size:1rem;font-weight:700;color:var(--white);line-height:1.35}
.popular-section{background:var(--bg-card);padding:60px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
[data-theme=dark] .popular-section{background:var(--gradient-popular,linear-gradient(135deg,var(--bg) 0,var(--bg-card2) 50%,var(--bg) 100%))}
.popular-list{display:flex;flex-direction:column;gap:0}
.popular-item{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition);position:relative;overflow:hidden}
.popular-item:last-child{border-bottom:none}
.popular-item-num{font-size:2.5rem;font-weight:900;color:var(--border);min-width:48px;text-align:center;transition:color var(--transition);line-height:1;flex-shrink:0}
.popular-item:hover .popular-item-num{color:var(--primary)}
.popular-item-img{width:90px;height:90px;border-radius:var(--radius);object-fit:cover;flex-shrink:0;transition:transform var(--transition)}
.popular-item:hover .popular-item-img{transform:scale(1.04)}
.popular-item-info{flex:1}
.popular-item-cat{font-size:.72rem;color:var(--primary);font-weight:700;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}
.popular-item-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:6px;line-height:1.4}
.popular-item-desc{font-size:.82rem;color:var(--text-muted);line-height:1.5}
.popular-item-price-wrap{text-align:left;flex-shrink:0}
.popular-item-price{font-size:1.1rem;font-weight:800;color:var(--primary)}
.popular-item-old-price{font-size:.8rem;color:var(--text-light);text-decoration:line-through;margin-bottom:4px}
.popular-item-cart{margin-top:8px;padding:6px 14px;background:var(--primary);color:var(--white);border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;font-family:var(--font);transition:background var(--transition),transform var(--transition)}
.popular-item-cart:hover{background:var(--primary-dark);transform:scale(1.04)}
.popular-cards-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;min-width:0;max-width:100%}
.pop-card{border-radius:var(--radius);overflow:hidden;position:relative;cursor:pointer;aspect-ratio:3/4;background:var(--bg-card2);transition:transform .45s var(--transition),box-shadow .45s var(--transition),border-color .45s var(--transition);will-change:transform;max-width:100%;display:block}
.pop-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px -18px var(--shadow-strong);border-color:var(--primary);z-index:2}
.pop-card-img{width:100%;height:100%;object-fit:cover;transition:transform .85s var(--transition),opacity .6s ease;opacity:0;display:block}
.pop-card-img.loaded{opacity:1}
.pop-card:hover .pop-card-img{transform:scale(1.1) rotate(.4deg)}
.pop-card-info{position:absolute;bottom:0;left:0;right:0;padding:14px;background:linear-gradient(to top,var(--black-82) 0,transparent 100%);transform:translateY(0);transition:transform .4s ease;color:var(--white)}
.pop-card:hover .pop-card-info{transform:translateY(100%)}
.pop-card-full{position:absolute;inset:0;background:var(--black-88);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;opacity:0;transition:opacity .4s ease;color:var(--white);text-align:center}
.pop-card:hover .pop-card-full{opacity:1}
.pop-card-cat{font-size:.7rem;color:var(--primary-light);font-weight:700;margin-bottom:6px;letter-spacing:.5px}
.pop-card-title{font-size:.95rem;font-weight:700;line-height:1.4;margin-bottom:8px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.pop-card-price{font-size:1.1rem;font-weight:800;color:var(--primary-light)}
.pop-card-btn{margin-top:12px;padding:8px 20px;background:var(--primary);color:var(--white);border-radius:var(--radius-sm);font-size:.82rem;font-weight:700;font-family:var(--font);transition:background var(--transition);position:relative;overflow:hidden;isolation:isolate}
.pop-card-btn::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,var(--white-35) 50%,transparent 65%);transform:translateX(-130%);transition:transform 10ms}
.pop-card-btn:hover{background:var(--primary-dark)}
.pop-card-btn:hover::after{transform:translateX(130%);transition:transform .8s ease}
.cats-row{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.cat-item{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:transform var(--transition)}
.cat-item:hover{transform:translateY(-4px)}
.cat-circle{width:88px;height:88px;border-radius:50%;overflow:hidden;border:3px solid var(--border);transition:border-color var(--transition),box-shadow var(--transition),transform .4s var(--transition);position:relative}
.cat-item:hover .cat-circle{border-color:var(--primary);transform:translateY(-4px) scale(1.04);box-shadow:0 0 0 3px var(--bg-card),0 0 0 5px var(--primary),0 16px 30px -12px var(--shadow-strong);animation:catGlow 1.6s ease-in-out infinite}
@keyframes catGlow{0%,100%{box-shadow:0 0 0 3px var(--bg-card),0 0 0 5px var(--primary),0 16px 30px -12px var(--shadow-strong)}50%{box-shadow:0 0 0 3px var(--bg-card),0 0 0 8px transparent,0 16px 30px -12px var(--shadow-strong)}}
.cat-circle img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,opacity .6s ease;opacity:0}
.cat-circle img.loaded{opacity:1}
.cat-item:hover .cat-circle img{transform:scale(1.1)}
.cat-name{font-size:.82rem;font-weight:600;color:var(--text-muted);text-align:center;transition:color var(--transition)}
.cat-item:hover .cat-name{color:var(--primary)}
.infinite-slider-section{padding:48px 0;overflow:visible}
.infinite-slider-track{display:flex;gap:20px;width:max-content;animation:none!important;transition:none;will-change:transform;user-select:none;-webkit-user-select:none}
.inf-frame{position:relative;overflow:hidden;border:1px solid var(--border);background:var(--bg-card);border-radius:3px 0;padding:28px!important;border-radius:10px}
.inf-frame::after,.inf-frame::before{content:'';position:absolute;top:0;bottom:0;width:56px;z-index:2;pointer-events:none}
.inf-frame::before{right:0;background:linear-gradient(to left,var(--bg-card),transparent)}
.inf-frame::after{left:0;background:linear-gradient(to right,var(--bg-card),transparent)}
.inf-card{width:220px;flex-shrink:0;border-radius:var(--radius);overflow:hidden;background:var(--bg-card);border:1px solid var(--border);cursor:grab;transition:transform .45s var(--transition),box-shadow .45s var(--transition),border-color .45s var(--transition);will-change:transform;display:block}
.inf-card:active{cursor:grabbing}
.inf-card:hover{box-shadow:0 8px 32px var(--shadow-strong);transform:translateY(-8px) scale(1.02);border-color:var(--primary);z-index:2}
.inf-card-img{width:100%;height:180px;object-fit:cover;transition:transform .85s var(--transition),opacity .6s ease;opacity:0;display:block}
.inf-card-img.loaded{opacity:1}
.inf-card:hover .inf-card-img{transform:scale(1.1) rotate(.4deg)}
.inf-card-body{padding:14px}
.inf-card-title{font-size:.88rem;font-weight:700;color:var(--text);margin-bottom:4px;line-height:1.4;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.inf-card-price{font-size:.95rem;font-weight:800;color:var(--primary)}
.inf-card-star{display:flex;gap:2px;margin-bottom:8px}
.inf-card-star svg{width:12px;height:12px;fill:var(--primary);color:var(--primary)}
.infinite-slider-section:hover .infinite-slider-track{animation-play-state:paused}
.dual-banners{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-width:0;max-width:100%}
.dual-banner{border-radius:var(--radius);overflow:hidden;position:relative;cursor:pointer;aspect-ratio:16/9;transition:transform .45s var(--transition),box-shadow .45s var(--transition);will-change:transform}
.dual-banner:hover{transform:translateY(-8px);box-shadow:0 24px 48px -18px var(--shadow-strong)}
.dual-banner img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.dual-banner:hover img{transform:scale(1.05)}
.dual-banner-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:36px;background:linear-gradient(to left,var(--black-65) 0,transparent 70%)}
.dual-banner:first-child .dual-banner-content{background:linear-gradient(to right,var(--black-65) 0,transparent 70%);align-items:flex-end}
.dual-banner-tag{display:inline-block;padding:4px 10px;background:#232838;background:color-mix(in srgb,var(--primary) 55%,#000);color:var(--white);border-radius:var(--radius-sm);font-size:.72rem;font-weight:700;margin-bottom:10px}
.dual-banner-title{font-size:1.5rem;font-weight:900;color:var(--white);line-height:1.3;margin-bottom:8px}
.dual-banner-sub{font-size:.85rem;color:var(--white-80);margin-bottom:16px}
.dual-banner-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border:2px solid var(--white);color:var(--white);border-radius:var(--radius);font-size:.88rem;font-weight:700;font-family:var(--font);transition:background var(--transition),color var(--transition);position:relative;overflow:hidden;isolation:isolate}
.dual-banner-btn::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,var(--white-35) 50%,transparent 65%);transform:translateX(-130%);transition:transform 10ms}
.dual-banner-btn:hover{background:var(--white);color:var(--text)}
.dual-banner-btn:hover::after{transform:translateX(130%);transition:transform .8s ease}
.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;min-width:0;max-width:100%}
.feat-card{background:var(--bg-card);border-radius:var(--radius);overflow:visible;cursor:pointer;transition:transform .45s var(--transition),box-shadow .45s var(--transition),border-color .45s var(--transition);position:relative;will-change:transform;width:100%;display:block}
.feat-card:hover{box-shadow:0 24px 48px -18px var(--shadow-strong);transform:translateY(-8px);border-color:var(--primary);z-index:2}
.feat-card-img-wrap{position:relative;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;aspect-ratio:1/1}
.feat-card-img{width:100%;height:100%;object-fit:cover;transition:transform .85s var(--transition),opacity .6s ease;opacity:0;display:block}
.feat-card-img.loaded{opacity:1}
.feat-card:hover .feat-card-img{transform:scale(1.1) rotate(.4deg)}
.feat-card-badge{position:absolute;top:12px;right:12px;padding:4px 10px;background:#232838;background:color-mix(in srgb,var(--accent) 55%,#000);color:#fff;border-radius:var(--radius-sm);font-size:.72rem;font-weight:700}
.feat-card-fav{position:absolute;top:12px;left:12px;width:32px;height:32px;background:var(--bg-card);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:0;transition:opacity var(--transition),color var(--transition),transform var(--transition);box-shadow:0 2px 8px var(--shadow-strong)}
.feat-card:hover .feat-card-fav{opacity:1}
.feat-card-fav:hover{color:var(--accent);transform:scale(1.1);animation:heartBeat .5s ease}
@keyframes heartBeat{0%{transform:scale(1)}30%{transform:scale(1.35)}60%{transform:scale(.92)}100%{transform:scale(1)}}
.feat-card-body{padding:16px 14px 14px;background:var(--bg-card);border-radius:0 0 var(--radius) var(--radius);border:1px solid var(--border);border-top:none;margin:-4px 6px 0;position:relative;z-index:2}
.feat-card-cat{font-size:.7rem;color:var(--primary);font-weight:700;margin-bottom:5px;letter-spacing:.3px}
.feat-card-title{font-size:.92rem;font-weight:700;color:var(--text);margin-bottom:8px;line-height:1.45;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;min-height:1.4em}
.feat-card-stars{display:flex;align-items:center;gap:2px;margin-bottom:10px}
.feat-card-stars svg{width:12px;height:12px;fill:var(--primary);color:var(--primary)}
.feat-card-stars span{font-size:.72rem;color:var(--text-light);margin-right:4px}
.feat-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
.feat-card-price-group{line-height:1.3}
.feat-card-old{font-size:.75rem;color:var(--text-light);text-decoration:line-through}
.feat-card-price{font-size:1.05rem;font-weight:800;color:var(--primary)}
.feat-card-price span{font-size:.72rem;font-weight:500}
.feat-card-add{width:34px;height:34px;background:var(--primary);color:var(--white);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font);transition:transform .3s var(--transition),box-shadow .3s var(--transition),background .3s}
.feat-card-add:hover{background:var(--primary-dark);transform:translateY(-2px) rotate(90deg);box-shadow:0 8px 18px -6px var(--primary)}
.articles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;min-width:0;max-width:100%}
.article-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;cursor:pointer;border:1px solid var(--border);transition:transform .45s var(--transition),box-shadow .45s var(--transition),border-color .45s var(--transition);will-change:transform;display:block}
.article-card:hover{box-shadow:0 24px 48px -18px var(--shadow-strong);transform:translateY(-8px);border-color:var(--primary);z-index:2}
.article-card-img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .85s var(--transition),opacity .6s ease;opacity:0;display:block}
.article-card-img.loaded{opacity:1}
.article-card:hover .article-card-img{transform:scale(1.1) rotate(.4deg)}
.article-card-body{padding:18px}
.article-card-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.article-card-cat{font-size:.7rem;font-weight:700;color:var(--white);background:#232838;background:color-mix(in srgb,var(--primary) 55%,#000);padding:3px 9px;border-radius:var(--radius-sm)}
.article-card-date{font-size:.75rem;color:var(--text-light)}
.article-card-title{font-size:.95rem;font-weight:700;color:var(--text);line-height:1.5;margin-bottom:8px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;min-height:1.4em}
.article-card-desc{font-size:.82rem;color:var(--text-muted);line-height:1.6;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-card-link{font-size:.82rem;color:var(--primary);font-weight:700;display:flex;align-items:center;gap:5px;transition:gap var(--transition)}
.article-card-link:hover{gap:9px}
.brands-section{padding:60px 0}
[data-theme=dark] .brands-section{background:var(--gradient-brands,linear-gradient(180deg,transparent,var(--primary-alpha-06),transparent))}
.brands-track{display:flex;gap:32px;align-items:center;justify-content:center;flex-wrap:wrap;min-width:0;max-width:100%}
.brand-item{width:110px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-light);font-weight:800;font-size:1rem;letter-spacing:1px;transition:transform .4s var(--transition),color .4s,border-color .4s,box-shadow .4s;cursor:pointer;filter:grayscale(1)}
.brand-item:hover{border-color:var(--primary)!important;color:var(--primary);box-shadow:0 12px 26px -12px var(--primary);filter:grayscale(0);transform:translateY(-4px) scale(1.06)}
footer{background:var(--bg-footer);color:var(--text-muted);padding:64px 0 0;border-top:1px solid var(--border);transition:background var(--transition)}
[data-theme=dark] footer{background:var(--gradient-footer,linear-gradient(180deg,var(--bg-footer) 0,#0e080b 100%));border-top-color:var(--border)}
.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid var(--border)}
.footer-brand .logo{font-size:1.4rem;font-weight:800;color:var(--primary);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.footer-brand .logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%!important;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1rem;font-weight:900;overflow:hidden}
.footer-brand p{font-size:.85rem;line-height:1.7;color:var(--text-muted);margin-bottom:20px}
.footer-trust{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}
.trust-badge{width:64px;height:64px;border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:var(--text-muted);text-align:center;line-height:1.3;transition:border-color var(--transition),color var(--transition);cursor:pointer}
.trust-badge:hover{border-color:var(--primary);color:var(--primary)}
.footer-socials{display:flex;gap:10px;min-height:36px;align-items:center;flex-wrap:wrap;contain:layout paint}
.social-link{width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition);overflow:hidden}
.social-link img{width:18px;height:18px;object-fit:contain;display:block;border-radius:3px;transition:filter var(--transition)}
.social-link:hover{background:var(--primary);border-color:var(--primary);color:var(--white);transform:translateY(-2px)}
.footer-col h4{font-size:.92rem;font-weight:700;color:var(--text);margin-bottom:18px;position:relative;padding-bottom:10px}
.footer-col h4::after{content:'';position:absolute;bottom:0;right:0;width:28px;height:2px;background:var(--primary);border-radius:2px}
.footer-col a{display:block;font-size:.83rem;color:var(--text-muted);margin-bottom:10px;transition:color var(--transition),padding var(--transition)}
.footer-col a:hover{color:var(--primary);padding-right:6px}
.footer-bottom{padding:20px 0;display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--text-light);flex-wrap:wrap;gap:12px}
.footer-bottom a{color:var(--primary)}
.footer-link-inline{color:var(--text-light);transition:color .3s}
.footer-link-inline:hover{color:var(--primary)}
[data-theme=dark] body{min-height:100vh}
[data-theme=dark] .hero-section{background:var(--gradient-hero,linear-gradient(180deg,transparent,var(--primary-alpha-06)))}
[data-theme=dark] .section:nth-child(2n){background:var(--gradient-section-even,linear-gradient(135deg,var(--bg-card2) 0,var(--bg-card) 100%))}
@media (min-width:1200px){.inf-frame{margin:0 100px!important}}
@media (max-width:1200px){:root{--desktop-padding:40px}.feat-card-body{margin:-4px 4px 0}.inf-frame{margin:0 25px}}
@keyframes shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}
.shimmer{background:linear-gradient(90deg,var(--bg-card2) 25%,var(--border) 50%,var(--bg-card2) 75%);background-size:400px 100%;animation:shimmer 1.5s infinite}
.skl{position:relative;overflow:hidden;border-radius:3px;background:var(--bg-card2)}
.skl::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,var(--white-45) 50%,transparent 80%);transform:translateX(-120%);animation:sklSlide 1.4s infinite}
[data-theme=dark] .skl::after{background:linear-gradient(100deg,transparent 20%,var(--white-07) 50%,transparent 80%)}
@keyframes sklSlide{to{transform:translateX(120%)}}
.icon{display:inline-flex;align-items:center;justify-content:center}
.search-modal-overlay{position:fixed;inset:0;background:var(--black-60);backdrop-filter:blur(6px);z-index:9000;opacity:0;visibility:hidden;transition:all .3s ease}
.search-modal-overlay.open{opacity:1;visibility:visible}
.search-modal{position:fixed;top:0;right:0;left:0;z-index:9001;background:var(--bg-card);padding:28px var(--desktop-padding) 32px;border-bottom:1px solid var(--border);box-shadow:0 8px 48px var(--shadow-strong);transform:translateY(-100%);transition:transform .4s cubic-bezier(.4, 0, .2, 1);max-height:100vh;overflow-y:auto}
.search-modal.open{transform:translateY(0)}
.search-modal-inner{max-width:800px;margin:0 auto}
.search-modal-label{font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:12px;letter-spacing:.5px}
.search-modal-input-wrap{display:flex;align-items:center;gap:12px;border:2px solid var(--primary);border-radius:var(--radius);padding:6px 16px;background:var(--bg)}
.search-modal-input-wrap svg{color:var(--primary);flex-shrink:0}
.search-modal-input{flex:1;border:none;background:0 0;font-family:var(--font);font-size:1.15rem;color:var(--text);padding:8px 0;direction:rtl}
.search-modal-input:focus{outline:0}
.search-modal-input::placeholder{color:var(--text-light)}
.search-modal-close{width:38px;height:38px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--bg-card2);flex-shrink:0;transition:all var(--transition)}
.search-modal-close:hover{background:var(--primary);color:var(--white)}
.search-modal-trending{margin-top:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.search-modal-trending-label{font-size:.78rem;font-weight:600;color:var(--text-muted)}
.search-tag{padding:5px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:.8rem;color:var(--text-muted);cursor:pointer;font-family:var(--font);transition:all var(--transition);background:0 0}
.search-tag:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-alpha-06)}
.search-modal-results{margin-top:24px;display:none}
.search-modal-results.show{display:block}
.search-modal-results-title{font-size:.78rem;font-weight:600;color:var(--text-muted);margin-bottom:12px}
.search-results-grid{display:flex;flex-direction:column;gap:16px;max-height:min(58vh,540px);overflow-y:auto;padding-left:2px}
.search-modal-group-title{font-size:.75rem;font-weight:800;color:var(--text-muted);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.search-modal-group-list{display:flex;flex-direction:column;gap:8px}
.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;transition:all var(--transition);background:var(--bg);text-align:right;width:100%;font-family:inherit;color:inherit;appearance:none;-webkit-appearance:none}
.search-result-item:hover{border-color:var(--primary);background:var(--primary-alpha-06)}
.search-result-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.search-result-img{width:56px;height:56px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-card2)}
.search-result-info{min-width:0;flex:1}
.search-result-info h4{font-size:.86rem;font-weight:700;color:var(--text);margin-bottom:2px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.search-result-info p{font-size:.75rem;color:var(--primary);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-result-kind{display:inline-flex;font-size:.65rem;font-weight:700;color:var(--white);background:var(--primary);border-radius:999px;padding:1px 7px;margin-bottom:4px}
.search-result-kind.is-article{background:#5b6b82}
.search-result-item.is-article .search-result-info p{color:var(--text-muted);font-weight:500}
.search-hit{background:rgba(250,204,21,.45);color:inherit;border-radius:3px;padding:0 2px;font-weight:800}
.search-modal-see-all{width:100%}
.search-hero{max-width:760px;margin:0 auto 36px;text-align:center}
.search-hero-title{font-size:1.6rem;font-weight:900;margin-bottom:8px}
.search-hero-sub{color:var(--txt2,var(--text-muted));margin-bottom:20px}
.search-hero-form{display:flex;gap:10px;align-items:stretch;background:var(--surf,var(--bg-card));border:1px solid var(--bdr,var(--border));border-radius:14px;padding:8px;margin-bottom:16px}
.search-hero-input{flex:1;border:0;background:0 0;font-family:inherit;font-size:1rem;padding:10px 12px;color:var(--txt,var(--text));min-width:0}
.search-hero-input:focus{outline:0}
.search-hero-btn{flex-shrink:0;min-width:96px}
.search-hero-meta{font-size:.9rem;color:var(--txt2,var(--text-muted));margin-bottom:18px}
#search-query-label,.search-hero-meta strong{color:var(--pri,var(--primary))}
.search-hero-split{display:inline-block;margin-right:8px;color:var(--txt3,var(--text-light))}
.search-tabs{display:inline-flex;gap:8px;background:var(--surf,var(--bg-card));border:1px solid var(--bdr,var(--border));border-radius:999px;padding:4px}
.search-tab{border:0;background:0 0;font-family:inherit;font-size:.85rem;font-weight:700;color:var(--txt2,var(--text-muted));padding:8px 16px;border-radius:999px;cursor:pointer}
.search-tab.on{background:var(--pri,var(--primary));color:#fff}
.search-tab-count{display:inline-flex;min-width:1.2em;font-size:.72em;font-weight:800;opacity:.85;margin-right:4px}
.search-tab.on .search-tab-count{opacity:1}
.search-section{margin-bottom:42px}
.search-section.is-hidden{display:none}
.search-page-empty{text-align:center;padding:48px 20px;color:var(--txt2,var(--text-muted));background:var(--surf,var(--bg-card));border:1px dashed var(--bdr,var(--border));border-radius:16px;margin-bottom:32px}
.search-page-empty[hidden]{display:none}
.search-empty-icon{font-size:2rem;margin-bottom:10px}
.search-page-empty h2{font-size:1.15rem;font-weight:800;color:var(--txt,var(--text));margin-bottom:8px}
.search-article-skel{height:180px;border-radius:14px}
.search-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.search-section-head h2{font-size:1.15rem;font-weight:800}
.search-empty{grid-column:1/-1;text-align:center;padding:28px 16px;color:var(--txt2,var(--text-muted));background:var(--surf,var(--bg-card));border:1px dashed var(--bdr,var(--border));border-radius:14px}
#page-search .listing-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#page-search .article-card,#page-search .article-card.reveal{opacity:1;transform:none}
#page-search .article-card-img{opacity:1;height:160px;object-fit:cover}
.cart-dropdown-wrap{position:relative}
.cart-dropdown{position:absolute;top:calc(100% + 12px);left:0;width:340px;background:var(--bg-card);border:1px solid var(--border);border-top:2px solid var(--primary);border-radius:0 0 var(--radius) var(--radius);box-shadow:0 12px 48px var(--shadow-strong);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .25s ease;z-index:500}
.cart-dropdown-wrap:hover .cart-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.cart-dropdown-header{padding:14px 16px;border-bottom:1px solid var(--border);font-size:.85rem;font-weight:700;color:var(--text);display:flex;align-items:center;justify-content:space-between}
.cart-item-count{background:var(--primary);color:var(--white);border-radius:var(--radius-sm);padding:2px 8px;font-size:.72rem;font-weight:700}
.cart-dropdown-items{max-height:260px;overflow-y:auto}
.cart-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);transition:background var(--transition)}
.cart-dropdown-item:hover{background:var(--bg-card2)}
.cart-dropdown-item:last-child{border-bottom:none}
.cart-d-img{width:52px;height:52px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}
.cart-d-info{flex:1}
.cart-d-title{font-size:.82rem;font-weight:600;color:var(--text);margin-bottom:3px;line-height:1.35;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.cart-d-price{font-size:.82rem;font-weight:700;color:var(--primary)}
.cart-d-qty{font-size:.72rem;color:var(--text-light);margin-top:2px}
.cart-dropdown-footer{padding:14px 16px;border-top:1px solid var(--border)}
.cart-d-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.cart-d-total span{font-size:.82rem;color:var(--text-muted)}
.cart-d-total strong{font-size:1rem;font-weight:800;color:var(--primary)}
.cart-d-btn{width:100%;padding:10px;background:var(--primary);color:var(--white);border-radius:var(--radius);font-size:.88rem;font-weight:700;font-family:var(--font);text-align:center;display:block;transition:background var(--transition)}
.cart-d-btn:hover{background:var(--primary-dark)}
.product-modal-overlay{position:fixed;inset:0;background:var(--black-75);backdrop-filter:blur(4px);z-index:8000;opacity:0;visibility:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:20px}
.product-modal-overlay.open{opacity:1;visibility:visible}
.product-modal{background:var(--bg-card);border-radius:var(--radius);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px var(--shadow-strong);transform:scale(.92) translateY(24px);transition:transform .4s cubic-bezier(.4, 0, .2, 1);position:relative}
.product-modal-overlay.open .product-modal{transform:scale(1) translateY(0)}
.product-modal-close{position:absolute;top:16px;left:16px;width:36px;height:36px;border-radius:50%;background:var(--bg-card2);display:flex;align-items:center;justify-content:center;color:var(--text-muted);z-index:10;transition:all var(--transition)}
.product-modal-close:hover{background:var(--accent);color:var(--white);transform:rotate(90deg)}
.product-modal-grid{display:grid;grid-template-columns:1fr 1fr}
.product-modal-gallery{position:relative;background:var(--bg-card2);border-radius:var(--radius) 0 0 var(--radius);overflow:hidden;min-height:400px}
.product-modal-img{width:100%;height:100%;object-fit:cover;display:block}
.product-modal-badge{position:absolute;top:16px;right:16px;padding:4px 12px;background:var(--accent);color:var(--white);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700}
.product-modal-body{padding:32px;display:flex;flex-direction:column;gap:16px}
.product-modal-cat{font-size:.72rem;font-weight:700;color:var(--primary);letter-spacing:.5px}
.product-modal-title{font-size:1.35rem;font-weight:800;color:var(--text);line-height:1.4}
.product-modal-stars{display:flex;align-items:center;gap:4px}
.product-modal-stars svg{width:14px;height:14px;fill:var(--primary);color:var(--primary)}
.product-modal-stars span{font-size:.8rem;color:var(--text-light);margin-right:6px}
.product-modal-price-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.product-modal-price{font-size:1.6rem;font-weight:900;color:var(--primary)}
.product-modal-price-old{font-size:.95rem;color:var(--text-light);text-decoration:line-through}
.product-modal-discount{padding:3px 10px;background:var(--primary-alpha-12);color:var(--primary);border-radius:var(--radius-sm);font-size:.78rem;font-weight:700}
.product-modal-desc{font-size:.88rem;color:var(--text-muted);line-height:1.8;border-top:1px solid var(--border);padding-top:16px}
.product-modal-features{display:flex;flex-direction:column;gap:8px}
.product-modal-feature{display:flex;align-items:center;gap:8px;font-size:.83rem;color:var(--text-muted)}
.product-modal-feature svg{color:var(--primary);flex-shrink:0}
.product-modal-actions{display:flex;gap:10px;margin-top:auto}
.product-modal-add{flex:1;padding:13px;background:var(--primary);color:var(--white);border-radius:var(--radius);font-size:.92rem;font-weight:700;font-family:var(--font);display:flex;align-items:center;justify-content:center;gap:8px;transition:background var(--transition),transform var(--transition)}
.product-modal-add:hover{background:var(--primary-dark);transform:translateY(-1px)}
.product-modal-fav{width:48px;height:48px;border:2px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition)}
.product-modal-fav:hover{border-color:var(--primary);color:var(--primary)}
.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--primary);color:var(--white);padding:10px 24px;border-radius:3px;font-size:.88rem;font-weight:600;font-family:var(--font);z-index:99998;opacity:0;transition:all .3s ease;white-space:nowrap;pointer-events:none;box-shadow:0 18px 40px -12px var(--shadow-strong);backdrop-filter:blur(10px)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media (max-width:768px){.search-modal{padding:20px 16px 24px}.search-results-grid{max-height:min(50vh,420px)}.cart-dropdown{width:300px}.product-modal-grid{grid-template-columns:1fr}.product-modal-gallery{min-height:240px;border-radius:var(--radius) var(--radius) 0 0}.product-modal-body{padding:20px}.product-modal-title{font-size:1.1rem}.product-modal-price{font-size:1.2rem}}
@media (max-width:768px){.hero-main-grid{grid-template-columns:1fr!important;min-height:auto!important}.hero-banners{flex-direction:row!important;gap:12px!important}.hero-banner{flex:1;min-width:0}.hero-slide-img{aspect-ratio:16/9;object-fit:cover}}@media (max-width:480px){.hero-banners{flex-direction:column!important}.search-results-grid{max-height:min(46vh,380px)}.product-modal-overlay{padding:0;align-items:flex-end}.product-modal{border-radius:var(--radius) var(--radius) 0 0;max-height:92vh}.inf-frame{margin:0 25px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.desktop-only-logo{display:inline}
@media (min-width:769px){.desktop-only-logo{display:inline}.inf-frame{margin:0 25px}}
.pcard-img{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--bg-card2),var(--bg-card));overflow:hidden}
.pcard-img img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);object-fit:contain;opacity:0;transition:opacity .6s ease,transform .85s var(--transition);max-width:100%}
.pcard-img img.loaded{opacity:1}
.pcard:hover .pcard-img img.loaded{transform:scale(1.08)}
.pcard-img img:not([style*="display:none"])+.pcard-emoji{display:none}
.pcard-emoji{font-size:3.2rem;filter:drop-shadow(0 8px 16px var(--shadow));transition:transform .6s var(--transition)}
.pcard:hover .pcard-emoji{transform:scale(1.12) rotate(-4deg)}
.pcard-oos{position:absolute;top:10px;inset-inline-start:10px;z-index:3;padding:4px 10px;font-size:.7rem;font-weight:800;background:var(--black-62);color:var(--white);border-radius:3px;backdrop-filter:blur(4px)}
.pcard-add:disabled{opacity:.55;cursor:not-allowed}
#qv-title,.article-card-title,.cart-d-title,.ci-name,.ck-si-name,.feat-card-title,.inf-card-title,.pcard-name,.pcard-name a,.pop-card-title,.search-result-item h4,.sp-card-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.pcard-name a{display:block}
.pcard-qv{position:absolute;inset:auto 0 0 0;display:flex;align-items:center;justify-content:center;padding:8px;opacity:1;background:linear-gradient(to top,var(--black-45),transparent);z-index:2}
.pcard-qv-btn{transform:none!important;opacity:.95;font-size:.72rem;padding:5px 12px}
.pcard-img:hover .pcard-qv-btn{opacity:1}
#pdp-main{display:flex;align-items:center;justify-content:center;overflow:hidden}
#pdp-main img{max-height:420px;max-width:100%;object-fit:contain;opacity:0;transition:opacity .5s ease,transform .6s var(--transition)}
#pdp-main img.loaded{opacity:1}
.pdp-main-img:hover #pdp-main img.loaded{transform:scale(1.04)}
.pdp-thumb{width:72px;height:72px;overflow:hidden;border-radius:3px;display:flex;align-items:center;justify-content:center;background:var(--bg-card2);border:2px solid transparent;transition:border-color .3s,transform .3s var(--transition),box-shadow .3s;padding:0;cursor:pointer}
.pdp-thumb img{width:100%;height:100%;object-fit:cover;display:block;background:var(--bg-card2)}
.pdp-thumb:hover{transform:translateY(-3px);box-shadow:0 8px 18px -8px var(--shadow-strong)}
.pdp-thumb.on{border-color:var(--primary)}
#pdp-main:empty::before{content:'🖼️';font-size:5rem;opacity:.5;display:block;line-height:1}
.pcard-img:has(img[style*="display:none"])::after{content:'📦';font-size:3rem;opacity:.8}
#footer-dynamic-cols{display:contents}
.listing-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}
.listing-layout.has-banner{grid-template-columns:260px minmax(0,1fr) 220px}
.listing-banner,.listing-filters{background:var(--surf,var(--bg-card));border:1px solid var(--bdr,var(--border));border-radius:var(--r2,var(--radius));padding:22px;position:sticky;top:90px}
.listing-banner{padding:0;overflow:hidden;background:0 0;border:0}
.listing-filters-title{font-size:1rem;font-weight:800;margin-bottom:20px}
.listing-filters-toggle{display:none}
.listing-filter-group{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--bdr,var(--border))}
.listing-filter-label{font-size:.85rem;font-weight:700;color:var(--txt2,var(--text-muted));margin-bottom:12px}
#article-filter-categories-list,#filter-brands-list,#filter-categories-list,.listing-filter-stack{display:flex;flex-direction:column;gap:8px}
.listing-filter-empty{font-size:.8rem;color:var(--txt3,var(--text-light))}
.listing-price-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.listing-price-row .input{padding:8px 10px;font-size:.85rem}
.listing-check{display:flex;align-items:center;gap:8px;font-size:.88rem;cursor:pointer}
.listing-check input{accent-color:var(--pri,var(--primary));width:16px;height:16px}
.listing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--surf,var(--bg-card));border:1px solid var(--bdr,var(--border));border-radius:var(--r,var(--radius));margin-bottom:20px}
.listing-count{font-size:.9rem;color:var(--txt2,var(--text-muted))}
.listing-count strong{color:var(--txt,var(--text))}
.listing-sort{width:auto;min-width:160px;padding:8px 14px;font-size:.85rem}
.products-tag-chip{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--pri,var(--primary));background:var(--primary-alpha-08,rgba(185,28,58,.08));border:1px solid var(--primary-alpha-25,rgba(185,28,58,.22));padding:5px 12px;border-radius:999px;max-width:100%}
.products-tag-chip[hidden]{display:none}
.products-tag-chip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.products-tag-chip .products-tag-chip-x{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--primary-alpha-12,rgba(185,28,58,.12));color:var(--pri,var(--primary));font-size:.85rem;line-height:1;padding:0;border:none;cursor:pointer;transition:background .2s,color .2s}
.products-tag-chip .products-tag-chip-x:hover{background:var(--pri,var(--primary));color:#fff}
.listing-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px;flex-wrap:wrap}
#page-articles .articles-grid,#page-articles .listing-articles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
#page-articles .article-card,#page-articles .article-card.reveal{opacity:1;transform:none;display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}
#page-articles .article-card-img,#page-articles .article-card-img.loaded{width:100%;height:180px;aspect-ratio:16/9;object-fit:cover;object-position:center;opacity:1;display:block;flex:0 0 180px}
#page-articles .article-card-body{flex:1 1 auto;min-width:0}
#page-articles .listing-banner-card{display:block;width:100%;height:300px;margin-top:20px;overflow:hidden;position:relative}
#page-articles .listing-banner-card img,#page-articles .listing-banner-card img.loaded{width:100%;height:300px;object-fit:cover;object-position:center;min-height:0;opacity:1}
#page-articles .listing-banner-fallback{position:absolute;inset:0;min-height:0;height:300px}
.listing-banner-card{display:block;width:100%;height:300px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:linear-gradient(160deg,var(--primary),#1f2937);color:#fff;text-decoration:none}
.listing-banner-card img{width:100%;height:300px;object-fit:cover;object-position:center;display:block;min-height:0}
.listing-banner-fallback{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;height:300px;min-height:0;padding:22px}
.listing-banner-tag{display:inline-flex;width:fit-content;background:rgba(255,255,255,.16);border-radius:999px;padding:4px 10px;font-size:.72rem}
.listing-banner-fallback strong{font-size:1.15rem;line-height:1.5}
.listing-banner-fallback span:last-child{font-size:.85rem;opacity:.85}
@media (max-width:1100px){.listing-layout.has-banner{grid-template-columns:240px minmax(0,1fr)}.listing-banner{display:none}}
@media (max-width:1024px){.listing-layout,.listing-layout.has-banner{grid-template-columns:1fr}.listing-banner,.listing-filters{position:static}.listing-banner{display:block}.listing-articles-grid{grid-template-columns:1fr}}
.articles-grid>*,.dual-banners>*,.featured-grid>*,.popular-cards-row>*,.prod-grid>*{min-width:0;max-width:100%}
.qv-modal{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:clamp(10px,3vw,28px)}
.qv-modal[hidden]{display:none!important}
.qv-backdrop{position:absolute;inset:0;background:var(--black-78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.qv-dialog{position:relative;z-index:1;width:100%;max-width:920px;max-height:92vh;overflow-y:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(18px,3vw,36px);padding:clamp(18px,3vw,32px);background:var(--surf,var(--bg-card));border:1px solid var(--bdr2,var(--border));border-radius:14px;box-shadow:0 40px 100px var(--shadow-strong);animation:qvScaleIn .35s cubic-bezier(.34,1.2,.64,1) both}
@keyframes qvScaleIn{from{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}
[data-theme=dark] .qv-dialog{background:var(--surf,var(--bg-card));border-color:var(--bdr2,var(--border));box-shadow:0 40px 100px var(--shadow-strong)}
.qv-close{position:absolute;top:14px;left:14px;z-index:3;width:36px;height:36px;border-radius:8px;border:1px solid var(--bdr,var(--border));background:var(--surf2,var(--bg-card2));color:var(--txt2,var(--text-muted));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.qv-close:hover{background:var(--primary);border-color:transparent;color:var(--white);transform:rotate(90deg)}
.qv-gallery{display:flex;flex-direction:column;gap:12px;min-width:0}
.qv-img-wrap{position:relative;aspect-ratio:1;width:100%;border-radius:10px;border:1px solid var(--bdr,var(--border));background:var(--surf2,var(--bg-card2));display:flex;align-items:center;justify-content:center;overflow:hidden}
[data-theme=dark] .qv-img-wrap{background:var(--surf2,var(--bg-card2));border-color:var(--bdr,var(--border))}
.qv-img{width:100%;height:100%;object-fit:contain;padding:16px;box-sizing:border-box;display:block;opacity:0;transition:opacity .35s ease}
.qv-img.loaded,.qv-img[src]:not([src=""]){opacity:1}
.qv-img[hidden]{display:none!important}
.qv-emoji{font-size:4.5rem;line-height:1;user-select:none;filter:drop-shadow(0 8px 20px var(--shadow))}
.qv-thumbs{display:flex;gap:8px;flex-wrap:wrap}
.qv-thumbs .pdp-thumb,.qv-thumbs button{width:56px;height:56px;border-radius:8px;overflow:hidden;border:2px solid transparent;background:var(--surf2,var(--bg-card2));padding:0;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}
.qv-thumbs .pdp-thumb img,.qv-thumbs button img{width:100%;height:100%;object-fit:cover;display:block}
.qv-thumbs .pdp-thumb.on,.qv-thumbs .pdp-thumb:hover,.qv-thumbs button.on,.qv-thumbs button:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}
.qv-info{display:flex;flex-direction:column;min-width:0;padding-top:4px}
.qv-brand{font-size:.78rem;font-weight:800;color:var(--primary);letter-spacing:.04em;margin-bottom:8px}
.qv-title{font-size:clamp(1.1rem, 2.2vw, 1.35rem);font-weight:900;line-height:1.4;letter-spacing:-.02em;margin:0 0 12px;color:var(--txt,var(--text));word-break:break-word;overflow-wrap:anywhere}
.qv-desc{font-size:.88rem;color:var(--txt2,var(--text-muted));line-height:1.8;margin:0 0 16px;max-height:4.8em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.qv-price-box{padding:14px 0;border-top:1px solid var(--bdr,var(--border));border-bottom:1px solid var(--bdr,var(--border));margin-bottom:16px}
.qv-old{font-size:.88rem;color:var(--txt3,var(--text-light));text-decoration:line-through;margin-bottom:4px}
.qv-old[hidden]{display:none!important}
.qv-price-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.qv-price{font-size:1.55rem;font-weight:900;color:var(--gold,var(--primary))}
.qv-disc{background:var(--acc,var(--accent));color:var(--white);padding:4px 10px;border-radius:6px;font-size:.78rem;font-weight:800}
.qv-disc[hidden]{display:none!important}
.qv-actions{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap;align-items:center}
.qv-actions .qty-ctrl{display:inline-flex;align-items:center;border:1px solid var(--bdr,var(--border));border-radius:8px;overflow:hidden;background:var(--surf2,var(--bg-card2))}
.qv-actions .qty-btn{width:36px;height:40px;border:none;background:0 0;color:var(--txt,var(--text));font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .2s}
.qv-actions .qty-btn:hover{background:var(--surf3,var(--bg-card2))}
.qv-actions .qty-inp{width:44px;height:40px;border:none;border-inline:1px solid var(--bdr,var(--border));background:0 0;text-align:center;font-family:inherit;font-size:.95rem;font-weight:700;color:var(--txt,var(--text));-moz-appearance:textfield}
.qv-actions .qty-inp::-webkit-inner-spin-button,.qv-actions .qty-inp::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.qv-add{flex:1;min-width:160px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:800}
.qv-more{margin-bottom:4px;border-radius:8px}
.qv-meta{display:flex;gap:14px;margin-top:14px;font-size:.8rem;color:var(--txt3,var(--text-light));flex-wrap:wrap}
@media (max-width:720px){.qv-dialog{grid-template-columns:1fr;padding:16px;gap:16px;border-radius:12px;max-height:94vh}.qv-close{top:10px;left:10px}.qv-img-wrap{max-width:280px;margin-inline:auto}.qv-emoji{font-size:3.5rem}.qv-title{font-size:1.15rem;padding-inline-end:36px}.qv-actions{flex-direction:column;align-items:stretch}.qv-actions .qty-ctrl{justify-content:center}.qv-add{width:100%;min-width:0}.inf-frame{margin:0 25px}}
.btn-pri{position:relative;overflow:hidden;isolation:isolate}
.btn-pri::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,var(--white-35) 50%,transparent 65%);transform:translateX(-130%);transition:transform 10ms}
.btn-pri:hover::after{transform:translateX(130%);transition:transform .8s ease}
.btn-pri:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 26px -10px var(--primary)}
.pdp-variants{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:10px!important}
.pdp-variants[hidden]{display:none!important}
.pdp-opt-group{flex-direction:column!important;align-items:stretch!important}
@media (max-width:900px){.pdp-variants{grid-template-columns:1fr 1fr!important}}
@media (max-width:600px){.pdp-variants{grid-template-columns:1fr!important}.pdp-info{padding:18px 16px!important}}
@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.qv-dialog{animation:none}}
/* CLS Prevention - stable layout for dynamic content */
.inf-frame{contain:layout style;min-height:280px;overflow:hidden}
.infinite-slider-track{display:flex;gap:16px;min-height:200px;will-change:transform}
.popular-cards-row{display:flex;gap:16px;min-height:200px;contain:layout}
.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;min-height:300px;contain:layout}
.cats-row{display:flex;gap:16px;min-height:120px;contain:layout}
.hero-main-grid{contain:layout}
.hero-slider{contain:layout}
.hero-slide-img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.hero-slide-overlay{position:absolute;inset:0}
.hero-slide-content{position:absolute;bottom:0;left:0;right:0;z-index:2}

/* Mobile responsive - Popular Products (2-1-2-1 pattern) */
@media (max-width: 768px) {
  .popular-cards-row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  .popular-cards-row .pop-card:nth-child(5) {
    grid-column: 1 / -1;
  }
  .featured-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  .articles-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
      .popular-cards-row .pop-card:nth-child(5){
        width:100%;
        height:300px;
      }
}

/* Mobile responsive - Small phones */
@media (max-width: 480px) {
  .popular-cards-row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
  .popular-cards-row .pop-card:nth-child(5) {
    grid-column: 1 / -1;
  }
  .featured-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .feat-card {
    max-width: 100% !important;
  }
  .articles-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .article-card {
    max-width: 100% !important;
  }
  .popular-cards-row .pop-card:nth-child(5){
        width:100%;
        height:200px;
      }
}
/* Image lightbox for product images on listing pages */
.image-lightbox{position:fixed;inset:0;z-index:10000;display:none;flex-direction:column;align-items:center;justify-content:center;background:rgba(3,4,14,.82);padding:24px;backdrop-filter:blur(6px)}
.image-lightbox.open{display:flex}
.image-lightbox .image-lightbox-close{position:absolute;top:18px;left:20px;width:42px;height:42px;border:none;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:24px;line-height:1;cursor:pointer;transition:background .2s}
.image-lightbox .image-lightbox-close:hover{background:rgba(255,255,255,.25)}
.image-lightbox .image-lightbox-body{max-width:min(92vw,1000px);max-height:82vh;display:flex;align-items:center;justify-content:center}
.image-lightbox .image-lightbox-img{max-width:100%;max-height:82vh;object-fit:contain;border-radius:14px;box-shadow:0 24px 80px rgba(0,0,0,.55)}
.image-lightbox .image-lightbox-cap{margin-top:16px;color:rgba(255,255,255,.85);font-size:.9rem;text-align:center;max-width:80vw}

/* Global loading overlay (uses the customizable site logo) */
.app-loader{position:fixed;inset:0;z-index:10040;display:none;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg, #04050e) 72%, transparent);backdrop-filter:blur(8px)}
.app-loader.open{display:flex}
.app-loader-inner{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.app-loader-logo{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary,#6b8bff),var(--primary-dark,#4a66cc));border-radius:18px;color:#fff;font-size:1.8rem;font-weight:900;overflow:hidden;animation:appLoaderPulse 1.3s ease-in-out infinite}
.app-loader-logo img{width:38px;height:38px;object-fit:contain}
.app-loader-brand{color:var(--text,#dde4ff);font-weight:700;font-size:.95rem}
.app-loader-spinner{width:34px;height:34px;border:3px solid var(--bdr2, rgba(110,130,255,.22));border-top-color:var(--primary,#6b8bff);border-radius:50%;animation:appLoaderSpin .8s linear infinite}
@keyframes appLoaderSpin{to{transform:rotate(360deg)}}
@keyframes appLoaderPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 color-mix(in srgb,var(--primary,#6b8bff) 45%, transparent)}50%{transform:scale(1.06);box-shadow:0 0 0 14px transparent}}
/* ---- Checkout page: responsive summary + item-row layout ---- */
.ck-layout{grid-template-columns:1fr 380px;gap:28px;align-items:start}
.ck-si{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px}
.ck-si-img{width:56px;height:56px;border-radius:8px;background:var(--surf2,var(--bg-card2,transparent));overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.ck-si-img img{width:100%;height:100%;object-fit:cover;display:block}
.ck-si-info{min-width:0;display:flex;flex-direction:column;gap:3px}
.ck-si-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ck-si-price{white-space:nowrap;text-align:left!important;margin-top:0}
.sum-box{min-width:0}
.sum-row{flex-wrap:wrap;gap:6px 10px}
.sum-row span:last-child{white-space:nowrap}
.sum-disc{color:var(--teal);font-weight:700}
/* ---- Checkout address picker (saved addresses + add new) ---- */
.ck-addr-title{font-size:.82rem;font-weight:700;color:var(--text-muted,var(--txt2));margin-bottom:12px}
.ck-addr-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.ck-addr-card{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1.5px solid var(--border,var(--bdr));border-radius:var(--radius,8px);background:var(--bg-card, rgba(255,255,255,.02));cursor:pointer;transition:border-color var(--transition,.3s),background var(--transition,.3s),box-shadow var(--transition,.3s)}
.ck-addr-card.on,.ck-addr-card:hover{border-color:var(--primary,var(--pri));background:var(--primary-alpha-8, rgba(107,139,255,.06));box-shadow:0 0 0 4px var(--primary-alpha-12, rgba(107,139,255,.08))}
.ck-addr-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong,var(--bdr2));flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition,.3s),background var(--transition,.3s)}
.ck-addr-card.on .ck-addr-radio{border-color:var(--primary,var(--pri));background:var(--primary,var(--pri))}
.ck-addr-card.on .ck-addr-radio::after{content:'';width:6px;height:6px;border-radius:50%;background:#fff}
.ck-addr-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ck-addr-name{font-size:.9rem;font-weight:800;color:var(--text,var(--txt));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck-addr-meta{font-size:.78rem;color:var(--text-muted,var(--txt3));line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ck-addr-def{flex-shrink:0;font-size:.68rem;font-weight:800;color:var(--teal,var(--teal));background:color-mix(in srgb,var(--teal,var(--teal)) 14%, transparent);padding:3px 9px;border-radius:999px;white-space:nowrap}
.ck-addr-new .ck-addr-name{color:var(--primary,var(--pri))}
.ck-addr-new .ck-addr-radio{border-style:dashed}
.ck-addr-loading{font-size:.82rem;color:var(--text-muted,var(--txt3));padding:6px 2px}
@media(max-width:900px){
  .ck-layout{grid-template-columns:1fr}
  .sum-box{position:static;top:auto}
}

/* ============================================================
   MOST-VIEWED SPOTLIGHT SLIDER (compact carousel)
   Center card large; prev/next peek smaller at the sides as
   image-only previews; tiny thumbnails below. Auto-advances
   (see assets/js/product-spotlight.js).
   ============================================================ */
.spotlight-slider{max-width:1000px;margin:0 auto}
.spotlight-viewport{position:relative;height:300px;background:transparent;overflow:visible}
.spotlight-track{position:absolute;inset:0}
.spotlight-slide{position:absolute;top:calc(50% - 36px);left:50%;width:min(46%,480px);height:calc(100% - 44px);transform:translate(-50%,-50%) scale(.72);opacity:0;visibility:hidden;z-index:1;display:flex;align-items:stretch;border-radius:16px;overflow:hidden;transition:left .55s cubic-bezier(.4,0,.2,1),transform .55s cubic-bezier(.4,0,.2,1),opacity .45s ease,visibility .45s ease,filter .45s ease,box-shadow .45s ease}
.spotlight-slide.edge{filter:brightness(.7);cursor:pointer}
.spotlight-slide.active{left:50%;transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible;z-index:3;filter:none;box-shadow:0 26px 60px -14px var(--shadow,rgba(0,0,0,.35)),0 14px 30px -14px rgba(0,0,0,.28)}
.spotlight-slide.edge-prev{left:calc(50% + 40%);transform:translate(-50%,-50%) scale(.7);opacity:.85;visibility:visible;z-index:2;box-shadow:0 10px 26px -14px rgba(0,0,0,.25)}
.spotlight-slide.edge-next{left:calc(50% - 40%);transform:translate(-50%,-50%) scale(.7);opacity:.85;visibility:visible;z-index:2;box-shadow:0 10px 26px -14px rgba(0,0,0,.25)}
.spotlight-slide.edge .spotlight-info{display:none}
.spotlight-slide.edge .spotlight-num{display:none}
.spotlight-slide.edge .spotlight-media{flex:1 1 100%;width:100%;height:100%}
/* right column (active card): title / stars / price — no thumb, solid
   body so photos never bleed behind the text in any theme */
.spotlight-info{flex:1;padding:28px 30px;display:flex;flex-direction:column;justify-content:center;gap:9px;background:var(--bg-card);position:relative;min-width:0}
.spotlight-info::after{content:'';position:absolute;top:14%;bottom:14%;left:0;width:2px;border-radius:99px;background:linear-gradient(180deg,transparent 0%,var(--primary-alpha-35,rgba(185,28,58,.35)) 50%,transparent 100%)}
.spotlight-cat{font-size:.72rem;font-weight:600;color:var(--accent,#e8862f)}
.spotlight-title{font-size:1.12rem;font-weight:800;color:var(--text);line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.spotlight-title a:hover{color:var(--primary)}
.spotlight-stars{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.spotlight-stars svg{width:14px;height:14px;flex-shrink:0}
.spotlight-stars span{font-size:.7rem;color:var(--text-muted);margin-inline-start:6px}
.spotlight-prices{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:2px}
.spotlight-price{font-size:1.05rem;font-weight:900;color:var(--text)}
.spotlight-price span{font-size:.68rem;color:var(--text-muted);font-weight:600}
.spotlight-old{color:var(--text-light);font-size:.78rem}
.spotlight-disc{font-size:.62rem;font-weight:700;color:var(--white);background:#232838;background:color-mix(in srgb,var(--accent) 55%,#000);border-radius:99px;padding:2px 8px}
.spotlight-cta{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:6px;padding:7px 16px;border-radius:99px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);font-size:.76rem;font-weight:700;transition:transform var(--transition),box-shadow var(--transition)}
.spotlight-cta:hover{transform:translateY(-2px);box-shadow:0 8px 22px var(--primary-alpha-35)}
/* left column (active card): product photo */
.spotlight-media{flex:0 0 46%;position:relative;display:block;overflow:hidden;background:var(--bg-card2)}
.spotlight-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.spotlight-media:hover img{transform:scale(1.06)}
.spotlight-badge{position:absolute;top:12px;right:12px;padding:4px 11px;border-radius:99px;background:#232838;background:color-mix(in srgb,var(--accent) 55%,#000);color:var(--white);font-size:.66rem;font-weight:800;box-shadow:0 5px 14px var(--black-28)}
.spotlight-num{position:absolute;bottom:10px;left:14px;font-size:2rem;font-weight:900;color:var(--white-45);line-height:1}
/* dark theme: elevate the text panel so it never merges with the photo */
[data-theme=dark] .spotlight-info{background:var(--bg-card2)}
[data-theme=dark] .spotlight-media{background:var(--bg-card)}
/* footer: thumbnail strip + autoplay progress */
.spotlight-foot{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 0 2px}
.spotlight-thumbs{display:flex;gap:8px}
.spotlight-thumb{width:54px;height:54px;border-radius:12px;overflow:hidden;padding:0;border:2px solid transparent;background:var(--bg-card);opacity:.55;transition:opacity .3s ease,border-color .3s ease,transform .3s ease}
.spotlight-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.spotlight-thumb:hover{opacity:.9;transform:translateY(-2px)}
.spotlight-thumb.active{border-color:var(--primary);opacity:1}
.spotlight-progress{width:min(240px,70%);height:3px;border-radius:99px;background:var(--black-10);overflow:hidden}
.spotlight-progress-bar{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--primary),var(--accent));transform-origin:right;transform:scaleX(0)}
.spotlight-progress-bar.running{animation:spotlight-progress 5s linear forwards}
@keyframes spotlight-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.spotlight-slide{transition:none}.spotlight-progress-bar.running{animation:none}}

/* Perf: skip rendering work for below-fold sections until near viewport.
   contain-intrinsic-size uses measured mobile heights so first render
   does not shift layout (CLS stays 0). */
#promo-section,#spotlight-section,#showcase-cards-section,#trust-section,#brands-section,#site-footer{content-visibility:auto}
#featured-products-section{contain-intrinsic-size:auto 909px}
#categories-section{contain-intrinsic-size:auto 500px}
#featured-strip-section{contain-intrinsic-size:auto 517px}
#promo-section{contain-intrinsic-size:auto 538px}
#spotlight-section{contain-intrinsic-size:auto 561px}
#showcase-cards-section{contain-intrinsic-size:auto 3180px}
#trust-section{contain-intrinsic-size:auto 1747px}
#brands-section{contain-intrinsic-size:auto 448px}
#site-footer{contain-intrinsic-size:auto 957px}
[data-theme="dark"] .mobile-sidebar{background:#141624!important}[data-theme=dark] .nav-dropdown{background:var(--bg-card,#141624)!important;background-color:var(--bg-card,#141624)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 12px 40px rgba(0,0,0,.5)!important}[data-theme=dark] .nav-dropdown a{border-color:rgba(255,255,255,.08)!important}[data-theme=dark] .mobile-sub-menu{background:var(--bg-card2,#1b1b2e)!important;background-color:var(--bg-card2,#1b1b2e)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}[data-theme=dark] .mobile-sub-menu a{border-color:rgba(255,255,255,.08)!important}

/* ══ حباب شناور «رفتن به سبد خرید» — فقط دسکتاپ، بالای دکمهٔ پشتیبانی ══ */
.go-cart-bubble{position:fixed;bottom:92px;left:20px;z-index:3950;display:none;align-items:center;gap:9px;padding:11px 18px 11px 16px;border-radius:999px;border:1px solid var(--border,rgba(0,0,0,.1));background:var(--bg-card,#fff);color:var(--text,#1a1214);font-family:var(--font,Vazirmatn,Tahoma,sans-serif);font-size:13px;font-weight:800;cursor:pointer;direction:rtl;box-shadow:0 12px 34px -8px rgba(0,0,0,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .2s ease;animation:goCartPop .32s cubic-bezier(.34,1.56,.64,1)}
@keyframes goCartPop{from{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:none}}
.go-cart-bubble.show{display:flex}
.go-cart-bubble:hover{transform:translateY(-2px) scale(1.03);border-color:var(--primary,#b91c3a);box-shadow:0 16px 40px -8px var(--primary55,rgba(185,28,58,.35))}
.go-cart-bubble:active{transform:scale(.97)}
.go-cart-bubble-ico{position:relative;font-size:20px;line-height:1;display:inline-flex}
.go-cart-bubble-cnt{position:absolute;top:-7px;left:-9px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--accent,#e8862f);color:#fff;font-size:10px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.22)}
[data-theme=dark] .go-cart-bubble-cnt{background:var(--gold,#ffc947);color:#1a1214}
@media (max-width:768px){.go-cart-bubble{display:none!important}}

/* ── نوار پیشرفت سفارش در حساب کاربری ── */
.acc-order-progress{display:flex;align-items:flex-start;list-style:none;margin:16px 0 2px;padding:4px 2px 0;width:100%;gap:0}
.acc-op-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;min-width:0}
.acc-op-step:not(:last-child)::after{content:"";position:absolute;top:8px;right:calc(50% + 11px);left:calc(-50% + 11px);height:3px;background:var(--bdr,#e2d0d2);border-radius:99px;z-index:0}
.acc-op-step.is-done:not(:last-child)::after{background:var(--pri,#b91c3a)}
.acc-op-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--bdr,#e2d0d2);background:var(--surf,#fff);z-index:1;box-sizing:border-box}
.acc-op-step.is-done .acc-op-dot,.acc-op-step.is-current .acc-op-dot{background:var(--pri,#b91c3a);border-color:var(--pri,#b91c3a)}
.acc-op-step.is-current .acc-op-dot{box-shadow:0 0 0 4px var(--primary-alpha-12,rgba(185,28,58,.14))}
.acc-op-label{margin-top:7px;font-size:10px;font-weight:800;color:var(--txt3,#7a6365);text-align:center;line-height:1.5;max-width:100%}
.acc-op-step.is-done .acc-op-label,.acc-op-step.is-current .acc-op-label{color:var(--pri,#b91c3a)}
.acc-order-progress-fail{margin:14px 0 4px;padding:8px 12px;border-radius:10px;background:#ef444412;border:1px solid #ef444435;color:#ef4444;font-size:11.5px;font-weight:800;text-align:center}
@media (max-width:520px){.acc-op-label{font-size:9px}}