:root{--accent-50: #f5f8ff;--accent-100: #e6efff;--accent-200: #caddff;--accent-300: #a1c3ff;--accent-400: #7da7f4;--accent-500: #5d85d6;--accent-600: #4667ad;--accent-700: #345084;--accent-900: #1f2f4b;--neutral-50: #f7f8fa;--neutral-100: #edeef0;--neutral-200: #d2d6dc;--neutral-300: #b3b9c2;--neutral-400: #8c94a3;--neutral-500: #6b7280;--neutral-900: #0d1014;--neutral-950: #080a0d;--surface: rgba(17, 20, 26, .92);--surface-alt: rgba(21, 24, 31, .86);--surface-subtle: rgba(18, 21, 28, .7);--glass-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .06);--glass-shadow: 0 22px 40px rgba(5, 8, 15, .35);--accent-overlay: rgba(125, 167, 244, .16);--neon-blue: var(--accent-400);--neon-pink: #f0c4d6;--neon-purple: #d2ceff;--success: #4cc38a;--danger: #f16a6a;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--text: rgba(235, 239, 247, .94);--text-muted: rgba(196, 203, 217, .72)}[data-theme=calm]{--accent-overlay: rgba(125, 167, 244, .2);--surface: rgba(19, 23, 31, .94);--surface-alt: rgba(22, 26, 35, .88);--accent-400: #7da7f4;--accent-500: #5d85d6;--neon-blue: var(--accent-400)}[data-theme=dune]{--accent-overlay: rgba(218, 182, 133, .24);--surface: rgba(27, 24, 20, .94);--surface-alt: rgba(33, 29, 24, .88);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .08);--neon-blue: #f2be7f;--neon-pink: #dcbba4;--neon-purple: #f0d8b0}[data-theme=noir]{--accent-overlay: rgba(154, 167, 191, .28);--surface: rgba(12, 14, 18, .94);--surface-alt: rgba(15, 18, 23, .88);--glass-bg: rgba(20, 23, 29, .7);--glass-border: rgba(255, 255, 255, .04);--neon-blue: #9aa7ff;--neon-pink: #c8c8dd;--neon-purple: #9aa7ff}.sci-fi-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--accent-overlay) 65%,transparent),transparent 60%),radial-gradient(circle at 75% 70%,rgba(93,133,214,.12),transparent 60%),linear-gradient(140deg,#090c12,#121620 45%,#1b212c);overflow:hidden}.sci-fi-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(120deg,rgba(125,167,244,.06),transparent 35%,rgba(93,133,214,.08) 55%,transparent 80%);mix-blend-mode:screen;animation:ambientDrift 48s ease-in-out infinite alternate}@keyframes ambientDrift{0%{transform:translate3d(-2%,-2%,0) scale(1);opacity:.85}40%{transform:translate3d(3%,1%,0) scale(1.03);opacity:.92}70%{transform:translate3d(-1%,4%,0) scale(1.06);opacity:.88}to{transform:translate3d(2%,-3%,0) scale(1.02);opacity:.9}}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text{display:flex;flex-direction:column;gap:2rem}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;color:var(--text)}.hero-title .holo{background:linear-gradient(135deg,var(--accent-300),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 12px 28px rgba(18,26,40,.45)}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);line-height:1.6}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;align-items:stretch}.metric{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:var(--space-4);border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);min-height:80px;aspect-ratio:1;text-align:center;transition:all .3s ease}.metric-value{font-size:.875rem;font-weight:700;color:var(--neon-blue);line-height:1.2;white-space:nowrap}.metric-label{font-size:.75rem;color:var(--text-muted);line-height:1.3}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-visual .glass-card{width:100%;max-width:500px;aspect-ratio:3/2;overflow:hidden;border-radius:var(--radius-lg)}.glass-media{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.hero-visual .glass-card:hover .glass-media{transform:scale(1.05)}@media (max-width: 768px){.hero-grid{grid-template-columns:1fr;gap:2rem}.hero-title{font-size:2.5rem}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.metric{min-height:70px;padding:var(--space-3)}.metric-value{font-size:.75rem}.metric-label{font-size:.625rem}}@media (min-width: 1024px){.metrics-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;max-width:400px}.metric{min-height:70px;max-width:90px}}.floating-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden}.shape{position:absolute;border:1px solid rgba(125,167,244,.18);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slowFloat 28s ease-in-out infinite;opacity:.35}.shape:nth-child(1){width:72px;height:72px;top:18%;left:12%;border-radius:999px}.shape:nth-child(2){width:54px;height:54px;top:58%;right:12%;transform:rotate(15deg);border-color:#8d9ed229;animation-delay:6s}.shape:nth-child(3){width:96px;height:96px;bottom:26%;left:64%;clip-path:polygon(50% 6%,6% 94%,94% 94%);border-color:#aac4ff29;animation-delay:12s}@keyframes slowFloat{0%{transform:translateZ(0) rotate(0) scale(1);opacity:.3}30%{transform:translate3d(-8px,-14px,0) rotate(6deg) scale(1.02);opacity:.42}60%{transform:translate3d(10px,-6px,0) rotate(-8deg) scale(1.05);opacity:.5}to{transform:translate3d(-6px,10px,0) rotate(4deg) scale(1.01);opacity:.35}}.glass-card,.c-card{background:var(--surface-alt);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 18px 32px #04070c52;transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease;position:relative;overflow:hidden}.glass-card:before,.c-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-overlay),transparent 55%);opacity:0;transition:opacity .8s ease}.glass-card:hover:before,.c-card:hover:before{opacity:1}.glass-card:hover,.c-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #080c1661;border-color:#7da7f45c}.glass-card .thumb,.c-card .thumb{aspect-ratio:4/3;background-size:cover;background-position:center;border-radius:12px;position:relative;overflow:hidden}.glass-card .thumb:after,.c-card .thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,var(--accent-overlay),transparent 55%);opacity:0;transition:opacity .6s ease}.glass-card:hover .thumb:after,.c-card:hover .thumb:after{opacity:1}.cyber-btn,.c-button{position:relative;padding:.6rem 1.2rem;background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));border:none;border-radius:8px;color:#000;font-weight:700;font-size:.875rem;cursor:pointer;overflow:hidden;transition:all .3s ease}.cyber-btn:before,.c-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--neon-pink),var(--neon-blue));opacity:0;transition:opacity .3s ease}.cyber-btn:hover:before,.c-button:hover:before{opacity:1}.cyber-btn span,.c-button span{position:relative;z-index:1}.holo-text{background:linear-gradient(65deg,var(--accent-200),var(--accent-500));background-size:220% 220%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:holoShift 18s ease-in-out infinite}@keyframes holoShift{0%{background-position:0% 50%}50%{background-position:100% 55%}to{background-position:0% 50%}}.neon-glow{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor,0 0 20px var(--neon-blue)}.hero-visual-3d{position:relative;perspective:1000px}.floating-cube{width:200px;height:200px;position:relative;transform-style:preserve-3d;animation:cube3D 12s linear infinite;margin:0 auto;cursor:grab;transition:transform .1s ease-out}.floating-cube:active{cursor:grabbing}.floating-cube.interactive{animation-play-state:paused}.cube-face{position:absolute;width:200px;height:200px;background-size:cover;background-position:center;background-repeat:no-repeat;border:2px solid var(--glass-border);border-radius:8px;overflow:hidden;box-shadow:var(--glass-shadow);opacity:.7}.cube-face:before{content:"";position:absolute;inset:0;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .3s ease;opacity:.6}.cube-face:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,212,255,.15) 0%,transparent 50%,rgba(255,0,128,.15) 100%);transition:opacity .3s ease;opacity:.3}.floating-cube:hover .cube-face:before{opacity:.4}.floating-cube:hover .cube-face:after{opacity:.6}.cube-face.front{transform:rotateY(0) translateZ(100px)}.cube-face.back{transform:rotateY(180deg) translateZ(100px)}.cube-face.right{transform:rotateY(90deg) translateZ(100px)}.cube-face.left{transform:rotateY(-90deg) translateZ(100px)}.cube-face.top{transform:rotateX(90deg) translateZ(100px)}.cube-face.bottom{transform:rotateX(-90deg) translateZ(100px)}@keyframes cube3D{0%{transform:rotateX(0) rotateY(0)}25%{transform:rotateX(90deg) rotateY(90deg)}50%{transform:rotateX(180deg) rotateY(180deg)}75%{transform:rotateX(270deg) rotateY(270deg)}to{transform:rotateX(360deg) rotateY(360deg)}}.glass-sticky-bar{background:#00051026;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000001a}.cart__summary{display:grid;gap:.5rem}.cart__actions{display:flex;gap:.75rem;justify-content:flex-end}.field{display:grid;gap:.4rem}.field input,.field textarea{color:#fff}.u-stack>*+*{margin-top:var(--space-4)}.u-inline{display:inline-flex;align-items:center;gap:var(--space-2)}.u-center{display:grid;place-items:center}.u-grid{display:grid;gap:var(--space-4)}.u-round{border-radius:var(--radius-md)}.u-border{border:1px solid var(--glass-border)}.trust-badges{display:flex;flex-wrap:wrap;gap:12px;align-items:center;opacity:.95}.trust-badges svg,.trust-badges img{height:24px;width:auto;filter:drop-shadow(0 0 0 rgba(0,0,0,0))}.trust-badges .pill{padding:4px 8px;border:1px solid var(--glass-border);border-radius:6px;background:var(--glass-bg);color:#fff;font-weight:600;font-size:12px}.price{display:inline-flex;align-items:baseline;gap:8px}.price-old{color:#ffffff8c;text-decoration:line-through}.price-new{color:var(--neon-blue);font-weight:700}.badge-sale{display:inline-block;padding:2px 8px;border-radius:999px;background:#ff008026;border:1px solid rgba(255,0,128,.4);color:#fff;font-size:12px;font-weight:700}.c-input{width:100%;padding:.75rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text)}.c-input:focus{outline:none;border-color:var(--neon-blue);box-shadow:0 0 0 2px #00d4ff26}.c-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border)}.c-badge{font-size:.75rem;padding:.15rem .5rem;border-radius:999px;background:var(--neon-blue);color:#000}.c-fab{position:fixed;right:1rem;bottom:1rem;z-index:999998;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.c-fab__toggle{position:fixed;left:1rem;bottom:1.5rem;width:3rem;height:3rem;border-radius:50%;background:var(--surface);border:1px solid var(--glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999999;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:subtle-pulse 3s ease-in-out infinite}@keyframes subtle-pulse{0%,100%{box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 0 0 rgba(125,167,244,.4)}50%{box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 15px 3px rgba(125,167,244,.2)}}.c-fab__toggle:hover{transform:scale(1.1);border-color:var(--neon-blue);box-shadow:0 0 20px rgba(125,167,244,.4);animation:none}.c-fab__toggle:active{transform:scale(.95)}.c-fab__toggle svg{width:1.5rem;height:1.5rem;fill:var(--neon-blue);transition:fill .3s ease}.c-fab__toggle:hover svg{fill:var(--neon-purple)}@media(prefers-reduced-motion:reduce){.c-fab__toggle{animation:none}}@media(max-width:768px){.c-fab__toggle{width:2.5rem;height:2.5rem;bottom:1rem}.c-fab__toggle svg{width:1.25rem;height:1.25rem}}.c-panel{background:var(--surface);border:1px solid var(--glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);padding:.5rem;opacity:0;transform:translateY(20px) scale(.95);pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1);max-height:0;overflow:hidden}.c-panel.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;max-height:500px}.cyber-option{background:var(--surface-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:.65rem 1.1rem;color:#e6eaf4d1;cursor:pointer;transition:transform .35s ease,border-color .35s ease,color .35s ease;position:relative;overflow:hidden}.cyber-option:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(125,167,244,.28),transparent 60%);opacity:0;transition:opacity .5s ease}.cyber-option[aria-checked=true]:before,.cyber-option:hover:before{opacity:1}.cyber-option[aria-checked=true]{border-color:#7da7f480;color:var(--text);transform:translateY(-2px)}.holo-progress{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.holo-progress-bar{height:100%;background:linear-gradient(90deg,var(--neon-blue),var(--neon-pink),var(--neon-purple));background-size:200% 100%;animation:progressShine 6s ease-in-out infinite;border-radius:4px}@keyframes progressShine{0%,to{background-position:200% 0}50%{background-position:-200% 0}}[data-rating-picker] label{transition:color .2s ease,transform .2s ease,text-shadow .2s ease}[data-rating-picker] label[data-active=true]{color:var(--neon-blue);transform:translateY(-1px) scale(1.02);text-shadow:0 8px 18px rgba(20,28,42,.45)}[data-rating-picker] label[data-active=true] .text-2xl{color:var(--neon-blue);text-shadow:0 10px 22px rgba(20,28,42,.4)}[data-rating-picker] label[data-active=true] .text-xs{color:#ffffffd9}.theme-editor{display:grid;gap:.75rem}.theme-editor__row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.theme-editor__label{font-size:.7rem;color:rgba(230,234,244,.65)}.theme-editor__actions{display:flex;gap:.35rem}.theme-editor__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.theme-editor__label{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#e6eaf499}.theme-editor__actions{display:inline-flex;gap:.35rem}.theme-editor__actions .c-button{border:1px solid rgba(255,255,255,.08);background:#ffffff05;padding:.35rem .7rem;border-radius:999px;font-size:.75rem;color:#ebeff7cc;transition:transform .25s ease,border-color .25s ease,color .25s ease}.theme-editor__actions .c-button[aria-pressed=true]{border-color:#7da7f499;color:var(--text);transform:translateY(-1px)}.theme-editor__slider{display:grid;gap:.35rem;font-size:.7rem;color:#e6eaf4a6}.theme-editor__slider input[type=range]{width:160px;accent-color:var(--accent-400);cursor:pointer;pointer-events:auto;position:relative;z-index:10}.theme-editor__slider input[type=range]{width:160px;accent-color:var(--accent-400)}.product-card{position:relative;display:flex;flex-direction:column;gap:1.4rem;padding:1.75rem;border-radius:22px;background:linear-gradient(150deg,#141826eb,#201830c7);border:1px solid rgba(125,167,244,.18);box-shadow:0 28px 50px #050a1761;-webkit-backdrop-filter:blur(26px) saturate(140%);backdrop-filter:blur(26px) saturate(140%);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease;overflow:hidden}.product-card:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:radial-gradient(circle at 85% 15%,rgba(125,167,244,.22),transparent 55%);opacity:0;transition:opacity .45s ease;pointer-events:none}.product-card:hover{transform:translateY(-8px);box-shadow:0 40px 60px #08102073;border-color:#7da7f473;background:linear-gradient(150deg,#181e30f2,#261a3ad1)}.product-card:hover:before{opacity:1}.product-card__media{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4 / 3;background:linear-gradient(120deg,#181c2699,#101218e6)}.product-card__media--empty{display:grid;place-items:center;color:#ebeff759;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.product-card__slides{position:relative;height:100%;border-radius:18px;overflow:hidden}.product-card__slide{position:absolute;inset:0;background-size:cover;background-position:center;border-radius:18px;transition:transform .55s ease;will-change:transform}.product-card__nav{position:absolute;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;border-radius:999px;border:1px solid rgba(125,167,244,.28);background:#121620b3;color:#ebeff7e6;display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .3s ease,border-color .3s ease,color .3s ease,transform .3s ease}.product-card__nav:hover{background:#7da7f459;border-color:#7da7f48c;color:#fff;transform:translateY(-50%) scale(1.05)}.product-card__nav--prev{left:.8rem}.product-card__nav--next{right:.8rem}.product-card__nav .icon-chevron{width:.85rem;height:.85rem}.icon-chevron{position:relative;display:inline-flex;width:.8rem;height:.8rem;transform-origin:center}.icon-chevron:before{content:"";position:absolute;top:18%;left:38%;width:38%;height:38%;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.icon-chevron:after{content:"";position:absolute;top:50%;left:12%;width:64%;height:2px;background:currentColor;transform:translateY(-50%);transition:width .3s ease}.icon-chevron--prev{transform:scaleX(-1)}.icon-chevron--next{transform:none}.product-card__nav:hover .icon-chevron:after,.product-card__cta:hover .icon-chevron:after{width:72%}.product-card__dots{position:absolute;bottom:.85rem;left:50%;transform:translate(-50%);display:inline-flex;gap:.35rem}.product-card__dot{width:.45rem;height:.45rem;border-radius:999px;background:#ebeff740;border:1px solid rgba(235,239,247,.18);transition:background .3s ease,width .3s ease}.product-card__dot.is-active{width:1.3rem;background:#7da7f4d9;border-color:#7da7f4e6}.product-card__body{display:flex;flex-direction:column;gap:.9rem}.product-card__badges{display:flex;flex-wrap:wrap;gap:.35rem}.product-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;border:1px solid rgba(125,167,244,.24);background:#7da7f41f;color:#ebeff7d1}.product-chip--presale{border-color:#7da7f48c;background:#7da7f433;color:#ffffffeb;box-shadow:0 0 18px #7da7f447}

.glass-sticky-bar {
  background: rgba(12, 15, 22, 0.8);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.product-chip--new{border-color:#4cc38a8c;background:#4cc38a33;color:#ffffffeb;box-shadow:0 0 18px #4cc38a47}
.product-chip--sale{border-color:#ef4444;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-weight:700;box-shadow:0 0 18px rgba(239,68,68,0.5);animation:sale-pulse 2s infinite}
@keyframes sale-pulse{0%,100%{box-shadow:0 0 18px rgba(239,68,68,0.5)}50%{box-shadow:0 0 28px rgba(239,68,68,0.8)}}

.product-card__title{font-size:1.35rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.product-card__subtitle{font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:#ebeff773}.product-card__summary{font-size:.95rem;line-height:1.7;color:#ebeff7bd}.product-card__meta{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap}.product-card__price{display:flex;align-items:baseline;gap:.55rem}.product-card__price--old{color:#ebeff761;text-decoration:line-through;font-size:.85rem}.product-card__price--current{font-size:1.25rem;font-weight:600;color:var(--text)}.product-card__badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:999px;font-size:.7rem;background:#7da7f42e;color:#ebeff7c7}.product-card__cta{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.1rem;border-radius:999px;border:1px solid rgba(125,167,244,.4);background:#7da7f429;color:#ebeff7eb;font-size:.9rem;font-weight:600;letter-spacing:.05em;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .3s ease}.product-card__cta:hover{background:#7da7f452;border-color:#7da7f499;color:#fff;transform:translate(4px)}.product-card__cta .icon-chevron{width:.75rem;height:.75rem}.product-card__cta:hover{background:#7da7f433;border-color:#7da7f480;color:var(--text);transform:translate(2px)}@media (max-width: 640px){.product-card{position:relative;display:flex;flex-direction:column;gap:1.4rem;padding:1.75rem;border-radius:22px;background:linear-gradient(150deg,#141826eb,#201830c7);border:1px solid rgba(125,167,244,.18);box-shadow:0 28px 50px #050a1761;-webkit-backdrop-filter:blur(26px) saturate(140%);backdrop-filter:blur(26px) saturate(140%);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease;overflow:hidden}.product-card__meta{flex-direction:column;align-items:flex-start;gap:.75rem}.product-card__cta{align-self:stretch;justify-content:center}}[data-ab-slot=hero] .hero-variant[hidden]{display:none!important}[data-ab-slot=hero] .hero-variant{transition:opacity .45s ease}[data-ab-slot=hero] .hero-variant.is-active{opacity:1}[data-ab-slot=hero] .hero-variant:not(.is-active){opacity:0}.presale-header{align-items:flex-start}.section-heading{font-size:clamp(1.8rem,2.8vw,2.6rem);font-weight:600;letter-spacing:-.01em}.section-subheading{margin-top:.45rem;font-size:.9rem;color:#ebeff7a3}.presale-banner{position:relative;display:flex;flex-direction:column;gap:1.5rem;padding:2rem;border-radius:26px;border:1px solid rgba(125,167,244,.22);background:linear-gradient(140deg,#181c2cd9,#10121eb3);box-shadow:0 32px 48px #080e1c5c;-webkit-backdrop-filter:blur(28px) saturate(145%);backdrop-filter:blur(28px) saturate(145%)}.presale-banner:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(125,167,244,.18),transparent 55%)}@media (min-width: 768px){.presale-banner{flex-direction:row;align-items:center;justify-content:space-between}}.presale-banner__copy{max-width:28rem;position:relative;z-index:1}.presale-banner__eyebrow{font-size:.75rem;letter-spacing:.32em;text-transform:uppercase;color:#7da7f4bf;margin-bottom:.7rem}.presale-banner__meta{display:flex;flex-direction:column;gap:.65rem;position:relative;z-index:1}@media (min-width: 640px){.presale-banner__meta{flex-direction:row;align-items:center}}.presale-banner__pill{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.15rem;border-radius:999px;border:1px solid rgba(125,167,244,.32);background:#7da7f429;color:#ebeff7e6;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.presale-highlight{border:1px solid rgba(125,167,244,.24);background:linear-gradient(145deg,#181c2cd9,#121420c2);box-shadow:0 24px 40px #0a101e52;-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%);color:#ebeff7db}.presale-highlight p{margin:0}

/* Shipping country dropdown styling */
select.shipping-country-select {
  background-color: rgba(12, 17, 23, 0.92);
  border: 1px solid rgba(125, 167, 244, 0.32);
  color: var(--text);
  padding-right: 2.75rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--accent-400) 50%),
    linear-gradient(135deg, var(--accent-400) 50%, transparent 50%),
    radial-gradient(circle at center, rgba(125, 167, 244, 0.28) 0, rgba(125, 167, 244, 0) 70%);
  background-position: calc(100% - 1.35rem) calc(50% - 0.35rem),
    calc(100% - 1.05rem) calc(50% - 0.35rem),
    calc(100% - 1.1rem) 50%;
  background-size: 10px 10px, 10px 10px, 24px 24px;
  background-repeat: no-repeat;
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 12px;
}

select.shipping-country-select:hover {
  background-color: rgba(15, 20, 28, 0.95);
  border-color: rgba(125, 167, 244, 0.45);
}

select.shipping-country-select:focus {
  border-color: rgba(125, 167, 244, 0.65);
  box-shadow: 0 0 0 3px rgba(125, 167, 244, 0.22);
  outline: none;
  background-color: rgba(18, 24, 32, 0.98);
}

/* Style the dropdown options */
select.shipping-country-select option {
  background-color: #0b1117;
  color: var(--text);
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

select.shipping-country-select option:hover {
  background-color: rgba(125, 167, 244, 0.15);
  color: var(--neon-blue);
}

select.shipping-country-select option:checked {
  background-color: rgba(125, 167, 244, 0.25);
  color: var(--neon-blue);
}

/* Style for optgroups */
select.shipping-country-select optgroup {
  color: rgba(235, 239, 247, 0.85);
  font-weight: 600;
  background-color: rgba(18, 24, 32, 0.9);
  padding: 8px 12px;
}

/* Custom scrollbar for dropdown */
select.shipping-country-select::-webkit-scrollbar {
  width: 8px;
}

select.shipping-country-select::-webkit-scrollbar-track {
  background: rgba(12, 17, 23, 0.6);
  border-radius: 4px;
}

select.shipping-country-select::-webkit-scrollbar-thumb {
  background: rgba(125, 167, 244, 0.4);
  border-radius: 4px;
}

select.shipping-country-select::-webkit-scrollbar-thumb:hover {
  background: rgba(125, 167, 244, 0.6);
}

.free-shipping-progress {
  margin-top: 1rem;
}
.free-shipping-progress__track {
  position: relative;
  height: 0.5rem;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.12);
  overflow: hidden;
  box-shadow: 0 0 12px rgba(125, 167, 244, 0.18);
}
.free-shipping-progress__bar {
  height: 100%;
  width: 0%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(125, 167, 244, 0.85), rgba(125, 244, 214, 0.8));
  box-shadow: 0 0 18px rgba(125, 244, 214, 0.45);
  transition: width 200ms ease-in-out;
}
.free-shipping-progress__copy {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.6);
}
.free-shipping-progress.is-complete .free-shipping-progress__bar {
  background: linear-gradient(90deg, rgba(125, 244, 214, 0.95), rgba(125, 244, 214, 0.7));
  box-shadow: 0 0 22px rgba(125, 244, 214, 0.6);
}
.free-shipping-progress.is-complete .free-shipping-progress__copy {
  color: rgba(125, 244, 214, 0.9);
}

/* Fix for review pagination buttons */
[data-review-pagination] {
  position: relative;
  z-index: 10;
}
[data-review-pagination] button {
  position: relative;
  z-index: 10;
  pointer-events: auto;
  cursor: pointer;
}
[data-review-pagination] button:disabled {
  cursor: not-allowed;
}

/* Enhanced review text sizing - BIGGER TEXT FOR BETTER READABILITY */
[data-review-preview],
[data-review-full] {
  font-size: 1.25rem !important; /* 20px - LARGER */
  line-height: 1.9 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 400 !important;
}

/* Compact variant - also larger */
.glass-card.p-4 [data-review-preview],
.glass-card.p-4 [data-review-full] {
  font-size: 1.125rem !important; /* 18px */
  line-height: 1.8 !important;
}

/* Read more button */
[data-review-toggle] {
  font-size: 1.0625rem !important; /* 17px */
  font-weight: 600 !important;
  margin-top: 1rem !important;
}

/* Reviewer name - BIGGER */
[data-review-card] p.font-semibold {
  font-size: 1.25rem !important; /* 20px */
  font-weight: 600 !important;
}

/* Review headline - BIGGER */
[data-review-card] p.text-lg {
  font-size: 1.5rem !important; /* 24px */
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

/* Force larger text on ALL review paragraphs */
[data-review-card] p {
  font-size: 1.125rem !important;
}

/* Review body specifically */
.review-body,
[data-review-body] {
  font-size: 1.25rem !important; /* 20px */
  line-height: 1.9 !important;
}

/* Fix for all interactive elements inside glass-card */
.glass-card::before {
  pointer-events: none !important;
}
.glass-card button,
.glass-card a,
.glass-card input,
.glass-card select,
.glass-card textarea,
.glass-card [role="button"],
.glass-card [data-review-toggle] {
  position: relative;
  z-index: 10;
  pointer-events: auto;
  cursor: pointer;
}

/* Poncho option enhancements - Optimized & Compact */
.cyber-option{padding:0.65rem 0.85rem !important;min-height:auto !important;}
.cyber-option__header{display:flex;align-items:center;gap:0.5rem;}
.cyber-option__icon{display:none !important;}
.cyber-option:hover .cyber-option__icon{transform:none;}
.cyber-option__icon svg{display:none !important;}
.cyber-option__icon--bundle{display:none !important;}
.cyber-option__icon--bundle svg:last-child{display:none !important;}
.cyber-option__text{display:flex;flex-direction:column;gap:0.1rem;}
.cyber-option__label{font-weight:600;font-size:0.9rem;line-height:1.3;}
.cyber-option__note{display:none !important;}
.cyber-option__pricing{display:flex;align-items:center;gap:0.4rem;margin-left:auto;}
.cyber-option__price{font-weight:700;font-size:0.9rem;}
.cyber-option__price-old{font-size:0.8rem;color:rgba(255,255,255,.55);text-decoration:line-through;margin-right:0.15rem;}
.cyber-option__badge{display:inline-flex;align-items:center;gap:0.25rem;padding:0.15rem 0.45rem;border-radius:999px;background:rgba(125,167,244,.16);color:var(--neon-blue);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;}
.cyber-option__badge svg{width:.8rem;height:.8rem;}
.cyber-option__badge span{display:inline-block;}
/* Facebook Followers Badge - Glassy & Subtle */
.facebook-followers-badge {
  position: relative;
  overflow: hidden;
  background: rgba(125, 167, 244, 0.08);
  border: 1px solid rgba(125, 167, 244, 0.2);
  border-radius: 20px;
  padding: 6px 12px;
  font-size: 0.75rem;
  color: var(--text-muted);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-weight: 500;
  letter-spacing: 0.02em;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.facebook-followers-badge::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(125, 167, 244, 0.3),
    transparent
  );
  transition: left 0.6s ease;
}

.facebook-followers-badge:hover::before {
  left: 100%;
}

.facebook-followers-badge:hover {
  background: rgba(125, 167, 244, 0.18);
  border-color: rgba(125, 167, 244, 0.5);
  transform: translateY(-2px);
  box-shadow: 0 0 15px rgba(125, 167, 244, 0.3);
  color: var(--text);
}

.followers-count {
  font-weight: 600;
  color: var(--neon-blue);
  text-shadow: 0 0 8px rgba(125, 167, 244, 0.4);
}

.followers-icon {
  width: 14px;
  height: 14px;
  fill: var(--neon-blue);
  filter: drop-shadow(0 0 4px rgba(125, 167, 244, 0.6));
}

/* Like Button - Glassy & Interactive */
.like-button {
  position: relative;
  overflow: hidden;
  background: rgba(125, 167, 244, 0.08);
  border: 1px solid rgba(125, 167, 244, 0.2);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  margin-left: 8px;
}

.like-button:hover {
  background: rgba(125, 167, 244, 0.15);
  border-color: rgba(125, 167, 244, 0.4);
  transform: scale(1.1);
  box-shadow: 0 0 12px rgba(125, 167, 244, 0.3);
}

.like-button:active {
  transform: scale(0.95);
  transition: all 0.1s ease;
}

.like-button svg {
  width: 16px;
  height: 16px;
  fill: var(--neon-blue);
  transition: all 0.3s ease;
  filter: drop-shadow(0 0 4px rgba(125, 167, 244, 0.4));
}

.like-button:hover svg {
  fill: #ffffff;
  transform: scale(1.2);
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.8));
}

