.btn{--btn-bg: var(--violet-600);--btn-fg: #fff;--btn-border: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:52px;padding:.875rem 1.75rem;background:var(--btn-bg);color:var(--btn-fg);border:1.5px solid var(--btn-border);border-radius:var(--r-full);font-family:var(--font-body);font-size:1rem;font-weight:600;letter-spacing:-.005em;line-height:1.2;text-align:center;cursor:pointer;position:relative;isolation:isolate;transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn:hover{background:var(--violet-700);box-shadow:var(--shadow-violet)}.btn:active{transform:scale(.975)}.btn--primary{box-shadow:var(--shadow-violet)}.btn--primary:hover{background:var(--violet-700)}.btn--secondary{--btn-bg: transparent;--btn-fg: var(--violet-700);--btn-border: var(--violet-300)}.btn--secondary:hover{background:var(--violet-50);border-color:var(--violet-500);box-shadow:none}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--ink);--btn-border: transparent;padding-inline:1rem}.btn--ghost:hover{background:var(--violet-50);box-shadow:none}.btn--light{--btn-bg: #fff;--btn-fg: var(--violet-800)}.btn--light:hover{background:var(--violet-50)}.btn--lg{min-height:60px;padding:1rem 2.25rem;font-size:1.0625rem}.btn--sm{min-height:44px;padding:.625rem 1.25rem;font-size:var(--text-sm)}.btn--full{width:100%}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none;box-shadow:none}.btn__icon{flex:none;width:20px;height:20px}.btn.is-loading{color:transparent;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;width:20px;height:20px;border:2.5px solid currentColor;border-top-color:var(--btn-bg);border-radius:50%;color:var(--btn-fg);animation:btn-spin .62s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.link{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;color:var(--violet-700);font-weight:600;background-image:linear-gradient(currentColor,currentColor);background-size:0 1.5px;background-position:0 88%;background-repeat:no-repeat;transition:background-size var(--dur) var(--ease-out)}.link:hover{background-size:100% 1.5px}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.3125rem .75rem;border-radius:var(--r-full);background:var(--violet-100);color:var(--violet-700);font-size:var(--text-micro);font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.3;white-space:nowrap}.badge--accent{background:var(--crimson-50);color:var(--crimson-600)}.badge--success{background:var(--success-bg);color:var(--success)}.badge--solid{background:var(--violet-600);color:#fff}.badge--outline{background:transparent;border:1px solid var(--violet-300);color:var(--violet-700)}.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--r-full);background:var(--surface);border:1px solid var(--line);font-size:var(--text-sm);font-weight:500;color:var(--ink-70)}.pill svg{width:18px;height:18px;color:var(--violet-600);flex:none}.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:clamp(1.25rem,1rem + 1vw,2rem);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.card--hover:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--violet-200)}.card--flat{box-shadow:none}.card--tint{background:var(--violet-50);border-color:var(--violet-200)}.card__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-md);background:var(--violet-100);color:var(--violet-700);margin-bottom:var(--space-4)}.card__icon svg{width:24px;height:24px}.rating{display:inline-flex;align-items:center;gap:.5rem}.rating__stars{display:inline-flex;gap:1px;color:var(--star)}.rating__stars svg{width:17px;height:17px}.rating__text{font-size:var(--text-sm);color:var(--ink-70);font-variant-numeric:tabular-nums}.rating__text strong{color:var(--ink);font-weight:600}.ticks{display:grid;gap:var(--space-3)}.ticks li{display:grid;grid-template-columns:22px 1fr;gap:var(--space-3);align-items:start;color:var(--ink-70);line-height:1.55}.ticks svg{width:22px;height:22px;color:var(--success);flex:none;margin-top:1px}.ticks--violet svg{color:var(--violet-600)}.ticks strong{color:var(--ink);font-weight:600}.accordion{border-top:1px solid var(--line)}.accordion__item{border-bottom:1px solid var(--line)}.accordion__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;min-height:64px;padding:1.25rem 0;text-align:left;font-family:var(--font-body);font-size:var(--text-h4);font-weight:600;line-height:1.4;color:var(--ink);transition:color var(--dur) var(--ease-out)}.accordion__trigger:hover{color:var(--violet-700)}.accordion__sign{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--violet-100);color:var(--violet-700);transition:background-color var(--dur) var(--ease-out),transform var(--dur) var(--ease-spring)}.accordion__sign svg{width:16px;height:16px}.accordion__trigger[aria-expanded=true] .accordion__sign{background:var(--violet-600);color:#fff;transform:rotate(180deg)}.accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-slow) var(--ease-out)}.accordion__panel>div{overflow:hidden}.accordion__panel[data-open=true]{grid-template-rows:1fr}.accordion__body{padding-bottom:1.5rem;color:var(--ink-70);max-width:62ch}.accordion__body>*+*{margin-top:var(--space-3)}.field{display:grid;gap:var(--space-2)}.field__label{font-size:var(--text-sm);font-weight:600;color:var(--ink)}.field__label .req{color:var(--danger);margin-left:2px}.field__input{width:100%;min-height:52px;padding:.75rem 1rem;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-sm);font-size:1rem;color:var(--ink);transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.field__input::placeholder{color:var(--ink-30)}.field__input:hover{border-color:var(--violet-300)}.field__input:focus-visible{border-color:var(--violet-500);box-shadow:0 0 0 4px var(--violet-100);outline:none}textarea.field__input{min-height:120px;resize:vertical}.field__help{font-size:var(--text-xs);color:var(--ink-50)}.field__error{display:flex;align-items:center;gap:.375rem;font-size:var(--text-xs);font-weight:600;color:var(--danger)}.field__error svg{width:16px;height:16px;flex:none}.field.has-error .field__input{border-color:var(--danger);box-shadow:0 0 0 4px var(--crimson-50)}.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:var(--r-full);background:var(--surface);overflow:hidden}.qty__btn{display:grid;place-items:center;width:48px;height:48px;color:var(--ink-70);transition:background-color var(--dur-fast) var(--ease-out)}.qty__btn:hover{background:var(--violet-50);color:var(--violet-700)}.qty__btn svg{width:16px;height:16px}.qty__input{width:44px;height:48px;border:0;text-align:center;font-weight:600;font-variant-numeric:tabular-nums;background:transparent;-moz-appearance:textfield}.qty__input::-webkit-outer-spin-button,.qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.options{display:grid;gap:var(--space-3)}.options__legend{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--ink);margin-bottom:var(--space-1)}.options__current{color:var(--ink-50);font-weight:500}.options__list{display:grid;gap:var(--space-2)}.options__list--row{grid-auto-flow:column;grid-auto-columns:1fr}.option{position:relative;display:block;cursor:pointer}.option input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.option__face{display:flex;align-items:center;gap:var(--space-3);min-height:60px;padding:.75rem 1rem;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-md);transition:border-color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.option:hover .option__face{border-color:var(--violet-300)}.option input:checked+.option__face{border-color:var(--violet-600);background:var(--violet-50);box-shadow:0 0 0 1px var(--violet-600)}.option input:focus-visible+.option__face{outline:3px solid var(--color-ring);outline-offset:3px}.option input:disabled+.option__face{opacity:.4;cursor:not-allowed;background:var(--violet-50)}.option input:disabled+.option__face .option__name{text-decoration:line-through}.option__body{flex:1;min-width:0}.option__name{display:block;font-weight:600;color:var(--ink);line-height:1.3}.option__meta{display:block;font-size:var(--text-xs);color:var(--ink-50);font-variant-numeric:tabular-nums;margin-top:2px}.option__price{font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}.option__tag{position:absolute;top:-9px;right:12px;z-index:1}.swatch__dot{flex:none;width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(26,17,48,.12);box-shadow:inset 0 -3px 6px #1a113014}.swatch__dot--purple{background:linear-gradient(160deg,#c3a8f0,#9b76e0 55%,#7c4dd0)}.swatch__dot--clear{background:linear-gradient(160deg,#fff,#f2f6fa 55%,#e2eaf2)}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee__track{display:flex;gap:var(--space-7);width:max-content;animation:marquee 42s linear infinite}.marquee:hover .marquee__track{animation-play-state:paused}@keyframes marquee{to{transform:translate3d(-50%,0,0)}}@media(prefers-reduced-motion:reduce){.marquee{-webkit-mask-image:none;mask-image:none;overflow-x:auto}.marquee__track{animation:none}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:#17092e85;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease-out),visibility var(--dur)}.scrim.is-open{opacity:1;visibility:visible}.drawer{position:fixed;top:0;right:0;z-index:var(--z-drawer);display:flex;flex-direction:column;width:min(100%,27rem);height:100dvh;background:var(--surface);box-shadow:var(--shadow-lg);transform:translate3d(100%,0,0);visibility:hidden;transition:transform var(--dur-slow) var(--ease-out),visibility var(--dur-slow)}.drawer.is-open{transform:none;visibility:visible}.drawer--left{right:auto;left:0;transform:translate3d(-100%,0,0)}.drawer--left.is-open{transform:none}.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);padding-top:max(var(--space-4),env(safe-area-inset-top))}.drawer__title{font-size:var(--text-h4);font-weight:600}.drawer__close{display:grid;place-items:center;width:44px;height:44px;margin-right:-.5rem;border-radius:50%;color:var(--ink-70);transition:background-color var(--dur-fast) var(--ease-out)}.drawer__close:hover{background:var(--violet-50);color:var(--violet-700)}.drawer__close svg{width:20px;height:20px}.drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--space-5)}.drawer__foot{border-top:1px solid var(--line);padding:var(--space-5);padding-bottom:max(var(--space-5),calc(env(safe-area-inset-bottom) + var(--space-4)));background:var(--surface)}.cart-line{display:grid;grid-template-columns:76px 1fr;gap:var(--space-4);padding-block:var(--space-4);border-bottom:1px solid var(--line-soft)}.cart-line:first-child{padding-top:0}.cart-line__media{border-radius:var(--r-sm);overflow:hidden;background:var(--violet-50);aspect-ratio:1}.cart-line__media img{width:100%;height:100%;object-fit:contain;padding:8%}.cart-line__name{font-weight:600;line-height:1.35}.cart-line__variant{font-size:var(--text-xs);color:var(--ink-50);margin-top:2px}.cart-line__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3)}.cart-line__price{font-weight:600;font-variant-numeric:tabular-nums}.cart-line__remove{min-height:44px;display:inline-flex;align-items:center;font-size:var(--text-xs);color:var(--ink-50);text-decoration:underline;text-underline-offset:3px}.cart-line__remove:hover{color:var(--danger)}.cart-empty{text-align:center;padding-block:var(--space-8)}.cart-empty svg{width:56px;height:56px;color:var(--violet-300);margin:0 auto var(--space-4)}.reassure{display:grid;gap:var(--space-3);padding:var(--space-4);background:var(--violet-50);border-radius:var(--r-md)}.reassure li{display:grid;grid-template-columns:20px 1fr;gap:var(--space-3);align-items:start;font-size:var(--text-sm);color:var(--ink-70);line-height:1.5}.reassure svg{width:20px;height:20px;color:var(--violet-600)}.reassure strong{color:var(--ink);font-weight:600}.toast-region{position:fixed;left:50%;bottom:max(1.5rem,env(safe-area-inset-bottom));z-index:var(--z-toast);display:grid;gap:var(--space-2);width:min(calc(100% - 2rem),24rem);transform:translate(-50%);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:.875rem 1.125rem;background:var(--ink);color:#fff;border-radius:var(--r-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:500;pointer-events:auto;animation:toast-in var(--dur-slow) var(--ease-spring) both}.toast svg{width:20px;height:20px;flex:none;color:#7be0bc}.toast.is-leaving{animation:toast-out var(--dur-exit) var(--ease-in) forwards}@keyframes toast-in{0%{opacity:0;transform:translate3d(0,14px,0) scale(.96)}}@keyframes toast-out{to{opacity:0;transform:translate3d(0,8px,0)}}.buybar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--gutter);padding-bottom:max(var(--space-3),calc(env(safe-area-inset-bottom) + var(--space-2)));background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translate3d(0,110%,0);transition:transform var(--dur-slow) var(--ease-out)}.buybar.is-visible{transform:none}.buybar__info{flex:1;min-width:0}.buybar__name{font-size:var(--text-xs);color:var(--ink-50);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buybar__price{font-weight:700;font-variant-numeric:tabular-nums}.buybar .btn{flex:none}@media(min-width:64rem){.buybar{display:none}}@media(max-height:26rem)and (max-width:64rem){.buybar{padding-block:var(--space-2);padding-bottom:max(var(--space-2),env(safe-area-inset-bottom))}.buybar__name{display:none}.buybar__price{font-size:var(--text-sm)}.buybar .btn{min-height:44px;padding:.5rem 1.125rem}}.price{display:inline-flex;align-items:baseline;gap:var(--space-2);font-variant-numeric:tabular-nums}.price__now{font-size:var(--text-h3);font-weight:700;color:var(--ink);letter-spacing:-.02em}.price__was{color:var(--ink-50);text-decoration:line-through;font-size:var(--text-sm)}.price__unit{font-size:var(--text-xs);color:var(--ink-50)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/components.css.map */