/* Compact horizontal strip. Every selector is scoped; hero/catalog styles are untouched.
   Desktop height target ~180–220px vs the previous ~540–660px image plane.
   These are composition targets, NOT measurements. Text growth is never clipped. */
.compact-combination{display:grid;grid-template-columns:minmax(7rem,10rem) minmax(11rem,.85fr) minmax(25rem,1.8fr);align-items:center;gap:clamp(1rem,2vw,1.75rem);padding:1rem;margin-block:1rem 2rem;background:#FFF9ED;color:#163D85;border:1px solid #D4DCCF;border-radius:.75rem;font-family:Montserrat,system-ui,sans-serif;min-width:0}
.compact-combination .compact-combination-photo{margin:0;min-width:0;width:100%;max-width:10rem}
.compact-combination .compact-combination-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:.45rem}
.compact-combination .compact-combination-intro,.compact-combination .compact-combination-offer{min-width:0}
.compact-combination .compact-combination-kicker{margin:0 0 .4rem;font-size:.7rem;line-height:1.5;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.compact-combination h2{margin:0;max-width:18ch;font:750 clamp(1.2rem,1.8vw,1.5rem)/1.25 'Open Sans',system-ui,sans-serif;letter-spacing:-.025em;text-wrap:balance}
.compact-combination h2 a{display:inline-block;min-height:44px;text-decoration:none;color:inherit}
.compact-combination h2 a:hover{text-decoration:underline;text-underline-offset:.18em}
.compact-combination h2 a:focus-visible{outline:3px solid #163D85;outline-offset:4px;box-shadow:0 0 0 7px #FFF9ED}
.compact-combination .compact-combination-offer>p{font-size:.875rem;line-height:1.45;margin:0;max-width:none;overflow-wrap:break-word}
.compact-combination #compact-combination-status{font-weight:700;margin-bottom:.55rem}
.compact-combination .compact-combination-tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;list-style:none;margin:0;padding:.6rem .75rem;background:#163D85;color:#FFF9ED;border-radius:.6rem}
.compact-combination .compact-combination-tiers li{min-width:0;padding:0;margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:.2rem}
.compact-combination .compact-combination-tiers li>span{display:block;font-size:.8125rem;line-height:1.45;font-weight:550}
.compact-combination .compact-combination-tiers strong{display:block;font:750 clamp(1.5rem,2vw,1.8rem)/1.2 'Open Sans',system-ui,sans-serif;white-space:nowrap}
.compact-combination .compact-combination-future-tier strong{color:#FFD166}
.compact-combination .compact-combination-tiers sup{font-size:.65em;line-height:0}
.compact-combination #compact-combination-future{margin-top:.5rem}
.compact-combination #compact-combination-terms{margin-top:.3rem}
@media(max-width:1050px){.compact-combination{grid-template-columns:5rem minmax(0,1fr);gap:.75rem 1rem}.compact-combination .compact-combination-photo{max-width:5rem}.compact-combination h2{max-width:30ch;font-size:1.25rem}.compact-combination .compact-combination-offer{grid-column:1/-1}.compact-combination .compact-combination-tiers{padding:.6rem .75rem}.compact-combination .compact-combination-tiers strong{font-size:1.6rem}}
@media(max-width:399px){.compact-combination{grid-template-columns:4rem minmax(0,1fr);padding:.85rem;gap:.65rem .85rem}.compact-combination .compact-combination-photo{max-width:4rem}.compact-combination h2{font-size:1.15rem}.compact-combination .compact-combination-tiers{gap:.4rem;padding:.6rem}.compact-combination .compact-combination-tiers strong{font-size:1.45rem}}
@media(max-width:319px){.compact-combination .compact-combination-tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}