:root{ --color-bg: #f4f7fb;--color-surface: #ffffff;--color-primary: #0b2d5c;--color-accent: #1f8fd6;--color-accent-dark: #156aa3;--color-text: #1a2433;--color-muted: #5f6b7a;--color-border: #d7dee8;--radius: 8px;--shadow: 0 8px 24px rgba(11, 45, 92, 0.08);--container: 1200px;--font: "ASAIR Sans", "Segoe UI", Arial, sans-serif;} *, *::before, *::after{ box-sizing: border-box;} html{ scroll-behavior: smooth;} body{ margin: 0;font-family: var(--font);color: var(--color-text);background: var(--color-bg);line-height: 1.55;} img{ max-width: 100%;height: auto;display: block;} a{ color: var(--color-accent);text-decoration: none;} a:hover{ color: var(--color-accent-dark);text-decoration: underline;} a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{ outline: 3px solid var(--color-accent);outline-offset: 2px;} .container{ width: min(100% - 32px, var(--container));margin-inline: auto;} .skip-link{ position: absolute;left: -9999px;top: 0;background: #fff;padding: 8px 12px;z-index: 9999;} .skip-link:focus{ left: 8px;} .site-header{ background: var(--color-surface);border-bottom: 1px solid var(--color-border);position: sticky;top: 0;z-index: 100;} .site-header__inner{ display: flex;align-items: center;gap: 16px;padding: 12px 0;flex-wrap: wrap;} .site-logo{ display: inline-flex;flex-direction: column;color: var(--color-primary);font-weight: 600;line-height: 1.1;} .site-logo__main{ font-size: 1.35rem;letter-spacing: 0.04em;} .site-logo__sub{ font-size: 0.78rem;color: var(--color-muted);font-weight: 400;} .site-nav{ flex: 1 1 auto;} .site-nav .menu{ display: flex;gap: 16px;list-style: none;margin: 0;padding: 0;flex-wrap: wrap;} .site-nav a{ color: var(--color-primary);font-weight: 600;} .site-header__contacts{ display: flex;align-items: center;gap: 12px;margin-left: auto;} .site-header__phone{ color: var(--color-primary);font-weight: 600;white-space: nowrap;} .nav-toggle{ display: none;border: 1px solid var(--color-border);background: #fff;padding: 8px 12px;border-radius: var(--radius);} .btn{ display: inline-flex;align-items: center;justify-content: center;border-radius: var(--radius);border: 1px solid transparent;padding: 10px 18px;font-weight: 600;cursor: pointer;text-decoration: none;} .btn--primary{ background: var(--color-accent);color: #fff;} .btn--primary:hover{ background: var(--color-accent-dark);color: #fff;text-decoration: none;} .btn--secondary{ background: var(--color-primary);color: #fff;} .btn--secondary:hover{ background: #082245;color: #fff;text-decoration: none;} .btn--ghost{ background: transparent;border-color: var(--color-border);color: var(--color-primary);} .btn--sm{ padding: 8px 12px;font-size: 0.92rem;} .site-main{ padding: 24px 0 64px;} .hero{ background: linear-gradient(135deg, #0b2d5c 0%, #13467f 55%, #1f8fd6 100%);color: #fff;padding: 48px 24px;border-radius: var(--radius);margin-bottom: 32px;} .hero__lead{ max-width: 720px;font-size: 1.08rem;color: #e8f2fb;} .hero .btn{ margin-right: 8px;margin-top: 8px;} .section{ margin: 32px 0;} .section--vacuum{ background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius);padding: 24px;box-shadow: var(--shadow);} .category-grid{ display: grid;grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));gap: 16px;} .category-card{ display: block;background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius);padding: 18px;color: var(--color-text);box-shadow: var(--shadow);} .category-card:hover{ border-color: var(--color-accent);text-decoration: none;} .category-card--featured{ grid-column: span 2;border-color: var(--color-accent);} .category-card span{ display: block;margin-top: 8px;color: var(--color-muted);font-size: 0.92rem;} .product-grid{ display: grid;grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));gap: 20px;margin: 24px 0;} .product-card{ background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius);overflow: hidden;box-shadow: var(--shadow);display: flex;flex-direction: column;} .product-card__media{ aspect-ratio: 4/3;background: #eef3f9;display: flex;align-items: center;justify-content: center;} .product-card__placeholder{ width: 100%;height: 100%;background: linear-gradient(135deg, #e8eef6, #f8fbff);} .product-card__body{ padding: 16px;display: flex;flex-direction: column;gap: 8px;flex: 1;} .product-card__title{ margin: 0;font-size: 1.05rem;} .product-card__title a{ color: var(--color-primary);} .product-card__excerpt{ color: var(--color-muted);font-size: 0.92rem;margin: 0;} .product-card__meta{ margin: 0;font-size: 0.88rem;} .product-card__meta span{ color: var(--color-muted);} .product-card__actions{ display: flex;flex-wrap: wrap;gap: 8px;margin-top: auto;} .spec-table, .compare-table, .doc-table{ width: 100%;border-collapse: collapse;background: var(--color-surface);} .spec-table th, .spec-table td, .compare-table th, .compare-table td, .doc-table th, .doc-table td{ border: 1px solid var(--color-border);padding: 10px 12px;text-align: left;vertical-align: top;} .spec-table th, .compare-table th{ background: #eef4fb;color: var(--color-primary);width: 34%;font-weight: 600;} .compare-diff{ background: #fff8e6;} .table-scroll{ overflow-x: auto;-webkit-overflow-scrolling: touch;} .product-layout{ display: grid;grid-template-columns: 1fr 1fr;gap: 32px;margin-bottom: 32px;} .product-summary__fullname{ color: var(--color-muted);} .product-summary__cta{ display: flex;flex-wrap: wrap;gap: 12px;margin: 16px 0;} .product-disclaimer{ font-size: 0.88rem;color: var(--color-muted);border-left: 3px solid var(--color-accent);padding-left: 12px;} .breadcrumbs{ margin-bottom: 16px;font-size: 0.9rem;color: var(--color-muted);} .breadcrumbs__list{ display: flex;flex-wrap: wrap;gap: 8px;list-style: none;padding: 0;margin: 0;} .breadcrumbs__item + .breadcrumbs__item::before{ content: "›";margin-right: 8px;color: var(--color-muted);} .asair-form{ background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius);padding: 20px;} .asair-form__grid{ display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px;} .asair-form__full{ grid-column: 1 / -1;} .asair-form label{ display: flex;flex-direction: column;gap: 6px;font-weight: 600;font-size: 0.92rem;} .asair-form input, .asair-form textarea, .asair-form select{ padding: 10px 12px;border: 1px solid var(--color-border);border-radius: var(--radius);font: inherit;} .asair-form__status{ margin-top: 12px;font-weight: 600;} .site-footer{ background: var(--color-primary);color: #dce7f5;margin-top: 48px;padding-top: 40px;} .site-footer a{ color: #fff;} .site-footer__grid{ display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 24px;padding-bottom: 24px;} .site-footer__title{ font-size: 1rem;margin: 0 0 8px;color: #fff;} .site-footer__links{ list-style: none;padding: 0;margin: 0;} .site-footer__bottom{ border-top: 1px solid rgba(255,255,255,0.15);padding: 16px 0 24px;font-size: 0.88rem;} .mobile-action-bar{ position: fixed;left: 0;right: 0;bottom: 0;z-index: 200;display: none;grid-template-columns: repeat(3, 1fr);background: var(--color-primary);} .mobile-action-bar a, .mobile-action-bar button{ border: 0;background: transparent;color: #fff;padding: 14px 8px;font: inherit;font-weight: 600;cursor: pointer;} @media (max-width: 900px){ .product-layout{ grid-template-columns: 1fr;} .category-card--featured{ grid-column: span 1;} .nav-toggle{ display: inline-flex;} .site-nav{ display: none;width: 100%;} .site-nav.is-open{ display: block;} .site-header__contacts{ width: 100%;justify-content: space-between;} .mobile-action-bar{ display: grid;} body{ padding-bottom: 52px;} } @media (max-width: 640px){ .asair-form__grid{ grid-template-columns: 1fr;} } @media print{ .site-header, .site-footer, .mobile-action-bar, .asair-form, .product-summary__cta{ display: none !important;} .spec-table{ page-break-inside: avoid;} }