@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";:root{--color-primary:#0040a1;--color-primary-container:#0056d2;--color-on-primary:#fff;--color-on-primary-container:#ccd8ff;--color-primary-fixed:#dae2ff;--color-primary-fixed-dim:#b2c5ff;--color-on-primary-fixed:#001847;--color-on-primary-fixed-variant:#0040a1;--color-inverse-primary:#b2c5ff;--color-secondary:#496178;--color-on-secondary:#fff;--color-secondary-container:#c9e2fe;--color-on-secondary-container:#4d657d;--color-secondary-fixed:#cee5ff;--color-secondary-fixed-dim:#b0c9e4;--color-on-secondary-fixed:#011d32;--color-on-secondary-fixed-variant:#31495f;--color-tertiary:#004f54;--color-on-tertiary:#fff;--color-tertiary-container:#006970;--color-on-tertiary-container:#72eaf5;--color-tertiary-fixed:#7df4ff;--color-tertiary-fixed-dim:#5dd8e2;--color-on-tertiary-fixed:#002022;--color-on-tertiary-fixed-variant:#004f54;--color-surface:#f9f9ff;--color-surface-dim:#d3daea;--color-surface-bright:#f9f9ff;--color-surface-container-lowest:#fff;--color-surface-container-low:#f0f3ff;--color-surface-container:#e7eefe;--color-surface-container-high:#e2e8f8;--color-surface-container-highest:#dce2f3;--color-surface-variant:#dce2f3;--color-surface-tint:#0056d2;--color-on-surface:#151c27;--color-on-surface-variant:#424654;--color-inverse-surface:#2a313d;--color-inverse-on-surface:#ebf1ff;--color-outline:#737785;--color-outline-variant:#c3c6d6;--color-error:#ba1a1a;--color-on-error:#fff;--color-error-container:#ffdad6;--color-on-error-container:#93000a;--color-background:#f9f9ff;--color-on-background:#151c27;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-info:#0284c7;--color-info-bg:#e0f2fe;--font-family:"Manrope", sans-serif;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-base:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:80px;--space-gutter:24px;--container-max:1280px;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-0:none;--shadow-1:0 1px 3px #151c270f, 0 1px 2px #151c270a;--shadow-2:0px 4px 20px #151c270a;--shadow-3:0px 12px 32px #151c2714;--shadow-4:0px 24px 48px #151c271f;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);color:var(--color-on-surface);background-color:var(--color-surface);min-height:100vh;font-size:16px;font-weight:400;line-height:24px}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none}input,select,textarea{font-family:var(--font-family);background:0 0;border:none;outline:none;font-size:16px}.text-h1{font:700 40px/48px var(--font-family);letter-spacing:-.02em;color:var(--color-on-surface)}.text-h2{font:700 32px/40px var(--font-family);letter-spacing:-.02em;color:var(--color-on-surface)}.text-h3{font:600 24px/32px var(--font-family);letter-spacing:-.01em;color:var(--color-on-surface)}.text-h4{font:600 20px/28px var(--font-family);letter-spacing:-.01em;color:var(--color-on-surface)}.text-body-lg{font:400 18px/28px var(--font-family);color:var(--color-on-surface)}.text-body-md{font:400 16px/24px var(--font-family);color:var(--color-on-surface)}.text-body-sm{font:400 14px/20px var(--font-family);color:var(--color-on-surface-variant)}.text-label-md{font:600 14px/16px var(--font-family);letter-spacing:.05em;text-transform:uppercase;color:var(--color-on-surface-variant)}.text-label-sm{font:600 12px/14px var(--font-family);letter-spacing:.06em;text-transform:uppercase;color:var(--color-on-surface-variant)}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-gutter);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-surface-container-low)}::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-outline)}::selection{background-color:var(--color-primary-fixed);color:var(--color-on-primary-fixed)}:focus-visible{outline:2px solid var(--color-primary-container);outline-offset:2px;border-radius:var(--radius-sm)}#root{flex-direction:column;min-height:100vh;display:flex}.header{z-index:100;background:var(--color-surface-container-lowest);border-bottom:1px solid var(--color-outline-variant);-webkit-backdrop-filter:blur(12px);position:sticky;top:0}.header__inner{justify-content:space-between;align-items:center;gap:var(--space-lg);height:64px;display:flex}.header__logo{align-items:center;gap:var(--space-sm);letter-spacing:-.02em;color:var(--color-on-surface);flex-shrink:0;font-size:20px;font-weight:700;text-decoration:none;display:flex}.header__logo-icon{background:var(--color-primary-container);width:32px;height:32px;color:var(--color-on-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;font-size:20px;font-weight:800;line-height:1;display:flex}.header__logo-text{color:var(--color-on-surface)}.header__nav{align-items:center;gap:var(--space-xl);display:flex}.header__link{color:var(--color-on-surface-variant);padding:var(--space-xs) 0;transition:color var(--transition-fast);font-size:14px;font-weight:500;text-decoration:none;position:relative}.header__link:after{content:"";background:var(--color-primary-container);border-radius:var(--radius-full);height:2px;transition:transform var(--transition-base);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.header__link:hover{color:var(--color-on-surface)}.header__link:hover:after,.header__link.active:after{transform:scaleX(1)}.header__link.active{color:var(--color-primary-container);font-weight:600}.header__link--cta{background:var(--color-primary-container);border-radius:var(--radius-full);transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);font-weight:600;color:var(--color-on-primary)!important;padding:var(--space-sm) var(--space-base)!important}.header__link--cta:after{display:none!important}.header__link--cta:hover{background:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #0056d24d;color:var(--color-on-primary)!important}.header__link--cta.active{background:var(--color-primary);color:var(--color-on-primary)!important}.header__actions{align-items:center;gap:var(--space-sm);display:flex}.header__icon-btn{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-on-surface-variant);transition:background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.header__icon-btn:hover{background:var(--color-surface-container);color:var(--color-on-surface)}.header__menu-btn{display:none}@media (width<=768px){.header__nav{background:var(--color-surface-container-lowest);padding:var(--space-lg);align-items:flex-start;gap:var(--space-lg);transition:transform var(--transition-base);z-index:99;flex-direction:column;position:fixed;inset:64px 0 0;transform:translate(-100%)}.header__nav--open{transform:translate(0)}.header__link{font-size:18px}.header__menu-btn{display:flex}}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-family);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), color var(--transition-fast);white-space:nowrap;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn--sm{height:36px;padding:0 var(--space-base);font-size:13px}.btn--md{height:44px;padding:0 var(--space-lg);font-size:14px}.btn--lg{height:52px;padding:0 var(--space-xl);font-size:16px}.btn--primary{background:var(--color-primary-container);color:var(--color-on-primary);border:none}.btn--primary:hover{background:var(--color-primary);box-shadow:var(--shadow-2)}.btn--secondary{background:var(--color-surface-container-lowest);color:var(--color-on-surface-variant);border:1px solid var(--color-outline-variant)}.btn--secondary:hover{background:var(--color-surface-container);color:var(--color-on-surface);border-color:var(--color-outline)}.btn--ghost{color:var(--color-primary-container);background:0 0;border:none;padding-left:0;padding-right:0}.btn--ghost:hover{color:var(--color-primary);text-decoration:underline}.btn--tertiary{background:var(--color-surface-container-low);color:var(--color-on-surface);border:none}.btn--tertiary:hover{background:var(--color-surface-container)}.btn--full{width:100%}.btn__icon,.btn__icon-right{flex-shrink:0}.category-card{gap:var(--space-base);padding:var(--space-lg);background:var(--color-surface-container-low);border-radius:var(--radius-xl);color:inherit;transition:background var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);flex-direction:column;text-decoration:none;display:flex}.category-card:hover{background:var(--color-surface-container-lowest);box-shadow:var(--shadow-2);transform:translateY(-3px)}.category-card__icon-wrap{border-radius:var(--radius-lg);background:var(--color-primary-fixed);width:56px;height:56px;color:var(--color-primary-container);justify-content:center;align-items:center;display:flex}.category-card:hover .category-card__icon-wrap{background:var(--color-primary-container);color:var(--color-on-primary)}.category-card__content{flex:1}.category-card__title{color:var(--color-on-surface);margin-bottom:var(--space-xs);font-size:20px;font-weight:700}.category-card__desc{color:var(--color-on-surface-variant);font-size:14px;line-height:1.5}.category-card__link{align-items:center;gap:var(--space-xs);color:var(--color-primary-container);transition:gap var(--transition-fast);font-size:14px;font-weight:600;display:inline-flex}.category-card:hover .category-card__link{gap:var(--space-sm)}.product-card{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);color:inherit;transition:box-shadow var(--transition-base), border-color var(--transition-base), transform var(--transition-base);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-2);border-color:var(--color-primary-fixed-dim);transform:translateY(-2px)}.product-card__image{aspect-ratio:4/3;background:var(--color-surface-container-low);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.product-card__image-placeholder{color:var(--color-outline-variant);opacity:.6}.product-card__stock{top:var(--space-md);right:var(--space-md);border-radius:var(--radius-full);letter-spacing:.02em;padding:4px 10px;font-size:11px;font-weight:600;position:absolute}.product-card__stock--in{background:var(--color-success-bg);color:var(--color-success)}.product-card__stock--limited{background:var(--color-warning-bg);color:var(--color-warning)}.product-card__stock--out{background:var(--color-error-container);color:var(--color-error)}.product-card__body{padding:var(--space-base);gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.product-card__sku{color:var(--color-primary-container);letter-spacing:.04em;font-size:12px;font-weight:600}.product-card__name{color:var(--color-on-surface);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.product-card__desc{color:var(--color-on-surface-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.product-card__bottom{padding-top:var(--space-sm);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.product-card__price{color:var(--color-on-surface);font-size:16px;font-weight:700}.product-card__action{border-radius:var(--radius-full);background:var(--color-surface-container);width:32px;height:32px;color:var(--color-primary-container);transition:background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.product-card:hover .product-card__action{background:var(--color-primary-container);color:var(--color-on-primary)}.product-card__tags{gap:var(--space-xs);padding-top:var(--space-sm);border-top:1px solid var(--color-surface-container);flex-wrap:wrap;display:flex}.product-card__tag{border-radius:var(--radius-full);background:var(--color-surface-container-low);color:var(--color-on-surface-variant);padding:3px 8px;font-size:11px;font-weight:500}.product-card--compact .product-card__image{aspect-ratio:3/2}.product-card--compact .product-card__body{padding:var(--space-md)}.product-card--compact .product-card__name{font-size:14px}.footer{background:var(--color-inverse-surface);color:var(--color-inverse-on-surface);margin-top:auto}.footer__main{gap:var(--space-2xl);padding:var(--space-3xl) var(--space-gutter);grid-template-columns:1.4fr 1fr 1fr 1fr;display:grid}.footer__logo{align-items:center;gap:var(--space-sm);color:var(--color-inverse-on-surface);margin-bottom:var(--space-base);font-size:18px;font-weight:700;text-decoration:none;display:flex}.footer__logo-icon{background:var(--color-primary-container);width:28px;height:28px;color:var(--color-on-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.footer__tagline{color:#ebf1ffa6;margin-bottom:var(--space-lg);max-width:280px;font-size:14px;line-height:22px}.footer__social{gap:var(--space-md);display:flex}.footer__social-link{border-radius:var(--radius-lg);color:#ebf1ffb3;width:36px;height:36px;transition:background var(--transition-fast), color var(--transition-fast);background:#ffffff14;justify-content:center;align-items:center;display:flex}.footer__social-link:hover{background:var(--color-primary-container);color:var(--color-on-primary)}.footer__col-title{letter-spacing:.08em;text-transform:uppercase;color:#ebf1ff80;margin-bottom:var(--space-lg);font-size:13px;font-weight:700}.footer__list{gap:var(--space-md);flex-direction:column;display:flex}.footer__list a,.footer__list span{color:#ebf1ffb3;transition:color var(--transition-fast);font-size:14px}.footer__list a:hover{color:var(--color-inverse-on-surface)}.footer__list--contact li{align-items:center;gap:var(--space-sm);display:flex}.footer__list--contact svg{color:#ebf1ff66;flex-shrink:0}.footer__bottom{border-top:1px solid #ffffff14}.footer__bottom-inner{padding:var(--space-lg) var(--space-gutter);color:#ebf1ff66;justify-content:space-between;align-items:center;font-size:13px;display:flex}.footer__bottom-links{gap:var(--space-lg);display:flex}.footer__bottom-links a{color:#ebf1ff66;transition:color var(--transition-fast)}.footer__bottom-links a:hover{color:#ebf1ffb3}@media (width<=768px){.footer__main{gap:var(--space-xl);padding:var(--space-2xl) var(--space-gutter);grid-template-columns:1fr}.footer__bottom-inner{gap:var(--space-md);text-align:center;flex-direction:column}}.home__hero{background:linear-gradient(135deg, var(--color-surface-container-low) 0%, var(--color-surface) 100%);border-bottom:1px solid var(--color-outline-variant)}.home__hero-inner{gap:var(--space-3xl);padding-top:var(--space-3xl);padding-bottom:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;min-height:520px;display:grid}.home__hero-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary-container);background:var(--color-primary-fixed);border-radius:var(--radius-full);margin-bottom:var(--space-lg);padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.home__hero-title{font:700 44px/52px var(--font-family);letter-spacing:-.025em;color:var(--color-on-surface);margin-bottom:var(--space-base);max-width:540px}.home__hero-subtitle{color:var(--color-on-surface-variant);margin-bottom:var(--space-xl);max-width:480px;font-size:17px;line-height:28px}.home__hero-actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.home__hero-visual{justify-content:center;align-items:center;display:flex}.home__hero-card{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);padding:var(--space-lg);width:320px;box-shadow:var(--shadow-3)}.home__hero-card-img{background:var(--color-surface-container-low);border-radius:var(--radius-lg);width:100%;height:200px;color:var(--color-outline-variant);margin-bottom:var(--space-base);justify-content:center;align-items:center;display:flex}.home__hero-card-info{gap:var(--space-xs);flex-direction:column;display:flex}.home__hero-card-label{color:var(--color-on-surface);font-size:18px;font-weight:600}.home__hero-card-price{color:var(--color-primary-container);font-size:24px;font-weight:700}.home__hero-card-note{color:var(--color-on-surface-variant);font-size:13px}.home__section{padding:var(--space-3xl) 0}.home__section--alt{background:var(--color-surface-container-low)}.home__section-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:flex-end;gap:var(--space-lg);display:flex}.home__section-title{font:700 32px/40px var(--font-family);letter-spacing:-.02em;color:var(--color-on-surface)}.home__section-subtitle{color:var(--color-on-surface-variant);margin-top:var(--space-xs);max-width:520px;font-size:16px;line-height:24px}.home__categories-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.home__products-grid,.home__features-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.home__feature{text-align:center;padding:var(--space-xl) var(--space-base)}.home__feature-icon{border-radius:var(--radius-full);background:var(--color-primary-fixed);width:56px;height:56px;color:var(--color-primary-container);margin:0 auto var(--space-base);justify-content:center;align-items:center;display:flex}.home__feature-title{color:var(--color-on-surface);margin-bottom:var(--space-sm);font-size:17px;font-weight:700}.home__feature-desc{color:var(--color-on-surface-variant);font-size:14px;line-height:1.6}.home__cta{background:var(--color-primary);color:var(--color-on-primary)}.home__cta-inner{padding:var(--space-2xl) var(--space-gutter);justify-content:space-between;align-items:center;gap:var(--space-xl);display:flex}.home__cta-title{font:700 28px/36px var(--font-family);letter-spacing:-.02em;color:var(--color-on-primary);margin-bottom:var(--space-sm)}.home__cta-desc{opacity:.85;font-size:16px;line-height:24px}.home__cta .btn--primary{background:var(--color-surface-container-lowest);color:var(--color-primary);flex-shrink:0}.home__cta .btn--primary:hover{background:var(--color-surface-container-high)}@media (width<=1024px){.home__products-grid,.home__features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.home__hero-inner{gap:var(--space-xl);padding-top:var(--space-2xl);padding-bottom:var(--space-2xl);grid-template-columns:1fr}.home__hero-title{font-size:32px;line-height:40px}.home__hero-visual{display:none}.home__categories-grid,.home__products-grid,.home__features-grid{grid-template-columns:1fr}.home__section-header{flex-direction:column;align-items:flex-start}.home__cta-inner{text-align:center;flex-direction:column}}.catalog{flex:1}.catalog__inner{gap:var(--space-lg);padding-top:var(--space-xl);padding-bottom:var(--space-3xl);grid-template-columns:260px 1fr;display:grid}.catalog__sidebar{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);padding:var(--space-lg);transition:transform var(--transition-base);align-self:start;position:sticky;top:88px}.catalog__sidebar--closed{display:none}.catalog__sidebar-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-base);border-bottom:1px solid var(--color-surface-container)}.catalog__sidebar-title{align-items:center;gap:var(--space-sm);color:var(--color-on-surface);font-size:16px;font-weight:700;display:flex}.catalog__filter-group{margin-bottom:var(--space-lg)}.catalog__filter-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-on-surface-variant);margin-bottom:var(--space-md);font-size:13px;font-weight:700}.catalog__filter-options{gap:var(--space-sm);flex-direction:column;display:flex}.catalog__filter-option{align-items:center;gap:var(--space-sm);color:var(--color-on-surface);cursor:pointer;padding:var(--space-xs) 0;font-size:14px;display:flex}.catalog__filter-option input[type=radio]{width:16px;height:16px;accent-color:var(--color-primary-container);cursor:pointer}.catalog__filter-count{color:var(--color-outline);background:var(--color-surface-container);border-radius:var(--radius-full);margin-left:auto;padding:2px 8px;font-size:12px;font-weight:600}.catalog__topbar{justify-content:space-between;align-items:center;gap:var(--space-base);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.catalog__search-wrap{flex:1;max-width:400px;position:relative}.catalog__search-icon{left:var(--space-md);color:var(--color-outline);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.catalog__search{width:100%;height:44px;padding:0 var(--space-base) 0 40px;background:var(--color-surface-container-low);border-radius:var(--radius-full);color:var(--color-on-surface);transition:border-color var(--transition-fast), background var(--transition-fast);border:1px solid #0000;font-size:14px}.catalog__search:focus{border-color:var(--color-primary-container);background:var(--color-surface-container-lowest)}.catalog__search::placeholder{color:var(--color-outline)}.catalog__topbar-right{align-items:center;gap:var(--space-base);display:flex}.catalog__count{color:var(--color-on-surface-variant);white-space:nowrap;font-size:14px}.catalog__count strong{color:var(--color-on-surface)}.catalog__view-toggle{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);display:flex;overflow:hidden}.catalog__view-btn{width:38px;height:36px;color:var(--color-outline);transition:background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.catalog__view-btn:hover{color:var(--color-on-surface)}.catalog__view-btn--active{background:var(--color-primary-container);color:var(--color-on-primary)}.catalog__filter-toggle{align-items:center;gap:var(--space-xs);color:var(--color-on-surface-variant);padding:var(--space-sm) var(--space-base);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);font-size:14px;font-weight:600;display:none}.catalog__grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.catalog__grid--list{grid-template-columns:repeat(2,1fr)}.catalog__empty{text-align:center;padding:var(--space-3xl);color:var(--color-on-surface-variant);grid-column:1/-1;font-size:16px}@media (width<=1024px){.catalog__grid{grid-template-columns:repeat(2,1fr)}.catalog__grid--list{grid-template-columns:1fr}}@media (width<=768px){.catalog__inner{grid-template-columns:1fr}.catalog__sidebar{display:none;position:static}.catalog__sidebar--closed{display:none}.catalog__filter-toggle{display:flex}.catalog__grid{grid-template-columns:1fr}.catalog__search-wrap{max-width:100%}.catalog__topbar{flex-direction:column;align-items:stretch}.catalog__topbar-right{justify-content:space-between}}.categories-page__hero{padding:var(--space-4xl) 0 var(--space-2xl);text-align:center;background:linear-gradient(180deg, var(--color-surface-container-low) 0%, var(--color-surface) 100%)}.categories-page__badge{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-container);background:var(--color-primary-fixed);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);margin-bottom:var(--space-base);font-size:12px;font-weight:700;display:inline-block}.categories-page__title{font:700 40px/48px var(--font-family);letter-spacing:-.02em;color:var(--color-on-surface);margin-bottom:var(--space-md)}.categories-page__subtitle{font:400 18px/28px var(--font-family);color:var(--color-on-surface-variant);max-width:600px;margin:0 auto}.categories-page__grid-section{padding:var(--space-2xl) 0 var(--space-4xl)}.categories-page__grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.categories-page__cta{background:var(--color-surface-container);padding:var(--space-3xl) 0}.categories-page__cta-inner{justify-content:space-between;align-items:center;gap:var(--space-xl);display:flex}.categories-page__cta-title{font:700 28px/36px var(--font-family);letter-spacing:-.01em;color:var(--color-on-surface);margin-bottom:var(--space-sm)}.categories-page__cta-desc{font:400 16px/24px var(--font-family);color:var(--color-on-surface-variant);max-width:520px}@media (width<=768px){.categories-page__hero{padding:var(--space-3xl) 0 var(--space-xl)}.categories-page__title{font-size:28px;line-height:36px}.categories-page__grid{grid-template-columns:1fr}.categories-page__cta-inner{text-align:center;flex-direction:column}.categories-page__cta-desc{max-width:100%}}.about__hero{padding:var(--space-4xl) 0 var(--space-3xl);text-align:center;background:linear-gradient(180deg, var(--color-surface-container-low) 0%, var(--color-surface) 100%)}.about__badge{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-container);background:var(--color-primary-fixed);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);margin-bottom:var(--space-base);font-size:12px;font-weight:700;display:inline-block}.about__hero-title{font:700 44px/52px var(--font-family);letter-spacing:-.02em;color:var(--color-on-surface);max-width:720px;margin:0 auto var(--space-base)}.about__hero-subtitle{font:400 18px/28px var(--font-family);color:var(--color-on-surface-variant);max-width:640px;margin:0 auto}.about__stats{background:var(--color-primary-container);padding:var(--space-xl) 0}.about__stats-grid{gap:var(--space-lg);text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.about__stat-value{font:800 32px/40px var(--font-family);letter-spacing:-.02em;color:var(--color-on-primary);display:block}.about__stat-label{font:500 14px/20px var(--font-family);color:#fffc;margin-top:var(--space-xs);display:block}.about__section{padding:var(--space-4xl) 0}.about__section--alt{background:var(--color-surface-container-low)}.about__section-title{font:700 32px/40px var(--font-family);letter-spacing:-.02em;color:var(--color-on-surface);margin-bottom:var(--space-base)}.about__section-title--center{text-align:center}.about__section-subtitle{font:400 18px/28px var(--font-family);color:var(--color-on-surface-variant);text-align:center;max-width:560px;margin:0 auto var(--space-2xl)}.about__mission-inner{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about__mission-desc{font:400 16px/26px var(--font-family);color:var(--color-on-surface-variant);margin-bottom:var(--space-base)}.about__mission-visual{gap:var(--space-base);flex-direction:column;display:flex}.about__mission-card{align-items:center;gap:var(--space-base);padding:var(--space-lg);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);color:var(--color-primary-container);font:600 16px/24px var(--font-family);transition:transform var(--transition-base), box-shadow var(--transition-base);display:flex}.about__mission-card span{color:var(--color-on-surface)}.about__mission-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.about__values-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.about__value{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);padding:var(--space-xl);transition:transform var(--transition-base), box-shadow var(--transition-base)}.about__value:hover{box-shadow:var(--shadow-3);transform:translateY(-4px)}.about__value-icon{background:var(--color-primary-fixed);width:48px;height:48px;color:var(--color-primary-container);border-radius:var(--radius-lg);margin-bottom:var(--space-base);justify-content:center;align-items:center;display:flex}.about__value-title{font:600 18px/24px var(--font-family);color:var(--color-on-surface);margin-bottom:var(--space-sm)}.about__value-desc{font:400 14px/22px var(--font-family);color:var(--color-on-surface-variant)}.about__cta{background:var(--color-surface-container);padding:var(--space-3xl) 0}.about__cta-inner{justify-content:space-between;align-items:center;gap:var(--space-xl);display:flex}.about__cta-title{font:700 28px/36px var(--font-family);letter-spacing:-.01em;color:var(--color-on-surface);margin-bottom:var(--space-sm)}.about__cta-desc{font:400 16px/24px var(--font-family);color:var(--color-on-surface-variant);max-width:520px}@media (width<=768px){.about__hero{padding:var(--space-3xl) 0 var(--space-xl)}.about__hero-title{font-size:28px;line-height:36px}.about__stats-grid{grid-template-columns:repeat(2,1fr)}.about__mission-inner{gap:var(--space-xl);grid-template-columns:1fr}.about__values-grid{grid-template-columns:1fr}.about__cta-inner{text-align:center;flex-direction:column}.about__cta-desc{max-width:100%}}.pd__not-found{padding:var(--space-3xl) 0;text-align:center;align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.pd__breadcrumb{align-items:center;gap:var(--space-sm);padding:var(--space-base) var(--space-gutter);color:var(--color-outline);font-size:13px;display:flex}.pd__breadcrumb a{color:var(--color-on-surface-variant);transition:color var(--transition-fast)}.pd__breadcrumb a:hover{color:var(--color-primary-container)}.pd__breadcrumb span{color:var(--color-on-surface);font-weight:500}.pd__hero{gap:var(--space-2xl);padding-top:var(--space-lg);padding-bottom:var(--space-2xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.pd__hero-image{background:var(--color-surface-container-low);border-radius:var(--radius-xl);aspect-ratio:1;border:1px solid var(--color-outline-variant);justify-content:center;align-items:center;display:flex;position:sticky;top:88px}.pd__hero-image-placeholder{color:var(--color-outline-variant);opacity:.4}.pd__quote{color:var(--color-on-surface-variant);padding-left:var(--space-base);border-left:3px solid var(--color-primary-container);margin-bottom:var(--space-lg);font-size:17px;font-style:italic;line-height:1.6}.pd__sku-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary-container);background:var(--color-primary-fixed);border-radius:var(--radius-full);margin-bottom:var(--space-md);padding:5px 12px;font-size:12px;font-weight:700;display:inline-block}.pd__title{font:700 32px/40px var(--font-family);letter-spacing:-.02em;color:var(--color-on-surface);margin-bottom:var(--space-md)}.pd__tagline{color:var(--color-on-surface-variant);margin-bottom:var(--space-lg);font-size:16px;line-height:26px}.pd__price-row{margin-bottom:var(--space-lg)}.pd__price{color:var(--color-on-surface);font-size:28px;font-weight:800}.pd__actions,.pd__badges{gap:var(--space-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.pd__badge{align-items:flex-start;gap:var(--space-md);padding:var(--space-base);background:var(--color-surface-container-low);border-radius:var(--radius-lg);display:flex}.pd__badge svg{color:var(--color-primary-container);flex-shrink:0;margin-top:2px}.pd__badge strong{color:var(--color-on-surface);margin-bottom:2px;font-size:14px;font-weight:700;display:block}.pd__badge span{color:var(--color-on-surface-variant);font-size:13px;line-height:1.4}.pd__certs{gap:var(--space-sm);flex-wrap:wrap;display:flex}.pd__cert-tag{border-radius:var(--radius-full);background:var(--color-surface-container);color:var(--color-on-surface-variant);padding:5px 12px;font-size:12px;font-weight:600}.pd__specs-section{background:var(--color-surface-container-low);padding:var(--space-2xl) 0}.pd__section-title{font:700 28px/36px var(--font-family);letter-spacing:-.02em;color:var(--color-on-surface);margin-bottom:var(--space-base)}.pd__specs-desc{color:var(--color-on-surface-variant);margin-bottom:var(--space-xl);font-size:15px;line-height:24px}.pd__specs-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.pd__spec-item{gap:var(--space-xs);padding:var(--space-lg);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);flex-direction:column;display:flex}.pd__spec-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-on-surface-variant);font-size:12px;font-weight:700}.pd__spec-value{color:var(--color-on-surface);font-size:20px;font-weight:700}.pd__spec-detail{color:var(--color-outline);font-size:13px;line-height:1.5}.pd__related{padding:var(--space-2xl) 0}.pd__related-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.pd__related-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.pd__specs-grid,.pd__related-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.pd__hero{grid-template-columns:1fr}.pd__hero-image{aspect-ratio:4/3;position:static}.pd__title{font-size:24px;line-height:32px}.pd__specs-grid,.pd__related-grid{grid-template-columns:1fr}.pd__related-header{align-items:flex-start;gap:var(--space-md);flex-direction:column}}.rq{flex:1}.rq__inner{gap:var(--space-2xl);padding-top:var(--space-2xl);padding-bottom:var(--space-3xl);grid-template-columns:1fr 1.1fr;align-items:start;display:grid}.rq__title{font:700 36px/44px var(--font-family);letter-spacing:-.02em;color:var(--color-on-surface);margin-bottom:var(--space-base)}.rq__desc{color:var(--color-on-surface-variant);margin-bottom:var(--space-xl);max-width:480px;font-size:16px;line-height:26px}.rq__contact-cards{gap:var(--space-base);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.rq__contact-card{align-items:flex-start;gap:var(--space-md);padding:var(--space-base) var(--space-lg);background:var(--color-surface-container-low);border-radius:var(--radius-lg);display:flex}.rq__contact-card svg{color:var(--color-primary-container);flex-shrink:0;margin-top:2px}.rq__contact-card strong{color:var(--color-on-surface);margin-bottom:2px;font-size:14px;font-weight:700;display:block}.rq__contact-card span{color:var(--color-on-surface-variant);font-size:14px;line-height:1.5}.rq__response-time{align-items:center;gap:var(--space-xs);margin-top:4px;display:flex;color:var(--color-success)!important;font-size:12px!important}.rq__trust-badges{gap:var(--space-base);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.rq__trust-badge{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-base);background:var(--color-primary-fixed);border-radius:var(--radius-full);color:var(--color-primary-container);font-size:13px;font-weight:600;display:flex}.rq__trust-badge svg{flex-shrink:0}.rq__note{color:var(--color-outline);font-size:14px;font-style:italic;line-height:1.6}.rq__form-wrap{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);padding:var(--space-xl)}.rq__form-title{font:700 24px/32px var(--font-family);color:var(--color-on-surface);margin-bottom:var(--space-lg)}.rq__field{margin-bottom:var(--space-base)}.rq__field label{color:var(--color-on-surface);margin-bottom:var(--space-xs);font-size:13px;font-weight:600;display:block}.rq__field input,.rq__field select,.rq__field textarea{width:100%;height:48px;padding:0 var(--space-base);background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);color:var(--color-on-surface);transition:border-color var(--transition-fast), background var(--transition-fast);font-size:14px}.rq__field textarea{height:auto;padding:var(--space-md);resize:vertical}.rq__field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737785' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.rq__field input:focus,.rq__field select:focus,.rq__field textarea:focus{border-color:var(--color-primary-container);background:var(--color-surface-container-lowest);outline:none}.rq__field input::placeholder,.rq__field textarea::placeholder{color:var(--color-outline)}.rq__field-row{gap:var(--space-base);grid-template-columns:1fr 1fr;display:grid}.rq__success{text-align:center;padding:var(--space-2xl);align-items:center;gap:var(--space-base);flex-direction:column;display:flex}.rq__success svg{color:var(--color-success)}.rq__success h2{font:700 24px/32px var(--font-family);color:var(--color-on-surface)}.rq__success p{color:var(--color-on-surface-variant);max-width:360px;font-size:15px;line-height:24px}@media (width<=768px){.rq__inner{grid-template-columns:1fr}.rq__title{font-size:28px;line-height:36px}.rq__field-row{grid-template-columns:1fr}.rq__trust-badges{flex-direction:column}}