:root{--color-bg: #ffffff;--color-surface: #f8f9fa;--color-secondary: #e9ecef;--color-accent: #f97316;--color-accent-hover: #ea6c0a;--color-badge: #fbbf24;--color-text: #1a1c20;--color-text-muted: #4b5563;--color-text-faint: #6b7280;--color-success: #059669;--color-danger: #dc2626;--color-border: #d1d5db;--color-bg: var(--shop-color-bg, #ffffff);--color-accent: var(--shop-color-accent, #f97316);--color-secondary: var(--shop-color-secondary, #e9ecef);--font-body: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Poppins", sans-serif;--fw-body: 500;--fw-heading: 700;--fw-display: 800;--font-size-display: clamp(36px, 5vw, 64px);--font-size-h1: clamp(28px, 3.5vw, 40px);--font-size-h2: clamp(22px, 2.5vw, 30px);--font-size-h3: 18px;--font-size-body: 15px;--font-size-small: 13px;--font-size-tiny: 11px;--letter-spacing-label: .05em;--line-height-body: 1.6;--line-height-tight: 1.2;--container-width: 1280px;--container-pad: 16px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--space-10: 64px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 10px 30px rgba(0,0,0,.16);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .4s ease;--header-height: 64px}@media(min-width:750px){:root{--container-pad: 24px;--header-height: 72px}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--fw-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;display:flex;flex-direction:column;overflow-x:clip}main{flex:1 0 auto}img,picture,video{max-width:100%;display:block;height:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--fw-heading);line-height:var(--line-height-tight);color:var(--color-text)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}button{cursor:pointer;font:inherit;color:inherit;background:none;border:0}input,textarea,select{font:inherit;color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;width:100%;transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #f9731626}ul,ol{list-style:none}.skip-to-content{position:absolute;left:-9999px;top:0;background:var(--color-accent);color:#fff;padding:12px 16px;z-index:9999}.skip-to-content:focus{left:12px;top:12px}.container{max-width:var(--container-width);margin:0 auto;padding-inline:var(--container-pad);width:100%}.section{padding-block:var(--space-8)}@media(min-width:750px){.section{padding-block:var(--space-10)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;font-weight:700;font-size:var(--font-size-body);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);cursor:pointer;border:1px solid transparent;line-height:1}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover);color:#fff}.btn--secondary{background:transparent;color:var(--color-text);border-color:var(--color-text)}.btn--secondary:hover{background:var(--color-text);color:var(--color-bg)}.btn--ghost{background:var(--color-secondary);color:var(--color-text)}.btn--ghost:hover{background:#d1d5db;color:var(--color-text)}.btn--full{width:100%}.btn:disabled,.btn[aria-disabled=true]{background:var(--color-secondary);color:var(--color-text-faint);cursor:not-allowed}.badge{display:inline-block;padding:4px 10px;font-size:var(--font-size-tiny);font-weight:700;text-transform:uppercase;letter-spacing:var(--letter-spacing-label);border-radius:var(--radius-sm);line-height:1.4}.badge--sale{background:var(--color-badge);color:#1a1c20}.badge--new{background:var(--color-accent);color:#fff}.badge--soldout{background:var(--color-secondary);color:var(--color-text-muted)}.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}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-center{text-align:center}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fade-in-up .6s var(--transition-slow) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/base.css.map */