/* v9: fill the otherwise blank benefits panel with real device tiles; keep the next price board visible. */
/* Desktop first fold: internet teaser is 135px rather than a tall hero. */
.internet-header-banner{padding:3px 0!important}
.internet-header-banner .internet-header-art{height:136px!important;min-height:0!important;padding:3px 12px!important}
.internet-header-banner .internet-header-info{padding:10px 13px!important;gap:4px!important}
.internet-header-banner .internet-header-info strong{font-size:17px;line-height:1.3}
.internet-header-banner .internet-header-info small{line-height:1.4}
.internet-header-banner .internet-header-info a{min-height:30px!important;padding:7px 10px!important}
.demo-ribbon.demo-ribbon-small{font-size:10px;padding:4px 12px}
.shop-home .hp-topline{padding-top:11px;gap:13px}
.shop-home .hp-top-price{padding:13px 19px 11px}
.shop-home .hp-top-titlebar h1{font-size:clamp(22px,2.1vw,28px);margin:2px 0}
.shop-home .hp-intro-mascot{height:60px;width:66px}
.shop-home .hp-top-switch{margin:7px 0 3px}
.shop-home .hp-quick-view{height:189px}
.shop-home .hp-quick-item{height:63px;min-height:63px;max-height:63px}
.shop-home .hp-quick-thumb{height:51px;width:48px}
.shop-home .hp-quick-thumb img{max-height:49px}
.shop-home .hp-quick-item{grid-template-columns:17px 50px minmax(0,1fr) minmax(88px,auto) 10px;gap:8px}
.shop-home .hp-quick-price{font-size:16px}
.shop-home .hp-ticker-controls{padding-top:6px;padding-bottom:5px}
.shop-home .hp-top-price-foot{padding-top:6px}
.shop-home .hp-top-events{padding:9px 10px;gap:7px}
.shop-home .hp-top-slider{flex:0 0 auto}
.shop-home .hp-top-slider .hp-slide{min-height:0}
.shop-home .hp-top-slider .hp-slide-image,.shop-home .hp-top-slider .hp-slide-art{min-height:0!important}
.shop-home .hp-top-slider .hp-slider-controls{min-height:38px;padding:4px 9px}
.shop-home .hp-market{padding-top:14px}
.shop-home .hp-market-head{margin-bottom:10px}

