/* آچاربرق — ریسپانسیو */

@media (max-width:1200px){
  .ach-cats__grid{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:1024px){
  .ach-wholesale__inner{grid-template-columns:1fr;gap:22px}
  .ach-footer__grid{grid-template-columns:1fr 1fr;gap:28px}
}

@media (max-width:900px){
  .ach-trust__grid{grid-template-columns:repeat(2,1fr);gap:16px}
}

/* زیر ۱۲۰۰: عنوان‌های منو به ردیف دوم می‌روند تا جستجو له نشود */
@media (max-width:1200px){
  .ach-header__main{padding-block:10px;min-block-size:0}
  .ach-nav{flex:0 0 100%;order:9;overflow-x:auto;scrollbar-width:none;
    border-block-start:1px solid var(--wp--preset--color--border);padding-block-start:8px}
  .ach-nav::-webkit-scrollbar{display:none}
}

@media (max-width:782px){
  .ach-topbar__group--secondary{display:none}
  .ach-header__main{gap:12px;padding-block:12px;min-block-size:0}
  .ach-header__brand{order:1}
  .ach-header__tools{order:2;margin-inline-start:auto;gap:10px}
  .ach-header__search{order:3;flex-basis:100%}
  .ach-header__cta{order:4}
  /* در موبایل فقط آیکون بماند تا هدر بلند نشود */
  .wc-block-customer-account__link .label{display:none}
  .wc-block-mini-cart__amount{display:none}
  .wc-block-mini-cart__button{padding-inline:6px}
}

@media (max-width:600px){
  .ach-cats__grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .ach-cat{min-block-size:112px;padding:16px 8px}
  .ach-cat svg{inline-size:32px;block-size:32px}
  .ach-trust__grid{grid-template-columns:1fr}
  .ach-footer__grid{grid-template-columns:1fr;gap:24px}
  .ach-footer__bottom-inner{flex-direction:column;gap:8px}
  .ach-section__head{margin-block-end:16px}
}


/* شبکه محصولات — کنترل تعداد ستون در اندازه‌های میانی */
.wc-block-product-template__responsive.columns-3{grid-template-columns:repeat(auto-fill,minmax(max(210px,33.3333% - .83333em),1fr))}
.wc-block-product-template__responsive.columns-4{grid-template-columns:repeat(auto-fill,minmax(max(210px,25% - .9375em),1fr))}
@media (max-width:600px){
  .wc-block-product-template__responsive.columns-2,
  .wc-block-product-template__responsive.columns-3,
  .wc-block-product-template__responsive.columns-4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:360px){
  .wc-block-product-template__responsive.columns-2,
  .wc-block-product-template__responsive.columns-3,
  .wc-block-product-template__responsive.columns-4{grid-template-columns:1fr}
}

@media (max-width:360px){
  .ach-cats__grid{grid-template-columns:1fr}
}
