/* v450 — CHICK PICK borderless presentation + left-anchored incomplete rows. 2040 only. */

/* CHICK PICK artwork should read as freestanding case art, not as cards in framed boxes. */
:root[data-visual-style="2040"] .k449-chick-pick-tile{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0 8px 12px!important;
  overflow:visible!important;
}
:root[data-visual-style="2040"] .k449-chick-pick-tile::before{
  content:none!important;
  display:none!important;
}
:root[data-visual-style="2040"] .k449-chick-pick-tile:hover{
  border-color:transparent!important;
  box-shadow:none!important;
  transform:translateY(-4px)!important;
}

/* Desktop catalogue ruler: incomplete collections occupy the LEFT slots of the same
   five-column rhythm instead of centering themselves as a smaller group. */
@media (min-width:1181px){
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k449-chick-pick-section{
    width:calc(100% + (clamp(72px,5.8vw,112px) * 2))!important;
    max-width:none!important;
    margin-left:calc(clamp(72px,5.8vw,112px) * -1)!important;
    margin-right:calc(clamp(72px,5.8vw,112px) * -1)!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k449-chick-pick-grid{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    column-gap:clamp(22px,1.55vw,30px)!important;
    row-gap:24px!important;
    align-items:start!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k449-chick-pick-tile{
    min-height:302px!important;
    height:302px!important;
    grid-template-rows:222px 38px 34px!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k449-chick-pick-visual{
    height:222px!important;
    min-height:222px!important;
    max-height:222px!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k449-chick-pick-visual img{
    width:112%!important;
    height:112%!important;
    max-width:none!important;
    object-fit:contain!important;
    transform:none!important;
  }

  /* OSCAR has four cases: keep the fifth slot empty on the right instead of centering four. */
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    column-gap:clamp(22px,1.55vw,30px)!important;
    row-gap:24px!important;
    justify-content:start!important;
  }
}

/* At common Full-HD / 125% scaling use the same reduced catalogue bleed as the five-case shelves. */
@media (min-width:1181px) and (max-width:1600px){
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k449-chick-pick-section{
    width:calc(100% + (clamp(34px,3vw,48px) * 2))!important;
    margin-left:calc(clamp(34px,3vw,48px) * -1)!important;
    margin-right:calc(clamp(34px,3vw,48px) * -1)!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k449-chick-pick-grid,
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-grid{
    column-gap:18px!important;
  }
}

/* Responsive behavior remains comfortable below desktop. */
@media (max-width:1180px){
  :root[data-visual-style="2040"] .k449-chick-pick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:none!important;
    margin:0!important;
  }
}
@media (max-width:760px){
  :root[data-visual-style="2040"] .k449-chick-pick-grid{grid-template-columns:1fr!important;}
}