/* Підганяємо розміри та інтервали системного Arial під точні метрики Inter */
@font-face {
  font-family: 'Inter-Fallback';
  src: local('Arial');
  ascent-override: 90%;
  descent-override: 22.4%;
  line-gap-override: 0%;
  size-adjust: 107.4%;
}

/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/inter-v20-latin/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url('/assets/fonts/inter-v20-latin/inter-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('/assets/fonts/inter-v20-latin/inter-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  src: url('/assets/fonts/inter-v20-latin/inter-v20-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/fonts/inter-v20-latin/inter-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  src: url('/assets/fonts/inter-v20-latin/inter-v20-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/inter-v20-latin/inter-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  src: url('/assets/fonts/inter-v20-latin/inter-v20-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('/assets/fonts/inter-v20-latin/inter-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  src: url('/assets/fonts/inter-v20-latin/inter-v20-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('/assets/fonts/inter-v20-latin/inter-v20-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  src: url('/assets/fonts/inter-v20-latin/inter-v20-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
    font-synthesis: none;
}

body,
h1,
h2,
h3,
p {
    margin: 0;
}


/* Додайте до відповідних блоків у styles.css */
h1, h2, h3 {
    font-size-adjust: from-font; /* Зберігає пропорції шрифту */
}

.hero-copy h1 {
    /* Запобігає зміні висоти першого екрану під час завантаження шрифту */
    min-height: 1.1em; 
     /* під 2-3 рядки замість 1 */
    min-height: calc(1.08 * 2.2em);
}

.hero-copy h1.one-line {
    /* Запобігає зміні висоти першого екрану під час завантаження шрифту */
    min-height: 1.1em; 
    /* min-height: calc(1.08 * 2.2em); */
}

.nav-menu a,
body {
    color: var(--text)
}

.nav-menu,
.nav-menu a,
.site-header {
    border-bottom: 1px solid var(--line)
}

.nav-item {
    position: relative
}

.nav-dropdown-toggle {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    width: 100%;
    padding: .55rem .2rem;
    font: inherit;
    font-weight: 750;
    color: var(--text)
}

.nav-dropdown-toggle:hover,
.nav-item.is-open .nav-dropdown-toggle,
.nav-item:focus-within .nav-dropdown-toggle {
    color: var(--blue)
}

.nav-caret {
    transition: transform .18s
}

.nav-item.is-open .nav-caret,
.nav-item:hover .nav-caret,
.nav-item:focus-within .nav-caret {
    transform: rotate(180deg)
}

.nav-submenu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
}

.nav-item.is-open .nav-submenu,
.nav-item:focus-within .nav-submenu {
    display: grid
}

.nav-submenu a {
    display: block;
    padding: .55rem 0;
    font-weight: 650;
    border: 0 !important;
}


.cleaning-card {
    overflow: hidden;
}

body.menu-open {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
}

body.menu-open .site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
}

:root {
    --white: #fff;
    --sky: #4da6ff;
    --sky-soft: #e9f5ff;
    --blue: #376CE5;
    --blue-1:#3369E5;
    --blue-2: #173a5c;
    --gray: #f5f7fa;
    --line: #d9e5ef;
    --text: #17283a;
    --muted: #607386;
    --success: #2e7d67;
    --shadow: 0 18px 48px rgba(31, 78, 121, .12);
    --shadow-sm: 0 10px 28px rgba(31, 78, 121, .09);
    --radius: 8px;
    --pill: 999px;
    --container: 1180px;
    --gutter: clamp(1rem, 4vw, 2rem);
    --font: "Inter", "Inter-Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;    
}

* {
    box-sizing: border-box
}

html {
    /* scroll-behavior: smooth; */
    -webkit-text-size-adjust: 100%
}

body {
    background: var(--white);
    font-family: var(--font);
    font-size: 16px;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}

img,
svg {
    display: block;
    max-width: 100%;
    height: auto
}

a {
    color: var(--blue);
    text-decoration: none
}

button,
input,
select,
textarea {
    font: inherit
}

button {
    border: 0;
    background: 0 0;
    color: inherit;
    cursor: pointer
}

:focus-visible {
    outline: rgba(77, 166, 255, .78) solid 3px;
    outline-offset: 3px
}

.skip-link {
    position: absolute;
    left: -999px;
    top: 1rem;
    z-index: 1000;
    background: var(--blue);
    color: #fff;
    padding: .75rem 1rem;
    border-radius: var(--radius)
}

.skip-link:focus {
    left: 1rem
}

.container {
    width: min(100% - (var(--gutter) * 2), var(--container));
    margin-inline: auto
}

.section {
    padding: clamp(3.5rem, 8vw, 6.5rem) 0
}

.section-soft {
    background: var(--gray)
}

.section-bg {
    /* background-color: #F5F7FA;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23D9E5EF' stroke-width='1' stroke-opacity='0.2'%3E%3Crect x='-40' y='40' width='75' height='75'/%3E%3Crect x='-35' y='45' width='65' height='65'/%3E%3Crect x='-30' y='50' width='55' height='55'/%3E%3Crect x='-25' y='55' width='45' height='45'/%3E%3Crect x='-20' y='60' width='35' height='35'/%3E%3Crect x='-15' y='65' width='25' height='25'/%3E%3Crect x='-10' y='70' width='15' height='15'/%3E%3Crect x='-5' y='75' width='5' height='5'/%3E%3Crect width='35' height='35'/%3E%3Crect x='5' y='5' width='25' height='25'/%3E%3Crect x='10' y='10' width='15' height='15'/%3E%3Crect x='15' y='15' width='5' height='5'/%3E%3Crect x='40' width='75' height='75'/%3E%3Crect x='45' y='5' width='65' height='65'/%3E%3Crect x='50' y='10' width='55' height='55'/%3E%3Crect x='55' y='15' width='45' height='45'/%3E%3Crect x='60' y='20' width='35' height='35'/%3E%3Crect x='65' y='25' width='25' height='25'/%3E%3Crect x='70' y='30' width='15' height='15'/%3E%3Crect x='75' y='35' width='5' height='5'/%3E%3Crect x='40' y='80' width='35' height='35'/%3E%3Crect x='45' y='85' width='25' height='25'/%3E%3Crect x='50' y='90' width='15' height='15'/%3E%3Crect x='55' y='95' width='5' height='5'/%3E%3Crect x='120' y='-40' width='75' height='75'/%3E%3Crect x='125' y='-35' width='65' height='65'/%3E%3Crect x='130' y='-30' width='55' height='55'/%3E%3Crect x='135' y='-25' width='45' height='45'/%3E%3Crect x='140' y='-20' width='35' height='35'/%3E%3Crect x='145' y='-15' width='25' height='25'/%3E%3Crect x='150' y='-10' width='15' height='15'/%3E%3Crect x='155' y='-5' width='5' height='5'/%3E%3Crect x='120' y='40' width='35' height='35'/%3E%3Crect x='125' y='45' width='25' height='25'/%3E%3Crect x='130' y='50' width='15' height='15'/%3E%3Crect x='135' y='55' width='5' height='5'/%3E%3Crect y='120' width='75' height='75'/%3E%3Crect x='5' y='125' width='65' height='65'/%3E%3Crect x='10' y='130' width='55' height='55'/%3E%3Crect x='15' y='135' width='45' height='45'/%3E%3Crect x='20' y='140' width='35' height='35'/%3E%3Crect x='25' y='145' width='25' height='25'/%3E%3Crect x='30' y='150' width='15' height='15'/%3E%3Crect x='35' y='155' width='5' height='5'/%3E%3Crect x='200' y='120' width='75' height='75'/%3E%3Crect x='40' y='200' width='75' height='75'/%3E%3Crect x='80' y='80' width='75' height='75'/%3E%3Crect x='85' y='85' width='65' height='65'/%3E%3Crect x='90' y='90' width='55' height='55'/%3E%3Crect x='95' y='95' width='45' height='45'/%3E%3Crect x='100' y='100' width='35' height='35'/%3E%3Crect x='105' y='105' width='25' height='25'/%3E%3Crect x='110' y='110' width='15' height='15'/%3E%3Crect x='115' y='115' width='5' height='5'/%3E%3Crect x='80' y='160' width='35' height='35'/%3E%3Crect x='85' y='165' width='25' height='25'/%3E%3Crect x='90' y='170' width='15' height='15'/%3E%3Crect x='95' y='175' width='5' height='5'/%3E%3Crect x='120' y='160' width='75' height='75'/%3E%3Crect x='125' y='165' width='65' height='65'/%3E%3Crect x='130' y='170' width='55' height='55'/%3E%3Crect x='135' y='175' width='45' height='45'/%3E%3Crect x='140' y='180' width='35' height='35'/%3E%3Crect x='145' y='185' width='25' height='25'/%3E%3Crect x='150' y='190' width='15' height='15'/%3E%3Crect x='155' y='195' width='5' height='5'/%3E%3Crect x='160' y='40' width='75' height='75'/%3E%3Crect x='165' y='45' width='65' height='65'/%3E%3Crect x='170' y='50' width='55' height='55'/%3E%3Crect x='175' y='55' width='45' height='45'/%3E%3Crect x='180' y='60' width='35' height='35'/%3E%3Crect x='185' y='65' width='25' height='25'/%3E%3Crect x='190' y='70' width='15' height='15'/%3E%3Crect x='195' y='75' width='5' height='5'/%3E%3Crect x='160' y='120' width='35' height='35'/%3E%3Crect x='165' y='125' width='25' height='25'/%3E%3Crect x='170' y='130' width='15' height='15'/%3E%3Crect x='175' y='135' width='5' height='5'/%3E%3Crect x='200' y='200' width='35' height='35'/%3E%3Crect x='200' width='35' height='35'/%3E%3Crect y='200' width='35' height='35'/%3E%3C/g%3E%3C/svg%3E"); */
background-color: #F5F7FA;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='200' viewBox='0 0 160 80'%3E%3Cg fill='%23EEEEEE' %3E%3Cpolygon points='0 10 0 0 10 0'/%3E%3Cpolygon points='0 40 0 30 10 30'/%3E%3Cpolygon points='0 30 0 20 10 20'/%3E%3Cpolygon points='0 70 0 60 10 60'/%3E%3Cpolygon points='0 80 0 70 10 70'/%3E%3Cpolygon points='50 80 50 70 60 70'/%3E%3Cpolygon points='10 20 10 10 20 10'/%3E%3Cpolygon points='10 40 10 30 20 30'/%3E%3Cpolygon points='20 10 20 0 30 0'/%3E%3Cpolygon points='10 10 10 0 20 0'/%3E%3Cpolygon points='30 20 30 10 40 10'/%3E%3Cpolygon points='20 20 20 40 40 20'/%3E%3Cpolygon points='40 10 40 0 50 0'/%3E%3Cpolygon points='40 20 40 10 50 10'/%3E%3Cpolygon points='40 40 40 30 50 30'/%3E%3Cpolygon points='30 40 30 30 40 30'/%3E%3Cpolygon points='40 60 40 50 50 50'/%3E%3Cpolygon points='50 30 50 20 60 20'/%3E%3Cpolygon points='40 60 40 80 60 60'/%3E%3Cpolygon points='50 40 50 60 70 40'/%3E%3Cpolygon points='60 0 60 20 80 0'/%3E%3Cpolygon points='70 30 70 20 80 20'/%3E%3Cpolygon points='70 40 70 30 80 30'/%3E%3Cpolygon points='60 60 60 80 80 60'/%3E%3Cpolygon points='80 10 80 0 90 0'/%3E%3Cpolygon points='70 40 70 60 90 40'/%3E%3Cpolygon points='80 60 80 50 90 50'/%3E%3Cpolygon points='60 30 60 20 70 20'/%3E%3Cpolygon points='80 70 80 80 90 80 100 70'/%3E%3Cpolygon points='80 10 80 40 110 10'/%3E%3Cpolygon points='110 40 110 30 120 30'/%3E%3Cpolygon points='90 40 90 70 120 40'/%3E%3Cpolygon points='10 50 10 80 40 50'/%3E%3Cpolygon points='110 60 110 50 120 50'/%3E%3Cpolygon points='100 60 100 80 120 60'/%3E%3Cpolygon points='110 0 110 20 130 0'/%3E%3Cpolygon points='120 30 120 20 130 20'/%3E%3Cpolygon points='130 10 130 0 140 0'/%3E%3Cpolygon points='130 30 130 20 140 20'/%3E%3Cpolygon points='120 40 120 30 130 30'/%3E%3Cpolygon points='130 50 130 40 140 40'/%3E%3Cpolygon points='120 50 120 70 140 50'/%3E%3Cpolygon points='110 70 110 80 130 80 140 70'/%3E%3Cpolygon points='140 10 140 0 150 0'/%3E%3Cpolygon points='140 20 140 10 150 10'/%3E%3Cpolygon points='140 40 140 30 150 30'/%3E%3Cpolygon points='140 50 140 40 150 40'/%3E%3Cpolygon points='140 70 140 60 150 60'/%3E%3Cpolygon points='150 20 150 40 160 30 160 20'/%3E%3Cpolygon points='150 60 150 50 160 50'/%3E%3Cpolygon points='140 70 140 80 150 80 160 70'/%3E%3C/g%3E%3C/svg%3E");
/* background-color: #0997FF;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23b4d2ff'/%3E%3Cstop offset='1' stop-color='%23b4d2ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2394c1ff'/%3E%3Cstop offset='1' stop-color='%2394c1ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e9f2ff'/%3E%3Cstop offset='1' stop-color='%23e9f2ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230997FF'/%3E%3Cstop offset='1' stop-color='%230997FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23FFFFFF'/%3E%3Cstop offset='1' stop-color='%23FFFFFF' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23D1E4FF'/%3E%3Cstop offset='1' stop-color='%23D1E4FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover; */
}

.section-head {
    display: grid;
    gap: 1rem;
    margin-bottom: 2rem
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: var(--blue-1);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase
}

.lede,
.small {
    color: var(--muted)
}

.eyebrow:before {
    content: "";
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: var(--sky)
}

.eyebrow.eyebrow-footer {
    color: #cfdde8
}

h1,
h2,
h3 {
    letter-spacing: 0;
    line-height: 1.08;
    color: var(--blue-2)
}

.heading-highlight {
    color: var(--blue-1)
}

h1 {
    font-size: clamp(2.5rem, 3vw, 3.9rem);
    max-width: 620px
}

h2 {
    font-size: clamp(2rem, 5vw, 2rem);
    /* padding: 1rem; */
}

h3 {
    font-size: 1.17rem;
    line-height: 1.25
}

.lede {
    font-size: 1.25rem;
    max-width: 67ch;
    margin-top: .7rem
}

.small {
    font-size: .92rem
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(255, 255, 255, .94);
    backdrop-filter: saturate(160%) blur(14px)
}

.header-inner {
    min-height: 74px;
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: .7rem
}

.stats,
.trust-row {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
    font-weight: 700;
    color: var(--blue-2)
}

.brand svg {
    width: 38px;
    height: 38px;
    flex: 0 0 auto
}

.brand img {
    width: 250px;
    height: auto;
}

.btn,
.header-phone {
    align-items: center
}

.brand-name {
    display: grid;
    line-height: 1.05
}

.brand-name img {
    width: 250px;
    height: auto
}

.btn,
.rating,
.stat strong {
    line-height: 1
}

.brand-name span:last-child {
    font-weight: 650;
    color: var(--muted);
    font-size: .82rem
}

.header-phone {
    display: inline-flex;
    gap: .4rem;
    color: var(--blue);
    font-weight: 800;
    font-size: .83rem;
    white-space: nowrap
}

.nav-menu.is-open,
.nav-toggle {
    display: grid
}

.header-phone svg {
    width: 18px;
    height: 18px
}

.nav-toggle {
    width: 42px;
    height: 42px;
    /* border: 1px solid var(--line); */
    border-radius: var(--radius);
    place-items: center;
    background: #fff
}

.nav-toggle span,
.nav-toggle span:after,
.nav-toggle span:before {
    display: block;
    width: 19px;
    height: 2px;
    border-radius: 2px;
    background: var(--blue-1);
    content: "";
    transition: transform .18s, opacity .18s
}

.nav-toggle span:before {
    transform: translateY(-6px)
}

.nav-toggle span:after {
    transform: translateY(4px)
}

.nav-toggle[aria-expanded=true] span {
    background: 0 0
}

.nav-toggle[aria-expanded=true] span:before {
    transform: translateY(2px) rotate(45deg)
}

.nav-toggle[aria-expanded=true] span:after {
    transform: translateY(0) rotate(-45deg)
}

.nav-menu {
    position: fixed;
    inset: 74px 0 auto 0;
    display: none;
    background: #fff;
    box-shadow: var(--shadow);
    padding: 1rem var(--gutter) 1.4rem
}

.nav-menu a {
    padding: .8rem 0;
    font-weight: 750
}

.availability-card strong,
.nav-menu a:hover,
.nav-menu a[aria-current=page] {
    color: var(--blue)
}

.btn {
    display: inline-flex;
    justify-content: center;
    gap: .55rem;
    min-height: 48px;
    padding: .85rem 1.18rem;
    border-radius: var(--pill);
    border: 1px solid transparent;
    font-weight: 700;
    transition: transform .18s, box-shadow .18s, background .18s, border-color .18s, color .18s
}

.btn:hover {
    transform: translateY(-2px)
}

.btn-primary {
    background: var(--blue);
    color: #fff;
    box-shadow: 0 14px 26px rgba(31, 78, 121, .18)
}

.btn-primary:hover {
    /* background: #27618f */
    background: var(--blue);
}

.btn-secondary {
    background: #fff;
    color: var(--blue);
    border-color: #93cfff
}

.btn-secondary:hover {
    border-color: var(--blue);
    box-shadow: var(--shadow-sm)
}

.btn-light {
    background: #fff;
    color: var(--blue)
}

.hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 2.2rem;
    align-items: center
}

#text-hero-grid{
    font-size: 17px;
}

