/* Box alignment patch (2026-10-07). Loaded last. */
/* Stories: stop the leaked slider padding; image fills the card, copy sits on a gradient at the bottom */
html body.page-stories.premium-ui .story-card{padding:0!important;min-width:0!important;display:grid!important;margin-top:0!important;overflow:hidden}
html body.page-stories.premium-ui .story-card figure{position:absolute!important;inset:0!important;margin:0!important;height:100%!important}
html body.page-stories.premium-ui .story-card figure img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
html body.page-stories.premium-ui .story-card figure::after{content:""!important;position:absolute;inset:0;background:linear-gradient(to top,rgba(5,5,5,.94) 0,rgba(5,5,5,.62) 42%,rgba(5,5,5,0) 78%)!important}
html body.page-stories.premium-ui .story-card-copy{align-self:end!important;padding:clamp(22px,2.6vw,38px)!important;display:grid;gap:10px}
html body.page-stories.premium-ui .story-card-copy p,html body.page-stories.premium-ui .story-card-copy h3{margin:0!important}
html body.page-stories.premium-ui .stories-card-grid{align-items:stretch!important;gap:16px!important}
/* EIZO Medical application cards: image block on top, text below, no overlap */
html body.page-eizo-medical.premium-ui .medical-application-card{display:flex!important;flex-direction:column!important;padding:0!important;min-height:0!important;height:auto!important;overflow:hidden!important;position:relative}
html body.page-eizo-medical.premium-ui .medical-application-card>img{position:static!important;display:block;width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:contain;background:#f1f3f2;flex:none}
html body.page-eizo-medical.premium-ui .medical-application-wide>img{aspect-ratio:3.1/1;object-fit:cover}
html body.page-eizo-medical.premium-ui .medical-application-copy{position:static!important;padding:clamp(20px,2.4vw,32px)!important;display:flex!important;flex-direction:column;gap:10px;flex:1 1 auto;background:#0a0a0a!important}
html body.page-eizo-medical.premium-ui .medical-application-copy>*{margin:0!important}
html body.page-eizo-medical.premium-ui .medical-application-copy a{margin-top:auto!important;padding-top:6px}
/* Generic: equal-height cards, consistent inner padding and text alignment */
.ux-equal-grid{align-items:stretch!important}
.ux-equal-grid>*{height:100%}
.commerce-card,.ux-interactive-card{display:flex;flex-direction:column;text-align:left;overflow:hidden}
.commerce-card>p,.model-card-body p{overflow-wrap:break-word}
.model-card-body p,.ptz-cat-card p{-webkit-line-clamp:4!important}
.model-card-body{display:flex;flex-direction:column;gap:8px}
.model-card-body .model-card-link,.commerce-card .model-card-link{margin-top:auto}
.eco-card{min-width:0!important;box-sizing:border-box}
.eco-card *{min-width:0;overflow-wrap:anywhere}
.ptz-events-grid{align-items:start!important}
.prod-intro{align-items:start!important}
.cta-band{box-sizing:border-box;max-width:100%;overflow:hidden}
.cta-band>*{min-width:0}
/* Calculator band on home */
.cx-calc-cta{box-sizing:border-box}
@media(max-width:680px){html body.page-stories.premium-ui .story-card{min-height:420px!important}.story-card-copy h3{font-size:clamp(1.5rem,7vw,2rem)!important}}
html body.page-eizo-medical.premium-ui .medical-application-card{background:#0a0a0a!important;border:1px solid #232323!important;border-radius:18px!important}
html body.page-eizo-medical.premium-ui .medical-application-card::before,html body.page-eizo-medical.premium-ui .medical-application-card::after,html body.page-eizo-medical.premium-ui .medical-application-copy::before,html body.page-eizo-medical.premium-ui .medical-application-copy::after{content:none!important;display:none!important}
html body.page-eizo-medical.premium-ui .medical-application-copy{background:transparent!important}
html body.page-eizo-medical.premium-ui .medical-application-card:not(.medical-application-wide)>img{aspect-ratio:16/10;object-fit:cover;object-position:center}
html body.page-eizo-medical.premium-ui .medical-application-card:not(.medical-application-wide)>img{height:260px!important;max-height:none!important;width:100%!important;padding:14px!important;margin:0!important;box-sizing:border-box!important;aspect-ratio:auto!important;object-fit:contain!important;background:#f1f3f2!important;clip-path:none!important;transform:none!important}
html body.page-eizo-medical.premium-ui .medical-application-wide>img{height:auto!important;max-height:340px!important;width:100%!important;margin:0!important;padding:0!important;object-fit:cover!important;clip-path:none!important;transform:none!important}
html body.page-eizo-medical.premium-ui .medical-application-or>img{height:clamp(240px,34vw,420px)!important;max-height:none!important;object-fit:contain!important;background:#0a0a0a!important;padding:10px!important;box-sizing:border-box!important}
.card-body p{-webkit-line-clamp:4!important}
html body.premium-ui form :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select){min-height:48px;height:48px;box-sizing:border-box}
html body.premium-ui form textarea{min-height:120px}

/* Phones: show full product descriptions (were cut at 3 lines on EIZO / PTZOptics cards).
   Selectors mirror pages.*.css so the cascade order decides. */
@media (max-width:640px){
  html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .model-card.commerce-card .model-card-body>p,
  html[data-camixel-theme] body.page-ptzoptics.premium-ui .ptz-cat-card.commerce-card>p,
  html[data-camixel-theme] body.page-sennheiser.premium-ui .eco-card.eco-card>p{
    display:block !important;
    -webkit-line-clamp:unset !important;
    line-clamp:unset !important;
    -webkit-box-orient:initial !important;
    overflow:visible !important;
    max-height:none !important;
  }
}
