/* ============ LM LAYOUT — skin-independent geometry (2026-08-13) ============
   Split out of mono-header.css when the skin system landed: the wide canvas is
   a LAYOUT decision that every skin shares; skins own only color/chrome.
   Loads at 998, before whichever skin sheet is active (999). */

/* ================================================================
   WIDE CANVAS (graded in from reveal gallery card 06 "Mono Wide";
   measured off the 1590px canvas pattern in modern parts-store themes).
   ONE lever: desktop-monitor visitors get the wide canvas; the media query
   keeps phones / tablets / laptop-width windows (<1400px) EXACTLY as before. */
@media (min-width:1400px){
  .lmcs-wrap{max-width:1590px}
  /* .lm-enhanced .col-full{1300} in child style.css outranks a bare .col-full —
     match its specificity; this sheet prints late so order settles the tie */
  .col-full,.lm-enhanced .col-full{max-width:1590px}
  .lfn-wrap,div.lfn-wrap[style]{max-width:1590px !important}
  .lmb{max-width:1590px}
  /* PDP balance (calibrated against Lethal's 760px gallery): photo column caps
     at 760 so it doesn't become a giant square slab; buy column takes the rest */
  .lfn-cols:not(.lfn-noimg){grid-template-columns:minmax(0,760px) minmax(0,1fr);gap:56px}
  /* hybrid/wild homepage sections ride along where gated on */
  .wh2-hero .w,.wh2-sec .w,.wh2-tv .w,.wh2-ig .w,.wh2-help .w{max-width:1590px}
  /* browse grids: bigger tiles on the wide canvas — 220px min was the
     1100-canvas number; 290 reflows to fewer, larger cards */
  .lfb-results.grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
  /* the browse app's own 1320 root cap rides up with the canvas */
  .lfb,.lfb-vehband .lfb-veh-in,.lfb-vehband .lfb-cats{max-width:1590px}
  /* list view rides along */
  .lfb-row{grid-template-columns:110px 1fr auto}
  .lfb-row-img{width:110px;height:110px}
  /* ONE LEFT LINE (review 08-13: "breadcrumb and refine nav should align with
     the word MODELS") — header rows pad 22px inside the 1590 canvas; the content
     containers pad 16-20px, landing 6-22px left of the header's line. Harmonize
     every container's gutter to 22px so logo, MODELS, breadcrumb, rail, grid,
     PDP and brands all share the same left edge. */
  .lfb{padding-left:22px;padding-right:22px}
  .lfn-wrap,div.lfn-wrap[style]{padding-left:22px !important;padding-right:22px !important}
  .lmb{padding-left:22px;padding-right:22px}
}

/* BRANDS MEGA — structure (moved from mono-header.css 2026-08-13: layout is
   skin-independent; the skins color it) */
.lmcs-mpanel-brands{flex-direction:column;padding:16px 22px 20px;width:max-content;max-width:min(1080px,calc(100vw - 40px))}
@media (max-width:1100px){.lmcs-mpanel-brands{width:auto}}
.lmcs-mb-head{display:flex;align-items:baseline;justify-content:space-between;gap:26px;margin-bottom:10px}
.lmcs-mb-head h5{font-family:var(--lm-body);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin:0}
.lmcs-mb-all{font-family:var(--lm-head);font-weight:600;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.lmcs-mb-cols{display:flex;gap:40px;flex-wrap:wrap}
.lmcs-mb-cols h5{font-family:var(--lm-body);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px}
.lmcs-mb-cols a{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-family:var(--lm-body);font-size:.85rem;font-weight:500;padding:4px 0;white-space:nowrap}
.lmcs-mb-cols a span{font-size:.72rem}
@media (max-width:1100px){.lmcs-mb-cols{gap:26px}}