/* shared look for the shop, checkout and info pages: soft glass over the sunset sky */
:root{--bg:#fff;--bg-2:#F4F6F8;--card:rgba(255,255,255,.9);--line:rgba(28,41,50,.13);--text:#1C2932;--muted:#4E5E6B;--gold:#B9772F;--gold-2:#B9772F;--brand:#1B2B38;--brand-2:#2A4354;--on-photo:#fff;--scrim:20,28,40}
html{background:#8E8F96}
body{background:transparent;font-family:"Assistant","Heebo",system-ui,Arial,sans-serif;color:var(--text)}
body::before{content:"";position:fixed;top:0;left:0;right:0;height:100vh;height:100lvh;z-index:-2;transform:translateZ(0);background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 45%,rgba(20,30,42,.22)),url(/img/sky-soft.webp) center/cover no-repeat}
@media (max-width:700px){body::before{background-image:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 45%,rgba(20,30,42,.22)),url(/img/sky-soft-m.webp)}}
h1,h2,h3,.logo{font-family:"Rubik","Assistant",sans-serif;letter-spacing:-.02em;font-weight:700}
.label{color:var(--gold)}.label::before{background:var(--gold)}

/* floating header */
.site,.site.solid{background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;top:14px}
.site .wrap{width:min(2200px,100% - 48px);min-height:64px;padding:8px 10px 8px 22px;border-radius:99px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 18px 44px -20px rgba(20,28,40,.6),inset 0 1px 0 rgba(255,255,255,.9)}
.shop-page .main a[aria-current="page"]{color:var(--brand)}
.btn{box-shadow:0 18px 34px -16px rgba(20,28,40,.8)}
.btn.line{background:rgba(255,255,255,.78);border-color:transparent;color:var(--text)}

/* glass panels */
.shop-hero,.shop-body,.shop-info{background:none!important;border:0!important;padding-block:10px}
.shop-hero{padding-top:104px}
.shop-hero>.wrap,.shop-body>.wrap,.shop-info>.wrap,.co>.wrap,main.doc{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(24px) saturate(1.35);backdrop-filter:blur(24px) saturate(1.35);border:1px solid rgba(255,255,255,.75);border-radius:40px;padding:clamp(24px,4.6vw,60px);box-shadow:0 40px 80px -40px rgba(20,28,40,.65),0 8px 24px -14px rgba(20,28,40,.3)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.shop-hero>.wrap,.shop-body>.wrap,.shop-info>.wrap,.co>.wrap,main.doc{background:rgba(255,255,255,.94)}}
.shop-hero>.wrap,.shop-body>.wrap,.shop-info>.wrap,.co>.wrap{width:min(2200px,100% - 48px)}
main.doc{margin-block:104px 20px;width:min(900px,100% - 40px)}
main.doc h1{font-size:clamp(2rem,4.4vw,3rem)}
.co{padding-top:104px}
.perks li,.card,.soon-in,.co-box,.chip,.frow input,.frow select{border-radius:24px;box-shadow:0 22px 40px -28px rgba(20,28,40,.6)}
.perks li{background:rgba(255,255,255,.85);border-color:transparent}
.chip,.frow input,.frow select{border-radius:99px;box-shadow:none}
.card{border-color:transparent;border-radius:26px}
.card:hover{box-shadow:0 30px 50px -28px rgba(20,28,40,.7)}
.co-box{border-color:transparent;border-radius:28px}
.co-form input:not([type=radio]):not([type=checkbox]),.co-form select{border-radius:14px;background:#fff}
.co-form .terms{background:#fff;border-radius:16px}
.pd,.cart{border:0;box-shadow:0 40px 90px -30px rgba(10,16,24,.8)}
.pd{border-radius:32px}
.paybanner{margin-top:100px;border-radius:22px}
.shop-info .wrap a,.info-grid a{color:#2A5F86}

footer{border:0;padding:10px 0 110px;color:#D5DEE6}
footer .wrap{width:min(2200px,100% - 48px);background:rgba(22,34,46,.78);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;padding:26px 30px;box-shadow:0 40px 80px -40px rgba(20,28,40,.65)}
footer a{color:#fff}
.wa{border-radius:99px;border-color:transparent;box-shadow:0 16px 36px -16px rgba(20,28,40,.7)}
@media (max-width:900px){.site .wrap{padding-inline-start:16px}.shop-hero>.wrap,.shop-body>.wrap,.shop-info>.wrap,.co>.wrap,main.doc{border-radius:30px;width:calc(100% - 24px)}}
main.doc h1{margin:10px 0 14px}
main.doc h2{font-size:1.35rem;margin:24px 0 6px;line-height:1.25}
main.doc p,main.doc li{max-width:70ch}
.cart-btn{white-space:nowrap}
@media (max-width:640px){.perks{grid-template-columns:1fr}.shop-hero>.wrap,.shop-body>.wrap,.shop-info>.wrap,.co>.wrap,main.doc{padding:22px 16px;width:calc(100% - 20px)}.co-box{padding:18px 16px}footer .wrap{width:calc(100% - 20px);padding:22px 18px}}