/* Shared phone/tablet layout, including Safari safe areas and native controls. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.promo-card,.promo-content,.promo-kicker,.promo-date,.rail538,.promo-shop{box-sizing:border-box;min-width:0}
.promo-content :is(h3,p,a),.promo-date{overflow-wrap:break-word;word-break:normal;white-space:normal}
@media(max-width:800px){
 .header{display:grid!important;grid-template-columns:48px minmax(0,1fr) 44px 60px 44px 44px!important;grid-template-rows:48px auto!important;gap:8px 6px!important;min-height:0!important;height:auto!important;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))!important;align-items:center!important;box-sizing:border-box;width:100%;isolation:isolate}
 .header .header-actions{display:contents!important}
 .header .brand{grid-row:1!important;grid-column:1/3!important;width:auto!important;max-width:none!important;margin:0!important;justify-self:start}
 .header .brand>img{width:48px!important;height:44px!important;max-width:48px!important;object-fit:contain!important}.header .brand>span{display:none!important}
 .header :is(#searchOpen,#quoteOpen,.gps513,#menuOpen){grid-row:1!important;min-height:44px!important;height:44px!important;margin:0!important;display:flex!important;align-items:center;justify-content:center;padding:6px!important;min-width:0!important;width:100%!important;box-sizing:border-box;justify-self:stretch!important}
 .header #searchOpen{grid-column:3!important}.header #quoteOpen{grid-column:4!important;gap:5px!important}.header .gps513{grid-column:5!important}.header #menuOpen{grid-column:6!important}
 .header #quoteOpen svg{width:22px!important;height:22px!important}.header #quoteCount{font-size:13px!important;padding:2px 6px!important;margin:0!important;min-width:20px;box-sizing:border-box}.header .gps513 span{display:none!important}
 .header .header-actions #bmkAccountOpen,.header #bmkAccountOpen{grid-row:2!important;grid-column:1/4!important;justify-self:stretch!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:48px!important;margin:0!important;padding:7px 9px!important;box-sizing:border-box;gap:7px!important;overflow:hidden!important}
 .header #bmkAccountOpen .account-name550:not([hidden]){font-size:14px!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere;max-width:none!important;min-width:0!important}
 .header .header-actions #bmkAccountOpen.name-hidden557{width:48px!important;min-width:48px!important;justify-self:start!important}
 .header .bmk-language{grid-row:2!important;grid-column:4/7!important;justify-self:end;display:flex!important;gap:2px;margin:0!important;padding:3px!important;min-width:0;max-width:100%;box-sizing:border-box}
 .header .bmk-language button{min-height:40px!important;font-size:14px!important;padding:7px 10px!important;min-width:0!important;white-space:nowrap}
 .header .nav{display:none!important}.header .nav.open{display:flex!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;flex-direction:column;align-items:stretch;background:white;max-height:calc(100vh - 145px);max-height:calc(100dvh - 145px);overflow:auto;padding:18px!important;margin:0!important;box-shadow:0 12px 24px #142b5020;z-index:100}
 .header .nav.open>a{padding:10px;font-size:16px}.header .nav.open .shop-mega513{position:relative;top:auto;left:auto;width:100%;max-height:65dvh}
 #bmkPromotions512,.promotions-page{padding:24px max(16px,env(safe-area-inset-left))!important;max-width:100%;box-sizing:border-box}
 #bmkPromotions512 .promo-shop,.promotions-page .promo-shop{padding:18px 14px!important;border-radius:18px;max-width:100%}
 #bmkPromotions512 :is(.promo-slider,.promo-grid),.promotions-page .rail538{width:100%;max-width:100%;min-width:0;box-sizing:border-box;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
 #bmkPromotions512 .promo-card,.promotions-page .promo-card,.promotions-page .rail538 .promo-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;flex:0 0 100%!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;overflow:hidden;border-radius:14px}
 #bmkPromotions512 .promo-art,.promotions-page .promo-art{height:220px!important;min-height:0!important;width:100%!important;padding:12px!important;box-sizing:border-box;background:#fff!important}
 #bmkPromotions512 .promo-art img,.promotions-page .promo-art img{display:block;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;transform:none!important}
 #bmkPromotions512 .promo-content,.promotions-page .promo-content{padding:18px!important;max-width:100%;min-width:0}
 #bmkPromotions512 .promo-content h3,.promotions-page .promo-content h3{font-size:20px!important;line-height:1.5!important;margin:10px 0!important}
 #bmkPromotions512 .promo-content p,.promotions-page .promo-content p{display:block!important;font-size:16px!important;line-height:1.65!important;-webkit-line-clamp:unset!important;overflow:visible!important}
 #bmkPromotions512 .promo-kicker,.promotions-page .promo-kicker{display:flex;flex-wrap:wrap;gap:8px;font-size:13px!important}.promo-kicker>span{min-width:0}
 #bmkPromotions512 .promo-brand-logo,.promotions-page .promo-brand-logo{width:90px!important;height:36px!important;object-fit:contain!important;transform:none!important}
 #bmkPromotions512 .promo-date,.promotions-page .promo-date{font-size:14px!important;line-height:1.6;max-width:100%;padding:9px 12px}
 #bmkPromotions512 .promo-more513,.promotions-page .promo-more513{display:flex!important;align-items:center;justify-content:space-between;gap:10px;font-size:16px!important;line-height:1.6!important;white-space:normal!important;max-width:100%;min-height:44px}.promo-more513>span{flex:0 0 auto}
 .rail-controls538{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px auto!important;gap:6px!important;max-width:100%;margin:14px 0!important}.rail-controls538 :is(button,select){min-height:44px!important;font-size:14px!important;padding:7px!important;min-width:0;max-width:100%;box-sizing:border-box}.rail-controls538 label{min-width:0}.rail-controls538 label>span{display:none!important}.rail-controls538 select{font-size:16px!important;width:82px}
 #collections512 .collection-card{flex-basis:100%!important;width:100%!important;max-width:100%!important;box-sizing:border-box;min-width:0}.collection-card>div{min-width:0}
 #bmkAccountDialog{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(16px,env(safe-area-inset-bottom))!important}
 #bmkAccountDialog :is(input,select,textarea){font-size:16px!important;min-width:0;max-width:100%;box-sizing:border-box}#bmkAccountDialog select{-webkit-appearance:menulist;appearance:auto}#bmkAccountDialog input[type=date]{display:block;max-width:100%;width:100%;min-width:0}
 .avatar-editor559>div{min-width:0}.avatar-editor559 input[type=file]{width:100%;font-size:16px!important}
}

@media(max-width:800px){.rail-controls538 .rail-label559{display:none}.rail-controls538 [data-play]{background:#1d4ed8;color:white;border-color:#1d4ed8;font-size:18px!important}}
@media(max-width:800px){.rail538{scrollbar-width:none}.rail538::-webkit-scrollbar{display:none}}