:root{--bg:#0a0b10;--text:#e6f1ff;--muted:#93a4ba;--accent:#00F5FF;--accent2:#7C4DFF;--accent3:#00FF87;--glass:rgba(255,255,255,.06);--border:rgba(255,255,255,.12)}html,body{background:var(--bg);color:var(--text)}a{color:var(--text);text-decoration:none}*{scroll-behavior:smooth}.page-width{max-width:1200px;margin:0 auto;padding:0 20px}.site-header{position:sticky;top:0;z-index:50;background:#0a0b10c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.site-header .bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0}.nav{display:flex;gap:1rem;flex-wrap:wrap}.nav a{opacity:.9}.nav a:hover{opacity:1}.footer{margin-top:40px;padding:20px 0;background:#ffffff08;border-top:1px solid var(--border);opacity:.9}.button,.btn,[class*=button]{border-radius:14px;padding:.7rem 1.1rem;font-weight:700;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid var(--border);box-shadow:inset 0 0 0 1px #ffffff0f;transition:transform .15s,box-shadow .2s,background .2s}.button:hover,.btn:hover,[class*=button]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00f5ff26,0 0 0 1px #00f5ff4d;background:linear-gradient(180deg,#00f5ff1f,#7c4dff1f)}.card,[class*=card]{border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid var(--border);transition:transform .2s,box-shadow .25s,border-color .2s}.card:hover,[class*=card]:hover{transform:translateY(-4px);border-color:#00f5ff73;box-shadow:0 18px 40px #00f5ff2e,0 0 0 1px #7c4dff47 inset}.card__media{aspect-ratio:1/1;overflow:hidden}.future-gradient{position:relative;isolation:isolate;overflow:hidden;padding:64px 0}.future-gradient:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:conic-gradient(from 0deg,#00f5ff40,#7c4dff2e,#00ff872e,#00f5ff40);filter:blur(80px);animation:spin 18s linear infinite;z-index:-1}@keyframes spin{to{transform:rotate(360deg)}}.neon-gradient-text{background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3));-webkit-background-clip:text;background-clip:text;color:transparent;animation:hue 8s linear infinite}@keyframes hue{0%{filter:hue-rotate(0)}to{filter:hue-rotate(360deg)}}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:1.2fr .8fr}@media (max-width:990px){.grid-2{grid-template-columns:1fr}}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:990px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.grid-3,.grid-4{grid-template-columns:1fr}}.buzz-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin:.35rem 0}.buzz-badges .badge{--g:linear-gradient(90deg,var(--accent),var(--accent2));font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:.28rem .5rem;border-radius:999px;background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 1px #ffffff0f inset,0 0 12px #00f5ff33}.buzz-badges .badge:after{content:"";display:block;height:2px;margin-top:2px;border-radius:2px;background:var(--g);opacity:.8}[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}[data-reveal].is-in{opacity:1;transform:none}.cursor-halo{position:fixed;width:160px;height:160px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(0,245,255,.18),rgba(124,77,255,.08),transparent 70%);transform:translate(-50%,-50%);mix-blend-mode:screen;z-index:9999;opacity:.65}@media (max-width: 1000px){.cursor-halo{display:none}}.template-product .product__media,.template-product .product__media-wrapper,.template-product .media{width:100%;max-width:100%}.template-product .media>img,.template-product .media>video,.template-product .media>model-viewer{display:block;width:100%;height:auto;max-height:min(80vh,900px);object-fit:contain;border-radius:12px}.template-product main,.template-product .product__media,.template-product .product__media-wrapper{overflow:hidden}.template-product .product__media,.template-product .product__media-wrapper,.template-product .product__media-item,.template-product .media{width:100%!important;max-width:100%!important;aspect-ratio:auto!important;padding-top:0!important;overflow:hidden}.template-product .media:before{display:none!important}.template-product .media>img,.template-product .media>picture>img,.template-product .media>video,.template-product .media>model-viewer,.template-product .product__media img{display:block!important;width:100%!important;height:auto!important;max-height:min(85vh,900px)!important;object-fit:contain!important;position:static!important;inset:auto!important;transform:none!important;border-radius:12px}.template-product .product__media,.template-product .product__media-wrapper,.template-product .product__media-item,.template-product .media,.template-product .gallery__media,.template-product .product-media,.template-product .product__image{aspect-ratio:auto!important;padding:0!important;min-height:0!important;height:auto!important;width:100%!important;max-width:100%!important;overflow:hidden}.template-product .media>img,.template-product .media>picture>img,.template-product .media>video,.template-product .media>model-viewer,.template-product .product__media img{display:block;width:100%!important;height:auto!important;max-height:min(80vh,900px)!important;object-fit:contain!important;border-radius:12px}.template-product .media,.template-product .product__media{aspect-ratio:auto!important}@media (max-width: 768px){.template-product .product__media-wrapper{margin:0 auto;max-width:100%}}.template-product .product__media,.template-product .product__media-wrapper,.template-product .product__media-item,.template-product .gallery__media,.template-product .product-media,.template-product .media{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;padding:0!important;aspect-ratio:auto!important;overflow:hidden}.template-product .media>img,.template-product .media>picture>img,.template-product .media>video,.template-product .media>model-viewer,.template-product .product__media img,.template-product .product__media video{position:static!important;inset:auto!important;display:block;width:100%!important;height:auto!important;max-height:min(80vh,900px)!important;object-fit:contain!important;border-radius:12px}.template-product main{overflow-x:hidden}.template-product .product__media-item{border-radius:12px;overflow:hidden}@media (min-width: 992px){.template-product .product__media-wrapper{max-width:780px;margin:0 auto}}.template-product .product__media.media,.template-product .media{padding-top:0!important;--ratio-percent: 0 !important}.template-product .media--square,.template-product .media--portrait,.template-product .media--landscape{aspect-ratio:auto!important}.buzz-future.product .product__media,.buzz-future.product .product__media-wrapper,.buzz-future.product .product__media-item,.buzz-future.product .gallery__media,.buzz-future.product .product-media,.buzz-future.product .media{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;padding:0!important;aspect-ratio:auto!important;overflow:hidden}.buzz-future.product .media:before{display:none!important}.buzz-future.product .media>img,.buzz-future.product .media>picture>img,.buzz-future.product .media>video,.buzz-future.product .media>model-viewer,.buzz-future.product .product__media img,.buzz-future.product .product__media video{position:static!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;max-height:min(80vh,900px)!important;object-fit:contain!important;border-radius:12px}.buzz-future.product main{overflow-x:hidden}.template-product .sticky-atc{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:linear-gradient(180deg,#0a0b10d9,#0a0b10eb);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.14);box-shadow:0 -10px 30px #00000059;padding:.65rem 0;display:none}.template-product .sticky-atc.is-visible{display:block}.template-product .sticky-atc__inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.template-product .sticky-atc__info{min-width:0}.template-product .sticky-atc__title{display:block;font-weight:800;font-size:.9rem;line-height:1.2;opacity:.95;max-width:56vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-product .sticky-atc__price{display:inline-block;margin-top:.15rem;font-weight:800;font-size:.95rem;color:#061019;padding:.18rem .55rem;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 6px 16px #00f5ff38}.template-product .sticky-atc__actions{flex:0 0 40%}.template-product .sticky-atc__form{display:flex;gap:.5rem;align-items:center}.template-product .sticky-atc__form [type=submit],.template-product .sticky-atc__form button{width:100%;border:0;border-radius:12px;padding:.7rem 1rem;font-weight:800;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#061019;box-shadow:0 8px 18px #00f5ff2e}.template-product .sticky-atc__form select,.template-product .sticky-atc__form .quantity,.template-product .sticky-atc__form input[type=number]{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:var(--text);border-radius:10px;padding:.55rem .65rem;min-width:88px}@media (min-width: 990px){.template-product .sticky-atc{display:none!important}}.template-product .media>img,.template-product .media>picture>img,.template-product .media>video,.template-product .media>model-viewer{transition:transform .35s ease,opacity .35s ease}@media (hover:hover){.template-product .media:hover>img{transform:scale(1.03)}}.r-grid .card .ph{position:relative;background:#ffffff0a}.r-grid .card .ph:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f);background-size:200% 100%;animation:buzz-shimmer 1.1s linear infinite;opacity:0;transition:opacity .25s ease}.r-grid .card:not(.is-loaded) .ph:before{opacity:.75}.r-grid .card .ph img{opacity:0;transition:opacity .35s ease}.r-grid .card.is-loaded .ph img{opacity:1}@keyframes buzz-shimmer{0%{background-position:0% 0}to{background-position:200% 0}}document.addEventListener("DOMContentLoaded",() => {if (document.body.classList.contains("template-product")) {const form = document.querySelector('form[action*="/cart/add"]'); const titleEl = document.querySelector("h1"); const priceSource = document.querySelector("[data-product-price], .price-item, .product__price, .product__price .price"); if (form) {const bar = document.createElement("div"); bar.className = "sticky-atc"; bar.innerHTML = ` <div class="sticky-atc__inner page-width"> <div class="sticky-atc__info"> <span class="sticky-atc__title">${(titleEl?.textContent || "Product").trim()}</span> <span class="sticky-atc__price">${(priceSource?.textContent || "").trim()}</span> </div> <div class="sticky-atc__actions"></div> </div> `; document.body.appendChild(bar); // \39a\3bb\3ce\3bd\3bf\3c2  \3c4\3bf\3c5  \3c5\3c0\3ac\3c1\3c7\3bf\3bd\3c4\3bf\3c2  add-to-cart form (\3b3\3b9\3b1  \3bd\3b1  \3bc\3b7  \3c0\3b5\3b9\3c1\3ac\3b6\3bf\3c5\3bc\3b5  Liquid) const clone = form.cloneNode(true); clone.classList.add("sticky-atc__form"); // \3a0\3c1\3bf\3b1\3b9\3c1\3b5\3c4\3b9\3ba\3cc: \3ba\3b1\3b8\3ac\3c1\3b9\3c3\3b5  labels \3c0\3bf\3c5  \3b4\3b5\3bd  \3c7\3c1\3b5\3b9\3ac\3b6\3bf\3bd\3c4\3b1\3b9  \3c3\3c4\3bf\3bd  \3ba\3bb\3ce\3bd\3bf  clone.querySelectorAll("label").forEach(l => l.remove()); bar.querySelector(".sticky-atc__actions").appendChild(clone); // \395\3bd\3b7\3bc\3ad\3c1\3c9\3c3\3b5  \3c4\3b7\3bd  \3c4\3b9\3bc\3ae  \3cc\3c4\3b1\3bd  \3b1\3bb\3bb\3ac\3b6\3b5\3b9  \3b7  \3b5\3c0\3b9\3bb\3bf\3b3\3ae/variant const syncPrice = () => {const p = document.querySelector("[data-product-price], .price-item, .product__price, .product__price .price"); bar.querySelector(".sticky-atc__price").textContent = (p?.textContent || "").trim();}; form.addEventListener("change",syncPrice); document.addEventListener("variant:change",syncPrice); // \3c3\3b5  \3ba\3ac\3c0\3bf\3b9\3b1  themes fire-\3ac\3c1\3b5\3b9  event // \394\3b5\3af\3be\3b5  \3c4\3b7  \3bc\3c0\3ac\3c1\3b1  \3cc\3c4\3b1\3bd  \3bf  \3b1\3c1\3c7\3b9\3ba\3cc\3c2  form \3b2\3b3\3b5\3b9  \3b1\3c0\3cc  \3c4\3bf  viewport const io = new IntersectionObserver(entries => {entries.forEach(e => bar.classList.toggle("is-visible",!e.isIntersecting));},{threshold: 0,rootMargin: "-15% 0px 0px 0px"}); io.observe(form);} document.querySelectorAll(".r-grid .card .ph img").forEach(img => {if (img.complete) {img.closest(".card")?.classList.add("is-loaded");} else {img.addEventListener("load",() => img.closest(".card")?.classList.add("is-loaded"),{once:true}); img.addEventListener("error",() => img.closest(".card")?.classList.add("is-loaded"),{once:true});}});}}); .site-header .bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.site-header .nav{display:flex;gap:14px;flex-wrap:wrap}.site-header .cart-link{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .6rem;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);text-decoration:none;color:inherit}.site-header .cart-icon{font-size:1.1rem}.site-header .cart-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:.75rem;display:grid;place-items:center;background:linear-gradient(90deg,#ffe600,#ff7a00);color:#000;font-weight:800;box-shadow:0 6px 16px #ffc80059}.cart-page{padding-top:10px;padding-bottom:32px}.cart-empty{border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:24px;background:linear-gradient(180deg,#ffffff0f,#ffffff08)}.cart-list{display:grid;gap:14px;margin:12px 0 18px}.cart-line{display:grid;gap:12px;grid-template-columns:110px 1fr minmax(220px,280px);align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px;background:radial-gradient(900px 400px at 110% 0,rgba(124,77,255,.1),transparent 60%),linear-gradient(180deg,#ffffff0f,#ffffff08)}@media (max-width: 780px){.cart-line{grid-template-columns:90px 1fr}.cart-line .line-pricing{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center}}.line-media img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px}.line-info{display:grid;gap:6px}.line-title{color:#eaf6ff;font-weight:800;text-decoration:none}.line-title:hover{text-decoration:underline}.line-variant{opacity:.85;font-size:.9rem}.line-props{display:grid;gap:2px;font-size:.9rem;opacity:.9}.line-props dt{display:inline;opacity:.8;margin-right:.35rem}.line-props dd{display:inline}.line-remove{font-size:.88rem;color:#ff9696;text-decoration:none;width:max-content}.line-remove:hover{text-decoration:underline}.line-pricing{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.line-price-each{opacity:.9}.line-total{font-weight:800}.qty{display:flex;align-items:center;justify-content:flex-end}.qty-input{width:84px;padding:.46rem .6rem;text-align:center;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#eaf6ff}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.cart-footer{display:grid;grid-template-columns:1fr 320px;gap:16px}@media (max-width: 990px){.cart-footer{grid-template-columns:1fr}}.cart-note textarea{width:100%;border-radius:12px;padding:.7rem .8rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:#eaf6ff}.cart-summary{border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:16px;background:linear-gradient(180deg,#ffffff0f,#ffffff08)}.cart-summary .rows{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:1.05rem}.cart-summary .sum{font-weight:900}.cart-summary .muted{opacity:.8;font-size:.9rem;margin:.45rem 0 .9rem}.cart-summary .actions{display:flex;gap:10px;justify-content:flex-end}.button.button--neon{background:linear-gradient(90deg,#ffd200,#ff7a00);color:#061019;font-weight:900;border:0;padding:.65rem 1rem;border-radius:.7rem;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:0 10px 22px #ff960040}.button.button--neon:hover{filter:brightness(1.06);transform:translateY(-1px)}.button.button--ghost{background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:#eaf6ff;font-weight:800;border-radius:.7rem;padding:.65rem 1rem}.button{cursor:pointer}.media-card{--r: 22px;position:relative;border-radius:var(--r);overflow:hidden;background:linear-gradient(180deg,#ffffff0f,#ffffff05),radial-gradient(120% 60% at 100% 0,rgba(124,77,255,.2),transparent 60%);border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 40px #7c4dff40,inset 0 0 0 1px #ffffff14;transition:transform .25s ease,box-shadow .25s ease}.media-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:var(--r);background:linear-gradient(135deg,#00f5ff,#7c4dff,#00ff87);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.9;pointer-events:none;transition:opacity .25s}.media-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px #7c4dff59,inset 0 0 0 1px #00f5ff66}.media-card:hover:before{opacity:1}.media-card .product__media{display:block;width:100%;height:auto;border-radius:calc(var(--r) - 6px);transform:scale(1.01);transition:transform .35s ease}.media-card:hover .product__media{transform:scale(1.05)}.media-card .shine{position:absolute;top:-40%;left:-20%;width:60%;height:200%;background:linear-gradient(120deg,#fff0,#ffffff59,#fff0);transform:rotate(25deg);filter:blur(6px);opacity:.35;pointer-events:none;animation:mediaShine 4s ease-in-out infinite}@keyframes mediaShine{0%{transform:translate(-30%) rotate(25deg)}to{transform:translate(150%) rotate(25deg)}}.media-card .sparkle{position:absolute;width:8px;height:8px;background:radial-gradient(circle,#fff 0 40%,transparent 41%);opacity:.9;filter:drop-shadow(0 0 6px rgba(0,245,255,.8));animation:sparkleFloat 6s ease-in-out infinite;pointer-events:none}.media-card .sparkle.s1{top:12%;left:8%;animation-delay:.3s}.media-card .sparkle.s2{bottom:10%;right:12%;animation-delay:1.3s}@keyframes sparkleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/buzz-future.css.map */