.template-index .commerce-hero{--glass-white: rgba(255, 255, 255, .92);--glass-muted: rgba(255, 255, 255, .64);--glass-line: rgba(255, 255, 255, .18);--glass-red: #d92d32;--glass-gold: #f6c943;position:relative;min-height:clamp(42rem,calc(100svh - 4.35rem),50rem);overflow:hidden;isolation:isolate;color:#fff;background:#070607}.template-index .commerce-hero__background,.template-index .commerce-hero__veil,.template-index .commerce-hero__glint{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.template-index .commerce-hero__background{z-index:-4;overflow:hidden}.template-index .commerce-hero__background img{width:100%;height:100%;object-fit:cover;object-position:center;transform:translate3d(var(--hero-x, 0),var(--hero-y, 0),0) scale(1.035);filter:saturate(.88) contrast(1.04);transition:transform .9s cubic-bezier(.16,1,.3,1)}.template-index .commerce-hero__veil{z-index:-3;background:linear-gradient(90deg,#030304f7,#030304c7 31%,#03030440 55%,#0303044f),linear-gradient(180deg,#0202031f,#0202037a)}.template-index .commerce-hero__glint{z-index:-2;opacity:.68;background:radial-gradient(50rem 28rem at var(--glint-x, 78%) var(--glint-y, 38%),rgba(205,30,35,.12),transparent 58%),linear-gradient(108deg,transparent 54%,rgba(255,255,255,.035) 60%,transparent 66%);transition:background-position .26s ease}.template-index .commerce-hero__layout{min-height:inherit;padding-block:clamp(3.5rem,6vw,6.5rem);display:grid;grid-template-columns:minmax(20rem,.82fr) minmax(33rem,1.18fr);align-items:center;gap:clamp(2rem,5vw,6.5rem)}.template-index .commerce-hero__copy{position:relative;z-index:2;max-width:35rem}.template-index .commerce-hero__eyebrow{margin:0 0 1.15rem;display:flex;align-items:center;gap:.7rem;color:#ffffffb3;font-family:var(--font-data);font-size:.62rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.template-index .commerce-hero__eyebrow span{width:.48rem;height:.48rem;border-radius:50%;background:#42d983;box-shadow:0 0 0 .24rem #42d9831f;animation:commerce-status 2.4s ease-in-out infinite}.template-index .commerce-hero h1{max-width:9.5ch;margin:0;font-family:var(--font-body);font-size:clamp(3.2rem,5.2vw,5.7rem);font-weight:720;letter-spacing:-.065em;line-height:.93;text-wrap:balance}.template-index .commerce-hero h1 em{display:block;color:transparent;font-style:normal;background:linear-gradient(100deg,#fff,#f5d9d9 48%,#e94449);-webkit-background-clip:text;background-clip:text}.template-index .commerce-hero__lead{max-width:32rem;margin:1.45rem 0 0;color:var(--glass-muted);font-size:clamp(.92rem,1.1vw,1.05rem);line-height:1.68}.template-index .commerce-hero__actions{margin-top:1.8rem;display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.template-index .commerce-hero__primary{min-height:3.35rem;padding-inline:1.35rem;border:1px solid rgba(255,255,255,.22);border-radius:.35rem;background:#cf292e;box-shadow:0 .75rem 2.25rem #9710153d,inset 0 1px #ffffff2e}.template-index .commerce-hero__primary:hover{background:#e1373c;transform:translateY(-2px)}.template-index .commerce-hero__text-button{min-height:2.75rem;padding:.5rem 0;border:0;display:inline-flex;align-items:center;gap:.55rem;color:#ffffffd1;background:transparent;font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.template-index .commerce-hero__text-button svg{width:.9rem;transition:transform .22s ease}.template-index .commerce-hero__text-button:hover{color:#fff}.template-index .commerce-hero__text-button:hover svg{transform:translate(.25rem)}.template-index .commerce-hero__proof{padding:1.2rem 0 0;margin:1.9rem 0 0;border-top:1px solid rgba(255,255,255,.13);display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;list-style:none}.template-index .commerce-hero__proof li{display:flex;align-items:center;gap:.42rem;color:#ffffff91;font-size:.68rem}.template-index .commerce-hero__proof i{width:.3rem;height:.3rem;border-radius:50%;background:var(--glass-red);box-shadow:0 0 .6rem #d92d32bf}.template-index .commerce-panel{--panel-x: 50%;--panel-y: 0%;position:relative;z-index:2;min-width:0;padding:1px;border:1px solid transparent;border-radius:1.45rem;overflow:hidden;background:linear-gradient(#120e1094,#0c0a0ca8) padding-box,linear-gradient(145deg,#ffffff78,#ffffff14 34%,#d92d3252 70%,#ffffff29) border-box;box-shadow:0 2.8rem 6rem #00000070,inset 0 1px #ffffff29,inset 0 -1px #ffffff0d;backdrop-filter:blur(30px) saturate(128%);-webkit-backdrop-filter:blur(30px) saturate(128%);transform:perspective(1200px) rotateX(var(--panel-rx, 0deg)) rotateY(var(--panel-ry, 0deg));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}.template-index .commerce-panel:before,.template-index .commerce-panel:after{content:"";position:absolute;pointer-events:none}.template-index .commerce-panel:before{top:1px;right:1px;bottom:1px;left:1px;border-radius:calc(1.45rem - 1px);background:radial-gradient(38rem 18rem at var(--panel-x) var(--panel-y),rgba(255,255,255,.15),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.055),transparent 27%)}.template-index .commerce-panel:after{left:8%;right:8%;bottom:-2.7rem;height:4rem;border-radius:50%;background:#7e0a0f47;filter:blur(2rem)}.template-index .commerce-panel__shine{position:absolute;top:-30%;left:-20%;z-index:3;width:46%;height:160%;pointer-events:none;opacity:.16;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:translate(var(--shine-shift, -100%)) skew(-16deg);transition:transform .8s cubic-bezier(.16,1,.3,1)}.template-index .commerce-panel__header,.template-index .commerce-panel__tabs,.template-index .commerce-panel__products{position:relative;z-index:2}.template-index .commerce-panel__header{min-height:5.3rem;padding:1.15rem 1.35rem;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:1rem}.template-index .commerce-panel__header>div{display:flex;flex-direction:column;gap:.35rem}.template-index .commerce-panel__header strong{color:#ffffffeb;font-size:1rem;letter-spacing:-.015em}.template-index .commerce-panel__header>a{display:inline-flex;align-items:center;gap:.45rem;color:#ffffff9e;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.template-index .commerce-panel__header>a:hover{color:#fff}.template-index .commerce-panel__header svg{width:.8rem}.template-index .commerce-panel__status{display:flex;align-items:center;gap:.45rem;color:#ffffff80;font-family:var(--font-data);font-size:.55rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.template-index .commerce-panel__status i{width:.38rem;height:.38rem;border-radius:50%;background:#42d983;box-shadow:0 0 .7rem #42d9838c}.template-index .commerce-panel__tabs{padding:.72rem;border-bottom:1px solid rgba(255,255,255,.1);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(8.8rem,1fr);gap:.45rem;overflow-x:auto;scrollbar-width:none}.template-index .commerce-panel__tabs::-webkit-scrollbar{display:none}.template-index .commerce-panel__tab{min-width:0;min-height:3.65rem;padding:.42rem .52rem;border:1px solid transparent;border-radius:.75rem;display:grid;grid-template-columns:2.45rem minmax(0,1fr);align-items:center;gap:.55rem;color:#ffffff80;background:#ffffff06;text-align:left;cursor:pointer;transition:border-color .22s ease,background .22s ease,color .22s ease,transform .22s ease}.template-index .commerce-panel__tab:hover{color:#ffffffc7;background:#ffffff0e}.template-index .commerce-panel__tab.is-active{border-color:#fff3;color:#fff;background:#ffffff17;box-shadow:inset 0 1px #ffffff14}.template-index .commerce-panel__tab img{width:2.45rem;height:2.45rem;border-radius:.45rem;object-fit:contain;background:#ffffffed}.template-index .commerce-panel__tab span{min-width:0;display:block}.template-index .commerce-panel__tab b,.template-index .commerce-panel__tab small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-index .commerce-panel__tab b{font-size:.62rem;font-weight:650}.template-index .commerce-panel__tab small{margin-top:.22rem;color:#ffffff7a;font-size:.58rem}.template-index .commerce-panel__products{min-height:27rem}.template-index .commerce-product{display:none;grid-template-columns:minmax(12rem,.88fr) minmax(15rem,1.12fr);animation:commerce-product-in .42s cubic-bezier(.16,1,.3,1) both}.template-index .commerce-product.is-active{display:grid}.template-index .commerce-product__media{position:relative;min-height:27rem;padding:2rem;border-right:1px solid rgba(255,255,255,.1);display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 55%,rgba(255,255,255,.12),transparent 52%),linear-gradient(145deg,#ffffff0e,#ffffff03)}.template-index .commerce-product__media:after{content:"";position:absolute;left:18%;right:18%;bottom:14%;height:1.25rem;border-radius:50%;background:#0000008a;filter:blur(.85rem)}.template-index .commerce-product__media>a{position:relative;z-index:2;width:100%;height:100%;display:grid;place-items:center}.template-index .commerce-product__media img{width:100%;height:100%;max-height:20rem;object-fit:contain;filter:drop-shadow(0 1.2rem 1.8rem rgba(0,0,0,.34));transition:transform .55s cubic-bezier(.16,1,.3,1)}.template-index .commerce-product__media:hover img{transform:scale(1.035) translateY(-.2rem)}.template-index .commerce-product__badge{position:absolute;top:1rem;left:1rem;z-index:3;padding:.38rem .55rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#ffffffa8;background:#00000038;font-family:var(--font-data);font-size:.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.template-index .commerce-product__info{min-width:0;padding:1.5rem 1.45rem 1.35rem;display:flex;flex-direction:column}.template-index .commerce-product__info>p{margin:0 0 .42rem;overflow:hidden;color:#ffffff6e;font-family:var(--font-data);font-size:.53rem;letter-spacing:.09em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.template-index .commerce-product__info h2{margin:0;font-family:var(--font-body);font-size:clamp(1.25rem,1.7vw,1.65rem);font-weight:690;letter-spacing:-.035em;line-height:1.05;text-transform:none}.template-index .commerce-product__info h2 a{color:#fff}.template-index .commerce-product__price{margin-top:.9rem;display:flex;align-items:baseline;gap:.55rem}.template-index .commerce-product__price strong{font-size:1.45rem;letter-spacing:-.035em}.template-index .commerce-product__price span{color:#ffffff6b;font-size:.58rem;text-transform:uppercase}.template-index .commerce-product__variant{margin-top:1rem;display:grid;gap:.4rem}.template-index .commerce-product__variant>span{color:#ffffff80;font-size:.58rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.template-index .commerce-product__variant select{width:100%;min-height:2.65rem;padding:0 2.4rem 0 .75rem;border:1px solid rgba(255,255,255,.16);border-radius:.5rem;color:#fff;background:#ffffff0f;font:inherit;font-size:.72rem;color-scheme:dark}.template-index .commerce-product__buyrow{margin-top:1rem;display:grid;grid-template-columns:1fr auto;align-items:end;gap:.8rem}.template-index .commerce-product__quantity>span,.template-index .commerce-product__total>span{margin-bottom:.38rem;display:block;color:#ffffff78;font-size:.56rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.template-index .commerce-product__quantity>span small{margin-left:.35rem;color:#ffffff4d;font-size:inherit}.template-index .commerce-product__quantity>div{width:8.2rem;height:2.7rem;border:1px solid rgba(255,255,255,.16);border-radius:.5rem;display:grid;grid-template-columns:2rem 1fr 2rem;overflow:hidden;background:#ffffff0e}.template-index .commerce-product__quantity button{border:0;color:#ffffffb8;background:transparent;font-size:1.05rem;cursor:pointer}.template-index .commerce-product__quantity button:hover{color:#fff;background:#ffffff12}.template-index .commerce-product__quantity input{min-width:0;border:0;color:#fff;background:transparent;text-align:center;font:inherit;font-size:.75rem;-webkit-appearance:textfield;appearance:textfield}.template-index .commerce-product__quantity input::-webkit-outer-spin-button,.template-index .commerce-product__quantity input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}.template-index .commerce-product__total{text-align:right}.template-index .commerce-product__total strong{font-size:.88rem}.template-index .commerce-product__add{width:100%;min-height:3rem;margin-top:auto;border-radius:.5rem;display:flex;justify-content:space-between;background:#cf292ef0;box-shadow:0 .8rem 2rem #5e04083b,inset 0 1px #ffffff2e}.template-index .commerce-product__add:hover{background:#e1373c}.template-index .commerce-product__add:disabled{opacity:.45;cursor:not-allowed;transform:none}.template-index .commerce-product__add svg{width:.9rem}.template-index .commerce-panel__empty{min-height:27rem;padding:3rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.template-index .commerce-panel__empty strong{font-size:1.5rem}.template-index .commerce-panel__empty p{max-width:30rem;color:#ffffff94}.template-index .commerce-toast{position:absolute;right:1.2rem;bottom:1.2rem;z-index:8;max-width:min(22rem,calc(100vw - 2rem));padding:.8rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:.65rem;color:#fff;background:#121113db;box-shadow:0 1rem 3rem #0006;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);font-size:.72rem;opacity:0;pointer-events:none;transform:translateY(.65rem);transition:opacity .22s ease,transform .22s ease}.template-index .commerce-toast.is-visible{opacity:1;transform:translateY(0)}@keyframes commerce-product-in{0%{opacity:0;transform:translateY(.55rem)}to{opacity:1;transform:none}}@keyframes commerce-status{50%{box-shadow:0 0 0 .38rem #42d9830a}}@media(max-width:1100px){.template-index .commerce-hero__layout{grid-template-columns:minmax(18rem,.78fr) minmax(31rem,1.22fr);gap:1.5rem}.template-index .commerce-hero h1{font-size:clamp(3rem,5.4vw,4.6rem)}.template-index .commerce-panel__tabs{grid-auto-columns:minmax(7.8rem,1fr)}.template-index .commerce-product{grid-template-columns:.82fr 1.18fr}.template-index .commerce-product__media{padding:1.25rem}}@media(max-width:860px){.template-index .commerce-hero{min-height:0}.template-index .commerce-hero__background img{object-position:65% center}.template-index .commerce-hero__veil{background:linear-gradient(180deg,#030304d1,#030304ab 42%,#030304eb)}.template-index .commerce-hero__layout{padding-block:4rem 3.2rem;grid-template-columns:1fr;gap:2.5rem}.template-index .commerce-hero__copy{max-width:38rem}.template-index .commerce-hero h1{max-width:11ch}.template-index .commerce-panel{width:100%;max-width:46rem;justify-self:center;transform:none!important}}@media(max-width:580px){.template-index .commerce-hero__layout{padding-block:3rem 2.5rem;gap:2rem}.template-index .commerce-hero h1{font-size:clamp(2.8rem,14vw,4rem)}.template-index .commerce-hero__lead{font-size:.9rem}.template-index .commerce-hero__actions{align-items:flex-start;flex-direction:column;gap:.55rem}.template-index .commerce-hero__primary{width:100%;justify-content:space-between}.template-index .commerce-hero__proof{gap:.6rem 1rem}.template-index .commerce-panel{border-radius:1.05rem}.template-index .commerce-panel__header{min-height:4.6rem;padding:.95rem 1rem}.template-index .commerce-panel__header>a{font-size:.58rem}.template-index .commerce-panel__tabs{grid-auto-columns:8.6rem}.template-index .commerce-product.is-active{display:block}.template-index .commerce-product__media{min-height:17rem;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.template-index .commerce-product__media img{max-height:14rem}.template-index .commerce-product__info{min-height:22rem;padding:1.25rem 1rem 1rem}.template-index .commerce-product__buyrow{grid-template-columns:1fr auto}.template-index .commerce-product__add{margin-top:1.25rem}}@media(prefers-reduced-motion:reduce){.template-index .commerce-hero *,.template-index .commerce-hero *:before,.template-index .commerce-hero *:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/commerce-hero.css.map */