/* Mobile layout hardening. This also protects phones that retained an old viewport cache. */
@media (max-width:1000px){
  html,body{width:100%;min-width:0;max-width:100%;overflow-x:hidden}
  header{width:100%;min-width:0;padding:.75rem 1rem}
  main{width:100vw;max-width:100vw;min-width:0;margin:0;padding:1.1rem;overflow:hidden}
  .hero{width:100%;min-width:0;grid-template-columns:1fr;padding:2rem 1.25rem;min-height:0}
  .hero img{display:none}
  .hero h1{font-size:clamp(2.2rem,11vw,3.4rem)}
  .offers-section,.offer-carousel,.offer-slide{width:100%;min-width:0}
  .offer-slide.is-active{display:block;min-height:0}
  .offer-slide img{width:100%;height:220px;object-fit:cover}
  .offer-slide>div{padding:1.25rem 1.15rem 3.5rem}
  .catalogue{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;width:100%}
  .product-card{min-width:0}
  .product-card img{height:170px}
  .product-card>div:last-child{padding:.85rem}
  .product-card h3{font-size:1.05rem;line-height:1.15}
  .product-card p{font-size:.8rem;min-height:0}
  .product-card .actions{display:block}
  .product-card .actions>*{display:block;width:100%;margin:.4rem 0}
  .product-card .actions button,.product-card .actions .button{width:100%;text-align:center}
  .whatsapp-float{right:1rem;bottom:1rem;padding:.72rem .9rem}
  .whatsapp-float span{display:inline!important}
}
@media (max-width:560px){
  .brand{font-size:.9rem;letter-spacing:.08em}
  .brand small{font-size:.48rem;letter-spacing:.12em}
  .catalogue{grid-template-columns:1fr}
  .product-card img{height:245px}
  .section-title{margin:2.5rem 0 1rem}
}