/* =============================================================
   PARITAS CERAMICA — responsive.css
   Desktop-first. Breakpoints: 1280 / 1024 / 768 / 480
   (mirrors the source template's 991 / 767 / 479 system)
   ============================================================= */

@media (max-width:1280px){
  :root{--section-y:100px;--large-pad:120px}
  .container{padding-inline:40px}
  .divider{padding-inline:40px}
}

@media (max-width:1024px){
  :root{--gutter:32px;--grid-gap:48px;--section-y:80px;--large-pad:120px}
  .container{padding-inline:32px}
  .divider{padding-inline:32px}

  .site-header{height:84px}

  .ov-body{grid-template-columns:1fr;gap:56px;align-content:center}
  .ov-info{gap:48px}

  .hero{padding-top:150px}

  .split-title{grid-template-columns:1fr;gap:36px;align-items:start}
  .products-grid{grid-template-columns:1fr;gap:48px;margin-top:48px}
  .products-grid .col-offset{padding-top:0}
  .products-foot{grid-template-columns:1fr;gap:40px}

  .split{grid-template-columns:1fr;gap:56px}
  .split .media{aspect-ratio:1;max-height:none}
  .split-text{max-width:none}

  .offers-grid{grid-template-columns:1fr;gap:48px}
  .offers-l .mixed,.offers-r .mixed{max-width:100%}

  .footer-grid{grid-template-columns:1fr;gap:72px}
}

@media (max-width:768px){
  :root{--gutter:24px;--section-y:72px;--large-pad:96px;--fs-body:1.125rem}
  .container{padding-inline:24px}
  .divider{padding-inline:24px}

  .site-header{height:64px}
  .site-header.solid{height:60px}
  .brand{font-size:1.3rem;letter-spacing:.22em}
  .nav-open .label{display:none}

  .nav-overlay{grid-template-rows:64px 1fr}
  .nav-close{width:44px;height:44px}

  .hero{min-height:92vh;padding-top:120px}
  .hero-inner{gap:28px}

  .intro-circle{margin-top:80px}

  .p-card .inner,.p-card .meta{padding-left:28px;padding-right:28px}
  .p-card .inner{padding-bottom:28px}
  .p-card .meta{padding-top:28px}

  .widget{grid-template-columns:1fr}
  .widget-media{max-width:100%;aspect-ratio:16/10;min-height:0}
  .widget-body{padding:32px 24px}
  .widget-foot{flex-direction:column;align-items:flex-start;gap:12px}

  .trust{gap:24px;flex-direction:column}

  .footer-contact{grid-template-columns:1fr;gap:40px}
  .copyright{flex-direction:column;align-items:flex-start;gap:10px}
}

@media (max-width:480px){
  :root{--gutter:18px;--section-y:64px;--large-pad:56px;--fs-body:1.125rem}
  .container{padding-inline:18px}
  .divider{padding-inline:18px}

  .hero{min-height:88vh;padding-top:104px;padding-bottom:40px}
  .display{font-size:clamp(2.9rem,13vw,3.6rem)}

  .btn{min-width:0;width:100%;max-width:320px}
  .header-cta .btn{width:auto;min-width:0}

  .p-card .inner,.p-card .meta{padding-left:22px;padding-right:22px}
  .card-arrow{width:44px;height:44px}

  .intro-badge{width:66px;height:66px}
  .intro-badge .mark{width:34px;height:34px}

  .spinner-btn{width:96px;height:96px}
  .footer-main{padding-top:56px}
}

/* hide the scroll cue on small screens — the slideshow dots carry the hint */
@media (max-width:768px){
  .scroll-cue{display:none}
}