﻿ :root{--bg: #f9f9f9;--surface: #ffffff;--section: #f3f5f7;--primary: #0d5e89;--primary-hover: #0b4f74;--primary-light: rgba(13, 94, 137, 0.10);--text: #1a1c1c;--muted: #5f6b76;--subtle: #9aa5af;--border: #e3e7eb;--border-hover: #c5cdd5;--footer-bg: #1e3448;--color-bg: var(--bg);--color-surface: var(--section);--color-surface-hover: #e8edf1;--color-border: var(--border);--color-border-hover: var(--border-hover);--color-overlay: rgba(249, 249, 249, 0.72);--color-text: var(--text);--color-text-muted: var(--muted);--color-text-subtle: var(--subtle);--color-accent: var(--primary);--color-accent-hover: var(--primary-hover);--color-accent-light: var(--primary-light);--header-height: 74px;--header-bg: var(--surface);--header-border: var(--border);--container-max: 1280px;--container-px: 64px;--container-px-md: 32px;--container-px-sm: 16px;--font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 40px;--font-size-5xl: 48px;--font-size-6xl: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.10);--shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.14);--transition-fast: 0.15s ease;--transition-base: 0.25s ease;--transition-slow: 0.40s ease;--z-header: 100;--z-mobile-nav: 99;--z-overlay: 98}*, *::before, *::after{box-sizing: border-box;margin: 0;padding: 0}html{font-size: 16px;scroll-behavior: smooth;scroll-padding-top: var(--header-height, 72px);-webkit-text-size-adjust: 100%}body{font-family: var(--font-family);font-size: var(--font-size-base);line-height: 1.6;color: var(--color-text);background-color: var(--color-bg);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}img, video, svg{display: block;max-width: 100%}a{color: inherit;text-decoration: none}ul, ol{list-style: none}button{font-family: inherit;cursor: pointer;border: none;background: none}input, textarea, select{font-family: inherit}.h1{font-size: var(--font-size-6xl);font-weight: 800;line-height: 1.1;letter-spacing: -0.02em}.h2{font-size: var(--font-size-5xl);font-weight: 700;line-height: 1.15;letter-spacing: -0.01em}.h3{font-size: var(--font-size-3xl);font-weight: 700;line-height: 1.2}.h4{font-size: var(--font-size-2xl);font-weight: 600;line-height: 1.3}.h5{font-size: var(--font-size-lg);font-weight: 600;line-height: 1.4}.body-lg{font-size: var(--font-size-md);line-height: 1.6;color: var(--color-text-muted)}.body-sm{font-size: var(--font-size-sm);line-height: 1.5;color: var(--color-text-muted)}.caption{font-size: var(--font-size-xs);line-height: 1.4;color: var(--color-text-subtle)}.container{width: 100%;max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-px)}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0}.flex{display: flex}.flex-center{display: flex;align-items: center;justify-content: center}.flex-between{display: flex;align-items: center;justify-content: space-between}.text-accent{color: var(--color-accent)}.section{padding-block: 96px}.overlay-blur{background: rgba(255, 255, 255, 0.90);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border: 1px solid var(--color-border);border-radius: var(--radius-xl)}.btn{display: inline-flex;align-items: center;justify-content: center;font-family: var(--font-family);font-weight: 600;white-space: nowrap;cursor: pointer;border: none;transition: background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast)}.btn:active{transform: scale(0.98)}.btn--primary{background: var(--color-accent);color: #ffffff;border-radius: var(--radius-sm)}.btn--primary:hover{background: var(--color-accent-hover)}.btn--ghost{background: transparent;color: var(--color-text);border: 1px solid var(--color-border);border-radius: var(--radius-sm)}.btn--ghost:hover{border-color: var(--color-border-hover);background: var(--color-surface)}.header{position: sticky;top: 0;left: 0;right: 0;width: 100%;height: var(--header-height);background-color: var(--header-bg);border-bottom: 1px solid var(--header-border);z-index: var(--z-header);transition: background var(--transition-base), box-shadow var(--transition-base)}.header--scrolled{background-color: rgba(255, 255, 255, 0.95);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);box-shadow: 0 1px 0 var(--header-border), var(--shadow-md)}.header__inner{display: flex;align-items: center;width: 100%;height: 100%;padding-inline: var(--container-px)}.header__logo{flex-shrink: 0;font-size: 20px;font-weight: 800;letter-spacing: -0.02em;color: var(--color-text);line-height: 1;transition: opacity var(--transition-fast)}.header__logo:hover{opacity: 0.85}.header__logo img{display: block;height: 90px !important;width: auto !important}.footer__logo img{display: block;height: 36px !important;width: auto !important}.header__logo span{color: var(--color-accent)}.nav{flex: 1;display: flex;justify-content: center}.nav__list{display: flex;align-items: center;gap: 32px}.nav__item--soon{position: relative}.nav__soon{position: absolute;top: 100%;left: 50%;transform: translateX(-50%);margin-top: 3px;font-size: 10px;font-weight: 600;color: var(--color-accent);letter-spacing: 0.06em;text-transform: lowercase;white-space: nowrap;opacity: 0;transition: opacity var(--transition-fast)}.nav__item--soon:hover .nav__soon{opacity: 1}.nav__link{font-size: var(--font-size-base);font-weight: 500;color: var(--color-text-muted);line-height: 26px;position: relative;transition: color var(--transition-fast)}.nav__link::after{content: '';position: absolute;bottom: -4px;left: 0;width: 0;height: 2px;background: var(--color-accent);border-radius: 2px;transition: width var(--transition-base)}.nav__link:hover{color: var(--color-text)}.nav__link:hover::after, .nav__link--active::after{width: 100%}.nav__link--active{color: var(--color-text)}.header__actions{flex-shrink: 0;display: flex;align-items: center;gap: 16px}.header__price-link{font-size: var(--font-size-base);font-weight: 500;color: var(--color-text-muted);line-height: 26px;white-space: nowrap;transition: color var(--transition-fast)}.header__price-link:hover{color: var(--color-text)}.header__cta{display: inline-flex;align-items: center;justify-content: center;height: 42px;padding: 0 24px;font-size: var(--font-size-base);font-weight: 600;color: #ffffff;background: var(--color-accent);border-radius: var(--radius-sm);white-space: nowrap;transition: background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast)}.header__cta:hover{background: var(--color-accent-hover);box-shadow: 0 4px 16px rgba(13, 94, 137, 0.28)}.header__cta:active{transform: scale(0.97)}.header__cta:focus-visible{outline: 2px solid #ffffff;outline-offset: 3px}.header__burger{display: none;flex-direction: column;justify-content: center;align-items: center;gap: 5px;width: 42px;height: 42px;border-radius: var(--radius-xs);flex-shrink: 0;transition: background var(--transition-fast)}.header__burger:hover{background: var(--color-surface)}.header__burger:focus-visible{outline: 2px solid var(--primary);outline-offset: 2px}.header__burger-line{display: block;width: 22px;height: 2px;background: var(--color-text);border-radius: 2px;transform-origin: center;transition: transform var(--transition-base), opacity var(--transition-base), width var(--transition-base)}.header__burger[aria-expanded="true"] .header__burger-line:nth-child(1){transform: translateY(7px) rotate(45deg)}.header__burger[aria-expanded="true"] .header__burger-line:nth-child(2){opacity: 0;width: 0}.header__burger[aria-expanded="true"] .header__burger-line:nth-child(3){transform: translateY(-7px) rotate(-45deg)}.mobile-nav{position: fixed;top: 0;left: 0;right: 0;background: var(--header-bg);border-bottom: 1px solid var(--header-border);opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 0.2s ease, visibility 0s 0.2s;z-index: calc(var(--z-header) - 1)}.mobile-nav--open{opacity: 1;visibility: visible;pointer-events: auto;transition: opacity 0.2s ease, visibility 0s}.mobile-nav__list{display: flex;flex-direction: column;padding: 8px var(--container-px) 24px}.mobile-nav__item{border-bottom: 1px solid var(--header-border)}.mobile-nav__item:last-child{border-bottom: none}.mobile-nav__link{display: block;padding: 14px 0;font-size: var(--font-size-md);font-weight: 500;color: var(--color-text-muted);transition: color var(--transition-fast)}.mobile-nav__link:hover{color: var(--color-text)}.mobile-nav__link:focus-visible, .mobile-nav__price-link:focus-visible{outline: 2px solid var(--primary);outline-offset: 2px;border-radius: 4px}.mobile-nav__item--actions{display: flex;align-items: center;gap: 12px;padding-top: 16px;border-bottom: none}.mobile-nav__price-link{font-size: var(--font-size-base);font-weight: 500;color: var(--color-text-muted);transition: color var(--transition-fast)}.mobile-nav__price-link:hover{color: var(--color-text)}.mobile-nav__cta{display: inline-flex;align-items: center;justify-content: center;height: 42px;padding: 0 24px;font-size: var(--font-size-base);font-weight: 600;color: #ffffff;background: var(--color-accent);border-radius: var(--radius-sm);white-space: nowrap;transition: background var(--transition-fast)}.mobile-nav__cta:hover{background: var(--color-accent-hover)}.hero{position: relative;width: 100%;min-height: 870px;overflow: hidden;display: flex;align-items: stretch}.hero__bg{position: absolute;inset: 0;z-index: 0}.hero__img{width: 100%;height: 100%;object-fit: cover;object-position: 65% center;display: block}.hero__gradient{position: absolute;inset: 0;background: linear-gradient(118deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.28) 30%, rgba(0, 0, 0, 0.50) 60%, rgba(0, 0, 0, 0.62) 100%)}.hero__inner{position: relative;z-index: 1;width: 100%;max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-px);padding-top: 145px;padding-bottom: 145px}.hero__content{display: flex;flex-direction: column;gap: 24px;max-width: 672px}.hero__badge{display: inline-flex;align-items: center;width: fit-content;height: 20px;padding-inline: 12px;background: rgba(255, 255, 255, 0.15);border: 1px solid rgba(255, 255, 255, 0.30);border-radius: 999px}.hero__badge-text{font-size: 12px;font-weight: 500;line-height: 1;color: rgba(255, 255, 255, 0.72);letter-spacing: 0.025em;white-space: nowrap}.hero__title{font-size: 64px;font-weight: 800;line-height: 1.25;letter-spacing: -0.02em;color: #ffffff;max-width: 672px;margin: 0}.hero__subtitle{max-width: 512px}.hero__subtitle p{font-size: 16px;line-height: 1.55;color: rgba(255, 255, 255, 0.68);margin: 0}.hero__actions{display: flex;align-items: center;gap: 16px;padding-top: 16px}.hero__btn{display: inline-flex;align-items: center;justify-content: center;height: 58px;font-size: 16px;font-weight: 600;line-height: 1;white-space: nowrap;border-radius: var(--radius-sm);transition: background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast)}.hero__btn:active{transform: scale(0.98)}.hero__btn--primary{padding-inline: 40px;background: var(--color-accent);color: #ffffff;border: 2px solid transparent}.hero__btn--primary:hover{background: var(--color-accent-hover);box-shadow: 0 8px 28px rgba(13, 94, 137, 0.38)}.hero__btn--ghost{padding-inline: 41px;background: transparent;color: #ffffff;border: 1px solid rgba(255, 255, 255, 0.40)}.hero__btn--ghost:hover{background: rgba(255, 255, 255, 0.12);border-color: rgba(255, 255, 255, 0.70)}.hero__btn:focus-visible{outline: 2px solid rgba(255, 255, 255, 0.80);outline-offset: 3px}.advantages{padding-block: 96px;background: var(--color-bg)}.advantages__container{width: 100%;max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-px)}.advantages__header{text-align: center;margin-bottom: 64px}.advantages__title{font-size: 40px;font-weight: 700;line-height: 1.2;letter-spacing: -0.01em;color: var(--color-text);margin: 0}.advantages__underline{width: 80px;height: 4px;background: var(--color-accent);border-radius: 2px;margin: 16px auto 0}.advantages__grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px}.advantages-card{padding: 41px;border-radius: 16px;display: flex;flex-direction: column;min-height: 285.97px;transition: transform var(--transition-base), box-shadow var(--transition-base)}.advantages-card:hover{transform: translateY(-4px)}.advantages-card--overlay{background: #ffffff;border: 1px solid rgba(0, 0, 0, 0.08);box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06)}.advantages-card--overlay:hover{box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12)}.advantages-card--bg{background: #ffffff;border: 1px solid rgba(13, 94, 137, 0.18);box-shadow: 0 2px 12px rgba(13, 94, 137, 0.08)}.advantages-card--bg:hover{box-shadow: 0 8px 24px rgba(13, 94, 137, 0.14)}.advantages-card__icon-wrap{height: 42px;display: flex;align-items: flex-start;margin-bottom: 30px;flex-shrink: 0}.advantages-card__icon{display: block;object-fit: contain}.advantages-card__title{font-size: 24px;font-weight: 700;line-height: 1.33;letter-spacing: -0.01em;color: var(--color-text);margin: 0 0 22px 0;flex-shrink: 0}.advantages-card__text{font-size: 16px;line-height: 1.6;color: var(--color-text-muted);margin: 0}.services{background-color: var(--color-bg);overflow: hidden}.services__inner{display: grid;grid-template-columns: 1fr 1fr;min-height: 560px;max-width: var(--container-max);margin-inline: auto}.services__image-col{position: relative;overflow: hidden}.services__image{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block}.services__image-overlay{position: absolute;inset: 0;background: linear-gradient(to right, transparent 40%, rgba(249, 249, 249, 0.75) 75%, rgba(249, 249, 249, 1.00) 100%)}.services__content-col{padding: 80px 64px 80px 56px;display: flex;flex-direction: column;justify-content: center;gap: 48px}.services__header{display: flex;flex-direction: column;gap: 0}.services__title{font-size: 40px;font-weight: 700;line-height: 1.2;letter-spacing: -0.02em;color: var(--color-text);margin: 0 0 16px 0}.services__underline{width: 80px;height: 4px;background: var(--color-accent);border-radius: 2px}.services__list{list-style: none;display: flex;flex-direction: column;gap: 32px}.services-item{display: flex;align-items: flex-start;gap: 20px}.services-item__icon-wrap{flex-shrink: 0;width: 44px;height: 44px;display: flex;align-items: flex-start;padding-top: 2px}.services-item__icon{display: block;object-fit: contain}.services-item__body{display: flex;flex-direction: column;gap: 6px}.services-item__title{font-size: 20px;font-weight: 700;line-height: 1.3;letter-spacing: -0.01em;color: var(--color-text);margin: 0}.services-item__text{font-size: 15px;line-height: 1.6;color: var(--color-text-muted);margin: 0}.services__cta{display: inline-flex;align-items: center;justify-content: center;align-self: flex-start;height: 54px;padding-inline: 36px;background: var(--color-accent);color: #ffffff;font-size: 15px;font-weight: 600;line-height: 1;letter-spacing: 0.01em;border-radius: var(--radius-sm);white-space: nowrap;text-decoration: none;transition: background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast)}.services__cta:hover{background: var(--color-accent-hover);box-shadow: 0 6px 20px rgba(13, 94, 137, 0.28)}.services__cta:active{transform: scale(0.98)}.products{padding-block: 96px;background-color: var(--color-bg)}.products__container{max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-px);display: flex;flex-direction: column;gap: 64px}.products__header{display: flex;align-items: flex-end;justify-content: space-between;gap: 24px}.products__header-left{display: flex;flex-direction: column;gap: 12px}.products__title{font-size: 40px;font-weight: 700;line-height: 1.2;letter-spacing: -0.02em;color: var(--color-text);margin: 0}.products__subtitle{font-size: 16px;line-height: 1.6;color: var(--color-text-muted);margin: 0}.products__link{font-size: 16px;font-weight: 500;line-height: 1.5;color: var(--color-accent);text-decoration: none;white-space: nowrap;flex-shrink: 0;padding-bottom: 2px;border-bottom: 1px solid rgba(13, 94, 137, 0.35);transition: color var(--transition-fast), border-color var(--transition-fast)}.products__link:hover, .products__link:focus-visible{color: var(--color-accent-hover);border-color: var(--color-accent-hover);outline: none}.products__grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 24px}.products__grid--3col{grid-template-columns: repeat(3, 1fr)}.products-card{position: relative;height: 400px;border-radius: var(--radius-lg);overflow: hidden;isolation: isolate}.products-card__bg{position: absolute;inset: 0;z-index: 0}.products-card__img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;transition: transform 0.5s ease}.products-card:hover .products-card__img{transform: scale(1.04)}.products-card__gradient{position: absolute;inset: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.10) 32%, rgba(0, 0, 0, 0.60) 62%, rgba(0, 0, 0, 0.88) 100%);z-index: 1}.products-card__content{position: absolute;inset: 0;z-index: 2;display: flex;flex-direction: column;justify-content: flex-end;padding: 40px;gap: 0}.products-card__title{font-size: 40px;font-weight: 700;line-height: 1.2;letter-spacing: -0.02em;color: #ffffff;margin: 0 0 8px 0}.products-card__text{font-size: 16px;line-height: 1.6;color: rgba(255, 255, 255, 0.80);margin: 0 0 24px 0;max-width: 380px}.products-card__btn{display: inline-flex;align-items: center;justify-content: center;height: 50px;padding-inline: 33px;border: 1.5px solid rgba(255, 255, 255, 0.50);border-radius: var(--radius-sm);background: transparent;color: #ffffff;font-size: 15px;font-weight: 600;line-height: 1;text-decoration: none;letter-spacing: 0.01em;white-space: nowrap;align-self: flex-start;transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast)}.products-card__btn:hover, .products-card__btn:focus-visible{background: rgba(255, 255, 255, 0.12);border-color: rgba(255, 255, 255, 0.70);outline: none}.review-order__container{max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-px)}.review-order__reviews-wrap{padding-block: 96px;background-color: var(--color-bg)}.review-order__header{text-align: center;margin-bottom: 64px}.review-order__reviews-title{font-size: 40px;font-weight: 700;line-height: 1.2;letter-spacing: -0.02em;color: var(--color-text);margin: 0 0 16px 0}.review-order__underline{width: 80px;height: 4px;background: var(--color-accent);border-radius: 2px;margin-inline: auto}.reviews-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;align-items: stretch}.review-card{padding: 32px;border-radius: var(--radius-lg);background: #ffffff;border: 1px solid #e3e7eb;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);display: flex;flex-direction: column;gap: 0;position: relative;transition: transform var(--transition-base), box-shadow var(--transition-base)}.review-card::before{content: '\201C';position: absolute;top: 16px;right: 24px;font-size: 80px;line-height: 1;color: var(--color-accent);opacity: 0.12;font-family: Georgia, serif;pointer-events: none;user-select: none}.review-card:hover{transform: translateY(-4px);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10)}.review-card__top{margin-bottom: 20px}.review-card__stars{display: flex;gap: 3px;color: var(--color-accent)}.review-card__star{width: 16px;height: 16px;flex-shrink: 0}.review-card__body{margin: 0;flex-grow: 1}.review-card__text{font-size: 15px;line-height: 1.7;color: var(--color-text-muted);margin: 0 0 24px 0}.review-card__author{display: flex;align-items: center;gap: 12px;margin-top: auto}.review-card__avatar{width: 40px;height: 40px;border-radius: 50%;background: var(--color-accent-light);color: var(--color-accent);font-size: 15px;font-weight: 700;display: flex;align-items: center;justify-content: center;flex-shrink: 0;text-transform: uppercase}.review-card__avatar--teal{background: rgba(13, 94, 137, 0.12);color: #0d5e89}.review-card__avatar--orange{background: rgba(13, 94, 137, 0.10);color: var(--color-accent)}.review-card__author-info{display: flex;flex-direction: column;gap: 2px}.review-card__name{font-size: 14px;font-weight: 600;color: var(--color-text);margin: 0}.review-card__meta{font-size: 12px;color: var(--color-text-subtle);margin: 0}.review-card__star--empty{color: #d1d5db}.review-submit-panel{margin-top: 56px}.review-submit-panel__inner{max-width: 720px;margin-inline: auto;background: #ffffff;border: 1px solid #e3e7eb;border-radius: var(--radius-lg);box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);padding: 40px 48px}.review-submit-panel__title{font-size: 20px;font-weight: 700;color: var(--text, #1a1c1c);margin: 0 0 6px 0;letter-spacing: -0.01em}.review-submit-panel__subtitle{font-size: 14px;color: var(--muted, #5f6b76);margin: 0 0 28px 0;line-height: 1.5}.review-submit-panel__form{display: flex;flex-direction: column;gap: 18px}.review-submit-panel__row{display: grid;grid-template-columns: 1fr auto;gap: 24px;align-items: start}.review-submit-panel__field{display: flex;flex-direction: column;gap: 7px}.review-submit-panel__label{font-size: 13px;font-weight: 500;color: var(--muted, #5f6b76);letter-spacing: 0.01em;display: block}.review-submit-panel__required{color: var(--primary, #0d5e89);margin-left: 2px}.review-submit-panel__input{height: 48px;width: 100%;padding: 0 14px;background: #ffffff;border: 1px solid #e3e7eb;border-radius: var(--radius-sm, 8px);color: var(--text, #1a1c1c);font-family: var(--font-family);font-size: 15px;line-height: 48px;outline: none;appearance: none;-webkit-appearance: none;box-sizing: border-box;transition: border-color 0.15s ease, box-shadow 0.15s ease}.review-submit-panel__input::placeholder{color: var(--subtle, #9aa5af)}.review-submit-panel__input:focus{border-color: var(--primary, #0d5e89);box-shadow: 0 0 0 3px rgba(13, 94, 137, 0.10)}.review-submit-panel__textarea{width: 100%;min-height: 110px;padding: 12px 14px;background: #ffffff;border: 1px solid #e3e7eb;border-radius: var(--radius-sm, 8px);color: var(--text, #1a1c1c);font-family: var(--font-family);font-size: 15px;line-height: 1.6;resize: vertical;outline: none;box-sizing: border-box;transition: border-color 0.15s ease, box-shadow 0.15s ease}.review-submit-panel__textarea::placeholder{color: var(--subtle, #9aa5af)}.review-submit-panel__textarea:focus{border-color: var(--primary, #0d5e89);box-shadow: 0 0 0 3px rgba(13, 94, 137, 0.10)}.review-submit-panel__error{font-size: 12px;color: #dc2626;min-height: 16px;display: block;line-height: 1.4}.review-submit-panel__btn{width: 100%;height: 52px;display: flex;align-items: center;justify-content: center;background: var(--primary, #0d5e89);color: #ffffff;font-family: var(--font-family);font-size: 15px;font-weight: 700;letter-spacing: 0.01em;border: none;border-radius: var(--radius-sm, 8px);cursor: pointer;text-decoration: none;transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease}.review-submit-panel__btn:hover:not(:disabled){background: var(--primary-hover, #0b4f74);box-shadow: 0 4px 20px rgba(13, 94, 137, 0.28)}.review-submit-panel__btn:active:not(:disabled){transform: translateY(1px)}.review-submit-panel__btn:focus-visible{outline: 2px solid var(--primary, #0d5e89);outline-offset: 3px}.review-submit-panel__btn:disabled{opacity: 0.6;cursor: not-allowed;transform: none}.review-submit-panel__success{display: flex;align-items: center;gap: 10px;padding: 14px 18px;background: rgba(22, 163, 74, 0.07);border: 1px solid rgba(22, 163, 74, 0.25);border-radius: var(--radius-sm, 8px);font-size: 14px;color: #16a34a;line-height: 1.5}.review-submit-panel__error-msg{padding: 14px 18px;background: #fef2f2;border: 1px solid #fecaca;border-radius: var(--radius-sm, 8px);font-size: 14px;color: #dc2626;line-height: 1.5}.rv-stars{display: inline-flex;flex-direction: row-reverse;gap: 1px;line-height: 1}.rv-stars__input{display: none}.rv-stars__label{font-size: 34px;color: #d1d5db;cursor: pointer;line-height: 1;padding: 1px 3px;transition: color 0.12s ease, transform 0.1s ease;user-select: none;-webkit-tap-highlight-color: transparent}.rv-stars__label.is-active{color: #f59e0b}.rv-stars__label:hover{transform: scale(1.18)}.review-order__form-wrap{padding-block: 80px;background-color: var(--color-surface)}.order-form{max-width: 640px;margin-inline: auto}.order-form__header{text-align: center;margin-bottom: 48px}.order-form__title{font-size: 36px;font-weight: 700;line-height: 1.2;letter-spacing: -0.02em;color: var(--color-text);margin: 0 0 12px 0}.order-form__subtitle{font-size: 16px;line-height: 1.5;color: var(--color-text-muted);margin: 0}.order-form__form{display: flex;flex-direction: column;gap: 20px}.order-form__row{display: grid;grid-template-columns: 1fr 1fr;gap: 16px}.order-form__field{display: flex;flex-direction: column;gap: 8px}.order-form__label{font-size: 13px;font-weight: 500;color: var(--color-text-muted);letter-spacing: 0.01em}.order-form__required{color: var(--color-accent);margin-left: 2px}.order-form__optional{font-size: 12px;color: var(--color-text-subtle);margin-left: 4px;font-weight: 400}.order-form__input{height: 56px;width: 100%;padding-inline: 16px;background: #ffffff;border: 1px solid #e3e7eb;border-radius: var(--radius-sm);color: var(--color-text);font-family: var(--font-family);font-size: 16px;line-height: 1;outline: none;transition: border-color var(--transition-fast), box-shadow var(--transition-fast);appearance: none;box-sizing: border-box}.order-form__input::placeholder{color: var(--color-text-subtle)}.order-form__input:focus{border-color: #0d5e89;box-shadow: 0 0 0 3px rgba(13, 94, 137, 0.10)}.order-form__input.is-error{border-color: rgba(248, 113, 113, 0.70);box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.12)}.order-form__textarea{width: 100%;min-height: 140px;padding: 14px 16px;background: #ffffff;border: 1px solid #e3e7eb;border-radius: var(--radius-sm);color: var(--color-text);font-family: var(--font-family);font-size: 16px;line-height: 1.6;resize: vertical;outline: none;transition: border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing: border-box}.order-form__textarea::placeholder{color: var(--color-text-subtle)}.order-form__textarea:focus{border-color: #0d5e89;box-shadow: 0 0 0 3px rgba(13, 94, 137, 0.10)}.order-form__error{font-size: 12px;color: #dc2626;min-height: 16px;display: block}.order-form__submit{height: 56px;width: 100%;background: var(--color-accent);color: #fff;font-family: var(--font-family);font-size: 16px;font-weight: 700;letter-spacing: 0.01em;border: none;border-radius: var(--radius-sm);cursor: pointer;transition: background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast)}.order-form__submit:hover{background: var(--color-accent-hover);box-shadow: 0 4px 20px rgba(13, 94, 137, 0.28)}.order-form__submit:active{transform: translateY(1px)}.order-form__submit:focus-visible{outline: 2px solid var(--color-accent);outline-offset: 3px}.order-form__submit:disabled{opacity: 0.6;cursor: not-allowed;transform: none}.order-form__success{display: flex;align-items: center;gap: 10px;padding: 16px 20px;background: rgba(22, 163, 74, 0.07);border: 1px solid rgba(22, 163, 74, 0.25);border-radius: var(--radius-sm);font-size: 15px;color: #16a34a;line-height: 1.5}.order-form__success[hidden]{display: none}.order-form__consent{font-size: 12px;color: var(--color-text-subtle);text-align: center;margin: 0;line-height: 1.6}.order-form__consent-link{color: var(--color-text-muted);text-decoration: underline;text-underline-offset: 2px;transition: color var(--transition-fast)}.order-form__consent-link:hover{color: var(--color-text)}.contacts{padding-block: 96px;background-color: var(--color-bg)}.contacts__container{max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-px);display: grid;grid-template-columns: 480px 1fr;gap: 48px;align-items: start}.contacts__header{margin-bottom: 40px}.contacts__title{font-size: 40px;font-weight: 700;line-height: 1.2;letter-spacing: -0.02em;color: var(--color-text);margin: 0 0 16px 0}.contacts__underline{width: 80px;height: 4px;background: var(--color-accent);border-radius: 2px;margin: 0 0 24px 0}.contacts__subtitle{font-size: 16px;line-height: 1.55;color: var(--color-text-muted);margin: 0;max-width: 400px}.contacts__list{font-style: normal;display: flex;flex-direction: column}.contact-item{display: flex;align-items: flex-start;gap: 16px;padding-block: 20px;border-bottom: 1px solid #e3e7eb}.contact-item:last-child{border-bottom: none;padding-bottom: 0}.contact-item--delivery{background: rgba(13, 94, 137, 0.05);border-radius: var(--radius-sm);padding-inline: 16px;margin-inline: -16px;border-bottom: none;margin-top: 8px}.contact-item__icon{flex-shrink: 0;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;margin-top: 3px}.contact-item__body{display: flex;flex-direction: column;gap: 4px}.contact-item__label{font-size: 11px;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: var(--color-text-subtle);margin: 0;line-height: 1}.contact-item__value{font-size: 15px;font-weight: 500;color: var(--color-text);margin: 0;line-height: 1.5}.contact-item__value--muted{font-size: 13px;font-weight: 400;color: var(--color-text-muted)}.contact-item__value--accent{font-size: 13px;font-weight: 600;color: var(--color-accent)}.contact-item__link{color: var(--color-text);text-decoration: none;transition: color var(--transition-fast)}.contact-item__link:hover{color: var(--color-accent)}.contacts__map-wrap{position: sticky;top: calc(var(--header-height)+24px);height: 520px;border-radius: var(--radius-lg);overflow: hidden;border: 1px solid #e3e7eb;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.10)}.contacts__map{width: 100%;height: 100%;min-height: 520px;border: none;display: block;filter: none}.footer{background-color: #1e3448;border-top: none}.footer__container{max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-px)}.footer__top{display: grid;grid-template-columns: 2fr 1fr 1fr 1.5fr;gap: 48px;padding-block: 64px;border-bottom: 1px solid rgba(255, 255, 255, 0.10)}.footer__brand{display: flex;flex-direction: column}.footer__logo{font-size: 20px;font-weight: 800;letter-spacing: -0.03em;color: #ffffff;text-decoration: none;display: inline-block;margin-bottom: 16px;transition: color var(--transition-fast)}.footer__logo:hover{color: rgba(255, 255, 255, 0.80)}.footer__desc{font-size: 14px;line-height: 1.65;color: rgba(255, 255, 255, 0.60);margin: 0 0 28px 0;max-width: 280px}.footer__socials{display: flex;gap: 10px;margin-top: auto}.footer__social-btn{width: 36px;height: 36px;border-radius: 50%;background: rgba(255, 255, 255, 0.08);border: 1px solid rgba(255, 255, 255, 0.14);color: rgba(255, 255, 255, 0.60);display: flex;align-items: center;justify-content: center;text-decoration: none;transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast)}.footer__social-btn:hover, .footer__social-btn:focus-visible{background: rgba(255, 255, 255, 0.16);border-color: rgba(255, 255, 255, 0.24);color: #ffffff;outline: none}.footer__nav{display: flex;flex-direction: column}.footer__nav-title{font-size: 11px;font-weight: 700;letter-spacing: 0.10em;text-transform: uppercase;color: rgba(255, 255, 255, 0.40);margin: 0 0 20px 0}.footer__nav-list{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 12px}.footer__nav-link{font-size: 14px;line-height: 1.4;color: rgba(255, 255, 255, 0.65);text-decoration: none;transition: color var(--transition-fast)}.footer__nav-link:hover, .footer__nav-link:focus-visible{color: #ffffff;outline: none}.footer__contacts-col{display: flex;flex-direction: column}.footer__contact-list{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 16px}.footer__contact-item{display: flex;flex-direction: column;gap: 3px}.footer__contact-label{font-size: 11px;font-weight: 600;letter-spacing: 0.07em;text-transform: uppercase;color: rgba(255, 255, 255, 0.40);line-height: 1}.footer__contact-value{font-size: 14px;line-height: 1.5;color: rgba(255, 255, 255, 0.65)}.footer__contact-link{text-decoration: none;color: rgba(255, 255, 255, 0.65);transition: color var(--transition-fast)}.footer__contact-link:hover, .footer__contact-link:focus-visible{color: #ffffff;outline: none}.footer__bottom{display: flex;align-items: center;justify-content: space-between;gap: 24px;padding-block: 24px;flex-wrap: wrap}.footer__copy{font-size: 13px;color: rgba(255, 255, 255, 0.40);margin: 0;line-height: 1.5}.footer__legal{display: flex;align-items: center;gap: 24px;flex-wrap: wrap}.footer__legal-link{font-size: 13px;color: rgba(255, 255, 255, 0.40);text-decoration: none;transition: color var(--transition-fast);white-space: nowrap}.footer__legal-link:hover, .footer__legal-link:focus-visible{color: rgba(255, 255, 255, 0.65);outline: none}.breadcrumb{display: flex;align-items: center;gap: 8px}.breadcrumb__link{font-size: var(--font-size-xs);font-weight: 700;letter-spacing: 0.10em;text-transform: uppercase;color: var(--color-text-subtle);text-decoration: none;transition: color var(--transition-fast)}.breadcrumb__link:hover{color: var(--color-text-muted)}.breadcrumb__sep{font-size: var(--font-size-xs);color: var(--color-text-subtle);line-height: 1;user-select: none}.breadcrumb__current{font-size: var(--font-size-xs);font-weight: 700;letter-spacing: 0.10em;text-transform: uppercase;color: var(--color-accent)}.page-hero{position: relative;background-color: var(--color-surface);padding-top: 80px;padding-bottom: 96px;overflow: hidden}.page-hero__bg{position: absolute;inset: 0;z-index: 0}.page-hero__bg-img{width: 100%;height: 100%;object-fit: cover;object-position: center;opacity: 0.28;filter: brightness(0.88) contrast(1.08);display: block}.page-hero__bg-gradient{position: absolute;inset: 0;background: linear-gradient(to bottom, rgba(243, 245, 247, 0.90) 0%, rgba(243, 245, 247, 0.35) 45%, rgba(243, 245, 247, 0.90) 100%)}.page-hero__inner{position: relative;z-index: 1;max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-px)}.page-hero__breadcrumb{margin-bottom: 40px}.page-hero__content{display: grid;grid-template-columns: 1fr auto;align-items: flex-end;gap: 48px}.page-hero__text{display: flex;flex-direction: column;gap: 24px}.page-hero__title{font-size: var(--font-size-6xl);font-weight: 700;line-height: 1.1;letter-spacing: -0.02em;color: var(--color-text);margin: 0}.page-hero__subtitle{font-size: var(--font-size-lg);line-height: 1.6;color: var(--color-text-muted);margin: 0;max-width: 560px}.page-hero__badge-col{display: flex;align-items: flex-end;justify-content: flex-end;flex-shrink: 0}.page-hero__badge{display: inline-flex;align-items: center;gap: 16px;padding: 24px;border-radius: var(--radius-xl);background: #ffffff;border: 1px solid #e3e7eb;border-left: 4px solid var(--color-accent);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);white-space: nowrap}.page-hero__badge-icon{width: 48px;height: 48px;border-radius: 50%;background: var(--color-accent-light);color: var(--color-accent);display: flex;align-items: center;justify-content: center;flex-shrink: 0}.page-hero__badge-meta{display: flex;flex-direction: column;gap: 4px}.page-hero__badge-label{font-size: var(--font-size-xs);font-weight: 700;letter-spacing: 0.10em;text-transform: uppercase;color: var(--color-accent);line-height: 1}.page-hero__badge-name{font-size: var(--font-size-2xl);font-weight: 700;line-height: 1.2;color: var(--color-text)}.pricing{padding-block: 96px;background-color: var(--color-bg)}.pricing__container{max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-px);display: flex;flex-direction: column;gap: 64px}.pricing__block-header{display: flex;align-items: center;gap: 12px;margin-bottom: 24px}.pricing__block-icon{flex-shrink: 0;color: var(--color-accent);display: flex;align-items: center}.pricing__block-title{font-size: var(--font-size-3xl);font-weight: 700;line-height: 1.2;letter-spacing: -0.01em;color: var(--color-text);margin: 0}.pricing__block-subtitle{font-size: var(--font-size-2xl);font-weight: 600;line-height: 1.3;letter-spacing: -0.01em;color: var(--color-text);margin: 0}.pricing-table{background: #ffffff;border: 1px solid var(--color-border);border-radius: var(--radius-xl);overflow: hidden;box-shadow: var(--shadow-md)}.pricing-table__scroll{overflow-x: auto;-webkit-overflow-scrolling: touch}.pricing-table__table{width: 100%;border-collapse: collapse;text-align: left}.pricing-table__table--wide{min-width: 640px}.pricing-table__head{background: rgba(13, 94, 137, 0.06);border-bottom: 1px solid #e3e7eb}.pricing-table__th{padding: 20px 32px;font-size: var(--font-size-sm);font-weight: 700;letter-spacing: 0.02em;color: var(--color-accent);white-space: nowrap}.pricing-table__th--right{text-align: right}.pricing-table__row{border-bottom: 1px solid #e3e7eb;transition: background var(--transition-fast)}.pricing-table__row:last-child{border-bottom: none}.pricing-table__row:hover{background: var(--color-surface-hover)}.pricing-table__td{padding: 16px 32px;font-size: var(--font-size-base);color: var(--color-text);vertical-align: middle}.pricing-table__td--name{font-weight: 700;white-space: nowrap}.pricing-table__td--desc{color: var(--color-text-muted);font-size: var(--font-size-sm)}.pricing-table__td--price-lg{text-align: right;font-size: var(--font-size-2xl);font-weight: 700;color: var(--color-text);white-space: nowrap}.pricing-table__td--price{text-align: right;font-weight: 700;color: var(--color-text);white-space: nowrap}.pricing-table__td--price-accent{text-align: right;font-weight: 700;color: var(--color-accent);white-space: nowrap}.pricing-table__td--unavail{text-align: right;color: var(--color-text-subtle)}.pricing-table__param{display: inline-flex;align-items: center;padding: 3px 10px;background: rgba(13, 94, 137, 0.06);border: 1px solid rgba(13, 94, 137, 0.14);border-radius: 999px;font-size: var(--font-size-xs);font-weight: 600;color: var(--color-text-muted);white-space: nowrap;letter-spacing: 0.03em}.pricing__bento{display: grid;grid-template-columns: repeat(2, 1fr);gap: 24px;align-items: start}.pricing__bento-item{display: flex;flex-direction: column}.pricing__pmd-list{display: flex;flex-direction: column;gap: 10px;padding: 24px}.pricing__pmd-row{display: flex;align-items: center;justify-content: space-between;padding: 14px 18px;background: rgba(13, 94, 137, 0.04);border: 1px solid #e3e7eb;border-radius: var(--radius-md)}.pricing__pmd-range{font-size: var(--font-size-base);font-weight: 700;color: var(--color-text)}.pricing__pmd-value{display: flex;align-items: baseline;gap: 4px}.pricing__pmd-price{font-size: var(--font-size-2xl);font-weight: 700;color: var(--color-accent);line-height: 1}.pricing__pmd-unit{font-size: var(--font-size-sm);color: var(--color-text-muted)}.pricing__pmd-note{padding: 0 24px 24px;font-size: var(--font-size-xs);font-weight: 700;letter-spacing: 0.07em;text-transform: uppercase;color: var(--color-text-subtle);line-height: 1.6}.cta-blue{position: relative;background-color: #0d5e89;padding-block: 96px;overflow: hidden}.cta-blue__gradient{position: absolute;inset: 0;background: linear-gradient(to right, #0d5e89, #1478ab);opacity: 0.5;pointer-events: none}.cta-blue__inner{position: relative;z-index: 1;max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-px-md);display: flex;flex-direction: column;align-items: center;text-align: center}.cta-blue__title{font-size: var(--font-size-3xl);font-weight: 700;line-height: 1.25;color: #ffffff;margin: 0 0 24px}.cta-blue__subtitle{font-size: var(--font-size-lg);line-height: 1.55;color: #daebff;margin: 0 0 40px;max-width: 672px}.cta-blue__actions{display: flex;flex-direction: row;align-items: center;gap: 16px;flex-wrap: wrap;justify-content: center}.cta-blue__btn{display: inline-flex;align-items: center;gap: 10px;padding: 16px 40px;font-family: var(--font-family);font-size: 16px;font-weight: 700;border-radius: var(--radius-sm);text-decoration: none;white-space: nowrap;cursor: pointer;transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.cta-blue__btn:active{transform: translateY(1px)}.cta-blue__btn--primary{background: #ffffff;color: #0d5e89;border: none;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16)}.cta-blue__btn--primary:hover{background: #f0f8ff;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.20)}.cta-blue__btn--primary:focus-visible{outline: 2px solid #ffffff;outline-offset: 3px}.cta-blue__btn--ghost{background: transparent;color: #ffffff;border: 2px solid rgba(255, 255, 255, 0.30)}.cta-blue__btn--ghost:hover{background: rgba(255, 255, 255, 0.10);border-color: rgba(255, 255, 255, 0.50)}.cta-blue__btn--ghost:focus-visible{outline: 2px solid rgba(255, 255, 255, 0.60);outline-offset: 3px}.cta-blue--compact{padding-block: 48px}.cta-blue--compact .cta-blue__title{font-size: 22px;font-weight: 700;line-height: 1.3;margin: 0 0 10px}.cta-blue--compact .cta-blue__subtitle{font-size: 14px;line-height: 1.55;margin: 0 0 24px;max-width: 520px}.cta-blue--compact .cta-blue__actions{gap: 10px}.cta-blue--compact .cta-blue__btn{height: 40px;padding: 0 22px;font-size: 14px;font-weight: 600;border-radius: var(--radius-sm)}.zhbi-info{background: var(--color-surface);overflow: hidden}.zhbi-info__inner{display: grid;grid-template-columns: 1fr 1fr;min-height: 560px;max-width: var(--container-max);margin-inline: auto}.zhbi-info__image-col{position: relative;overflow: hidden}.zhbi-info__image{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block}.zhbi-info__image-overlay{position: absolute;inset: 0;background: linear-gradient(to right, transparent 40%, rgba(243, 245, 247, 0.75) 75%, rgba(243, 245, 247, 1.00) 100%)}.zhbi-info__content-col{padding: 80px 72px 80px 56px;display: flex;flex-direction: column;justify-content: center;gap: 32px}.zhbi-info__eyebrow{display: inline-flex;align-items: center;width: fit-content;height: 24px;padding-inline: 12px;background: rgba(13, 94, 137, 0.10);border: 1px solid rgba(13, 94, 137, 0.20);border-radius: 999px;font-size: 11px;font-weight: 700;letter-spacing: 0.10em;text-transform: uppercase;color: var(--color-accent);line-height: 1}.zhbi-info__title{font-size: var(--font-size-4xl);font-weight: 700;line-height: 1.15;letter-spacing: -0.02em;color: var(--color-text);margin: 0}.zhbi-info__text{font-size: var(--font-size-md);line-height: 1.65;color: var(--color-text-muted);margin: 0}.zhbi-info__stats{display: flex;gap: 16px}.zhbi-stat{flex: 1;display: flex;flex-direction: column;gap: 6px;padding: 20px 24px;background: #ffffff;border: 1px solid #e3e7eb;border-radius: var(--radius-md);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06)}.zhbi-stat__value{font-size: var(--font-size-3xl);font-weight: 800;color: var(--color-accent);line-height: 1;letter-spacing: -0.02em}.zhbi-stat__label{font-size: var(--font-size-xs);font-weight: 600;letter-spacing: 0.06em;text-transform: uppercase;color: var(--color-text-subtle);line-height: 1.4}.zhbi-cta{padding-block: 96px;background: var(--color-bg);text-align: center}.zhbi-cta__inner{max-width: 620px;margin-inline: auto;padding-inline: var(--container-px);display: flex;flex-direction: column;align-items: center;gap: 20px}.zhbi-cta__eyebrow{display: inline-flex;align-items: center;height: 24px;padding-inline: 12px;background: rgba(13, 94, 137, 0.10);border: 1px solid rgba(13, 94, 137, 0.20);border-radius: 999px;font-size: 11px;font-weight: 700;letter-spacing: 0.10em;text-transform: uppercase;color: var(--color-accent);line-height: 1}.zhbi-cta__title{font-size: var(--font-size-4xl);font-weight: 700;line-height: 1.15;letter-spacing: -0.02em;color: var(--color-text);margin: 0}.zhbi-cta__text{font-size: var(--font-size-md);line-height: 1.65;color: var(--color-text-muted);margin: 0;max-width: 480px}.zhbi-cta__btn{display: inline-flex;align-items: center;justify-content: center;height: 52px;padding-inline: 44px;margin-top: 8px;background: var(--color-accent);color: #ffffff;font-family: var(--font-family);font-size: var(--font-size-md);font-weight: 600;border-radius: var(--radius-sm);text-decoration: none;white-space: nowrap;transition: background var(--transition-fast), box-shadow var(--transition-fast)}.zhbi-cta__btn:hover{background: var(--color-accent-hover);box-shadow: 0 6px 28px rgba(13, 94, 137, 0.30)}.zhbi-spec-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 24px}.zhbi-spec-card{background: #ffffff;border: 1px solid var(--color-border);border-radius: var(--radius-xl);overflow: hidden;box-shadow: var(--shadow-md);display: flex;flex-direction: column;transition: transform var(--transition-base), box-shadow var(--transition-base)}.zhbi-spec-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-xl)}.zhbi-spec-card__img-wrap{position: relative;height: 200px;overflow: hidden;flex-shrink: 0}.zhbi-spec-card__img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;transition: transform 0.5s ease}.zhbi-spec-card:hover .zhbi-spec-card__img{transform: scale(1.04)}.zhbi-spec-card__img-overlay{position: absolute;inset: 0;background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.45) 100%)}.zhbi-spec-card__body{padding: 32px;display: flex;flex-direction: column;gap: 16px;flex: 1}.zhbi-spec-card__top{display: flex;align-items: flex-start;justify-content: space-between;gap: 12px}.zhbi-spec-card__title{font-size: var(--font-size-xl);font-weight: 700;line-height: 1.3;color: var(--color-text);margin: 0;flex: 1}.zhbi-spec-card__gost{display: inline-flex;align-items: center;height: 22px;padding-inline: 10px;background: rgba(13, 94, 137, 0.10);border: 1px solid rgba(13, 94, 137, 0.22);border-radius: 999px;font-size: 10px;font-weight: 700;letter-spacing: 0.06em;color: var(--color-accent);white-space: nowrap;flex-shrink: 0}.zhbi-spec-card__text{font-size: var(--font-size-sm);line-height: 1.65;color: var(--color-text-muted);margin: 0}.zhbi-spec-card__tags{display: flex;flex-wrap: wrap;gap: 8px}.zhbi-spec-card__tag{display: inline-flex;align-items: center;height: 22px;padding-inline: 10px;background: rgba(13, 94, 137, 0.06);border: 1px solid #e3e7eb;border-radius: 999px;font-size: 10px;font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;color: var(--color-text-muted)}.zhbi-spec-card__footer{display: flex;align-items: center;justify-content: space-between;gap: 16px;padding-top: 20px;border-top: 1px solid #e3e7eb;margin-top: auto}.zhbi-spec-card__price-row{display: flex;align-items: baseline;gap: 6px}.zhbi-spec-card__price{font-size: var(--font-size-3xl);font-weight: 700;color: var(--color-text);line-height: 1;letter-spacing: -0.01em}.zhbi-spec-card__price-unit{font-size: var(--font-size-sm);color: var(--color-text-muted)}.zhbi-spec-card__btn{display: inline-flex;align-items: center;justify-content: center;height: 44px;padding-inline: 28px;background: var(--color-accent);color: #ffffff;font-family: var(--font-family);font-size: var(--font-size-sm);font-weight: 600;border-radius: var(--radius-sm);border: none;text-decoration: none;white-space: nowrap;cursor: pointer;flex-shrink: 0;transition: background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast)}.zhbi-spec-card__btn:hover{background: var(--color-accent-hover);box-shadow: 0 4px 16px rgba(13, 94, 137, 0.28)}.zhbi-spec-card__btn:active{transform: scale(0.97)}.page-hero--services{padding-top: 56px;padding-bottom: 64px}.page-hero__content--single{grid-template-columns: 1fr}.page-hero__content--single .page-hero__title{font-size: var(--font-size-5xl)}.page-hero__content--single .page-hero__subtitle{max-width: 600px}.svc-pump{padding-block: 80px;background: var(--color-surface)}.svc-pump__inner{max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-px);display: grid;grid-template-columns: 1fr 1.5fr;gap: 48px;align-items: start}.svc-pump__card{padding: 40px;background: #ffffff;border: 1px solid #e3e7eb;border-radius: var(--radius-xl);box-shadow: var(--shadow-md);display: flex;flex-direction: column;gap: 20px}.svc-pump__card-icon{width: 48px;height: 48px;border-radius: var(--radius-md);background: var(--color-accent-light);color: var(--color-accent);display: flex;align-items: center;justify-content: center;flex-shrink: 0}.svc-pump__card-title{font-size: var(--font-size-3xl);font-weight: 700;line-height: 1.2;letter-spacing: -0.01em;color: var(--color-text);margin: 0}.svc-pump__card-text{font-size: var(--font-size-base);line-height: 1.65;color: var(--color-text-muted);margin: 0}.svc-pump__features{list-style: none;display: flex;flex-direction: column;gap: 10px;margin: 0;padding: 0}.svc-pump__feature{display: flex;align-items: flex-start;gap: 10px;font-size: var(--font-size-sm);line-height: 1.5;color: var(--color-text-muted)}.svc-pump__feature-mark{flex-shrink: 0;width: 16px;height: 16px;border-radius: 50%;background: var(--color-accent-light);border: 1.5px solid var(--color-accent);display: flex;align-items: center;justify-content: center;margin-top: 1px}.svc-pump__feature-mark::after{content: '';width: 6px;height: 6px;border-radius: 50%;background: var(--color-accent)}.svc-pump__cta{display: inline-flex;align-items: center;justify-content: center;align-self: flex-start;height: 48px;padding-inline: 28px;background: var(--color-accent);color: #ffffff;font-size: var(--font-size-sm);font-weight: 600;letter-spacing: 0.01em;border-radius: var(--radius-sm);white-space: nowrap;text-decoration: none;margin-top: 4px;transition: background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast)}.svc-pump__cta:hover{background: var(--color-accent-hover);box-shadow: 0 4px 16px rgba(13, 94, 137, 0.28)}.svc-pump__cta:active{transform: scale(0.98)}.svc-pump__table-col{display: flex;flex-direction: column;gap: 16px}.svc-pump__table-header{margin-bottom: 4px}.svc-pump__table-title{font-size: var(--font-size-xl);font-weight: 700;line-height: 1.3;letter-spacing: -0.01em;color: var(--color-text);margin: 0}.svc-pump__note{font-size: var(--font-size-xs);line-height: 1.6;color: var(--color-text-subtle);padding-inline: 2px;margin: 0}.svc-add{padding-block: 72px;background: var(--color-bg)}.svc-add__container{max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-px);display: flex;flex-direction: column;gap: 36px}.svc-add__header{display: flex;align-items: center}.svc-add__title{font-size: var(--font-size-3xl);font-weight: 700;line-height: 1.2;letter-spacing: -0.01em;color: var(--color-text);margin: 0}.svc-add__grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px}.svc-add-card{padding: 24px;background: #ffffff;border: 1px solid var(--color-border);border-radius: var(--radius-lg);display: flex;flex-direction: column;gap: 6px;transition: border-color var(--transition-fast), box-shadow var(--transition-fast)}.svc-add-card:hover{border-color: var(--color-border-hover);box-shadow: var(--shadow-md)}.svc-add-card__icon{width: 36px;height: 36px;border-radius: var(--radius-sm);background: var(--color-accent-light);color: var(--color-accent);display: flex;align-items: center;justify-content: center;margin-bottom: 6px;flex-shrink: 0}.svc-add-card__title{font-size: var(--font-size-md);font-weight: 700;line-height: 1.3;color: var(--color-text);margin: 0}.svc-add-card__text{font-size: var(--font-size-sm);line-height: 1.5;color: var(--color-text-muted);margin: 0;flex: 1}.svc-add-card__price{font-size: var(--font-size-xl);font-weight: 700;color: var(--color-accent);line-height: 1;margin-top: 10px}.svc-add-card__price span{font-size: var(--font-size-sm);font-weight: 400;color: var(--color-text-muted)}.svc-add-card__price--text{font-size: var(--font-size-sm);font-weight: 600;color: var(--color-text-muted)}.svc-delivery{background: var(--color-bg);overflow: hidden}.svc-delivery__inner{display: grid;grid-template-columns: 1fr 1fr;min-height: 480px;max-width: var(--container-max);margin-inline: auto}.svc-delivery__image-col{position: relative;overflow: hidden}.svc-delivery__image{width: 100%;height: 100%;object-fit: cover;object-position: center 65%;display: block}.svc-delivery__overlay{position: absolute;inset: 0;background: linear-gradient(to right, transparent 40%, rgba(249, 249, 249, 0.75) 75%, rgba(249, 249, 249, 1.00) 100%)}.svc-delivery__content{padding: 64px 64px 64px 48px;display: flex;flex-direction: column;justify-content: center;gap: 24px}.svc-delivery__header{display: flex;flex-direction: column;gap: 12px}.svc-delivery__title{font-size: var(--font-size-4xl);font-weight: 700;line-height: 1.15;letter-spacing: -0.02em;color: var(--color-text);margin: 0}.svc-delivery__subtitle{font-size: var(--font-size-base);line-height: 1.6;color: var(--color-text-muted);margin: 0;max-width: 420px}.svc-delivery__note{font-size: var(--font-size-xs);line-height: 1.6;color: var(--color-text-subtle);margin: 0}.page-hero--contacts{padding-top: 56px;padding-bottom: 60px}.contacts-bento{padding-block: 0 80px;background-color: var(--color-bg)}.contacts-bento__container{max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-px);display: grid;grid-template-columns: 1fr 1.6fr;gap: 32px;align-items: start}.contacts-bento__info{display: flex;flex-direction: column;gap: 12px}.contact-card{background: #ffffff;border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: 20px 24px;display: flex;align-items: flex-start;gap: 16px;transition: transform var(--transition-base), box-shadow var(--transition-base)}.contact-card:hover{transform: translateY(-2px);box-shadow: var(--shadow-md)}.contact-card__icon{flex-shrink: 0;width: 44px;height: 44px;border-radius: 50%;background: var(--color-accent-light);color: var(--color-accent);display: flex;align-items: center;justify-content: center}.contact-card__body{display: flex;flex-direction: column;gap: 5px;min-width: 0}.contact-card__label{font-size: 11px;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: var(--color-text-subtle);line-height: 1}.contact-card__value{display: flex;flex-direction: column;gap: 2px;font-size: 15px;font-weight: 600;color: var(--color-text);line-height: 1.45}.contact-card__link{color: var(--color-text);text-decoration: none;transition: color var(--transition-fast)}.contact-card__link:hover{color: var(--color-accent)}.contact-card__hours{font-size: 12px;font-weight: 400;color: var(--color-text-subtle);line-height: 1.4;margin-top: 2px}.contacts-bento__messengers{display: flex;gap: 10px;margin-top: 4px}.messenger-btn{flex: 1;display: flex;align-items: center;justify-content: center;gap: 8px;padding: 13px 16px;background: #ffffff;border: 1px solid var(--color-border);border-radius: var(--radius-md);font-family: var(--font-family);font-size: 13px;font-weight: 600;color: var(--color-text-muted);text-decoration: none;cursor: pointer;transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast)}.messenger-btn:hover{background: var(--color-surface-hover);border-color: var(--color-border-hover);color: var(--color-text)}.contacts-bento__form-wrap{scroll-margin-top: calc(var(--header-height)+24px)}.contacts-bento__form{background: #ffffff;border: 1px solid var(--color-border);border-radius: var(--radius-xl);padding: 36px 40px}.contacts-bento__form-title{font-size: var(--font-size-3xl);font-weight: 700;line-height: 1.2;letter-spacing: -0.01em;color: var(--color-text);margin: 0 0 28px 0}.contact-form{display: flex;flex-direction: column;gap: 16px}.contact-form__row{display: grid;grid-template-columns: 1fr 1fr;gap: 16px}.contact-form__group{display: flex;flex-direction: column;gap: 6px}.contact-form__label{font-size: 11px;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: var(--color-text-subtle);line-height: 1}.contact-form__input, .contact-form__textarea{width: 100%;padding: 13px 16px;background: var(--color-bg);border: 1px solid var(--color-border);border-radius: var(--radius-sm);font-family: var(--font-family);font-size: 14px;line-height: 1.5;color: var(--color-text);transition: border-color var(--transition-fast), box-shadow var(--transition-fast);appearance: none}.contact-form__input::placeholder, .contact-form__textarea::placeholder{color: var(--color-text-subtle)}.contact-form__input:focus, .contact-form__textarea:focus{outline: none;border-color: #0d5e89;box-shadow: 0 0 0 3px rgba(13, 94, 137, 0.10)}.contact-form__input.is-error, .contact-form__textarea.is-error{border-color: #e74c3c}.contact-form__textarea{resize: vertical;min-height: 120px}.contact-form__err{font-size: 12px;color: #e74c3c;line-height: 1.3;min-height: 16px}.contact-form__footer{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 16px;margin-top: 4px}.contact-form__policy{font-size: 12px;line-height: 1.5;color: var(--color-text-subtle);max-width: 260px;margin: 0}.contact-form__policy a{color: var(--color-accent);text-decoration: none}.contact-form__policy a:hover{text-decoration: underline}.contact-form__submit{display: inline-flex;align-items: center;gap: 8px;height: 46px;padding-inline: 28px;background: var(--color-accent);color: #ffffff;font-family: var(--font-family);font-size: 14px;font-weight: 600;border: none;border-radius: var(--radius-sm);cursor: pointer;white-space: nowrap;transition: background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast)}.contact-form__submit:hover{background: var(--color-accent-hover);box-shadow: 0 6px 20px rgba(13, 94, 137, 0.28)}.contact-form__submit:active{transform: scale(0.98)}.contact-form__submit:disabled{opacity: 0.6;cursor: not-allowed}.contact-form__success{padding: 14px 16px;background: rgba(13, 94, 137, 0.07);border: 1px solid rgba(13, 94, 137, 0.22);border-radius: var(--radius-sm);font-size: 14px;line-height: 1.5;color: var(--color-accent);margin: 0}.contacts-map{padding-bottom: 80px;background: var(--color-bg)}.contacts-map__container{max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-px)}.contacts-map__wrap{position: relative;height: 400px;border-radius: var(--radius-xl);overflow: hidden;border: 1px solid var(--color-border);box-shadow: var(--shadow-lg)}.contacts-map__iframe{width: 100%;height: 100%;min-height: 400px;border: none;display: block;filter: none}.contacts-map__overlay{position: absolute;bottom: 20px;left: 20px;display: flex;align-items: center;gap: 12px;padding: 14px 18px;background: #ffffff;border: 1px solid var(--color-border);border-radius: var(--radius-lg);box-shadow: var(--shadow-md);pointer-events: none}.contacts-map__overlay-icon{flex-shrink: 0;width: 34px;height: 34px;border-radius: 50%;background: var(--color-accent-light);color: var(--color-accent);display: flex;align-items: center;justify-content: center}.contacts-map__overlay-title{font-size: 13px;font-weight: 700;color: var(--color-text);margin: 0;line-height: 1.3}.contacts-map__overlay-subtitle{font-size: 12px;color: var(--color-text-muted);margin: 2px 0 0 0;line-height: 1.3}.zhbi-catalog-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 24px;width: 100%}.zhbi-catalog-grid .zhbi-spec-card{width: 100%;min-width: 0;display: flex;flex-direction: column}.zhbi-catalog-grid .zhbi-spec-card__img-wrap{width: 100%;height: 200px;overflow: hidden;flex-shrink: 0}.zhbi-catalog-grid .zhbi-spec-card__img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;transition: transform 0.5s ease}.zhbi-catalog-grid .zhbi-spec-card:hover .zhbi-spec-card__img{transform: scale(1.04)}.zhbi-catalog-grid .zhbi-spec-card__body{flex: 1;display: flex;flex-direction: column;gap: 12px}.zhbi-catalog-grid .zhbi-spec-card__footer{margin-top: auto}.products-card__btn{display: inline-block;margin-top: 12px;padding: 8px 20px;border: 2px solid rgba(255,255,255,0.85);border-radius: 6px;color: #ffffff;font-size: 14px;font-weight: 600;text-decoration: none;transition: background var(--transition-fast), color var(--transition-fast)}.products-card__btn:hover{background: rgba(255,255,255,0.15)}.products__grid--2col{grid-template-columns: repeat(2, minmax(0, 1fr))}.zhbi-spec-grid-outer{overflow: visible;padding: 24px}.info-bar{width: 100%;background: #0d3d5a;border-bottom: 1px solid rgba(255, 255, 255, 0.08)}.info-bar__inner{display: flex;align-items: center;justify-content: space-between;max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-px);height: 38px;gap: 16px}.info-bar__left{display: flex;align-items: center;gap: 20px}.info-bar__hours{display: inline-flex;align-items: center;gap: 6px;font-size: 12px;color: rgba(255, 255, 255, 0.65);white-space: nowrap}.info-bar__right{display: flex;align-items: center;gap: 20px}.info-bar__phone{display: inline-flex;align-items: center;gap: 6px;font-size: 13px;font-weight: 700;color: #fff;letter-spacing: 0.01em;transition: opacity var(--transition-fast)}.info-bar__phone:hover{opacity: 0.8}.info-bar__messenger{display: inline-flex;align-items: center;gap: 4px;font-size: 12px;color: rgba(255, 255, 255, 0.65);transition: color var(--transition-fast)}.info-bar__messenger:hover{color: #fff}.info-bar__divider{width: 1px;height: 14px;background: rgba(255, 255, 255, 0.2);flex-shrink: 0}.header__phone-link{display: inline-flex;align-items: center;gap: 7px;font-size: 15px;font-weight: 700;color: var(--text);white-space: nowrap;letter-spacing: -0.01em;transition: color var(--transition-fast)}.header__phone-link:hover{color: var(--primary)}.header__phone-icon{color: var(--primary);flex-shrink: 0}.header__phone-num{}.mobile-nav__item--phone{display: flex;flex-direction: column;gap: 10px;padding: 16px 24px;border-bottom: 1px solid var(--border);background: var(--section)}.mobile-nav__phone{display: flex;align-items: center;gap: 10px;font-size: 22px;font-weight: 800;color: var(--primary);letter-spacing: -0.01em;text-decoration: none;transition: opacity var(--transition-fast)}.mobile-nav__phone:hover{opacity: 0.8}.mobile-nav__messengers{display: flex;gap: 10px}.mobile-nav__messenger{display: inline-flex;align-items: center;gap: 6px;padding: 8px 14px;background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-sm);font-size: 13px;font-weight: 600;color: var(--text);transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast)}.mobile-nav__messenger:hover{background: var(--primary-light);border-color: var(--primary);color: var(--primary)}.hero{position: relative;width: 100%;min-height: 0;background: linear-gradient(135deg, #0a2e42 0%, #0d5e89 60%, #0b4f74 100%);overflow: hidden;display: block;align-items: unset}.hero__split{display: grid;grid-template-columns: 1fr 1fr;max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-px);min-height: 560px}.hero__content{display: flex;flex-direction: column;justify-content: center;gap: 20px;padding-block: 64px;padding-right: 56px;max-width: 100%}.hero__label{display: flex;align-items: center;gap: 8px;font-size: 12px;font-weight: 500;color: rgba(255, 255, 255, 0.65);letter-spacing: 0.03em;text-transform: uppercase}.hero__label-dot{display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #4ade80;flex-shrink: 0;animation: fb-pulse 2.5s ease-in-out infinite}@keyframes fb-pulse{0%, 100%{opacity: 1;transform: scale(1)}50%{opacity: 0.4;transform: scale(0.8)}}.hero__title{font-size: 44px;font-weight: 800;line-height: 1.15;letter-spacing: -0.025em;color: #ffffff;max-width: 100%;margin: 0}.hero__subtitle{font-size: 16px;line-height: 1.6;color: rgba(255, 255, 255, 0.75);margin: 0;max-width: 100%}.hero__grades{display: flex;flex-direction: column;gap: 8px}.hero__grades-label{font-size: 11px;font-weight: 600;color: rgba(255, 255, 255, 0.5);letter-spacing: 0.06em;text-transform: uppercase}.hero__grades-list{display: flex;flex-wrap: wrap;gap: 6px}.hero__grade{display: inline-flex;align-items: center;height: 26px;padding-inline: 10px;background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.18);border-radius: 4px;font-size: 11px;font-weight: 700;color: rgba(255, 255, 255, 0.9);letter-spacing: 0.04em}.hero__grade--accent{background: rgba(255, 255, 255, 0.2);border-color: rgba(255, 255, 255, 0.38);color: #fff}.hero__features{display: flex;flex-direction: column;gap: 10px;list-style: none;margin: 0;padding: 0}.hero__feature{display: flex;align-items: flex-start;gap: 10px;font-size: 14px;color: rgba(255, 255, 255, 0.85);line-height: 1.45}.hero__feature-icon{flex-shrink: 0;margin-top: 1px}.hero__actions{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;padding-top: 4px}.hero__btn{display: inline-flex;align-items: center;justify-content: center;height: 52px;padding-inline: 28px;font-size: 15px;font-weight: 700;line-height: 1;white-space: nowrap;border-radius: var(--radius-sm);border: 2px solid transparent;cursor: pointer;transition: background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast)}.hero__btn:active{transform: scale(0.98)}.hero__btn--primary{background: #ffffff;color: var(--primary);border-color: transparent}.hero__btn--primary:hover{background: #e8f4fb;box-shadow: 0 6px 24px rgba(255, 255, 255, 0.25)}.hero__btn--ghost{background: transparent;color: #ffffff;border-color: rgba(255, 255, 255, 0.38)}.hero__btn--ghost:hover{background: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.7)}.hero__btn:focus-visible{outline: 2px solid rgba(255, 255, 255, 0.8);outline-offset: 3px}.hero__contact{display: flex;align-items: center;gap: 16px;flex-wrap: wrap;padding-top: 4px;border-top: 1px solid rgba(255, 255, 255, 0.12);margin-top: 4px}.hero__phone{display: inline-flex;align-items: center;gap: 8px;font-size: 20px;font-weight: 800;color: #ffffff;letter-spacing: -0.02em;text-decoration: none;transition: opacity var(--transition-fast)}.hero__phone:hover{opacity: 0.85}.hero__phone-note{font-size: 12px;color: rgba(255, 255, 255, 0.5)}.hero__media{position: relative;overflow: hidden}.hero__img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;display: block}.hero__media-overlay{position: absolute;inset: 0;background: linear-gradient(to right, #0d5e89 0%, rgba(13, 94, 137, 0) 50%);pointer-events: none}.hero__media-badge{position: absolute;bottom: 28px;right: 28px;background: rgba(0, 0, 0, 0.52);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.14);border-radius: 12px;padding: 12px 20px;text-align: center;color: #fff}.hero__media-badge-num{display: block;font-size: 28px;font-weight: 800;line-height: 1;letter-spacing: -0.03em}.hero__media-badge-text{display: block;font-size: 11px;font-weight: 500;color: rgba(255, 255, 255, 0.65);margin-top: 3px;white-space: nowrap}.hero__stats{background: rgba(0, 0, 0, 0.28);border-top: 1px solid rgba(255, 255, 255, 0.1);display: grid;grid-template-columns: repeat(4, 1fr)}.hero__stat{display: flex;flex-direction: column;gap: 3px;padding-block: 18px;padding-inline: 32px;border-right: 1px solid rgba(255, 255, 255, 0.1)}.hero__stat:first-child{padding-left: var(--container-px)}.hero__stat:last-child{padding-right: var(--container-px);border-right: none}.hero__stat-value{font-size: 20px;font-weight: 800;color: #ffffff;letter-spacing: -0.02em;line-height: 1.2}.hero__stat-label{font-size: 12px;color: rgba(255, 255, 255, 0.5);line-height: 1.3}.hero__bg, .hero__gradient, .hero__inner, .hero__badge, .hero__badge-text{display: none}.quick-products{background: var(--section);border-bottom: 1px solid var(--border)}.quick-products__inner{max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-px);padding-block: 56px}.quick-products__hd{display: flex;align-items: baseline;justify-content: space-between;gap: 16px;margin-bottom: 28px}.quick-products__title{font-size: var(--font-size-3xl);font-weight: 800;color: var(--text);letter-spacing: -0.02em;margin: 0}.quick-products__all{font-size: 14px;font-weight: 600;color: var(--primary);white-space: nowrap;transition: opacity var(--transition-fast)}.quick-products__all:hover{opacity: 0.75}.quick-products__grid{display: grid;grid-template-columns: repeat(5, 1fr);gap: 12px}.qp-card{display: flex;flex-direction: column;gap: 12px;background: var(--surface);border: 1.5px solid var(--border);border-radius: var(--radius-md);padding: 20px 18px;cursor: pointer;text-decoration: none;color: var(--text);transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);position: relative}.qp-card:hover{border-color: var(--primary);box-shadow: 0 4px 20px rgba(13, 94, 137, 0.12);transform: translateY(-2px)}.qp-card--featured{background: linear-gradient(135deg, var(--primary) 0%, #0b4f74 100%);border-color: transparent;color: #fff}.qp-card--featured:hover{border-color: transparent;box-shadow: 0 8px 32px rgba(13, 94, 137, 0.35)}.qp-card__icon{flex-shrink: 0}.qp-card__body{flex: 1;display: flex;flex-direction: column;gap: 5px}.qp-card__title{font-size: 13px;font-weight: 700;line-height: 1.3;margin: 0}.qp-card__desc{font-size: 11px;color: var(--muted);line-height: 1.45;margin: 0}.qp-card--featured .qp-card__desc{color: rgba(255, 255, 255, 0.7)}.qp-card__price{font-size: 16px;font-weight: 800;color: var(--primary);margin-top: 8px;letter-spacing: -0.01em;line-height: 1.2}.qp-card--featured .qp-card__price{color: #fff}.qp-card__unit{font-size: 11px;font-weight: 500;color: var(--muted)}.qp-card--featured .qp-card__unit{color: rgba(255, 255, 255, 0.65)}.qp-card__vat{font-size: 10px;color: var(--muted);margin-top: 2px}.qp-card--featured .qp-card__vat{color: rgba(255, 255, 255, 0.55)}.qp-card__arrow{color: var(--border-hover);align-self: flex-end;transition: transform var(--transition-fast), color var(--transition-fast)}.qp-card:hover .qp-card__arrow{transform: translateX(4px);color: var(--primary)}.qp-card--featured .qp-card__arrow{color: rgba(255, 255, 255, 0.6)}.quick-products__cta{display: flex;align-items: center;gap: 24px;margin-top: 28px;flex-wrap: wrap}.qp-cta-btn{display: inline-flex;align-items: center;justify-content: center;height: 48px;padding-inline: 28px;background: var(--primary);color: #fff;font-size: 14px;font-weight: 700;border-radius: var(--radius-sm);white-space: nowrap;transition: background var(--transition-fast), box-shadow var(--transition-fast)}.qp-cta-btn:hover{background: var(--primary-hover);box-shadow: 0 4px 16px rgba(13, 94, 137, 0.28)}.qp-cta-info{display: flex;align-items: center;gap: 6px;font-size: 13px;color: var(--muted)}.qp-cta-info a{color: var(--primary);font-weight: 600}.qp-cta-info a:hover{text-decoration: underline}.mobile-bar{display: none;position: fixed;bottom: 0;left: 0;right: 0;z-index: 200;background: #fff;border-top: 1px solid var(--border);box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.10);padding: 10px 16px;padding-bottom: calc(10px+env(safe-area-inset-bottom));gap: 10px;align-items: center}.mobile-bar__call{display: flex;align-items: center;justify-content: center;gap: 8px;flex: 1;height: 48px;background: var(--primary);color: #fff;font-size: 15px;font-weight: 700;border-radius: var(--radius-sm);text-decoration: none;transition: background var(--transition-fast)}.mobile-bar__call:hover{background: var(--primary-hover)}.mobile-bar__order{display: flex;align-items: center;justify-content: center;flex: 1;height: 48px;background: transparent;color: var(--primary);font-size: 15px;font-weight: 700;border: 2px solid var(--primary);border-radius: var(--radius-sm);text-decoration: none;transition: background var(--transition-fast), color var(--transition-fast)}.mobile-bar__order:hover{background: var(--primary);color: #fff}
/* ══════════════════════════════════════════════
   CALCULATOR MODAL
══════════════════════════════════════════════ */
.calc-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.calc-modal[hidden] { display: none; }

.calc-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(3px);
}