.like-button.liked {
  background: rgba(125, 167, 244, 0.25);
  border-color: rgba(125, 167, 244, 0.6);
  animation: likePulse 0.4s ease;
}

.like-button.liked svg {
  fill: #ffffff;
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.9));
}

@keyframes likePulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}



/* Futuristic Glass Social Icons */
.social-icon-glass {
  position: relative;
  overflow: hidden;
  background: rgba(125, 167, 244, 0.08);
  border: 1px solid rgba(125, 167, 244, 0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.social-icon-glass::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    45deg,
    transparent 30%,
    rgba(125, 167, 244, 0.4) 50%,
    transparent 70%
  );
  transform: rotate(45deg);
  transition: all 0.6s ease;
  opacity: 0;
  z-index: 1;
}

.social-icon-glass:hover::before {
  animation: shimmer 0.6s ease-in-out;
  opacity: 1;
}

.social-icon-glass:hover {
  background: rgba(125, 167, 244, 0.15);
  border-color: rgba(125, 167, 244, 0.6);
  transform: translateY(-3px) scale(1.05);
  box-shadow: 
    0 0 25px rgba(125, 167, 244, 0.4),
    0 8px 20px rgba(0, 0, 0, 0.3),
    inset 0 0 15px rgba(125, 167, 244, 0.2);
}

.social-icon-glass:hover svg {
  fill: #ffffff;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.8));
  transform: scale(1.1);
}

@keyframes shimmer {
  0% {
    transform: translateX(-100%) translateY(-100%) rotate(45deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(100%) translateY(100%) rotate(45deg);
    opacity: 0;
  }
}

.social-icon-glass:active {
  transform: translateY(-1px) scale(1.02);
  transition: all 0.1s ease;
}

/* Filter Bar */
.filter-btn {
  display: inline-block;
  padding: 0.5rem 1.25rem;
  border-radius: 999px;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.05);
  cursor: pointer;
  white-space: nowrap;
}

.filter-btn:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.1);
}

.filter-btn.active {
  background: rgba(0, 243, 255, 0.1);
  border-color: rgba(0, 243, 255, 0.5);
  color: #00f3ff;
  box-shadow: 0 0 15px rgba(0, 243, 255, 0.2);
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.group-heading {
  grid-column: 1 / -1;
  text-align: left;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding-bottom: 0.5rem;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}