/* Right-hand price suggestions are actual registered products, not decorative placeholders. */
.shop-home .hp-featured-deals{margin-top:auto;min-width:0;border:1px solid #dce8f7;background:#fff;border-radius:11px;padding:10px 12px 11px}
.shop-home .hp-featured-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.shop-home .hp-featured-heading strong{color:#1b3969;font-size:12px;font-weight:900}
.shop-home .hp-featured-heading span{font-size:10px;color:#7d8fae;font-weight:650}
.shop-home .hp-featured-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.shop-home .hp-featured-tile{display:flex;align-items:center;gap:7px;min-width:0;min-height:77px;border:1px solid #e5edfa;border-radius:10px;background:#f8fbff;padding:6px;text-decoration:none;color:#153259;transition:border-color .15s,background .15s}
.shop-home .hp-featured-tile:hover,.shop-home .hp-featured-tile:focus-visible{background:#eef5ff;border-color:#a5c8ff}
.shop-home .hp-featured-image{display:grid;place-items:center;width:52px;height:59px;flex:none;background:#fff;border-radius:7px;overflow:hidden;border:1px solid #edf2f9}
.shop-home .hp-featured-image img{height:55px;width:48px;object-fit:contain;display:block}
.shop-home .hp-featured-detail{display:flex;flex-direction:column;min-width:0;gap:6px}
.shop-home .hp-featured-detail strong{font-size:11px;font-weight:800;line-height:1.32;color:#1b3459;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.shop-home .hp-featured-detail b{font-size:13px;font-weight:900;color:#0953d6;white-space:nowrap;letter-spacing:-.5px}

/* Event mascot: use the standalone complete RGBA source, not the cropped cat cut out of the first banner. */
.shop-home .hp-event-campaign{overflow:hidden}
.shop-home .hp-event-campaign .hp-event-cta{box-sizing:border-box;padding:6px 5px 5px;overflow:visible}
.shop-home .hp-event-campaign .hp-event-cta>img{width:150px!important;height:147px!important;max-width:100%!important;max-height:none!important;min-height:0;object-fit:contain!important;object-position:center!important;margin:0!important;flex:none;display:block}
.shop-home .hp-event-campaign .hp-event-more{margin-top:3px}

@media(max-width:1100px){
 .shop-home .hp-featured-row{gap:5px}
 .shop-home .hp-featured-tile{flex-direction:column;text-align:center;min-height:98px;gap:3px}
 .shop-home .hp-featured-image{height:51px;width:46px}
 .shop-home .hp-featured-image img{height:49px;width:42px}
 .shop-home .hp-featured-detail{align-items:center;gap:2px}
 .shop-home .hp-featured-detail strong{font-size:10px;-webkit-line-clamp:1}
 .shop-home .hp-featured-detail b{font-size:12px}
 .shop-home .hp-event-campaign .hp-event-cta>img{width:130px!important;height:130px!important}
}
@media(max-width:800px){
 .internet-header-banner .internet-header-art{height:116px!important}
 .internet-header-banner .internet-header-info strong{font-size:14px}
 .shop-home .hp-topline{padding-top:9px}
 .shop-home .hp-top-events{gap:6px}
 .shop-home .hp-featured-deals{display:none} /* on stacked layouts, real full-size product cards follow instead */
 .shop-home .hp-featured-row{gap:8px}
 .shop-home .hp-featured-tile{flex-direction:row;text-align:left;min-height:67px}
 .shop-home .hp-featured-detail{align-items:stretch}
 .shop-home .hp-event-campaign .hp-event-cta>img{height:118px!important;width:120px!important}
}
@media(max-width:620px){
 .internet-header-banner .internet-header-mobile{height:98px!important;padding:5px 10px}
 .internet-header-banner .internet-header-mobile img{width:80px;height:86px}
 .internet-header-banner .internet-header-mobile strong{font-size:13px}
 .internet-header-banner .internet-header-mobile b{font-size:13px}
 .internet-header-banner .internet-header-mobile em{font-size:9px}
 .shop-home .hp-top-price{padding:12px 13px 9px}
 .shop-home .hp-top-titlebar h1{font-size:21px}
 .shop-home .hp-intro-mascot{height:56px;width:57px}
 .shop-home .hp-quick-item{height:55px!important;min-height:55px!important;max-height:55px!important;grid-template-columns:12px 40px minmax(0,1fr) minmax(82px,auto) 7px;gap:5px}
 .shop-home .hp-quick-view{height:165px}
 .shop-home .hp-quick-thumb{width:39px;height:45px}
 .shop-home .hp-quick-thumb img{height:43px;max-height:43px}
 .shop-home .hp-quick-price{font-size:14px}
 .shop-home .hp-featured-deals{padding:9px}
 .shop-home .hp-featured-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .shop-home .hp-featured-tile{padding:5px 3px;flex-direction:column;gap:3px;min-height:96px;text-align:center}
 .shop-home .hp-featured-heading strong{font-size:11px}
 .shop-home .hp-featured-heading span{font-size:9px}
 .shop-home .hp-featured-detail{align-items:center;gap:2px}
 .shop-home .hp-featured-detail strong{font-size:9px;max-width:100%;-webkit-line-clamp:1}
 .shop-home .hp-featured-detail b{font-size:11px}
 .shop-home .hp-featured-image{width:40px;height:45px}
 .shop-home .hp-featured-image img{width:38px;height:43px}
 .shop-home .hp-event-campaign .hp-event-cta>img{height:100px!important;width:96px!important}
}
@media(max-width:350px){
 .shop-home .hp-top-titlebar h1{font-size:19px}
 .shop-home .hp-featured-detail b{font-size:10px}
 .shop-home .hp-event-campaign .hp-event-cta>img{width:82px!important;height:87px!important}
}
@media(prefers-reduced-motion:reduce){.shop-home .hp-featured-tile{transition:none}}