@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700;900&family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;900&display=swap";:root{--color-bg: #FFFFFF;--color-bg-alt: #F5F5F5;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-accent: #00C4B4;--color-accent-hover: #00A89A;--color-accent-light: rgba(0, 196, 180, .15);--color-accent-glow: rgba(0, 196, 180, .3);--color-text: #1F2937;--color-text-secondary: #4B5563;--color-text-muted: #6B7280;--color-text-inverse: #FFFFFF;--color-border: #00C4B4;--color-border-dark: #1F2937;--color-border-light: rgba(0, 196, 180, .3);--color-footer-bg: #1F2937;--color-footer-text: #F9FAFB;--color-footer-muted: #9CA3AF;--color-success: #10B981;--color-error: #EF4444;--color-warning: #F59E0B;--font-heading: "Space Grotesk", -apple-system, sans-serif;--font-body: "DM Sans", -apple-system, sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-4);--spacing-lg: var(--space-6);--spacing-xl: var(--space-8);--spacing-2xl: var(--space-10);--spacing-3xl: var(--space-12);--spacing-4xl: var(--space-16);--font-size-xs: var(--text-xs);--font-size-sm: var(--text-sm);--font-size-md: var(--text-base);--font-size-base: var(--text-base);--font-size-lg: var(--text-lg);--font-size-xl: var(--text-xl);--font-size-2xl: var(--text-2xl);--font-size-3xl: var(--text-3xl);--font-size-4xl: var(--text-4xl);--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-xl: 0px;--radius-2xl: 0px;--radius-full: 0px;--border-radius-sm: 0px;--border-radius-md: 0px;--border-radius-lg: 0px;--border-radius-xl: 0px;--border-radius-2xl: 0px;--border-radius-full: 0px;--shadow-sm: 2px 2px 0px 0px var(--color-accent);--shadow-md: 4px 4px 0px 0px var(--color-accent);--shadow-lg: 6px 6px 0px 0px var(--color-accent);--shadow-xl: 8px 8px 0px 0px var(--color-accent);--shadow-dark: 4px 4px 0px 0px #1F2937;--shadow-glow: 4px 4px 0px 0px var(--color-accent);--container-max: 1280px;--container-max-width: 1280px;--container-padding: 1.5rem;--bento-gap: 1rem;--bento-gap-lg: 1.5rem;--color-background: var(--color-bg);--color-background-alt: var(--color-bg-alt);--color-primary: var(--color-accent);--color-primary-dark: var(--color-accent-hover);--color-secondary: var(--color-accent);--color-secondary-light: var(--color-accent-light);--color-brand-blue: #B2EBF2;--color-brand-blue-dark: #00C4B4;--color-brand-teal: #00C4B4;--color-handdrawn: #00C4B4;--color-handdrawn-alt: #00C4B4;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-toast: 500;--gradient-dark: linear-gradient(135deg, var(--color-accent) 0%, #00A89A 100%)}[data-theme=dark]{--color-bg: #1F2937;--color-bg-alt: #111827;--color-surface: #374151;--color-surface-elevated: #4B5563;--color-text: #F9FAFB;--color-text-secondary: #D1D5DB;--color-text-muted: #9CA3AF;--color-text-inverse: #1F2937;--color-border: #00C4B4;--color-border-dark: #9CA3AF;--color-footer-bg: #111827;--shadow-sm: 2px 2px 0px 0px var(--color-accent);--shadow-md: 4px 4px 0px 0px var(--color-accent);--shadow-lg: 6px 6px 0px 0px var(--color-accent);--shadow-xl: 8px 8px 0px 0px var(--color-accent)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #1F2937;--color-bg-alt: #111827;--color-surface: #374151;--color-surface-elevated: #4B5563;--color-text: #F9FAFB;--color-text-secondary: #D1D5DB;--color-text-muted: #9CA3AF;--color-text-inverse: #1F2937;--color-border: #00C4B4}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{cursor:pointer;background:none;border:none;font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:900;line-height:1.15;color:var(--color-text);text-transform:uppercase}::selection{background-color:var(--color-accent);color:#fff}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-hover)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{display:flex;white-space:nowrap;animation:marquee-scroll 25s linear infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;line-height:1.5;border-radius:0;transition:all var(--transition-fast);cursor:pointer;border:2px solid var(--color-text);text-decoration:none;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-dark);position:relative}.btn:active{transform:translate(4px,4px);box-shadow:none}.btn svg{width:18px;height:18px;flex-shrink:0}.btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:4px 4px 0 0 var(--color-text)}.btn--primary:hover{background:var(--color-accent-hover);transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--color-text)}.btn--primary:active{transform:translate(4px,4px);box-shadow:none}.btn--secondary{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-text);box-shadow:var(--shadow-dark)}.btn--secondary:hover{background:var(--color-bg-alt);transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--color-text)}.btn--ghost{background:transparent;color:var(--color-text);border:2px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn--ghost:hover{background:var(--color-bg-alt)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn--full{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.bento-grid{display:grid;gap:var(--bento-gap);grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(120px,auto)}.bento-grid--lg{gap:var(--bento-gap-lg)}.bento-cell{background:var(--color-surface);border-radius:0;border:2px solid var(--color-border);overflow:hidden;transition:all var(--transition-base)}.bento-cell:hover{border-color:var(--color-accent);box-shadow:var(--shadow-xl);transform:translate(-2px,-2px)}.bento-cell--2x1{grid-column:span 2}.bento-cell--1x2{grid-row:span 2}.bento-cell--2x2{grid-column:span 2;grid-row:span 2}.bento-cell--3x1{grid-column:span 3}.bento-cell--3x2{grid-column:span 3;grid-row:span 2}.bento-cell--4x1{grid-column:span 4}.bento-cell--4x2{grid-column:span 4;grid-row:span 2}.bento-cell--accent{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.bento-cell--glass{background:#fffc;border:2px solid var(--color-accent)}@media(max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-cell--3x1,.bento-cell--3x2,.bento-cell--4x1,.bento-cell--4x2{grid-column:span 2}}@media(max-width:640px){.bento-grid{grid-template-columns:1fr}.bento-cell--2x1,.bento-cell--2x2,.bento-cell--3x1,.bento-cell--3x2,.bento-cell--4x1,.bento-cell--4x2{grid-column:span 1}.bento-cell--1x2,.bento-cell--2x2,.bento-cell--3x2,.bento-cell--4x2{grid-row:span 1}}.product-card{position:relative;background:var(--color-surface);border-radius:0;border:2px solid var(--color-border);overflow:hidden;transition:all var(--transition-base);display:flex;flex-direction:column}.product-card:hover{transform:translate(-2px,-8px);box-shadow:8px 8px 0 0 var(--color-accent)}.product-card__image{position:relative;aspect-ratio:1;overflow:hidden;background:var(--color-bg);border-bottom:2px solid var(--color-border)}.product-card__image img{width:100%;height:100%;object-fit:cover;transition:all var(--transition-slow);filter:grayscale(100%);opacity:.9}.product-card:hover .product-card__image img{transform:scale(1.05);filter:grayscale(0%);opacity:1}.product-card__badges{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);z-index:2}.product-card__content{padding:var(--space-5);flex:1;display:flex;flex-direction:column}.product-card__title{font-family:var(--font-body);font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin-bottom:var(--space-3);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-transform:none}.product-card__price{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.product-card__price-current{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--color-accent)}.product-card__price-compare{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:line-through}.product-card__actions{margin-top:auto;padding:0 var(--space-5) var(--space-5)}.product-card__btn{width:100%;padding:var(--space-3) var(--space-4);background:transparent;color:var(--color-text);border:2px solid var(--color-text);border-radius:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;display:flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em}.product-card__btn:hover{background:var(--color-text);color:#fff}.product-card__btn svg{width:16px;height:16px}.product-card--featured{grid-column:span 2;grid-row:span 2}.product-card--featured .product-card__image{aspect-ratio:4/3}.product-card--featured .product-card__title{font-size:var(--text-xl)}.product-card--featured .product-card__price-current{font-size:var(--text-3xl)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:0}.badge--sale{background:var(--color-error);color:#fff}.badge--new{background:var(--color-accent);color:#fff}.badge--bestseller{background:var(--color-warning);color:var(--color-text)}.badge--handdrawn{background:var(--color-accent);color:#fff;transform:rotate(-2deg)}.badge--stopping{background:var(--color-accent);color:#fff}.badge--soldout{background:var(--color-text-muted);color:#fff}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-text);border-radius:0;transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:4px 4px 0 0 var(--color-accent)}.form-input::placeholder{color:var(--color-text-muted)}.quantity-selector{display:inline-flex;align-items:center;border:2px solid var(--color-text);border-radius:0;overflow:hidden}.quantity-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-alt);color:var(--color-text);transition:all var(--transition-fast);font-family:var(--font-mono);font-weight:700}.quantity-btn:hover{background:var(--color-accent);color:#fff}.quantity-input{width:60px;height:44px;text-align:center;font-family:var(--font-mono);font-weight:700;background:var(--color-surface);border:none;font-size:var(--text-base);color:var(--color-text);-moz-appearance:textfield}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header--left{text-align:left}.section-title{font-family:var(--font-heading);font-size:clamp(var(--text-2xl),5vw,var(--text-4xl));font-weight:900;color:var(--color-text);margin-bottom:var(--space-3);line-height:1.15;text-transform:uppercase}.section-subtitle{font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.handdrawn-underline{position:relative;display:inline-block}.handdrawn-underline:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:4px;background:var(--color-accent);opacity:.8}.text-handwritten{font-family:var(--font-mono);color:var(--color-accent);font-weight:700}.handdrawn-arrow{display:inline-block;width:60px;height:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Cpath d='M5 15 Q20 5, 35 15 T55 10 M50 5 L55 10 L50 18' stroke='%2300C4B4' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;background-size:contain}.handdrawn-circle{position:relative}.reveal{opacity:0;transform:translateY(30px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity var(--transition-base),transform var(--transition-base)}.reveal-stagger.revealed>*:nth-child(1){transition-delay:0ms}.reveal-stagger.revealed>*:nth-child(2){transition-delay:80ms}.reveal-stagger.revealed>*:nth-child(3){transition-delay:.16s}.reveal-stagger.revealed>*:nth-child(4){transition-delay:.24s}.reveal-stagger.revealed>*:nth-child(5){transition-delay:.32s}.reveal-stagger.revealed>*:nth-child(6){transition-delay:.4s}.reveal-stagger.revealed>*:nth-child(7){transition-delay:.48s}.reveal-stagger.revealed>*:nth-child(8){transition-delay:.56s}.reveal-stagger.revealed>*{opacity:1;transform:translateY(0)}.reveal--fade-up{transform:translateY(30px)}.reveal--fade-down{transform:translateY(-30px)}.reveal--fade-left{transform:translate(30px)}.reveal--fade-right{transform:translate(-30px)}.reveal--scale{transform:scale(.9)}.reveal--fade-up.revealed,.reveal--fade-down.revealed,.reveal--fade-left.revealed,.reveal--fade-right.revealed{transform:translate(0)}.reveal--scale.revealed{transform:scale(1)}.kinetic-text{display:inline-block}.theme-toggle{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:2px solid var(--color-text);border-radius:0;cursor:pointer;transition:all var(--transition-fast);box-shadow:2px 2px 0 0 var(--color-text)}.theme-toggle:hover{background:var(--color-accent);color:#fff;transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--color-text)}.theme-toggle:active{transform:translate(2px,2px);box-shadow:none}.theme-toggle__icon{width:20px;height:20px;transition:transform var(--transition-base)}.theme-toggle__sun,.theme-toggle__moon{position:absolute;transition:opacity var(--transition-fast),transform var(--transition-fast)}.theme-toggle__sun{opacity:1;transform:rotate(0)}.theme-toggle__moon{opacity:0;transform:rotate(-90deg)}[data-theme=dark] .theme-toggle__sun{opacity:0;transform:rotate(90deg)}[data-theme=dark] .theme-toggle__moon{opacity:1;transform:rotate(0)}@media(max-width:1024px){:root{--container-padding: 1.25rem;--bento-gap: .75rem}}@media(max-width:768px){:root{--container-padding: 1rem}.section-header{margin-bottom:var(--space-8)}}@media(max-width:640px){html{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal,.reveal-stagger>*{opacity:1;transform:none}.marquee-track{animation:none}}@media(prefers-contrast:high){:root{--color-border: var(--color-text);--color-text-secondary: var(--color-text)}}@media print{body{background:#fff;color:#000}.btn,.theme-toggle,.header-actions{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/theme.css.map */