*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer;border:none;background:none}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-bg-light: #f5f5f7;--color-bg-card-light: rgba(255, 255, 255, .95);--color-bg-secondary-light: #e8e8ed;--color-bg-tertiary-light: #d1d1d6;--color-bg-placeholder-light: #f0f0f0;--color-text-main-light: #1d1d1f;--color-text-secondary-light: #595959;--color-text-tertiary-light: #aeaeb2;--color-border-light: #d2d2d7;--color-bg-dark: #000000;--color-bg-card-dark: rgba(28, 28, 30, .95);--color-bg-secondary-dark: #1c1c1e;--color-bg-tertiary-dark: #2c2c2e;--color-bg-placeholder-dark: #3a3a3c;--color-text-main-dark: #f5f5f7;--color-text-secondary-dark: #a1a1a6;--color-text-tertiary-dark: #636366;--color-border-dark: #424245;--color-accent: #0071e3;--color-accent-hover: #0077ed;--color-accent-rgb: 0, 113, 227;--color-danger: #ff3b30;--color-success: #34c759;--color-warning: #ff9f0a;--color-gold: #b8860b;--color-gold-light: #ffd700;--color-bestseller: #10b981;--focus-ring: 0 0 0 2px rgba(var(--color-accent-rgb), .2);--glass-blur: 20px;--glass-border-light: rgba(255, 255, 255, .5);--glass-border-dark: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .1);--font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm: clamp(.875rem, .8rem + .375vw, 1rem);--font-size-base: clamp(1rem, .95rem + .25vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1.05rem + .375vw, 1.25rem);--font-size-xl: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 1.35rem + .75vw, 2rem);--font-size-3xl: clamp(2rem, 1.8rem + 1vw, 2.5rem);--font-size-4xl: clamp(2.5rem, 2.2rem + 1.5vw, 3.5rem);--font-size-5xl: clamp(2.25rem, 2.0357rem + 1.0714vw, 3rem);--font-size-6xl: clamp(2.75rem, 2.4643rem + 1.4286vw, 3.75rem);--spacing-1: .25rem;--spacing-2: clamp(.375rem, .3393rem + .1786vw, .5rem);--spacing-3: clamp(.5rem, .4286rem + .3571vw, .75rem);--spacing-4: clamp(.75rem, .6786rem + .3571vw, 1rem);--spacing-6: clamp(1rem, .8571rem + .7143vw, 1.5rem);--spacing-8: clamp(1.25rem, 1.0357rem + 1.0714vw, 2rem);--spacing-10: clamp(1.5rem, 1.2143rem + 1.4286vw, 2.5rem);--spacing-12: clamp(1.75rem, 1.3929rem + 1.7857vw, 3rem);--spacing-16: clamp(2rem, 1.4286rem + 2.8571vw, 4rem);--spacing-20: clamp(2.5rem, 1.7857rem + 3.5714vw, 5rem);--spacing-24: clamp(3rem, 2.1429rem + 4.2857vw, 6rem);--spacing-section: clamp( 3rem, 2.1429rem + 4.2857vw, 6rem );--spacing-section-sm: clamp( 2rem, 1.4286rem + 2.8571vw, 4rem );--spacing-section-lg: clamp( 4rem, 2.8571rem + 5.7143vw, 8rem );--spacing-section-header: clamp( 1.5rem, 1.2143rem + 1.4286vw, 2.5rem );--spacing-section-hero-gap: clamp( 2.5rem, 2rem + 2.5vw, 5rem );--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--letter-spacing-wider: .1em;--container-width: 1200px;--container-width-wide: 1400px;--header-height: 60px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--z-index-dropdown: 100;--z-index-sticky: 200;--z-index-fixed: 300;--z-index-modal-backdrop: 400;--z-index-modal: 500;--z-index-popover: 600;--z-index-tooltip: 700;--bp-xs: 480px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1200px;--bp-2xl: 1440px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-color-scheme:dark){:root{--color-bg: var(--color-bg-dark);--color-bg-card: var(--color-bg-card-dark);--color-bg-secondary: var(--color-bg-secondary-dark);--color-bg-tertiary: var(--color-bg-tertiary-dark);--color-bg-placeholder: var(--color-bg-placeholder-dark);--color-text-main: var(--color-text-main-dark);--color-text-secondary: var(--color-text-secondary-dark);--color-text-tertiary: var(--color-text-tertiary-dark);--color-border: var(--color-border-dark);--glass-border: var(--glass-border-dark)}}@media(prefers-color-scheme:light){:root{--color-bg: var(--color-bg-light);--color-bg-card: var(--color-bg-card-light);--color-bg-secondary: var(--color-bg-secondary-light);--color-bg-tertiary: var(--color-bg-tertiary-light);--color-bg-placeholder: var(--color-bg-placeholder-light);--color-text-main: var(--color-text-main-light);--color-text-secondary: var(--color-text-secondary-light);--color-text-tertiary: var(--color-text-tertiary-light);--color-border: var(--color-border-light);--glass-border: var(--glass-border-light)}}:root[data-theme=light]{--color-bg: var(--color-bg-light);--color-bg-card: var(--color-bg-card-light);--color-bg-secondary: var(--color-bg-secondary-light);--color-bg-tertiary: var(--color-bg-tertiary-light);--color-bg-placeholder: var(--color-bg-placeholder-light);--color-text-main: var(--color-text-main-light);--color-text-secondary: var(--color-text-secondary-light);--color-text-tertiary: var(--color-text-tertiary-light);--color-border: var(--color-border-light);--glass-border: var(--glass-border-light)}:root[data-theme=dark]{--color-bg: var(--color-bg-dark);--color-bg-card: var(--color-bg-card-dark);--color-bg-secondary: var(--color-bg-secondary-dark);--color-bg-tertiary: var(--color-bg-tertiary-dark);--color-bg-placeholder: var(--color-bg-placeholder-dark);--color-text-main: var(--color-text-main-dark);--color-text-secondary: var(--color-text-secondary-dark);--color-text-tertiary: var(--color-text-tertiary-dark);--color-border: var(--color-border-dark);--glass-border: var(--glass-border-dark)}.section{padding:var(--spacing-section) var(--spacing-4)}.section--sm{padding-top:var(--spacing-section-sm);padding-bottom:var(--spacing-section-sm)}.section--lg{padding-top:var(--spacing-section-lg);padding-bottom:var(--spacing-section-lg)}.section--hero-gap{padding-top:var(--spacing-section-hero-gap)}.section:first-of-type{padding-top:var(--spacing-section)}.section:last-of-type{padding-bottom:var(--spacing-section)}.section--alt{background-color:var(--color-bg-secondary)}.featured-products,.featured-articles,.contact-section{content-visibility:auto;contain-intrinsic-size:auto 600px}.container.section{padding-top:var(--spacing-section);padding-bottom:var(--spacing-section)}.section-header{text-align:center;margin-bottom:var(--spacing-section-header)}.section-header h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-2);letter-spacing:var(--letter-spacing-tight)}.section-header p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.page-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-2);letter-spacing:var(--letter-spacing-tight)}.page-intro{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:var(--font-size-lg)}.search-container{display:flex;justify-content:center;margin-bottom:var(--spacing-12)}.search-bar{position:relative;width:100%;max-width:600px;margin-bottom:var(--spacing-8)}.search-bar .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none}.search-bar input{width:100%;padding:1rem 1rem 1rem 3rem;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-base);background:var(--color-bg-card);color:var(--color-text-main);transition:border-color var(--transition-normal),transform var(--transition-normal);will-change:transform;box-shadow:var(--shadow-sm);position:relative}.search-bar input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.search-bar input::placeholder{color:var(--color-text-secondary)}.products-grid{display:grid;gap:var(--spacing-4);grid-template-columns:1fr}@media(min-width:768px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}.posts-grid{display:grid;gap:var(--spacing-4);grid-template-columns:1fr}@media(min-width:640px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.posts-grid{grid-template-columns:repeat(3,1fr)}}.grid-container{container-type:inline-size}.products-grid-cq{display:grid;gap:var(--spacing-4);grid-template-columns:1fr}@container (min-width: 480px){.products-grid-cq{grid-template-columns:repeat(2,1fr)}}@container (min-width: 768px){.products-grid-cq{grid-template-columns:repeat(3,1fr)}}@container (min-width: 1024px){.products-grid-cq{grid-template-columns:repeat(4,1fr)}}.posts-grid-cq{display:grid;gap:var(--spacing-4);grid-template-columns:1fr}@container (min-width: 480px){.posts-grid-cq{grid-template-columns:repeat(2,1fr)}}@container (min-width: 900px){.posts-grid-cq{grid-template-columns:repeat(3,1fr)}}.product-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:transform var(--transition-fast);will-change:transform;display:flex;flex-direction:column;position:relative;text-decoration:none;color:inherit;isolation:isolate}.product-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:var(--shadow-lg);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;z-index:-1}.product-card:hover{transform:translateY(-4px)}.product-card:hover:before{opacity:1}.product-card:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.product-card__image{aspect-ratio:1;overflow:hidden;background:var(--color-bg-placeholder);position:relative;contain-intrinsic-size:480px 480px;border-radius:var(--radius-md) var(--radius-md) 0 0}.product-card__image img,.product-card__image picture img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--transition-normal)}.product-card:hover .product-card__image img{transform:scale(1.05)}.product-card__content{padding:var(--spacing-4);flex:1;display:flex;flex-direction:column}.product-card h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-2);color:var(--color-text-main)}.product-card .brand{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-3)}.post-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;transition:transform var(--transition-fast);will-change:transform;position:relative;text-decoration:none;color:inherit;isolation:isolate}.post-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:var(--shadow-hover);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;z-index:-1}.post-card:hover{transform:translateY(-5px)}.post-card:hover:before{opacity:1}.post-card:hover .post-card__image img{transform:scale(1.05)}.post-card__image{aspect-ratio:16/9;overflow:hidden;position:relative;contain-intrinsic-size:600px 338px;border-radius:var(--radius-md) var(--radius-md) 0 0}.post-card__image img,.post-card__image picture img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--transition-normal)}.post-card__content{padding:var(--spacing-4);flex:1;display:flex;flex-direction:column}.post-card__content h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3);color:var(--color-text-main);line-height:1.3;letter-spacing:var(--letter-spacing-tight)}.post-card__content p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.post-card__category{display:inline-block;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-accent);margin-bottom:var(--spacing-2)}.post-card__meta{margin-top:auto;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.post-image{aspect-ratio:16/9;overflow:hidden;position:relative;contain-intrinsic-size:600px 338px}.post-image img,.post-image picture img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--transition-normal)}.post-content{padding:var(--spacing-4);flex:1;display:flex;flex-direction:column}.post-content h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3);color:var(--color-text-main);line-height:1.3}.post-content p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.post-category{display:inline-block;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.post-meta{margin-top:auto;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px;z-index:1}.badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;background-color:#000;border:1px solid var(--color-gold);backdrop-filter:blur(4px);box-shadow:var(--shadow-sm);letter-spacing:var(--letter-spacing-wide)}.new-badge{position:absolute;top:10px;left:10px;background:#000;color:#fff;border:1px solid var(--color-gold);padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:700;backdrop-filter:blur(4px);box-shadow:var(--shadow-sm);z-index:10}.new-badge svg{width:14px;height:14px;color:var(--color-gold)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-10)}#page-info{font-weight:500;color:var(--color-text-secondary)}.no-results,.empty-state{text-align:center;padding:var(--spacing-12);color:var(--color-text-secondary);font-size:var(--font-size-lg);grid-column:1/-1}.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}.text-center{text-align:center}.mt-lg{margin-top:var(--spacing-10)}.mt-md{margin-top:var(--spacing-6)}.swipe-section{padding-block:var(--spacing-section-sm)}.swipe-section--alt{background-color:var(--color-bg-secondary)}.swipe-section__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-4);padding-inline:var(--spacing-4)}@media(min-width:768px){.swipe-section__header{padding-inline:0}}.swipe-section__titles{flex:1;min-width:0}.swipe-section__title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-main);margin:0;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);position:relative;display:inline-block;padding-bottom:var(--spacing-2)}.swipe-section__title:after{content:"";position:absolute;bottom:0;left:0;width:clamp(32px,40%,64px);height:3px;background:var(--color-gold);border-radius:var(--radius-full);transform-origin:left center}@supports (animation-timeline: view()){.swipe-section__title:after{transform:scaleX(0);animation:underline-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 60%}}@keyframes underline-reveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.swipe-section__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-1) 0 0}.swipe-section__view-all{font-size:var(--font-size-sm);color:var(--color-text-main);text-decoration:none;white-space:nowrap;flex-shrink:0;font-weight:500;position:relative;display:inline-block;transition:transform var(--transition-fast)}.swipe-section__view-all:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-gold);transition:width var(--transition-fast)}.swipe-section__view-all:hover{transform:scale(1.02)}.swipe-section__view-all:hover:after{width:100%}.swipe-section__view-all:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:2px}.swipe-section__track{display:flex;gap:var(--spacing-3);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--spacing-4);-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline:var(--spacing-4);padding-block:var(--spacing-2)}.swipe-section__track::-webkit-scrollbar{display:none}@media(min-width:768px){.swipe-section__track{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);overflow-x:visible;scroll-snap-type:none;padding-inline:0}}@media(min-width:1024px){.swipe-section__track{grid-template-columns:repeat(4,1fr)}}.swipe-card{flex:0 0 calc(80% - var(--spacing-2));scroll-snap-align:start;scroll-snap-stop:always;background:var(--color-bg-card);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.swipe-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(min-width:768px){.swipe-card{flex:none}.swipe-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}}.swipe-card__image-wrapper{position:relative;overflow:hidden}.swipe-card__image{aspect-ratio:1;width:100%;height:auto;object-fit:cover;background-color:var(--color-bg-secondary);transition:transform .3s ease}@media(min-width:768px){.swipe-card:hover .swipe-card__image{transform:scale(1.05)}}.swipe-card--blog .swipe-card__image{aspect-ratio:16/9}.swipe-card__info{padding:var(--spacing-3);flex:1;display:flex;flex-direction:column}.swipe-card__category{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.swipe-card__title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-main);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 var(--spacing-1)}.swipe-card__meta{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.swipe-card__badge{position:absolute;top:var(--spacing-2);left:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-sm);z-index:1;background-color:#000;color:#fff;border:1px solid var(--color-gold);backdrop-filter:blur(4px);box-shadow:var(--shadow-sm)}.swipe-section__footer{display:flex;justify-content:center;align-items:center;padding-top:var(--spacing-4);padding-inline:var(--spacing-4)}@media(min-width:768px){.swipe-section__footer{display:none}}.swipe-section__indicators{display:flex;gap:var(--spacing-2)}@media(min-width:768px){.swipe-section__indicators{display:none}}.swipe-section__dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-border);transition:background-color .2s ease}.swipe-section__dot.is-active{background-color:var(--color-accent)}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text-main)}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-4)}.glass{background:var(--color-bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-3)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-4);font-size:var(--font-size-base)}.text-secondary{color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-full);font-weight:500;transition:opacity var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast);will-change:transform;font-size:var(--font-size-sm);cursor:pointer;text-decoration:none;border:none}.btn--primary{background-color:var(--color-text-main);color:var(--color-bg)}.btn--primary:hover{opacity:.9;transform:scale(1.05)}.btn--secondary{background-color:var(--color-bg-secondary);color:var(--color-text-main)}.btn--secondary:hover{background-color:var(--color-bg-tertiary)}.btn--outline{border:1px solid var(--color-text-main);color:var(--color-text-main);background:transparent}.btn--outline:hover{background-color:var(--color-text-main);color:var(--color-bg)}.btn--accent{background-color:var(--color-accent);color:#fff}.btn--accent:hover{background-color:var(--color-accent-hover)}.btn--danger{background-color:var(--color-danger);color:#fff}.btn--danger:hover{opacity:.9}.btn--sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}.btn--lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-base)}.btn--block{width:100%}.btn--disabled,.btn:disabled{opacity:.5;pointer-events:none}.card-hover-effect{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card-hover-effect:hover{transform:scale(1.1);box-shadow:var(--shadow-hover);z-index:1}.container-query,.container-query-named{container-type:inline-size}.container-wide{width:100%;max-width:var(--container-width-wide);margin:0 auto;padding:0 var(--spacing-4)}.card-grid-cq{display:grid;gap:var(--spacing-4);grid-template-columns:1fr;container-type:inline-size;container-name:card-grid}@container card-grid (min-width: 500px){.card-grid-cq{grid-template-columns:repeat(2,1fr)}}@container card-grid (min-width: 800px){.card-grid-cq{grid-template-columns:repeat(3,1fr)}}@container card-grid (min-width: 1100px){.card-grid-cq{grid-template-columns:repeat(4,1fr)}}.article-grid-cq{display:grid;gap:var(--spacing-4);grid-template-columns:1fr;container-type:inline-size;container-name:article-grid}@container article-grid (min-width: 600px){.article-grid-cq{grid-template-columns:repeat(2,1fr)}}@container article-grid (min-width: 900px){.article-grid-cq{grid-template-columns:repeat(3,1fr)}}.img-responsive{display:block;max-width:100%;height:auto}.img-cover{object-fit:cover;width:100%;height:100%}.img-contain{object-fit:contain;width:100%;height:100%}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.aspect-photo{aspect-ratio:4/3}.aspect-portrait{aspect-ratio:3/4}@media print{header,footer,nav,.cart-icon,.theme-toggle,.btn,.skip-link{display:none!important}body{background:#fff!important;color:#000!important}a[href]:after{content:" (" attr(href) ")";font-size:.8em;color:#666}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}img{max-width:100%!important;page-break-inside:avoid}.card,article,.product-card{page-break-inside:avoid}h1,h2{page-break-after:avoid}}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);z-index:10000;padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-accent, #0071e3);color:#fff;text-decoration:none;font-weight:600;font-size:var(--font-size-base, 1rem);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-md);transition:top .3s ease}.skip-link:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--shadow-lg);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}.skip-link:focus{top:var(--spacing-3, .5rem);outline:3px solid var(--color-accent, #0071e3);outline-offset:2px}.skip-link:focus:after{opacity:1}.skip-link:hover{background-color:var(--color-accent-hover, #0077ed)}@media(prefers-contrast:high){.skip-link{border:2px solid currentColor}}@media(prefers-reduced-motion:reduce){.skip-link{transition:none}.skip-link:after{transition:none}}