.hero-copy {
    display: grid;
    gap: 1.25rem
}

.hero-copy .lede {
    max-width: 52ch
}

.cta-row,
.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .85rem;
    padding: 1rem;
}

.hero-phone-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    color: var(--muted);
    font-weight: 700
}

.hero-phone-line a {
    color: var(--blue);
    font-weight: 900
}

.trust-row {
    display: grid;
    gap: .75rem;
    margin-top: .35rem
}

.trust-chip {
    display: flex;
    align-items: center;
    gap: .55rem;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: .78rem .85rem;
    color: var(--blue-2);
    font-weight: 800;
    box-shadow: var(--shadow-sm)
}

.check-list svg,
.trust-chip svg {
    width: 18px;
    height: 18px;
    color: var(--success);
    flex: 0 0 auto
}

.hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;   /* колонки рівної висоти */
  padding: 2rem 0;
}

.hero-copy-inner {
  padding: 4rem 3rem;    /* весь падінг, що раніше був на .container, переносимо сюди */
}

.hero-visual {
  position: relative;
  height: 100%;
  margin: 0;
  padding: 0;             /* жодного відступу з жодного боку */
}

.hero-visual img {
  position: absolute;
  inset: 0;               /* прилягає до всіх чотирьох країв .hero-visual */
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 20px;
}

/* Легке біле затемнення на межі hero-copy / hero-visual */
/* .hero-visual::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;            
  height: 100%;
  background: linear-gradient(
    to right,
    #e9f5ff 0%,
    #e9f5ff 40%,
    rgba(255, 255, 255, 0) 100%    
  );
  z-index: 1;
  pointer-events: none;
} */

/* .hero-visual {
    position: relative;
    border-radius: var(--radius);
    background: #fff;
    box-shadow: var(--shadow);
    padding: .7rem
} */

/* .hero-visual img {   
    border-radius: var(--radius);
    width: 100%;
    height: auto;
    aspect-ratio: 1000 / 950;
    object-fit: cover;
    display: block;
} */

.map-visual iframe {   
    border-radius: var(--radius);
    width: 100%;
    height: auto;
    aspect-ratio: 950 / 632; /* Або 15 / 10 (1.5) */
    object-fit: cover;
    display: block;
}

.why-photo img {
    border-radius: var(--radius);
    width: 100%;
    /* height: auto; */
    max-height: 210px;
    aspect-ratio: 373 / 210; /* Або 15 / 10 (1.5) */
    object-fit: cover;
    display: block;
    box-shadow: var(--shadow-sm);
    
}

.faq__image img{
    border-radius: var(--radius);
    width: 100%;
    height: auto;
    max-height: 310px;
    aspect-ratio: 373 / 210; /* Або 15 / 10 (1.5) */
    object-fit: cover;
    display: block;
    box-shadow: var(--shadow-sm);
}

