:root{--color-primary: #000000;--color-secondary: #ffffff;--color-accent: #FF4D00;--color-accent-hover: #E64500;--color-text: #1a1a1a;--color-text-light: #666666;--color-border: #e5e5e5;--color-background: #ffffff;--color-background-alt: #f8f8f8;--font-heading: "Oswald", sans-serif;--font-body: "Inter", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--font-size-6xl: 4.5rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 5rem;--max-width: 1400px;--header-height: 80px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 25px rgba(0,0,0,.15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-2xl) 0}.section--alt{background-color:var(--color-background-alt)}.section-header{text-align:center;margin-bottom:var(--spacing-xl)}.section-title{margin-bottom:var(--spacing-sm)}.section-subtitle{color:var(--color-text-light);font-size:var(--font-size-lg);max-width:600px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-radius:0;transition:all var(--transition-base);cursor:pointer;min-width:180px}.btn--primary{background-color:var(--color-primary);color:var(--color-secondary);border:2px solid var(--color-primary)}.btn--primary:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-secondary)}.btn--secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn--secondary:hover{background-color:var(--color-primary);color:var(--color-secondary)}.btn--accent{background-color:var(--color-accent);color:var(--color-secondary);border:2px solid var(--color-accent)}.btn--accent:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--large{padding:1.25rem 2.5rem;font-size:var(--font-size-base)}.btn--small{padding:.75rem 1.5rem;font-size:var(--font-size-xs);min-width:120px}.grid{display:grid;gap:var(--spacing-md)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid--4,.grid--3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){:root{--font-size-5xl: 2.5rem;--font-size-4xl: 2rem;--font-size-3xl: 1.5rem;--header-height: 70px}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.section{padding:var(--spacing-xl) 0}}.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;white-space:nowrap!important;border:0!important}.skip-to-content-link:focus{position:fixed!important;top:1rem;left:1rem;z-index:9999;width:auto!important;height:auto!important;clip:auto!important}.main-content{min-height:calc(100vh - var(--header-height) - 300px)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.badge{display:inline-block;padding:.25rem .75rem;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge--sale{background-color:var(--color-accent);color:var(--color-secondary)}.badge--new{background-color:var(--color-primary);color:var(--color-secondary)}.badge--soldout{background-color:var(--color-text-light);color:var(--color-secondary)}.price{font-family:var(--font-heading);font-weight:600}.price--compare{text-decoration:line-through;color:var(--color-text-light);font-weight:400}.price--sale{color:var(--color-accent)}input,select,textarea{font-family:inherit;font-size:inherit;padding:.875rem 1rem;border:1px solid var(--color-border);width:100%;transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary)}label{display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:.5rem}.form-group{margin-bottom:var(--spacing-md)}.quantity-selector{display:inline-flex;border:1px solid var(--color-border)}.quantity-selector button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);transition:background-color var(--transition-fast)}.quantity-selector button:hover{background-color:var(--color-background-alt)}.quantity-selector input{width:60px;text-align:center;border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);padding:0;height:40px}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-base) forwards}.animate-slide-up{animation:slideUp var(--transition-slow) forwards}
/*# sourceMappingURL=/cdn/shop/t/3/assets/base.css.map */