.calc-modal__dialog {
  position: relative;
  background: #fff;
  border-radius: var(--radius-xl);
  padding: 32px;
  width: 100%;
  max-width: 480px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 24px 60px rgba(0,0,0,.22);
  animation: calcSlideIn .2s ease;
}
@keyframes calcSlideIn {
  from { opacity:0; transform: translateY(16px) scale(.97); }
  to   { opacity:1; transform: translateY(0)   scale(1);   }
}

.calc-modal__close {
  position: absolute;
  top: 16px; right: 16px;
  width: 32px; height: 32px;
  border: none; background: #f4f7f9;
  border-radius: 50%; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  color: var(--muted);
  transition: background .15s, color .15s;
}
.calc-modal__close:hover { background: #e8edf2; color: #222; }

.calc-modal__header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}
.calc-modal__icon {
  width: 44px; height: 44px;
  background: var(--primary-light);
  border-radius: var(--radius-md);
  display: flex; align-items: center; justify-content: center;
  color: var(--primary);
  flex-shrink: 0;
}
.calc-modal__title {
  font-size: 18px;
  font-weight: 700;
  color: #1a2530;
  margin: 0;
}
.calc-modal__subtitle {
  font-size: 13px;
  color: var(--muted);
  margin: 2px 0 0;
}