.availability-card,
.stat {
    border: 1px solid var(--line);
    box-shadow: var(--shadow-sm)
}

.availability-card {
    position: absolute;
    left: 1.2rem;
    right: 1.2rem;
    bottom: 1.2rem;
    display: grid;
    gap: .15rem;
    background: rgba(255, 255, 255, .94);
    border-radius: var(--radius);
    padding: .85rem 1rem;

    /* Запобігає мікрозсуву під час рендерингу тексту в картці */
    min-height: 72px;
}

.card-grid,
.form-row,
.reason-grid,
.service-detail-grid,
.stats {
    gap: 1rem;
    display: grid
}

.stats {
    margin-top: 2.5rem
}

.stat {
    background: #fff;
    border-radius: var(--radius);
    padding: 1.15rem
}

.stat strong {
    display: block;
    color: var(--blue);
    font-size: 1.7rem
}

.page-card p,
.process-card p,
.stat span,
.testimonial-card p {
    color: var(--muted)
}

.stat span {
    display: block;
    margin-top: .4rem;
    font-weight: 700
}

.info-card,
.page-card,
.process-card,
.reason-card,
.service-card,
.testimonial-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 1.25rem;
    box-shadow: var(--shadow-sm)
}

.handyman-service-process-card {
margin: 1em;
text-align: left;
margin-inline: auto;
background-color: #fff;
box-shadow: var(--shadow-sm);
border-radius: var(--radius);
}

.handyman-service-process-card img {
width: 100%;
max-width: 100%;
clip-path: polygon(0 0, 0 100%, 100% 85%, 100% 0%);
border-radius: var(--radius) var(--radius) 0 0;
height: auto;
aspect-ratio: 283 / 283;
}

.description {
padding: 0 1.25em 1.25em 1.25em;
margin-top: 1.5em;
}

.description h3 {
padding: 0 0 1.25em 0;
}

.description p {
color: var(--muted);
}


.info-list,
.service-card {
    display: grid;
    gap: .85rem
}

.service-icon,
.social-link,
.step-number {
    width: 56px;
    height: 56px;
    min-width: 56px !important;
    min-height: 56px !important;
    border-radius: var(--radius);
    display: grid;
    place-items: center;
    background: var(--sky-soft);
    color: var(--blue)
}

.service-icon svg {
    width: 50px !important;
    height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important
}

.service-icon img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.service-icon {
    position: static
}

.service-card p {
    height: 100px
}

.split {
    display: grid;
    gap: 2rem;
    align-items: center
}

.about-us-panel {
    display: grid;
    gap: 1rem;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 1.25rem;
    box-shadow: var(--shadow-sm)
}

.about-us-highlight {
    display: grid;
    gap: .8rem;
    background: linear-gradient(135deg, #E7F3FF, #a7d4ff);
    color: #ffffff;
    border-radius: var(--radius);
    padding: 1.5rem
}

.about-us-highlight-deep-blue {
    display: grid;    
    gap: .8rem;    
    background: linear-gradient(135deg, var(--blue), #4da6ff);    
    color: #fff;    
    border-radius: var(--radius);    
    padding: 1.5rem;
}

.about-us-highlight-deep-blue-home-page {
    display: grid;    
    gap: .8rem;    
    background: linear-gradient(135deg, var(--blue), #4da6ff);    
    color: #fff;    
    border-radius: var(--radius);    
    padding: 1.5rem;
}

.about-us-highlight-deep-blue-home-page  h3{
    color: #fff;  
}


.about-us-highlight h3,
.cta-band h2,
.footer-brand .brand,
.footer-col a:hover {
    color: #fff
}

.about-us-highlight p,
.cta-band .lede {
    color: rgba(255, 255, 255, 0.86)
}

.check-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .8rem
}

.check-list li {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    color: var(--text);
    font-weight: 760
}

.reason-card strong,
.reviewer strong {
    color: var(--blue-2)
}

.reason-card {
    display: flex;
    gap: .8rem;
    align-items: flex-start
}

.reason-card strong {
    display: block
}

.process-grid {
    display: grid;
    gap: 1rem;
}

.process-card {
    display: grid;
    gap: .75rem
}

/* Container to place image and h3 on one line */
.process-header {
  display: flex;
  align-items: center;
  gap: 0.75rem; /* Adjust spacing between image and title */
}

/* Ensure the heading shares the exact height of the image */
.process-header h3 {
  margin: 0;
  /* line-height: 40px; Matches image height */ 
  font-size: 1.17rem;
}

/* Style for the image tag replacing step-number */
.step-image {
  height: 56px;      /* Set your desired matching height */
  width: auto;        /* Preserves aspect ratio */
  object-fit: contain;
  display: block;
  border-radius: var(--radius);
}

.step-number {
    background: var(--blue);
    color: #fff;
    font-weight: 900
}

.testimonial-card {
    display: grid;
    gap: .9rem
}

.rating {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #d99000;
    font-weight: 900
}

.rating-star {
    width: 1rem;
    height: 1rem;
    fill: currentColor;
    flex: 0 0 auto
}

.avatar,
.avatar-img {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.rating svg[aria-label=Google] {
    margin-left: auto;
    min-width: 20px;
    min-height: 20px
}

.form-note,
.reviewer span {
    color: var(--muted);
    font-size: .9rem
}

.form-note > a {
    color: var(--blue-1);
}

.reviewer {
    display: flex;
    align-items: center;
    gap: .75rem
}

.reviewer-meta {
    display: grid;
    gap: .1rem
}

.avatar {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    /* background: linear-gradient(135deg, var(--blue), var(--sky)); */
    color: #fff;
    font-weight: 800;
    font-size: .92rem;
    letter-spacing: .02em;
    box-shadow: 0 8px 18px rgba(31, 78, 121, .14)
}

.avatar-img {
    object-fit: cover;
    flex: 0 0 auto
}

.reviews-cta {
    display: flex;
    justify-content: center;
    margin-top: 1.5rem
}

.contacts-grid {
    display: grid;
    gap: 1.3rem
}

.info-card {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .85rem;
    align-items: start
}

.info-card svg {
    width: 24px;
    height: 24px;
    color: var(--blue)
}

.info-card a {
    color: var(--blue);
    font-weight: 850
}

.form-card {
    display: grid;
    gap: 1rem;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 1.1rem;
    box-shadow: var(--shadow)
}

#contacts {
  /* Замініть 100px на реальну висоту вашої фіксованої шапки + додатковий відступ для краси */
  scroll-margin-top: 80px; 
}

.field {
    display: grid;
    gap: .38rem
}

.field label {
    color: var(--blue-2);
    font-weight: 800;
    font-size: .9rem
}

.field input,
.field select,
.field textarea {
    width: 100%;
    border: 1px solid #cfdde8;
    border-radius: var(--radius);
    padding: .85rem .9rem;
    color: var(--text);
    background: #fff
}

.field textarea {
    min-height: 132px;
    resize: vertical
}

.field input:focus,
.field select:focus,
.field textarea:focus {
    outline: 0;
    border-color: var(--sky);
    box-shadow: 0 0 0 4px rgba(77, 166, 255, .16)
}

.field-error {
  display: block;
  min-height: 1.2em;
  margin-top: 4px;
  font-size: 0.85rem;
  color: #c0392b;
}

.field input.invalid,
.field select.invalid,
.field textarea.invalid {
  border-color: #c0392b;
}

.cta-band {
    background: linear-gradient(135deg, var(--blue), #4da6ff);
    color: #fff
}

.page-hero {
    /* background: linear-gradient(135deg, #fff, #eff8ff); */
    padding: clamp(3rem, 7vw, 5.5rem) 0
}

.page-hero-inner {
    display: grid;
    gap: 1rem;
    max-width: 760px
}

.site-footer {
    background: #102b43;
    color: #dbeaf5;
    padding: 3rem 0 1.25rem
}

.footer-grid {
    display: grid;
    gap: 2rem
}

.footer-brand {
    display: grid;
    gap: .8rem;
    max-width: 36rem
}

.footer-brand p {
    color: #c1d7e9
}

.footer-col h3 {
    color: #fff;
    font-size: 1rem;
    margin-bottom: .8rem
}

.footer-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .55rem
}

.footer-col a {
    color: #dbeaf5
}

.socials {
    display: flex;
    gap: .7rem;
    margin-top: .9rem
}

.social-link {
    background: rgba(255, 255, 255, .1);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .16)
}

.social-link svg {
    width: 20px;
    height: 20px
}

@media (max-width: 768px) {
  .socials {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Exactly 3 icons per row */
    gap: 10px;
    width: max-content; /* Або фіксована ширина */
  }
}

.footer-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .75rem;
    margin-top: 2rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(255, 255, 255, .15);
    color: #b7ccdc;
    font-size: .9rem
}

