/* Responsive strategy: mobile-first refinements plus desktop layouts */
@media (max-width:1100px){.products-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.cart-layout,.checkout-layout{grid-template-columns:1fr 320px}.desktop-nav a{padding-inline:8px}}
@media (max-width:900px){:root{--header-h:64px}.container{width:min(100% - 24px,var(--container))}.desktop-nav{display:none}.hamburger{display:inline-flex}.brand img{width:40px;height:40px}.brand-title small{display:none}.user-action{display:none}.hero{padding:24px 0 42px}.hero-grid{grid-template-columns:1fr;gap:22px}.hero-content{order:2}.hero-visual{order:1}.hero-img-wrap{border-radius:30px}.floating-card{right:12px;bottom:12px;max-width:230px}.hero h1{font-size:clamp(2rem,11vw,3.3rem)}.hero p{font-size:1rem}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat-card{padding:10px}.section{padding:46px 0}.section-head{align-items:flex-start;flex-direction:column}.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.filters-bar{grid-template-columns:1fr;gap:10px}.special-banner{grid-template-columns:1fr;padding:20px;border-radius:28px}.product-detail{grid-template-columns:1fr}.cart-layout,.checkout-layout{grid-template-columns:1fr}.summary-card{position:static}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.bottom-nav{position:fixed;right:10px;left:10px;bottom:10px;z-index:990;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-md);display:grid;grid-template-columns:repeat(5,1fr);padding:7px}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:16px;padding:7px 4px;color:var(--muted);font-size:.72rem;font-weight:900}.bottom-nav a.active{background:var(--surface-2);color:var(--primary)}body{padding-bottom:86px}.site-footer{padding-bottom:98px}.footer-accordion-btn{display:flex;width:100%;align-items:center;justify-content:space-between;color:#fff;font-weight:900;padding:12px 0}.footer-col:not(.brand-col) h4{display:none}.footer-col .footer-list,.footer-col .footer-content{display:none}.footer-col.open .footer-list,.footer-col.open .footer-content{display:grid}.newsletter{border-radius:18px}.form-grid{grid-template-columns:1fr}.cart-item{grid-template-columns:76px 1fr;position:relative}.cart-item img{width:76px;height:70px}.cart-item-actions{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.search-result{grid-template-columns:58px 1fr}.search-result .btn{display:none}}
@media (max-width:520px){body{font-size:15px}.header-inner{gap:8px}.header-actions{gap:5px}.icon-btn{width:40px;height:40px}.brand{gap:7px}.hero-cta .btn{flex:1}.hero-stats{overflow:auto;display:flex}.stat-card{min-width:126px}.products-grid{grid-template-columns:1fr}.product-card{display:grid;grid-template-columns:118px 1fr;gap:10px;border-radius:22px}.product-media{height:100%;border-radius:18px}.product-media img{height:100%;aspect-ratio:auto}.product-desc{min-height:auto;font-size:.82rem}.card-actions{grid-template-columns:1fr 42px}.category-card{min-width:104px;padding:12px 8px}.category-icon{width:38px;height:38px}.timer-box{min-width:62px}.special-img{display:none}.sticky-buy{left:10px;right:10px;bottom:86px;position:fixed;z-index:900;border-radius:22px}.detail-panel{padding:16px}.choice{font-size:.88rem;padding:8px 10px}.gallery-thumbs button{width:68px;height:58px}.cart-item h3{font-size:.94rem}.coupon-row{flex-direction:column}.modal-card{padding:14px;border-radius:22px}.footer-grid{gap:8px}}
@media (min-width:1440px){:root{--container:1280px}.products-grid{grid-template-columns:repeat(4,1fr)}}

/* ===== Responsive UX upgrade ===== */
/* دسته‌بندی‌ها دیگر اسکرول افقی ندارند؛ در دسکتاپ شبکه‌ای و در موبایل زیر هم/چندردیفه می‌شوند */
.categories-row{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(112px,1fr));
  gap:12px;
  overflow:visible!important;
  padding:4px 0 0!important;
}
.category-card{min-width:0!important;width:100%;min-height:112px}

@media (max-width:1100px){
  .categories-row{grid-template-columns:repeat(5,1fr)}
  .hero-grid{gap:28px}
  .products-grid{gap:16px}
}

@media (max-width:900px){
  .container{width:min(100% - 28px,var(--container))}
  .header-inner{height:66px}
  .hero{padding:28px 0 52px;text-align:center}
  .hero-grid{gap:24px}
  .hero p{margin-inline:auto;max-width:620px}
  .hero-cta{justify-content:center}
  .hero-stats{margin-inline:auto}
  .floating-card{right:50%;transform:translateX(50%);bottom:-14px;width:min(92%,280px)}
  .hero-img-wrap img{aspect-ratio:1.25/1;object-fit:cover}
  .categories-row{grid-template-columns:repeat(3,1fr);gap:10px}
  .category-card{min-height:104px;border-radius:22px;padding:14px 8px}
  .category-icon{width:46px;height:46px}
  .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .product-card{height:100%}
  .special-banner{text-align:center}
  .special-banner .price-row,.timer{justify-content:center}
  .cart-layout,.checkout-layout{gap:16px}
  .summary-card{border-radius:24px}
}

