@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap";.header{position:sticky;top:0;z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);transition:background-color var(--duration-slow) var(--ease-out),border-color var(--duration-slow) var(--ease-out)}.header__container{max-width:var(--container-max);margin:0 auto;padding:var(--space-4) var(--container-padding);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.header__logo{display:flex;align-items:center;flex-shrink:0}.header__logo img{height:56px;width:auto;transition:opacity var(--duration-fast) var(--ease-out)}.header__logo:hover img{opacity:.8}.header__nav{display:flex;align-items:center;gap:var(--space-6)}.header__nav-link{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);letter-spacing:.02em;padding:var(--space-2) 0;position:relative;transition:color var(--duration-fast) var(--ease-out)}.header__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-text);transition:width var(--duration-base) var(--ease-out)}.header__nav-link:hover{color:var(--color-text)}.header__nav-link:hover:after{width:100%}.header__nav-link--mobile,.header__mobile-shop{display:none}.header__dropdown{position:relative}.header__nav-link--has-dropdown{display:flex;align-items:center;gap:var(--space-1)}.header__dropdown-arrow{transition:transform var(--duration-fast) var(--ease-out)}.header__dropdown:hover .header__dropdown-arrow{transform:rotate(180deg)}.header__dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);min-width:320px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),visibility var(--duration-base) var(--ease-out)}.header__dropdown-menu--open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.header__dropdown-menu:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}.header__dropdown-content{padding:var(--space-5);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.header__dropdown-column{display:flex;flex-direction:column;gap:var(--space-2)}.header__dropdown-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-1)}.header__dropdown-link{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-2) 0;transition:color var(--duration-fast) var(--ease-out),padding-left var(--duration-fast) var(--ease-out)}.header__dropdown-link:hover{color:var(--color-text);padding-left:var(--space-2)}.header__dropdown-footer{grid-column:1 / -1;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.header__dropdown-view-all{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-accent);transition:gap var(--duration-fast) var(--ease-out)}.header__dropdown-view-all:hover{gap:var(--space-3)}.header__dropdown-view-all svg{transition:transform var(--duration-fast) var(--ease-out)}.header__dropdown-view-all:hover svg{transform:translate(4px)}.header__actions{display:flex;align-items:center;gap:var(--space-2)}.header__icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.header__icon-btn:hover{color:var(--color-text);background:var(--color-surface)}.header__user-menu{display:flex;align-items:center;gap:var(--space-1)}.header__cart{position:relative}.header__cart-count{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:var(--color-text);color:var(--color-bg);font-size:10px;font-weight:600;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.header__menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;gap:6px;background:none;border:none;cursor:pointer;padding:0}.header__menu-line{width:20px;height:1.5px;background:var(--color-text);transition:transform var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.header__menu-line.open:first-child{transform:translateY(3.75px) rotate(45deg)}.header__menu-line.open:last-child{transform:translateY(-3.75px) rotate(-45deg)}.header__overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.header__icon-btn--desktop{display:flex}@media (max-width: 768px){.header__container{padding:var(--space-3) var(--container-padding)}.header__logo img{height:44px}.header__menu-toggle{display:flex;order:-1}.header__dropdown{display:none}.header__mobile-shop{display:block;width:100%}.header__mobile-shop-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;font-size:var(--text-base);font-weight:500;padding:var(--space-3) 0;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);cursor:pointer}.header__mobile-shop-toggle:after{display:none}.header__mobile-shop-arrow{transition:transform var(--duration-base) var(--ease-out)}.header__mobile-shop-arrow--open{transform:rotate(180deg)}.header__mobile-shop-menu{max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-out)}.header__mobile-shop-menu--open{max-height:500px}.header__mobile-category-title{display:block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:var(--space-3) 0 var(--space-2) var(--space-4);margin-top:var(--space-2)}.header__mobile-category-title:first-child{margin-top:var(--space-3)}.header__mobile-category-link{display:block;font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-2) 0 var(--space-2) var(--space-6);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.header__mobile-category-link:hover{color:var(--color-text);background:var(--color-surface)}.header__mobile-view-all{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-accent);padding:var(--space-3) 0 var(--space-3) var(--space-4);margin-top:var(--space-2);border-top:1px solid var(--color-border)}.header__nav{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--color-bg);flex-direction:column;align-items:flex-start;padding:var(--space-8) var(--space-5);gap:0;transform:translate(-100%);transition:transform var(--duration-slow) var(--ease-out);z-index:100;border-right:1px solid var(--color-border);overflow-y:auto}.header__nav--open{transform:translate(0)}.header__nav-link{font-size:var(--text-base);padding:var(--space-3) 0;width:100%;border-bottom:1px solid var(--color-border)}.header__nav-link:after{display:none}.header__nav-link--mobile,.header__overlay{display:block}.header__icon-btn--desktop{display:none}.header__actions{gap:var(--space-1)}.header__icon-btn{width:36px;height:36px}.header__icon-btn svg{width:18px;height:18px}}@media (max-width: 320px){.header__container{padding:var(--space-2) var(--container-padding);gap:var(--space-3)}.header__logo img{height:36px}.header__menu-toggle{width:32px;height:32px}.header__menu-line{width:16px}.header__nav{width:240px;padding:var(--space-6) var(--space-4)}.header__nav-link{font-size:var(--text-sm);padding:var(--space-3) 0}.header__mobile-shop-toggle{font-size:var(--text-sm)}.header__mobile-category-title{padding-left:var(--space-3)}.header__mobile-category-link{padding-left:var(--space-5)}.header__mobile-view-all{padding-left:var(--space-3)}.header__actions{gap:0}.header__icon-btn{width:32px;height:32px}.header__icon-btn svg{width:16px;height:16px}.header__cart-count{top:2px;right:2px;min-width:14px;height:14px;font-size:8px}}@media (prefers-reduced-motion: reduce){.header__dropdown-menu,.header__dropdown-arrow,.header__mobile-shop-menu,.header__mobile-shop-arrow{transition:none}}.footer{margin-top:auto;background:var(--color-surface);border-top:1px solid var(--color-border)}.footer__container{max-width:var(--container-max);margin:0 auto;padding:var(--space-10) var(--container-padding) var(--space-6);display:flex;flex-direction:column;gap:var(--space-8)}.footer__brand-section{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.footer__logo img{height:48px;width:auto;opacity:.9;transition:opacity var(--duration-fast) var(--ease-out)}.footer__logo:hover img{opacity:1}.footer__tagline{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.footer__social{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.footer__social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-secondary);background:var(--color-bg-elevated);border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.footer__social a:hover{color:var(--color-text);background:var(--color-surface-hover);transform:translateY(-2px)}.footer__links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}.footer__column{display:flex;flex-direction:column;gap:var(--space-3)}.footer__column h4{font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1);letter-spacing:.02em}.footer__column a{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.footer__column a:hover{color:var(--color-text)}.footer__shop-links{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-6)}.footer__info-bar{padding:var(--space-4) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.footer__benefits{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.footer__benefits span{font-size:var(--text-sm);color:var(--color-text-secondary)}.footer__bottom{display:flex;justify-content:space-between;align-items:center}.footer__copyright{font-size:var(--text-xs);color:var(--color-text-muted)}.footer__legal-links{display:flex;gap:var(--space-5)}.footer__legal-links a{font-size:var(--text-xs);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out)}.footer__legal-links a:hover{color:var(--color-text-secondary)}@media (max-width: 900px){.footer__links-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.footer__benefits{gap:var(--space-5)}}@media (max-width: 640px){.footer__container{padding:var(--space-8) var(--container-padding) var(--space-5);gap:var(--space-6)}.footer__brand-section{align-items:center;text-align:center}.footer__links-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.footer__column{gap:var(--space-2)}.footer__shop-links{grid-template-columns:1fr;gap:var(--space-2)}.footer__column h4,.footer__column a{font-size:var(--text-xs)}.footer__benefits{flex-direction:column;gap:var(--space-2);align-items:center}.footer__benefits span{font-size:var(--text-xs)}.footer__bottom{flex-direction:column;gap:var(--space-3);text-align:center}.footer__legal-links{gap:var(--space-4);flex-wrap:wrap;justify-content:center}}@media (max-width: 320px){.footer__container{padding:var(--space-6) var(--container-padding) var(--space-4);gap:var(--space-5)}.footer__logo img{height:36px}.footer__links-grid{grid-template-columns:1fr 1fr;gap:var(--space-4)}.footer__social a{width:36px;height:36px}.footer__social svg{width:16px;height:16px}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.announcement-bar{background:#1a1a1a;color:var(--bar-text, #fff);padding:.875rem 0;text-align:center;position:relative;z-index:1001;font-size:.8125rem;line-height:1;overflow:hidden;box-shadow:0 1px 3px #0000001a}.announcement-bar__container{width:100%;display:flex;align-items:center;justify-content:center;position:relative}.marquee-track{width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 3%,black 97%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 3%,black 97%,transparent)}.marquee-content{display:flex;align-items:center;width:max-content;animation:marquee 50s linear infinite}.announcement-bar:hover .marquee-content{animation-play-state:paused}.marquee-block{display:flex;align-items:center;gap:0;padding-right:0}.marquee-logo{height:18px;width:auto;margin-right:1.25rem;opacity:.95;filter:brightness(1.1)}.marquee-item{display:inline-flex;align-items:center;gap:0}.marquee-text{font-family:var(--font-display, "Instrument Sans", system-ui, sans-serif);font-weight:600;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.marquee-separator{display:inline-block;margin:0 1rem;opacity:.5;font-size:.5rem}.marquee-promo .marquee-text{color:#fff}.marquee-promo strong{font-family:SF Mono,Fira Code,Monaco,monospace;font-weight:700;letter-spacing:.08em;background:#ffffff26;padding:.2em .5em;border-radius:4px;margin-left:.25em}.announcement-bar__link{color:inherit;text-decoration:none;display:block;width:100%}.announcement-bar__link:hover{text-decoration:none}.announcement-bar__dismiss{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:inherit;cursor:pointer;padding:.375rem;display:flex;align-items:center;justify-content:center;opacity:.7;transition:all .2s ease;border-radius:4px;z-index:10}.announcement-bar__dismiss:hover{opacity:1;background:#fff3;transform:translateY(-50%) scale(1.05)}.announcement-bar__dismiss:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@media (max-width: 768px){.announcement-bar{padding:.75rem 0}.marquee-logo{height:14px;margin-right:1rem}.marquee-text{font-size:.6875rem;letter-spacing:.1em}.marquee-separator{margin:0 .75rem}.announcement-bar__dismiss{right:.5rem;padding:.25rem}}@media (max-width: 480px){.announcement-bar{padding:.625rem 0}.marquee-logo{height:12px;margin-right:.75rem}.marquee-text{font-size:.625rem;letter-spacing:.08em}.marquee-separator{margin:0 .5rem}.marquee-content{animation-duration:35s}}@media (prefers-reduced-motion: reduce){.marquee-content{animation:none}.marquee-block:not(:first-child){display:none}.marquee-track{mask-image:none;-webkit-mask-image:none}.marquee-content{justify-content:center}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.main-content{flex:1;width:100%}.main-content--contained{max-width:var(--container-max);margin:0 auto;padding:var(--space-6) var(--container-padding)}.optimized-image{position:relative;overflow:hidden;background:var(--color-surface);border-radius:var(--radius-md)}.optimized-image__skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-bg-elevated) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.optimized-image--loaded .optimized-image__skeleton{opacity:0;transition:opacity .3s ease-out}.optimized-image__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease-out,transform .4s ease-out}.optimized-image--loaded .optimized-image__img{opacity:1}.optimized-image:hover .optimized-image__img{transform:scale(1.02)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion: reduce){.optimized-image__skeleton{animation:none;background:var(--color-surface)}.optimized-image__img{transition:none}.optimized-image:hover .optimized-image__img{transform:none}}.product-card{display:block;position:relative}.product-card__image-wrapper{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--color-surface);margin-bottom:var(--space-4);border-radius:var(--radius-md);cursor:pointer}.product-card__image-wrapper:focus{outline:2px solid var(--color-text);outline-offset:2px}.product-card__image-wrapper:focus:not(:focus-visible){outline:none}.product-card__image{width:100%;height:100%}.product-card__image .optimized-image__img{transition:transform var(--duration-slow) var(--ease-out)}.product-card:hover .product-card__image .optimized-image__img{transform:scale(1.03)}.product-card__info{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);text-decoration:none;color:inherit}.product-card__info:hover .product-card__name{color:var(--color-text-secondary)}.product-card__name{font-size:var(--text-base);font-weight:400;color:var(--color-text);letter-spacing:-.01em;line-height:1.4;margin:0;transition:color var(--duration-fast) var(--ease-out)}.product-card__price{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500;flex-shrink:0}.quick-add-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--duration-base) var(--ease-out),visibility var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.quick-add-overlay--visible{opacity:1;visibility:visible;transform:translateY(0)}.quick-add-overlay__controls{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius-md);box-shadow:0 4px 20px #00000026}.quick-add-overlay__loading{display:flex;justify-content:center;align-items:center;padding:var(--space-2)}.quick-add-overlay__colors{display:flex;justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.quick-add-overlay__color-swatch{--swatch-color: #888;width:24px;height:24px;border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--swatch-color);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);padding:0;flex-shrink:0}.quick-add-overlay__color-swatch:hover{transform:scale(1.15);border-color:var(--color-text-secondary)}.quick-add-overlay__color-swatch--selected{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-text);transform:scale(1.1)}.quick-add-overlay__more{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500;padding-left:var(--space-1)}.quick-add-overlay__sizes{display:flex;justify-content:center;gap:var(--space-1);flex-wrap:wrap}.quick-add-overlay__size{min-width:36px;height:32px;padding:0 var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;color:var(--color-text);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.quick-add-overlay__size:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-text-secondary)}.quick-add-overlay__size--selected{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.quick-add-overlay__size--selected:hover:not(:disabled){background:var(--color-text);border-color:var(--color-text)}.quick-add-overlay__size--unavailable{opacity:.35;cursor:not-allowed;text-decoration:line-through}.quick-add-overlay__add-btn{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-text);border:none;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-bg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-1)}.quick-add-overlay__add-btn:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.quick-add-overlay__add-btn:disabled{opacity:.5;cursor:not-allowed}.quick-add-overlay__add-btn--added{background:#22c55e;color:#fff}.quick-add-overlay__spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.quick-add-overlay--compact .quick-add-overlay__controls{padding:var(--space-2);gap:var(--space-1)}.quick-add-overlay--compact .quick-add-overlay__colors{padding-bottom:var(--space-1)}.quick-add-overlay--compact .quick-add-overlay__color-swatch{width:20px;height:20px}.quick-add-overlay--compact .quick-add-overlay__size{min-width:28px;height:26px;font-size:10px}.quick-add-overlay--compact .quick-add-overlay__add-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);margin-top:0}@media (max-width: 768px){.quick-add-overlay--compact{padding:var(--space-1)}.quick-add-overlay--compact .quick-add-overlay__controls{padding:var(--space-2);gap:4px}.quick-add-overlay--compact .quick-add-overlay__colors{gap:var(--space-1);padding-bottom:4px;border-bottom:none}.quick-add-overlay--compact .quick-add-overlay__color-swatch{width:18px;height:18px}.quick-add-overlay--compact .quick-add-overlay__color-swatch--selected{box-shadow:0 0 0 1px var(--color-bg),0 0 0 2px var(--color-text)}.quick-add-overlay--compact .quick-add-overlay__sizes{gap:2px}.quick-add-overlay--compact .quick-add-overlay__size{min-width:22px;height:20px;padding:0 4px;font-size:9px}.quick-add-overlay--compact .quick-add-overlay__add-btn{padding:4px var(--space-2);font-size:10px}}@media (max-width: 480px){.quick-add-overlay--compact .quick-add-overlay__controls{padding:6px;gap:3px}.quick-add-overlay--compact .quick-add-overlay__colors{gap:4px;padding-bottom:3px}.quick-add-overlay--compact .quick-add-overlay__color-swatch{width:16px;height:16px}.quick-add-overlay--compact .quick-add-overlay__sizes{gap:2px}.quick-add-overlay--compact .quick-add-overlay__size{min-width:20px;height:18px;padding:0 3px;font-size:8px}.quick-add-overlay--compact .quick-add-overlay__add-btn{padding:4px 8px;font-size:9px}}@media (max-width: 768px){.product-card__info{flex-direction:column;gap:var(--space-1)}.quick-add-overlay{padding:var(--space-2)}.quick-add-overlay__controls{padding:var(--space-3);gap:var(--space-2)}.quick-add-overlay__colors{gap:var(--space-3);padding-bottom:var(--space-3)}.quick-add-overlay__color-swatch{width:28px;height:28px}.quick-add-overlay__size{min-width:36px;height:32px;font-size:var(--text-xs)}.quick-add-overlay__add-btn{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}}@media (max-width: 480px){.quick-add-overlay__colors{gap:var(--space-2)}.quick-add-overlay__color-swatch{width:26px;height:26px}.quick-add-overlay__sizes{gap:var(--space-1)}.quick-add-overlay__size{min-width:32px;height:30px;padding:0 var(--space-2)}}@media (prefers-reduced-motion: reduce){.product-card__image .optimized-image__img{transition:none}.quick-add-overlay{transition:opacity var(--duration-fast) var(--ease-out);transform:none}.quick-add-overlay--visible{transform:none}.quick-add-overlay__color-swatch,.quick-add-overlay__size,.quick-add-overlay__add-btn{transition:none}.quick-add-overlay__spinner{animation:none}}.home{width:100%}.hero{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-10) var(--container-padding);position:relative;background:var(--color-bg)}.hero__content{max-width:800px}.hero__title{font-size:var(--text-7xl);font-weight:600;letter-spacing:-.04em;line-height:.95;margin-bottom:var(--space-5);color:var(--color-text)}.hero__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--space-7);line-height:1.7}.hero__cta{display:inline-flex;align-items:center;padding:var(--space-4) var(--space-7);background:var(--color-text);color:var(--color-bg);font-size:var(--text-sm);font-weight:500;letter-spacing:.04em;border-radius:var(--radius-full);transition:transform var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.hero__cta:hover{transform:translateY(-2px);opacity:.9}.hero__scroll-hint{position:absolute;bottom:var(--space-7);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;opacity:0}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollHintReveal{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hero__title{animation:fadeSlideUp var(--duration-entrance) var(--ease-reveal) both;animation-delay:0ms}.hero__subtitle{animation:fadeSlideUp var(--duration-entrance) var(--ease-reveal) both;animation-delay:80ms}.hero__cta{animation:fadeSlideUp var(--duration-entrance) var(--ease-reveal) both;animation-delay:.16s}.hero__scroll-hint{animation:scrollHintReveal var(--duration-entrance) var(--ease-reveal) .3s forwards,float 2s ease-in-out 1s infinite}.products-section{width:100%;padding:var(--space-10) var(--container-padding)}.products-section__inner{max-width:var(--container-wide);margin:0 auto}.products-section__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-7);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.products-section__title{font-size:var(--text-2xl);font-weight:500;letter-spacing:-.02em}.products-section__link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500;transition:color var(--duration-fast) var(--ease-out)}.products-section__link:hover{color:var(--color-text)}.products-section__link svg{transition:transform var(--duration-fast) var(--ease-out)}.products-section__link:hover svg{transform:translate(4px)}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (min-width: 1400px){.products-grid{grid-template-columns:repeat(4,1fr)}}.products-grid--home{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.products-grid--home{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.products-grid--home{grid-template-columns:repeat(2,1fr)}}.product-item{display:block;text-decoration:none;color:inherit}.product-item__image{margin-bottom:var(--space-4);border-radius:var(--radius-md);overflow:hidden}.product-item__image.optimized-image{aspect-ratio:4 / 5}.product-item:hover .product-item__image .optimized-image__img{transform:scale(1.03)}.product-item__info{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.product-item__name{font-size:var(--text-base);font-weight:500;color:var(--color-text);line-height:1.4;margin:0}.product-item__price{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.products-grid.reveal .product-item,.products-grid.reveal .product-card{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease-reveal),transform .5s var(--ease-reveal)}.products-grid.reveal--visible .product-item,.products-grid.reveal--visible .product-card{opacity:1;transform:translateY(0)}.products-grid.reveal--visible .product-item:nth-child(1),.products-grid.reveal--visible .product-card:nth-child(1){transition-delay:0ms}.products-grid.reveal--visible .product-item:nth-child(2),.products-grid.reveal--visible .product-card:nth-child(2){transition-delay:60ms}.products-grid.reveal--visible .product-item:nth-child(3),.products-grid.reveal--visible .product-card:nth-child(3){transition-delay:.12s}.products-grid.reveal--visible .product-item:nth-child(4),.products-grid.reveal--visible .product-card:nth-child(4){transition-delay:.18s}.products-grid.reveal--visible .product-item:nth-child(5),.products-grid.reveal--visible .product-card:nth-child(5){transition-delay:.24s}.products-grid.reveal--visible .product-item:nth-child(6),.products-grid.reveal--visible .product-card:nth-child(6){transition-delay:.3s}.products-grid.reveal--visible .product-item:nth-child(7),.products-grid.reveal--visible .product-card:nth-child(7){transition-delay:.36s}.products-grid.reveal--visible .product-item:nth-child(8),.products-grid.reveal--visible .product-card:nth-child(8){transition-delay:.42s}.story-section{padding:var(--space-10) var(--container-padding);background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.story-section__content{max-width:var(--container-narrow);margin:0 auto;text-align:center}.story-section__label{display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4)}.story-section__title{font-size:var(--text-3xl);font-weight:500;letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--space-5);color:var(--color-text)}.story-section__text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-6)}.story-section__link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-text);transition:color var(--duration-fast) var(--ease-out)}.story-section__link:hover{color:var(--color-accent)}.story-section__link svg{transition:transform var(--duration-fast) var(--ease-out)}.story-section__link:hover svg{transform:translate(4px)}.collection-section{display:grid;grid-template-columns:1fr 1fr;min-height:80vh}.collection-section__visual{background:var(--color-surface);overflow:hidden}.collection-section__visual img{width:100%;height:100%;object-fit:cover}.collection-section__content{display:flex;flex-direction:column;justify-content:center;padding:var(--space-10);max-width:500px}.collection-section__label{display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4)}.collection-section__title{font-size:var(--text-4xl);font-weight:500;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-5);color:var(--color-text)}.collection-section__text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-7)}.collection-section__cta{display:inline-flex;align-items:center;padding:var(--space-4) var(--space-6);background:transparent;color:var(--color-text);font-size:var(--text-sm);font-weight:500;letter-spacing:.02em;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);width:fit-content}.collection-section__cta:hover{background:var(--color-surface);border-color:var(--color-text)}.newsletter-section{padding:var(--space-10) var(--container-padding);background:var(--color-bg)}.newsletter-section__content{max-width:480px;margin:0 auto;text-align:center}.newsletter-section__title{font-size:var(--text-2xl);font-weight:500;letter-spacing:-.02em;margin-bottom:var(--space-3)}.newsletter-section__text{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.newsletter-section__form{display:flex;gap:var(--space-3);max-width:400px;margin:0 auto}.newsletter-section__input{flex:1;padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text)}.newsletter-section__input::placeholder{color:var(--color-text-muted)}.newsletter-section__input:focus{outline:none;border-color:var(--color-text)}.newsletter-section__button{padding:var(--space-3) var(--space-5);background:var(--color-text);color:var(--color-bg);font-size:var(--text-sm);font-weight:500;border:none;border-radius:var(--radius-full);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out);white-space:nowrap}.newsletter-section__button:hover{opacity:.85}.newsletter-section__success{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-accent)}.newsletter-section__error{margin-top:var(--space-4);font-size:var(--text-sm);color:#ef4444}.story-section__content.reveal{opacity:0;transform:translateY(12px);transition:opacity var(--duration-entrance) var(--ease-reveal),transform var(--duration-entrance) var(--ease-reveal)}.story-section__content.reveal--visible{opacity:1;transform:translateY(0)}.collection-section__content.reveal{opacity:0;transform:translateY(12px);transition:opacity var(--duration-entrance) var(--ease-reveal),transform var(--duration-entrance) var(--ease-reveal)}.collection-section__content.reveal--visible{opacity:1;transform:translateY(0)}.newsletter-section__content.reveal{opacity:0;transform:translateY(12px);transition:opacity var(--duration-entrance) var(--ease-reveal),transform var(--duration-entrance) var(--ease-reveal)}.newsletter-section__content.reveal--visible{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.products-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.collection-section{min-height:auto}.collection-section__content{padding:var(--space-8)}}@media (max-width: 768px){.hero{min-height:80vh;padding:var(--space-9) var(--container-padding)}.hero__title{font-size:var(--text-5xl)}.hero__subtitle{font-size:var(--text-base)}.hero__scroll-hint{display:none}.products-section{padding:var(--space-8) var(--container-padding)}.products-section__header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.products-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.products-grid--home{grid-template-columns:repeat(2,1fr)}.product-item__info{flex-direction:column;gap:var(--space-1)}.story-section{padding:var(--space-8) var(--container-padding)}.story-section__title{font-size:var(--text-2xl)}.collection-section{grid-template-columns:1fr}.collection-section__visual{aspect-ratio:4 / 3}.collection-section__content{padding:var(--space-7) var(--container-padding);max-width:none}.collection-section__title{font-size:var(--text-3xl)}.newsletter-section{padding:var(--space-8) var(--container-padding)}.newsletter-section__form{flex-direction:column;gap:var(--space-3)}.newsletter-section__input,.newsletter-section__button{width:100%;text-align:center}}@media (max-width: 480px){.hero__title{font-size:var(--text-4xl)}.products-grid{grid-template-columns:1fr;gap:var(--space-6)}.products-grid--home{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.product-item__image.optimized-image{aspect-ratio:3 / 4}}@media (max-width: 320px){.hero{min-height:70vh;padding:var(--space-7) var(--container-padding)}.hero__title{font-size:var(--text-3xl)}.hero__subtitle{font-size:var(--text-sm);margin-bottom:var(--space-5)}.hero__cta{padding:var(--space-3) var(--space-5);font-size:var(--text-xs)}.products-section{padding:var(--space-6) var(--container-padding)}.products-section__title{font-size:var(--text-xl)}.products-grid{gap:var(--space-5)}.story-section{padding:var(--space-6) var(--container-padding)}.collection-section__content{padding:var(--space-5) var(--container-padding)}.newsletter-section{padding:var(--space-6) var(--container-padding)}.newsletter-section__title{font-size:var(--text-xl)}}@media (prefers-reduced-motion: reduce){.hero__title,.hero__subtitle,.hero__cta{animation:none;opacity:1;transform:none}.hero__scroll-hint{animation:none;opacity:1;transform:translate(-50%)}.products-grid.reveal .product-item,.story-section__content.reveal,.collection-section__content.reveal,.newsletter-section__content.reveal{opacity:1;transform:none;transition:none}.product-item__image .optimized-image__img,.products-section__link svg,.story-section__link svg{transition:none}}.products-page{width:100%;padding:var(--space-6) var(--container-padding) var(--space-10)}.products-page__container{max-width:var(--container-wide);margin:0 auto}.products-page__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.products-page__header-content{display:flex;flex-direction:column;gap:var(--space-1)}.products-page__title{font-size:var(--text-3xl);font-weight:500;letter-spacing:-.02em;color:var(--color-text)}.products-page__count{font-size:var(--text-sm);color:var(--color-text-muted)}.products-page__header-actions{display:flex;align-items:center;gap:var(--space-3)}.products-page__sort{position:relative}.products-page__sort-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--space-3) var(--space-8) var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text);cursor:pointer;min-width:160px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23666' stroke-width='1.5'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.products-page__sort-select:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.products-page__sort-select:focus{outline:none;border-color:var(--color-text)}.products-page__filter-toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);position:relative}.products-page__filter-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.products-page__filter-badge{position:absolute;top:8px;right:8px;width:6px;height:6px;background:var(--color-accent);border-radius:var(--radius-full)}.products-page__filters{max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-out),margin-bottom var(--duration-slow) var(--ease-out);margin-bottom:0}.products-page__filters--open{max-height:400px;margin-bottom:var(--space-6)}.products-page__filters-inner{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-5);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.products-page__filter-group{display:flex;flex-direction:column;gap:var(--space-2);min-width:160px}.products-page__filter-group--price{min-width:auto}.products-page__filter-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary)}.products-page__filter-input,.products-page__filter-select{padding:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);min-height:42px}.products-page__filter-input:focus,.products-page__filter-select:focus{outline:none;border-color:var(--color-text)}.products-page__filter-input--small{width:80px}.products-page__category-pills,.products-page__size-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.products-page__pill{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.products-page__pill:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-text)}.products-page__pill--active{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.products-page__pill--active:hover{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg);opacity:.9}.products-page__pill--size{min-width:44px}.products-page__price-inputs{display:flex;align-items:center;gap:var(--space-2)}.products-page__price-divider{color:var(--color-text-muted)}.products-page__clear-filters{padding:var(--space-3) var(--space-4);background:none;border:none;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-out);align-self:flex-end;margin-left:auto}.products-page__clear-filters:hover{color:var(--color-text)}.products-page__active-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.products-page__filter-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary)}.products-page__filter-tag button{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:var(--color-bg-elevated);border:none;border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.products-page__filter-tag button:hover{background:var(--color-text);color:var(--color-bg)}.products-page__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (min-width: 1400px){.products-page__grid{grid-template-columns:repeat(4,1fr)}}.product-skeleton{display:block}.product-skeleton__image{aspect-ratio:4 / 5;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-hover) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md);margin-bottom:var(--space-4)}.product-skeleton__info{display:flex;justify-content:space-between;gap:var(--space-3)}.product-skeleton__title{height:1rem;width:60%;background:var(--color-surface);border-radius:var(--radius-sm)}.product-skeleton__price{height:1rem;width:20%;background:var(--color-surface);border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.products-page__empty{grid-column:1 / -1;text-align:center;padding:var(--space-10) var(--space-4);color:var(--color-text-secondary)}.products-page__empty p{font-size:var(--text-lg);margin-bottom:var(--space-4)}.products-page__empty-action{padding:var(--space-3) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.products-page__empty-action:hover{background:var(--color-surface-hover)}@media (max-width: 1024px){.products-page__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}}@media (max-width: 768px){.products-page{padding:var(--space-4) var(--container-padding) var(--space-8)}.products-page__header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.products-page__header-actions{width:100%;justify-content:space-between}.products-page__sort-select{min-width:140px}.products-page__title{font-size:var(--text-2xl)}.products-page__filters-inner{flex-direction:column;align-items:stretch;gap:var(--space-4)}.products-page__filter-group{min-width:100%}.products-page__filter-input--small{flex:1}.products-page__clear-filters{align-self:flex-start;margin-left:0}.products-page__filters--open{max-height:600px}.products-page__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.products-page__active-filters{margin-bottom:var(--space-4)}}@media (max-width: 480px){.products-page__grid{grid-template-columns:1fr;gap:var(--space-6)}.products-page__header-actions{flex-direction:column;align-items:stretch;gap:var(--space-2)}.products-page__sort-select{width:100%}.products-page__filter-toggle{width:100%;justify-content:center}}@media (max-width: 320px){.products-page{padding:var(--space-4) var(--container-padding) var(--space-6)}.products-page__header{margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.products-page__title{font-size:var(--text-xl)}.products-page__filter-toggle{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.products-page__filters-inner{padding:var(--space-4);gap:var(--space-3)}.products-page__grid{gap:var(--space-5)}.products-page__pill{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}}.products-page__load-more{display:flex;justify-content:center;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.products-page__load-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:200px;padding:var(--space-4) var(--space-6);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.products-page__load-more-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.products-page__load-more-btn:disabled{opacity:.6;cursor:not-allowed}.products-page__spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.products-page__cache-notice{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.products-page__error{padding:var(--space-6);margin-bottom:var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#dc2626;text-align:center}.products-page__grid .product-card{display:block;text-decoration:none;color:inherit;transition:transform var(--duration-fast) var(--ease-out)}.products-page__grid .product-card:hover{transform:translateY(-4px)}.products-page__grid .product-card__image{margin-bottom:var(--space-4);border-radius:var(--radius-md);overflow:hidden}.products-page__grid .product-card__image.optimized-image{aspect-ratio:4 / 5}.products-page__grid .product-card:hover .product-card__image .optimized-image__img{transform:scale(1.05)}.products-page__grid .product-card__info{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.products-page__grid .product-card__name{font-size:var(--text-base);font-weight:500;color:var(--color-text);line-height:1.4;margin:0}.products-page__grid .product-card__price{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.products-page__page-size{display:flex;align-items:center;gap:var(--space-2)}.products-page__page-size-label{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap}.products-page__page-size-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--space-2) var(--space-6) var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text);cursor:pointer;min-width:70px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23666' stroke-width='1.5'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.products-page__page-size-select:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.products-page__page-size-select:focus{outline:none;border-color:var(--color-text)}.products-page__pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.products-page__pagination-info{font-size:var(--text-sm);color:var(--color-text-secondary)}.products-page__pagination-controls{display:flex;align-items:center;gap:var(--space-3)}.products-page__pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.products-page__pagination-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.products-page__pagination-btn:disabled{opacity:.4;cursor:not-allowed}.products-page__pagination-current{font-size:var(--text-sm);font-weight:500;color:var(--color-text);min-width:80px;text-align:center}@media (max-width: 768px){.products-page__pagination{flex-direction:column;gap:var(--space-4)}.products-page__page-size{order:-1}}@media (max-width: 480px){.products-page__header-actions{flex-wrap:wrap}.products-page__page-size{width:100%;justify-content:space-between}.products-page__page-size-select{flex:1}}@media (prefers-reduced-motion: reduce){.products-page__filters{transition:none}.product-skeleton__image,.products-page__spinner{animation:none}.products-page__grid .product-card,.products-page__grid .product-card__image .optimized-image__img,.products-page__pill,.products-page__sort-select,.products-page__pagination-btn,.products-page__page-size-select{transition:none}}:root{--font-display: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-body: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--text-6xl: 4.5rem;--text-7xl: 6rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-10: 8rem;--container-wide: 1400px;--container-max: 1200px;--container-narrow: 800px;--container-xs: 600px;--container-padding: 1.5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-reveal: cubic-bezier(.25, .1, .25, 1);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--duration-entrance: .6s;--color-bg: #FAF9F7;--color-bg-elevated: #FFFFFF;--color-surface: #F5F3F0;--color-surface-hover: #EDEAE6;--color-text: #1A1A1A;--color-text-secondary: #6B6B6B;--color-text-muted: #9A9A9A;--color-text-inverse: #FFFFFF;--color-border: rgba(26, 26, 26, .08);--color-border-strong: rgba(26, 26, 26, .15);--color-accent: #0A5563;--color-accent-hover: #084754;--color-accent-subtle: rgba(10, 85, 99, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .08)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #121212;--color-bg-elevated: #1A1A1A;--color-surface: #1E1E1E;--color-surface-hover: #262626;--color-text: #F0F0F0;--color-text-secondary: #A0A0A0;--color-text-muted: #6A6A6A;--color-text-inverse: #1A1A1A;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-accent: #2A9AAE;--color-accent-hover: #3BB0C4;--color-accent-subtle: rgba(42, 154, 174, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .4)}}[data-theme=dark]{--color-bg: #121212;--color-bg-elevated: #1A1A1A;--color-surface: #1E1E1E;--color-surface-hover: #262626;--color-text: #F0F0F0;--color-text-secondary: #A0A0A0;--color-text-muted: #6A6A6A;--color-text-inverse: #1A1A1A;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-accent: #2A9AAE;--color-accent-hover: #3BB0C4;--color-accent-subtle: rgba(42, 154, 174, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .4)}[data-theme=light]{--color-bg: #FAF9F7;--color-bg-elevated: #FFFFFF;--color-surface: #F5F3F0;--color-surface-hover: #EDEAE6;--color-text: #1A1A1A;--color-text-secondary: #6B6B6B;--color-text-muted: #9A9A9A;--color-text-inverse: #FFFFFF;--color-border: rgba(26, 26, 26, .08);--color-border-strong: rgba(26, 26, 26, .15);--color-accent: #0A5563;--color-accent-hover: #084754;--color-accent-subtle: rgba(10, 85, 99, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .08)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--duration-slow) var(--ease-out),color var(--duration-slow) var(--ease-out)}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--color-text)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{color:var(--color-text-secondary);line-height:1.7}a{text-decoration:none;color:inherit;transition:color var(--duration-fast) var(--ease-out)}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}::selection{background-color:var(--color-accent);color:var(--color-text-inverse)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.container--wide{max-width:var(--container-wide)}.container--narrow{max-width:var(--container-narrow)}.container--xs{max-width:var(--container-xs)}.section-full{width:100%}.section-padded{padding-top:var(--space-10);padding-bottom:var(--space-10);padding-left:var(--container-padding);padding-right:var(--container-padding)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(16px);transition:opacity var(--duration-entrance) var(--ease-reveal),transform var(--duration-entrance) var(--ease-reveal)}.reveal--visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){:root{--container-padding: 1rem;--text-5xl: 2.5rem;--text-6xl: 3rem;--text-7xl: 4rem;--space-10: 5rem;--space-9: 4rem}.section-padded{padding-top:var(--space-8);padding-bottom:var(--space-8)}}@media (max-width: 480px){:root{--text-5xl: 2rem;--text-6xl: 2.5rem;--text-7xl: 3rem;--space-10: 4rem;--space-9: 3rem;--space-8: 2.5rem}.section-padded{padding-top:var(--space-7);padding-bottom:var(--space-7)}}@media (max-width: 375px){:root{--container-padding: .875rem;--text-4xl: 2rem;--text-5xl: 1.75rem;--text-6xl: 2rem;--text-7xl: 2.5rem}}@media (max-width: 320px){:root{--container-padding: .75rem;--text-3xl: 1.5rem;--text-4xl: 1.75rem;--text-5xl: 1.5rem;--text-6xl: 1.75rem;--text-7xl: 2rem;--space-7: 2rem;--space-6: 1.5rem}}