@media (min-width:680px) {
    .section-head {
        grid-template-columns: 1fr 1fr;
        align-items: end
    }

    .card-grid,
    .form-row,
    .process-grid,
    .reason-grid,
    .stats,
    .trust-row {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .form-row-full {
        grid-template-columns: 1fr
    }

    .footer-grid {
        grid-template-columns: 1.4fr repeat(2, 1fr)
    }
}

@media (min-width:960px) {

    .header-phone,
    .nav-menu a {
        font-size: .95rem
    }

    .header-inner {
        grid-template-columns: auto 1fr auto
    }

    .nav-toggle {
        display: none
    }

    .nav-menu {
        position: static;
        display: flex;
        justify-content: center;
        gap: 1.25rem;
        padding: 0;
        border: 0;
        box-shadow: none;
        background: 0 0
    }

    .nav-menu a {
        border: 0;
        padding: .55rem .2rem
    }

    .nav-submenu {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        min-width: 220px;
        background: #fff;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        padding: .5rem;
        z-index: 60
    }

    .nav-item:hover .nav-submenu {
        display: grid
    }

    .nav-submenu a {
        padding: .6rem .75rem;
        border-radius: 6px
    }

    .nav-submenu a:hover {
        background: var(--sky-soft);
        color: var(--blue)
    }

    .hero-grid {
        grid-template-columns: minmax(0, 1fr) minmax(390px, .88fr);
        gap: 4rem
    }

    .card-grid,
    .reason-grid,
    .service-detail-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .contacts-grid,
    .split {
        grid-template-columns: .9fr 1.1fr
    }

    .split-reverse>div:first-child {
        order: 2
    }

    .process-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .availability-card {
        left: auto;
        right: 1.4rem;
        width: 260px
    }

    .hero {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
        /* background: var(--gray); */
    }
}

@media (max-width: 959px) {
    .nav-submenu {
        padding-left: 1rem;
        border-left: 2px solid var(--line);
        margin-top: .2rem
    }
}

.cleaning-card-section {
    display: none;
    background: linear-gradient(135deg, #fff 0, #f5faff 52%, #eaf5ff 100%);
    padding: clamp(2rem, 6vw, 5rem) 0
}

.cleaning-card-container {
    display: grid;
    place-items: center;
    /* max-width: 420px */
}

.cleaning-card {
    position: relative;
    display: grid;
    gap: 0;
    background: #fff;
    border-radius: clamp(24px, 5vw, 34px);
    box-shadow: var(--shadow);
    text-align: center
}

/* 1. Резервуємо простір під картинку до її завантаження */
.cleaning-visual {
  width: 100%;
  aspect-ratio: 420 / 389; /* Точне співвідношення на основі вашого width/height */
  background-color: #f0f4f8; /* Легкий плейсхолдер до завантаження */
  border-radius: 12px;       /* За потреби, відповідно до дизайну */
  overflow: hidden;
  position: relative;   /* повернути це */
}

/* 2. Гарантуємо правильну адаптивність всередині контейнера */
.cleaning-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cleaning-visual::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 45%;
    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, .92));
    pointer-events: none
}

/* .cleaning-visual:hover img {
    transform: scale(1.03)
} */

.cleaning-content {
    display: grid;
    gap: 1rem;
    align-items: center;
    padding: 1.5rem 1.3rem 1.9rem;
    background: rgba(255, 255, 255, .96);
    border-top-left-radius: clamp(24px, 5vw, 34px);
    border-top-right-radius: clamp(24px, 5vw, 34px);
    margin-top: -1.55rem;
    position: relative;
    z-index: 1;
    box-shadow: 0 -18px 40px rgba(31, 78, 121, .08)
}

.cleaning-content h2 {
    font-size: clamp(1.8rem, 5vw, 2.4rem);
    min-height: 2.2em; /* приблизно 2 рядки при поточному clamp() на малих екранах */
    margin: 0;
    line-height: 1.05;
    color: var(--blue-2)
}

.cleaning-content h2.one-line {
    min-height: 1.1em; 
}

.cleaning-description {
    color: var(--muted);
    font-size: 1rem;
    margin: 0;
    line-height: 1.6;
    max-width: 42ch;
    margin-inline: auto
}

.cleaning-btn {
    width: 100%;
    min-height: 56px;
    font-size: 1rem;
    padding: .95rem 1.2rem
}

.btn svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}

.cleaning-login {
    font-size: .88rem;
    color: var(--muted);
    margin: 0
}

.cleaning-login a {
    color: var(--blue);
    font-weight: 800
}

.cleaning-login span {
    display: inline;
    text-decoration: underline
}

@media (max-width:679px) {
    .cleaning-card-section {
        display: block
    }

    .site-header {
        display: flex
    }

    .hero {
        display: none
    }
}

@media (min-width:680px) {
    .cleaning-card-container {
        max-width: 460px
    }

    .cleaning-card {
        border-radius: 32px
    }

    .cleaning-btn {
        width: 100%
    }
}

@media (max-width:390px) {
    .cleaning-card {
        border-radius: 24px
    }

    .btn,
    .cleaning-btn,
    .hero-actions .btn {
        width: 100%
    }

    .brand-name span:last-child {
        display: none
    }

    .header-phone {
        font-size: .78rem
    }

    .header-inner {
        gap: .45rem
    }

    .stats,
    .trust-row {
        grid-template-columns: 1fr
    }
}

@media (prefers-reduced-motion:reduce) {

    *,
    :after,
    :before {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important
    }
}

/* Slider for major brands */

.slider {
    width: 100%;
    overflow: hidden;
}

.logos {
    display: flex;
    width: max-content;
    will-change: transform;
}

.silder {
height: auto;
  min-height: 0;
  max-height: none;
  overflow: visible;
}

.logos img {
    /* aspect-ratio: 110 / 60; Maintain the aspect ratio of the logos */
    width: 110px;
    height: 60px;
    object-fit: contain;
    margin: 0 25px;
    flex-shrink: 0;
}

/*blackout for major brands */

.slider {
  position: relative;
  max-width: 1100px;
  margin : auto;
  overflow: hidden;
}

.slider::before,
.slider::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 120px;
  z-index: 2;
  pointer-events: none;
}

.slider::before {
  left: 0px;
  /* background: linear-gradient(
    to right,
    #e8ebf7 0%,
    rgba(255, 255, 255, 0) 100%
  ); */
}

.slider::after {
  right: 0;
  /* background: linear-gradient(
    to left,
    #e8ebf7 0%,
    rgba(255, 255, 255, 0) 100%
  ); */
}

/* <!--============================slider of photo from YELP============================--> */
/* Головний контейнер: ставимо блоки поруч */
/* .story-layout { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 32px;
    align-items: start;
} */

/* Ліва сітка з картками інформації
.process-grid { 
    display: grid; 
    grid-template-columns: repeat(2, 1fr); 
    gap: 16px; 
    width: 100%; 
}

/* Правий слайдер */
/* .photo-slider { 
    position: relative; 
    width: 100%; 
    height: 590px; 
    overflow: hidden; 
    border-radius: 16px;
} */

/* Обов'язково розкоментуйте трек, щоб абсолютні картинки трималися всередині */
/* .slider-track { 
    position: relative; 
    width: 100%; 
    height: 100%;
} */

/* Самі картинки всередині слайдера */
/* .slide { 
    position: absolute; 
    inset: 0; 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    opacity: 0; 
    transition: opacity 0.5s ease;
} */
/* 
.slide.active { 
    opacity: 1; 
    z-index: 1;
} */

