/* ========================================================================
   BOMBARERA SKINS V84 — FULL-WIDTH HEADER ALIGNMENT
   The skins collection is an edge-to-edge product surface. Keep the global
   header itself full width and align its controls to the same outer gutter
   as the skins shell instead of the older centered 1320px content column.
   ======================================================================== */

@media (min-width: 761px){
  body.ui-v45[data-ui-context="skins"]:not(:has(#screenGame:not(.hidden))) > .header{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-left:clamp(18px,1.45vw,28px) !important;
    padding-right:clamp(18px,1.45vw,28px) !important;
    border-radius:0 !important;
  }
}

@media (max-width: 760px){
  body.ui-v45[data-ui-context="skins"]:not(:has(#screenGame:not(.hidden))) > .header{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-left:12px !important;
    padding-right:12px !important;
    border-radius:0 !important;
  }
}