/* ═══════════════════════════════════════════════
   pages.css — استایل صفحات ابزارکده
   ═══════════════════════════════════════════════ */

/* ════════ تاپ‌بار ════════ */
.topbar{background:var(--navy);color:#cdd7ee;font-size:11.5px}
.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:30px;flex-wrap:wrap}
.topbar a{display:inline-flex;align-items:center;gap:5px}
.topbar a:hover{color:#fff}
.topbar .group{display:flex;gap:18px;align-items:center}
.topbar .highlight{color:#ff9fb2;font-weight:700}

/* ════════ هدر ════════ */
.site-header{padding:16px 0 6px}
.site-header .row1{display:flex;align-items:center;gap:12px}
.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand .logo{
  width:56px;height:56px;border-radius:18px;background:var(--bg);box-shadow:var(--neu);
  display:flex;align-items:center;justify-content:center;font-size:26px;
}
.brand .name{font-size:16.5px;font-weight:800;color:var(--navy);line-height:1.3}
.brand .tagline{font-size:10px;color:var(--muted)}

/* جستجوی زنده */
.live-search{flex:1;position:relative;max-width:640px}
.live-search .box{display:flex;align-items:center;gap:8px;border-radius:12px;box-shadow:var(--neu-in);padding:0 16px}
.live-search input{flex:1;border:none;outline:none;background:transparent;font-size:12.5px;padding:8px 0;color:var(--text)}
.live-search input::placeholder{color:#9aa7bd}
.live-search .icon{font-size:16px;color:var(--muted)}
.live-search .results{
  position:absolute;top:calc(100% + 10px);right:0;left:0;z-index:60;
  background:var(--bg);border-radius:var(--radius);box-shadow:var(--neu-lg);padding:10px;display:none;
}
.live-search .results.open{display:block}
.live-search .r-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;transition:background .15s}
.live-search .r-item:hover{background:rgba(150,165,195,.14)}
.live-search .r-item img{width:36px;height:36px;border-radius:10px;object-fit:cover;box-shadow:var(--neu-sm)}
.live-search .r-item .t{flex:1;font-size:12.5px;font-weight:600;line-height:1.7}
.live-search .r-item .p{font-size:12px;font-weight:800;color:var(--accent-dark);white-space:nowrap}
.live-search .r-all{display:block;text-align:center;font-size:12px;font-weight:700;color:var(--blue);padding:8px}
.live-search .r-empty{padding:18px;text-align:center;font-size:12.5px;color:var(--muted)}

/* اکشن‌های هدر */
.header-actions{display:flex;align-items:center;gap:12px;flex:none}
.h-action{display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:12px;background:var(--bg);box-shadow:var(--neu-sm);font-size:11.5px;font-weight:700;transition:box-shadow .15s}
.h-action:hover{color:var(--accent-dark)}
.h-action:active{box-shadow:var(--neu-in)}
.h-action .icon{font-size:18px}
.h-action .lbl small{display:block;font-size:9.5px;color:var(--muted);font-weight:500}

/* منوی اصلی */
.main-nav{margin-top:8px;display:flex;align-items:center;gap:3px;border-radius:var(--radius);box-shadow:var(--neu);padding:4px 7px;position:relative;z-index:50;flex-wrap:wrap}
.main-nav > .item{position:relative}
.main-nav a.nav-link{
  display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;
  font-size:12px;font-weight:700;color:#3d4a68;transition:color .15s,box-shadow .15s;white-space:nowrap;
}
.main-nav a.nav-link:hover,.main-nav a.nav-link.active{color:var(--accent-dark);box-shadow:var(--neu-in)}
.main-nav .hot{color:var(--red)}
.main-nav .cats-trigger{background:var(--navy);color:#fff;border-radius:12px;box-shadow:3px 3px 9px rgba(34,48,85,.3)}
.main-nav .cats-trigger:hover{color:#ff9fb2;box-shadow:3px 3px 9px rgba(34,48,85,.3)}
.main-nav .spacer{flex:1}

/* مگا منو دسته‌بندی */
.mega{
  position:absolute;top:calc(100% + 10px);right:0;width:620px;max-width:calc(100vw - 30px);z-index:70;
  background:var(--bg);border-radius:var(--radius);box-shadow:var(--neu-lg);padding:12px;display:none;
  grid-template-columns:1fr 1fr;gap:6px 18px;
}
.main-nav .item:hover .mega,.main-nav .item.open .mega{display:grid}
.mega a{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;font-size:12px;font-weight:600}
.mega a:hover{background:rgba(150,165,195,.14);color:var(--accent-dark)}
.mega a .icon{font-size:16px}
.mega .parent-title{grid-column:1/-1;font-size:11px;color:var(--muted);font-weight:700;padding:2px 12px 4px}

/* منوی موبایل */
.mobile-toggle{display:none}
.mobile-menu{display:none;padding:10px 4px}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:10px 14px;border-radius:12px;font-size:13.5px;font-weight:700}
.mobile-menu a:hover{box-shadow:var(--neu-in);color:var(--accent-dark)}

/* هدر فشرده (تونل خرید) */
body.compact .svc-bar,body.compact .h-row2{display:none}
body.compact .site-header{padding:12px 0 4px}
body.compact .secure-note{display:flex!important;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--green);margin-right:auto}

/* ════════ گام‌های تونل خرید ════════ */
.tunnel-steps{display:flex;align-items:center;justify-content:center;gap:0;padding:20px 0 6px;flex-wrap:wrap}
.tunnel-steps .step{display:flex;align-items:center;gap:9px}
.tunnel-steps .ball{
  width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:13.5px;font-weight:800;color:var(--muted);box-shadow:var(--neu);flex:none;
}
.tunnel-steps .t{font-size:12.5px;font-weight:700;color:var(--muted)}
.tunnel-steps .step.active .ball{color:#fff;background:var(--navy-grad);box-shadow:3px 3px 9px rgba(22,48,95,.4)}
.tunnel-steps .step.active .t{color:var(--navy)}
.tunnel-steps .step.done .ball{color:var(--blue)}
.tunnel-steps .step.done .t{color:var(--blue)}
.tunnel-steps .link{width:52px;height:3px;border-radius:3px;background:rgba(150,165,195,.35);margin:0 10px}
.tunnel-steps .step.done + .link,.tunnel-steps .link.done{background:var(--blue)}
@media(max-width:576px){.tunnel-steps .t{display:none}.tunnel-steps .link{width:26px}}

/* ════════ صفحه اصلی ════════ */
.hero{margin-top:12px}
.hero-grid{display:grid;grid-template-columns:1fr 300px;gap:14px}
.hero-slider{position:relative;border-radius:var(--radius-lg);box-shadow:var(--neu);overflow:hidden;min-height:264px;display:flex}
.hero-slide{display:none;width:100%;align-items:center}
.hero-slide.on{display:flex;animation:heroFade .35s ease}
@keyframes heroFade{from{opacity:0}to{opacity:1}}
.hero-slide .txt{flex:1;padding:24px 30px;z-index:2}
.hero-slide .kicker{display:inline-block;font-size:11.5px;font-weight:800;color:var(--accent-dark);background:var(--accent-soft);border-radius:999px;padding:2px 12px;margin-bottom:9px}
.hero-slide h2{font-size:21px;line-height:1.55;color:var(--navy);margin-bottom:6px}
.hero-slide p{font-size:12.5px;color:var(--muted);margin-bottom:14px;max-width:420px}
.hero-slide .img{flex:0 0 46%;align-self:stretch;position:relative}
.hero-slide .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-dots{position:absolute;bottom:12px;right:30px;display:flex;gap:7px;z-index:5}
.hero-dots button{width:11px;height:11px;border-radius:6px;border:none;background:#c3ccdd;transition:.15s;padding:0}
.hero-dots button.on{width:26px;background:var(--accent)}

.hero-side{display:flex;flex-direction:column;gap:12px}
.promo-card{flex:1;border-radius:var(--radius-lg);box-shadow:var(--neu);padding:14px;display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;overflow:hidden}
.promo-card .em{font-size:30px}
.promo-card b{font-size:13.5px;color:var(--navy)}
.promo-card span{font-size:12px;color:var(--muted)}
.promo-card .go{margin-top:8px;font-size:12px;font-weight:800;color:var(--accent-dark)}
.promo-card.red{background:linear-gradient(135deg,#ffe3e9,#ffd3dc)}
.promo-card.blue{background:linear-gradient(135deg,#e1eaff,#cbdcff)}

/* نوار خدمات */
.services{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.service{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius);box-shadow:var(--neu-sm)}
.service .em{width:48px;height:48px;flex:none;border-radius:14px;box-shadow:var(--neu-in);display:flex;align-items:center;justify-content:center;font-size:21px}
.service b{font-size:12px;display:block}
.service span{font-size:11px;color:var(--muted)}
@media(max-width:900px){.services{grid-template-columns:repeat(2,1fr)}}

/* دسته‌بندی‌ها */
.cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
.cat-card{border-radius:var(--radius);box-shadow:var(--neu-sm);padding:11px 7px;text-align:center;transition:box-shadow .18s}
.cat-card:hover{box-shadow:var(--neu-in)}
.cat-card .em{
  width:62px;height:62px;margin:0 auto 10px;border-radius:20px;box-shadow:var(--neu-in);
  display:flex;align-items:center;justify-content:center;font-size:27px;
}
.cat-card b{font-size:11.5px;display:block;line-height:1.7}
.cat-card span{font-size:10.5px;color:var(--muted)}

/* پیشنهاد شگفت‌انگیز */
.amazing{border-radius:var(--radius-lg);box-shadow:var(--neu);padding:14px;background:linear-gradient(160deg,#ffe9ee,var(--bg) 55%)}
.amazing-head{display:flex;align-items:center;gap:10px;margin-bottom:11px;flex-wrap:wrap}
.amazing-head .fire{font-size:26px}
.amazing-head b{font-size:15px;color:var(--accent-dark)}
.countdown{display:flex;gap:8px;align-items:center;margin-right:auto}
.countdown .cd-box{min-width:40px;padding:4px 7px;border-radius:11px;box-shadow:var(--neu-in);text-align:center}
.countdown .cd-box b{display:block;font-size:13.5px;color:var(--accent-dark);font-variant-numeric:tabular-nums}
.countdown .cd-box span{font-size:9.5px;color:var(--muted)}
.countdown .colon{font-weight:800;color:var(--accent-dark)}

/* بنرهای دوگانه */
.banners-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.banner{border-radius:var(--radius-lg);box-shadow:var(--neu);padding:14px 18px;display:flex;align-items:center;gap:14px;overflow:hidden;position:relative;min-height:100px}
.banner .em{font-size:44px;flex:none}
.banner b{font-size:14.5px;color:var(--navy);display:block;margin-bottom:4px}
.banner p{font-size:12.5px;color:var(--muted);margin-bottom:10px}
.banner .cta{font-size:12.5px;font-weight:800;color:var(--accent-dark)}
@media(max-width:800px){.banners-duo{grid-template-columns:1fr}}

/* شمارنده آمار */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center}
.stat{padding:13px 8px;border-radius:var(--radius);box-shadow:var(--neu-sm)}
.stat .n{font-size:20px;font-weight:800;color:var(--navy)}
.stat .n span{color:var(--blue-dark)}
.stat p{font-size:12px;color:var(--muted)}
@media(max-width:800px){.stats{grid-template-columns:repeat(2,1fr)}}

/* نظرات مشتریان */
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.testimonial{padding:14px;border-radius:var(--radius);box-shadow:var(--neu)}
.testimonial .quote{font-size:26px;color:var(--accent);line-height:1}
.testimonial p{font-size:12.5px;color:#4a5875;margin:7px 0 11px;min-height:64px}
.testimonial .who{display:flex;align-items:center;gap:11px}
.testimonial .avatar{width:34px;height:34px;border-radius:14px;box-shadow:var(--neu-in);display:flex;align-items:center;justify-content:center;font-size:20px}
.testimonial b{font-size:13px;display:block}
.testimonial .who span{font-size:11px;color:var(--muted)}
@media(max-width:800px){.testimonials{grid-template-columns:1fr}}

/* وبلاگ */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.blog-card{border-radius:var(--radius);box-shadow:var(--neu);overflow:hidden;transition:box-shadow .18s}
.blog-card:hover{box-shadow:var(--neu-lg)}
.blog-card .thumb{height:96px;display:flex;align-items:center;justify-content:center;box-shadow:var(--neu-in);margin:10px;border-radius:11px}
.blog-card .body{padding:2px 14px 14px}
.blog-card b{font-size:12.5px;display:block;margin-bottom:6px}
.blog-card p{font-size:12px;color:var(--muted);margin-bottom:10px}
.blog-card .read{font-size:12px;font-weight:800;color:var(--blue)}
@media(max-width:800px){.blog-grid{grid-template-columns:1fr}}

/* برندها */
.brands-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:10px}
.brand-card{padding:11px;border-radius:var(--radius);box-shadow:var(--neu-sm);text-align:center;transition:box-shadow .18s}
.brand-card:hover{box-shadow:var(--neu-in)}
.brand-card b{font-size:13px;color:var(--navy);display:block}
.brand-card span{font-size:11px;color:var(--muted)}

/* ════════ فروشگاه ════════ */
.shop-layout{display:grid;grid-template-columns:226px 1fr;gap:14px;align-items:start}
.filters{border-radius:var(--radius);box-shadow:var(--neu);padding:13px;position:sticky;top:10px;max-height:calc(100vh - 30px);overflow-y:auto}
.filters .f-group{margin-bottom:13px}
.filters .f-title{font-size:12px;font-weight:800;margin-bottom:7px;display:flex;align-items:center;gap:7px}
.filters .check{padding:4px 0;font-size:12.5px}
.filters .price-row{display:flex;gap:10px;align-items:center}
.filters .price-row .input{padding:9px 12px;font-size:12.5px}
.shop-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.shop-toolbar .result{font-size:12.5px;color:var(--muted);margin-right:auto}
.shop-toolbar .select{width:auto;padding:9px 40px 9px 16px;font-size:12.5px}
.active-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
@media(max-width:900px){
  .shop-layout{grid-template-columns:1fr}
  .filters{position:static;max-height:none;display:none}
  .filters.open{display:block}
}
.filter-toggle{display:none}
@media(max-width:900px){.filter-toggle{display:inline-flex}}

/* ════════ صفحه محصول ════════ */
.product-layout{display:grid;grid-template-columns:390px 1fr;gap:16px;align-items:start}
@media(max-width:950px){.product-layout{grid-template-columns:1fr}}
.gallery .main-img{border-radius:var(--radius-lg);box-shadow:var(--neu);padding:10px;position:relative}
.gallery .main-img img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px}
.gallery .thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.gallery .thumbs button{width:58px;height:58px;border:none;border-radius:14px;background:var(--bg);box-shadow:var(--neu-sm);padding:6px;transition:box-shadow .15s}
.gallery .thumbs button.on{box-shadow:var(--neu-in)}
.gallery .thumbs img{width:100%;height:100%;object-fit:cover;border-radius:10px}

.buybox{border-radius:var(--radius-lg);box-shadow:var(--neu);padding:15px}
.buybox h1{font-size:16px;line-height:1.9;margin-bottom:8px}
.buybox .sub-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:14px}
.buybox .trust{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.trust-item{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#4a5875;padding:4px 9px;border-radius:11px;box-shadow:var(--neu-in)}
.price-panel{border-radius:16px;box-shadow:var(--neu-in);padding:12px;margin:11px 0}
.price-panel .row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:13px}
.price-panel .final-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px dashed rgba(150,165,195,.4)}
.price-panel .final-row .lbl{font-size:13px;font-weight:700}
.price-panel .final-row .val{font-size:17.5px}
.buybox .actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.buybox .actions .btn{flex:1;min-width:170px}
.stock-state{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800}
.stock-state.ok{color:var(--green)}
.stock-state.low{color:#a16207}
.stock-state.out{color:var(--red)}
.stock-state .dot{width:9px;height:9px;border-radius:50%;background:currentColor}

/* نوار خرید چسبان */
.sticky-buy{
  position:fixed;bottom:0;right:0;left:0;z-index:500;background:var(--bg);
  box-shadow:0 -6px 20px rgba(140,155,185,.35);padding:10px 18px;
  display:none;align-items:center;gap:14px;
}
.sticky-buy.show{display:flex}
.sticky-buy .info{flex:1;min-width:0}
.sticky-buy .info b{font-size:12.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-buy .price-final{font-size:16px}
.sticky-buy .btn{flex:none}
@media(max-width:950px){.sticky-buy .info b{display:none}}

/* تب‌های محصول */
.product-tabs{margin-top:18px}
.tab-panels .panel{display:none;padding:15px;border-radius:var(--radius);box-shadow:var(--neu);margin-top:10px}
.tab-panels .panel.on{display:block}
.spec-table{width:100%;font-size:13px;border-collapse:collapse}
.spec-table td{padding:11px 14px;border-bottom:1px solid rgba(150,165,195,.2)}
.spec-table tr:last-child td{border:none}
.spec-table td:first-child{color:var(--muted);width:220px;font-size:12.5px}

/* نظرات */
.review-item{padding:12px;border-radius:15px;box-shadow:var(--neu-in);margin-bottom:14px}
.review-item .head{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:6px}
.review-item .who{font-size:13px;font-weight:800}
.review-item .date{font-size:11px;color:var(--muted)}
.review-item .verified{font-size:10.5px;color:var(--green);font-weight:700}
.review-item p{font-size:13px;color:#4a5875}
.review-item .pc-list{display:flex;gap:18px;margin-top:8px;flex-wrap:wrap;font-size:12px}
.review-item .pros{color:var(--green)}
.review-item .cons{color:var(--red)}
.rate-picker{display:flex;gap:6px;font-size:26px;color:#c3ccdd;cursor:pointer;user-select:none}
.rate-picker .star.on{color:var(--gold)}

/* محصولات مرتبط */
.related .hscroll > *{min-width:196px;max-width:196px}

/* ════════ سبد خرید ════════ */
.cart-layout{display:grid;grid-template-columns:1fr 300px;gap:14px;align-items:start}
@media(max-width:950px){.cart-layout{grid-template-columns:1fr}}
.cart-items{border-radius:var(--radius);box-shadow:var(--neu);padding:6px 14px}
.cart-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px dashed rgba(150,165,195,.35)}
.cart-row:last-child{border-bottom:none}
.cart-row img{width:62px;height:62px;border-radius:14px;object-fit:cover;box-shadow:var(--neu-sm);flex:none}
.cart-row .info{flex:1;min-width:0}
.cart-row .t{font-size:13px;font-weight:700;margin-bottom:3px}
.cart-row .t:hover{color:var(--accent-dark)}
.cart-row .sku{font-size:10.5px;color:var(--muted)}
.cart-row .unit-price{font-size:12px;color:var(--muted)}
.cart-row .side{display:flex;flex-direction:column;align-items:flex-end;gap:9px}
.cart-row .line-total{font-size:13.5px}
.cart-row .remove{border:none;background:transparent;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:4px}
.cart-row .remove:hover{color:var(--red)}
.cart-row.removing{opacity:.3;pointer-events:none}
@media(max-width:640px){
  .cart-row{flex-wrap:wrap}
  .cart-row .side{flex-direction:row;width:100%;justify-content:space-between;align-items:center}
}

.summary{border-radius:var(--radius);box-shadow:var(--neu);padding:14px;position:sticky;top:10px}
.summary h3{font-size:13.5px;margin-bottom:10px}
.summary .row{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:10px;color:#4a5875}
.summary .row .val{font-weight:700}
.summary .row.discount .val{color:var(--green)}
.summary .total{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px dashed rgba(150,165,195,.4)}
.summary .total .lbl{font-size:13.5px;font-weight:800}
.summary .total .val{font-size:17px}
.free-ship-note{font-size:11.5px;color:var(--blue-dark);background:rgba(47,111,237,.09);border-radius:10px;padding:7px 12px;margin-bottom:12px;display:flex;gap:6px;align-items:center}

/* کوپن */
.coupon-box{display:flex;gap:9px;margin:14px 0}
.coupon-box .input{flex:1;padding:10px 14px;font-size:12.5px}
.coupon-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(22,163,74,.12);color:var(--green);font-size:12px;font-weight:800;border-radius:10px;padding:6px 13px}
.coupon-chip button{border:none;background:transparent;color:var(--red);font-weight:800}

/* ════════ تسویه حساب ════════ */
.checkout-layout{display:grid;grid-template-columns:1fr 310px;gap:14px;align-items:start}
@media(max-width:950px){.checkout-layout{grid-template-columns:1fr}}
.checkout-card{border-radius:var(--radius);box-shadow:var(--neu);padding:15px;margin-bottom:14px}
.checkout-card h3{font-size:13.5px;margin-bottom:11px;display:flex;align-items:center;gap:9px}
.checkout-card h3 .n{width:24px;height:24px;border-radius:9px;box-shadow:var(--neu-in);display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:var(--blue-dark)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.form-grid .full{grid-column:1/-1}
@media(max-width:640px){.form-grid{grid-template-columns:1fr}}

.summary-items{max-height:210px;overflow-y:auto;margin-bottom:14px;padding-left:4px}
.summary-item{display:flex;gap:11px;align-items:center;padding:8px 0;border-bottom:1px dashed rgba(150,165,195,.3);font-size:12px}
.summary-item:last-child{border:none}
.summary-item img{width:48px;height:48px;border-radius:10px;object-fit:cover;box-shadow:var(--neu-sm)}
.summary-item .t{flex:1;font-weight:600;line-height:1.7}
.summary-item .q{color:var(--muted);white-space:nowrap}

/* ════════ نتیجه سفارش ════════ */
.result-hero{text-align:center;padding:26px 16px;border-radius:var(--radius-lg);box-shadow:var(--neu)}
.result-hero .big{font-size:56px;line-height:1}
.result-hero h1{font-size:18px;margin:12px 0 6px}
.result-hero .code{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:9px 22px;border-radius:13px;box-shadow:var(--neu-in);font-size:14px;font-weight:800;letter-spacing:1px}
.order-timeline{display:flex;gap:0;justify-content:space-between;margin:18px 0 8px;position:relative;flex-wrap:wrap}
.order-timeline::before{content:'';position:absolute;top:19px;right:8%;left:8%;height:3px;border-radius:3px;background:rgba(150,165,195,.35)}
.order-timeline .node{position:relative;z-index:2;text-align:center;flex:1;min-width:90px}
.order-timeline .dot{width:40px;height:40px;margin:0 auto 8px;border-radius:50%;background:var(--bg);box-shadow:var(--neu-sm);display:flex;align-items:center;justify-content:center;font-size:16px}
.order-timeline .node.done .dot{color:#fff;background:var(--blue-dark);box-shadow:3px 3px 9px rgba(47,111,237,.4)}
.order-timeline .node.current .dot{color:#fff;background:var(--navy-grad);box-shadow:3px 3px 9px rgba(22,48,95,.4)}
.order-timeline p{font-size:11.5px;font-weight:700;color:var(--muted)}
.order-timeline .node.done p,.order-timeline .node.current p{color:var(--text)}

/* ════════ احراز هویت ════════ */
.auth-wrap{max-width:440px;margin:20px auto 40px}
.auth-card{border-radius:var(--radius-lg);box-shadow:var(--neu-lg);padding:20px}
.auth-card .head{text-align:center;margin-bottom:22px}
.auth-card .head .logo{width:52px;height:52px;margin:0 auto 10px;border-radius:15px;box-shadow:var(--neu);display:flex;align-items:center;justify-content:center}
.auth-card h1{font-size:16px}
.auth-card .head p{font-size:12.5px;color:var(--muted)}
.auth-switch{text-align:center;font-size:13px;margin-top:18px}
.auth-switch a{color:var(--blue);font-weight:800}
.pw-meter{height:7px;border-radius:5px;box-shadow:var(--neu-in);margin-top:8px;overflow:hidden}
.pw-meter .bar{height:100%;width:0;border-radius:5px;transition:width .2s,background .2s}
.demo-creds{margin-top:18px;padding:11px 15px;border-radius:12px;background:rgba(59,111,224,.09);font-size:11.5px;color:var(--blue-dark);line-height:2}

/* ════════ حساب کاربری ════════ */
.account-layout{display:grid;grid-template-columns:226px 1fr;gap:14px;align-items:start}
@media(max-width:900px){.account-layout{grid-template-columns:1fr}}
.account-menu{border-radius:var(--radius);box-shadow:var(--neu);padding:10px;position:sticky;top:10px}
.account-menu .who{display:flex;align-items:center;gap:11px;padding:10px 8px 16px;border-bottom:1px dashed rgba(150,165,195,.35);margin-bottom:10px}
.account-menu .avatar{width:36px;height:36px;border-radius:11px;box-shadow:var(--neu-in);display:flex;align-items:center;justify-content:center;font-size:21px}
.account-menu .who b{font-size:13px;display:block}
.account-menu .who span{font-size:11px;color:var(--muted)}
.account-menu a{display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:12px;font-size:13px;font-weight:600;color:#4a5875;transition:box-shadow .15s,color .15s;margin-bottom:3px}
.account-menu a:hover{color:var(--accent-dark)}
.account-menu a.active{box-shadow:var(--neu-in);color:var(--blue-dark)}
.account-menu a .icon{font-size:16px}
.account-menu .quit{color:var(--red)!important}
.account-panel{border-radius:var(--radius);box-shadow:var(--neu);padding:15px}
.account-panel > h2{font-size:15px;margin-bottom:12px}
.stat-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.stat-mini{padding:10px;border-radius:11px;box-shadow:var(--neu-in);text-align:center}
.stat-mini b{font-size:16px;color:var(--navy);display:block}
.stat-mini span{font-size:11px;color:var(--muted)}
@media(max-width:640px){.stat-mini-grid{grid-template-columns:1fr 1fr}}
.addr-card{padding:12px;border-radius:15px;box-shadow:var(--neu-in);margin-bottom:14px}
.addr-card .head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;flex-wrap:wrap}
.addr-card b{font-size:13.5px}
.addr-card p{font-size:12.5px;color:#4a5875}
.addr-card .ops{display:flex;gap:8px;margin-top:10px}

/* جدول سفارش‌ها (موبایل‌فرندلی) */
.orders-list .order-mini{display:flex;align-items:center;gap:11px;padding:11px;border-radius:15px;box-shadow:var(--neu-in);margin-bottom:13px;flex-wrap:wrap}
.orders-list .order-mini .code{font-weight:800;font-size:13px}
.orders-list .order-mini .date{font-size:11px;color:var(--muted)}
.orders-list .order-mini .amt{font-weight:800;color:var(--navy);margin-right:auto}
@media(max-width:640px){.orders-list .order-mini .amt{width:100%;margin:0}}

/* ════════ تماس / ف AQ / درباره ════════ */
.contact-layout{display:grid;grid-template-columns:1fr 360px;gap:22px;align-items:start}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr}}
.contact-info .c-item{display:flex;gap:10px;align-items:flex-start;padding:11px;border-radius:15px;box-shadow:var(--neu-sm);margin-bottom:14px}
.contact-info .em{width:44px;height:44px;flex:none;border-radius:13px;box-shadow:var(--neu-in);display:flex;align-items:center;justify-content:center;font-size:18px}
.contact-info b{font-size:13px;display:block}
.contact-info span{font-size:12.5px;color:var(--muted)}
.faq-item{border-radius:15px;box-shadow:var(--neu-sm);margin-bottom:13px;overflow:hidden}
.faq-item .q{width:100%;border:none;background:transparent;display:flex;align-items:center;gap:9px;padding:10px 13px;font-size:12.5px;font-weight:700;text-align:right}
.faq-item .q .sign{margin-right:auto;font-size:17px;color:var(--accent-dark);transition:transform .15s;flex:none}
.faq-item.open .q .sign{transform:rotate(45deg)}
.faq-item .a{display:none;padding:0 13px 12px;font-size:12.5px;color:#4a5875}
.faq-item.open .a{display:block}
.about-features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.about-feature{padding:13px;border-radius:var(--radius);box-shadow:var(--neu);text-align:center}
.about-feature .em{font-size:36px;margin-bottom:8px}
.about-feature b{display:block;font-size:13px;margin-bottom:4px}
.about-feature p{font-size:12.5px;color:var(--muted)}
@media(max-width:800px){.about-features{grid-template-columns:1fr}}

/* ════════ ۴۰۴ و درگاه ════════ */
.nf-hero{text-align:center;padding:40px 16px 48px}
.nf-hero .code{font-size:62px;font-weight:800;color:var(--navy);text-shadow:6px 6px 0 rgba(158,172,199,.4),-6px -6px 0 rgba(255,255,255,.9)}
.gateway-wrap{max-width:470px;margin:40px auto}
.gateway-card{border-radius:var(--radius-lg);box-shadow:var(--neu-lg);overflow:hidden}
.gateway-head{background:var(--navy);color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}
.gateway-head b{font-size:14.5px}
.gateway-head span{font-size:11px;color:#9fb0d8}
.gateway-body{padding:16px}
.gateway-row{display:flex;justify-content:space-between;font-size:13px;padding:9px 0;border-bottom:1px dashed rgba(150,165,195,.3)}
.gateway-row .val{font-weight:800}

/* ════════ فوتر ════════ */
.site-footer{margin-top:60px}
.footer-trust{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;padding:22px;border-radius:var(--radius);box-shadow:var(--neu);margin-bottom:26px;font-size:12.5px;font-weight:700;color:#4a5875}
.footer-trust .t-item{display:flex;align-items:center;gap:9px}
.footer-trust .em{font-size:24px}
.footer-widgets{background:var(--navy);color:#c3cde8;padding:26px 0 0}
.footer-widgets .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:24px;padding-bottom:22px}
.footer-widgets h4{color:#fff;font-size:13px;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.footer-widgets h4::after{content:'';flex:1;height:2px;border-radius:2px;background:rgba(255,255,255,.12)}
.footer-widgets p{font-size:12.5px;line-height:2.1;color:#9fb0d8}
.footer-widgets a{display:block;font-size:12.5px;padding:4px 0;color:#c3cde8}
.footer-widgets a:hover{color:#ff9fb2}
.footer-widgets .c-line{display:flex;gap:9px;font-size:12.5px;margin-bottom:9px;align-items:flex-start}
.newsletter-box{border-radius:12px;box-shadow:inset 3px 3px 9px rgba(0,0,0,.3),inset -3px -3px 9px rgba(255,255,255,.06);padding:12px;margin-top:10px}
.newsletter-box p{font-size:11.5px;margin-bottom:9px}
.newsletter-box .row{display:flex;gap:8px}
.newsletter-box input{flex:1;border:none;outline:none;background:rgba(255,255,255,.09);border-radius:11px;padding:10px 13px;color:#fff;font-size:12px;min-width:0}
.newsletter-box input::placeholder{color:#8494bd}
.newsletter-box button{border:none;background:linear-gradient(135deg,#2f6fed,#2456c4);color:#fff;border-radius:11px;padding:10px 16px;font-size:12px;font-weight:800}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:11px 0;font-size:11.5px;color:#8494bd;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.footer-bottom .pay{display:flex;gap:8px;font-size:19px}
@media(max-width:900px){.footer-widgets .cols{grid-template-columns:1fr 1fr}}
@media(max-width:576px){.footer-widgets .cols{grid-template-columns:1fr}}

/* ریسپانسیو هدر */
@media(max-width:950px){
  .site-header .row1{flex-wrap:wrap}
  .live-search{order:3;min-width:100%;max-width:none}
  .h-action .lbl{display:none}
  .main-nav{display:none}
  .mobile-toggle{display:inline-flex}
}
@media(max-width:576px){
  .brand .tagline{display:none}
  .hero-slide .txt{padding:22px}
  .hero-slide h2{font-size:13px}
  .hero-slide .img{display:none}
  .hero-grid{grid-template-columns:1fr}
  .topbar .group.right{display:none}
}

/* ═══════════════════════════════════════════════
   GLASS UPGRADE — لایه ارتقا (v2)
   همه پنل‌ها → شیشه‌ای؛ هدر چسبان؛ ویجت‌های شناور
   ═══════════════════════════════════════════════ */

/* ── پنل‌های اصلی → گلس ── */
.filters,.summary,.cart-items,.checkout-card,.account-menu,.account-panel,
.result-hero,.auth-card,.buybox,.gallery .main-img,.hero-slider,.main-nav,.mega,
.amazing,.banner,.service,.stat,.testimonial,.blog-card,.brand-card,.cat-card,
.faq-item,.gateway-card,.live-search .results,.tab-panels .panel,.contact-info .c-item,
.about-feature,.promo-card,.order-mini,.newsletter-box .row{
  background:var(--glass-bg)!important;
  -webkit-backdrop-filter:var(--blur)!important;
  backdrop-filter:var(--blur)!important;
  border:1px solid var(--glass-border)!important;
  box-shadow:var(--glass-shadow)!important;
}
.gallery .main-img,.hero-slider,.gateway-card,.result-hero,.auth-card{
  border-radius:var(--radius-lg)!important;
}
.hero-dots button{background:rgba(22,48,95,.25);border:1px solid rgba(255,255,255,.5)}
.hero-dots button.on{background:var(--accent)}

/* ── عناصر فرورفته → گلس اینست ── */
.price-panel,.trust-item,.stat-mini,.addr-card,.review-item,.countdown .cd-box,
.live-search .box,.demo-creds,.newsletter-box{
  background:var(--glass-bg-inset)!important;
  -webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;
  border:1px solid var(--glass-border-soft)!important;
}
.demo-creds{background:var(--blue-soft)!important}

/* ── هدر شیشه‌ای چسبان ── */
.site-header{padding:0}
.header-sticky{
  position:sticky;top:0;z-index:90;
  padding:7px 0 5px;
  background:rgba(238,241,248,.72);
  -webkit-backdrop-filter:blur(20px) saturate(180%);
  backdrop-filter:blur(20px) saturate(180%);
  border-bottom:1px solid rgba(255,255,255,.65);
  box-shadow:0 8px 30px rgba(22,48,95,.09);
}
.topbar{background:linear-gradient(90deg,var(--navy-deep),var(--navy) 45%,#1d3f7d)}

/* ── نوار اطلاعیه متحرک (تیکر) ── */
.ticker{
  margin-top:10px;border-radius:var(--radius);overflow:hidden;position:relative;
  background:var(--glass-bg);border:1px solid var(--glass-border);
  box-shadow:var(--glass-shadow);display:flex;align-items:stretch;
}
.ticker .t-label{
  flex:none;display:flex;align-items:center;gap:7px;padding:7px 14px;
  background:linear-gradient(135deg,var(--accent),#ff6a81);color:#fff;
  font-size:11.5px;font-weight:800;
  clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);
}
.ticker .t-viewport{overflow:hidden;flex:1;display:flex;align-items:center}
.ticker .t-track{display:flex;gap:46px;white-space:nowrap;padding:0 20px;animation:tickMove 38s linear infinite;will-change:transform}
.ticker:hover .t-track{animation-play-state:paused}
.ticker .t-item{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#3d4a68}
.ticker .t-item .em{font-size:15px}
@keyframes tickMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── جستجوهای پرطرفدار ── */
.popular-searches{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:12px}
.popular-searches .ps-title{font-weight:800;color:var(--muted);display:flex;align-items:center;gap:6px}
.popular-searches a:hover{color:#fff;background:linear-gradient(135deg,var(--accent),#ff6a81);border-color:transparent;box-shadow:0 6px 16px rgba(239,64,86,.35);transform:translateY(-1px)}

/* ── دکمه‌های شناور (پشتیبانی + بازگشت به بالا) ── */
.fab-wrap{position:fixed;bottom:22px;left:22px;z-index:800;display:flex;flex-direction:column;gap:11px}
.fab{
  width:46px;height:46px;border-radius:14px;border:1px solid var(--glass-border);
  box-shadow:var(--glass-shadow-lg);display:flex;align-items:center;justify-content:center;
  font-size:19px;transition:transform .18s,box-shadow .18s;position:relative;
}
.fab:hover{transform:translateY(-3px) scale(1.04)}
.fab .fab-tip{
  position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);
  background:var(--navy);color:#fff;font-size:11.5px;font-weight:700;border-radius:10px;
  padding:5px 13px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;
  box-shadow:0 8px 20px rgba(15,35,71,.35);
}
.fab:hover .fab-tip{opacity:1}
.fab.support{background:linear-gradient(135deg,var(--accent),#ff6a81);border:none;color:#fff;box-shadow:0 10px 26px rgba(239,64,86,.42)}
.fab.support .fab-tip{background:var(--navy)}
.fab.totop{opacity:0;pointer-events:none;transform:translateY(8px)}
.fab.totop.show{opacity:1;pointer-events:auto;transform:none}
@media(max-width:576px){.fab-wrap{bottom:14px;left:14px}.fab{width:41px;height:41px;font-size:13px}}

/* ── لیفت های ظریف ── */
.promo-card,.testimonial,.stat,.service,.cat-card,.brand-card,.blog-card,.about-feature{transition:transform .2s,box-shadow .2s}
.promo-card:hover,.testimonial:hover,.stat:hover,.service:hover,.cat-card:hover,.brand-card:hover,.blog-card:hover,.about-feature:hover{transform:translateY(-4px);box-shadow:var(--glass-shadow-lg)!important}
.promo-card .go{transition:transform .2s;display:inline-block}
.promo-card:hover .go{transform:translateX(-5px)}

/* ── گریدهای ریسپانسیو (رفع ایراد موبایل) ── */
.reviews-grid{display:grid;grid-template-columns:1fr 320px;gap:22px}
.order-info{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:800px){
  .reviews-grid{grid-template-columns:1fr}
  .order-info{grid-template-columns:1fr}
}

/* ── فوتر گرادیانی ── */
.footer-widgets{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%)!important;border-top:2px solid rgba(47,111,237,.55)}
.footer-widgets .cols{position:relative}

/* ── دکمه علاقه‌مندی صفحه محصول ── */
.fav-chip{cursor:pointer}
.fav-chip.active{background:var(--accent-soft)!important;border-color:rgba(239,64,86,.35)!important;color:var(--accent-dark)!important}

/* هدر فشرده تسویه هم شیشه‌ای بماند */
body.compact .header-sticky{padding:6px 0 4px}

/* ═══════════════════════════════════════════════
   LAYER v3 — آیکون‌های سه‌بعدی + فشردگی + دراور موبایل
   ═══════════════════════════════════════════════ */

/* ── آیکون SVG سه‌بعدی: کاشی گرادیانی ── */
.ico3d{display:inline-flex;flex:none;vertical-align:middle;width:34px;height:34px}
.ico3d svg{width:100%;height:100%;display:block}
.ico3d.sm{width:22px;height:22px}
.ico3d.md{width:34px;height:34px}
.ico3d.lg{width:40px;height:40px}
.ico3d.xl{width:54px;height:54px}

/* ── آیکون گلیف (stroke از رنگ متن) ── */
.ico-g{width:1.25em;height:1.25em;flex:none;vertical-align:-0.28em}

/* ── اندازه‌های زمینه‌ای ── */
.brand .ico3d.xl{width:42px;height:42px}
.h-action > .ico3d{width:29px;height:29px}
.h-ic{position:relative;display:inline-flex}
.h-ic .ico3d{width:29px;height:29px}
.h-ic .cart-count{top:-5px;left:-7px}
.main-nav .ico3d.sm{width:19px;height:19px}
.mega a .ico3d.sm{width:20px;height:20px}
.section-head .ico3d.md{width:34px;height:34px}
.service .ico3d{width:36px;height:36px}
.cat-card .ico3d{width:46px;height:46px;margin:0 auto 7px}
.amazing-head .ico3d{width:36px;height:36px}
.banner .ico3d{width:46px;height:46px}
.promo-card .ico3d.xl{width:46px;height:46px}
.stats .ico3d{display:none}
.testimonial .avatar .ico3d{width:20px;height:20px}
.blog-card .thumb .ico3d{width:52px;height:52px}
.empty-state .ico3d,.empty-state .icon .ico3d{width:60px;height:60px}
.result-hero .big .ico3d{width:58px;height:58px}
.auth-card .head .logo .ico3d{width:32px;height:32px}
.account-menu .avatar .ico3d{width:20px;height:20px}
.stat-mini .ico3d{width:20px;height:20px;margin-bottom:2px}
.contact-info .ico3d.md{width:32px;height:32px}
.about-feature .ico3d{width:40px;height:40px;margin:0 auto 6px;display:flex}
.about-feature .ico3d.xl{width:40px;height:40px}
.order-timeline .dot .ico-g{width:16px;height:16px}
.ticker .t-item .ico3d.sm{width:17px;height:17px}
.ticker .t-label .ico-g{width:14px;height:14px}
.ticker .t-item .ico-g{width:15px;height:15px}
.cart-row .remove .ico-g{width:13px;height:13px}
.buybox .btn .ico-g{width:16px;height:16px}
.trust-item .ico-g{width:13px;height:13px}
.summary h3 .ico-g,.checkout-card h3 .ico-g{width:15px;height:15px}
.checkout-card h3 .ico-g{width:14px;height:14px}
.checkout-card .n .ico-g{width:13px;height:13px}
.free-ship-note .ico-g{width:14px;height:14px}
.coupon-chip .ico-g{width:13px;height:13px}
.f-title .ico-g{width:14px;height:14px}
.filters .f-title .ico-g{width:14px;height:14px}
.topbar .ico-g{width:13px;height:13px}
.mobile-toggle .ico-g{width:19px;height:19px}
.m-close .ico-g{width:16px;height:16px}
.fav-btn .ico-g{width:14px;height:14px}
.add-btn .ico-g{width:16px;height:16px}
.remove .ico-g{width:13px;height:13px}
.verified .ico-g{width:11px;height:11px}
.account-menu a .ico-g,.account-menu a .ico3d{width:17px;height:17px}
.m-user .ico3d{width:34px;height:34px}
.m-links .ico3d.sm{width:22px;height:22px}
.m-cats .ico3d.sm{width:20px;height:20px}
.m-call .ico3d.sm{width:19px;height:19px}
.m-brand .ico3d{width:28px;height:28px}
.fab .ico-g{width:20px;height:20px}
.newsletter-box p .ico-g{width:13px;height:13px}
.footer-widgets .c-line .ico-g{width:14px;height:14px;flex:none;margin-top:3px}
.live-search .icon .ico-g{width:15px;height:15px}
.result-hero + * .ico3d{width:58px;height:58px}
.pcard .foot .ico-g{width:16px;height:16px}
.btn .ico-g{width:15px;height:15px}
.hscroll .pcard .foot .ico-g{width:15px;height:15px}
.breadcrumb .ico-g{width:13px;height:13px}

/* ── منوی کشویی موبایل ── */
.nav-overlay{
  position:fixed;inset:0;z-index:998;background:rgba(15,35,71,.45);
  opacity:0;pointer-events:none;transition:opacity .22s ease;
}
.nav-overlay.show{opacity:1;pointer-events:auto}
.m-drawer{
  position:fixed;top:0;bottom:0;right:0;z-index:999;width:min(320px,86vw);
  background:rgba(246,249,253,.94);
  -webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);
  border-left:1px solid var(--glass-border);
  box-shadow:-16px 0 46px rgba(15,35,71,.28);
  transform:translateX(105%);transition:transform .26s cubic-bezier(.32,.72,.35,1);
  display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:13px;
}
.m-drawer.open{transform:translateX(0)}
.m-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex:none}
.m-brand{display:inline-flex;align-items:center;gap:8px;color:var(--navy)}
.m-brand b{font-size:13.5px;font-weight:800}
.m-close{
  width:33px;height:33px;border-radius:10px;border:1px solid var(--glass-border-soft);
  background:var(--glass-bg-strong);box-shadow:var(--neu-sm);color:var(--muted);
  display:inline-flex;align-items:center;justify-content:center;transition:box-shadow .15s,color .15s;
}
.m-close:active{box-shadow:var(--neu-in)}
.m-user{
  display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:13px;margin-bottom:11px;flex:none;
  background:linear-gradient(135deg,var(--navy),var(--blue-dark));color:#fff;
  box-shadow:0 6px 16px rgba(22,48,95,.32);
}
.m-user b{display:block;font-size:12.5px;font-weight:800}
.m-user small{display:block;font-size:10px;opacity:.75;font-weight:500}
.m-links{display:flex;flex-direction:column;gap:2px;flex:none}
.m-links a{
  display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:11px;
  font-size:12.5px;font-weight:700;color:#3d4a68;transition:background .15s,color .15s;
}
.m-links a:hover,.m-links a:active{background:var(--accent-soft);color:var(--accent-dark)}
.m-cats-title{
  font-size:10.5px;font-weight:800;color:var(--muted);margin:12px 4px 7px;flex:none;
  padding-top:11px;border-top:1px dashed rgba(150,165,195,.45);
}
.m-cats{display:flex;flex-direction:column;gap:1px}
.m-cats a{
  display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;
  font-size:12px;font-weight:600;color:#4a5875;
}
.m-cats a:active{background:var(--blue-soft);color:var(--blue-dark)}
.m-call{
  margin-top:auto;flex:none;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:9px;border-radius:12px;color:#fff;font-size:12.5px;font-weight:800;
  background:linear-gradient(135deg,var(--accent),#ff6a81);
  box-shadow:0 6px 16px rgba(239,64,86,.36);
}
body.no-scroll{overflow:hidden}

/* دراور فقط تا زیر دسکتاپ (هم‌راستا با مخفی‌شدن main-nav) */
@media(max-width:950px){
  .mobile-toggle{display:inline-flex}
  .m-drawer{display:flex}
}
@media(min-width:951px){
  .nav-overlay,.m-drawer{display:none!important}
}

/* ═══════════════════════════════════════════════
   LAYER v4 — هدر دولایه + خانه به سبک مگااستور (دیجی‌کالا/آمازون)
   ═══════════════════════════════════════════════ */

/* ── نوار سرویس تیره (بخش ۱ هدر) ── */
.svc-bar{background:var(--navy-grad);color:#b9c7e8;font-size:11.5px;position:relative;z-index:95}
.svc-bar .container{display:flex;align-items:center;gap:16px;min-height:30px;flex-wrap:wrap}
.svc-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.svc-item .ico-g{width:12px;height:12px;opacity:.85}
.svc-item.free{color:#dce7ff;font-weight:700}
.svc-item.link{transition:color .15s}
.svc-item.link:hover{color:#fff}
.svc-bar .grow{flex:1}
body.compact .svc-bar{display:none}

/* ── هدر چسبان دولایه (بخش ۲) ── */
.site-header{padding:0}
.header-sticky{
  position:sticky;top:0;z-index:90;padding:0;
  background:rgba(241,245,251,.9);
  -webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);
  border-bottom:1px solid rgba(255,255,255,.65);
  box-shadow:0 4px 18px rgba(22,48,95,.07);
}
.h-row{display:flex;align-items:center;gap:10px}
.h-row1{padding:6px 0 5px}
.h-row2{padding:0 0 5px;gap:2px}

.brand{display:flex;align-items:center;gap:8px;flex:none}
.brand .ico3d.xl{width:34px;height:34px}
.brand-t{display:flex;flex-direction:column;line-height:1.4}
.brand .name{font-size:14.5px;font-weight:800;color:var(--navy);white-space:nowrap}
.brand .tagline{font-size:9.5px;color:var(--muted);white-space:nowrap}

.live-search{flex:1;max-width:560px;margin:0 6px}
.live-search .box{border-radius:12px;padding:0 12px;gap:8px}
.live-search input{font-size:12.5px;padding:8px 0}
.search-go{display:none;border:none;background:transparent;color:var(--muted);padding:0 2px}
.search-go .ico-g{width:17px;height:17px}

.header-actions{display:flex;align-items:center;gap:7px;flex:none}
.icon-btn{
  width:36px;height:36px;border-radius:11px;border:1px solid var(--glass-border-soft);
  background:var(--glass-bg-strong);box-shadow:var(--neu-sm);color:#3d4a68;
  display:inline-flex;align-items:center;justify-content:center;position:relative;
  transition:box-shadow .15s,color .15s,transform .15s;
}
.icon-btn:hover{color:var(--blue-dark);transform:translateY(-1px)}
.icon-btn:active{box-shadow:var(--neu-in);transform:none}
.icon-btn .ico-g{width:17px;height:17px}

.cart-btn{
  display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:11px;position:relative;
  background:var(--navy-grad);color:#fff;font-size:12px;font-weight:700;
  box-shadow:0 5px 14px rgba(22,48,95,.32);transition:transform .15s,box-shadow .15s;
}
.cart-btn:hover{color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px rgba(22,48,95,.4)}
.cart-btn .ico-g{width:16px;height:16px}
.cart-btn .cart-count{top:-5px;left:-6px;border:1.5px solid #fff}
.login-chip{font-size:11.5px;padding:6px 13px;color:var(--navy)}

/* ناوبری ردیف دوم */
.main-nav{
  display:flex;align-items:center;background:transparent!important;
  border:none!important;box-shadow:none!important;border-radius:0!important;
  margin:0;padding:0;gap:2px;position:static;flex-wrap:nowrap;
}
.main-nav > .item{position:relative}
.main-nav a.nav-link{
  display:flex;align-items:center;gap:5px;padding:6px 11px;border-radius:9px;
  font-size:12px;font-weight:700;color:#3d4a68;transition:color .15s,background .15s;white-space:nowrap;
}
.main-nav a.nav-link:hover{color:var(--blue-dark);background:var(--navy-soft)}
.main-nav a.nav-link.active{color:var(--navy);background:var(--navy-soft)}
.main-nav a.nav-link .ico-g{width:13px;height:13px}
.main-nav .caret{font-size:8px;opacity:.7}
.main-nav .hot{color:#a16207}
.main-nav .hot:hover{color:#8a5206;background:rgba(234,179,8,.12)}
.main-nav .cats-trigger{background:var(--navy-grad);color:#fff;box-shadow:0 4px 10px rgba(22,48,95,.28);padding:6px 13px}
.main-nav .cats-trigger:hover{color:#fff;background:var(--navy-grad);filter:brightness(1.15)}
.main-nav .grow{flex:1}
.mega{top:calc(100% + 8px)}

@media(min-width:951px){.only-m{display:none!important}}
@media(max-width:950px){
  .h-row2{display:none}
  .svc-bar .svc-item:not(.free),.svc-bar .grow{display:none}
  .svc-bar .container{min-height:26px;font-size:10.5px}
  .brand .tagline{display:none}
  .cart-btn .lbl{display:none}
  .cart-btn{padding:6px 9px}
  .only-m{display:inline-flex}
  .hide-m{display:none!important}
}

/* ── هیرو تمام‌عرض تیره ── */
.hero{margin-top:10px}
.hero-slider{
  min-height:288px;
  background:linear-gradient(120deg,#0f2347 0%,#16305f 55%,#1d3f7d 100%);
  box-shadow:0 18px 44px rgba(15,35,71,.35);
}
.hero-slider,.hero-slide .txt{border-radius:var(--radius-lg)}
.hero-slide{width:100%}
.hero-slide .txt{max-width:58%;padding:34px 40px}
.hero-slide .kicker{background:rgba(255,255,255,.13);color:#9fc0ff;border:1px solid rgba(255,255,255,.18)}
.hero-slide h2{font-size:24px;color:#fff}
.hero-slide p{color:#aebfe4;font-size:13px}
.hero-cta{
  background:#fff;color:var(--navy);border:none;font-weight:800;font-size:13px;
  padding:9px 22px;border-radius:11px;box-shadow:0 8px 22px rgba(0,0,0,.32);
}
.hero-cta:hover{color:var(--navy-deep);transform:translateY(-1px);box-shadow:0 12px 26px rgba(0,0,0,.4)}
.hero-cta .ico-g{width:15px;height:15px}
.hero-slide .img::before{
  content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(to left,rgba(15,35,71,.65),transparent 60%);
}
.hero-dots button{background:rgba(255,255,255,.35);border:none}
.hero-dots button.on{background:#fff;width:26px}

/* ── نوار خدمات نازک ── */
.services{grid-template-columns:repeat(4,1fr);gap:8px}
.service{padding:8px 11px;gap:9px;border-radius:12px}
.service .ico3d{width:30px;height:30px}
.service b{font-size:11.5px}
.service span{font-size:10px}

/* ── ریل دایره‌ای دسته‌بندی‌ها ── */
.cats-rail{display:flex;gap:13px;overflow-x:auto;padding:4px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:none}
.cats-rail::-webkit-scrollbar{display:none}
.cat-bub{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;width:88px;scroll-snap-align:start}
.cat-bub .cb-ic{
  width:60px;height:60px;border-radius:50%;
  background:var(--glass-bg-strong);border:1px solid var(--glass-border);
  box-shadow:var(--neu-sm);display:flex;align-items:center;justify-content:center;
  transition:box-shadow .18s,transform .18s;
}
.cat-bub:hover .cb-ic{box-shadow:var(--neu-in);transform:translateY(-2px)}
.cat-bub .cb-ic .ico3d{width:36px;height:36px}
.cb-ic.all{background:var(--navy-grad);color:#fff;box-shadow:0 6px 16px rgba(22,48,95,.3)}
.cb-ic.all .ico-g{width:22px;height:22px}
.cat-bub b{font-size:11px;text-align:center;line-height:1.5;color:var(--text)}
.cat-bub small{font-size:9.5px;color:var(--muted)}

/* ── شگفت‌انگیز: پنل تیره با ریل کارت سفید ── */
.amazing-dark{
  border-radius:var(--radius-lg);padding:14px;position:relative;overflow:hidden;
  background:var(--navy-grad);box-shadow:0 16px 40px rgba(15,35,71,.35);
}
.amazing-dark::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(440px 220px at 10% 0%,rgba(47,111,237,.4),transparent 62%);
}
.amazing-head{display:flex;align-items:center;gap:12px;margin-bottom:11px;flex-wrap:wrap;position:relative}
.amz-badge{
  width:38px;height:38px;border-radius:12px;color:#ffb9c4;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
  display:flex;align-items:center;justify-content:center;
}
.amz-badge .ico-g{width:19px;height:19px}
.amz-title b{display:block;font-size:15.5px;color:#fff}
.amz-title small{font-size:10.5px;color:#9db4e4}
.amazing-dark .countdown{margin-right:auto}
.amazing-dark .cd-box{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);box-shadow:none;min-width:38px;padding:3px 6px;border-radius:9px}
.amazing-dark .cd-box b{color:#fff;font-size:14px}
.amazing-dark .cd-box span{color:#9db4e4;font-size:9px}
.amazing-dark .colon{color:rgba(255,255,255,.6)}
.amz-all{
  font-size:12px;font-weight:800;color:#fff;padding:6px 14px;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);transition:background .15s;
}
.amz-all:hover{background:rgba(255,255,255,.24)}
.amazing-dark .hscroll{padding-bottom:4px}
.amazing-dark .pcard{background:rgba(255,255,255,.97)!important;border:none!important}

/* ── بنرهای استیل/ساده ── */
.banners-duo{grid-template-columns:1.5fr 1fr}
.banner{border-radius:var(--radius-lg);min-height:96px;padding:13px 18px;transition:transform .2s,box-shadow .2s}
.banner:hover{transform:translateY(-2px)}
.banner .bn-ic{
  width:54px;height:54px;border-radius:14px;flex:none;
  background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;
}
.banner .bn-ic .ico3d{width:40px;height:40px}
.banner.steel{background:linear-gradient(120deg,#16305f,#24447f);box-shadow:0 12px 30px rgba(15,35,71,.3)}
.banner.steel b{color:#fff}
.banner.steel p{color:#aebfe4}
.banner.steel .cta{color:#9fc0ff}
.banner.plain{background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}
.banner .cta{display:inline-flex;align-items:center;gap:4px}
.banner .cta::after{content:'';width:14px;height:2px;border-radius:2px;background:currentColor;opacity:.7}

/* ── فشردگی بخش‌های خانه ── */
.section-sm{margin:14px 0}
.tabs{margin-bottom:12px}
.stats{gap:8px}
.stat{padding:10px 8px;border-radius:12px}
.stat .n{font-size:19px}
.stat p{font-size:11px}

/* ── بلوک معرفی برند در فوتر ── */
.footer-about{padding:16px;border-radius:var(--radius-lg);margin:16px 0 2px}
.fa-head{display:flex;gap:12px;align-items:flex-start}
.fa-head .ico3d{width:40px;height:40px}
.fa-head b{font-size:13.5px;color:var(--navy);display:block;margin-bottom:4px}
.fa-head p{font-size:12px;color:var(--muted);line-height:2;text-align:justify}
.fa-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px dashed rgba(150,165,195,.35)}
.fa-badges span{
  display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--blue-dark);
  background:var(--blue-soft);padding:4px 11px;border-radius:999px;
}
.fa-badges .ico-g{width:12px;height:12px}

/* ── کارت محصول: ناحیه قیمت ── */
.pcard .price-zone{
  margin-top:auto;padding-top:8px;border-top:1px dashed rgba(150,165,195,.42);
  display:flex;align-items:flex-end;justify-content:space-between;gap:6px;min-height:52px;
}
.pcard .prices{min-width:0}
.pcard .price-zone .price-old{display:block;font-size:11px;margin-bottom:1px}
.pcard .price-zone .price-final{font-size:14.5px;line-height:1.55}
.pcard h3{font-size:11.5px;min-height:40px}

/* ── اصلاح سرریز جستجو (flex shrink) ── */
.live-search{min-width:0}
.live-search .box{min-width:0}
.live-search input{min-width:0;width:100%;flex:1}
.brand{flex:none}
.header-actions{flex:none}

/* ── گلیف کاشی‌های کوچک: مقیاس ملایم‌تر تا لبه بریده نشود ── */
.ico3d.sm g{transform:translate(7.5px,7.5px) scale(1.38)}
.brand .ico3d.xl g{transform:translate(7px,7px) scale(1.42)}

/* ── برگرداندن پس‌زمینه تیره هیرو (لایه glass با !important بازش می‌کرد) ── */
.hero-slider{
  background:linear-gradient(120deg,#0f2347 0%,#16305f 55%,#1d3f7d 100%)!important;
  border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:0 18px 44px rgba(15,35,71,.35)!important;
}

/* ── پولیش نهایی ── */
.fab.support{background:var(--navy-grad)!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 10px 26px rgba(15,35,71,.42)!important}
.hero-slide .img{-webkit-mask-image:linear-gradient(to left,transparent 0,#000 22%);mask-image:linear-gradient(to left,transparent 0,#000 22%)}

/* ═══════════════════════════════════════════════
   نوار پیشرفت خرید — چسبیده به پایین صفحه (دیجی‌کالا/آمازون)
   ═══════════════════════════════════════════════ */
body.has-ckp{padding-bottom:66px}
.ck-progress{
  position:fixed;bottom:0;left:0;right:0;z-index:960;
  background:rgba(250,252,255,.96);
  border-top:1px solid rgba(22,48,95,.1);
  box-shadow:0 -10px 28px rgba(22,48,95,.12);
}
.ckp-in{display:flex;align-items:center;gap:14px;min-height:52px}
.ckp-path{flex:1;display:flex;align-items:center;min-width:0}
.ckp-step{display:flex;align-items:center;gap:6px;flex:none}
.ckp-dot{
  width:24px;height:24px;border-radius:50%;flex:none;
  display:flex;align-items:center;justify-content:center;
  background:var(--glass-bg-inset);border:1px solid var(--glass-border-soft);
  box-shadow:var(--neu-in);color:var(--muted);
}
.ckp-dot .ico-g{width:12px;height:12px}
.ckp-t{font-size:10.5px;font-weight:700;color:var(--muted);white-space:nowrap}
.ckp-step.done .ckp-dot{background:var(--blue-dark);color:#fff;box-shadow:0 4px 10px rgba(36,86,196,.35);border:none}
.ckp-step.current .ckp-dot{background:var(--navy-grad);color:#fff;box-shadow:0 4px 12px rgba(22,48,95,.4);border:none;position:relative}
.ckp-step.current .ckp-dot::after{
  content:'';position:absolute;inset:-4px;border-radius:50%;
  border:2px solid rgba(47,111,237,.35);animation:ckpPulse 1.6s ease-out infinite;
}
@keyframes ckpPulse{from{transform:scale(.8);opacity:1}to{transform:scale(1.25);opacity:0}}
.ckp-step.current .ckp-t{color:var(--navy);font-weight:800}
.ckp-line{flex:1;height:3px;min-width:22px;border-radius:3px;background:rgba(150,165,195,.28);overflow:hidden;margin:0 6px}
.ckp-line i{display:block;height:100%;border-radius:3px;background:linear-gradient(to left,var(--blue),var(--navy));transition:width .5s ease}
.ckp-pay{text-align:center;flex:none;line-height:1.5}
.ckp-pay small{display:block;font-size:9px;color:var(--muted);font-weight:600}
.ckp-pay b{font-size:13.5px;font-weight:800;color:var(--navy)}
.ckp-btn{flex:none;padding:8px 26px;font-size:11.5px;border-radius:11px}
@media(max-width:768px){
  .ckp-in{min-height:46px;gap:8px}
  .ckp-t{font-size:9px}
  .ckp-dot{width:20px;height:20px}
  .ckp-dot .ico-g{width:10px;height:10px}
  .ckp-pay small{font-size:9px}
  .ckp-pay b{font-size:11.5px}
  .ckp-btn{padding:7px 16px;font-size:10.5px}
  body.has-ckp:not(.compact){padding-bottom:calc(112px + env(safe-area-inset-bottom))}
  body.has-ckp.compact{padding-bottom:calc(52px + env(safe-area-inset-bottom))}
  .ck-progress{bottom:calc(54px + env(safe-area-inset-bottom))}
  body.compact .ck-progress{bottom:0}
}

/* ── پولیش هدر دسکتاپ ── */
.main-nav{justify-content:flex-start;padding-left:14px}
.main-nav a.nav-link{position:relative}
.main-nav a.nav-link.active::after{
  content:'';position:absolute;bottom:-1px;right:12px;left:12px;height:2.5px;border-radius:3px;
  background:linear-gradient(to left,var(--blue),transparent);
}
.brand{cursor:pointer}
.header-sticky .container{max-width:var(--container)}
.banner .cta{white-space:nowrap;gap:5px}

/* ═══════════════════════════════════════════════
   LAYER v5 — هدر ثابت + ریتم فاصله‌گذاری + Pjax
   ═══════════════════════════════════════════════ */

/* ── هدر همیشه ثابت بالای صفحه (موبایل + دسکتاپ) ── */
.header-sticky{
  position:fixed;top:0;right:0;left:0;z-index:90;
}
body{padding-top:var(--hdrH,64px)}
html{scroll-padding-top:calc(var(--hdrH,64px) + 10px);scroll-behavior:smooth}
body.compact{padding-top:var(--hdrH,52px)}

/* ── نوار پیشرفت ناوبری ایجکسی ── */
.pjax-bar{position:fixed;top:0;right:0;left:0;height:3px;z-index:3000;pointer-events:none}
.pjax-bar::before{
  content:'';display:block;height:100%;width:0;border-radius:0 3px 3px 0;
  background:linear-gradient(to left,var(--blue),var(--navy));
  box-shadow:0 0 10px rgba(47,111,237,.7);
  transition:width .35s ease;
}
.pjax-bar.on::before{width:82%}

/* ── محتوای اصلی: محو ورود بعد از ناوبری ── */
.app-main{min-height:56vh;display:block}
.app-main.fade{animation:appFade .3s ease}
@keyframes appFade{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ── ریتم فاصله‌گذاری یکدست ── */
.section{margin:18px 0}
.section-sm{margin:16px 0}
.section-head{margin-bottom:12px}
.grid-products{gap:13px}
.container > *{min-width:0}
.tabs{margin-bottom:12px}
.checkout-card:last-child{margin-bottom:0}
.amazing .hscroll,.amazing-dark .hscroll{margin-top:2px}
.footer-about{margin:18px 0 4px}
.footer-widgets .cols{padding-top:4px}
.hero{margin-top:12px}

/* هم‌ترازی جزئیات هدر ثابت */
.header-sticky .mega{box-shadow:0 18px 40px rgba(15,35,71,.18)!important}
.header-sticky::after{
  content:'';position:absolute;right:0;left:0;bottom:-1px;height:1px;
  background:linear-gradient(to left,transparent,rgba(47,111,237,.35),transparent);
  pointer-events:none;
}

/* ── svc-bar داخل هدر ثابت ── */
.header-sticky .svc-bar{position:static;background:var(--navy-grad)}
/* ── مگامنو: پس‌زمینه جامه ── */
.mega{background:rgba(249,251,255,.97)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}

/* ═══════════════════════════════════════════════
   NEU v6 — نئومورفیسم پررنگ + شیشه، در همه بخش‌ها
   سایه‌های دوگانه (تیره/روشن) روی همه عناصر برجسته
   ═══════════════════════════════════════════════ */
:root{
  --neu:0 7px 20px rgba(22,48,95,.13),0 2px 5px rgba(22,48,95,.08),inset 1px 1px 1px rgba(255,255,255,.9);
  --neu-sm:0 5px 14px rgba(22,48,95,.11),0 1px 3px rgba(22,48,95,.07),inset 1px 1px 1px rgba(255,255,255,.85);
  --neu-in:inset 4px 4px 9px rgba(148,163,192,.45),inset -4px -4px 9px rgba(255,255,255,.95);
}
.btn{box-shadow:var(--neu-sm)}
.btn:active{box-shadow:var(--neu-in)!important}
.tabs .tab.active{box-shadow:0 5px 14px rgba(22,48,95,.34),inset 1px 1px 1px rgba(255,255,255,.28)}
.bn-item.active{background:var(--navy-soft);box-shadow:var(--neu-in);border-radius:12px}
.main-nav a.nav-link:hover,.main-nav a.nav-link.active{box-shadow:var(--neu-in)}
.main-nav .cats-trigger{box-shadow:0 5px 14px rgba(22,48,95,.32),inset 1px 1px 1px rgba(255,255,255,.2)}
.ckp-dot{box-shadow:var(--neu-in)}
.ckp-step.current .ckp-dot,.ckp-step.done .ckp-dot{box-shadow:0 5px 12px rgba(22,48,95,.4),inset 1px 1px 1px rgba(255,255,255,.3)}
.countdown .cd-box{box-shadow:var(--neu-in)}
.amazing-dark .cd-box{box-shadow:inset 3px 3px 7px rgba(0,0,0,.35),inset -2px -2px 5px rgba(255,255,255,.08)}
.cat-bub .cb-ic{box-shadow:var(--neu-sm)}
.cat-bub:hover .cb-ic{box-shadow:var(--neu-in)}
.icon-btn{box-shadow:var(--neu-sm)}
.icon-btn:active{box-shadow:var(--neu-in)}
.pagination button{box-shadow:var(--neu-sm)}
.pagination button:active{box-shadow:var(--neu-in)}
.chip{box-shadow:var(--neu-sm)}
.chip:active{box-shadow:var(--neu-in)}
.qty{box-shadow:var(--neu-in)}
.qty button{box-shadow:var(--neu-sm)}
.qty button:active{box-shadow:var(--neu-in)}
.check .box{box-shadow:var(--neu-in)}
.radio-card .dot{box-shadow:var(--neu-in)}
.tunnel-steps .ball{box-shadow:var(--neu)}
.fab{box-shadow:var(--neu)}
.m-close{box-shadow:var(--neu-sm)}
.search-go:active{box-shadow:var(--neu-in)}
.live-search .box{box-shadow:var(--neu-in)}
.price-panel{box-shadow:var(--neu-in)}
.trust-item{box-shadow:var(--neu-in)}
.stat-mini{box-shadow:var(--neu-in)}
.review-item{box-shadow:var(--neu-in)}
.demo-creds{box-shadow:var(--neu-in)}
.progress{box-shadow:var(--neu-in)}
.addr-card{box-shadow:var(--neu-in)}
.free-ship-note{box-shadow:none;background:var(--blue-soft)}
.pcard{box-shadow:var(--neu-sm)}
.pcard:hover{box-shadow:var(--neu),0 16px 32px rgba(22,48,95,.15)}
.testimonial{box-shadow:var(--neu)}
.stat{box-shadow:var(--neu-sm)}
.service{box-shadow:var(--neu-sm)}
.banner{box-shadow:var(--neu)}
.banner.steel{box-shadow:0 14px 32px rgba(15,35,71,.32),inset 1px 1px 1px rgba(255,255,255,.22)}
.brand-card{box-shadow:var(--neu-sm)}
.brand-card:hover{box-shadow:var(--neu-in)}
.blog-card{box-shadow:var(--neu)}
.blog-card .thumb{box-shadow:var(--neu-in)}
.m-user{box-shadow:0 7px 18px rgba(22,48,95,.34),inset 1px 1px 1px rgba(255,255,255,.25)}
.m-call{box-shadow:0 7px 18px rgba(210,46,70,.4),inset 1px 1px 1px rgba(255,255,255,.3)}
.cart-btn{box-shadow:0 6px 16px rgba(22,48,95,.34),inset 1px 1px 1px rgba(255,255,255,.25)}
.amz-badge{box-shadow:inset 2px 2px 6px rgba(0,0,0,.3),inset -2px -2px 5px rgba(255,255,255,.1)}
.faq-item{box-shadow:var(--neu-sm)}
.faq-item.open{box-shadow:var(--neu-in)}

/* ═══════════════ HIRO سینمایی تمام‌صفحه (v8) ═══════════════ */
.hero-full{position:relative;width:100%;margin:0 0 14px;overflow:hidden;background:#0d1c3a}
.hero-full .hero-slide{position:relative;display:none;width:100%;min-height:560px}
.hero-full .hero-slide.on{display:flex;animation:heroFade .5s ease}
.hero-full .bg{position:absolute;inset:0}
.hero-full .bg img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-full .hero-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(to left,rgba(9,20,42,.94) 24%,rgba(9,20,42,.58) 52%,rgba(9,20,42,.05) 82%)}
.hero-full .txt{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:48px;padding-bottom:48px;min-height:560px}
.hero-full .kicker{display:inline-block;font-size:11.5px;font-weight:800;color:#ffd7de;background:rgba(210,46,70,.22);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:3px 14px;margin-bottom:12px}
.hero-full .hero-slide h2{font-size:31px;line-height:1.5;color:#fff;margin-bottom:10px;font-weight:900}
.hero-full .hero-slide p{font-size:13.5px;line-height:1.9;color:rgba(255,255,255,.85);margin-bottom:18px;max-width:520px}
.cta-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hero-full .hero-cta{box-shadow:0 10px 26px rgba(0,0,0,.4),inset 1px 1px 1px rgba(255,255,255,.3)}
.hero-cta-ghost:hover{background:rgba(255,255,255,.16)}
.hero-dots{position:absolute;bottom:20px;right:50%;transform:translateX(50%);display:flex;gap:7px;z-index:5}
.hero-dots button{width:22px;height:5px;border-radius:99px;background:rgba(255,255,255,.32);border:0;cursor:pointer;transition:.25s}
.hero-dots button.on{background:#fff;width:34px}

/* ═══════════════ آیکون‌های سه‌بعدی (v8) ═══════════════ */
img.cat3d{object-fit:contain;filter:drop-shadow(0 7px 11px rgba(15,35,71,.30)) drop-shadow(0 1px 2px rgba(15,35,71,.22))}
.cb-ic:has(> img.cat3d){background:transparent!important;box-shadow:none!important}
.cb-ic > img.cat3d{width:100%;height:100%;transition:transform .25s ease}
.cat-bub:hover .cb-ic > img.cat3d{transform:translateY(-3px) scale(1.06)}
.bn-ic:has(> img.cat3d){background:transparent!important;box-shadow:none!important}
.shop-hero .cat3d, h1 .cat3d{vertical-align:middle}
.logo3d{object-fit:contain;filter:drop-shadow(0 3px 7px rgba(15,35,71,.35))}
.brand .logo3d{flex:none}
.m-brand .logo3d{vertical-align:middle}
.login-card .logo .logo3d, .logo .logo3d{filter:drop-shadow(0 8px 16px rgba(15,35,71,.35))}
/* عمق سه‌بعدی تایل‌های آیکون */
.ico3d{filter:drop-shadow(0 4px 9px rgba(15,35,71,.26))}
/* ── v8: قرمز فقط قیمت/تخفیف — بقیه سرمه‌ای ── */
.ticker .t-label{background:linear-gradient(135deg,var(--navy),#2b4c8c)!important}
.popular-searches a:hover{background:linear-gradient(135deg,var(--navy),#2b4c8c)!important;box-shadow:0 6px 16px rgba(22,48,95,.35)!important}
.fab.support{background:linear-gradient(135deg,var(--navy),#2b4c8c)!important;box-shadow:0 10px 26px rgba(22,48,95,.42)!important}
.m-call{background:linear-gradient(135deg,var(--navy),#2b4c8c)!important;box-shadow:0 6px 16px rgba(22,48,95,.36)!important}
.hero-dots button.on{background:#fff!important}

/* ═══════════════ v9: مگامنوی حرفه‌ای ═══════════════ */
.main-nav .item .mega{
  width:min(1060px,calc(100vw - 24px));max-height:76vh;overflow:auto;
  padding:14px;border-radius:20px;
}
.mg-wrap{display:grid;grid-template-columns:1fr 238px;gap:12px}
.mg-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:2px 12px;align-content:start}
.mg-col{padding:8px 8px 10px;border-radius:14px;transition:background .15s}
.mg-col:hover{background:var(--blue-soft)}
.mg-p{display:flex;align-items:center;gap:9px;font-weight:800;font-size:12.5px;color:var(--navy);padding:2px 0 8px;margin-bottom:7px;border-bottom:1px dashed #dfe6f3}
.mg-p .cat3d{width:26px!important;height:26px!important}
.mg-p:hover{color:var(--blue)}
.mg-kids{display:flex;flex-direction:column;gap:2px}
.mg-kids a{font-size:11.5px;color:var(--muted);padding:5px 7px;border-radius:9px;display:flex;align-items:center;gap:7px;transition:.13s}
.mg-kids a::before{content:'';flex:none;width:4px;height:4px;border-radius:99px;background:var(--blue);opacity:.45}
.mg-kids a:hover{color:var(--navy);background:#fff;box-shadow:var(--neu-sm)}
.mg-side{display:flex;flex-direction:column;gap:10px}
.mg-promo{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:16px 14px;border-radius:16px;background:linear-gradient(150deg,var(--navy),#274a8f);color:#fff;box-shadow:0 10px 24px rgba(22,48,95,.32)}
.mg-promo .pic3d{margin-bottom:4px}
.mg-promo b{font-size:13.5px}
.mg-promo span{font-size:10.5px;opacity:.85}
.mg-brands{background:var(--blue-soft);border-radius:16px;padding:13px 14px}
.mg-brands>b{font-size:10.5px;color:var(--muted);display:block;margin-bottom:9px}
.mg-brands .tags{display:flex;flex-wrap:wrap;gap:6px}
.mg-brands .tags a{font-size:10.5px;font-weight:700;background:#fff;border-radius:999px;padding:5px 11px;color:var(--navy);box-shadow:var(--neu-sm);transition:.13s}
.mg-brands .tags a:hover{background:var(--navy);color:#fff}
.mg-support{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:16px;background:#fff;box-shadow:var(--neu-sm)}
.mg-support b{display:block;font-size:11.5px;color:var(--navy)}
.mg-support small{font-size:10px;color:var(--muted);direction:ltr}
/* آیکون سه‌بعدی عمومی */
.pic3d{object-fit:contain;filter:drop-shadow(0 6px 10px rgba(15,35,71,.28));flex:none}
.service .pic3d{width:42px;height:42px}
.amz-badge{background:transparent!important;box-shadow:none!important;width:auto!important;height:auto!important}
/* سرتیتر سکشن‌ها: تایپوگرافی تمیز بدون تایل تخت */
.section-head .ico3d{display:none!important}
.section-head>h2{display:flex;align-items:center;gap:8px}
.section-head .pic3d{width:34px;height:34px}
/* مگامنو — غلبه بر چیدمان قدیمی */
.main-nav .item:hover .mega,.main-nav .item.open .mega{display:block}
.main-nav .item .mega{width:min(1080px,calc(100vw - 24px));right:50%;transform:translateX(50%)}
.mega a:hover{color:var(--navy)!important;background:var(--blue-soft)!important}
.mg-wrap{width:100%}
.mg-cols{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
.mg-p b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mg-p{margin-bottom:6px;padding-bottom:7px}
/* مگامنو — لنگر به ردیف منو (نه آیتم) + فشرده‌تر */
.main-nav.h-row2{position:relative}
.main-nav .item{position:static}
.main-nav .item .mega{right:50%;left:auto;transform:translateX(50%);max-height:82vh}
.mg-col{padding:6px 7px 8px}
.mg-p{font-size:12px;margin-bottom:5px;padding-bottom:6px;gap:8px}
.mg-p .cat3d{width:24px!important;height:24px!important}
.mg-kids a{padding:4px 7px;font-size:11px}
/* ارتفاع نهایی هیرو دسکتاپ */
.hero-full .hero-slide,.hero-full .txt{min-height:min(74vh,680px)}
/* v10 پرفورمنس: بدون بلور روی سطوح پرتکرار — مات‌سازی جایگزین */
.glass-bg,[class*="glass"]{background:rgba(250,252,255,.92)!important}
.pcard,.neu,.neu-lg,.neu-sm,.service,.trust-item,.banner,.chip{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* ═══ v10: صفحه محصول سه‌بخشی دسکتاپ ═══ */
@media(min-width:1101px){
  .product-layout{grid-template-columns:minmax(0,1.02fr) minmax(0,.9fr) 302px!important}
  .buybox-side{position:sticky;top:130px}
}
.buybox-side{
  background:var(--bg);border-radius:18px;padding:16px;box-shadow:var(--neu);
  display:flex;flex-direction:column;gap:12px;align-self:start;
}
.buybox-side .price-panel{margin-bottom:0}
.buybox-side .actions{margin-bottom:0}
.buybox-side .actions .btn{width:100%;text-align:center}
.buybox-side .divider{margin:2px 0}
@media(max-width:1100px){
  .product-layout{grid-template-columns:1fr 1fr!important}
  .buybox-side{grid-column:1/-1;position:static}
}
/* trust سه‌بعدی */
.trust-item{gap:8px}
.trust-item .pic3d{width:26px;height:26px}
/* ═══ ریل‌های افقی دسکتاپ: اسکرول تمیز + لبه‌ها ═══ */
.hscroll{scrollbar-width:thin;scrollbar-color:#c3cede transparent;padding-bottom:6px}
.hscroll::-webkit-scrollbar{height:8px}
.hscroll::-webkit-scrollbar-track{background:transparent;border-radius:99px}
.hscroll::-webkit-scrollbar-thumb{background:#c9d3e2;border-radius:99px}
.hscroll:hover::-webkit-scrollbar-thumb{background:#a9b8cd}
.rail-wrap{position:relative}
.rail-wrap::after,.rail-wrap::before{content:'';position:absolute;top:0;bottom:6px;width:44px;pointer-events:none;z-index:3;opacity:0;transition:opacity .2s}
.rail-wrap::before{right:0;background:linear-gradient(to left,rgba(244,247,252,.95),transparent)}
.rail-wrap::after{left:0;background:linear-gradient(to right,rgba(244,247,252,.95),transparent)}
.rail-wrap:hover::after,.rail-wrap:hover::before{opacity:1}
.hero-full .bg img{object-position:left center}
.icon-ring{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:99px;background:var(--navy-grad);color:#fff;box-shadow:var(--neu-sm)}
.icon-ring .ico-g{width:26px;height:26px}
/* ═══ v12: بنرهای عریض پخش‌شده ═══ */
.banner-wide{
  position:relative;display:flex;align-items:center;overflow:hidden;border-radius:20px;
  min-height:200px;box-shadow:var(--neu);isolation:isolate;
}
.banner-wide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform .5s ease}
.banner-wide:hover img{transform:scale(1.035)}
.banner-wide::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(to left,rgba(9,20,42,.88) 22%,rgba(9,20,42,.30) 55%,transparent 80%)}
.banner-wide .bw-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:26px 30px;max-width:56%}
.banner-wide .kicker{display:inline-block;font-size:11px;font-weight:800;color:#ffd7de;background:rgba(210,46,70,.30);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:2px 12px}
.banner-wide b{font-size:19px;line-height:1.6;color:#fff;font-weight:900}
.banner-wide .cta{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.30);border-radius:11px;padding:8px 15px;transition:.2s}
.banner-wide:hover .cta{background:rgba(255,255,255,.22)}
.banner-wide.navy::after{background:linear-gradient(to left,rgba(9,20,42,.92) 26%,rgba(13,28,58,.42) 60%,rgba(13,28,58,.08) 85%)}
.banner-wide.slim{min-height:120px;border-radius:16px}
.banner-wide.slim .bw-body{flex-direction:row;align-items:center;gap:16px;padding:16px 24px;max-width:80%}
.banner-wide.slim b{font-size:15px;margin:0}
.banner-wide.slim .kicker{display:none}

/* ═══════════════════════════════════════════════════════════
   v13 — سیستم اسپیسینگ ۴/۸ (استاندارد دیجی‌کالا/اپ‌های بزرگ)
   ۴ آیکون→متن | ۸ داخل کامپوننت | ۱۶ پدینگ کارت | ۲۴ بین سکشن‌ها
   همه صفحات غیر از صفحه اصلی (pg-home)
   ═══════════════════════════════════════════════════════════ */
body{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px}
body:not(.pg-home) .container{max-width:var(--container,1180px)}
/* سکشن‌ها: ریتم ۲۴/۳۲ */
body:not(.pg-home) .section,body:not(.pg-home) .section-sm{margin-top:var(--sp-6)}
body:not(.pg-home) .section-head{margin-bottom:var(--sp-3);gap:10px}
/* کارت‌ها: پدینگ ۱۶، شعاع یکنواخت */
body:not(.pg-home) .pcard{padding:var(--sp-3) var(--sp-3) var(--sp-4);border-radius:16px}
body:not(.pg-home) .pcard .img{border-radius:12px;margin-bottom:var(--sp-2)}
body:not(.pg-home) .pcard .ttl{line-height:1.75;min-height:38px}
/* گرید و ریل: گپ ۱۲ */
body:not(.pg-home) .grid-products{gap:var(--sp-3)}
body:not(.pg-home) .hscroll{gap:var(--sp-3);padding-bottom:var(--sp-2)}
/* فرم‌ها */
body:not(.pg-home) .input,body:not(.pg-home) .select{padding:11px 14px;border-radius:12px}
body:not(.pg-home) .btn{border-radius:12px}
body:not(.pg-home) .btn-lg{padding:12px 22px}
/* بردرکامب: تنفس بیشتر */
body:not(.pg-home) .breadcrumb{margin-top:var(--sp-3);margin-bottom:var(--sp-2)}
/* ── فروشگاه ── */
.shop-layout{gap:var(--sp-4);align-items:start}
.filters{border-radius:18px}
.shop-toolbar{margin-bottom:var(--sp-3)}
/* ── محصول ── */
.product-layout{gap:var(--sp-4)}
.buybox{padding:var(--sp-4);border-radius:18px}
.buybox-side{padding:var(--sp-4);border-radius:18px}
.gallery .main-img{border-radius:18px}
.product-tabs{margin-top:var(--sp-6)}
/* ── سبد و تسویه ── */
.cart-wrap>.container>*+*{margin-top:var(--sp-4)}
.ck-layout{gap:var(--sp-4)}
.panel{padding:var(--sp-4);border-radius:16px}
/* ── حساب ── */
.acc-layout{gap:var(--sp-4)}
.stat-mini{padding:var(--sp-3);gap:var(--sp-2)}
/* ── محتوایی ── */
.faq-item+.faq-item{margin-top:var(--sp-2)}
.prose{line-height:2.1}

/* ═════════ v14: پالایش حرفه‌ای سراسری ═════════ */
/* تایپوگرافی: تیترها با کشیدگی و وزن دقیق */
.section-head h2{letter-spacing:-.2px}
.pcard .ttl{font-weight:700}
.pcard .ttl:hover{color:var(--blue)}
.pcard{transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s}
.pcard:hover{transform:translateY(-3px)}
/* دکمه‌ها: حالت فشار بهتر */
.btn:active{transform:scale(.975)}
.btn{transition:transform .15s,box-shadow .2s,background .2s}
/* لینک‌ها: هاور نرم */
a{transition:color .16s}
/* فوکوس فرم: حلقه سرمه‌ای */
.input:focus,.select:focus,textarea:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(47,111,237,.13)!important;outline:none}
/* اسکرول‌بار مرورگر */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#c4cfdf;border-radius:99px;border:2px solid #eef1f7}
::-webkit-scrollbar-thumb:hover{background:#a9b8cd}
::-webkit-scrollbar-track{background:transparent}
::selection{background:rgba(47,111,237,.18)}
/* تصاویر: جلوگیری از پرش لود */
.pcard .img img{background:#eef2f8}
.gallery .main-img img{background:#eef2f8}
/* سوییچ/چک‌باکس انیمیشن */
.check .box{transition:background .15s,transform .15s}
.check input:checked + .box{transform:scale(1.02)}
/* پنل‌ها: سایه دو لایه ملایم‌تر */
.neu{box-shadow:0 5px 14px rgba(22,48,95,.09),0 1px 3px rgba(22,48,95,.05),inset 1px 1px 1px rgba(255,255,255,.9)}

/* ═══ v16: هدر ═══ */
@media(min-width:769px){
  .main-nav{display:flex}
  /* چیدمان تمیز: برند راست | جستجو مرکز | اکشن‌ها چپ با فاصله یکنواخت */
  .h-row1{display:flex;align-items:center;gap:14px;padding:9px 0}
  .brand{flex:none}
  .h-row-search{padding:0 0 9px}
  .h-row-search .live-search{flex:1;max-width:640px;margin:0 auto}
  .h-row-search .box{border-radius:12px}
  .h-actions{display:flex;align-items:center;gap:9px;flex:none}
  .cart-btn{height:38px}
  .login-chip{height:38px}
  .icon-btn{width:38px;height:38px}
}
.live-search{z-index:80}
.live-search .results{z-index:90}
@media(min-width:769px){
  .h-row1{padding:7px 0 5px}
  .h-row-search{padding:0 0 8px}
  .h-row-search .box{height:38px}
  .site-header .svc-bar + .container .h-row1{padding-top:8px}
}
/* v16.2: تراز نهایی هدر دسکتاپ */
@media(min-width:769px){
  .h-row1 .h-actions{margin-inline-start:auto}
  .h-row-search .live-search{margin-inline:auto!important}
  .h-row-search .box{width:100%}
}