:root{
  --blue:#0EA5E9;
  --blue-dark:#0369A1;
  --text:#0F172A;
  --muted:#64748B;
  --bg:#F8FAFC;
  --card:#FFFFFF;
  --line:#E2E8F0;
  --shadow:0 24px 70px rgba(15,23,42,.09);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}.header{max-width:1180px;margin:0 auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-weight:900;font-size:22px;display:flex;align-items:center;gap:10px}.logo-mark{width:38px;height:38px;border-radius:14px;background:var(--blue);color:white;display:grid;place-items:center;box-shadow:0 12px 30px rgba(14,165,233,.35)}.nav{display:flex;gap:28px;color:var(--muted);font-weight:650}.nav a:hover,.phone:hover{color:var(--blue)}.phone{font-weight:800}
.hero{max-width:1180px;margin:20px auto 70px;padding:52px;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;background:linear-gradient(135deg,#fff 0%,#eef9ff 100%);border:1px solid var(--line);border-radius:36px;box-shadow:var(--shadow);overflow:hidden}.eyebrow{margin:0 0 12px;color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:13px}.hero h1{font-size:64px;line-height:.95;margin:0 0 24px;letter-spacing:-.055em}.subtitle{font-size:21px;line-height:1.55;color:var(--muted);max-width:620px;margin:0 0 34px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px}.btn{border:0;cursor:pointer;border-radius:16px;padding:17px 26px;font-weight:900;font-size:16px;display:inline-flex;align-items:center;justify-content:center;transition:.2s}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 16px 34px rgba(14,165,233,.32)}.btn.primary:hover{background:var(--blue-dark);transform:translateY(-2px)}.btn.ghost{background:#fff;border:1px solid var(--line)}.btn.ghost:hover{border-color:var(--blue);color:var(--blue)}.features{display:flex;gap:10px;flex-wrap:wrap}.features span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-size:14px;font-weight:750;color:#334155}.hero-card{min-height:360px;border-radius:32px;background:radial-gradient(circle at 50% 40%,rgba(14,165,233,.24),transparent 45%),linear-gradient(135deg,#dff5ff,#fff);display:grid;place-items:center;position:relative}.hero-card:before{content:"";position:absolute;inset:30px;border:1px solid rgba(14,165,233,.22);border-radius:28px}.ac-unit{width:min(430px,88%);height:150px;background:linear-gradient(180deg,#fff,#e9f3f8);border:1px solid #d7e8f0;border-radius:24px;box-shadow:0 30px 70px rgba(2,132,199,.22);position:relative;transform:rotate(-4deg)}.ac-display{position:absolute;right:34px;top:32px;color:var(--blue);font-weight:800}.ac-line{position:absolute;left:26px;right:26px;bottom:54px;height:3px;background:#d0e6f2;border-radius:10px}.ac-vent{position:absolute;left:34px;right:34px;bottom:25px;height:16px;border-radius:999px;background:linear-gradient(90deg,#cbd5e1,#f8fafc,#cbd5e1)}
.section{max-width:1180px;margin:0 auto 70px;padding:0 24px}.section-head{text-align:center;margin-bottom:28px}.section h2,.contact-info h2{font-size:38px;line-height:1.05;margin:0;letter-spacing:-.035em}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 14px 36px rgba(15,23,42,.05);transition:.2s}.service-card:hover{transform:translateY(-4px);border-color:rgba(14,165,233,.5);box-shadow:0 20px 50px rgba(14,165,233,.12)}.icon{width:54px;height:54px;border-radius:17px;background:#E0F2FE;display:grid;place-items:center;font-size:26px;margin-bottom:20px}.service-card h3{font-size:20px;margin:0 0 10px}.service-card p{margin:0;color:var(--muted);line-height:1.55}.steps-section{background:#fff;border:1px solid var(--line);border-radius:32px;padding:42px;box-shadow:var(--shadow)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{border:1px solid var(--line);border-radius:20px;padding:22px;background:#F8FAFC}.step b{display:block;color:var(--blue);font-size:24px;margin-bottom:8px}.step span{font-weight:800}.contact-section{max-width:1180px;margin:0 auto 70px;padding:42px;display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;background:#0F172A;color:white;border-radius:36px;box-shadow:var(--shadow)}.contact-info p:not(.eyebrow){color:#CBD5E1;font-size:18px;line-height:1.6}.contact-links{display:grid;gap:12px;margin-top:24px}.contact-links a{color:#E0F2FE;font-weight:800}.form{background:#fff;color:var(--text);border-radius:28px;padding:26px;display:grid;gap:16px}.form label{font-weight:850;color:#334155}.form input,.form textarea{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:16px;padding:16px;font:inherit;outline:none}.form textarea{min-height:110px;resize:vertical}.form input:focus,.form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(14,165,233,.12)}.form-status{margin:0;color:var(--blue-dark);font-weight:850}.footer{max-width:1180px;margin:0 auto;padding:24px;display:flex;justify-content:space-between;color:var(--muted);font-weight:700}
@media(max-width:900px){.header{flex-wrap:wrap}.nav{order:3;width:100%;justify-content:center}.hero,.contact-section{grid-template-columns:1fr;padding:32px}.hero h1{font-size:44px}.services-grid,.steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.header{padding:18px}.nav{gap:16px;font-size:14px}.phone{width:100%;text-align:center}.hero{margin:8px 14px 46px;padding:26px;border-radius:26px}.hero h1{font-size:38px}.subtitle{font-size:17px}.btn{width:100%}.features span{width:100%;text-align:center}.section{padding:0 14px}.services-grid,.steps{grid-template-columns:1fr}.contact-section{margin:0 14px 40px;padding:26px;border-radius:26px}.footer{display:grid;gap:8px;text-align:center}}


/* === Cold Clan: real hero conditioner image fix === */
.hero-visual,
.hero-image,
.visual-card,
.hero-card {
  position: relative;
  overflow: visible !important;
}

.real-airconditioner {
  display: block !important;
  width: min(100%, 560px);
  height: auto;
  object-fit: contain;
  margin: 0 auto;
  filter: drop-shadow(0 28px 45px rgba(14, 165, 233, .22));
  position: relative;
  z-index: 3;
}

.hero-visual > :not(.real-airconditioner),
.hero-image > :not(.real-airconditioner),
.visual-card > :not(.real-airconditioner),
.hero-card > :not(.real-airconditioner) {
  display: none !important;
}

@media (max-width: 900px) {
  .real-airconditioner {
    width: min(100%, 420px);
  }
}


/* FIX: реальная картинка кондиционера */
.hero-visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

.real-airconditioner {
  display: block;
  width: min(100%, 620px);
  height: auto;
  object-fit: contain;
  border-radius: 0;
  filter: drop-shadow(0 26px 45px rgba(14, 165, 233, 0.2));
}


/* === Services block cleanup === */

/* Убираем лишнюю горизонтальную черту над карточками услуг */
.services::before,
.services::after,
.section::before,
.section::after,
#services::before,
#services::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.services,
#services {
  border-top: 0 !important;
  background-image: none !important;
}

/* Если черта была у контейнера/обертки */
.services .container::before,
.services .container::after,
#services .container::before,
#services .container::after {
  display: none !important;
  content: none !important;
}

