/* CYBER / 01 — storefront design system. Native Shopify controls retain behavior. */
:root{--cy-bg:#070a0f;--cy-panel:#101722;--cy-line:#293844;--cy-text:#eef4fb;--cy-muted:#b0bdcc;--cy-accent:#7df9e6;--cy-violet:#b9abff;--cy-radius:8px;--cy-speed:220ms;--cy-mono:ui-monospace,SFMono-Regular,Consolas,monospace}
body.cyberpunk{background:var(--cy-bg);color:var(--cy-text);--font-heading-family:Arial,Helvetica,sans-serif;--font-heading-weight:700;--font-heading-spacing:-.04em;--font-body-family:Arial,Helvetica,sans-serif;--font-menu-family:Arial,Helvetica,sans-serif;--font-button-family:Arial,Helvetica,sans-serif;--font-collapsible-family:Arial,Helvetica,sans-serif;--buttons-radius:3px;--buttons-radius-outset:3px;--inputs-radius:4px;--inputs-radius-outset:4px;--color-link:125,249,230}
.cyberpunk ::selection{color:var(--cy-bg);background:var(--cy-accent)}
.cyberpunk :is(h1,h2,h3,.h0,.h1,.h2,.h3){text-wrap:balance;letter-spacing:-.035em}
.cyberpunk :is(p,.rte){line-height:1.7}
.cyberpunk :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--cy-accent);outline-offset:4px;box-shadow:0 0 0 5px #7df9e615}
.cyberpunk :is(.header-wrapper,.utility-bar){background:#0b1019f5;border-bottom:1px solid var(--cy-line)}
.cyberpunk .header-wrapper{backdrop-filter:blur(18px)}
.cyberpunk :is(.header__menu-item,.header__icon,.header__heading-link){color:var(--cy-text)}
.cyberpunk .header__menu-item{font-size:1.4rem;letter-spacing:.015em;transition:color var(--cy-speed)}
.cyberpunk .header__menu-item:hover,.cyberpunk .header__active-menu-item{color:var(--cy-accent);text-underline-offset:8px;text-decoration-thickness:1px}
.cyberpunk :is(.header__submenu,.mega-menu__content,.menu-drawer,.menu-drawer__submenu,.predictive-search,.search-modal,.drawer__inner,.cart-notification,.quick-add-modal__content,.product-popup-modal__content,.facets__display,.mobile-facets__inner,.disclosure__list-wrapper){background:var(--cy-panel);color:var(--cy-text);border-color:var(--cy-line)}
.cyberpunk :is(.menu-drawer__menu-item,.mega-menu__link,.predictive-search__item,.list-menu__item){color:var(--cy-text)}
.cyberpunk :is(.menu-drawer__menu-item--active,.menu-drawer__menu-item:hover,.mega-menu__link:hover){background:#7df9e60a;color:var(--cy-accent)}
.cyberpunk .button,.cyberpunk .shopify-payment-button__button--unbranded,.cyberpunk .customer button{min-height:48px;background:var(--cy-accent);color:#061013;border:1px solid var(--cy-accent);font-weight:700;letter-spacing:.035em;transition:background var(--cy-speed),box-shadow var(--cy-speed),transform var(--cy-speed);border-radius:3px}
.cyberpunk .button:after,.cyberpunk .button:before{box-shadow:none}
.cyberpunk .button--secondary,.cyberpunk .button--tertiary{background:transparent;color:var(--cy-text);border-color:#647885}
@media(hover:hover){.cyberpunk .button:not([disabled]):not([aria-disabled=true]):hover{background:#b0fff2;color:#061013;box-shadow:0 0 24px #7df9e622;transform:translateY(-2px)}.cyberpunk .card-wrapper:hover .card{border-color:#7df9e680;box-shadow:0 12px 35px #0004;transform:translateY(-3px)}}
.cyberpunk :is(button,.button)[disabled],.cyberpunk [aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.cyberpunk :is(.card,.multicolumn-card,.image-with-text__content,.collapsible-content__wrapper){border:1px solid var(--cy-line);border-radius:var(--cy-radius);background:var(--cy-panel);transition:border-color var(--cy-speed),transform var(--cy-speed),box-shadow var(--cy-speed)}
.cyberpunk .card__information{padding:2rem}.cyberpunk .card__heading{font-weight:600}.cyberpunk .card__inner{border-radius:7px 7px 0 0;overflow:hidden}.cyberpunk .card__content{background:transparent}.cyberpunk .price{font-family:var(--cy-mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.cyberpunk .badge{border:1px solid #7df9e650;background:#0b2524;color:var(--cy-accent);font-family:var(--cy-mono);font-size:1.1rem;letter-spacing:.06em;padding:.6rem .9rem}
.cyberpunk :is(.field__input,.select__select,.customer input,.customer select,.text-area,.quantity){background:#0b111b;color:var(--cy-text);border:1px solid #415160;border-radius:4px}
.cyberpunk :is(.field__input,.select__select,.customer input,.customer select):focus{border-color:var(--cy-accent);box-shadow:0 0 0 3px #7df9e615}
.cyberpunk :is(.field__label,.form__label,.customer label){color:var(--cy-muted)}
.cyberpunk :is(.field,.select):after{box-shadow:none}.cyberpunk :is(.field,.select):before{box-shadow:none}.cyberpunk option{background:var(--cy-panel);color:var(--cy-text)}
.cyberpunk .product-form__input input[type=radio]+label{background:var(--cy-panel);color:var(--cy-text);border-color:#415160;border-radius:3px;min-height:44px}
.cyberpunk .product-form__input input[type=radio]:checked+label{background:#12332f;color:var(--cy-accent);border-color:var(--cy-accent)}
.cyberpunk :is(.form__message,.errors){color:#ffb6ca}.cyberpunk .form-status{color:var(--cy-accent)}
.cyberpunk :is(.accordion,.cart-items td,.cart-items th,.totals,.footer){border-color:var(--cy-line)}
.cyberpunk .accordion summary{padding-block:2rem}.cyberpunk .caption-with-letter-spacing{font-family:var(--cy-mono);letter-spacing:.12em;color:var(--cy-muted)}
.cyberpunk .footer{position:relative;background:linear-gradient(180deg,#101722,#070a0f);border-top:1px solid var(--cy-line)}
.cyberpunk .footer:before{content:'';position:absolute;top:-1px;left:5%;width:100px;height:2px;background:var(--cy-accent);box-shadow:0 0 18px #7df9e655}
.cyberpunk .footer-block__heading{font-family:var(--cy-mono);font-size:1.3rem;text-transform:uppercase;letter-spacing:.1em}
.cyberpunk .footer__copyright{font-family:var(--cy-mono);color:var(--cy-muted)}
.cyberpunk .banner__box{border:1px solid #7df9e630;background:#070a0fe8;backdrop-filter:blur(12px);border-radius:var(--cy-radius)}
.cyberpunk .banner__heading{line-height:1.04}.cyberpunk .product__title h1{font-size:clamp(3rem,4vw,5rem)}
.cyberpunk .pagination__item--current{color:var(--cy-accent)}
html{scrollbar-color:#547c80 #070a0f;scrollbar-width:thin}
/* Atmospheric hero: CSS geometry, no downloads or canvas loop. */
.cy-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 78% 40%,#6347d921,transparent 48%),radial-gradient(ellipse at 65% 80%,#7df9e60d,transparent 50%),var(--cy-bg);border-bottom:1px solid var(--cy-line)}
.cy-hero:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.3;background-image:linear-gradient(#29384455 1px,transparent 1px),linear-gradient(90deg,#29384455 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000)}
.cy-hero__layout{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:5rem;min-height:640px;padding-block:8rem}
.cy-eyebrow{display:flex;align-items:center;gap:1rem;font:11px/1.5 var(--cy-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--cy-accent)}
.cy-eyebrow:before{content:'';width:6px;height:6px;background:var(--cy-accent);box-shadow:0 0 12px #7df9e688}
.cy-hero h1{font-size:clamp(4.6rem,6.5vw,9rem);line-height:1.01;letter-spacing:-.065em;margin:2.6rem 0;color:var(--cy-text);max-width:9em}
.cy-hero h1 em{font-style:normal;color:var(--cy-accent)}
.cy-hero__copy{max-width:43rem;color:var(--cy-muted);font-size:1.6rem}.cy-hero__actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3.2rem}.cy-hero__actions .button{padding:1.5rem 2.3rem;text-decoration:none;display:inline-flex;align-items:center;gap:2rem;font-size:1.3rem}
.cy-hero__visual{position:relative;aspect-ratio:1;display:grid;place-items:center;min-width:0}.cy-hero__visual svg{width:100%;height:auto;filter:drop-shadow(0 0 22px #7df9e618)}
.cy-hero__image{position:absolute;width:72%;height:72%;object-fit:contain;z-index:1}.cy-hero__visual:has(.cy-hero__image) svg{opacity:.32}
.cy-coordinate{position:absolute;color:var(--cy-muted);font:10px var(--cy-mono);letter-spacing:.12em;left:0;top:0}.cy-coordinate--end{left:auto;top:auto;bottom:0;right:0;color:var(--cy-violet)}
.cy-hero__rail{display:flex;justify-content:space-between;gap:2rem;border-top:1px solid var(--cy-line);padding-block:2rem;font:10px/1.5 var(--cy-mono);letter-spacing:.12em;color:var(--cy-muted);text-transform:uppercase}
.cy-reveal{animation:cy-enter 650ms ease both}@keyframes cy-enter{from{opacity:.4;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:749px){.cy-hero__layout{grid-template-columns:1fr;gap:3rem;padding-block:4.5rem;min-height:0}.cy-hero h1{font-size:clamp(4.4rem,12vw,6.8rem);max-width:10em}.cy-hero__visual{width:min(100%,350px);margin:auto}.cy-hero__rail{font-size:9px;gap:1rem}.cy-hero__rail span:last-child{display:none}.cyberpunk .card__information{padding:1.3rem}.cyberpunk .header__icon{min-width:44px;min-height:44px}.cyberpunk .product__title h1{font-size:3.2rem}.cyberpunk .banner__box{backdrop-filter:none}.cyberpunk .button{min-height:48px}}
@media(prefers-reduced-motion:reduce){.cyberpunk *,.cyberpunk *:before,.cyberpunk *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cyberpunk .scroll-trigger{opacity:1!important;transform:none!important}}