h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--color-text)}h1{font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-5xl))}h2{font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-4xl))}h3{font-size:clamp(var(--font-size-xl),3vw,var(--font-size-3xl))}h4{font-size:clamp(var(--font-size-lg),2.5vw,var(--font-size-2xl))}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md);max-width:70ch}p:last-child{margin-bottom:0}a{color:inherit;text-decoration:none;transition:color var(--transition-fast),opacity var(--transition-fast)}a:hover{opacity:.75}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--border-radius-sm)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}ul,ol{padding-left:var(--spacing-lg)}ul{list-style:none;padding-left:0}img,video{max-width:100%;height:auto;display:block}figure{margin:0}figcaption{font-size:var(--font-size-sm);color:color-mix(in srgb,var(--color-text) 60%,transparent);margin-top:var(--spacing-sm)}input,textarea,select{width:100%;padding:.75rem var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--border-radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);appearance:none;-webkit-appearance:none}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 20%,transparent)}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--color-text) 40%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.875rem var(--spacing-xl);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--border-radius-md);border:2px solid transparent;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-base),opacity var(--transition-fast);position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:not(:disabled):active{transform:translateY(1px)}.btn--primary{background-color:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.btn--primary:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);box-shadow:var(--shadow-md);opacity:1;transform:translateY(-1px)}.btn--secondary{background-color:transparent;color:var(--color-text);border-color:var(--color-text)}.btn--secondary:hover{background-color:var(--color-text);color:var(--color-bg);opacity:1;transform:translateY(-1px)}.btn--ghost{background-color:transparent;color:var(--color-text);border-color:var(--color-border)}.btn--ghost:hover{border-color:var(--color-text);opacity:1}.btn--full{width:100%}.btn--sm{padding:.625rem var(--spacing-lg);font-size:var(--font-size-xs)}.btn--lg{padding:1.125rem var(--spacing-2xl);font-size:var(--font-size-base)}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:scale(0);transition:transform var(--transition-base),opacity var(--transition-base);opacity:0;border-radius:inherit}.btn:not(:disabled):active:after{transform:scale(2);opacity:1;transition:none}.btn.is-loading{color:transparent;pointer-events:none}.btn.is-loading:before{content:"";position:absolute;width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;color:var(--color-bg)}.container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:var(--spacing-xl)}.container--narrow{max-width:800px}.container--wide{max-width:1440px}.section{padding-block:var(--spacing-section)}.grid{display:grid;gap:var(--spacing-xl)}.grid--2col{grid-template-columns:repeat(2,1fr)}.grid--3col{grid-template-columns:repeat(3,1fr)}.grid--4col{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.grid--4col,.grid--3col{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.container{padding-inline:var(--spacing-md)}.grid--4col,.grid--3col,.grid--2col{grid-template-columns:1fr}}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.badge{display:inline-flex;align-items:center;padding:.2em .65em;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--border-radius-full);line-height:1.4}.badge--sale{background-color:var(--color-accent);color:var(--color-bg)}.badge--new{background-color:var(--color-text);color:var(--color-bg)}.badge--out{background-color:var(--color-border);color:var(--color-text)}.divider{border:none;border-top:1px solid var(--color-border);margin-block:var(--spacing-lg)}.site-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.site-overlay.is-active{opacity:1;visibility:visible}.skip-to-content{position:absolute;top:-100%;left:var(--spacing-md);z-index:9999;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-accent);color:var(--color-bg);font-weight:600;border-radius:0 0 var(--border-radius-md) var(--border-radius-md);transition:top var(--transition-fast)}.skip-to-content:focus{top:0}.price{display:flex;align-items:baseline;gap:var(--spacing-sm);flex-wrap:wrap}.price__current{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.price__compare{font-size:var(--font-size-base);color:color-mix(in srgb,var(--color-text) 50%,transparent);text-decoration:line-through}.price--sale .price__current{color:#c53030}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding-block:var(--spacing-2xl)}.pagination__item{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-md);border:1.5px solid var(--color-border);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast)}.pagination__item:hover,.pagination__item.is-active{background-color:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-slow) forwards}
/*# sourceMappingURL=/cdn/shop/t/27/assets/base.css.map */