:root{--monolith-accent: #4CA7DC}.monolith-section{padding:var(--monolith-pad-top, 60px) 0 var(--monolith-pad-bottom, 60px);overflow:hidden}.monolith-header{text-align:center;margin-bottom:3rem}.monolith-title{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:.1em;text-transform:uppercase;font-weight:300;margin-bottom:75px}.monolith-stage{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,3vw,3rem);padding:0 1rem;perspective:1200px;perspective-origin:50% 40%}.monolith-stage--edge{gap:clamp(3rem,8vw,7rem)}.monolith-scene{position:relative;width:var(--monolith-w, 260px);height:var(--monolith-h, 600px);transform-style:preserve-3d;flex-shrink:0}.monolith-prism{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.77,0,.175,1);transform-origin:center center}.monolith-cap{position:absolute;left:0;width:100%;transform-style:preserve-3d;pointer-events:none;z-index:0}.monolith-cap--top{top:0;height:var(--monolith-cap-h, 20px);background:linear-gradient(to bottom,#ffffff2e,#ffffff0f);border-top:1px solid rgba(255,255,255,.45);border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.08)}.monolith-cap--bottom{bottom:0;height:var(--monolith-cap-h, 20px);background:linear-gradient(to bottom,#00000080,#000000bf);border-bottom:1px solid rgba(0,0,0,.8)}.monolith-face{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;backface-visibility:hidden;border-radius:0}.monolith-section--rectangle .monolith-scene{width:var(--monolith-w, 260px);aspect-ratio:auto}.monolith-face__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.monolith-face__bg-img,.monolith-face__bg-video{width:100%;height:100%;object-fit:cover;display:block}.monolith-face__bg--default{background:linear-gradient(160deg,#0b1d2e,#142840,#1a3a5c 60%,#0d2035)}.monolith-face__glare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 50%,rgba(0,0,0,.4) 100%);pointer-events:none}.monolith-face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.28);border-right:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff1f,inset 1px 0 #ffffff14,inset 0 -1px #0006,inset -1px 0 #0000004d,0 0 0 1px color-mix(in srgb,var(--monolith-accent) 18%,transparent)}.monolith-face:after{content:"";position:absolute;top:0;left:-1px;width:4px;height:100%;z-index:6;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.15) 10%,var(--monolith-accent) 35%,rgba(255,255,255,.9) 50%,var(--monolith-accent) 65%,rgba(255,255,255,.15) 90%,transparent 100%);opacity:.75;filter:blur(1px)}.monolith-face__content{position:relative;z-index:4;display:flex;flex-direction:column;height:100%;padding:1.5rem 1.2rem 2rem;justify-content:flex-end;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 40%,transparent 70%);color:#fff;text-align:center}.monolith-face__content--empty{align-items:center;justify-content:center;color:#fff6}.monolith-face__media{flex:1;display:flex;align-items:center;justify-content:center;padding:.1rem;min-height:0}.monolith-face__product-img{aspect-ratio:var(--monolith-img-ratio, 3/4);width:100%;height:auto;max-height:100%;object-fit:cover;filter:drop-shadow(0 8px 24px rgba(0,0,0,.6));transition:transform .4s ease}[data-image-format=portrait] .monolith-face__product-img{width:auto;max-width:100%;height:100%;object-fit:contain}[data-image-format=square] .monolith-face__product-img{width:min(100%,calc(var(--monolith-w, 260px) - 2.4rem));height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:2px}.monolith-face__content:hover .monolith-face__product-img{transform:translateY(-4px) scale(1.02)}.monolith-face__info{flex-shrink:0}.monolith-face__vendor{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--monolith-accent);margin:0 0 .3rem;opacity:.9}.monolith-face__title{font-size:20px;font-weight:600;margin:1 0 .5rem;line-height:1.3;color:#fff;text-align:center}.monolith-face__price{font-size:20px;margin:0 0 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;width:100%}.monolith-face__compare-price{color:#fff6;font-size:.8rem}.monolith-face__current-price{color:#fff;font-weight:700;text-align:center;font-size:20px;display:block;width:100%}.monolith-face__cta{display:block;width:100%;text-align:center;padding:1.7rem 1rem;background:#ffffff1a;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px #ffffff2e,0 4px 24px #00000040;color:#fff!important;text-decoration:none;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;border-radius:4px;position:relative;overflow:hidden;transition:background .25s,border-color .25s,box-shadow .25s,transform .15s}.monolith-face__cta:before{content:"";position:absolute;top:0;left:10%;width:80%;height:1px;background:linear-gradient(to right,transparent,var(--monolith-accent),rgba(255,255,255,.8),var(--monolith-accent),transparent);opacity:.7;transition:opacity .25s}.monolith-face__cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);transform:translate(-100%);transition:transform .45s ease}.monolith-face__cta:hover{background:#ffffff2e;border-color:color-mix(in srgb,var(--monolith-accent) 70%,rgba(255,255,255,.6));box-shadow:inset 0 1px #ffffff47,0 0 18px color-mix(in srgb,var(--monolith-accent) 40%,transparent),0 6px 28px #0000004d;transform:translateY(-2px)}.monolith-face__cta:hover:before{opacity:1}.monolith-face__cta:hover:after{transform:translate(100%)}.monolith-face__cta:active{transform:translateY(0);box-shadow:inset 0 1px #ffffff26,0 2px 8px #0003}.monolith-beam{position:absolute;bottom:-48px;left:50%;transform:translate(-50%);width:1px;height:52px;background:linear-gradient(to bottom,rgba(255,255,255,.7),var(--monolith-accent),transparent);animation:monolith-beam-pulse 3s ease-in-out infinite;z-index:5}.monolith-beam:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:var(--monolith-w, 260px);height:1px;background:linear-gradient(to right,transparent,color-mix(in srgb,var(--monolith-accent) 60%,transparent) 30%,rgba(255,255,255,.5) 50%,color-mix(in srgb,var(--monolith-accent) 60%,transparent) 70%,transparent)}.monolith-glow{position:absolute;bottom:-58px;left:50%;transform:translate(-50%);width:160px;height:32px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--monolith-accent) 55%,transparent) 0%,transparent 70%);animation:monolith-beam-pulse 3s ease-in-out infinite;z-index:4;filter:blur(4px)}@keyframes monolith-beam-pulse{0%,to{opacity:.5}50%{opacity:1}}.monolith-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:var(--monolith-accent);cursor:pointer;flex-shrink:0;transition:background .2s,border-color .2s,transform .15s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10}.monolith-arrow:hover{background:#ffffff1f;border-color:var(--monolith-accent);transform:scale(1.08)}.monolith-arrow svg{width:20px;height:20px}.monolith-dots{display:flex;justify-content:center;gap:.5rem;margin-top:12rem}.monolith-dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--monolith-accent);background:transparent;cursor:pointer;padding:0;transition:background .2s,transform .15s}.monolith-dot.is-active{background:var(--monolith-accent);transform:scale(1.3)}@media screen and (max-width:749px){.monolith-stage{gap:0;justify-content:space-between;padding:0}.monolith-stage--edge{gap:0}.monolith-arrow{width:36px;height:36px;flex-shrink:0}.monolith-arrow svg{width:16px;height:16px}.monolith-scene{width:var(--monolith-w-mobile, var(--monolith-w, 220px));height:var(--monolith-h-mobile, var(--monolith-h, 500px))}[data-image-format=square] .monolith-face__product-img{width:min(100%,calc(var(--monolith-w-mobile, var(--monolith-w, 220px)) - 2.4rem))}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/monolith-products.css.map */