
/* Compact live banners for phones. The full artwork remains on desktop. */
@media(max-width:700px){
.bf-panel.bf-active,.season-christmas .bf-panel.bf-active{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:12px 8px;min-height:0;aspect-ratio:auto;padding:18px 16px;border-radius:15px;text-align:left}
.bf-active>div:first-child{min-width:0;grid-column:1;grid-row:1;max-width:none}
.bf-panel.bf-active h3,.season-christmas .bf-active h3{font-size:25px;line-height:1.06;white-space:normal;margin-bottom:7px}
.bf-panel.bf-active .bf-eyebrow{font-size:7px;letter-spacing:.14em;margin-bottom:8px}
.bf-panel.bf-active .bf-description{font-size:11px;line-height:1.45;margin:0}
.bf-panel.bf-active .bf-benefits,.bf-panel.bf-active .bf-handnote{display:none}
.bf-panel.bf-active .bf-gift,.season-christmas .bf-active .bf-gift{display:block;position:static;grid-column:2;grid-row:1;width:110px;height:130px;max-width:none;margin:-5px -10px 0;transform:none;object-fit:contain;align-self:center}
.bf-panel.bf-active .bf-clock-wrap{grid-column:1/-1;width:100%;max-width:none;display:flex;flex-direction:column;gap:7px;margin:0}
.bf-panel.bf-active .bf-caption{order:-1;font-size:8px;letter-spacing:.12em;margin:0}
.bf-panel.bf-active .bf-clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.bf-panel.bf-active .bf-unit{padding:8px 3px;border-radius:8px}
.bf-panel.bf-active .bf-unit strong{font-size:23px}
.bf-panel.bf-active .bf-unit span{font-size:7px;margin-top:5px}
}

@media(max-width:700px){.packages-section>.section{padding-inline:0}.bf-panel.bf-active h3,.bf-panel.bf-active .bf-description,.bf-panel.bf-active .bf-eyebrow{text-align:left}.bf-panel.bf-active{grid-template-columns:minmax(0,1fr) 82px}.bf-panel.bf-active .bf-gift,.season-christmas .bf-active .bf-gift{width:100px;height:115px}}

.promotion-mobile-art{display:none}
@media(max-width:999px){
.bf-panel.bf-active,.season-christmas .bf-panel.bf-active{display:flex;flex-direction:column;gap:10px;padding:0;min-height:0;height:auto;aspect-ratio:auto;background:transparent;border-radius:0;overflow:visible;box-shadow:none}
.bf-panel.bf-active:before,.bf-panel.bf-active:after{display:none}
.bf-panel.bf-active>div:first-child{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);padding:0!important;margin:0!important}
.bf-panel.bf-active .bf-gift,.bf-panel.bf-active .bf-handnote{display:none}
.bf-panel.bf-active .promotion-mobile-art{display:block;width:100%;line-height:0}
.promotion-mobile-art img{width:100%;height:auto;display:block;object-fit:contain}
.promotion-mobile-art .promotion-mobile-christmas{display:none}
.season-christmas .promotion-mobile-art .promotion-mobile-bf{display:none}
.season-christmas .promotion-mobile-art .promotion-mobile-christmas{display:block}
.bf-panel.bf-active .bf-clock-wrap{position:static;display:flex;flex-direction:column;gap:8px;width:100%;max-width:420px;height:auto;margin:0 auto;padding:12px 16px 14px;border:1px solid #b75a7438;border-radius:13px;background:linear-gradient(120deg,#110b0e,#2b111c);box-sizing:border-box;text-align:center}
.bf-panel.bf-active .bf-caption{order:-1;position:static;width:auto;height:auto;clip-path:none;overflow:visible;font:600 8px/1.3 var(--sans);color:#f3b5c9;letter-spacing:.14em;margin:0}
.bf-panel.bf-active .bf-clock{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;height:auto}
.bf-panel.bf-active .bf-unit{padding:7px 3px;border:1px solid #ffffff20;border-radius:8px;background:#ffffff04}
.bf-panel.bf-active .bf-unit strong{font-size:22px;line-height:1.1}
.bf-panel.bf-active .bf-unit span{font-size:7px;margin-top:4px}
}

@media(max-width:999px){
.bf-panel.bf-active .bf-clock-wrap{order:-1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;max-width:300px;width:100%;padding:8px 10px;border-radius:10px}
.bf-panel.bf-active .bf-caption{flex:0 0 67px;font-size:7px;line-height:1.4;letter-spacing:.07em;text-align:left;white-space:normal}
.bf-panel.bf-active .bf-clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:auto;flex:1}
.bf-panel.bf-active .bf-unit{padding:3px 1px;border:0;background:none;border-radius:0}
.bf-panel.bf-active .bf-unit strong{font-size:17px}
.bf-panel.bf-active .bf-unit span{font-size:6px;margin-top:3px;letter-spacing:.06em}
.bf-panel.bf-active{gap:9px}
}

@media(max-width:999px){.bf-panel.bf-active .promotion-mobile-art{position:relative;aspect-ratio:1408/732;overflow:hidden}.promotion-mobile-art .promotion-mobile-bf{position:absolute;width:102.84091%;max-width:none;height:auto;left:-1.5625%;top:-24.31694%}.season-christmas .bf-panel.bf-active .promotion-mobile-art{aspect-ratio:1404/585}.promotion-mobile-art .promotion-mobile-christmas{position:absolute;width:103.1339%;max-width:none;height:auto;left:-1.567%;top:-44.44444%}}

@media(max-width:999px){.bf-panel.bf-active,.season-christmas .bf-panel.bf-active{width:100%;box-sizing:border-box}.bf-panel.bf-active .bf-clock-wrap{max-width:260px;padding:5px 9px}.bf-panel.bf-active .bf-caption{flex-basis:62px}.bf-panel.bf-active .bf-unit strong{font-size:16px}}
