/* Аква Стар — мойки. Единственный источник оформления.
   Цвет сайта — синий с кнопок и плашек баннера (решение владельца 2026-11-05: блоки как кнопки). */

@font-face {
  font-family: "Montserrat";
  src: url("assets/fonts/montserrat-cyr.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Montserrat";
  src: url("assets/fonts/montserrat-lat.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+20BD, U+2190-2193, U+2212;
}

:root {
  /* Синий с кнопок и плашек баннера */
  --navy-900: #0f2350;
  --navy-800: #16306b;
  --blue: #3572dc;
  --blue-deep: #2a5cb8;
  --blue-block: #2f66cc;
  --blue-block-end: #2450a6;
  --blue-sky: #4295e1;
  --blue-light: #96b8f5;
  --banner-bg: #3c1228; /* только подложка под баннер, пока он грузится */

  /* Роли */
  --color-paper: #f6f8fc;
  --color-tint: #e6eefb;
  --color-card: #ffffff;
  --color-ink: var(--navy-900);
  --color-muted: #4f5f7d;
  --color-on-dark: #ffffff;
  --color-muted-dark: #e6eefb;
  --color-line: rgba(15, 35, 80, 0.13);
  --color-line-strong: rgba(15, 35, 80, 0.28);
  --color-line-dark: rgba(255, 255, 255, 0.4);
  --color-overlay: rgba(15, 35, 80, 0.72);
  --color-hot: rgba(255, 255, 255, 0.14);
  --color-icon-bg: rgba(255, 255, 255, 0.16);
  --color-photo-nav: rgba(15, 35, 80, 0.62);
  --color-error: #b3261e;
  --gradient-block: linear-gradient(120deg, var(--blue-block), var(--blue-block-end));
  --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%234f5f7d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  /* Шрифт */
  --font: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --w-regular: 500;
  --w-medium: 600;
  --w-bold: 700;
  --w-black: 800;
  --fs-h2: clamp(1.75rem, 3.6vw, 3rem);
  --fs-h3: clamp(1.0625rem, 1.3vw, 1.25rem);
  --fs-lead: clamp(1rem, 1.3vw, 1.1875rem);
  --fs-body: 0.9375rem;
  --fs-small: 0.8125rem;
  --fs-xs: 0.75rem;
  --fs-logo: 1.0625rem;
  --fs-phone: 1rem;
  --fs-phone-mob: 0.875rem;
  --fs-spec: 1.375rem;
  --fs-price: 1.375rem;
  --fs-price-big: clamp(1.75rem, 3vw, 2.25rem);
  --fs-big-list: clamp(1.25rem, 2.2vw, 1.875rem);
  --fs-pump: clamp(1rem, 1.6vw, 1.375rem);
  --fs-modal-title: clamp(1.25rem, 2vw, 1.625rem);
  --fs-close: 1.75rem;
  --fs-nav-arrow: 2rem;
  --lh-head: 1.05;
  --lh-tight: 1.2;
  --lh-body: 1.5;
  --tracking-caps: 0.04em;

  /* Раскладка */
  --container: 1320px;
  --gutter: clamp(16px, 3.5vw, 40px);
  --section-y: clamp(56px, 7vw, 104px);
  --gap-2xs: 4px;
  --gap-xs: 8px;
  --gap-s: 12px;
  --gap-m: 20px;
  --gap-l: 32px;
  --gap-xl: clamp(40px, 5vw, 72px);
  --header-h: 72px;
  --header-h-mob: 60px;
  --card-min: 270px;
  --kind-min: 220px;
  --video-min: 280px;
  --doc-w: 760px;
  --num-w: 2.5ch;
  --req-col: 180px;

  --radius-s: 10px;
  --radius: 16px;
  --radius-l: 24px;
  --radius-pill: 999px;
  --border: 1px;
  --border-pill: 1.5px;
  --focus-w: 3px;
  --focus-offset: 2px;
  --transition: 160ms ease;

  /* Движение */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 280ms;
  --t-reveal: 620ms;
  --t-modal: 260ms;
  --t-sweep: 5200ms;
  --stagger: 70ms;
  --rise: 22px;
  --zoom-photo: 1.04;
  --zoom-icon: 1.1;
  --press: 0.97;
  --modal-from: 0.97;
  --sweep-color: rgba(255, 255, 255, 0.5);
  --lift: -2px;
  --shadow-card: 0 12px 32px rgba(15, 35, 80, 0.14);
  --shadow-modal: 0 24px 64px rgba(15, 35, 80, 0.4);

  /* Элементы */
  --btn-py: 13px;
  --btn-px: 20px;
  --input-py: 12px;
  --input-px: 14px;
  --select-py: 10px;
  --select-pr: 34px;
  --select-arrow-x: 14px;
  --logo-size: 44px;
  --logo-size-mob: 38px;
  --close-size: 44px;
  --nav-size: 44px;
  --thumb-w: 76px;
  --play-size: 64px;
  --play-tri: 22px;
  --check-size: 18px;
  --modal-w: 500px;
  --modal-wide-w: 1120px;
  --tag-offset: 10px;
  --icon-size: 28px;
  --icon-box: 52px;
  --icon-stroke: 1.7;
  --faq-marker: 12px;
  --faq-line: 2px;

  /* Невидимая зона на кнопке баннера, в % от картинки. Сменили баннер — перемерить */
  --hot-pk-x: 4.6%;
  --hot-pk-y: 82.3%;
  --hot-pk-w: 27.2%;
  --hot-pk-h: 9.8%;
  --hot-mob-x: 5.8%;
  --hot-mob-y: 80%;
  --hot-mob-w: 44.3%;
  --hot-mob-h: 16.5%;
}