/* body {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg clip-path='url(%26quot%3b%23SvgjsClipPath1074%26quot%3b)' fill='none'%3e%3crect width='1920' height='1080' x='0' y='0' fill='rgba(254%2c 254%2c 255%2c 1)'%3e%3c/rect%3e%3cpath d='M1160.65 163.81C1182.25 162.74 1204.28 157.4 1218.96 141.52 1233.19 126.12 1234.31 104.16 1235.14 83.21 1236.02 61.01 1239.46 35.82 1223.75 20.11 1208.04 4.4 1182.87 8.75 1160.65 8.74 1138.42 8.73 1114.84 6.15 1097.49 20.05 1078.6 35.18 1067.94 59.01 1067.71 83.21 1067.48 107.61 1077.86 131.58 1096.29 147.57 1113.67 162.64 1137.68 164.94 1160.65 163.81' fill='rgba(53%2c 196%2c 255%2c 1)' stroke='none'%3e%3c/path%3e%3cpath d='M1147.65 176.81C1169.25 175.74 1191.28 170.4 1205.96 154.52 1220.19 139.12 1221.31 117.16 1222.14 96.21 1223.02 74.01 1226.46 48.82 1210.75 33.11 1195.04 17.4 1169.87 21.75 1147.65 21.74 1125.42 21.73 1101.84 19.15 1084.49 33.05 1065.6 48.18 1054.94 72.01 1054.71 96.21 1054.48 120.61 1064.86 144.58 1083.29 160.57 1100.67 175.64 1124.68 177.94 1147.65 176.81' fill='none' stroke-width='2' stroke='%230099d8'%3e%3c/path%3e%3cpath d='M489.57 1048.78C518.78 1050.32 545.03 1032.64 565.34 1011.59 585.25 990.96 598.21 964.49 598.6 935.82 598.99 906.76 587.06 879.39 567.41 857.98 546.8 835.52 520 815.27 489.57 817.02 460.1 818.72 439.97 844.53 420.2 866.45 401.87 886.78 382.22 908.45 382.45 935.82 382.68 963.03 402.66 984.27 421.38 1004.01 440.83 1024.52 461.34 1047.29 489.57 1048.78' fill='rgba(53%2c 196%2c 255%2c 1)' stroke='none'%3e%3c/path%3e%3cpath d='M475.57 1029.78C504.78 1031.32 531.03 1013.64 551.34 992.59 571.25 971.96 584.21 945.49 584.6 916.82 584.99 887.76 573.06 860.39 553.41 838.98 532.8 816.52 506 796.27 475.57 798.02 446.1 799.72 425.97 825.53 406.2 847.45 387.87 867.78 368.22 889.45 368.45 916.82 368.68 944.03 388.66 965.27 407.38 985.01 426.83 1005.52 447.34 1028.29 475.57 1029.78' fill='none' stroke-width='2' stroke='%230099d8'%3e%3c/path%3e%3cpath d='M968.02 800.06C984.42 801.02 999.01 789.87 1009.66 777.36 1019.47 765.84 1021.86 750.82 1022.8 735.72 1023.82 719.2 1026.12 700.98 1015.16 688.58 1003.82 675.75 985.02 671.71 968.02 673.77 952.67 675.63 941.74 687.58 931.09 698.79 920.84 709.58 909.19 720.84 909.17 735.72 909.15 750.61 920.95 761.75 931 772.74 941.76 784.5 952.11 799.13 968.02 800.06' fill='rgba(55%2c 158%2c 253%2c 1)' stroke='none'%3e%3c/path%3e%3cpath d='M980.02 790.06C996.42 791.02 1011.01 779.87 1021.66 767.36 1031.47 755.84 1033.86 740.82 1034.8 725.72 1035.82 709.2 1038.12 690.98 1027.16 678.58 1015.82 665.75 997.02 661.71 980.02 663.77 964.67 665.63 953.74 677.58 943.09 688.79 932.84 699.58 921.19 710.84 921.17 725.72 921.15 740.61 932.95 751.75 943 762.74 953.76 774.5 964.11 789.13 980.02 790.06' fill='none' stroke-width='2' stroke='%230270d5'%3e%3c/path%3e%3cpath d='M1561.22 503.93C1574.6 502.78 1584.84 493.17 1594.19 483.53 1603.35 474.09 1612.57 463.7 1613 450.56 1613.44 437.09 1606.46 424.35 1596.4 415.38 1586.87 406.88 1573.99 404.67 1561.22 404.38 1548.05 404.08 1534.54 405.34 1524.38 413.72 1513.28 422.87 1505.65 436.18 1505.21 450.56 1504.75 465.33 1511.33 479.55 1522.03 489.75 1532.48 499.71 1546.83 505.17 1561.22 503.93' fill='rgba(53%2c 196%2c 255%2c 1)' stroke='none'%3e%3c/path%3e%3cpath d='M1555.22 483.93C1568.6 482.78 1578.84 473.17 1588.19 463.53 1597.35 454.09 1606.57 443.7 1607 430.56 1607.44 417.09 1600.46 404.35 1590.4 395.38 1580.87 386.88 1567.99 384.67 1555.22 384.38 1542.05 384.08 1528.54 385.34 1518.38 393.72 1507.28 402.87 1499.65 416.18 1499.21 430.56 1498.75 445.33 1505.33 459.55 1516.03 469.75 1526.48 479.71 1540.83 485.17 1555.22 483.93' fill='none' stroke-width='2' stroke='%230099d8'%3e%3c/path%3e%3cpath d='M916.12 1160.05C943.25 1157.96 964.99 1141.07 985.41 1123.09 1007.84 1103.34 1035.18 1083.65 1036.76 1053.8 1038.38 1023.17 1016.61 996.52 993.13 976.79 971.7 958.78 944.06 954.1 916.12 952.39 885.61 950.53 851.66 946.15 829.09 966.77 806 987.87 804.01 1022.54 805.16 1053.8 806.26 1083.68 813.65 1113.99 835.25 1134.67 856.46 1154.98 886.84 1162.31 916.12 1160.05' fill='rgba(53%2c 196%2c 255%2c 1)' stroke='none'%3e%3c/path%3e%3cpath d='M897.12 1179.05C924.25 1176.96 945.99 1160.07 966.41 1142.09 988.84 1122.34 1016.18 1102.65 1017.76 1072.8 1019.38 1042.17 997.61 1015.52 974.13 995.79 952.7 977.78 925.06 973.1 897.12 971.39 866.61 969.53 832.66 965.15 810.09 985.77 787 1006.87 785.01 1041.54 786.16 1072.8 787.26 1102.68 794.65 1132.99 816.25 1153.67 837.46 1173.98 867.84 1181.31 897.12 1179.05' fill='none' stroke-width='2' stroke='%230099d8'%3e%3c/path%3e%3cpath d='M1173.24 504.14C1187.87 505.56 1202.86 501.26 1213.68 491.31 1224.91 480.98 1232.55 466.06 1231.13 450.87 1229.8 436.57 1217.39 427.01 1206.78 417.33 1196.87 408.29 1186.63 398.68 1173.24 398.04 1159.33 397.37 1146.41 404.34 1136.32 413.95 1125.95 423.83 1117.03 436.57 1117.77 450.87 1118.48 464.71 1129.94 474.57 1139.94 484.17 1149.64 493.49 1159.85 502.84 1173.24 504.14' fill='rgba(55%2c 158%2c 253%2c 1)' stroke='none'%3e%3c/path%3e%3cpath d='M1192.24 496.14C1206.87 497.56 1221.86 493.26 1232.68 483.31 1243.91 472.98 1251.55 458.06 1250.13 442.87 1248.8 428.57 1236.39 419.01 1225.78 409.33 1215.87 400.29 1205.63 390.68 1192.24 390.04 1178.33 389.37 1165.41 396.34 1155.32 405.95 1144.95 415.83 1136.03 428.57 1136.77 442.87 1137.48 456.71 1148.94 466.57 1158.94 476.17 1168.64 485.49 1178.85 494.84 1192.24 496.14' fill='none' stroke-width='2' stroke='%230270d5'%3e%3c/path%3e%3cpath d='M1739.08 151.12C1757.63 151.44 1776.98 148.38 1790.27 135.44 1803.7 122.36 1809.88 102.88 1807.77 84.25 1805.84 67.24 1791.79 55.75 1779.85 43.48 1767.64 30.93 1756.57 14.43 1739.08 13.61 1721.18 12.77 1706.38 26.23 1694.32 39.49 1682.94 52 1675.69 67.36 1674.85 84.25 1673.96 102.11 1677.26 120.78 1689.65 133.68 1702.23 146.78 1720.92 150.8 1739.08 151.12' fill='rgba(81%2c 165%2c 249%2c 1)' stroke='none'%3e%3c/path%3e%3cpath d='M1726.08 163.12C1744.63 163.44 1763.98 160.38 1777.27 147.44 1790.7 134.36 1796.88 114.88 1794.77 96.25 1792.84 79.24 1778.79 67.75 1766.85 55.48 1754.64 42.93 1743.57 26.43 1726.08 25.61 1708.18 24.77 1693.38 38.23 1681.32 51.49 1669.94 64 1662.69 79.36 1661.85 96.25 1660.96 114.11 1664.26 132.78 1676.65 145.68 1689.23 158.78 1707.92 162.8 1726.08 163.12' fill='none' stroke-width='2' stroke='%230873df'%3e%3c/path%3e%3cpath d='M1568.74 781.49C1586.01 782.14 1605.49 787.41 1618.28 775.79 1631.31 763.96 1631.01 743.79 1629.54 726.25 1628.21 710.39 1622.38 695.1 1610.62 684.37 1599.35 674.08 1583.99 670.35 1568.74 670.75 1553.94 671.14 1540.45 677.12 1529.01 686.52 1516.02 697.19 1502.4 709.48 1501.19 726.25 1499.92 743.79 1509.19 761.05 1522.81 772.18 1535.38 782.46 1552.51 780.88 1568.74 781.49' fill='rgba(81%2c 165%2c 249%2c 1)' stroke='none'%3e%3c/path%3e%3cpath d='M1556.74 769.49C1574.01 770.14 1593.49 775.41 1606.28 763.79 1619.31 751.96 1619.01 731.79 1617.54 714.25 1616.21 698.39 1610.38 683.1 1598.62 672.37 1587.35 662.08 1571.99 658.35 1556.74 658.75 1541.94 659.14 1528.45 665.12 1517.01 674.52 1504.02 685.19 1490.4 697.48 1489.19 714.25 1487.92 731.79 1497.19 749.05 1510.81 760.18 1523.38 770.46 1540.51 768.88 1556.74 769.49' fill='none' stroke-width='2' stroke='%230873df'%3e%3c/path%3e%3cpath d='M729.09 909.13C743.38 909.24 753.81 897.17 763.94 887.1 774.12 876.98 785.4 866.57 786.31 852.25 787.26 837.26 779.67 822.89 768.68 812.66 758.06 802.77 743.58 798.15 729.09 798.97 715.38 799.75 702.68 806.48 693.75 816.91 685.46 826.6 683.32 839.5 683.51 852.25 683.69 864.77 686.94 876.8 694.77 886.57 703.67 897.68 714.86 909.02 729.09 909.13' fill='rgba(70%2c 172%2c 255%2c 1)' stroke='none'%3e%3c/path%3e%3cpath d='M748.09 929.13C762.38 929.24 772.81 917.17 782.94 907.1 793.12 896.98 804.4 886.57 805.31 872.25 806.26 857.26 798.67 842.89 787.68 832.66 777.06 822.77 762.58 818.15 748.09 818.97 734.38 819.75 721.68 826.48 712.75 836.91 704.46 846.6 702.32 859.5 702.51 872.25 702.69 884.77 705.94 896.8 713.77 906.57 722.67 917.68 733.86 929.02 748.09 929.13' fill='none' stroke-width='2' stroke='%23007de4'%3e%3c/path%3e%3cpath d='M1322.14 757.21C1348.09 756.8 1373.1 747.14 1391.43 728.77 1409.74 710.42 1420.97 685.37 1419.65 659.48 1418.39 634.68 1403.73 612.87 1384.7 596.92 1367.32 582.36 1344.8 577.14 1322.14 577.78 1300.22 578.4 1278.95 585.29 1263.04 600.38 1246.7 615.88 1238.14 637.06 1236.01 659.48 1233.62 684.66 1233.91 712.02 1250.63 730.99 1268.08 750.79 1295.75 757.63 1322.14 757.21' fill='rgba(81%2c 165%2c 249%2c 1)' stroke='none'%3e%3c/path%3e%3cpath d='M1309.14 751.21C1335.09 750.8 1360.1 741.14 1378.43 722.77 1396.74 704.42 1407.97 679.37 1406.65 653.48 1405.39 628.68 1390.73 606.87 1371.7 590.92 1354.32 576.36 1331.8 571.14 1309.14 571.78 1287.22 572.4 1265.95 579.29 1250.04 594.38 1233.7 609.88 1225.14 631.06 1223.01 653.48 1220.62 678.66 1220.91 706.02 1237.63 724.99 1255.08 744.79 1282.75 751.63 1309.14 751.21' fill='none' stroke-width='2' stroke='%230873df'%3e%3c/path%3e%3cpath d='M1665.32 598.34C1676.36 598.52 1685.25 590 1692.46 581.64 1699.05 573.99 1703.48 564.59 1703.1 554.5 1702.73 544.76 1697.3 536.31 1690.47 529.35 1683.56 522.3 1675.15 516.92 1665.32 515.99 1654.46 514.96 1642.99 516.76 1634.89 524.07 1626.45 531.69 1621.82 543.16 1622.65 554.5 1623.43 565.2 1631.55 573.1 1639.03 580.79 1646.67 588.64 1654.37 598.17 1665.32 598.34' fill='rgba(53%2c 196%2c 255%2c 1)' stroke='none'%3e%3c/path%3e%3cpath d='M1678.32 616.34C1689.36 616.52 1698.25 608 1705.46 599.64 1712.05 591.99 1716.48 582.59 1716.1 572.5 1715.73 562.76 1710.3 554.31 1703.47 547.35 1696.56 540.3 1688.15 534.92 1678.32 533.99 1667.46 532.96 1655.99 534.76 1647.89 542.07 1639.45 549.69 1634.82 561.16 1635.65 572.5 1636.43 583.2 1644.55 591.1 1652.03 598.79 1659.67 606.64 1667.37 616.17 1678.32 616.34' fill='none' stroke-width='2' stroke='%230099d8'%3e%3c/path%3e%3cpath d='M731.94 76.78C742.54 77.84 753.86 73.77 760.53 65.47 766.78 57.69 764.88 46.82 764.02 36.88 763.27 28.12 761.56 19.63 756 12.82 749.76 5.17 741.81-2.34 731.94-2.41 722.03-2.48 713.78 4.78 707.53 12.47 701.95 19.34 699.82 28.03 700 36.88 700.18 45.51 703.14 53.55 708.53 60.29 714.73 68.03 722.07 75.8 731.94 76.78' fill='rgba(53%2c 196%2c 255%2c 1)' stroke='none'%3e%3c/path%3e%3cpath d='M741.94 61.78C752.54 62.84 763.86 58.77 770.53 50.47 776.78 42.69 774.88 31.82 774.02 21.88 773.27 13.12 771.56 4.63 766-2.18 759.76-9.83 751.81-17.34 741.94-17.41 732.03-17.48 723.78-10.22 717.53-2.53 711.95 4.34 709.82 13.03 710 21.88 710.18 30.51 713.14 38.55 718.53 45.29 724.73 53.03 732.07 60.8 741.94 61.78' fill='none' stroke-width='2' stroke='%230099d8'%3e%3c/path%3e%3cpath d='M746.53 340.02C757.63 340.38 767.52 333.27 774.79 324.87 781.54 317.08 784.74 306.9 784.11 296.61 783.51 286.94 777.83 278.97 771.51 271.63 764.46 263.45 757.27 254.14 746.53 252.98 735 251.74 723.16 256.87 715.52 265.6 708.26 273.9 707.51 285.61 708.38 296.61 709.17 306.61 713.43 315.56 720.05 323.09 727.24 331.27 735.65 339.67 746.53 340.02' fill='rgba(70%2c 172%2c 255%2c 1)' stroke='none'%3e%3c/path%3e%3cpath d='M759.53 332.02C770.63 332.38 780.52 325.27 787.79 316.87 794.54 309.08 797.74 298.9 797.11 288.61 796.51 278.94 790.83 270.97 784.51 263.63 777.46 255.45 770.27 246.14 759.53 244.98 748 243.74 736.16 248.87 728.52 257.6 721.26 265.9 720.51 277.61 721.38 288.61 722.17 298.61 726.43 307.56 733.05 315.09 740.24 323.27 748.65 331.67 759.53 332.02' fill='none' stroke-width='2' stroke='%23007de4'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cclipPath id='SvgjsClipPath1074'%3e%3crect width='1920' height='1080' x='0' y='0'%3e%3c/rect%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
} */

