*,*:before,*:after{box-sizing:border-box}html{font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:1rem;line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-background);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin:0 0 var(--spacing-md);color:var(--color-text)}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.75rem)}h5{font-size:1.25rem}h6{font-size:1.125rem}p{margin:0 0 var(--spacing-sm)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-speed) var(--transition-ease)}a:hover,a:focus{color:var(--color-secondary);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}strong,b{font-weight:700}em,i{font-style:italic}small{font-size:.875rem;color:var(--color-text-light)}.main-content{position:relative}.container{width:100%;max-width:var(--container-width);margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.container--narrow{max-width:900px}.container--wide{max-width:1400px}.section{padding:var(--spacing-2xl) 0}.section--small{padding:var(--spacing-xl) 0}.section--large{padding:5rem 0}.grid{display:grid;gap:var(--spacing-md)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}@media (min-width: 768px){.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex;gap:var(--spacing-sm)}.flex--center{align-items:center;justify-content:center}.flex--between{justify-content:space-between;align-items:center}.flex--column{flex-direction:column}.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}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-light{color:var(--color-text-light)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:var(--font-body);font-size:1rem;font-weight:600;line-height:1.5;text-align:center;text-decoration:none;white-space:nowrap;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-speed) var(--transition-ease);-webkit-appearance:none;appearance:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn--primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn--primary:hover,.btn--primary:focus{background-color:var(--color-secondary);border-color:var(--color-secondary);color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn--secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--secondary:hover,.btn--secondary:focus{background-color:var(--color-primary);color:#fff;text-decoration:none}.btn--large{padding:1rem 2rem;font-size:1.125rem}.btn--small{padding:.5rem 1rem;font-size:.875rem}.btn--full{width:100%}.btn--disabled,.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.form-group{margin-bottom:var(--spacing-md)}label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text)}input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],select,textarea{width:100%;padding:.75rem 1rem;font-family:var(--font-body);font-size:1rem;line-height:1.5;color:var(--color-text);background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition-speed) var(--transition-ease);-webkit-appearance:none;appearance:none}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}input::placeholder,textarea::placeholder{color:var(--color-text-light);opacity:.7}textarea{min-height:120px;resize:vertical}select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}input[type=checkbox],input[type=radio]{width:1.25rem;height:1.25rem;margin-right:.5rem;cursor:pointer}.form-error{margin-top:.5rem;font-size:.875rem;color:var(--color-error)}.form-success{margin-top:.5rem;font-size:.875rem;color:var(--color-success)}.card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-speed) var(--transition-ease)}.card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-4px)}.card__image{width:100%;height:auto;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.card__title{margin-bottom:var(--spacing-xs)}.card__text{color:var(--color-text-light)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.875rem;font-weight:600;line-height:1;border-radius:var(--radius-sm)}.badge--success{background-color:#d1fae5;color:#065f46}.badge--warning{background-color:#fef3c7;color:#92400e}.badge--error{background-color:#fee2e2;color:#991b1b}.badge--primary{background-color:var(--color-primary);color:#fff}img{max-width:100%;height:auto;display:block}img[loading=lazy]{opacity:0;animation:fadeIn .3s ease-in forwards}@keyframes fadeIn{to{opacity:1}}.img-cover{width:100%;height:100%;object-fit:cover}.img-contain{width:100%;height:100%;object-fit:contain}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999990;opacity:0;visibility:hidden;pointer-events:none;transition:all var(--transition-speed) var(--transition-ease)}.overlay.active{opacity:1;visibility:visible;pointer-events:auto}.drawer{position:fixed;top:0;right:-100%;width:100%;max-width:400px;height:100vh;background-color:var(--color-background);box-shadow:-2px 0 20px #0000001a;z-index:999999;overflow-y:auto;transition:right var(--transition-speed) var(--transition-ease)}.drawer.active{right:0}.drawer__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border)}.drawer__header h2{font-size:1rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;padding-right:var(--spacing-sm);line-height:1.2}.drawer__header h2 .cart-title{display:inline}.drawer__header h2 .cart-count{display:inline;font-size:.875rem;opacity:.8}.drawer__close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;color:var(--color-text);flex-shrink:0}.drawer__body{padding:var(--spacing-sm) var(--spacing-md)}.loading-spinner{width:40px;height:40px;border:4px 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;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}.hide-mobile{display:none}@media (min-width: 768px){.hide-mobile{display:block}.hide-desktop{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-to-content:focus{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:9999;padding:1rem 2rem;background-color:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:600}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{body{background:#fff;color:#000}.no-print{display:none!important}a{text-decoration:underline}img{max-width:100%!important}}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;background-color:var(--color-primary);color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all var(--transition-speed) var(--transition-ease);z-index:1000;display:none;align-items:center;justify-content:center}.back-to-top.show{display:flex}.back-to-top:hover{background-color:var(--color-secondary);transform:translateY(-4px);box-shadow:0 6px 20px #0003}.back-to-top svg{width:24px;height:24px}@media (max-width: 1023px){body.has-sticky-atc .back-to-top{bottom:100px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/theme.css.map */