/* ==========================================================================
   Delopoulos SA — responsive overrides
   Loaded after style.css. Authored breakpoints:
     820px  mobile (footer accordion, single-column, mobile legal grid)
     900px  packaging index / product row reflow
     960px  minor section reflow
     1080px hamburger replaces desktop nav
   ========================================================================== */

@media (max-width:1080px){
  .dl-desktop-nav{display:none}
  .dl-hamburger{display:flex}
}

@media (max-width:820px){
  .split-2{grid-template-columns:1fr !important}
  .split-img{order:-1}
  .footer-grid{grid-template-columns:1fr !important;gap:0 !important}
  .footer-head{padding:24px 0;cursor:pointer}
  .footer-grid>div:not(.footer-col-brand){border-bottom:1px solid #262626}
  .footer-head .footer-title-arrow{font-size:16px !important;letter-spacing:.14em !important;color:#e5e5e5 !important}
  .footer-chev{display:block !important;transition:transform .3s ease}
  .footer-links{display:grid !important;grid-template-rows:0fr !important;margin-top:0 !important;transition:grid-template-rows .45s cubic-bezier(0.16,1,0.3,1) !important;overflow:hidden}
  .footer-links[data-open="1"]{grid-template-rows:1fr !important}
  .footer-links{min-height:0}
  .footer-links-inner{overflow:hidden;min-height:0}
  .footer-links[data-open="1"] .footer-links-inner{padding:4px 0 22px}
  .footer-col-brand{padding-bottom:8px}
  .footer-bottom{flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center;gap:10px !important;margin-top:0 !important}
  .footer-legal-mobile{display:grid !important;grid-template-columns:1fr 1fr;gap:4px;padding:28px 0}
  .footer-legal-mobile a{background:rgba(255,255,255,.05);border-radius:8px;padding:15px 10px;text-align:center}
  .footer-legal-desktop{display:none !important}

  /* Homepage */
  .vision-row{flex-direction:column;flex-wrap:nowrap;gap:16px}
  .vision-card{flex:1 1 auto;width:100%;min-width:0}
  .vision-card-media{height:460px}
  .pack-row{grid-template-columns:1fr;gap:8px;padding:18px 0}
  .pack-text{padding:clamp(48px,10vw,72px) 24px}
  .news-3{grid-template-columns:1fr}
  .news-feat{min-height:0}
}