/* body{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1019%26quot%3b)' fill='none'%3e%3crect width='1920' height='1080' x='0' y='0' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/rect%3e%3cpath d='M-3.37 387.47a65.61 65.61 0 1 0 123.32-44.86z' stroke='rgba(35%2c 118%2c 229%2c 1)'%3e%3c/path%3e%3cpath d='M265.83 23.86a14.83 14.83 0 1 0 24.38 16.89z' fill='rgba(27%2c 147%2c 239%2c 1)'%3e%3c/path%3e%3cpath d='M400.04 504.29a63.33 63.33 0 1 0-34.98 121.74z' fill='rgba(28%2c 165%2c 221%2c 1)'%3e%3c/path%3e%3cpath d='M796.89 222.04L827.05 222.04L827.05 252.2L796.89 252.2z' stroke='rgba(27%2c 147%2c 239%2c 1)'%3e%3c/path%3e%3cpath d='M426.87 161.83L489.71 161.83L489.71 224.67L426.87 224.67z' fill='rgba(27%2c 147%2c 239%2c 1)'%3e%3c/path%3e%3cpath d='M1448.63 306.14a48.8 48.8 0 1 0-62.87-74.65z' fill='rgba(28%2c 165%2c 221%2c 1)'%3e%3c/path%3e%3cpath d='M532.44 910.55a107.91 107.91 0 1 0 149.08-156.06z' stroke='rgba(28%2c 165%2c 221%2c 1)'%3e%3c/path%3e%3cpath d='M126.65 1047.3L230.38 1047.3L230.38 1055.93L126.65 1055.93z' fill='rgba(28%2c 165%2c 221%2c 1)'%3e%3c/path%3e%3cpath d='M913.48 398a71.02 71.02 0 1 0-60.07 128.72z' stroke='rgba(28%2c 165%2c 221%2c 1)'%3e%3c/path%3e%3cpath d='M970.63 1039.16 a52.04 52.04 0 1 0 104.08 0 a52.04 52.04 0 1 0 -104.08 0z' fill='rgba(44%2c 132%2c 229%2c 1)'%3e%3c/path%3e%3cpath d='M477.16 493.43 a57.48 57.48 0 1 0 114.96 0 a57.48 57.48 0 1 0 -114.96 0z' stroke='rgba(35%2c 118%2c 229%2c 1)'%3e%3c/path%3e%3cpath d='M1678.7 365.91 a75.22 75.22 0 1 0 150.44 0 a75.22 75.22 0 1 0 -150.44 0z' stroke='rgba(28%2c 165%2c 221%2c 1)'%3e%3c/path%3e%3cpath d='M1055.7 88.6L1157.55 88.6L1157.55 190.45L1055.7 190.45z' fill='rgba(27%2c 147%2c 239%2c 1)'%3e%3c/path%3e%3cpath d='M1533.1 719.63L1594.81 719.63L1594.81 781.34L1533.1 781.34z' fill='rgba(28%2c 165%2c 221%2c 1)'%3e%3c/path%3e%3cpath d='M511.3 943.69L569.41 943.69L569.41 1001.8L511.3 1001.8z' fill='rgba(27%2c 147%2c 239%2c 1)'%3e%3c/path%3e%3cpath d='M1545.16 829.67L1572.19 829.67L1572.19 856.7L1545.16 856.7z' stroke='rgba(27%2c 147%2c 239%2c 1)'%3e%3c/path%3e%3cpath d='M253.67 125.65L274.8 125.65L274.8 146.78L253.67 146.78z' fill='rgba(44%2c 132%2c 229%2c 1)'%3e%3c/path%3e%3cpath d='M1622.7 837.05 a101.55 101.55 0 1 0 203.1 0 a101.55 101.55 0 1 0 -203.1 0z' fill='rgba(27%2c 147%2c 239%2c 1)'%3e%3c/path%3e%3cpath d='M1083.1 341.89 a101.42 101.42 0 1 0 202.84 0 a101.42 101.42 0 1 0 -202.84 0z' stroke='rgba(35%2c 118%2c 229%2c 1)'%3e%3c/path%3e%3cpath d='M1715.97 939.02 a83.5 83.5 0 1 0 167 0 a83.5 83.5 0 1 0 -167 0z' stroke='rgba(35%2c 118%2c 229%2c 1)'%3e%3c/path%3e%3cpath d='M849.14 1003.78a50.92 50.92 0 1 0-84.97 56.13z' fill='rgba(35%2c 118%2c 229%2c 1)'%3e%3c/path%3e%3cpath d='M1222.95 653.64L1322.76 653.64L1322.76 753.45L1222.95 753.45z' stroke='rgba(27%2c 147%2c 239%2c 1)'%3e%3c/path%3e%3cpath d='M590.94 511.62L677.78 511.62L677.78 520.35L590.94 520.35z' fill='rgba(27%2c 147%2c 239%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1019'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    } */



/* Appliance Repair; section: Why choose us */
.why-choose {
  padding: 96px 0;
}

.why-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: start;
}

/* --- left column --- */
.why-copy h2 {
  font-family: var(--font-heading, "Space Grotesk", sans-serif);
  font-size: clamp(28px, 3.2vw, 40px);
  line-height: 1.15;
  margin: 8px 0 20px;
}

.why-copy h2 .accent {
  color: var(--color-blue-accent, #2f5eff);
}

.why-copy .eyebrow {
  color: var(--color-blue-accent, #2f5eff);
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 13px;
  margin: 0;
}

.why-copy .lede {
  color: var(--color-text-muted, #5b6472);
  font-size: 17px;
  line-height: 1.6;
  max-width: 46ch;
  margin-bottom: 36px;
}

.why-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px 32px;
}

.why_choose_us {
  display: grid;
  grid-template-columns: 7fr 1fr;
  gap: 28px 32px;
}

.why-feature--full {
  grid-column: 1 / -1;
}

.why-feature h4 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-heading, "Space Grotesk", sans-serif);
  font-size: 16px;
  margin: 0 0 8px;
}

