/* v452 — fifth CHICK PICK case + crop/vertical rhythm cleanup. 2040 only. */

/* The CHICK PICK art deliberately overhangs its visual stage. Reserve enough real
   height for the overhang so the next collection never paints across the artwork. */
@media (min-width:1181px){
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k449-chick-pick-tile{
    height:336px!important;
    min-height:336px!important;
    grid-template-rows:248px 38px 34px!important;
    padding:0 8px 16px!important;
    overflow:visible!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k449-chick-pick-visual{
    height:248px!important;
    min-height:248px!important;
    max-height:248px!important;
    overflow:visible!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;
    object-position:center!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 .k449-chick-pick-section .collection-fold,
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k449-chick-pick-section .collection-fold-inner{
    overflow:visible!important;
  }
}

/* Tighter catalogue rhythm: less dead space between a row of cases and the next
   collection title, while keeping every collection on the same ruler. */
:root[data-visual-style="2040"][data-theme="hub"] .page-cases :is(
  .collection-heading,
  .k221-oscar-heading,
  .k449-chick-pick-heading
){
  margin:22px 0 9px!important;
}

:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-collection{
  margin-bottom:16px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-collection .collection-fold-inner>.hub-showcase-frame{
  margin-top:12px!important;
  margin-bottom:2px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-section{
  margin-bottom:16px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .k449-chick-pick-section{
  margin-top:8px!important;
  margin-bottom:16px!important;
  padding-bottom:4px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .k449-chick-pick-grid{
  padding-top:2px!important;
  padding-bottom:8px!important;
}

/* Keep mobile/tablet behavior safe: only tighten section spacing, never force desktop heights. */
@media (max-width:1180px){
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases :is(.hub-showcase-collection,.k221-oscar-section,.k449-chick-pick-section){
    margin-bottom:18px!important;
  }
}