.calc-modal__field { margin-bottom: 16px; }

.calc-modal__label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
}

.calc-modal__select,
.calc-modal__input {
  width: 100%;
  padding: 10px 14px;
  border: 1.5px solid #d1d9e0;
  border-radius: var(--radius-sm);
  font-size: 14px;
  color: #1a2530;
  background: #fff;
  outline: none;
  transition: border-color .15s;
  box-sizing: border-box;
}
.calc-modal__select:focus,
.calc-modal__input:focus { border-color: var(--primary); }

.calc-modal__qty {
  display: flex;
  align-items: center;
  gap: 0;
  width: fit-content;
}
.calc-modal__qty-btn {
  width: 40px; height: 42px;
  border: 1.5px solid #d1d9e0;
  background: #f4f7f9;
  font-size: 20px; font-weight: 500;
  color: #374151; cursor: pointer;
  transition: background .15s;
  line-height: 1;
}
.calc-modal__qty-btn:first-child { border-radius: var(--radius-sm) 0 0 var(--radius-sm); }
.calc-modal__qty-btn:last-child  { border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }
.calc-modal__qty-btn:hover { background: #e4eaf0; }
.calc-modal__qty-input {
  width: 64px; height: 42px;
  border-top: 1.5px solid #d1d9e0;
  border-bottom: 1.5px solid #d1d9e0;
  border-left: none; border-right: none;
  text-align: center;
  font-size: 16px; font-weight: 600;
  color: #1a2530;
  background: #fff;
  outline: none;
  -moz-appearance: textfield;
  border-radius: 0;
  box-sizing: border-box;
}
.calc-modal__qty-input::-webkit-inner-spin-button,
.calc-modal__qty-input::-webkit-outer-spin-button { -webkit-appearance: none; }

.calc-modal__result-box {
  background: #f4f8fb;
  border: 1.5px solid #d1e4f0;
  border-radius: var(--radius-md);
  padding: 16px 20px;
  margin: 20px 0;
}
.calc-modal__result-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.calc-modal__result-row--total { margin-bottom: 0; }
.calc-modal__result-label { font-size: 13px; color: var(--muted); }
.calc-modal__result-shift { font-size: 14px; font-weight: 600; color: #374151; }
.calc-modal__result-total {
  font-size: 22px;
  font-weight: 800;
  color: var(--primary);
}
.calc-modal__result-note {
  font-size: 11px;
  color: #9aabbf;
  margin: 8px 0 0;
}

.calc-modal__btn-next,
.calc-modal__btn-submit {
  width: 100%;
  padding: 13px 20px;
  background: var(--primary);
  color: #fff;
  border: none;
  border-radius: var(--radius-sm);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s;
}
.calc-modal__btn-next:hover,
.calc-modal__btn-submit:hover { background: var(--primary-hover); }

.calc-modal__btn-back {
  display: block;
  margin-top: 12px;
  background: none;
  border: none;
  color: var(--muted);
  font-size: 13px;
  cursor: pointer;
  padding: 0;
  transition: color .15s;
}
.calc-modal__btn-back:hover { color: var(--primary); }

.calc-modal__summary {
  background: #f0f7ff;
  border-left: 3px solid var(--primary);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  padding: 12px 16px;
  font-size: 13px;
  color: #374151;
  margin-bottom: 20px;
  line-height: 1.5;
}

.calc-modal__err {
  display: block;
  font-size: 12px;
  color: #e53e3e;
  margin-top: 4px;
  min-height: 16px;
}
.calc-modal__err-general {
  background: #fff5f5;
  border: 1px solid #fed7d7;
  border-radius: var(--radius-sm);
  padding: 10px 14px;
  font-size: 13px;
  color: #e53e3e;
  margin-top: 10px;
}
.calc-modal__err-general[hidden] { display: none; }

.calc-modal__success {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: var(--radius-sm);
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 600;
  color: #166534;
  margin-top: 12px;
}
.calc-modal__success[hidden] { display: none; }