.why-feature p {
  color: var(--color-text-muted, #5b6472);
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
}

.check {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background: var(--color-blue-accent, #2f5eff);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

/* --- right column --- */
.why-visual {
  position: relative;
}

.why-visual img {
  /* width: 100%; */
  height: 650px;
  border-radius: 20px;
  display: block;
  object-fit: cover;
}

.rating-badge {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(6px);
  border-radius: 14px;
  padding: 18px 20px;
  text-align: center;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

.rating-stars {
  color: #f5a623;
  font-size: 18px;
  letter-spacing: 2px;
  margin-bottom: 6px;
}

.rating-score {
  font-weight: 700;
  font-size: 16px;
  margin: 0 0 4px;
}

.rating-source {
  font-size: 13px;
  color: var(--color-text-muted, #5b6472);
  margin: 0;
}

.rating-source a {
  color: inherit;
  text-decoration: underline;
}

/* --- mobile --- */
@media (max-width: 860px) {
  .why-grid {
    grid-template-columns: 1fr;
  }

  .why-visual {
    order: -1;
  }

  .why-features {
    grid-template-columns: 1fr;
  }
}

.stardust-hero {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Center Content Header */
.hero-title {
  text-align: center;
  z-index: 2;
  pointer-events: none; /* Allows user to hover/click images underneath if needed */
}

.hero-title h1 {
  color: var(--blue);
  font-size: 5rem;
  font-weight: 900;
  margin: 0;
  letter-spacing: -2px;
  text-transform: uppercase; 

  /* Напівпрозорий білий фон (0.3 — рівень прозорості від 0 до 1) */
  background-color: rgba(255, 255, 255, 0.3);
  
  /* Ефект розмиття фону */
  backdrop-filter: blur(10px);
  /* Підтримка для старих версій Safari */
  -webkit-backdrop-filter: blur(10px); 
  
  /* Стилізація самого блоку */
  padding: 50px;
  border-radius: calc(var(--radius) + 10px); 
  /* max-width: 400px; */
  /* color: #333; Темний колір тексту для контрасту */
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  /* border: 1px solid rgba(255, 255, 255, 0.25); Тонка біла рамка додає глибини */
}

/* Floating Image Cloud Container */
.hero-images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* Staggered Ambient CSS Animation Logic */
.hero-img {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 220px;
  border-radius: var(--radius);
  box-shadow: 0 20px 40px rgba(0,0,0,0.5);
  opacity: 0;
  will-change: transform, opacity;
  animation: grow-fade var(--duration) ease-in-out infinite;
  animation-delay: var(--delay);
}

.hero-image-1 {
    --delay: 0s; --duration: 4s; top: 5%; left: 10%;
}

.hero-image-2 {
    --delay: 1.5s; --duration: 5s; top: 60%; left: 60%;
  }

  .hero-image-3 { 
    --delay: 3s; --duration: 4.5s; top: 20%; left: 80%;
  }

  .hero-image-4 {
    --delay: 0.5s; --duration: 3.5s; top: 50%; left: 5%;
  }

  .hero-image-5 {
    --delay: 2.5s; --duration: 5.5s; top: 10%; left: 40%;
  }

  .hero-image-6 {
    --delay: 2.5s; --duration: 4s; top: 70%; left: 35%;
  }

  .hero-image-7 {
    --delay: 1s; --duration: 4s; top: 10%; left: 70%;
  }

@keyframes grow-fade {
  0% {
    opacity: 0;
    transform: scale(0.6) translateY(20px);
  }
  40%, 60% {
    opacity: 0.8;
    transform: scale(1) translateY(0px);
  }
  100% {
    opacity: 0;
    transform: scale(1.3) translateY(-20px);
  }
}

/* Responsive Mobile Scaling */
@media (max-width: 768px) {
  .stardust-hero {
    min-height: 50vh;
  }

  .hero-title h1 {
    font-size: 2rem;
  }

  .hero-img {
    max-width: 130px;
  }
  
  /* .hero-image-1 {
    --delay: 0s; --duration: 4s; top: 5%; left: 5%;
  }

  .hero-image-2 {
    --delay: 1.5s; --duration: 5s; top: 60%; left: 60%;
  }

  .hero-image-3 {
    --delay: 3s;  --duration: 4.5s; top: 20%; left: 80%;
  }

  .hero-image-4 {
    --delay: 0.5s; --duration: 3.5s; top: 60%; left: 5%;
  }

  .hero-image-5 {
    --delay: 2.5s; --duration: 5.5s; top: 10%; left: 40%;
  }

  .hero-image-6 {
    --delay: 2.5s; --duration: 4s; top: 65%; left: 30%;
  }

  .hero-image-7 {
    --delay: 6s; --duration: 4s; top: 10%; left: 65%;
  } */

.hero-image-1 {
  --delay: 0s; --duration: 3.5s; top: 5%; left: 5%;
}

.hero-image-2 {
  --delay: 2s; --duration: 3.5s; top: 60%; left: 60%;
}

.hero-image-3 {
  --delay: 4s; --duration: 3.5s; top: 20%; left: 80%;
}

.hero-image-4 {
  --delay: 6s; --duration: 3.5s; top: 60%; left: 5%;
}

.hero-image-5 {
  --delay: 8s; --duration: 3.5s; top: 10%; left: 40%;
}

.hero-image-6 {
  --delay: 10s; --duration: 3.5s; top: 65%; left: 30%;
}

.hero-image-7 {
  --delay: 12s; --duration: 3.5s; top: 10%; left: 65%;
}


}

/* ============================================================
   FAQ SECTION — TrustHub Services
   If --thb-* / --font-* custom properties are already defined
   globally on the site, remove the :root block below so you
   don't redeclare them.*/

:root {
  --thb-deep-blue: #0B2545;
  --thb-bright-blue: #376CE5;
  --thb-orange: #376CE5;
  --thb-bg: #F5F6F8;
  --thb-surface: #FFFFFF;
  --thb-text: #10182B;
  --thb-text-muted: #5B6479;
  --thb-border: #E3E6EC;
  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
}
 
.faq {
  background: var(--thb-bg);
  padding: 3.5rem 1.5rem;
  border-radius: 10px;
}

.faq__inner {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: 4rem;
  align-items: start;
}
 
.faq__intro h2 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 3vw, 2.75rem);
  line-height: 1.15;
  color: var(--thb-deep-blue);
  margin: 0 0 1.25rem;
  max-width: 16ch;
}
 
.faq__intro p {
  font-family: var(--font-body);
  /* font-size: 1.0625rem; */
  line-height: 1.6;
  /* color: var(--thb-text-muted); */
  max-width: 44ch;
  /* margin: 0 0 2.5rem; */
}
 
.faq__contact {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  background: var(--thb-surface);
  border: 1px solid var(--thb-border);
  border-radius: 10px;
}
 
.faq__contact-icon {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(37, 99, 235, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--thb-bright-blue);
}
 
.faq_Find_answers_to_the_most {
        margin: 0 0 1rem;
}

.faq__contact-text {
  font-family: var(--font-body);
  font-size: 1.0625rem;
  color: var(--thb-text);
}
 
.faq__contact-text a {
  color: var(--thb-orange);
  font-weight: 600;
  text-decoration: none;
}
 
.faq__contact-text a:hover,
.faq__contact-text a:focus-visible {
  text-decoration: underline;
}
 
.faq__list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
 
.faq__item {
  background: var(--thb-surface);
  border: 1px solid var(--thb-border);
  border-radius: 10px;
  overflow: hidden;
}
 
.faq__question {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.375rem 1.5rem;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--thb-text);
}
 
.faq__question:hover {
  color: var(--thb-bright-blue);
}
 
.faq__question:focus-visible {
  outline: 2px solid var(--thb-bright-blue);
  outline-offset: -2px;
}
 
.faq__item[data-open="true"] .faq__question {
  color: var(--thb-deep-blue);
}
 
.faq__icon {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid var(--thb-border);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}
 
.faq__icon::before,
.faq__icon::after {
  content: "";
  position: absolute;
  background: var(--thb-text-muted);
  transition: background 0.25s ease, transform 0.25s ease;
}
 
.faq__icon::before {
  width: 10px;
  height: 1.5px;
}
 
.faq__icon::after {
  width: 1.5px;
  height: 10px;
}
 
.faq__item[data-open="true"] .faq__icon {
  background: var(--thb-orange);
  border-color: var(--thb-orange);
}
 
.faq__item[data-open="true"] .faq__icon::before,
.faq__item[data-open="true"] .faq__icon::after {
  background: #fff;
}
 
.faq__item[data-open="true"] .faq__icon::after {
  transform: scaleY(0);
}
 
.faq__panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
}
 
.faq__item[data-open="true"] .faq__panel {
  grid-template-rows: 1fr;
}
 
.faq__panel-inner {
  overflow: hidden;
}
 
.faq__answer {
  margin: 0;
  padding: 0 1.5rem 1.5rem;
  font-family: var(--font-body);
  font-size: 0.9688rem;
  line-height: 1.65;
  color: var(--thb-text-muted);
  max-width: 60ch;
}
 
@media (prefers-reduced-motion: reduce) {
  .faq__panel,
  .faq__icon,
  .faq__icon::before,
  .faq__icon::after {
    transition: none;
  }
}
 
@media (max-width: 860px) {
  .faq__inner {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    display: grid;
  }
}


.faq__about-applaince-text {
    font-size: clamp(2rem, 5vw, 2rem);
    padding: 1rem;
}
/*============================================================= */


/*==========About Our Install & Assemble Services==============*/
  :root {
    --color-blue-deep: #0b1f4d;
    --color-blue-bright: #3b6bf0;
    --color-accent-orange: #e8792c;
    --color-text-body: #6b7280;
    --color-border: #e5e7eb;
    --font-heading: 'Space Grotesk', sans-serif;
    --font-body: 'Inter', sans-serif;
  }
 
  .install-section {
    padding: clamp(2.5rem, 6vw, 5rem) clamp(1.25rem, 5vw, 4rem);
    max-width: 1280px;
    margin: 0 auto;
  }
 
  .install-section__grid {
    display: flex;
    align-items: center;
    gap: clamp(2rem, 5vw, 4rem);
  }
 
  .install-section__media {
    flex: 1 1 45%;
    min-width: 0;
  }
 
  .install-section__media img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 1rem;
    display: block;
  }
 
  .install-section__content {
    flex: 1 1 55%;
    min-width: 0;
  }
 
  .install-section__title {
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    line-height: 1.2;
    color: #111827;
    margin: 0 0 1.25rem;
  }
 
  .install-section__title span {
    color: var(--color-blue-bright);
  }
 
  .install-section__lead {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 1.05rem;
    color: #374151;
    margin: 0 0 1rem;
  }
 
  .install-section__text {
    font-family: var(--font-body);
    font-size: 0.98rem;
    line-height: 1.7;
    color: var(--color-text-body);
    margin: 0 0 1.25rem;
  }
 
  .install-section__text strong {
    color: #374151;
  }
 
  .install-section__actions {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
  }
 
  .install-section__btn {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 0.95rem;
    padding: 0.75rem 1.75rem;
    border-radius: 999px;
    border: 1.5px solid var(--color-blue-deep);
    background: transparent;
    color: var(--color-blue-deep);
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    text-decoration: none;
    white-space: nowrap;
  }
 
  .install-section__btn:hover {
    background: var(--color-blue-bright);
    color: #fff;
  }
 
  .install-section__call {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-body);
    font-size: 0.95rem;
    color: #111827;
    white-space: nowrap;
  }
 
  .install-section__call a {
    color: var(--color-blue-bright);
    font-weight: 700;
    text-decoration: none;
  }
 
  .install-section__call a:hover {
    text-decoration: underline;
  }
 
  /* --- Планшет --- */
@media (min-width: 701px) and (max-width: 900px) {
  .install-section__media {
    display: none;
  }
}
 
  /* --- Мобільна версія: колонка, картинка зверху --- */
  @media (max-width: 700px) {
    .install-section__grid {
      flex-direction: column;
    }
 
    .install-section__media,
    .install-section__content {
      flex: 1 1 auto;
      width: 100%;
    }
 
    .install-section__media img {
      max-height: 320px;
    }
 
    .install-section__title {
      font-size: 1.6rem;
    }
 
    .install-section__actions {
      gap: 1rem;
    }
 
    .install-section__call {
      font-size: 0.9rem;
    }
  }
/*=============================================================*/

