/* ============================================================
   BRICKENCY — responsive.css
   Le design Claude Design est conçu à 1440px. Ces media queries
   adaptent les grilles principales aux tablettes et mobiles sans
   toucher au rendu desktop.
   ============================================================ */

@media (max-width: 1180px) {
  .megagrid { grid-template-columns: repeat(3, 1fr); }
  .cat-grid { grid-template-columns: repeat(3, 1fr); }
  .compat-grid { grid-template-columns: repeat(4, 1fr); }
  .ps-grid, .team-grid { grid-template-columns: repeat(2, 1fr); }
  .pp-app { grid-template-columns: 200px 1fr; }
  .pp-cart { grid-column: 1 / -1; position: static; max-height: none; min-height: 0; }
}

@media (max-width: 1024px) {
  .hero h1 { font-size: 52px; }
  .ah h1 { font-size: 72px; }
  .bomhero h1 { font-size: 56px; }
  .cband h2 { font-size: 56px; }
  .man-grid > div h2 { font-size: 44px; }
  .pd-name { font-size: 44px; }

  .cat-layout { grid-template-columns: 1fr; }
  .cat-side { position: static; order: 2; }
  .pdlayout { grid-template-columns: 1fr; gap: 32px; }
  .cart-layout { grid-template-columns: 1fr; }
  .osum { position: static; }
  form.woocommerce-checkout .cobody { grid-template-columns: 1fr; }
  .osumX { position: static; }
  .acc-layout { grid-template-columns: 1fr; }
  .acc-layout .woocommerce-MyAccount-navigation { position: static; }
  .acchead-grid { grid-template-columns: 1fr; gap: 24px; }
  .bom-main { grid-template-columns: 1fr; }
  .bom-side { position: static; }
  .man-grid { grid-template-columns: 1fr; gap: 40px; }
  .cband-grid { grid-template-columns: 1fr; gap: 48px; }
  .tab-content { grid-template-columns: 1fr; }
  .inv-row { grid-template-columns: 48px 50px 60px 1fr 80px 70px 70px 60px 90px; gap: 8px; font-size: 11px; }
}

@media (max-width: 820px) {
  .section { padding-left: 16px; padding-right: 16px; }
  .hero h1 { font-size: 38px; }
  .ah h1 { font-size: 48px; }
  .cthead h1 { font-size: 40px; }
  .acchead h1 { font-size: 38px; }
  .subhead h1 { font-size: 32px; }
  .pphead h1 { font-size: 38px; }
  .bomhero h1 { font-size: 40px; }
  .cband h2 { font-size: 40px; }

  .megagrid { grid-template-columns: repeat(2, 1fr); }
  .cat-grid { grid-template-columns: repeat(2, 1fr); }
  .tri { grid-template-columns: 1fr; }
  .compat-grid { grid-template-columns: repeat(2, 1fr); }
  .ps-grid, .team-grid { grid-template-columns: 1fr; }
  .faq-grid { grid-template-columns: 1fr; }
  .acc-stats { grid-template-columns: 1fr 1fr; }
  .contact-channels { grid-template-columns: 1fr; }
  .cform-row { grid-template-columns: 1fr; }
  .pp-app { grid-template-columns: 1fr; }
  .pp-side { position: static; }
  .pp-grid, .pp-grid.compact { grid-template-columns: repeat(3, 1fr); }
  .parse { grid-template-columns: repeat(2, 1fr); }
  .steps-inner { grid-template-columns: 1fr 1fr; gap: 10px; }
  .megasearch-body { grid-template-columns: 1fr; }
  .megasearch-input input { font-size: 18px; }
  .megasearch-foot { flex-direction: column; gap: 8px; align-items: flex-start; }
  .hero-meta { grid-template-columns: 1fr; }
  .subhead-row { flex-direction: column; align-items: flex-start; gap: 14px; }
  .woocommerce-checkout .co-block .b .woocommerce-billing-fields__field-wrapper,
  .woocommerce-checkout .co-block .b .woocommerce-shipping-fields__field-wrapper { grid-template-columns: 1fr; }
  .woocommerce-account .u-columns.col2-set { grid-template-columns: 1fr; }
  .acc-layout .woocommerce-Addresses { grid-template-columns: 1fr; }

  /* Tableaux larges → scroll horizontal */
  .inv-table, .mtable, .cart-wrap { overflow-x: auto; }
  .inv-row { min-width: 700px; }
  .cart-list-h, .cart-row { min-width: 760px; }

  /* Header chrome — passage en barre compacte */
  .cx-bar { flex-wrap: wrap; gap: 10px; }
  .cx-search { order: 5; flex: 1 1 100%; max-width: none; }
  .cx-stock { display: none; }
  .cx-nav { overflow-x: auto; }
  .cx-cats-inner { overflow-x: auto; }
  .cx-foot-top { flex-direction: column; gap: 32px; }
  .cx-foot-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
  .cx-foot-bot { flex-direction: column; gap: 12px; }
}

@media (max-width: 520px) {
  .megagrid { grid-template-columns: 1fr; }
  .cat-grid { grid-template-columns: 1fr; }
  .pp-grid, .pp-grid.compact { grid-template-columns: repeat(2, 1fr); }
  .pdthumbs { grid-template-columns: repeat(4, 1fr); }
  .pdspec { grid-template-columns: 1fr 1fr; }
  .pd-price-block { grid-template-columns: 1fr; }
  .pd-buy-wrap form.cart { grid-template-columns: 1fr; }
  .acc-stats { grid-template-columns: 1fr; }
}