@media (max-width:620px){
  body{font-size:15px}
  .container{width:min(100% - 20px,var(--container))}
  .hero{padding-top:20px}
  .hero h1{font-size:clamp(2rem,12vw,3rem);line-height:1.18}
  .hero p{font-size:.96rem}
  .hero-cta{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-cta .btn{width:100%}
  .hero-stats{display:grid;grid-template-columns:1fr;overflow:visible;max-width:100%}
  .stat-card{min-width:0;text-align:center}
  .floating-card{position:relative;right:auto;bottom:auto;transform:none;margin:12px auto 0;max-width:100%}
  .section{padding:38px 0}
  .section-head{gap:12px;margin-bottom:18px}
  .section-head .btn{width:100%}
  .categories-row{grid-template-columns:repeat(2,1fr);gap:10px}
  .category-card{min-height:96px;padding:12px 8px}
  .category-icon{width:42px;height:42px;margin-bottom:4px}
  .filters-bar{position:relative;z-index:2}
  .products-grid{grid-template-columns:1fr;gap:12px}
  .product-card{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:9px;border-radius:24px;align-items:stretch}
  .product-media{height:100%;min-height:150px}
  .product-media img{height:100%;aspect-ratio:auto;object-fit:cover}
  .product-body{padding:4px 2px}
  .product-title{font-size:1rem;line-height:1.45}
  .product-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0;font-size:.82rem}
  .price-row{margin:8px 0;flex-wrap:wrap}
  .card-actions{grid-template-columns:1fr 42px;gap:7px}
  .card-actions .btn{min-height:42px;padding-inline:10px}
  .add-btn{width:42px;height:42px}
  .special-banner{border-radius:26px;padding:18px}
  .timer{gap:8px}
  .timer-box{flex:1;min-width:0}
  .form-grid{gap:10px}
  .cart-item{grid-template-columns:84px 1fr;gap:10px;padding:10px;border-radius:22px}
  .cart-item img{width:84px;height:84px}
  .cart-item-actions{grid-column:1/-1;gap:10px;flex-wrap:wrap}
  .cart-item-actions .qty-control{flex:1;justify-content:space-between}
  .cart-item-actions .btn{flex:1}
}

@media (max-width:390px){
  .categories-row{grid-template-columns:1fr}
  .category-card{min-height:76px;flex-direction:row;justify-content:flex-start;text-align:right;padding:12px 14px;gap:12px}
  .category-icon{margin:0;width:44px;height:44px;flex:0 0 44px}
  .product-card{grid-template-columns:1fr}
  .product-media{min-height:0;height:auto}
  .product-media img{aspect-ratio:1.25/1;height:auto}
  .bottom-nav{right:6px;left:6px;bottom:6px;border-radius:20px}
  .bottom-nav a{font-size:.68rem;padding:6px 2px}
  body{padding-bottom:78px}
}

@media (max-width:620px){.filters-bar-search-only{margin-top:18px;margin-bottom:22px}.filters-bar-search-only .search-panel{border-radius:22px;padding:8px}.filters-bar-search-only input{min-height:48px}}

/* Mobile footer menu — matte frosted glass style */
@media (max-width:900px){
  .bottom-nav{
    right:12px;
    left:12px;
    bottom:12px;
    padding:8px;
    border-radius:28px;
    background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.055));
    border:1px solid rgba(255,255,255,.22);
    box-shadow:0 22px 70px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.06);
    backdrop-filter:blur(22px) saturate(1.35);
    -webkit-backdrop-filter:blur(22px) saturate(1.35);
    overflow:hidden;
  }
  .bottom-nav:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.22),transparent 34%),radial-gradient(circle at 80% 100%,rgba(255,45,32,.18),transparent 42%);
    opacity:.75;
  }
  .bottom-nav a{
    position:relative;
    z-index:1;
    min-height:54px;
    border-radius:20px;
    color:rgba(255,255,255,.72);
    transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);
  }
  .bottom-nav a svg{width:21px;height:21px;opacity:.92}
  .bottom-nav a:hover,
  .bottom-nav a.active{
    color:#fff;
    background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.10));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 24px rgba(0,0,0,.22);
    transform:translateY(-2px);
  }
  .bottom-nav a.active:after{
    content:"";
    position:absolute;
    bottom:5px;
    width:18px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg,#ff2d20,#ffc145);
    box-shadow:0 0 18px rgba(255,45,32,.7);
  }

  /* Mobile site footer also gets a softer matte glass accordion look */
  .site-footer{
    background:linear-gradient(180deg,rgba(18,18,23,.92),rgba(7,7,9,.96));
  }
  .footer-col:not(.brand-col){
    border:1px solid rgba(255,255,255,.12);
    border-radius:22px;
    padding:0 14px;
    background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  .footer-accordion-btn{
    min-height:52px;
  }
}

@media (max-width:390px){
  .bottom-nav{right:8px;left:8px;bottom:8px;border-radius:24px;padding:7px}
  .bottom-nav a{min-height:50px;border-radius:18px}
}