/* P0-HERO-CLIP: anti-jitter fixed px was too short (220–240) → clipped headline/CTA
   Keep fixed px (no svh) but tall enough for iPhone copy + KOLEKCJA clearance. */
@media (max-width:768px){
  .catalog-page section.catalog-campaign,
  .catalog-page .catalog-campaign,
  .catalog-campaign{
    height:520px !important;
    min-height:520px !important;
    max-height:none !important;
    overflow:hidden !important; /* clip photo only; copy fitted inside */
  }
  .catalog-page .campaign-copy,
  .campaign-copy{
    top:auto !important;
    bottom:64px !important;
    left:18px !important;
    right:18px !important;
    transform:none !important;
    padding:0 !important;
    max-width:none !important;
    z-index:3 !important;
  }
  .catalog-page .campaign-copy h1,
  .campaign-copy h1{
    font-size:clamp(30px,8vw,38px) !important;
    line-height:1.18 !important;
    margin:0 0 10px !important;
    overflow:visible !important;
    max-height:none !important;
  }
  .catalog-page .campaign-lede,
  .campaign-lede{
    margin:0 0 4px !important;
    max-width:28em !important;
  }
  .catalog-page .campaign-copy a.campaign-cta,
  a.campaign-cta{
    margin-top:14px !important;
  }
  .catalog-page .campaign-scroll,
  .campaign-scroll{
    bottom:14px !important;
    z-index:2 !important;
  }
}
@media (max-width:430px){
  .catalog-page section.catalog-campaign,
  .catalog-page .catalog-campaign,
  .catalog-campaign{
    height:560px !important;
    min-height:560px !important;
    max-height:none !important;
  }
  .catalog-page .campaign-copy,
  .campaign-copy{
    bottom:70px !important;
    left:16px !important;
    right:16px !important;
  }
  .catalog-page .campaign-copy h1,
  .campaign-copy h1{
    font-size:clamp(28px,8.2vw,34px) !important;
    line-height:1.2 !important;
  }
}