*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body-family);font-size:var(--font-body);font-weight:var(--font-body-weight);line-height:var(--line-body);color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh}img,picture,svg,video{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);line-height:var(--line-heading);letter-spacing:var(--tracking-heading);text-transform:var(--heading-transform, none);text-wrap:balance}h1,.h1{font-size:var(--font-h1);letter-spacing:var(--tracking-tight)}h2,.h2{font-size:var(--font-h2);letter-spacing:var(--tracking-tight)}h3,.h3{font-size:var(--font-h3)}h4,.h4{font-size:var(--font-h4)}h5,.h5{font-size:var(--font-h5)}h6,.h6{font-size:var(--font-h6)}p{text-wrap:pretty}strong,b{font-weight:600}.icon{display:inline-block;flex:none;vertical-align:middle;color:inherit}.icon svg,svg.icon{display:block}.page-width{max-width:var(--page-width);margin-inline:auto;padding-inline:var(--page-margin)}@media(min-width:990px){.page-width{padding-inline:var(--space-8)}}.section{padding-block:var(--section-padding-block)}.grid{display:grid;gap:var(--grid-gap)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.stack>*+*{margin-block-start:var(--space-4)}.divider{block-size:1px;background:rgb(var(--color-border));border:0}.button{--btn-bg: var(--color-primary);--btn-fg: var(--color-on-primary);--btn-bd: var(--color-primary);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding-inline:var(--space-7);padding-block:var(--space-3);font-size:var(--font-small);font-weight:500;letter-spacing:.02em;text-align:center;color:rgb(var(--btn-fg));background:rgb(var(--btn-bg));border:var(--button-border-width) solid rgb(var(--btn-bd));border-radius:var(--button-radius);cursor:pointer;transition:transform var(--duration-fast) var(--ease),box-shadow var(--duration-base) var(--ease),background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.button .icon{margin-block:-2px}.button--secondary{--btn-bg: var(--color-secondary-button);--btn-fg: var(--color-on-secondary-button);--btn-bd: var(--color-border)}.button--secondary:hover{--btn-bg: var(--color-surface)}.button--ghost{--btn-bg: transparent;--btn-fg: var(--color-foreground);--btn-bd: transparent;padding-inline:var(--space-3);min-height:44px}.button--ghost:hover{transform:none;box-shadow:none;background:rgb(var(--color-foreground) / .05)}.button--pill{border-radius:var(--radius-pill)}.button--sm{min-height:40px;padding-inline:var(--space-5)}.button--full{inline-size:100%}.button[disabled],.button[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-small);font-weight:500;letter-spacing:.02em;color:rgb(var(--color-foreground));background-image:linear-gradient(rgb(var(--color-primary)),rgb(var(--color-primary)));background-size:0% 1.5px;background-position:0 100%;background-repeat:no-repeat;padding-block-end:2px;transition:background-size var(--duration-base) var(--ease),gap var(--duration-fast) var(--ease)}[dir=rtl] .link{background-position:100% 100%}.link:hover{background-size:100% 1.5px;gap:var(--space-3)}.icon-button{display:inline-flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;border-radius:var(--radius-pill);color:rgb(var(--color-foreground));transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.icon-button:hover{background:rgb(var(--color-foreground) / .06)}.card{background:rgb(var(--color-surface));border:1px solid rgb(var(--color-border));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-base) var(--ease),transform var(--duration-base) var(--ease)}.card--interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);font-weight:500;letter-spacing:.04em;padding:4px var(--space-3);border-radius:var(--radius-pill);background:rgb(var(--color-surface));color:rgb(var(--color-foreground));-webkit-backdrop-filter:saturate(1.2);backdrop-filter:saturate(1.2)}.badge--sale{background:rgb(var(--color-sale) / .12);color:rgb(var(--color-sale))}.badge--feature{background:rgb(var(--color-primary));color:rgb(var(--color-on-primary))}.badge--soldout{background:rgb(var(--color-foreground) / .08);color:rgb(var(--color-secondary))}.chip{font-size:var(--font-small);background:rgb(var(--color-surface));border:1px solid rgb(var(--color-border));border-radius:var(--radius-pill);padding:var(--space-1) var(--space-4)}.input,.select,.textarea{inline-size:100%;min-block-size:48px;padding:var(--space-3) var(--space-4);color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:1px solid rgb(var(--color-border));border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.input::placeholder,.textarea::placeholder{color:rgb(var(--color-secondary) / .8)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:rgb(var(--color-primary));box-shadow:0 0 0 3px rgb(var(--color-primary) / .12)}.qty{display:inline-flex;align-items:center;border:1px solid rgb(var(--color-border));border-radius:var(--radius-pill);overflow:hidden;background:rgb(var(--color-background))}.qty__button{display:inline-flex;align-items:center;justify-content:center;min-inline-size:40px;min-block-size:44px;color:rgb(var(--color-foreground));transition:background-color var(--duration-fast) var(--ease)}.qty__button:hover{background:rgb(var(--color-foreground) / .06)}.qty__input{inline-size:44px;text-align:center;border:0;background:transparent;-moz-appearance:textfield}.qty__input::-webkit-outer-spin-button,.qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rating-stars{display:inline-flex;align-items:center;gap:2px;color:rgb(var(--color-accent))}.rating-stars .icon{inline-size:16px;block-size:16px}:focus-visible{outline:2px solid rgb(var(--color-focus));outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.skip-to-content-link{position:absolute;inset-inline-start:var(--space-4);inset-block-start:var(--space-4);padding:var(--space-2) var(--space-4);background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:var(--radius-sm);transform:translateY(-200%);transition:transform var(--duration-fast) var(--ease);z-index:100}.skip-to-content-link:focus{transform:translateY(0)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(20px);transition:opacity var(--duration-slow) var(--ease),transform var(--duration-slow) var(--ease)}.reveal.is-visible{opacity:1;transform:none}.reveal[data-stagger]>*{opacity:0;transform:translateY(16px);transition:opacity var(--duration-base) var(--ease),transform var(--duration-base) var(--ease)}.reveal[data-stagger].is-visible>*{opacity:1;transform:none}.reveal[data-stagger].is-visible>*:nth-child(2){transition-delay:60ms}.reveal[data-stagger].is-visible>*:nth-child(3){transition-delay:.12s}.reveal[data-stagger].is-visible>*:nth-child(4){transition-delay:.18s}.reveal[data-stagger].is-visible>*:nth-child(5){transition-delay:.24s}.reveal[data-stagger].is-visible>*:nth-child(6){transition-delay:.3s}@media(prefers-reduced-motion:reduce){.reveal,.reveal[data-stagger]>*{opacity:1!important;transform:none!important;transition:none!important}}.scroller{display:grid;grid-auto-flow:column;gap:var(--grid-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-margin);scrollbar-width:none;-webkit-overflow-scrolling:touch}.scroller::-webkit-scrollbar{display:none}.scroller>*{scroll-snap-align:start}.rte>*+*{margin-block-start:var(--space-4)}.rte a{color:rgb(var(--color-primary));text-decoration:underline;text-underline-offset:3px}.rte ul,.rte ol{padding-inline-start:var(--space-6);display:grid;gap:var(--space-2)}.rte li{list-style:revert}.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6{margin-block-start:var(--space-6)}.rte img{border-radius:var(--radius-md)}.rte blockquote{padding-inline-start:var(--space-5);border-inline-start:2px solid rgb(var(--color-primary));color:rgb(var(--color-secondary));font-style:italic}.price{font-weight:600;font-variant-numeric:tabular-nums}.price--sale{color:rgb(var(--color-sale))}.price__compare{color:rgb(var(--color-secondary));text-decoration:line-through;font-weight:400}.section-header{display:grid;gap:var(--space-3);margin-block-end:var(--space-9);max-inline-size:60ch}.section-header[data-align=center]{text-align:center;justify-items:center;margin-inline:auto}.section-header[data-align=end]{text-align:end;justify-items:end;margin-inline-start:auto}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--color-primary))}.eyebrow:before{content:"";inline-size:var(--space-6);block-size:1px;background:currentColor;opacity:.5}.section-header[data-align=center] .eyebrow:after{content:"";inline-size:var(--space-6);block-size:1px;background:currentColor;opacity:.5}.localization{position:relative}.localization>summary{list-style:none;inline-size:auto;padding-inline:var(--space-2);gap:var(--space-1)}.localization>summary::-webkit-details-marker{display:none}.localization__label{font-size:var(--font-xs);font-weight:600;letter-spacing:.04em}.localization__caret{transition:transform var(--duration-fast) var(--ease)}.localization[open] .localization__caret{transform:rotate(180deg)}.localization__menu{position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-end:0;min-inline-size:170px;max-block-size:60vh;overflow-y:auto;background:rgb(var(--color-background));border:1px solid rgb(var(--color-border));border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:65;animation:localization-pop var(--duration-fast) var(--ease)}.localization__menu--wide{min-inline-size:240px}.localization__form{display:grid;gap:2px}.localization__option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);inline-size:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-small);text-align:start;color:rgb(var(--color-foreground));transition:background-color var(--duration-fast) var(--ease)}.localization__option:hover{background:rgb(var(--color-surface))}.localization__option.is-active{color:rgb(var(--color-primary));font-weight:500}@keyframes localization-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.localization__menu{animation:none}}.localization__switch-form{display:inline-flex}.localization__switch{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:inherit;border:1px solid color-mix(in srgb,currentColor 32%,transparent);border-radius:var(--radius-pill);background:transparent;font-size:var(--font-small);font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;transition:border-color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease)}.localization__switch:hover{border-color:currentColor;background:color-mix(in srgb,currentColor 10%,transparent)}.localization__switch:focus-visible{outline:2px solid currentColor;outline-offset:2px}.localization__switch svg{flex:0 0 auto}.text-secondary{color:rgb(var(--color-secondary))}.media{position:relative;overflow:hidden;border-radius:var(--radius-lg)}.media>img{width:100%;height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/7/assets/base.css.map */