:root{--breakpoint-mobile-min: 0px;--breakpoint-mobile-max: 767px;--breakpoint-tablet-min: 768px;--breakpoint-tablet-max: 1023px;--breakpoint-desktop-min: 1024px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px}@media (min-width: 768px) and (max-width: 1023px){:root{--spacing-xs: 6px;--spacing-sm: 12px;--spacing-md: 20px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-xxl: 64px}}@media (min-width: 1024px){:root{--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 40px;--spacing-xl: 64px;--spacing-xxl: 96px}}.mobile-only{display:block}.tablet-only,.desktop-only{display:none}@media (min-width: 768px) and (max-width: 1023px){.mobile-only{display:none}.tablet-only{display:block}.desktop-only{display:none}}@media (min-width: 1024px){.mobile-only,.tablet-only{display:none}.desktop-only{display:block}}.hide-mobile{display:none}.hide-tablet,.hide-desktop{display:block}@media (min-width: 768px) and (max-width: 1023px){.hide-mobile{display:block}.hide-tablet{display:none}.hide-desktop{display:block}}@media (min-width: 1024px){.hide-mobile,.hide-tablet{display:block}.hide-desktop{display:none}}.container-mobile{max-width:100%;padding:0 16px}.container-tablet{max-width:100%;padding:0 24px}.container-desktop{max-width:1280px;margin:0 auto;padding:0 32px}@media (min-width: 768px) and (max-width: 1023px){.container-mobile{padding:0 24px}}@media (min-width: 1024px){.container-mobile{max-width:1280px;margin:0 auto;padding:0 32px}}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.touch-target-padded{min-width:44px;min-height:44px;padding:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.touch-target-button{min-width:44px;min-height:44px;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;background:transparent;font-size:16px}.touch-target-icon{min-width:44px;min-height:44px;padding:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:50%}.touch-target-link{min-width:44px;min-height:44px;padding:8px;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;text-decoration:none}.touch-target-checkbox,.touch-target-radio{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.touch-target-checkbox input,.touch-target-radio input{width:24px;height:24px;cursor:pointer}.touch-target-toggle{min-width:44px;min-height:44px;padding:10px;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media (min-width: 768px){.touch-target,.touch-target-padded,.touch-target-button,.touch-target-icon,.touch-target-link,.touch-target-checkbox,.touch-target-radio,.touch-target-toggle{min-width:32px;min-height:32px}.touch-target-padded{padding:6px}.touch-target-button{padding:8px 12px}.touch-target-icon{padding:8px}.touch-target-link{padding:6px}.touch-target-toggle{padding:8px}}.touch-target-group{display:flex;gap:8px;flex-wrap:wrap}.touch-target-group>*{flex-shrink:0}@media (max-width: 767px){.touch-target-group{gap:12px}}.touch-target:focus-visible,.touch-target-padded:focus-visible,.touch-target-button:focus-visible,.touch-target-icon:focus-visible,.touch-target-link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.touch-target *,.touch-target-padded *,.touch-target-button *,.touch-target-icon *,.touch-target-link *{user-select:none;-webkit-user-select:none}.hover-transition{transition:all .2s ease-in-out}.hover-color{transition:color .2s ease-in-out,background-color .2s ease-in-out}@media (min-width: 1024px){.hover-color:hover:not(:disabled){opacity:.8}}.hover-scale{transition:transform .2s ease-in-out}@media (min-width: 1024px){.hover-scale:hover:not(:disabled){transform:scale(1.05)}}.hover-scale-down{transition:transform .2s ease-in-out}@media (min-width: 1024px){.hover-scale-down:hover:not(:disabled){transform:scale(.98)}}.hover-shadow{transition:box-shadow .2s ease-in-out}@media (min-width: 1024px){.hover-shadow:hover:not(:disabled){box-shadow:0 8px 16px #00000026}}.hover-shadow-lg{transition:box-shadow .2s ease-in-out}@media (min-width: 1024px){.hover-shadow-lg:hover:not(:disabled){box-shadow:0 12px 24px #0003}}.hover-brighten{transition:filter .2s ease-in-out}@media (min-width: 1024px){.hover-brighten:hover:not(:disabled){filter:brightness(1.1)}}.hover-opacity{transition:opacity .2s ease-in-out}@media (min-width: 1024px){.hover-opacity:hover:not(:disabled){opacity:.7}}.hover-underline{text-decoration:none;position:relative}.hover-underline:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:currentColor;transition:width .2s ease-in-out}@media (min-width: 1024px){.hover-underline:hover:after{width:100%}}.hover-bg{transition:background-color .2s ease-in-out}@media (min-width: 1024px){.hover-bg:hover:not(:disabled){background-color:#0000000d}}.hover-border{transition:border-color .2s ease-in-out}@media (min-width: 1024px){.hover-border:hover:not(:disabled){border-color:currentColor}}.hover-button{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out}@media (min-width: 1024px){.hover-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.hover-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}}.hover-card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;cursor:pointer}@media (min-width: 1024px){.hover-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}}.hover-product-card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;cursor:pointer}@media (min-width: 1024px){.hover-product-card:hover{transform:scale(1.02);box-shadow:0 8px 20px #0000001f}}.hover-icon-button{transition:background-color .2s ease-in-out,transform .2s ease-in-out;border-radius:50%}@media (min-width: 1024px){.hover-icon-button:hover:not(:disabled){background-color:#00000014;transform:scale(1.1)}}.hover-nav-item{transition:color .2s ease-in-out,background-color .2s ease-in-out;position:relative}@media (min-width: 1024px){.hover-nav-item:hover{background-color:#0000000d}.hover-nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:currentColor;transform:scaleY(0);transition:transform .2s ease-in-out}.hover-nav-item:hover:before{transform:scaleY(1)}}@media (max-width: 1023px){.hover-scale:hover,.hover-scale-down:hover,.hover-shadow:hover,.hover-shadow-lg:hover,.hover-brighten:hover,.hover-button:hover,.hover-card:hover,.hover-product-card:hover,.hover-icon-button:hover,.hover-nav-item:hover{transform:none;box-shadow:none;filter:none}}*{-webkit-tap-highlight-color:transparent}@media (min-width: 1024px){.hover-transition,.hover-color,.hover-scale,.hover-scale-down,.hover-shadow,.hover-shadow-lg,.hover-brighten,.hover-opacity,.hover-underline,.hover-bg,.hover-border,.hover-button,.hover-card,.hover-product-card,.hover-icon-button,.hover-nav-item{cursor:pointer}.hover-transition:disabled,.hover-color:disabled,.hover-scale:disabled,.hover-scale-down:disabled,.hover-shadow:disabled,.hover-shadow-lg:disabled,.hover-brighten:disabled,.hover-opacity:disabled,.hover-bg:disabled,.hover-border:disabled,.hover-button:disabled,.hover-icon-button:disabled{cursor:not-allowed;opacity:.5}}:focus{outline:none}:focus-visible{outline:2px solid #fad503;outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[role=link]:focus-visible,[tabindex]:focus-visible{outline:2px solid #fad503;outline-offset:2px}.focus-card:focus-visible{outline:2px solid #fad503;outline-offset:4px;box-shadow:0 0 0 4px #fad50333}.focus-nav-item:focus-visible{outline:2px solid #fad503;outline-offset:-2px;background-color:#fad5031a}.focus-icon-button:focus-visible{outline:2px solid #fad503;outline-offset:2px;border-radius:50%}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #fad503;outline-offset:0;border-color:#fad503;box-shadow:0 0 0 3px #fad50333}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid #fad503;outline-offset:2px;box-shadow:0 0 0 3px #fad50333}.focus-custom:focus-visible{outline:2px solid #fad503;outline-offset:2px;box-shadow:0 0 0 4px #fad50326}.focus-within:focus-within{outline:2px solid #fad503;outline-offset:2px}.skip-to-content{position:absolute;top:-100px;left:0;background:#fad503;color:#1a1a1a;padding:12px 16px;text-decoration:none;font-weight:600;z-index:10000;border-radius:0 0 4px}.skip-to-content:focus{top:0;outline:2px solid #1a1a1a;outline-offset:2px}.focus-trap{position:relative}.focus-on-dark:focus-visible{outline-color:#fff}.focus-on-light:focus-visible{outline-color:#1a1a1a}@keyframes focus-pulse{0%,to{box-shadow:0 0 #fad50366}50%{box-shadow:0 0 0 4px #fad5031a}}.focus-pulse:focus-visible{animation:focus-pulse 2s ease-in-out infinite}.no-focus-visible:focus:not(:focus-visible){outline:none}.modal-focus:focus-visible,.drawer-focus:focus-visible{outline:2px solid #fad503;outline-offset:-2px}[role=tab]:focus-visible{outline:2px solid #fad503;outline-offset:2px;background-color:#fad5031a}[role=menuitem]:focus-visible{outline:2px solid #fad503;outline-offset:-2px;background-color:#fad5031a}[role=listitem]:focus-visible{outline:2px solid #fad503;outline-offset:2px}.backdrop-blur:focus-visible{outline:2px solid #fad503;outline-offset:2px;box-shadow:0 0 0 4px #fad5034d}@media (prefers-contrast: high){:focus-visible{outline-width:3px;outline-offset:3px}}@media (prefers-reduced-motion: reduce){.focus-pulse:focus-visible{animation:none}}@media (min-width: 1024px){:focus-visible{transition:outline-offset .2s ease-in-out}button:focus-visible,a:focus-visible{outline-offset:4px}}@media (max-width: 767px){:focus-visible{outline-width:3px;outline-offset:1px}}
