/* ============================================================
   K SMART · Responsive — per-breakpoint tuning
   ============================================================ */
@media (min-width:1600px){
  .grid-products{grid-template-columns:repeat(4,1fr)}
  .hero__device{width:min(100%,980px)}
}

/* laptop */
@media (max-width:1180px){
  .grid-products{grid-template-columns:repeat(3,1fr)}
  .cats{grid-template-columns:repeat(3,1fr)}
  .values{grid-template-columns:repeat(2,1fr)}
  .brandgrid{grid-template-columns:repeat(4,1fr)}
  .footer__grid{grid-template-columns:1.4fr 1fr 1fr;gap:2rem}
  .footer__brandcol{grid-column:1/-1;max-width:none}
}

/* tablet / iPad */
@media (max-width:1024px){
  :root{--nav-h:60px}
  .nav{display:none}
  .burger{display:grid}
  .header__call{display:none}
  .stores{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .reviews-grid{grid-template-columns:1fr 1fr}
  .about-split{grid-template-columns:1fr}
  .about-media{order:-1;aspect-ratio:16/10}
  .contact{grid-template-columns:1fr}
  .modal__card{grid-template-columns:1fr;max-height:92vh}
  .modal__media{max-height:36vh}
}

/* large phone */
@media (max-width:860px){
  .offers{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .brandgrid{grid-template-columns:repeat(3,1fr)}
  .reviews-grid{grid-template-columns:1fr}
  .about-values{grid-template-columns:1fr}
  .hero__device{aspect-ratio:4/3}
}

/* standard phone */
@media (max-width:720px){
  .grid-products{grid-template-columns:repeat(2,1fr)}
  .cats{grid-template-columns:repeat(2,1fr)}
  .values{grid-template-columns:1fr 1fr}
  .stores{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .section-head{align-items:flex-start}
  .filters__pills,.store-toolbar{width:100%}
  .filters__pills{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
  .field--row{grid-template-columns:1fr}
  /* Mobile hero: clean product image as the focus; trust chips become a tidy 2x2 grid below it */
  .hero__stage{perspective:none}
  .hero__device{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:.55rem;box-shadow:none;border-radius:0;transform:none!important}
  .hero__device::after{display:none}
  .hero__device .media{grid-column:1/-1;aspect-ratio:1/1;height:auto;width:100%;border-radius:var(--r-xl);box-shadow:var(--sh-3);margin-bottom:.35rem}
  .hero__glare{display:none}
  .hero__plinth{display:none}
  .trust-chip{position:static;padding:.72rem .8rem;border-radius:var(--r-md);gap:.65rem;background:var(--surface);border-color:var(--line);box-shadow:var(--sh-1);backdrop-filter:none;-webkit-backdrop-filter:none}
  .trust-chip i{width:34px;height:34px;border-radius:10px}
  .trust-chip__k{font-size:9.5px}
  .trust-chip__v{font-size:.92rem}
}

/* small phone */
@media (max-width:520px){
  .values{grid-template-columns:1fr}
  .pcard{padding:.7rem;border-radius:var(--r-md);gap:.65rem}
  .pcard__media{border-radius:var(--r-sm)}
  .pcard__name{font-size:.94rem}
  .pcard__specs span:nth-child(3){display:none}
  .hero__cta{width:100%;flex-direction:column;align-items:stretch}
  .hero__cta .btn{width:100%}
  .footer__grid{grid-template-columns:1fr 1fr}
  .footer__bottom{flex-direction:column;align-items:flex-start}
  .stats{grid-template-columns:1fr 1fr}
  .stat{padding:1.15rem 1rem}
  .brandgrid{grid-template-columns:repeat(2,1fr)}
  .ctaband__cta{width:100%;flex-direction:column}
  .ctaband__cta .btn{width:100%}
  .scard__cta{flex-wrap:wrap}
  .scard__cta .btn{min-width:calc(50% - .25rem)}
  /* header: icon-only WhatsApp to keep the bar uncrowded; larger tap targets */
  .header__actions .btn--wa{padding:.6em;width:41px;height:41px}
  .header__actions .btn--wa .btn__label{display:none}
  .icon-btn,.burger{width:44px;height:44px}
  .qa__btn--top{width:46px;height:46px}
}

/* very small phone */
@media (max-width:380px){
  .grid-products{grid-template-columns:1fr}
  .cats{grid-template-columns:1fr 1fr}
  .values{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr}
}

@media (hover:none){
  .cat:hover,.pcard:hover,.value:hover,.scard:hover,.offer:hover,.cchannel:hover,.step:hover{transform:none}
  .pcard__quick{position:static;transform:none;background:transparent;border:none;color:var(--brand);padding:.4rem 0 0;justify-content:flex-start}
}

@media (max-height:520px) and (orientation:landscape){
  .mobile-nav{padding-top:calc(var(--nav-h) + 18px)}
}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  [data-reveal]{opacity:1!important;transform:none!important}
  .reveal-lines>*>span{transform:none!important}
  .trust-chip{opacity:1!important;transform:none!important}
  .ticker,.brands__row{animation:none!important}
  .cursor{display:none!important}
  body.cursor-on{cursor:auto}
  .loader{display:none!important}
  html.is-loading{overflow:auto}
  .qa__btn .pulse{display:none}
}

@media print{
  .header,.mobile-nav,.scrim,.qa,.toasts,.progress,.ticker-bar,.cursor,.loader,.modal,.hero__scroll{display:none!important}
  body{background:#fff;color:#000}
  *{box-shadow:none!important}
  .footer{background:#fff;color:#000}
}