:root{--boft-app-banner-height:64px}
:root[data-boft-app-dismissed]{--boft-app-banner-height:0px!important}
#boft-app-banner-space{height:var(--boft-app-banner-height);flex:none}
#boft-app-banner{position:fixed;inset:0 0 auto;z-index:60;box-sizing:border-box;background:#ffb0e7;color:#291b2a;border-bottom:1px solid #291b2a14;font:15px/1.35 Arial,Helvetica,sans-serif;isolation:isolate}
#boft-app-banner *{box-sizing:border-box}
#boft-app-banner .boft-app-banner-inner{width:min(1180px,calc(100% - 64px));min-height:64px;margin:auto;display:flex;align-items:center;gap:16px;padding:10px 0}
#boft-app-banner .boft-app-banner-icon{position:relative;flex:none;width:38px;height:38px;overflow:hidden;border-radius:50%;background:transparent}
#boft-app-banner .boft-app-banner-icon img,#boft-app-banner .boft-app-banner-icon video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
#boft-app-banner .boft-app-banner-icon video{transform:scale(1.12)}
#boft-app-banner .boft-app-banner-icon img{transform:scale(1.35)}
#boft-app-banner .boft-app-banner-copy{flex:1;min-width:0;font-weight:600}
#boft-app-banner .boft-app-banner-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:42px;padding:10px 20px;border:0;border-radius:13px;background:#7c31ff;color:#fff;font:600 14px/1.2 Arial,Helvetica,sans-serif;text-decoration:none;white-space:nowrap}
#boft-app-banner .boft-app-banner-close{display:grid;place-items:center;flex:none;width:40px;min-width:40px;height:40px;padding:0;margin:0;border:0;border-radius:12px;background:transparent;color:#291b2a;cursor:pointer}
#boft-app-banner .boft-app-banner-close svg{width:20px;height:20px}
#boft-app-banner .boft-app-banner-cta:hover{background:#6821e8}
#boft-app-banner .boft-app-banner-close:hover{background:#291b2a12}
#boft-app-banner :is(a,button):focus-visible{outline:2px solid #291b2a;outline-offset:3px}
:root[data-boft-app-dismissed] #boft-app-banner,:root[data-boft-app-dismissed] #boft-app-banner-space{display:none}
body>.header{top:calc(18px + var(--boft-app-banner-height))}
.header .product-menu{max-height:calc(100dvh - 114px - var(--boft-app-banner-height))}
.header .site-map-panel{height:calc(100vh - 110px - var(--boft-app-banner-height));height:calc(100dvh - 110px - var(--boft-app-banner-height))}
@media(max-width:760px){.order-page .order-app.is-cart{height:calc(100dvh - var(--boft-app-banner-height))}}
@media(max-width:700px){
 #boft-app-banner .boft-app-banner-inner{width:calc(100% - 24px);gap:9px}
 #boft-app-banner .boft-app-banner-icon{width:36px;height:36px;border-radius:50%}
 #boft-app-banner .boft-app-banner-copy{font-size:13px;line-height:1.3}
 #boft-app-banner .boft-app-banner-cta{min-height:40px;padding:10px 13px;font-size:13px;border-radius:11px}
 #boft-app-banner .boft-app-banner-close{width:32px;min-width:32px;height:40px}
 body>.header{top:calc(12px + var(--boft-app-banner-height))}
 .header .product-menu{max-height:calc(100dvh - 93px - var(--boft-app-banner-height))}
 .header .site-map-panel{height:calc(100vh - 90px - var(--boft-app-banner-height));height:calc(100dvh - 90px - var(--boft-app-banner-height))}
}
@media(max-width:360px){#boft-app-banner .boft-app-banner-inner{gap:6px}#boft-app-banner .boft-app-banner-icon{width:32px;height:32px}#boft-app-banner .boft-app-banner-cta{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){#boft-app-banner video{display:none}}

#boft-app-banner .boft-app-banner-apple{display:block;width:17px;height:20px;flex:none;fill:currentColor}