/* v8 — restore uncut campaign artwork & compact the INTERNET image vertically. */
/* Desktop internet: the full supplied asset is visible and always keeps its native aspect ratio. */
.internet-header-banner{padding:5px 0!important;background:#f7fbff}
.internet-header-banner .internet-header-inner{max-width:1330px;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:15px;min-height:0}
.internet-header-banner .internet-header-art{display:flex;align-items:center;justify-content:center;min-height:0;height:198px;padding:4px 12px;box-sizing:border-box;border-radius:14px;min-width:0;overflow:visible;background:linear-gradient(95deg,#eaf5ff,#f4f9ff);border:1px solid #dfebfb}
.internet-header-banner .internet-header-art img{height:100%;width:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;display:block}
.internet-header-banner .internet-header-info{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:13px 16px;background:#eef6ff;border:1px solid #dfebfb;border-radius:14px;min-width:0}
.internet-header-info>span{font-size:10px;font-weight:900;letter-spacing:1.2px;color:#1b61d7}
.internet-header-info strong{color:#0d294d;font-size:20px;letter-spacing:-.5px;line-height:1.35}
.internet-header-info small{font-size:11px;line-height:1.55;color:#546b8e}
.internet-header-banner .internet-header-info a{display:flex;align-items:center;justify-content:space-between;margin-top:3px;padding:9px 13px;font-size:12px;font-weight:850;min-height:38px;box-sizing:border-box;background:#0954df;border:0;border-radius:9px;color:#fff;text-decoration:none}
.internet-header-mobile{display:none!important}
/* Event source is rebuilt from the original with right-hand safe margins;
   stretch only by intrinsic aspect ratio, not a width/height distortion. */
.shop-home .hp-event-strip.hp-event-campaign{grid-template-columns:minmax(0,1.77fr) minmax(180px,.57fr) minmax(145px,.42fr);column-gap:18px;overflow:visible;padding:17px 23px;min-height:0}
.shop-home .hp-event-campaign .hp-event-artwork{min-width:0;max-width:100%;overflow:visible;display:flex;align-items:center;justify-content:center}
.shop-home .hp-event-campaign .hp-event-artwork img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;display:block}
.shop-home .hp-event-campaign .hp-event-status{min-width:0}
.shop-home .hp-event-campaign .hp-event-cta{min-width:0}
/* On medium widths, maintain the artwork's width instead of cutting the star. */
@media(max-width:1050px){
 .internet-header-banner .internet-header-inner{grid-template-columns:minmax(0,1fr) 230px;gap:10px}
 .internet-header-banner .internet-header-art{height:174px;padding:4px 7px}
 .internet-header-info strong{font-size:16px}
 .internet-header-info small{font-size:10px}
 .shop-home .hp-event-strip.hp-event-campaign{grid-template-columns:minmax(0,1.55fr) minmax(150px,.53fr) minmax(125px,.42fr);padding:13px 15px;gap:8px}
}
@media(max-width:800px){
 .internet-header-banner .internet-header-inner{grid-template-columns:minmax(0,1fr) 195px;gap:9px}
 .internet-header-banner .internet-header-art{height:156px}
 .internet-header-banner .internet-header-info{padding:9px 11px}
 .internet-header-info strong{font-size:14px}
 .internet-header-info small{font-size:9px}
 .internet-header-banner .internet-header-info a{min-height:33px;padding:7px 9px;font-size:10px}
 .shop-home .hp-event-strip.hp-event-campaign{grid-template-columns:minmax(0,1fr) 150px;gap:7px;padding:12px 14px}
 .shop-home .hp-event-campaign .hp-event-artwork{grid-column:1/-1;max-width:650px;margin:auto;width:100%}
}
@media(max-width:620px){
 .internet-header-banner{padding:6px 0 3px!important}
 .internet-header-banner .internet-header-inner{display:block;width:calc(100% - 24px)}
 .internet-header-banner .internet-header-art,.internet-header-banner .internet-header-info{display:none!important}
 .internet-header-banner .internet-header-mobile{display:flex!important;align-items:center;gap:10px;min-width:0;width:100%;height:118px;box-sizing:border-box;border-radius:13px;border:1px solid #d7e9ff;padding:7px 13px;background:linear-gradient(112deg,#e1f1ff 0%,#f7fbff 85%);color:#082759;text-decoration:none;overflow:hidden}
 .internet-header-banner .internet-header-mobile img{display:block;height:100px;width:92px;max-width:33%;flex:none;object-fit:contain;object-position:center bottom}
 .internet-header-banner .internet-header-mobile span{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;flex:1}
 .internet-header-banner .internet-header-mobile small{color:#2365c8;font-size:9px;font-weight:900;letter-spacing:.5px}
 .internet-header-banner .internet-header-mobile strong{font-size:15px;letter-spacing:-.5px;line-height:1.3;white-space:normal}
 .internet-header-banner .internet-header-mobile b{font-size:clamp(13px,3.6vw,17px);color:#0251e6;letter-spacing:-.5px;line-height:1.3}
 .internet-header-banner .internet-header-mobile em{font-style:normal;font-size:10px;font-weight:850;color:#325c9a}
 .shop-home .hp-event-strip.hp-event-campaign{grid-template-columns:minmax(0,1fr) 96px;gap:6px;padding:12px}
 .shop-home .hp-event-campaign .hp-event-artwork{grid-column:1/-1;max-width:100%}
 .shop-home .hp-event-campaign .hp-event-artwork img{width:100%;height:auto}
}
@media(max-width:350px){
 .internet-header-banner .internet-header-mobile{gap:4px;padding:6px;height:112px}
 .internet-header-banner .internet-header-mobile img{width:76px;height:98px}
 .internet-header-banner .internet-header-mobile strong{font-size:13px}
 .internet-header-banner .internet-header-mobile b{font-size:12px}
}

/* Make the event link fully readable without a stray arrow line on narrow phones. */
.shop-home .hp-event-campaign .hp-event-more{display:inline-flex;align-items:center;justify-content:center;gap:4px}
.shop-home .hp-event-campaign .hp-event-more-short{display:none}
@media(max-width:620px){
 .shop-home .hp-event-campaign .hp-event-more-full{display:none}
 .shop-home .hp-event-campaign .hp-event-more-short{display:inline}
}