.transform-gpu{transform:translateZ(0);will-change:transform}.sticky-element{position:sticky;top:0;z-index:100;contain:layout style paint}img{max-width:100%;height:auto;display:block}.lazy-placeholder{background:var(--color-surface);min-height:200px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.loading{opacity:.6;pointer-events:none;position:relative}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--color-border);border-top:2px solid var(--brand-orange);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--brand-orange)}@media (prefers-contrast: high){.focus-visible{outline-width:3px}button,a{border:2px solid currentColor}}*{box-sizing:border-box}img,video,canvas,audio,iframe,embed,object{max-width:100%;height:auto;display:block}@media (prefers-reduced-motion: no-preference){.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}}@media (hover: none) and (pointer: coarse){.hover-effect:hover{transform:none!important;box-shadow:none!important}button,a,input,select,textarea{min-height:44px;min-width:44px}*{animation-duration:.2s!important;transition-duration:.2s!important}}.lazy{opacity:0;transition:opacity .3s ease}.lazy.loaded{opacity:1}.progressive-image{position:relative;overflow:hidden}.progressive-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.progressive-image .placeholder{filter:blur(10px);transform:scale(1.1)}.progressive-image .full-image{opacity:0;transition:opacity .3s ease}.progressive-image.loaded .full-image{opacity:1}@font-face{font-family:System Font;font-display:swap;src:local(-apple-system),local(BlinkMacSystemFont),local("Segoe UI"),local(Roboto),local(sans-serif)}.smooth-scroll{scroll-behavior:smooth}.virtual-list{height:400px;overflow-y:auto;position:relative}.virtual-list-item{position:absolute;width:100%;height:60px}.detached{pointer-events:none;-webkit-user-select:none;user-select:none}.cleanup{position:absolute;left:-9999px;opacity:0;pointer-events:none}.preload-critical{font-display:swap}.resource-hint{rel:preload;as:fetch;crossorigin:anonymous}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.optimized-animation{transform:translateZ(0);will-change:transform}.paint-optimized{will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.observe-once{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.observe-once.intersected{opacity:1;transform:translateY(0)}.scroll-optimized{position:relative}.scroll-optimized:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:transparent;pointer-events:none}@media screen and (max-width: 768px){.mobile-optimized{box-shadow:0 2px 4px #0000001a}.mobile-gradient{background:linear-gradient(135deg,var(--brand-orange),var(--brand-orange-light))}.touch-feedback{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-layout{display:flex;flex-direction:column;gap:var(--mobile-spacing)}}.critical-styles{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--color-text);background:var(--color-bg)}.performance-marker{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}.offline-indicator{position:fixed;top:0;left:0;right:0;background:#ff6b35;color:#fff;text-align:center;padding:8px;font-size:14px;z-index:10000;transform:translateY(-100%);transition:transform .3s ease}.offline-indicator.show{transform:translateY(0)}.sw-update-available{position:fixed;bottom:20px;right:20px;background:var(--brand-orange);color:#fff;padding:12px 16px;border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-mobile-hover);z-index:1000;transform:translate(100%);transition:transform .3s ease}.sw-update-available.show{transform:translate(0)}.loading-skeleton{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-surface) 50%,var(--color-border) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;border-radius:var(--mobile-border-radius)}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--mobile-spacing);contain:layout style paint}@media (prefers-reduced-motion: reduce){.performance-grid{gap:8px}.loading-skeleton{animation:none;background:var(--color-border)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.high-dpi-optimized{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.performance-grid{display:block}.loading-skeleton,.offline-indicator,.sw-update-available{display:none!important}*{animation:none!important;transition:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible{outline:2px solid var(--brand-orange);outline-offset:2px}.error-boundary{padding:var(--mobile-spacing);border:1px solid #f44336;border-radius:var(--mobile-border-radius);background:#f443361a;color:#f44336;text-align:center}.performance-metrics{position:fixed;bottom:10px;left:10px;background:#000c;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;font-family:monospace;z-index:10000;opacity:0;transition:opacity .3s ease}.performance-metrics.show{opacity:1}@media (max-width: 768px) and (max-device-width: 768px){.mobile-network-optimized{image-rendering:optimizeSpeed;animation-duration:.2s;transition-duration:.2s}.mobile-lazy{loading:lazy;decoding:async}}@media (max-width: 768px){.mobile-network-optimized{image-rendering:optimizeSpeed;animation-duration:.2s;transition-duration:.2s}.mobile-lazy{loading:lazy;decoding:async}}@media (prefers-reduced-motion: reduce) and (max-width: 768px){.battery-optimized{animation:none!important;transition:none!important;box-shadow:none!important}}.critical-content{content-visibility:auto;contain-intrinsic-size:0 500px}.layout-stable{aspect-ratio:16/9;width:100%;height:auto}.unused-styles{display:none}.performance-budget{max-width:100%;overflow:hidden}.mobile-first-performance{font-size:var(--mobile-body-size);padding:var(--mobile-spacing);border-radius:var(--mobile-border-radius)}@media screen and (min-width: 769px){.mobile-first-performance{font-size:1rem;padding:1rem;border-radius:8px}}.touch-optimized{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.scroll-performance{overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.gpu-accelerated{transform:translateZ(0);will-change:transform;backface-visibility:hidden}.efficient-selector{color:var(--color-text);background:var(--color-bg)}.critical-path{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--color-text);background:var(--color-bg)}.performance-monitor{position:fixed;top:10px;right:10px;background:#000c;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;font-family:monospace;z-index:10000;opacity:0;transition:opacity .3s ease}.performance-monitor.show{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/3/assets/performance.css.map */