.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-button);font-weight:600;font-size:var(--fs-body);letter-spacing:0;cursor:pointer;transition:background-color var(--dur-state) var(--ease-state),box-shadow var(--dur-state) var(--ease-state),transform var(--dur-state) var(--ease-state);border:1px solid transparent;text-align:center;-webkit-user-select:none;user-select:none}.btn--primary{background:var(--accent);color:var(--bg);box-shadow:0 4px 16px var(--accent-glow)}.btn--primary:hover{background:var(--accent-hover);box-shadow:0 6px 24px var(--accent-glow);transform:translateY(-1px)}.btn--secondary{background:transparent;color:var(--text-primary);border-color:var(--border)}.btn--secondary:hover{border-color:var(--accent);color:var(--accent)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover{color:var(--accent)}.btn--full{width:100%}.btn--lg{padding:var(--sp-4) var(--sp-6);font-size:var(--fs-h4)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--surface-1);border-radius:var(--radius-card);border:1px solid var(--border);overflow:hidden;transition:border-color var(--dur-state) var(--ease-state),box-shadow var(--dur-state) var(--ease-state)}.card:hover{border-color:#00d4ff4d}.card__media{aspect-ratio:4 / 3;background:var(--surface-2);position:relative;overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-entrance)}.card:hover .card__media img{transform:scale(1.04)}.card__body{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.card__title{font-size:var(--fs-h4);font-weight:600;color:var(--text-primary);text-wrap:balance}.card__price{font-family:var(--font-mono);color:var(--accent);font-size:var(--fs-body)}.input,.textarea,.select{width:100%;padding:var(--sp-3) var(--sp-4);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--text-primary);font-size:var(--fs-body);transition:border-color var(--dur-state) var(--ease-state),box-shadow var(--dur-state) var(--ease-state)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.label{display:block;font-size:var(--fs-small);color:var(--text-secondary);margin-bottom:var(--sp-2)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-family:var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase}.badge--accent{background:var(--accent);color:var(--bg)}.badge--sale{background:var(--error);color:var(--text-primary)}.badge--success{background:var(--success);color:var(--bg)}.badge--ghost{background:#ffffff0f;color:var(--text-secondary)}.chip-strip{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:4px 12px;border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--text-secondary)}.chip--accent{border-color:var(--accent);color:var(--accent)}.icon{display:inline-block;vertical-align:middle;flex-shrink:0}.icon-cyan{color:var(--accent)}.icon-muted{color:var(--text-muted)}.price{display:inline-flex;align-items:baseline;gap:var(--sp-3);font-family:var(--font-mono)}.price__current{font-size:var(--fs-h3);color:var(--text-primary);font-variant-numeric:tabular-nums}.price--on-sale .price__current{color:var(--accent)}.price__compare{color:var(--text-muted);font-size:var(--fs-small);text-decoration:line-through}.price__discount{font-size:var(--fs-xs)}.price--sold-out .price__current{color:var(--text-muted)}.product-card{display:block;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;transition:border-color var(--dur-state) var(--ease-state),box-shadow var(--dur-component) var(--ease-state),transform var(--dur-component) var(--ease-entrance);position:relative;will-change:transform}.product-card:hover,.product-card:focus-within{border-color:#00d4ff66;box-shadow:var(--shadow-glow),var(--shadow-md)}.product-card__link{display:block;height:100%}.product-card__media{position:relative;aspect-ratio:4 / 3;background:var(--surface-2);overflow:hidden}.product-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-entrance)}.product-card:hover .product-card__media img{transform:scale(1.04)}.product-card__badge{position:absolute;top:var(--sp-3);left:var(--sp-3);z-index:1}.product-card__body{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.product-card__category{display:block}.product-card__title{font-size:var(--fs-h4);font-weight:600;line-height:1.3;color:var(--text-primary);text-wrap:balance}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.breadcrumbs a{color:var(--text-muted);transition:color var(--dur-state) var(--ease-state)}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs__sep{margin-inline:var(--sp-2);color:var(--border)}.breadcrumbs [aria-current=page]{color:var(--text-secondary)}.trust-micro{list-style:none;display:flex;flex-wrap:wrap;gap:var(--sp-4);font-size:var(--fs-small);color:var(--text-secondary)}.trust-micro li{display:inline-flex;align-items:center;gap:var(--sp-2)}.spec-chips{list-style:none;display:flex;flex-wrap:wrap;gap:var(--sp-2)}.quantity-stepper{display:inline-flex;align-items:stretch;border:1px solid var(--border);border-radius:var(--radius-input);background:var(--surface-1);overflow:hidden;width:max-content}.quantity-stepper button{width:40px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color var(--dur-state) var(--ease-state),background-color var(--dur-state) var(--ease-state)}.quantity-stepper button:hover{color:var(--accent);background:#00d4ff14}.quantity-stepper input{width:56px;text-align:center;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-body);-webkit-appearance:textfield;appearance:textfield}.quantity-stepper input::-webkit-outer-spin-button,.quantity-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.free-ship{background:var(--surface-1);border-radius:var(--radius-input);padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.free-ship__msg{font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary)}.free-ship__msg--qualified{color:var(--accent)}.free-ship__msg span{color:var(--accent);font-variant-numeric:tabular-nums}.free-ship__bar{height:4px;background:var(--surface-2);border-radius:2px;overflow:hidden}.free-ship__fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-glow));transition:width var(--dur-state) var(--ease-state)}.install-cta{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface-1);border:1px dashed rgba(0,212,255,.3);border-radius:var(--radius-card);text-decoration:none;transition:border-color var(--dur-state) var(--ease-state),box-shadow var(--dur-state) var(--ease-state)}.install-cta:hover,.install-cta:focus-visible{border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.install-cta__copy{display:flex;flex-direction:column;flex:1;gap:4px;font-size:var(--fs-small)}.install-cta__copy strong{color:var(--text-primary)}.install-cta__arrow{color:var(--accent);display:inline-flex;align-items:center}.quick-add{display:inline-flex;align-items:center;justify-content:center;gap:0;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:50%;background:#0a0b0da6;color:var(--text-primary);font-size:0;letter-spacing:0;text-transform:none;font-weight:500;cursor:pointer;transition:background-color var(--dur-state) var(--ease-state),color var(--dur-state) var(--ease-state),border-color var(--dur-state) var(--ease-state),box-shadow var(--dur-state) var(--ease-state);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-decoration:none}.quick-add:hover,.quick-add:focus-visible{background:var(--accent);color:var(--bg);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 16px var(--accent-glow)}.quick-add__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quick-add[disabled]{opacity:.5;cursor:not-allowed}.rte{color:var(--text-secondary);font-size:var(--fs-body);line-height:1.7;max-width:64ch}.rte>*+*{margin-top:var(--sp-4)}.rte p{color:var(--text-secondary);margin:0}.rte strong{color:var(--text-primary);font-weight:600}.rte em{font-style:italic}.rte a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.rte ul,.rte ol{padding-left:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}.rte ul{list-style:disc}.rte ol{list-style:decimal}.rte li{color:var(--text-secondary);line-height:1.55}.rte li::marker{color:var(--accent)}.rte ul+p,.rte ol+p{margin-top:var(--sp-6);color:var(--text-primary);font-weight:600}.rte h2,.rte h3,.rte h4{color:var(--text-primary);font-weight:600;line-height:1.3}.rte h2{font-size:var(--fs-h3);margin-top:var(--sp-6)}.rte h3{font-size:var(--fs-h4);margin-top:var(--sp-5)}.rte h4{font-size:var(--fs-body);margin-top:var(--sp-4)}.rte blockquote{padding-left:var(--sp-4);border-left:2px solid var(--accent);color:var(--text-primary);font-style:italic}.btn--sm{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase}.btn--block{width:100%}tilt-card{display:block;--tilt-x: 0deg;--tilt-y: 0deg;perspective:800px;transform-style:preserve-3d}@media(hover:hover)and (prefers-reduced-motion:no-preference){tilt-card>*{transition:transform var(--dur-component) var(--ease-entrance);transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}}.variant-swatches__option{border:none;padding:0;margin-block:var(--sp-3)}.variant-swatches__legend{margin-bottom:var(--sp-2);display:block}.variant-swatches__chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.variant-swatches__chip{cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--sp-2) var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);transition:border-color var(--dur-state) var(--ease-state),color var(--dur-state) var(--ease-state),box-shadow var(--dur-state) var(--ease-state)}.variant-swatches__chip input{position:absolute;opacity:0;pointer-events:none}.variant-swatches__chip:has(input:checked){border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 12px var(--accent-glow)}.variant-swatches__chip:hover{border-color:#00d4ff66;color:var(--text-primary)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/components.css.map */