/*============Cookie Notification Styles=======================*/
.cookie-notification {
	position: fixed;
	left: 0;
	bottom: 0;
  z-index: 2147483647;
	color: #fff;
	visibility: hidden;
}

.cookie-notification a:hover {
	color: #fff;
}

.cookie-block-column.cookie-svg {
	max-width: 20%;
	float: left;
	margin-right: 10px;
}

@media (max-width:479.98px) {
	.cookie-notification>div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media (max-width:689.98px) {
	.cookie-notification {
		right: 0;
	}
	.cookie-notification>div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

@media (max-width:689.98px) {
	.cookie-notification {
		background: #fff;
	}
}

@media (min-width:690px) {
	.cookie-notification {
		padding: 0 25px 25px 25px
	}
	.cookie-notification .ct-cookies-content {
		margin-bottom: 22px;
	}
}

.cookie-notification .container {
	position: relative;
}

@media (max-width:689.98px) {
	.cookie-notification .container {
		width: 88%;
		margin: 0 auto;
	}
}

@media (min-width:690px) {
	.cookie-notification .container {
		background: #fdfdfd;
		-webkit-box-shadow: 0 5px 30px -5px rgba(34, 56, 101, .15);
		box-shadow: 0 5px 30px -5px rgba(34, 56, 101, .15);
		padding: 25px;
		border-radius: 20px;
		max-width: 460px;
	}
}

.cookie-notification .ct-cookies-content {
  font-family:inherit;
	color: #000;
	line-height: 1.4;
}

.cookie-notification .ct-cookies-content a {
	text-decoration: underline;
	color: #115cfa;
}

@media (max-width:479.98px) {
	.cookie-notification .ct-cookies-content {
		text-align: center;
		margin-bottom: 15px;
	}
}

@media (max-width:689.98px) {
	.cookie-notification .ct-cookies-content {
		font-size: 12px
	}
}

@media (min-width:690px) {
	.cookie-notification .ct-cookies-content {
		font-size: 13px;
	}
}

@media (max-width:689.98px) {

  .cookie-notification {
    background: transparent;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 12px 12px 12px;
    display: flex;
    justify-content: flex-start;
    pointer-events: none;
    z-index: 2147483647;
  }

  .cookie-notification .container {
    width: 100%;
    /* max-width: 320px; */
    margin: 0;
    margin-right: 70px;
    /* ключова правка: піднімаємо картку вище над зоною, де рендериться бабл чату */
    margin-bottom: 7px;
    background: #fdfdfd;
    border-radius: 20px;
    box-shadow: 0 5px 30px -5px rgba(34,56,101,.15);
    padding: 14px 16px;
    pointer-events: auto;
  }

  .cookie-block-column.cookie-svg {
    display: flex;
    float: none;
    max-width: none;
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
    background: #ecebff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .cookie-title-row {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
  }

  .cookie-notification .ct-cookies-content {
    text-align: left;
    font-size: 12px;
    line-height: 1.35;
    margin-bottom: 10px;
  }

  .cookie-buttons {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
  }

  .cookie-notification .btn-cookie {
    /* width: auto; */
    flex: 1 1 0;
    font-size: 12px;
    height: 34px;
    padding: 0 8px;
    margin-left: 0 !important;
    border-radius: 20px;
    width: 100px;
  }
}

@media (min-width:690px) {
  .cookie-notification .btn-cookie {
    color: #fff;
    background: #115cfa;
    border: 0;
    padding: 0 20px;
    height: 35px;
    border-radius: 17px;
    cursor: pointer;
    text-transform: capitalize;
    --buttonShadow: none;
    --buttonTransform: none;
    width: 200px;
  }
}

.btn-cookie {
    /* transform: translateY(-2px); */
    transition: transform .18s, box-shadow .18s, background .18s, border-color .18s, color .18s;
    /* transition: background 0.2s ease, color 0.2s ease; */
}

.btn-cookie {
    background: var(--blue);
    color: #fff;
    box-shadow: 0 14px 26px rgba(31, 78, 121, .18)
}

.btn-cookie:hover {
    background: #27618f
}

/* @media (max-width:479.98px) {
	.cookie-notification .btn-cookie {
		width: 100%;
	}
} */

@media (min-width:480px) and (max-width:689.98px) {
	.cookie-notification .btn-cookie {
		margin-left: 20px;
	}
}

/* .cookie-notification {
	color: #000 !important;
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 17px;
	width: 45px;
	height: 45px;
	padding: 0;
	opacity: .5;
	color: inherit;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: 0 0;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
} */
/* 
.cookie-notification:focus {
	outline: 0;
}

.cookie-notification:hover {
	opacity: 1;
} */

@media (max-width:689.98px) {
	/* .cookie-notification {
		display: none;
	} */
	.cookie-block-column.cookie-svg {
		display:none;
	}
}

html, body {
  overflow-x: hidden; /* fallback */
  overflow-x: clip;
  
}

html, body { overflow-x: clip; }

/* .cookie-buttons {
  display: flex;
  gap: 12px;
}

.cookie-buttons {
  display: flex;
  
  justify-content: center; 
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;            
} */

.cookie-notification {
  position: fixed;
  left: 0;
  right: 0;              /* розтягує обгортку на всю ширину */
  bottom: 0;
  pointer-events: none;  /* порожні боки не блокують кліки по сторінці */
}


.cookie-notification .container {
  /* центр по горизонталі */
  /* margin: 0 auto;    */
  /* сама картка клікабельна */
  pointer-events: auto;
}
/*============ End of Cookie Notification Styles========*/

/* Privacy Policy */
  .privacy-policy {
    padding: 64px 0 80px;
  }
  .privacy-container {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 20px;
  }
  .privacy-policy h1 {
    font-size: clamp(2rem, 4vw, 2.75rem);
    line-height: 1.15;
    color: #1F4E79;
    margin: 0 0 16px;
  }
  .privacy-meta {
    color: #5b6b7c;
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0 0 24px;
  }
  .privacy-meta a {
    color: #376CE5;
    text-decoration: underline;
  }
  .privacy-intro {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #33475b;
    margin: 0 0 8px;
  }
  .privacy-block {
    padding: 32px 0;
    border-top: 1px solid #dfe6ee;
  }
  .privacy-block h2 {
    font-size: clamp(1.25rem, 2.5vw, 1.5rem);
    line-height: 1.3;
    color: #1F4E79;
    margin: 0 0 14px;
  }
  .privacy-block p {
    font-size: 1rem;
    line-height: 1.7;
    color: #33475b;
    margin: 0 0 12px;
  }
  .privacy-block ul {
    margin: 0 0 4px;
    padding-left: 22px;
  }
  .privacy-block li {
    font-size: 1rem;
    line-height: 1.7;
    color: #33475b;
    margin-bottom: 6px;
  }
  .privacy-block strong {
    color: #1F4E79;
  }
  .privacy-block a {
    color: #376CE5;
    text-decoration: underline;
    overflow-wrap: anywhere;
  }
  @media (max-width: 600px) {
    .privacy-policy { padding: 40px 0 56px; }
    .privacy-block { padding: 24px 0; }
  }


/* ===============Partners in footer=============== */
/* .partners {
    display: flex;
    gap: .7rem;
    margin-top: .9rem;
    aspect-ratio: 210 / 40;
} */

.partners {
  display: flex;
  gap: .7rem;
  margin-top: .9rem;
}

.partners img {
  min-width: 0;
  flex: 0 1 auto;
  height: auto;
  /* max-height: 70px; */
  width: auto;
  max-width: 85px;
  object-fit: contain;
}
/* 
@media (min-width: 768px) {
  .partners img {
    max-height: 70px;
  }
} */


  /* ---------------------------------------------- */
  /* Info bar                                        */
  /* ---------------------------------------------- */
  :root {
    /* --deep-blue: #ECECEC;
    --bright-blue: #ECECEC; */

    --deep-blue: #F3F6FB;
    --bright-blue: #F3F6FB;

    --svg-stroke-color: #2563EB;
    --text-color: #14213D;

    --ink: #10182b;
    --line: rgba(255,255,255,0.16);
    /* --header-height: 74px; */
  }

/* :root {
  --grid-side-left: 220px;
  --grid-side-right: 180px;
}

.row-grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
  display: grid;
  grid-template-columns: var(--grid-side-left) 1fr var(--grid-side-right);
} */

  body {
    margin: 0;
    color: var(--ink);
    /* background: #f6f7fb; */
    background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
  }

.info-bar {
  background: linear-gradient(90deg, var(--deep-blue), var(--bright-blue));
  position: sticky;
  top: var(--header-height);
  z-index: 40;
  max-width: 100%;
  margin: 0 auto;
  /* border-radius: 0 0 20px 20px; */
}
 
  .info-bar__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
    /* grid-template-columns: 220px 1fr 180px */
  }
 
  .info-bar__item {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 8px;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    
  }
 
  .info-bar__item svg {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    stroke: var(--svg-stroke-color);
    stroke-width: 2.5;
  }

.info-bar__item {
  display: flex;
  align-items: center;
  gap: 12px;
  line-height: 0;
}

.info-bar__item svg {
  display: block;
  /* width: 110px;
  height: 60px; */
  object-fit: contain;
  flex-shrink: 0;
  /* vertical-align: middle; */
}

  /* .info-bar__divider {
    width: 1px;
    height: 16px;
    background: var(--line);
  } */
 
  /* ---------------------------------------------- */
  /* Tablet                                          */
  /* ---------------------------------------------- */
  @media (max-width: 860px) {
    .info-bar__inner { gap: 24px; padding: 10px 20px;}
 
  /* ---------------------------------------------- */
  /* Mobile — matches image 2 reference              */
  /* ---------------------------------------------- */
  @media (max-width: 560px) {
    /* .site-header { padding: 12px 16px; } */
 
    .info-bar__inner {
      justify-content: center;
      gap: 14px;
      padding: 10px 16px;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      
    }
    .info-bar__inner::-webkit-scrollbar { display: none; }
 
    .info-bar__item { font-size: 12.5px; }
    .info-bar__divider { height: 14px; }
  }
 
  /* Demo page filler so scroll/sticky behavior is visible */
  .demo-content { max-width: 1200px; margin: 0 auto; padding: 60px 32px; }
  /* .demo-content h1 { font-family: 'Space Grotesk', sans-serif; } */
  .demo-content p { line-height: 1.7; color: #46506b; }
}