/* SEBEL signature — responsive layer (tablette, mobile portrait & paysage) */
img, video { max-width: 100%; }
.sb-nav-burger { display: none; }

/* ---------- Tablette ≤ 1024px ---------- */
@media (max-width: 1024px) {
  [style*="max-width: 1280px"], [style*="max-width:1280px"],
  [style*="max-width: 960px"],  [style*="max-width:960px"],
  [style*="max-width: 880px"],  [style*="max-width:880px"] {
    padding-left: 32px !important; padding-right: 32px !important;
  }
  section [style*="grid-template-columns"] { gap: 40px !important; }
  footer [style*="grid-template-columns"] { grid-template-columns: 1fr 1fr !important; }
  section h1 { font-size: clamp(38px, 5.6vw, 52px) !important; }
  section h2 { font-size: clamp(32px, 4.4vw, 42px) !important; }
  section [style*="max(48px"] { padding: 72px 40px !important; }

  /* nav → burger */
  .sb-nav-desktop { display: none !important; }
  .sb-nav-burger { display: inline-flex !important; }
}

/* ---------- Mobile (portrait & paysage) ≤ 860px ---------- */
@media (max-width: 860px) {
  [style*="max-width: 1280px"], [style*="max-width:1280px"],
  [style*="max-width: 960px"],  [style*="max-width:960px"],
  [style*="max-width: 880px"],  [style*="max-width:880px"] {
    padding-left: 22px !important; padding-right: 22px !important;
  }
  section [style*="grid-template-columns"],
  footer [style*="grid-template-columns"] { grid-template-columns: 1fr !important; gap: 32px !important; }
  section [style*="order: 2"], section [style*="order:2"] { order: -1 !important; }
  section [style*="position: sticky"], section [style*="position:sticky"] { position: static !important; }
  section [style*="min-height: 620px"], section [style*="min-height:620px"] { min-height: 0 !important; }
  section [style*="max(48px"] { padding: 56px 22px 48px !important; }
  .sb-hero-media { min-height: 320px; }

  section[style*="padding: 112px"], section[style*="padding:112px"],
  section[style*="padding: 104px"], section[style*="padding:104px"],
  section[style*="padding: 120px"], section[style*="padding:120px"],
  section[style*="padding: 96px"],  section[style*="padding:96px"] {
    padding-top: 64px !important; padding-bottom: 64px !important;
  }
  section > div[style*="padding: 104px"], section > div[style*="padding: 96px"] {
    padding-top: 64px !important; padding-bottom: 64px !important;
  }
  footer [style*="padding: 80px"] { padding-top: 56px !important; }

  section h1 { font-size: clamp(32px, 8.6vw, 42px) !important; line-height: 1.08 !important; }
  section h2 { font-size: clamp(28px, 7.4vw, 36px) !important; }
  section h3 { font-size: clamp(20px, 5.4vw, 24px) !important; }
  section p[style*="font-size: 17px"] { font-size: 16px !important; }

  /* images à hauteur fixe */
  section img[style*="object-fit"] { max-height: 360px; }
  section [style*="height: 560px"], section [style*="height: 520px"], section [style*="height: 500px"],
  section [style*="height: 480px"], section [style*="height: 460px"], section [style*="height: 400px"],
  section [style*="height: 380px"] { height: 300px !important; }
  section img[style*="height: 560px"], section img[style*="height: 520px"], section img[style*="height: 460px"] { height: 300px !important; }

  /* rangs flex : autoriser le retour à la ligne */
  section [style*="display: flex"]:not([style*="flex-direction: column"]):not([data-rail]) { flex-wrap: wrap; }
  footer [style*="justify-content: space-between"] { flex-wrap: wrap; }

  /* rail « Nos univers » */
  [data-rail] > a { flex-basis: 82% !important; }
  [data-rail] > a > div:first-child { height: 280px !important; }

  /* pictos décoratifs */
  section > img[alt=""], footer > img[alt=""] { width: 320px !important; }
}

/* ---------- Petit mobile ≤ 480px ---------- */
@media (max-width: 480px) {
  [style*="max-width: 1280px"], [style*="max-width:1280px"],
  [style*="max-width: 960px"],  [style*="max-width:960px"],
  [style*="max-width: 880px"],  [style*="max-width:880px"] {
    padding-left: 18px !important; padding-right: 18px !important;
  }
  section [style*="max(48px"] { padding: 48px 18px 40px !important; }
  .sb-hero-media { min-height: 260px; }
  section [style*="height: 560px"], section [style*="height: 520px"], section [style*="height: 500px"],
  section [style*="height: 480px"], section [style*="height: 460px"], section [style*="height: 400px"],
  section [style*="height: 380px"] { height: 240px !important; }
  [data-rail] > a { flex-basis: 88% !important; }
  [data-rail] > a > div:first-child { height: 240px !important; }
  .sb-btn { width: 100%; justify-content: center; }
}

/* ---------- Menu mobile plein écran ---------- */
.sb-mobile-menu { position: fixed; inset: 0; z-index: 100; background: var(--sebel-vert); color: var(--sebel-blanc-creme); display: flex; flex-direction: column; height: 100dvh; overflow-y: auto; animation: sbMenuIn 240ms cubic-bezier(.2,.6,.2,1); }
.sb-mobile-menu a { color: var(--sebel-blanc-creme); border-bottom: none; }
@keyframes sbMenuIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .sb-mobile-menu { animation: none; } }