/* Современные иконки услуг */
.service-icon {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0ea5e9 !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.95), rgba(255,255,255,0) 38%),
    linear-gradient(135deg, #e0f7ff 0%, #baeaff 48%, #f8fdff 100%) !important;
  border: 1px solid rgba(14, 165, 233, .18) !important;
  box-shadow:
    0 10px 24px rgba(14, 165, 233, .18),
    0 0 22px rgba(14, 165, 233, .16),
    inset 0 1px 0 rgba(255,255,255,.85) !important;
}

.service-icon svg {
  width: 27px !important;
  height: 27px !important;
  display: block !important;
}

.service-icon svg path,
.service-icon svg circle,
.service-icon svg line,
.service-icon svg polyline,
.service-icon svg polygon {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Легкое свечение при наведении */
.service-card:hover .service-icon,
.card:hover .service-icon {
  transform: translateY(-2px);
  box-shadow:
    0 14px 30px rgba(14, 165, 233, .24),
    0 0 32px rgba(14, 165, 233, .24),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.service-icon {
  transition: transform .2s ease, box-shadow .2s ease;
}


/* === FIX SERVICES SECTION: remove line + modern glowing SVG icons === */

/* Убираем лишнюю черту, которая осталась от старой CSS-заглушки кондиционера */
.ac-line,
.ac-vent,
.ac-unit,
.ac-display {
  display: none !important;
}

/* На всякий случай убираем любые декоративные линии у блока услуг */
#services,
.section,
.services-grid,
.service-card {
  background-image: none !important;
}

#services::before,
#services::after,
.section::before,
.section::after,
.services-grid::before,
.services-grid::after,
.service-card::before,
.service-card::after {
  content: none !important;
  display: none !important;
}

/* Новые иконки услуг */
.icon,
.service-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 22px !important;
  color: #0ea5e9 !important;
  background:
    radial-gradient(circle at 32% 20%, rgba(255,255,255,.95), rgba(255,255,255,0) 42%),
    linear-gradient(135deg, #dff5ff 0%, #bdeeff 52%, #f8fdff 100%) !important;
  border: 1px solid rgba(14, 165, 233, .18) !important;
  box-shadow:
    0 12px 28px rgba(14, 165, 233, .18),
    0 0 26px rgba(14, 165, 233, .16),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
  font-size: 0 !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.icon svg,
.service-icon svg {
  width: 29px !important;
  height: 29px !important;
  display: block !important;
  overflow: visible !important;
}

.icon svg path,
.icon svg line,
.icon svg circle,
.icon svg polyline,
.icon svg polygon,
.service-icon svg path,
.service-icon svg line,
.service-icon svg circle,
.service-icon svg polyline,
.service-icon svg polygon {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.service-card:hover .icon,
.service-card:hover .service-icon {
  transform: translateY(-3px) scale(1.03) !important;
  border-color: rgba(14, 165, 233, .34) !important;
  box-shadow:
    0 16px 34px rgba(14, 165, 233, .24),
    0 0 34px rgba(14, 165, 233, .26),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}


/* === Contact block update: SVG icons, Telegram/MAX order, glow === */
.contact-links {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}

.contact-link {
  width: fit-content;
  display: inline-flex !important;
  align-items: center;
  gap: 12px;
  color: #e0f2fe !important;
  font-weight: 900;
  transition: transform .2s ease, color .2s ease;
}

.contact-link:hover {
  transform: translateX(4px);
  color: #ffffff !important;
}

.contact-icon {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0ea5e9;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.9), rgba(255,255,255,0) 42%),
    linear-gradient(135deg, rgba(224,242,254,.96), rgba(186,230,253,.78));
  border: 1px solid rgba(125, 211, 252, .35);
  box-shadow:
    0 10px 24px rgba(14, 165, 233, .22),
    0 0 24px rgba(14, 165, 233, .18),
    inset 0 1px 0 rgba(255,255,255,.88);
  transition: transform .2s ease, box-shadow .2s ease;
}

.contact-icon svg {
  width: 18px;
  height: 18px;
  display: block;
}

.contact-icon svg path,
.contact-icon svg line,
.contact-icon svg circle,
.contact-icon svg polyline {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.telegram-link .contact-icon {
  color: #229ed9;
}

.max-link .contact-icon {
  color: #0ea5e9;
}

.contact-link:hover .contact-icon {
  transform: scale(1.06);
  box-shadow:
    0 12px 28px rgba(14, 165, 233, .3),
    0 0 34px rgba(14, 165, 233, .28),
    inset 0 1px 0 rgba(255,255,255,.95);
}

/* Лёгкое свечение кнопки отправки */
.form .btn.primary {
  box-shadow:
    0 16px 34px rgba(14,165,233,.32),
    0 0 26px rgba(14,165,233,.16);
}

.form .btn.primary:hover {
  box-shadow:
    0 20px 42px rgba(14,165,233,.42),
    0 0 36px rgba(14,165,233,.22);
}


/* New premium logo */
.logo{
display:flex;
align-items:center;
gap:14px;
font-weight:900;
}

.logo-image{
width:58px;
height:58px;
object-fit:contain;
border-radius:50%;
filter: drop-shadow(0 6px 18px rgba(14,165,233,.25));
}

.logo-text-wrap{
display:flex;
flex-direction:column;
line-height:1;
}

.logo-title{
font-size:30px;
font-weight:900;
letter-spacing:-0.04em;
background:linear-gradient(135deg,#0F172A,#0369A1);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.logo-subtitle{
margin-top:4px;
font-size:11px;
font-weight:800;
letter-spacing:.18em;
text-transform:uppercase;
color:#0EA5E9;
}


/* === Mobile adaptation === */
.mobile-menu-btn {
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  color: var(--text);
  font-size: 22px;
  font-weight: 900;
  cursor: pointer;
}

@media (max-width: 900px) {
  body {
    overflow-x: hidden;
  }

  .header {
    max-width: 100%;
    padding: 14px 16px;
    gap: 12px;
    position: relative;
  }

  .logo {
    gap: 10px;
    min-width: 0;
  }

  .logo-image {
    width: 46px;
    height: 46px;
  }

  .logo-title {
    font-size: 23px;
  }

  .logo-subtitle {
    font-size: 8px;
    letter-spacing: .12em;
  }

  .mobile-menu-btn {
    display: inline-grid;
    place-items: center;
    margin-left: auto;
  }

  .nav {
    display: none;
    order: 5;
    width: 100%;
    grid-template-columns: 1fr;
    gap: 8px;
    padding-top: 8px;
  }

  .nav.is-open {
    display: grid;
  }

  .nav a {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
    text-align: center;
  }

  .phone {
    order: 4;
    width: 100%;
    text-align: center;
    padding: 12px 14px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid var(--line);
  }

  .hero {
    width: calc(100% - 24px);
    margin: 10px auto 46px;
    padding: 28px 20px 24px;
    grid-template-columns: 1fr;
    gap: 28px;
    border-radius: 28px;
  }

  .hero h1 {
    font-size: clamp(38px, 12vw, 54px);
    line-height: 1;
    letter-spacing: -0.05em;
  }

  .subtitle {
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 24px;
  }

  .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 22px;
  }

  .btn {
    width: 100%;
    min-height: 52px;
  }

  .features {
    gap: 8px;
  }

  .features span {
    width: 100%;
    text-align: center;
  }

  .hero-card {
    min-height: 230px;
    border-radius: 24px;
  }

  .hero-card:before {
    inset: 16px;
    border-radius: 22px;
  }

  .real-airconditioner {
    width: min(100%, 420px) !important;
    max-height: 260px;
    object-fit: contain;
  }

  .section {
    width: calc(100% - 24px);
    margin: 0 auto 46px;
    padding: 0;
  }

  .section-head {
    margin-bottom: 22px;
  }

  .section h2,
  .contact-info h2 {
    font-size: clamp(30px, 9vw, 40px);
  }

  .services-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .service-card {
    padding: 22px;
    border-radius: 22px;
  }

  .steps-section {
    padding: 24px 18px;
    border-radius: 26px;
  }

  .steps {
    grid-template-columns: 1fr;
  }

  .contact-section {
    width: calc(100% - 24px);
    margin: 0 auto 46px;
    padding: 26px 18px;
    grid-template-columns: 1fr;
    gap: 24px;
    border-radius: 28px;
  }

  .contact-info p:not(.eyebrow) {
    font-size: 16px;
  }

  .contact-link {
    width: 100%;
    padding: 10px 0;
  }

  .form {
    padding: 20px;
    border-radius: 24px;
  }

  .form input,
  .form textarea {
    padding: 15px;
    font-size: 16px;
  }

  .footer {
    width: calc(100% - 24px);
    padding: 18px 0 26px;
    display: grid;
    gap: 8px;
    text-align: center;
  }
}

@media (max-width: 420px) {
  .header {
    padding: 12px;
  }

  .logo-image {
    width: 42px;
    height: 42px;
  }

  .logo-title {
    font-size: 21px;
  }

  .hero {
    width: calc(100% - 16px);
    padding: 24px 16px;
  }

  .hero h1 {
    font-size: 38px;
  }

  .section,
  .contact-section,
  .footer {
    width: calc(100% - 16px);
  }

  .service-card {
    padding: 20px;
  }
}


/* === Catalog page === */
.catalog-hero{max-width:1180px;margin:20px auto 70px;padding:52px;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;background:radial-gradient(circle at 85% 10%,rgba(14,165,233,.16),transparent 35%),linear-gradient(135deg,#fff 0%,#eef9ff 100%);border:1px solid var(--line);border-radius:36px;box-shadow:var(--shadow)}
.catalog-hero h1{margin:0 0 18px;font-size:58px;line-height:.98;letter-spacing:-.055em}
.catalog-hero p:not(.eyebrow){margin:0;max-width:680px;color:var(--muted);font-size:20px;line-height:1.55}
.catalog-hero-badges{display:grid;gap:12px}.area-tab{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:16px 18px;border-radius:18px;font-weight:900;border:1px solid var(--line);background:#fff}.area-tab.active{color:#fff;background:linear-gradient(135deg,#0EA5E9,#0284C7);box-shadow:0 18px 38px rgba(14,165,233,.28)}.area-tab.disabled{color:#94A3B8;background:rgba(255,255,255,.72)}
.section-description{max-width:740px;margin:14px auto 0;color:var(--muted);font-size:18px;line-height:1.55}
.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalog-card{position:relative;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 18px 46px rgba(15,23,42,.06);transition:.2s}.catalog-card:hover{transform:translateY(-5px);border-color:rgba(14,165,233,.46);box-shadow:0 24px 60px rgba(14,165,233,.14)}
.catalog-popular{position:absolute;top:16px;left:16px;z-index:3;padding:8px 12px;border-radius:999px;background:#0EA5E9;color:#fff;font-size:12px;font-weight:900}.catalog-card-visual{min-height:170px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(14,165,233,.2),transparent 46%),linear-gradient(135deg,#effaff,#fff);border-bottom:1px solid var(--line)}
.mini-ac{width:76%;height:82px;position:relative;border-radius:18px;background:linear-gradient(180deg,#fff,#eaf4f8);border:1px solid #d7e8f0;box-shadow:0 22px 44px rgba(14,165,233,.16);transform:rotate(-3deg)}.mini-ac span{position:absolute;top:18px;right:24px;color:#0EA5E9;font-weight:900;font-size:13px}.mini-ac i{position:absolute;left:20px;right:20px;bottom:31px;height:3px;border-radius:999px;background:#d0e6f2}.mini-ac b{position:absolute;left:28px;right:28px;bottom:16px;height:11px;border-radius:999px;background:#d3dde7}
.catalog-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.catalog-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.catalog-card-meta span{padding:8px 10px;border-radius:999px;background:#E0F2FE;color:#0369A1;font-size:12px;font-weight:900}.catalog-card h3{margin:0 0 14px;font-size:21px;line-height:1.18;letter-spacing:-.025em}.catalog-card ul{margin:0 0 24px;padding:0;list-style:none;display:grid;gap:10px;color:var(--muted);line-height:1.45}.catalog-card li{position:relative;padding-left:24px}.catalog-card li:before{content:"✓";position:absolute;left:0;top:0;color:#0EA5E9;font-weight:900}
.catalog-bottom{margin-top:auto;display:grid;gap:16px}.catalog-bottom p{margin:0 0 4px;color:var(--muted);font-size:13px;font-weight:800}.catalog-bottom strong{font-size:30px;letter-spacing:-.04em}.catalog-bottom .btn{width:100%}.coming-card{padding:34px;border-radius:30px;background:#0F172A;color:#fff;box-shadow:var(--shadow)}.coming-card h2{margin:0 0 12px}.coming-card p{margin:0;max-width:760px;color:#CBD5E1;font-size:18px;line-height:1.55}.coming-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.coming-tabs span{padding:12px 16px;border-radius:999px;background:rgba(14,165,233,.16);color:#E0F2FE;font-weight:900}
@media(max-width:900px){.catalog-hero{width:calc(100% - 24px);margin:10px auto 46px;padding:30px 20px;grid-template-columns:1fr;border-radius:28px}.catalog-hero h1{font-size:clamp(38px,11vw,54px)}.catalog-hero p:not(.eyebrow){font-size:17px}.catalog-grid{grid-template-columns:1fr;gap:14px}.catalog-card{border-radius:24px}.catalog-card-visual{min-height:150px}.catalog-bottom strong{font-size:28px}.coming-card{padding:26px 20px;border-radius:26px}}
@media(max-width:420px){.catalog-hero{width:calc(100% - 16px);padding:26px 16px}.catalog-card-body{padding:20px}.mini-ac{width:82%}}


/* === Catalog page full list === */
.catalog-hero{max-width:1180px;margin:20px auto 70px;padding:52px;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;background:radial-gradient(circle at 85% 10%,rgba(14,165,233,.16),transparent 35%),linear-gradient(135deg,#fff 0%,#eef9ff 100%);border:1px solid var(--line);border-radius:36px;box-shadow:var(--shadow)}
.catalog-hero h1{margin:0 0 18px;font-size:58px;line-height:.98;letter-spacing:-.055em}.catalog-hero p:not(.eyebrow){margin:0;max-width:680px;color:var(--muted);font-size:20px;line-height:1.55}.catalog-hero-badges{display:grid;gap:12px}.area-tab{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:16px 18px;border-radius:18px;font-weight:900;border:1px solid var(--line);background:#fff}.area-tab.active{color:#fff;background:linear-gradient(135deg,#0EA5E9,#0284C7);box-shadow:0 18px 38px rgba(14,165,233,.28)}.area-tab.disabled{color:#94A3B8;background:rgba(255,255,255,.72)}
.section-description{max-width:760px;margin:14px auto 0;color:var(--muted);font-size:18px;line-height:1.55}.catalog-note{max-width:760px;margin:12px auto 0;color:#0369A1;font-weight:800}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px}.catalog-tools input{width:min(430px,100%);border:1px solid var(--line);border-radius:16px;padding:15px 16px;font:inherit;font-weight:700;outline:none;background:#fff}.catalog-tools input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(14,165,233,.12)}.catalog-filters{display:flex;gap:10px;flex-wrap:wrap}.catalog-filter{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:999px;padding:12px 16px;font-weight:900;cursor:pointer}.catalog-filter.active,.catalog-filter:hover{background:#0EA5E9;color:#fff;border-color:#0EA5E9}
.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalog-card{position:relative;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 18px 46px rgba(15,23,42,.06);transition:.2s}.catalog-card:hover{transform:translateY(-5px);border-color:rgba(14,165,233,.46);box-shadow:0 24px 60px rgba(14,165,233,.14)}.catalog-card[hidden]{display:none!important}
.catalog-card-visual{min-height:150px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(14,165,233,.2),transparent 46%),linear-gradient(135deg,#effaff,#fff);border-bottom:1px solid var(--line)}.mini-ac{width:76%;height:76px;position:relative;border-radius:18px;background:linear-gradient(180deg,#fff,#eaf4f8);border:1px solid #d7e8f0;box-shadow:0 22px 44px rgba(14,165,233,.16);transform:rotate(-3deg)}.mini-ac span{position:absolute;top:16px;right:22px;color:#0EA5E9;font-weight:900;font-size:13px}.mini-ac i{position:absolute;left:20px;right:20px;bottom:30px;height:3px;border-radius:999px;background:#d0e6f2}.mini-ac b{position:absolute;left:28px;right:28px;bottom:15px;height:10px;border-radius:999px;background:#d3dde7}
.catalog-card-body{padding:22px;display:flex;flex-direction:column;flex:1}.catalog-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.catalog-card-meta span{padding:8px 10px;border-radius:999px;background:#E0F2FE;color:#0369A1;font-size:12px;font-weight:900}.catalog-card h3{margin:0 0 14px;font-size:20px;line-height:1.2;letter-spacing:-.025em}.catalog-card ul{margin:0 0 24px;padding:0;list-style:none;display:grid;gap:9px;color:var(--muted);line-height:1.42}.catalog-card li{position:relative;padding-left:24px}.catalog-card li:before{content:"✓";position:absolute;left:0;top:0;color:#0EA5E9;font-weight:900}
.catalog-bottom{margin-top:auto;display:grid;gap:14px}.catalog-bottom p{margin:0 0 4px;color:var(--muted);font-size:13px;font-weight:800}.catalog-bottom strong{font-size:28px;letter-spacing:-.04em}.catalog-bottom .btn{width:100%}.coming-card{padding:34px;border-radius:30px;background:#0F172A;color:#fff;box-shadow:var(--shadow)}.coming-card h2{margin:0 0 12px}.coming-card p{margin:0;max-width:760px;color:#CBD5E1;font-size:18px;line-height:1.55}.coming-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.coming-tabs span{padding:12px 16px;border-radius:999px;background:rgba(14,165,233,.16);color:#E0F2FE;font-weight:900}
@media(max-width:900px){.catalog-hero{width:calc(100% - 24px);margin:10px auto 46px;padding:30px 20px;grid-template-columns:1fr;border-radius:28px}.catalog-hero h1{font-size:clamp(38px,11vw,54px)}.catalog-hero p:not(.eyebrow){font-size:17px}.catalog-tools{display:grid}.catalog-tools input{width:100%}.catalog-grid{grid-template-columns:1fr;gap:14px}.catalog-card{border-radius:24px}.catalog-card-visual{min-height:145px}.catalog-bottom strong{font-size:27px}.coming-card{padding:26px 20px;border-radius:26px}}
@media(max-width:420px){.catalog-hero{width:calc(100% - 16px);padding:26px 16px}.catalog-card-body{padding:20px}.mini-ac{width:82%}}


/* === Area sections update === */
.catalog-section {
  scroll-margin-top: 100px;
}

.area-tab:not(.disabled):hover {
  transform: translateY(-2px);
  border-color: rgba(14,165,233,.45);
  box-shadow: 0 14px 30px rgba(14,165,233,.14);
}

.area-tab {
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}


/* === Full area catalog update === */
.catalog-section {
  scroll-margin-top: 100px;
}

.catalog-card[hidden] {
  display: none !important;
}


/* === Area 65 catalog update === */
.catalog-section {
  scroll-margin-top: 100px;
}

.catalog-card[hidden] {
  display: none !important;
}

.coming-tabs a {
  display: inline-flex;
  padding: 12px 16px;
  border-radius: 999px;
  background: rgba(14,165,233,.16);
  color: #E0F2FE;
  font-weight: 900;
}




/* === Catalog request modal fixed v2 === */
.catalog-request-open {
  border: 0;
  cursor: pointer;
  font-family: inherit;
}

.coming-tabs .catalog-request-open {
  padding: 12px 16px;
  border-radius: 999px;
  background: rgba(14,165,233,.16);
  color: #E0F2FE;
  font-weight: 900;
}

.request-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 22px;
}

.request-modal.is-open {
  display: flex;
}

.request-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, .72);
  backdrop-filter: blur(10px);
}

.request-modal__panel {
  position: relative;
  z-index: 1;
  width: min(1120px, 100%);
  max-height: calc(100vh - 44px);
  overflow: auto;
  display: grid;
  grid-template-columns: .92fr 1fr;
  gap: 34px;
  padding: 42px;
  border-radius: 34px;
  background: #0F172A;
  color: #fff;
  box-shadow: 0 34px 90px rgba(15,23,42,.42);
}

.request-modal__close {
  position: absolute;
  top: 18px;
  right: 20px;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 14px;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
}

.request-modal__left h2 {
  margin: 8px 0 16px;
  font-size: 44px;
  line-height: 1;
  letter-spacing: -.04em;
}

.request-modal__left p:not(.eyebrow) {
  color: #DCEBFF;
  font-size: 18px;
  line-height: 1.55;
}

.request-modal__contacts {
  display: grid;
  gap: 14px;
  margin-top: 28px;
}

.request-modal__contacts a {
  display: flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  color: #fff;
  font-weight: 900;
  text-decoration: none;
}

.request-modal__contacts span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(135deg, #E0F2FE, #38BDF8);
  color: #0369A1;
  box-shadow: 0 10px 28px rgba(14,165,233,.35);
}

.request-modal__form {
  padding: 26px;
  border-radius: 28px;
  background: #fff;
  color: var(--text);
  display: grid;
  gap: 16px;
}

.request-modal__form label {
  display: grid;
  gap: 8px;
  font-weight: 900;
}

.request-modal__form input,
.request-modal__form textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 16px 18px;
  font: inherit;
  font-weight: 700;
  outline: none;
  background: #fff;
  box-sizing: border-box;
}

.request-modal__form input:focus,
.request-modal__form textarea:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 4px rgba(14,165,233,.12);
}

.request-modal__form textarea {
  min-height: 120px;
  resize: vertical;
}

.request-modal__form .btn.primary {
  width: 100%;
  justify-content: center;
}

.request-modal__status {
  min-height: 22px;
  margin: 0;
  text-align: center;
  color: #0369A1;
  font-weight: 900;
}

body.modal-open {
  overflow: hidden;
}

@media (max-width: 760px) {
  .request-modal {
    padding: 12px;
  }

  .request-modal__panel {
    grid-template-columns: 1fr;
    padding: 26px 16px 16px;
    border-radius: 26px;
  }

  .request-modal__left h2 {
    font-size: 34px;
  }

  .request-modal__left p:not(.eyebrow) {
    font-size: 16px;
  }

  .request-modal__form {
    padding: 18px;
    border-radius: 22px;
  }
}


/* === Back to top button === */
.back-to-top {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9998;
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #0EA5E9, #0284C7);
  color: #fff;
  font-size: 26px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 18px 38px rgba(14, 165, 233, .35);
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease, box-shadow .2s ease;
}

.back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.back-to-top:hover {
  box-shadow: 0 24px 54px rgba(14, 165, 233, .45);
  transform: translateY(-2px);
}

@media (max-width: 760px) {
  .back-to-top {
    right: 16px;
    bottom: 16px;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    font-size: 24px;
  }
}


/* === Dropdown catalog filters === */
.catalog-tools {
  display: grid;
  grid-template-columns: minmax(260px, 430px) auto;
  gap: 18px;
  align-items: start;
  margin-bottom: 24px;
}

.catalog-filter-wrap {
  position: relative;
  display: flex;
  justify-content: flex-end;
}

.filter-menu-btn {
  min-height: 50px;
  padding: 0 18px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: linear-gradient(135deg, #0EA5E9, #0284C7);
  color: #fff;
  font: inherit;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  box-shadow: 0 16px 34px rgba(14,165,233,.22);
}

.filter-menu-btn b {
  font-size: 16px;
  transition: transform .2s ease;
}

.filter-menu-btn.is-open b {
  transform: rotate(180deg);
}

.filter-dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  z-index: 1200;
  width: min(520px, calc(100vw - 24px));
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 26px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 28px 70px rgba(15,23,42,.16);
  backdrop-filter: blur(14px);
  display: none;
}

.filter-dropdown.is-open {
  display: grid;
  gap: 16px;
}

.filter-group {
  display: grid;
  gap: 10px;
}

.filter-group > p,
.price-range-header p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.filter-dropdown select,
.price-inputs input {
  width: 100%;
  min-height: 46px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  color: var(--text);
  font: inherit;
  font-weight: 900;
  outline: none;
  padding: 0 14px;
  box-sizing: border-box;
}

.filter-dropdown select:focus,
.price-inputs input:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 4px rgba(14,165,233,.12);
}

.price-range-filter {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: #F8FCFF;
}

.price-range-header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.price-range-header strong {
  color: var(--text);
  font-size: 14px;
}

.price-inputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.price-inputs label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
}

.filter-reset {
  min-height: 46px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--text);
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}

.filter-reset:hover {
  border-color: rgba(14,165,233,.45);
  color: #0284C7;
}

@media (max-width: 900px) {
  .catalog-tools {
    grid-template-columns: 1fr;
  }

  .catalog-filter-wrap {
    justify-content: stretch;
  }

  .filter-menu-btn {
    width: 100%;
    justify-content: center;
  }

  .filter-dropdown {
    left: 0;
    right: auto;
    width: 100%;
  }
}

@media (max-width: 420px) {
  .price-inputs {
    grid-template-columns: 1fr;
  }
}


/* === Flat catalog layout === */
#catalog-list {
  scroll-margin-top: 100px;
}

.catalog-hero-badges .area-tab {
  justify-content: center;
}

.catalog-card[hidden] {
  display: none !important;
}


/* Contact section improvement */
.contact-info{
 display:flex;
 flex-direction:column;
 justify-content:center;
 height:100%;
}
.contact-info .eyebrow{
 font-size:15px;
 letter-spacing:.22em;
 margin-bottom:18px;
}
.contact-info h2{
 font-size:68px!important;
 line-height:.95;
 margin:0 0 24px;
 max-width:420px;
}
.contact-info p:not(.eyebrow){
 font-size:22px;
 line-height:1.6;
 max-width:480px;
 margin-bottom:36px;
}
.contact-links{
 margin-top:auto;
 gap:20px;
}
.contact-link{
 font-size:22px;
 font-weight:800;
}
@media(max-width:900px){
 .contact-info h2{font-size:46px!important;max-width:none}
 .contact-info p:not(.eyebrow){font-size:18px}
 .contact-link{font-size:18px}
}


/* ChatGPT update: enlarge section eyebrow */
.contact-section .eyebrow,
.contact .eyebrow,
.request-section .eyebrow,
.section-contact .eyebrow{
  font-size: clamp(64px,10vw,140px)!important;
  line-height:0.85!important;
  letter-spacing:0.18em!important;
  font-weight:800!important;
  opacity:.08!important;
  margin:0 0 -18px 0!important;
  display:block!important;
  white-space:nowrap!important;
}

/* === FIX: price filter inputs typing === */
.price-inputs input[type="number"] {
  appearance: textfield;
  -moz-appearance: textfield;
}

.price-inputs input[type="number"]::-webkit-outer-spin-button,
.price-inputs input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* === Cold Clan Support Chat — final style === */

.support-widget {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 99999;
  font-family: inherit;
}

.support-button {
  width: 64px;
  height: 64px;
  border: 0;
  border-radius: 22px;
  cursor: pointer;
  color: #fff;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.35), transparent 36%),
    linear-gradient(135deg, #0ea5e9 0%, #0284c7 52%, #0369a1 100%);
  box-shadow:
    0 22px 48px rgba(14,165,233,.38),
    0 0 0 8px rgba(14,165,233,.08);
  display: grid;
  place-items: center;
  transition: transform .22s ease, box-shadow .22s ease;
}

.support-button:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow:
    0 28px 60px rgba(14,165,233,.46),
    0 0 0 10px rgba(14,165,233,.1);
}

.support-button svg {
  width: 30px;
  height: 30px;
}

.support-panel {
  position: absolute;
  right: 0;
  bottom: 82px;
  width: 390px;
  max-width: calc(100vw - 32px);
  height: 560px;
  max-height: calc(100vh - 120px);
  display: none;
  grid-template-rows: auto 1fr auto;
  overflow: hidden;
  border-radius: 30px;
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, .95);
  box-shadow:
    0 34px 90px rgba(15, 23, 42, .28),
    0 0 0 1px rgba(255,255,255,.8) inset;
}

.support-widget.is-open .support-panel {
  display: grid;
  animation: supportPanelIn .18s ease both;
}

@keyframes supportPanelIn {
  from {
    opacity: 0;
    transform: translateY(12px) scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.support-head {
  min-height: 86px;
  padding: 20px 20px;
  color: #fff;
  background:
    radial-gradient(circle at 90% 0%, rgba(56,189,248,.35), transparent 38%),
    linear-gradient(135deg, #0f172a 0%, #0b3556 52%, #0369a1 100%);
  display: flex;
  align-items: center;
  gap: 14px;
}

.support-avatar {
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  border-radius: 18px;
  display: grid;
  place-items: center;
  color: #0ea5e9;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.9), transparent 42%),
    linear-gradient(135deg, #e0f2fe, #bae6fd);
  box-shadow: 0 14px 30px rgba(14,165,233,.28);
}

.support-avatar svg {
  width: 24px;
  height: 24px;
}

.support-title {
  font-size: 17px;
  font-weight: 950;
  line-height: 1.1;
  letter-spacing: -.02em;
}

.support-status {
  position: relative;
  margin-top: 5px;
  padding-left: 14px;
  font-size: 12px;
  font-weight: 800;
  color: rgba(224,242,254,.92);
}

.support-status::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #22c55e;
  transform: translateY(-50%);
  box-shadow: 0 0 0 4px rgba(34,197,94,.16);
}

.support-close {
  margin-left: auto;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 14px;
  cursor: pointer;
  color: #fff;
  background: rgba(255,255,255,.12);
  font-size: 26px;
  line-height: 1;
  transition: background .2s ease, transform .2s ease;
}

.support-close:hover {
  background: rgba(255,255,255,.18);
  transform: rotate(4deg);
}

.support-messages {
  padding: 18px;
  overflow-y: auto;
  background:
    radial-gradient(circle at 100% 0%, rgba(14,165,233,.08), transparent 34%),
    linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.support-messages::-webkit-scrollbar {
  width: 8px;
}

.support-messages::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(14,165,233,.26);
}

.support-system {
  margin: auto 0;
  padding: 16px;
  border-radius: 22px;
  text-align: center;
  color: #64748b;
  font-weight: 750;
  line-height: 1.45;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(226,232,240,.9);
}

.support-message {
  width: fit-content;
  max-width: 82%;
  padding: 12px 14px;
  border-radius: 18px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
  word-break: break-word;
  box-shadow: 0 10px 26px rgba(15,23,42,.07);
}

.support-message.client,
.support-message.user {
  align-self: flex-end;
  color: #fff;
  border-bottom-right-radius: 7px;
  background: linear-gradient(135deg, #0ea5e9, #0369a1);
  box-shadow: 0 14px 32px rgba(14,165,233,.24);
}

.support-message.staff,
.support-message.support {
  align-self: flex-start;
  color: #0f172a;
  border-bottom-left-radius: 7px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
}

.support-form {
  padding: 14px;
  display: flex;
  align-items: flex-end;
  gap: 10px;
  background: #ffffff;
  border-top: 1px solid #e2e8f0;
}

.support-input {
  flex: 1;
  min-height: 48px;
  max-height: 120px;
  resize: none;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  outline: none;
  padding: 14px 15px;
  color: #0f172a;
  background: #f8fafc;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.support-input:focus {
  background: #fff;
  border-color: #0ea5e9;
  box-shadow: 0 0 0 4px rgba(14,165,233,.12);
}

.support-send {
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  border: 0;
  border-radius: 17px;
  cursor: pointer;
  color: #fff;
  background: linear-gradient(135deg, #0ea5e9, #0369a1);
  display: grid;
  place-items: center;
  box-shadow: 0 14px 30px rgba(14,165,233,.26);
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.support-send:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(14,165,233,.34);
}

.support-send:disabled {
  opacity: .65;
  cursor: not-allowed;
  transform: none;
}

.support-send svg {
  width: 22px;
  height: 22px;
}

@media (max-width: 560px) {
  .support-widget {
    right: 14px;
    bottom: 14px;
  }

  .support-button {
    width: 58px;
    height: 58px;
    border-radius: 20px;
  }

  .support-panel {
    right: -2px;
    bottom: 72px;
    width: calc(100vw - 24px);
    height: min(560px, calc(100vh - 96px));
    border-radius: 26px;
  }

  .support-head {
    min-height: 78px;
    padding: 16px;
  }

  .support-avatar {
    width: 44px;
    height: 44px;
    border-radius: 16px;
  }

  .support-title {
    font-size: 16px;
  }

  .support-messages {
    padding: 14px;
  }

  .support-message {
    max-width: 88%;
  }
}