/* Mobile layout corrections, scoped so the desktop composition stays intact. */
@media(max-width:1024px) {
 main { overflow-x: clip; }
 .site-header, .site-header.is-scrolled { height: 84px; background: #fff9f1; backdrop-filter: none; }
 .site-header .primary-nav { inset: 0; width: 100%; max-width: none; height: 100vh; height: 100dvh; justify-self: stretch; background: #fff9f1; visibility: hidden; pointer-events: none; padding: 100px 24px max(28px,env(safe-area-inset-bottom)); align-content: center; }
 .site-header .primary-nav.is-open { visibility: visible; pointer-events: auto; }
 .site-header .brand, .site-header .menu-toggle { position: relative; z-index: 3; }
 .site-header .menu-toggle { width: 48px; height: 48px; display: grid; align-content: center; justify-content: center; gap: 5px; }
 .site-header .menu-toggle span { margin: 0; }
 body.nav-open .whatsapp-float, body.nav-open .bag-preview { visibility: hidden; }
 .page-main.about-page .about-intro, .page-main.private-landing .private-intro { padding-top: 116px; }
 .product-landing .product-breadcrumb { padding-top: 108px; }
}
@media(max-width:768px) {
 .home .hero { background: #fff9f1; min-height: 710px; padding-bottom: 320px; }
 .home .hero-centered-content { min-height: 0; }
 .home .hero-centered-content h1::before { display: none; }
 .home .hero::before { inset: auto 0 0; height: 300px; background: linear-gradient(#fff9f1,transparent 22%,transparent 80%,#fff9f144); }
 .home .hero-background-slider { inset: auto 0 0; height: 300px; }
 .home .hero-background-slide { background-position: 80% center; }
 .home .hero-background-slide:nth-child(1), .home .hero-background-slide:nth-child(3) { background-image: url('../images/linea-pan-rallado-v1.webp') !important; }
 .home .hero-background-slide:nth-child(2) { background-image: url('../images/linea-rebozadores-v1.webp') !important; background-position: 80% center; }
 .home .category-product-grid { gap: 28px; }
 .home .category-product-card { min-height: 330px; }
 .home .private-label-banner { background: #fff9f1; }
 .home .private-label-banner, .home .private-label-banner-inner { min-height: 0; }
 .home .private-label-banner-inner { padding-bottom: 290px; }
 .home .private-label-copy { width: 100%; padding: 40px 0; }
 .home .private-label-copy h2 { font-size: clamp(32px,8vw,42px); }
 .home .private-label-video { top: auto; bottom: 0; height: 280px; object-position: 65% center; }
 .home .private-label-banner::before { display: none; }
 .home .certification-card { gap: 28px 12px; }
 .home .certification-item { min-height: 0; padding: 8px; }
 .home .certification-icon-image { width: 110px; height: 110px; }
 .private-intro-media, .private-intro-visual img { aspect-ratio: 4/3; height: auto; min-height: 0; }
 .about-food img { object-position: center; }
 .quality-journey-photo img { height: auto; aspect-ratio: 4/3; object-position: center; }
 .catalog-hero-duo { height: auto; aspect-ratio: 4/3; }
 .catalog-hero-duo img { object-position: 78% center; }
 .catalog-hero-photo { height: auto; aspect-ratio: 4/3; object-position: 78% center; }
 .product-uses-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
 .product-uses-grid img { width: 100%; height: auto; aspect-ratio: 1; margin-bottom: 12px; }
 .product-uses-grid h3 { font-size: 14px; }
}
@media(max-width:1024px) and (max-height:560px) {
 .site-header .primary-nav { align-content: start; padding-top: 86px; gap: 12px; }
 .site-header .primary-nav .nav-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; }
 .site-header .primary-nav .nav-list a { font-size: 18px; }
}