.lang-switcher{gap:4px;display:flex}.lang-switcher__btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:var(--radius);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);padding:6px 12px;transition:all .15s}.lang-switcher__btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.lang-switcher__btn--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:1000;box-shadow:var(--shadow-sm);position:sticky;top:0}.header__container{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:64px;margin:0 auto;display:flex;position:relative}.header__logo{align-items:center;text-decoration:none;display:flex}.header__logo-img{width:auto;height:40px}.header__nav{gap:24px;display:flex}.header__nav-link{color:var(--color-text);white-space:nowrap;font-size:15px;font-weight:500;text-decoration:none;transition:color .15s}.header__nav-link:hover{color:var(--color-primary)}.header__right{align-items:center;gap:16px;display:flex}.header__dropdown{position:relative}.header__dropdown-btn{font:inherit;cursor:pointer;color:var(--color-text);white-space:nowrap;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:15px;font-weight:500;transition:color .15s;display:inline-flex}.header__dropdown-btn:hover,.header__dropdown-btn--active{color:var(--color-primary)}.header__dropdown-arrow{transition:transform .2s;display:inline-block}.header__dropdown-arrow--open{transform:rotate(180deg)}.header__dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);opacity:0;visibility:hidden;pointer-events:none;z-index:200;border-radius:12px;min-width:260px;padding:8px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(-4px);box-shadow:0 12px 40px #0000001a,0 2px 8px #0000000a}.header__dropdown-menu--visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.header__dropdown-menu:before{content:"";background:var(--color-surface);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.header__dropdown-item{color:var(--color-text);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:background .15s;display:flex}.header__dropdown-item:hover{background:var(--color-hover)}.header__dropdown-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.header__dropdown-icon--electric{color:#d97706;background:#fef3c7}.header__dropdown-icon--manual{color:#059669;background:#ecfdf5}.header__dropdown-item-text{flex-direction:column;min-width:0;display:flex}.header__dropdown-item-text strong{color:var(--color-text);font-size:14px;font-weight:600}.header__dropdown-item-text small{color:#888;margin-top:1px;font-size:12px;line-height:1.3}.header__burger{cursor:pointer;background:0 0;border:none;width:24px;height:18px;padding:0;display:none;position:relative}.header__burger span{background:var(--color-text);border-radius:2px;width:100%;height:2px;transition:all .3s;display:block;position:absolute;left:0}.header__burger span:first-child{top:0}.header__burger span:nth-child(2){top:8px}.header__burger span:nth-child(3){top:16px}.header__burger--active span:first-child{top:8px;transform:rotate(45deg)}.header__burger--active span:nth-child(2){opacity:0}.header__burger--active span:nth-child(3){top:8px;transform:rotate(-45deg)}.header__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;z-index:950;background:#00000080;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.header__backdrop--visible{opacity:1;visibility:visible}.header__mobile-menu{background:var(--color-surface);z-index:1000;opacity:0;visibility:hidden;border-top-left-radius:20px;border-top-right-radius:20px;max-height:85vh;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;bottom:0;left:0;right:0;overflow:hidden auto;transform:translateY(100%);box-shadow:0 -10px 40px #00000026}.header__mobile-menu--open{opacity:1;visibility:visible;transform:translateY(0)}.header__mobile-menu__header{border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:1;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.header__mobile-menu__title{color:var(--color-text);font-size:20px;font-weight:700}.header__mobile-menu__close{background:var(--color-bg);width:40px;height:40px;color:var(--color-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.header__mobile-menu__close:hover{background:var(--color-hover);transform:rotate(90deg)}.header__mobile-menu__container{flex-direction:column;gap:4px;padding:16px 24px 32px;display:flex}.header__mobile-link{color:var(--color-text);background:0 0;border-radius:12px;align-items:center;gap:12px;padding:16px;font-size:17px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.header__mobile-link:hover{background:var(--color-hover);transform:translate(4px)}.header__mobile-link__icon{opacity:.7;flex-shrink:0}.header__mobile-submenu{background:var(--color-bg);border-radius:12px;margin:8px 0 12px 8px;overflow:hidden}.header__mobile-label{text-transform:uppercase;color:#888;letter-spacing:.5px;align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:600;display:flex}.header__mobile-link--sub{border-top:1px solid var(--color-border);padding:14px 16px;font-size:16px}.header__mobile-link--sub:first-of-type{border-top:none}.header__mobile-icon{justify-content:center;align-items:center;width:24px;font-size:18px;display:inline-flex}.header__mobile-icon--electric{background:#fef3c7;border-radius:6px;padding:2px 6px}.header__mobile-icon--manual{background:#ecfdf5;border-radius:6px;padding:2px 6px}@media (width<=860px){.header__nav{display:none}.header__burger{display:block}.header__dropdown-menu{display:none}}@media (width<=560px){.header__mobile-menu__header{padding:16px 20px}.header__mobile-menu__title{font-size:18px}.header__mobile-menu__container{padding:12px 20px 28px}.header__mobile-link{padding:14px;font-size:16px}.header__mobile-link--sub{padding:12px 16px}}.footer{background:var(--color-primary-dark);color:var(--color-text-inverse);margin-top:auto;padding:48px 0 24px}.footer__container{width:min(1180px,100% - 40px);margin:0 auto}.footer__grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:32px;display:grid}.footer__logo{filter:brightness(0)invert();width:auto;height:36px;margin-bottom:8px}.footer__slogan{color:var(--color-text-inverse);opacity:.8;max-width:320px;margin:0;font-size:14px;line-height:1.6}.footer__col-title{color:var(--color-text-inverse);margin:0 0 16px;font-size:16px;font-weight:600}.footer__contacts,.footer__links{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.footer__contacts li,.footer__links li{color:var(--color-text-inverse);opacity:.85;font-size:14px;line-height:1.5}.footer__contacts li strong{opacity:1;color:var(--color-accent);margin-bottom:2px;display:block}.footer__contacts a,.footer__links a{color:var(--color-text-inverse);text-decoration:none;transition:color .15s}.footer__contacts a:hover,.footer__links a:hover{color:var(--color-accent)}.footer__bottom{border-top:1px solid #ffffff26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:24px;display:flex}.footer__bottom p{opacity:.7;margin:0;font-size:14px}.footer__privacy{color:var(--color-text-inverse);opacity:.7;font-size:14px;text-decoration:none;transition:opacity .15s}.footer__privacy:hover{opacity:1}@media (width<=860px){.footer__grid{grid-template-columns:1fr;gap:24px}.footer__bottom{text-align:center;flex-direction:column}}@media (width<=560px){.footer{padding:32px 0 16px}}.main-layout{flex-direction:column;min-height:100vh;display:flex}.main-layout__main{flex:1}.hero{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-text-inverse);align-items:center;min-height:480px;padding:64px 0;display:flex}.hero__container{grid-template-columns:1fr 1fr;align-items:center;gap:48px;width:min(1180px,100% - 40px);margin:0 auto;display:grid}.hero__title{margin:0 0 16px;font-size:clamp(28px,4vw,48px);font-weight:700;line-height:1.2}.hero__subtitle{opacity:.9;margin:0 0 32px;font-size:clamp(16px,2vw,20px);line-height:1.6}.hero__actions{flex-wrap:wrap;gap:16px;display:flex}.hero__btn{border-radius:var(--radius);text-transform:uppercase;letter-spacing:.05em;text-align:center;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-block}.hero__btn--primary{background:var(--color-accent);color:var(--color-text)}.hero__btn--primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.hero__btn--secondary{color:var(--color-text-inverse);border:2px solid var(--color-text-inverse);background:0 0}.hero__btn--secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.hero__image{justify-content:center;align-items:center;display:flex}.hero__image-placeholder{aspect-ratio:4/3;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;justify-content:center;align-items:center;width:100%;max-width:400px;padding:24px;display:flex}.hero__svg{width:60%;height:auto}@media (width<=860px){.hero__container{text-align:center;grid-template-columns:1fr}.hero__actions{justify-content:center}.hero__image{order:-1}.hero__image-placeholder{max-width:300px}}@media (width<=560px){.hero{min-height:auto;padding:40px 0}.hero__btn{width:100%;min-width:min(100%,290px)}}.hero__logo{object-fit:contain;width:auto;max-height:180px;transition:transform .2s,filter .2s}@media (width<=860px){.hero__logos{gap:16px;max-width:400px}.hero__logo{max-height:120px}}@media (width<=560px){.hero__logos{flex-direction:column;max-width:300px}.hero__logo{width:100%;max-height:100px}}.hero__logos{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;width:100%;max-width:500px;padding:24px;display:flex}.hero__logo{object-fit:contain;filter:brightness(0)invert();opacity:.95;width:auto;max-height:180px}.hero__logo--primary{flex:1;min-width:150px}.hero__logo--secondary{opacity:.85;flex:1;min-width:150px}@media (width<=860px){.hero__logos{gap:16px;max-width:400px}.hero__logo{max-height:120px}}@media (width<=560px){.hero__logos{flex-direction:column;max-width:300px}.hero__logo{width:100%;max-height:100px}}.features{background:var(--color-bg);padding:64px 0}.features__container{width:min(1180px,100% - 40px);margin:0 auto}.features__title{color:var(--color-text);text-align:center;margin:0 0 40px;font-size:clamp(24px,3vw,36px);font-weight:700}.features__grid{grid-template-columns:repeat(5,1fr);gap:24px;display:grid}.features__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;transition:box-shadow .2s,transform .2s;display:flex}.features__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.features__icon{width:40px;height:40px;color:var(--color-primary);stroke-width:1.5px}.features__card-title{color:var(--color-text);margin:0;font-size:14px;font-weight:600;line-height:1.4}@media (width<=1100px){.features__grid{grid-template-columns:repeat(3,1fr)}}@media (width<=860px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.features__grid{grid-template-columns:1fr}.features{padding:40px 0}}.about-section{background:var(--color-surface);padding:64px 0}.about-section__container{width:min(1180px,100% - 40px);max-width:800px;margin:0 auto}.about-section__title{color:var(--color-text);text-align:center;margin:0 0 32px;font-size:clamp(24px,3vw,36px);font-weight:700}.about-section__intro{text-align:center;margin-bottom:32px}.about-section__name{color:var(--color-primary);margin:0 0 8px;font-size:20px;font-weight:700}.about-section__location{color:var(--color-text-muted);margin:0 0 8px;font-size:15px}.about-section__specialization{color:var(--color-text);margin:0;font-size:15px}.about-section__stats{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px;display:grid}.about-section__stat{text-align:center;background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);transform:transform .2s;padding:20px}.about-section__stat:hover{transform:translateY(1%)}.about-section__stat-value{color:var(--color-accent);font-size:32px;font-weight:700;font-family:var(--font-mono);display:block}.about-section__stat-label{color:var(--color-text-muted);margin-top:4px;font-size:14px;display:block}.about-section__slogan{color:var(--color-primary);text-align:center;background:var(--color-bg);border-left:4px solid var(--color-primary);border-radius:0 var(--radius) var(--radius) 0;margin:0 0 24px;padding:20px;font-size:18px;font-style:italic}.about-section__values{text-align:center;flex-direction:column;gap:8px;margin-bottom:40px;display:flex}.about-section__values-label{color:var(--color-text);font-size:16px;font-weight:600}.about-section__quality{color:var(--color-text-muted);font-size:15px}@media (width<=860px){.about-section__stats{grid-template-columns:1fr}}@media (width<=560px){.about-section{padding:40px 0}}.certificates-section{border-top:1px solid var(--color-border,#e5e7eb);margin-top:80px;padding-top:60px}.certificates-section__title{color:var(--color-text);text-align:center;margin:0 0 48px;font-size:28px;font-weight:700}.certificates-group{margin-bottom:48px}.certificates-group:last-child{margin-bottom:0}.certificates-group__title{color:var(--color-primary,#1e3a8a);border-bottom:2px solid var(--color-accent,#f59e0b);margin:0 0 24px;padding-bottom:12px;font-size:20px;font-weight:600;display:inline-block}.certificates-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.certificate-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-lg,12px);flex-direction:column;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.certificate-card:hover{border-color:var(--color-primary,#1e3a8a);transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.certificate-card__header{border-bottom:1px solid var(--color-border,#f3f4f6);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.certificate-card__icon{width:32px;height:32px;color:var(--color-primary,#1e3a8a)}.certificate-card__type{background:var(--color-accent,#f59e0b);color:#fff;font-size:12px;font-weight:700;font-family:var(--font-mono,monospace);border-radius:6px;padding:4px 10px}.certificate-card__body{flex:1;margin-bottom:24px}.certificate-card__number{color:var(--color-text);font-size:14px;font-weight:600;font-family:var(--font-mono,monospace);margin:0 0 8px}.certificate-card__company{color:var(--color-text-muted,#6b7280);margin:0 0 12px;font-size:14px;line-height:1.4}.certificate-card__valid{color:var(--color-text);background:#00000008;border-radius:4px;margin:0 0 8px;padding:4px 8px;font-size:13px;font-weight:500;display:inline-block}.certificate-card__note{color:var(--color-text-muted,#6b7280);margin:0;font-size:13px;line-height:1.5}.certificate-card__link{background:var(--color-primary,#1e3a8a);color:#fff;border-radius:var(--radius,8px);justify-content:center;align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.certificate-card__link:hover{background:var(--color-primary-dark,#1e40af)}.certificate-card__download-icon{width:18px;height:18px}@media (width<=768px){.certificates-section{margin-top:48px;padding-top:32px}.certificates-section__title{font-size:24px}.certificates-grid{grid-template-columns:1fr}}.certificates-row{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px;display:grid}.certificates-group--half{margin-bottom:0}@media (width<=900px){.certificates-row{grid-template-columns:1fr}}.certificates{background:var(--color-surface);padding:64px 0}.certificates__container{width:min(1180px,100% - 40px);margin:0 auto}.certificates__title{color:var(--color-text);text-align:center;margin:0 0 40px;font-size:clamp(24px,3vw,36px);font-weight:700}.certificates__grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px;display:grid}.certificates__card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;transition:transform .2s;display:flex}.certificates__card:hover{transform:translateY(1%)}.certificates__card-title{color:var(--color-text-muted);margin:0;font-size:14px;font-weight:600}.certificates__badge{color:var(--color-primary);font-size:24px;font-weight:700;font-family:var(--font-mono);background:var(--color-surface);border-radius:var(--radius);border:2px solid var(--color-primary);padding:12px 24px}.certificates__extra{text-align:center}.certificates__stat-label{color:var(--color-text);margin-bottom:16px;font-size:16px;font-weight:500;display:block}.certificates__awards{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.certificates__award{background:var(--color-accent);color:var(--color-text);border-radius:var(--radius);transform:transform .2s;padding:8px 16px;font-size:14px;font-weight:600}.certificates__award:hover{transform:translateY(1%)}@media (width<=860px){.certificates__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.certificates__grid{grid-template-columns:1fr}.certificates{padding:40px 0}}.contact-form-section{background:var(--color-bg);padding:64px 0}.contact-form-section__container{width:min(1180px,100% - 40px);max-width:640px;margin:0 auto}.contact-form-section__title{color:var(--color-text);text-align:center;margin:0 0 12px;font-size:clamp(24px,3vw,36px);font-weight:700}.contact-form-section__subtitle{color:var(--color-text-muted);text-align:center;margin:0 0 32px;font-size:16px;line-height:1.6}.contact-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:20px;padding:32px;display:flex}.contact-form__field{flex-direction:column;gap:6px;display:flex}.contact-form__label{color:var(--color-text);font-size:14px;font-weight:500}.contact-form__input,.contact-form__textarea{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-size:15px;font-family:var(--font-sans);padding:12px 14px;transition:border-color .15s}.contact-form__input:focus,.contact-form__textarea:focus{border-color:var(--color-primary);outline:none}.contact-form__textarea{resize:none;min-height:100px}.contact-form__message{border-radius:var(--radius);padding:12px 16px;font-size:14px;font-weight:500}.contact-form__message--success{color:var(--color-success);border:1px solid var(--color-success);background:#10b9811a}.contact-form__message--error{color:var(--color-error);border:1px solid var(--color-error);background:#ef44441a}.contact-form__btn{background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font-sans);border:none;padding:14px 28px;transition:background .15s}.contact-form__btn:hover{background:var(--color-primary-dark)}@media (width<=560px){.contact-form-section{padding:40px 0}.contact-form{padding:24px}}.contact-form__input--error,.contact-form__textarea--error{border-color:var(--color-error)}.contact-form__input--error:focus,.contact-form__textarea--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef444426}.contact-form__error{color:var(--color-error);min-height:16px;margin-top:4px;font-size:12px;line-height:1.4}.contact-form__btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card__image{background-color:#0000;justify-content:center;align-items:center;min-height:160px;padding:24px;display:flex;position:relative}.product-card__image-placeholder{aspect-ratio:4/3;width:100%;max-width:200px}.product-card__image-placeholder svg{width:60%;height:auto;margin:0 auto;display:block}.product-card__image-real{object-fit:contain;border-radius:8px;width:100%;max-width:100%;height:auto;max-height:200px;display:block}.product-card__body{flex:1;padding:16px}.product-card__name{color:var(--color-text);font-size:18px;font-weight:700;font-family:var(--font-mono);margin:0 0 12px}.product-card__specs{grid-template-columns:1fr auto;align-items:center;gap:8px 16px;display:grid}.product-card__spec{justify-content:space-between;align-items:center;font-size:14px;display:contents}.product-card__spec-label{color:var(--color-text-muted)}.product-card__spec-value{color:var(--color-primary);font-weight:600;font-family:var(--font-mono);text-align:right;white-space:nowrap}.product-card__spec-value--truncate{text-overflow:ellipsis;vertical-align:bottom;max-width:200px;display:inline-block;overflow:hidden}.product-card__footer{border-top:1px solid var(--color-border);flex-direction:column;gap:12px;padding:16px;display:flex}.product-card__price{justify-content:space-between;align-items:center;display:flex}.product-card__price-label{color:var(--color-text-muted);font-size:13px}.product-card__price-value{color:var(--color-accent);font-size:18px;font-weight:700}.product-card__btn{background:var(--color-primary);color:var(--color-text-inverse);text-align:center;border-radius:var(--radius);text-transform:uppercase;letter-spacing:.05em;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s;display:block}.product-card__btn:hover{background:var(--color-primary-dark)}.catalog-grid{width:100%}.catalog-grid__filters{flex-wrap:wrap;gap:24px;margin-bottom:32px;display:flex}.catalog-grid__filter-group{flex-direction:column;gap:8px;min-width:220px;display:flex}.catalog-grid__filter-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.custom-select{width:100%;position:relative}.custom-select__trigger{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #334155;border-radius:10px;outline:none;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.custom-select__trigger:hover{border-color:#475569}.custom-select__trigger--open{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.custom-select__arrow{color:#94a3b8;flex-shrink:0;margin-left:8px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.custom-select__trigger--open .custom-select__arrow{color:#3b82f6;transform:rotate(180deg)}.custom-select__menu{z-index:50;opacity:0;visibility:hidden;background:#f8fafc;border:1px solid #334155;border-radius:10px;max-height:280px;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden auto;transform:translateY(-8px)scale(.98);box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #0000004d}.custom-select__menu--open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.custom-select__option{color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 14px;font-size:14px;transition:background .15s,color .15s}.custom-select__option:hover{color:#f8fafc;background:#3b82f6}.custom-select__option--selected{color:#fff;background:#3b82f6;font-weight:500}.custom-select__menu::-webkit-scrollbar{width:6px}.custom-select__menu::-webkit-scrollbar-track{background:0 0}.custom-select__menu::-webkit-scrollbar-thumb{background:0 0;border-radius:3px}.catalog-grid__list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.catalog-grid__empty{text-align:center;color:#64748b;padding:48px 0;font-size:16px}@media (width<=860px){.catalog-grid__list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (width<=560px){.catalog-grid__filters{flex-direction:column;gap:16px}.catalog-grid__filter-group{min-width:100%}.catalog-grid__list{grid-template-columns:1fr}}.catalog-page{background:var(--color-bg);min-height:60vh;padding:48px 0}.catalog-page__container{width:min(1180px,100% - 40px);margin:0 auto}.catalog-page__title{color:var(--color-text);margin:0 0 32px;font-size:clamp(24px,3vw,36px);font-weight:700}.catalog-page__loading,.catalog-page__error{text-align:center;color:var(--color-text-muted);padding:48px 0;font-size:18px}.catalog-page__error{color:var(--color-error)}.product-page{background:var(--color-bg);min-height:60vh;padding:48px 0}.product-page__container{width:min(1180px,100% - 40px);margin:0 auto}.product-page__back{color:var(--color-primary);margin-bottom:24px;font-size:15px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-block}.product-page__back:hover{color:var(--color-primary-dark)}.product-page__loading,.product-page__error{text-align:center;padding:48px 0;font-size:18px}.product-page__loading{color:var(--color-text-muted)}.product-page__error{color:var(--color-error)}.product-page__content{gap:32px;display:grid}.product-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.product-page__name{color:var(--color-text);font-size:clamp(24px,3vw,36px);font-weight:700;font-family:var(--font-mono);margin:0}.product-page__price{color:var(--color-accent);font-size:24px;font-weight:700}.product-page__image{justify-content:center;display:flex}.product-page__specs,.product-page__features{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.product-page__specs-title,.product-page__features-title{color:var(--color-text);margin:0 0 16px;font-size:20px;font-weight:600}.product-page__specs-list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.product-page__spec-item{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:8px 0;display:flex}.product-page__spec-item dt{color:var(--color-text-muted);font-size:14px}.product-page__spec-item dd{color:var(--color-primary);font-weight:600;font-family:var(--font-mono);text-align:right;margin:0;font-size:14px}.product-page__features-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.product-page__features-list li{background:var(--color-bg);border-radius:var(--radius);color:var(--color-text);padding:8px 12px;font-size:14px}.product-page__actions{flex-wrap:wrap;gap:16px;display:flex}.product-page__btn{border-radius:var(--radius);text-transform:uppercase;letter-spacing:.05em;text-align:center;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-block}.product-page__btn--primary{background:var(--color-accent);color:var(--color-text)}.product-page__btn--primary:hover{background:var(--color-accent-hover);transform:translateY(-2px)}.product-page__btn--secondary{background:var(--color-primary);color:var(--color-text-inverse)}.product-page__btn--secondary:hover{background:var(--color-primary-dark);transform:translateY(-2px)}@media (width<=860px){.product-page__specs-list{grid-template-columns:1fr}}@media (width<=560px){.product-page__header{flex-direction:column;align-items:flex-start}.product-page__actions{flex-direction:column}.product-page__btn{width:100%}}.product-page__real-image{object-fit:contain;border-radius:var(--radius-lg);width:100%;max-width:500px;height:auto;max-height:400px;display:block}.product-page__image-placeholder{aspect-ratio:4/3;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:100%;max-width:500px;padding:24px;display:flex}.product-page__image-placeholder svg{width:60%;height:auto}.blog-page{background:linear-gradient(180deg, var(--color-bg) 0%, var(--color-surface) 100%);min-height:100vh;padding:0 0 100px}.blog-page__container{width:min(1200px,100% - 40px);margin:0 auto}.blog-page__title{color:var(--color-text);letter-spacing:-.5px;margin-bottom:16px;font-size:40px;font-weight:800}.blog-page__intro{color:var(--color-text-secondary);max-width:700px;margin-bottom:15px;font-size:17px;line-height:1.6}.blog-categories{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:16px;flex-wrap:wrap;gap:10px;margin-bottom:15px;padding:20px;display:flex}.blog-category-tag{background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:30px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.blog-category-tag:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.blog-category-tag--active{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark,#1e40af) 100%);color:#fff;border-color:var(--color-primary);font-weight:600;transform:translateY(-2px);box-shadow:0 4px 16px #2563eb4d}.blog-filter-info{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;padding:20px;display:flex;box-shadow:0 2px 8px #3b82f61a}.blog-filter-info__text{flex-direction:column;flex:1;gap:12px;display:flex}.blog-filter-info__text>span:first-child{color:#1e40af;font-size:15px;font-weight:600}.blog-filter-tags{flex-wrap:wrap;gap:8px;display:flex}.blog-filter-tag{color:#1e40af;background:#fff;border:1px solid #93c5fd;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:500;display:inline-flex}.blog-filter-tag__remove{color:#3b82f6;cursor:pointer;background:#dbeafe;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:16px;line-height:1;transition:all .15s;display:inline-flex}.blog-filter-tag__remove:hover{color:#fff;background:#dc2626}.blog-filter-clear{color:#3b82f6;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.blog-filter-clear:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;margin-bottom:40px;display:grid}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);color:inherit;border-radius:16px;flex-direction:column;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.blog-card:hover{border-color:#2563eb33;transform:translateY(-6px);box-shadow:0 20px 40px #00000014,0 4px 12px #0000000a}.blog-card__image-wrapper{aspect-ratio:16/9;background:linear-gradient(135deg,#e5e7fb 0%,#f3f4f6 100%);width:100%;position:relative;overflow:hidden}.blog-card__image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-card__image{transform:scale(1.05)}.blog-card__image-placeholder{color:#99a;background:#e5e7fb;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.blog-card__content{flex-direction:column;flex:1;gap:14px;padding:28px;display:flex}.blog-card__meta{flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.blog-card__category{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fcd34d;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600}.blog-card__date{color:var(--color-text-secondary);font-weight:400}.blog-card__title{color:var(--color-text);letter-spacing:-.3px;margin:0;font-size:19px;font-weight:700;line-height:1.4}.blog-card__excerpt{color:var(--color-text-secondary);-webkit-box-orient:vertical;flex:1;margin:0;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card__link{color:var(--color-primary);align-items:center;gap:6px;margin-top:8px;font-size:15px;font-weight:600;display:inline-flex}.blog-card__link svg{transition:transform .2s}.blog-card:hover .blog-card__link svg{transform:translate(4px)}.blog-card__link:hover{gap:10px}.blog-pagination{border-top:1px solid var(--color-border);justify-content:center;align-items:center;gap:12px;margin-top:48px;padding-top:32px;display:flex}.blog-pagination__btn{background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.blog-pagination__btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb40}.blog-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.blog-pagination__info{color:var(--color-text);background:var(--color-bg);text-align:center;border-radius:8px;min-width:80px;padding:8px 16px;font-size:15px;font-weight:600}.blog-empty{text-align:center;color:var(--color-text-secondary);background:var(--color-surface);border:2px dashed var(--color-border);border-radius:16px;padding:80px 20px;font-size:16px}.blog-loading,.blog-error{text-align:center;color:var(--color-text-secondary);padding:80px 20px;font-size:18px}.blog-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:24px}.blog-post__category{background:var(--color-primary-light);color:var(--color-primary);border-radius:20px;padding:4px 12px;font-size:13px;font-weight:500}.blog-post__cover{background:var(--color-bg);border-radius:12px;width:100%;max-height:500px;margin:24px 0 0;overflow:hidden}.blog-post__tag{background:var(--color-bg);color:var(--color-text-secondary);border-radius:6px;padding:6px 12px;font-size:14px}.blog-post-loading,.blog-post-error{text-align:center;color:var(--color-text-secondary);padding:80px 20px;font-size:18px}.blog-post-error{color:#dc2626}@media (width<=768px){.blog-page,.blog-post{padding:40px 0 60px}.blog-page__title,.blog-post__title{font-size:32px}.blog-page__intro{font-size:16px}.blog-categories{gap:8px;padding:16px}.blog-category-tag{padding:8px 14px;font-size:13px}.blog-grid{grid-template-columns:1fr;gap:20px}.blog-card__content,.blog-post__container{padding:24px}.blog-card__title{font-size:18px}.blog-filter-info{flex-direction:column;gap:16px}.blog-filter-info__text{width:100%}.blog-post__cover{max-height:300px}.blog-post__content{font-size:16px}.blog-post__content h2{font-size:22px}}@media (width<=480px){.blog-page__title,.blog-post__title{font-size:28px}.blog-categories{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;padding:16px 12px;overflow-x:auto}.blog-categories::-webkit-scrollbar{display:none}.blog-category-tag{flex-shrink:0}.blog-filter-tags{max-width:100%}.blog-filter-tag{padding:5px 10px;font-size:13px}.blog-card__image-wrapper{aspect-ratio:16/10}}.blog-post{background:#fff;min-height:100vh;padding:60px 0 80px}.blog-post__container{width:min(1200px,100% - 40px);margin:0 auto}.blog-post__back{color:#666;align-items:center;gap:8px;margin-bottom:32px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-flex}.blog-post__back:hover{color:#000}.blog-post__header{border-bottom:1px solid #e5e5e5;margin-bottom:40px;padding-bottom:24px}.blog-post__title{color:#000;margin:20px 0 0;font-size:36px;font-weight:700;line-height:1.2}.blog-post__meta{color:#666;align-items:center;gap:12px;font-size:14px;display:flex}.blog-post__category{color:#333;background:#f5f5f5;border-radius:4px;padding:4px 12px;font-size:13px}.blog-post__cover{border-radius:8px;width:100%;max-height:500px;margin:24px 0 0;overflow:hidden}.blog-post__cover img{object-fit:cover;width:100%;height:100%}.blog-post__cover-placeholder{color:#999;background:#f5f5f5;justify-content:center;align-items:center;width:100%;min-height:300px;display:flex}.blog-post__content{color:#333;font-size:17px;line-height:1.7}.blog-post__content h2{color:#000;margin:36px 0 16px;font-size:26px;font-weight:600}.blog-post__content h3{color:#000;margin:28px 0 12px;font-size:20px;font-weight:600}.blog-post__content p{margin:0 0 20px}.blog-post__content ul,.blog-post__content ol{margin:0 0 24px 24px}.blog-post__content li{margin:8px 0}.blog-post__content img{border-radius:8px;max-width:100%;height:auto;margin:24px 0}.blog-post__content a{color:#06c;text-decoration:underline}.blog-post__tags{border-top:1px solid #e5e5e5;flex-wrap:wrap;gap:8px;margin-top:40px;padding-top:24px;display:flex}.blog-post__tag{color:#666;background:#f5f5f5;border-radius:4px;padding:6px 14px;font-size:14px}.comments-section{box-sizing:border-box;background:0 0;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin-top:80px;padding:40px;box-shadow:0 4px 16px #0066cc84}.comments-section__title{color:#111;border-bottom:2px solid #d0d0d0;margin-bottom:32px;padding-bottom:16px;font-size:22px;font-weight:600}.comment-form{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:40px;padding:24px}.comment-form__reply-notice{color:#333;background:#f0f4ff;border:1px solid #d0e0ff;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 16px;font-size:14px;display:flex}.comment-form__cancel-reply{color:#999;cursor:pointer;background:0 0;border:none;width:24px;height:24px;padding:0;font-size:18px}.comment-form__cancel-reply:hover{color:#000}.comment-form__row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.comment-form__input,.comment-form__textarea{background:#fff;border:1px solid #e5e5e5;border-radius:6px;width:100%;padding:12px;font-family:inherit;font-size:15px}.comment-form__input:focus,.comment-form__textarea:focus{border-color:#06c;outline:none}.comment-form__textarea{resize:none;min-height:120px;margin-bottom:16px}.comment-form__actions{justify-content:space-between;align-items:center;display:flex}.comment-form__remember{cursor:pointer;color:#666;align-items:center;gap:8px;font-size:14px;display:flex}.comment-form__remember input[type=checkbox]{cursor:pointer;width:16px;height:16px}.comment-form__submit{color:#fff;cursor:pointer;background:#000;border:none;border-radius:6px;padding:12px 32px;font-size:15px;font-weight:500}.comment-form__submit:hover:not(:disabled){background:#333}.comment-form__submit:disabled{opacity:.5;cursor:not-allowed}.comment-form__error{color:#c00;background:#fee;border:1px solid #fcc;border-radius:6px;margin-top:12px;padding:10px 12px;font-size:14px}.comment-form__success{color:#090;background:#efe;border:1px solid #cfc;border-radius:6px;margin-top:12px;padding:10px 12px;font-size:14px}.comments-list{flex-direction:column;gap:20px;max-height:550px;padding-right:8px;display:flex;overflow-y:auto}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-track{background:0 0;border-radius:4px}.comments-list::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:10px}.comments-list::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.comments-loading,.comments-empty{text-align:center;color:#666;padding:48px 20px;font-size:15px}.comment-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:24px;transition:all .2s}.comment-item:hover{border-color:#ccc;box-shadow:0 2px 8px #0000000a}.comment-item--reply{background:#fcfcfc;border-left:3px solid #06c;margin-left:32px}.comment-item__header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.comment-item__author{color:#000;font-size:15px;font-weight:600}.comment-item__date{color:#999;font-size:13px}.comment-item__content{color:#333;margin-bottom:12px;font-size:15px;line-height:1.6}.comment-item__reply-btn{color:#06c;cursor:pointer;background:0 0;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .15s;display:inline-flex}.comment-item__reply-btn:hover{color:#fff;background:#06c;border-color:#06c}@media (width<=768px){.comments-section{border-radius:8px;width:100%;padding:24px}.blog-post{padding:40px 0 60px}.blog-post__title{font-size:28px}.blog-post__content{font-size:16px}.comment-form__row{grid-template-columns:1fr}.comment-form__actions{flex-direction:column;align-items:flex-start;gap:12px}.comment-form__submit{width:100%}.comment-item--reply{margin-left:16px}.comments-list{max-height:80vh}}:root{--color-primary:#1e3a8a;--color-primary-dark:#172554;--color-secondary:#475569;--color-accent:#f59e0b;--color-accent-hover:#d97706;--color-bg:#f8fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-muted:#64748b;--color-text-inverse:#fff;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--radius:8px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--font-sans:"Inter", "Noto Sans SC", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-surface);margin:0;font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}p{margin:0}a{color:inherit}img,svg{max-width:100%;display:block}input,textarea,select,button{font-family:inherit;font-size:inherit}button{cursor:pointer;background:0 0;border:none}ul,ol{margin:0;padding:0;list-style:none}