*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden;max-width:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100%}img,picture,video,canvas,svg{display:block;max-width:100%}img{height:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-3);color:var(--color-text)}h1{font-size:var(--fs-4xl)}h2{font-size:var(--fs-3xl)}h3{font-size:var(--fs-2xl)}h4{font-size:var(--fs-xl)}h5{font-size:var(--fs-lg)}h6{font-size:var(--fs-md)}@media(max-width:768px){h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}}p{margin:0 0 var(--space-4);color:var(--color-text)}small{font-size:var(--fs-sm);color:var(--color-text-muted)}a{color:var(--color-link);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:var(--color-link-hover)}ul,ol{margin:0;padding:0;list-style:none}button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}a:focus-visible,button:focus-visible{outline-offset:3px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);z-index:var(--z-modal);border-radius:0 0 var(--radius-md) 0}.skip-link:focus{left:0}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding-left:var(--container-pad);padding-right:var(--container-pad)}.section{padding:var(--space-8) 0}@media(max-width:768px){.section{padding:var(--space-7) 0}}.section__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.section__eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-accent);display:block;margin-bottom:var(--space-2)}.section__title{margin-bottom:var(--space-2)}.section__subtitle{color:var(--color-text-muted);margin:0;max-width:60ch}.section__link{font-weight:var(--fw-semibold);font-size:var(--fs-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;display:inline-flex;align-items:center;gap:var(--space-1)}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.grid{display:grid;gap:var(--space-5)}.grid>*{min-width:0}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}@media(max-width:1024px){.grid-4,.grid-5,.grid-6{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.grid-3,.grid-4,.grid-5,.grid-6{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr;gap:var(--space-6)}}@media(max-width:480px){.grid-3,.grid-4,.grid-5,.grid-6{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--fs-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);border:1px solid transparent;transition:background var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);min-height:48px;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn--primary:hover{background:var(--color-espresso-900);color:#fff}.btn--accent{background:var(--color-accent);color:var(--color-accent-contrast)}.btn--accent:hover{background:var(--color-accent-hover);color:#fff}.btn--outline{background:transparent;border-color:var(--color-text);color:var(--color-text)}.btn--outline:hover{background:var(--color-text);color:var(--color-bg)}.btn--ghost{background:transparent;color:var(--color-text)}.btn--ghost:hover{background:var(--color-bg-strong)}.input,.select,select.select,textarea.input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;min-height:44px}textarea.input{min-height:100px;resize:vertical}.input::placeholder{color:var(--color-text-muted)}.input:focus,.select:focus{outline:2px solid var(--color-accent);outline-offset:1px;border-color:var(--color-accent)}.btn--light{background:#fff;color:var(--color-primary)}.btn--light:hover{background:var(--color-ivory-100)}.btn--sm{padding:var(--space-2) var(--space-4);min-height:38px;font-size:var(--fs-xs)}.btn--lg{padding:var(--space-4) var(--space-8);min-height:56px;font-size:var(--fs-base)}.btn--full{width:100%}.btn--icon{padding:var(--space-2);min-width:44px;min-height:44px}.btn svg{width:20px;height:20px;flex-shrink:0}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-bg-strong);color:var(--color-text)}.badge--accent{background:var(--color-accent);color:#fff}.badge--sale{background:var(--color-error);color:#fff}.badge--new{background:var(--color-olive-500);color:#fff}.badge--success{background:var(--color-bg-alt);color:var(--color-success);border:1px solid var(--color-border)}.badge--gold{background:var(--color-gold-400);color:var(--color-espresso-900)}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text)}.field input,.field select,.field textarea{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);min-height:48px;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus);outline:none}.field--error input{border-color:var(--color-error)}.field__error{color:var(--color-error);font-size:var(--fs-xs)}.field--hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.rating{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm)}.rating__stars{display:inline-flex;gap:2px;color:var(--color-gold-500)}.rating__stars svg{width:14px;height:14px;fill:currentColor}.rating__count{color:var(--color-text-muted)}.rating__stars--live{position:relative;display:inline-block;font-size:14px;line-height:1;letter-spacing:2px;color:var(--color-border-strong)}.rating__stars--live:before{content:"\2605\2605\2605\2605\2605"}.rating__stars--live:after{content:"\2605\2605\2605\2605\2605";position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;white-space:nowrap;color:var(--color-gold-500);width:calc(var(--rating, 0) / var(--rating-max, 5) * 100%)}.price{display:inline-flex;align-items:baseline;gap:var(--space-2);font-weight:var(--fw-semibold)}.price__sale{color:var(--color-accent)}.price__compare{color:var(--color-text-subtle);text-decoration:line-through;font-weight:var(--fw-regular);font-size:var(--fs-sm)}.toast-region{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2)}.toast{background:var(--color-primary);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);display:flex;align-items:center;gap:var(--space-2);animation:toast-in var(--duration-base) var(--ease-emphasized)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hide-mobile{display:none}.hide-desktop{display:initial}@media(min-width:1025px){.hide-mobile{display:initial}.hide-desktop{display:none}}.fade-in{animation:fade-in var(--duration-slow) var(--ease-emphasized) both}@keyframes fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=light]{--color-bg: #FAF7F1;--color-bg-alt: #F0EAE0;--color-bg-strong: #E4DBCC;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-border: #E4DBCC;--color-border-strong: #D8CDB9;--color-text: #211D18;--color-text-muted: #6B6157;--color-text-subtle: #8A7E6F;--color-primary: #1E1A16;--color-primary-contrast: #FFFFFF;--color-header-bg: #FAF7F1;--color-header-text: #1E1A16;--color-announce-bg: #1E1A16;--color-announce-text: #E9C98F;--color-footer-bg: #17140F;--color-footer-text: #EFE9DF;--color-ivory-100: #FAF7F1;--color-ivory-200: #F0EAE0;--color-espresso-700: #1E1A16;--color-espresso-800: #17140F;--color-espresso-900: #100E0B;--color-walnut-700: #4A3A28;--color-walnut-800: #3A2D1F;--color-sand-200: #F0EAE0;--color-sand-300: #E4DBCC;--color-sand-400: #D8CDB9;--color-taupe-500: #8A7E6F;--color-accent: #8A6416;--color-accent-hover: #6F5011;--color-link: #8A6416;--color-link-hover: #6F5011;--color-gold-400: #8A6416;--color-gold-500: #8A6416;--color-gold-600: #6F5011;--color-terracotta-400: #8A6416;--color-terracotta-500: #8A6416;--color-terracotta-600: #6F5011;--color-olive-500: #8A6416}.theme-toggle{border:1px solid var(--color-border-strong)}.theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.theme-toggle .theme-toggle__moon{display:none}.theme-toggle .theme-toggle__sun{display:block}:root[data-theme=light] .theme-toggle .theme-toggle__moon{display:block}:root[data-theme=light] .theme-toggle .theme-toggle__sun{display:none}
/*# sourceMappingURL=/cdn/shop/t/16/assets/base.css.map */
