@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary:#1e2d4f;--primary-light:#2c3e6b;--primary-dark:#141e35;--accent:#e8a530;--accent-hover:#d4941f;--accent-light:#fff8ec;--bg:#f5f7fa;--white:#fff;--text:#1e2d4f;--text-light:#6b7280;--text-muted:#9ca3af;--border:#e5e7eb;--success:#10b981;--danger:#ef4444;--radius:8px;--radius-lg:12px;--shadow:0 2px 12px #1e2d4f14;--shadow-lg:0 8px 30px #1e2d4f1f}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}.container{max-width:1240px;margin:0 auto;padding:0 20px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.btn{border-radius:var(--radius);white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover{background:var(--primary-light)}.btn--accent{background:var(--accent);color:#fff}.btn--accent:hover{background:var(--accent-hover)}.btn--outline{border-color:var(--border);color:var(--text);background:var(--white)}.btn--outline:hover{border-color:var(--primary);color:var(--primary)}.btn--lg{border-radius:var(--radius-lg);padding:16px 36px;font-size:16px}.btn--block{width:100%}.topbar{background:var(--primary);color:#fffc;font-size:13px}.topbar__inner{justify-content:space-between;align-items:center;height:36px;display:flex}.topbar__left,.topbar__right{align-items:center;gap:20px;display:flex}.topbar a{color:#fffc;align-items:center;gap:5px;transition:color .2s;display:flex}.topbar a:hover{color:var(--accent)}.topbar__phone{font-weight:600;color:#fff!important}.topbar__divider{background:#fff3;width:1px;height:14px}.header{z-index:100;background:var(--white);transition:box-shadow .3s;position:sticky;top:0}.header--scrolled{box-shadow:var(--shadow)}.header__inner{align-items:center;gap:16px;height:64px;display:flex}.header__logo{flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.header__logo-icon{border-radius:10px;flex-shrink:0;width:44px;height:44px;overflow:hidden;box-shadow:0 2px 8px #1a2b4926}.header__logo-icon img{object-fit:cover;width:100%;height:100%;display:block}.header__logo-text{flex-direction:column;line-height:1;display:flex}.header__logo-name{color:var(--primary);letter-spacing:1.5px;font-size:18px;font-weight:800}.header__logo-sub{color:var(--text-muted);letter-spacing:.5px;text-transform:lowercase;margin-top:2px;font-size:10px;font-weight:500}.header__catalog-btn{background:var(--accent);color:#fff;border-radius:var(--radius);flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.header__catalog-btn:hover{background:var(--accent-hover)}.header__search{border:2px solid var(--border);border-radius:var(--radius);flex:1;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.header__search:focus-within{border-color:var(--primary)}.header__search input{background:0 0;border:none;outline:none;flex:1;padding:10px 16px;font-size:14px}.header__search-btn{background:var(--primary);color:#fff;border:none;justify-content:center;align-items:center;width:44px;height:40px;transition:background .2s;display:flex}.header__search-btn:hover{background:var(--primary-light)}.header__actions{align-items:center;gap:12px;display:flex}.header__cart-btn{border-radius:var(--radius);color:var(--text);align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex;position:relative}.header__cart-btn:hover{background:var(--bg)}.header__cart-btn svg{font-size:20px}.header__badge{background:var(--accent);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;left:22px}.header__menu-toggle{color:var(--primary);background:0 0;border:none;font-size:24px;display:none}.catnav{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.catnav__inner{scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.catnav__inner::-webkit-scrollbar{display:none}.catnav__item{color:var(--text-light);white-space:nowrap;border-bottom:2px solid #0000;padding:12px 18px;font-size:13px;font-weight:500;transition:all .2s}.catnav__item:hover{color:var(--primary)}.catnav__item--active{color:var(--primary);border-bottom-color:var(--accent)}.header__mobile-nav{background:var(--white);border-top:1px solid var(--border);flex-direction:column;gap:0;padding:16px 20px;display:none}.header__mobile-nav--open{display:flex}.header__mobile-nav a{border-bottom:1px solid var(--border);padding:12px 0;font-size:15px;font-weight:500}.header__mobile-cat{color:var(--text-light);padding-left:16px!important;font-size:14px!important}@media (width<=768px){.topbar,.header__search,.header__catalog-btn span,.header__cart-label{display:none}.header__menu-toggle{display:flex}.catnav{display:none}}.footer{background:var(--primary-dark);color:#ffffffb3;margin-top:0;padding:48px 0 0}.footer__inner{grid-template-columns:1.5fr 1fr 1fr;gap:48px;display:grid}.footer__col{flex-direction:column;gap:10px;display:flex}.footer__col h4{color:#fff;margin-bottom:4px;font-size:15px;font-weight:600}.footer__col a{color:#fff9;align-items:center;gap:8px;font-size:14px;transition:color .2s;display:flex}.footer__col a:hover{color:var(--accent)}.footer__logo{align-items:center;gap:12px;margin-bottom:8px;display:flex}.footer__logo-icon{border-radius:10px;flex-shrink:0;width:42px;height:42px;overflow:hidden}.footer__logo-icon img{object-fit:cover;width:100%;height:100%;display:block}.footer__logo-text{flex-direction:column;line-height:1;display:flex}.footer__logo-name{color:#fff;letter-spacing:1.5px;font-size:17px;font-weight:800}.footer__logo-sub{color:#ffffff80;letter-spacing:.5px;margin-top:3px;font-size:10px;font-weight:400}.footer__col--brand p{margin-bottom:12px;font-size:13px;line-height:1.6}.footer__social{gap:10px;display:flex}.footer__social a{color:#fff;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;transition:background .2s;display:flex}.footer__social a:hover{background:var(--accent)}.footer__bottom{color:#fff6;text-align:center;border-top:1px solid #ffffff14;margin-top:32px;padding:16px 0;font-size:12px}@media (width<=768px){.footer__inner{grid-template-columns:1fr;gap:32px}}.pcard{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);transition:box-shadow .2s;overflow:hidden}.pcard:hover{box-shadow:var(--shadow-lg)}.pcard__img-wrap{aspect-ratio:1;background:var(--bg);padding:16px;display:block;position:relative;overflow:hidden}.pcard__img{object-fit:contain;width:100%;height:100%;transition:transform .3s}.pcard:hover .pcard__img{transform:scale(1.05)}.pcard__placeholder{width:100%;height:100%;color:var(--primary);opacity:.2;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.pcard__placeholder span{font-size:24px;font-weight:700}.pcard__badge{text-transform:uppercase;letter-spacing:.5px;background:var(--accent);color:#fff;z-index:2;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.pcard__badge--top{background:var(--primary)}.pcard__badge--new{background:var(--accent)}.pcard__body{padding:14px 16px 16px}.pcard__category{color:var(--text-muted);margin-bottom:4px;font-size:12px;display:block}.pcard__name{-webkit-line-clamp:2;color:var(--text);-webkit-box-orient:vertical;min-height:40px;margin-bottom:8px;font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.pcard__name:hover{color:var(--primary-light)}.pcard__colors{gap:4px;margin-bottom:10px;display:flex}.pcard__color{border:2px solid var(--white);width:14px;height:14px;box-shadow:0 0 0 1px var(--border);border-radius:50%}.pcard__footer{justify-content:space-between;align-items:center;display:flex}.pcard__price{color:var(--primary);font-size:15px;font-weight:700}.pcard__price--muted{color:var(--text-muted);font-size:13px;font-weight:500}.pcard__cart-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--white);width:36px;height:36px;color:var(--text-light);justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.pcard__cart-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--bg)}.pcard__cart-btn--active{background:var(--primary);border-color:var(--primary);color:#fff}.hero{margin-bottom:20px}.hero__slide{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);align-items:center;min-height:380px;padding:80px 0;display:flex}.hero__content{max-width:560px}.hero__content h1{color:#fff;margin-bottom:16px;font-size:44px;font-weight:800;line-height:1.1}.hero__content h1 span{color:var(--accent)}.hero__content p{color:#ffffffbf;margin-bottom:28px;font-size:17px;line-height:1.6}.hero__btns{gap:12px;display:flex}.hero__btns .btn--outline{border-color:var(--accent);color:#fff;background:0 0}.hero__btns .btn--outline:hover{background:var(--accent);border-color:var(--accent);color:#fff}.product-section{padding:24px 0}.product-section__title{align-items:center;gap:8px;margin-bottom:20px;display:inline-flex}.product-section__title h2{color:var(--text);font-size:22px;font-weight:700}.product-section__title svg{color:var(--text-muted);font-size:20px}.product-section__title:hover h2{color:var(--primary-light)}.product-section__title:hover svg{color:var(--primary)}.product-section__grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.product-section__more{text-align:center;background:var(--bg);border-radius:var(--radius);color:var(--text);margin-top:16px;padding:14px;font-size:14px;font-weight:600;transition:background .2s;display:block}.product-section__more:hover{background:var(--border)}.stats{margin-top:24px;padding:48px 0}.stats__inner{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stat-card{text-align:center;background:var(--bg);border-radius:var(--radius-lg);padding:28px 20px}.stat-card__icon{color:var(--accent);margin-bottom:12px;font-size:28px}.stat-card__num{color:var(--primary);font-size:32px;font-weight:800}.stat-card__label{color:var(--text-muted);margin-top:4px;font-size:13px}.about{background:var(--white);padding:60px 0}.about__inner{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.about__content h2{color:var(--primary);margin-bottom:16px;font-size:28px;font-weight:700}.about__content p{color:var(--text-light);margin-bottom:12px;font-size:15px;line-height:1.8}.about__features{flex-direction:column;gap:20px;display:flex}.about__feature{background:var(--bg);border-radius:var(--radius-lg);gap:14px;padding:20px;display:flex}.about__feature>svg{color:var(--accent);flex-shrink:0;margin-top:2px;font-size:24px}.about__feature strong{margin-bottom:2px;font-size:15px;display:block}.about__feature span{color:var(--text-muted);font-size:13px}.cta{background:var(--primary);text-align:center;padding:60px 0}.cta h2{color:#fff;margin-bottom:8px;font-size:28px;font-weight:700}.cta p{color:#ffffffb3;margin-bottom:24px}.cta__form{justify-content:center;gap:12px;max-width:520px;margin:0 auto;display:flex}.cta__form input{border-radius:var(--radius);border:none;outline:none;flex:1;padding:14px 16px;font-size:14px}@media (width<=1024px){.product-section__grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.hero__content h1{font-size:32px}.hero__slide{min-height:auto;padding:50px 0}.product-section__grid{grid-template-columns:repeat(2,1fr);gap:12px}.stats__inner{grid-template-columns:repeat(2,1fr)}.about__inner{grid-template-columns:1fr}.cta__form{flex-direction:column}}@media (width<=480px){.product-section__grid{grid-template-columns:repeat(2,1fr)}}.catalog{min-height:80vh;padding:100px 0 60px}.catalog__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.catalog__header h1{color:var(--primary);font-size:32px;font-weight:700}.catalog__search{background:var(--bg);border:2px solid var(--border);border-radius:10px;align-items:center;gap:10px;min-width:280px;padding:12px 18px;display:flex}.catalog__search svg{color:var(--text-light);flex-shrink:0;font-size:18px}.catalog__search input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-size:15px}.catalog__filters{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.catalog__filter{border:2px solid var(--border);background:var(--white);color:var(--text-light);border-radius:20px;padding:8px 18px;font-size:14px;font-weight:500;transition:all .2s}.catalog__filter:hover{border-color:var(--primary);color:var(--primary)}.catalog__filter--active{background:var(--primary);border-color:var(--primary);color:#fff}.catalog__loading{justify-content:center;padding:80px 0;display:flex}.catalog__spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.catalog__empty{text-align:center;color:var(--text-light);padding:80px 0;font-size:18px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}@media (width<=768px){.catalog__header{flex-direction:column;align-items:stretch}.catalog__search{min-width:unset}}.pd{min-height:60vh;padding:20px 0 60px}.pd__breadcrumbs{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.pd__breadcrumbs a{color:var(--text-light)}.pd__breadcrumbs a:hover{color:var(--primary)}.pd__breadcrumbs svg{font-size:12px}.pd__breadcrumbs span:last-child{color:var(--text)}.pd__layout{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.pd__gallery{position:sticky;top:120px}.pd__main-img{background:var(--bg);border-radius:var(--radius-lg);aspect-ratio:1;justify-content:center;align-items:center;margin-bottom:12px;padding:32px;display:flex}.pd__main-img img{object-fit:contain;max-width:100%;max-height:100%}.pd__placeholder{color:var(--primary);opacity:.1;font-size:80px;font-weight:700}.pd__thumbs{gap:8px;display:flex}.pd__thumb{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;width:64px;height:64px;padding:4px;transition:border-color .2s;overflow:hidden}.pd__thumb--active,.pd__thumb:hover{border-color:var(--primary)}.pd__thumb img{object-fit:contain;width:100%;height:100%}.pd__info h1{margin-bottom:8px;font-size:26px;font-weight:700;line-height:1.3}.pd__cat{color:var(--text-muted);background:var(--bg);border-radius:4px;margin-bottom:16px;padding:4px 12px;font-size:13px;display:inline-block}.pd__label{color:var(--text-light);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.pd__colors{margin-bottom:16px}.pd__color-list{gap:6px;display:flex}.pd__color-dot{border:3px solid var(--white);width:28px;height:28px;box-shadow:0 0 0 1px var(--border);cursor:pointer;border-radius:50%}.pd__tags{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.pd__tag{background:var(--accent-light);color:var(--accent-hover);text-transform:uppercase;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600}.pd__tiers{margin-bottom:20px}.pd__tier-table{border-collapse:collapse;width:100%}.pd__tier-table th{text-align:left;color:var(--text-muted);background:var(--bg);border-radius:4px;padding:8px 12px;font-size:12px;font-weight:600}.pd__tier-table td{border-bottom:1px solid var(--border);padding:10px 12px;font-size:14px}.pd__tier-price{color:var(--primary);font-weight:700}.pd__tier-note{color:var(--accent);margin-top:8px;font-size:12px;font-weight:600}.pd__desc{margin-bottom:20px}.pd__desc p{color:var(--text-light);font-size:14px;line-height:1.7}.pd__loading,.pd__empty{text-align:center;color:var(--text-muted);padding:80px 0}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;margin:0 auto;animation:.8s linear infinite spin}@media (width<=768px){.pd__layout{grid-template-columns:1fr;gap:24px}.pd__gallery{position:static}}.cart{min-height:80vh;padding:100px 0 60px}.cart h1{color:var(--primary);margin-bottom:32px;font-size:32px;font-weight:700}.cart__layout{grid-template-columns:1fr 380px;align-items:flex-start;gap:32px;display:grid}.cart__items{flex-direction:column;gap:12px;display:flex}.cart-item{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:16px;padding:16px;display:flex}.cart-item__img{background:var(--bg);border-radius:8px;flex-shrink:0;width:72px;height:72px;overflow:hidden}.cart-item__img img{object-fit:cover;width:100%;height:100%}.cart-item__placeholder{width:100%;height:100%;color:var(--primary-light);opacity:.3;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.cart-item__info{flex:1}.cart-item__info h3{margin-bottom:4px;font-size:15px;font-weight:600}.cart-item__price{color:var(--text-light);font-size:13px}.cart-item__qty{border:2px solid var(--border);border-radius:8px;align-items:center;gap:0;display:flex;overflow:hidden}.cart-item__qty button{background:var(--bg);width:36px;height:36px;color:var(--primary);border:none;justify-content:center;align-items:center;font-size:16px;transition:background .2s;display:flex}.cart-item__qty button:hover{background:var(--border)}.cart-item__qty button:disabled{opacity:.3;cursor:not-allowed}.cart-item__qty span{text-align:center;width:48px;font-size:15px;font-weight:600}.cart-item__total{text-align:right;min-width:120px;color:var(--primary);font-size:16px;font-weight:700}.cart-item__remove{color:var(--text-light);background:0 0;border:none;border-radius:6px;padding:8px;font-size:18px;transition:all .2s}.cart-item__remove:hover{color:#ef4444;background:#fef2f2}.cart__summary{background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);padding:24px;position:sticky;top:88px}.cart__summary h3{margin-bottom:16px;font-size:20px;font-weight:700}.cart__total-row{border-bottom:2px solid var(--border);justify-content:space-between;margin-bottom:16px;padding-bottom:16px;font-size:18px;display:flex}.cart__total-row strong{color:var(--primary);font-size:22px}.cart__form{flex-direction:column;gap:12px;display:flex}.cart__form input,.cart__form textarea{border:2px solid var(--border);resize:vertical;border-radius:8px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .2s}.cart__form input:focus,.cart__form textarea:focus{border-color:var(--primary)}.cart__error{color:#ef4444;font-size:13px;font-weight:500}.cart__empty{text-align:center;padding:80px 0}.cart__empty-icon{color:var(--border);margin-bottom:16px;font-size:64px}.cart__empty p{color:var(--text-light);margin-bottom:24px;font-size:18px}.cart__success{text-align:center;padding:100px 0}.cart__success-icon{background:var(--success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:36px;display:flex}.cart__success h2{color:var(--primary);margin-bottom:8px;font-size:28px}.cart__success p{color:var(--text-light);margin-bottom:24px}@media (width<=768px){.cart__layout{grid-template-columns:1fr}.cart-item{flex-wrap:wrap}.cart-item__total{min-width:unset}}