/* ==========================================================================
   Responsive — ציפי שטיין
   ========================================================================== */

@media (max-width:1080px){
  .cats{grid-template-columns:repeat(2,1fr)}
  .products{grid-template-columns:repeat(3,1fr)}
  .masonry{columns:3}
  .reviews-grid{columns:2}
}

@media (max-width:900px){
  .nav,.head-cta .btn{display:none}
  .burger{display:block}
  .steps{grid-template-columns:1fr}
  .split{grid-template-columns:1fr;gap:32px}
  .split--rev{direction:rtl}
  .split__media{aspect-ratio:16/11}
  .strip{grid-template-columns:repeat(2,1fr)}
  .products{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:640px){
  body{font-size:16px}
  :root{--head-h:66px}
  .masonry{columns:2;column-gap:12px}
  .tile{margin-bottom:12px}
  .reviews-grid{columns:1}
  .form-grid{grid-template-columns:1fr}
  .cats{gap:14px}
  .strip{grid-template-columns:1fr 1fr;gap:10px}
  .hero__actions{flex-direction:column;align-items:stretch}
  .hero__actions .btn{width:100%}
  .foot-nav{gap:6px 18px;font-size:.88rem}
  .foot-contact{gap:9px}
  .foot-chip{width:100%;max-width:280px;justify-content:center;padding:11px 16px}
  .lb__btn{width:44px;height:44px;font-size:1.3rem}
  .lb__prev{inset-inline-end:8px}
  .lb__next{inset-inline-start:8px}
  .cart-fab{inset-block-end:20px;inset-inline-end:18px;width:54px;height:54px}
  .wa-float{width:52px;height:52px}
}

@media (max-width:420px){
  .products{grid-template-columns:1fr 1fr;gap:12px}
  .pcard__body{padding:12px 12px 14px}
  .pcard__name{font-size:.98rem}
  .add-btn{padding:8px 12px;font-size:.78rem}
  .brand small{display:none}
}

/* trust bar · PAS · FAQ */
@media (max-width:640px){
  .trustbar{gap:8px 14px;font-size:.88rem}
  .trustbar li{gap:14px}
  .pas__inner{text-align:start}
  .pas__inner .eyebrow{justify-content:flex-start}
  .pas__inner .btn{width:100%}
  .faq__item summary{padding:15px 16px}
  .faq__item summary h3{font-size:1rem}
  .faq__a{padding:0 16px 17px}
}
@media (max-width:420px){
  .trustbar{font-size:.82rem;gap:6px 12px;margin-top:16px}
  .trustbar li{gap:12px}
  .hero__sub{margin-top:16px}
  .hero__actions{margin-top:22px}
}
@media (max-width:640px){
  .terms__list li{grid-template-columns:1fr;gap:4px}
}