/* =========================================================
   ASIA SIBIR — PREMIUM PERFORMANCE CSS v1
   Вставить в Tilda в самый низ страницы:
   Настройки страницы → Дополнительно → CSS
   или в HTML-блок после всех блоков.
   ========================================================= */

/* 1) Общая база */
:root {
  --as-dark: #101722;
  --as-dark2: #172338;
  --as-blue: #182a47;
  --as-blue2: #243e64;
  --as-gold: #a88758;
  --as-gold2: #d7c3a0;
  --as-bg1: #f7f4ee;
  --as-bg2: #edf2f6;
  --as-white: rgba(255,255,255,.82);
  --as-line: rgba(16,23,34,.10);
  --as-shadow-soft: 0 18px 46px rgba(16,23,34,.08);
  --as-shadow-card: 0 14px 34px rgba(16,23,34,.075);
  --as-radius-xl: 34px;
  --as-radius-lg: 28px;
  --as-radius-md: 20px;
  --as-container: 1500px;
}

html {
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}

body {
  overflow-x: hidden;
}

#as-keramo-hero-v9,
#as-keramo-benefits-v3,
#as-premium-cats-v2,
#as-premium-map-v2,
#as-footer-v1 {
  color: var(--as-dark);
  font-family: "Manrope", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: 100%;
}

#as-keramo-hero-v9 *,
#as-keramo-benefits-v3 *,
#as-premium-cats-v2 *,
#as-premium-map-v2 *,
#as-footer-v1 * {
  box-sizing: border-box !important;
}

#as-keramo-hero-v9 a,
#as-keramo-benefits-v3 a,
#as-premium-cats-v2 a,
#as-premium-map-v2 a,
#as-footer-v1 a {
  color: inherit !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent;
}

#as-keramo-hero-v9 img,
#as-keramo-benefits-v3 img,
#as-premium-cats-v2 img,
#as-premium-map-v2 img,
#as-footer-v1 img,
#as-keramo-hero-v9 svg,
#as-keramo-benefits-v3 svg,
#as-premium-cats-v2 svg,
#as-premium-map-v2 svg,
#as-footer-v1 svg {
  display: block;
  max-width: 100%;
}

/* Не рисуем тяжёлые нижние блоки, пока пользователь до них не доскроллил */
#as-keramo-benefits-v3,
#as-premium-cats-v2,
#as-premium-map-v2,
#as-footer-v1 {
  content-visibility: auto;
  contain-intrinsic-size: auto 620px;
}

/* 2) Фон — премиально, но легче */
#as-keramo-benefits-v3,
#as-premium-cats-v2,
#as-premium-map-v2,
#as-footer-v1 {
  background:
    radial-gradient(circle at 12% 16%, rgba(168,135,88,.07), transparent 28%),
    linear-gradient(135deg, var(--as-bg1) 0%, #fbfaf7 48%, var(--as-bg2) 100%) !important;
}

/* Декор оставляем на десктопе, на мобильном убираем */
#as-keramo-hero-v9 .askv9-bg__noise,
#as-keramo-benefits-v3 .askb3-bg__noise,
#as-premium-cats-v2::before,
#as-premium-map-v2 .aspm2-bg__noise {
  opacity: .022 !important;
}

#as-keramo-hero-v9 .askv9-bg__glow,
#as-keramo-benefits-v3 .askb3-bg__glow,
#as-premium-map-v2 .aspm2-bg__glow {
  filter: none !important;
  opacity: .68 !important;
}

/* 3) Glass-эффект — облегчённая версия */
#as-keramo-hero-v9 .askv9-header,
#as-keramo-hero-v9 .askv9-shell,
#as-keramo-benefits-v3 .askb3-shell,
#as-premium-cats-v2 .aspc2-wrap,
#as-premium-map-v2 .aspm2-shell,
#as-footer-v1 .asf1-shell {
  border: 1px solid rgba(255,255,255,.70) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,255,255,.58)) !important;
  box-shadow: var(--as-shadow-soft), inset 0 1px 0 rgba(255,255,255,.86) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

/* Карточки — меньше теней, меньше перерисовки */
#as-keramo-benefits-v3 .askb3-card,
#as-premium-cats-v2 .aspc2-card,
#as-premium-map-v2 .aspm2-side,
#as-premium-map-v2 .aspm2-city,
#as-premium-map-v2 .aspm2-main-link,
#as-footer-v1 .asf1-socials a {
  box-shadow: var(--as-shadow-card), inset 0 1px 0 rgba(255,255,255,.82) !important;
}

/* 4) Анимации только там, где они реально нужны */
#as-keramo-hero-v9 .askv9-btn,
#as-keramo-hero-v9 .askv9-header-btn,
#as-keramo-hero-v9 .askv9-nav a,
#as-keramo-benefits-v3 .askb3-card,
#as-premium-cats-v2 .aspc2-card,
#as-premium-cats-v2 .aspc2-media img,
#as-premium-map-v2 .aspm2-city,
#as-premium-map-v2 .aspm2-main-link,
#as-footer-v1 a,
#as-footer-v1 .asf1-socials a {
  transition-property: transform, box-shadow, border-color, background-color, color, opacity !important;
  transition-duration: .22s !important;
  transition-timing-function: cubic-bezier(.16,1,.3,1) !important;
}

@media (hover: hover) and (pointer: fine) {
  #as-keramo-hero-v9 .askv9-btn:hover,
  #as-keramo-hero-v9 .askv9-header-btn:hover,
  #as-keramo-benefits-v3 .askb3-card:hover,
  #as-premium-cats-v2 .aspc2-card:hover,
  #as-premium-map-v2 .aspm2-city:hover,
  #as-premium-map-v2 .aspm2-main-link:hover,
  #as-footer-v1 .asf1-socials a:hover {
    transform: translateY(-3px) !important;
  }

  #as-premium-cats-v2 .aspc2-card:hover .aspc2-media img {
    transform: scale(1.035) !important;
  }
}

@media (hover: none), (pointer: coarse) {
  #as-keramo-hero-v9 *:hover,
  #as-keramo-benefits-v3 *:hover,
  #as-premium-cats-v2 *:hover,
  #as-premium-map-v2 *:hover,
  #as-footer-v1 *:hover {
    transform: none !important;
  }
}

/* 5) Hero — десктоп */
#as-keramo-hero-v9 {
  padding: 14px 22px 22px !important;
  min-height: auto !important;
}

#as-keramo-hero-v9 .askv9-header {
  min-height: 68px !important;
  border-radius: 26px !important;
}

#as-keramo-hero-v9 .askv9-shell {
  min-height: clamp(520px, 38vw, 610px) !important;
  grid-template-columns: minmax(380px, .78fr) minmax(560px, 1.22fr) !important;
  gap: 16px !important;
  border-radius: var(--as-radius-xl) !important;
  overflow: hidden !important;
}

#as-keramo-hero-v9 .askv9-content {
  min-width: 0 !important;
  padding: clamp(42px, 4.8vw, 68px) 28px clamp(38px, 4vw, 58px) clamp(42px, 5vw, 68px) !important;
}

#as-keramo-hero-v9 h1,
#as-keramo-hero-v9 .askv9-title--products {
  max-width: 650px !important;
  font-size: clamp(38px, 3.3vw, 58px) !important;
  line-height: 1 !important;
  letter-spacing: -.056em !important;
  text-wrap: balance;
}

#as-keramo-hero-v9 .askv9-actions {
  gap: 12px !important;
}

#as-keramo-hero-v9 .askv9-btn {
  min-height: 54px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
}

#as-keramo-hero-v9 .askv9-showcase {
  padding: 30px 30px 30px 0 !important;
}

#as-keramo-hero-v9 .askv9-slider {
  min-height: clamp(410px, 33vw, 500px) !important;
  border-radius: 26px !important;
  box-shadow: 0 20px 54px rgba(16,23,34,.13) !important;
  transform: translateZ(0);
  contain: layout paint;
}

#as-keramo-hero-v9 .askv9-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Плашки на фото — компактнее и легче */
#as-keramo-hero-v9 .askv9-material,
#as-keramo-hero-v9 .askv9-slide-info {
  border: 1px solid rgba(16,23,34,.10) !important;
  color: #101723 !important;
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(246,244,238,.90)) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.96) !important;
  backdrop-filter: blur(10px) saturate(115%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(115%) !important;
}

#as-keramo-hero-v9 .askv9-material {
  left: 24px !important;
  top: 24px !important;
  width: auto !important;
  max-width: 326px !important;
  min-height: 64px !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 11px !important;
  padding: 9px 13px 9px 9px !important;
  border-radius: 18px !important;
}

#as-keramo-hero-v9 .askv9-slide-info {
  left: 24px !important;
  bottom: 24px !important;
  max-width: 330px !important;
  padding: 10px 13px 11px !important;
  border-radius: 18px !important;
}

#as-keramo-hero-v9 .askv9-material::before,
#as-keramo-hero-v9 .askv9-material::after,
#as-keramo-hero-v9 .askv9-slide-info::before,
#as-keramo-hero-v9 .askv9-slide-info::after {
  content: none !important;
  display: none !important;
}

/* Нижние табы hero — не должны ломать экран */
#as-keramo-hero-v9 .askv9-bottom {
  max-width: var(--as-container) !important;
  margin: 12px auto 0 !important;
  padding: 10px !important;
  gap: 8px !important;
  border-radius: 22px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch;
}

#as-keramo-hero-v9 .askv9-bottom::-webkit-scrollbar {
  display: none !important;
}

#as-keramo-hero-v9 .askv9-bottom button {
  flex: 0 0 auto !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  white-space: nowrap !important;
}

/* 6) Benefits */
#as-keramo-benefits-v3 {
  padding: 18px 22px 32px !important;
}

#as-keramo-benefits-v3 .askb3-shell {
  padding: clamp(22px, 2.4vw, 34px) !important;
  border-radius: var(--as-radius-xl) !important;
}

#as-keramo-benefits-v3 .askb3-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

#as-keramo-benefits-v3 .askb3-card {
  min-height: 214px !important;
  padding: 22px !important;
  border-radius: 26px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.80), rgba(255,255,255,.56)) !important;
}

/* 7) Категории */
#as-premium-cats-v2 {
  padding: 18px 20px 34px !important;
}

#as-premium-cats-v2 .aspc2-wrap {
  padding: clamp(22px, 2.6vw, 36px) !important;
  border-radius: 36px !important;
}

#as-premium-cats-v2 .aspc2-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

#as-premium-cats-v2 .aspc2-card {
  min-height: clamp(430px, 36vw, 520px) !important;
  border-radius: 28px !important;
  background: linear-gradient(160deg, rgba(255,255,255,.84), rgba(255,255,255,.58)) !important;
}

#as-premium-cats-v2 .aspc2-media {
  padding-top: 106% !important;
}

#as-premium-cats-v2 .aspc2-media img {
  object-fit: cover !important;
  transform: scale(1.01) !important;
  filter: contrast(1.02) saturate(1.01) !important;
}

/* 8) Карта */
#as-premium-map-v2 {
  padding: 18px 22px 32px !important;
}

#as-premium-map-v2 .aspm2-shell {
  grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr) !important;
  gap: 14px !important;
  padding: clamp(18px, 2vw, 26px) !important;
  border-radius: var(--as-radius-xl) !important;
}

#as-premium-map-v2 .aspm2-map,
#as-premium-map-v2 .aspm2-side {
  min-height: 360px !important;
  border-radius: 26px !important;
}

#as-premium-map-v2 .aspm2-map iframe {
  width: 100% !important;
  height: 100% !important;
  min-height: 360px !important;
  border: 0 !important;
}

#as-premium-map-v2 .aspm2-map::after {
  opacity: .55 !important;
}

/* 9) Footer — чистая премиальная сетка */
#as-footer-v1 {
  padding: 18px 22px 28px !important;
}

#as-footer-v1 .asf1-shell {
  max-width: var(--as-container) !important;
  min-height: 126px !important;
  padding: 26px 34px !important;
  display: grid !important;
  grid-template-columns: 1.25fr .9fr .72fr 1.35fr auto !important;
  align-items: center !important;
  gap: 30px !important;
  border-radius: var(--as-radius-xl) !important;
}

#as-footer-v1 .asf1-logo img {
  width: 196px !important;
  height: auto !important;
}

#as-footer-v1 .asf1-requisites {
  gap: 3px !important;
  color: rgba(16,23,34,.42) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

#as-footer-v1 .asf1-address {
  gap: 3px !important;
  font-size: 13px !important;
}

#as-footer-v1 .asf1-address b,
#as-footer-v1 .asf1-phone,
#as-footer-v1 .asf1-managers b {
  font-family: "Onest", Arial, sans-serif !important;
}

#as-footer-v1 .asf1-nav {
  display: grid !important;
  gap: 12px !important;
}

#as-footer-v1 .asf1-nav a {
  width: max-content !important;
  color: rgba(16,23,34,.74) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

#as-footer-v1 .asf1-phone {
  color: var(--as-dark2) !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

#as-footer-v1 .asf1-mail {
  color: rgba(16,23,34,.70) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
}

#as-footer-v1 .asf1-managers {
  max-width: 300px !important;
  margin-top: 6px !important;
  padding-top: 12px !important;
  gap: 8px !important;
}

#as-footer-v1 .asf1-managers a {
  grid-template-columns: 92px 1fr !important;
  gap: 12px !important;
}

#as-footer-v1 .asf1-socials a {
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #1d3155, #0f1b31) !important;
}

/* 10) Доступность */
#as-keramo-hero-v9 a:focus-visible,
#as-keramo-hero-v9 button:focus-visible,
#as-keramo-benefits-v3 a:focus-visible,
#as-premium-cats-v2 a:focus-visible,
#as-premium-map-v2 a:focus-visible,
#as-footer-v1 a:focus-visible,
#as-footer-v1 button:focus-visible {
  outline: 2px solid rgba(168,135,88,.72) !important;
  outline-offset: 4px !important;
}

/* 11) Планшеты */
@media (max-width: 1180px) {
  #as-keramo-hero-v9 .askv9-header {
    grid-template-columns: 200px 1fr auto !important;
    gap: 18px !important;
  }

  #as-keramo-hero-v9 .askv9-logo img {
    width: 176px !important;
  }

  #as-keramo-hero-v9 .askv9-phone b {
    font-size: 17px !important;
  }

  #as-keramo-hero-v9 .askv9-shell {
    grid-template-columns: minmax(330px, .78fr) minmax(460px, 1.22fr) !important;
  }

  #as-keramo-benefits-v3 .askb3-grid,
  #as-premium-cats-v2 .aspc2-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #as-premium-map-v2 .aspm2-shell {
    grid-template-columns: 1fr !important;
  }

  #as-footer-v1 .asf1-shell {
    grid-template-columns: 1.25fr 1fr 1fr !important;
    gap: 24px !important;
  }

  #as-footer-v1 .asf1-socials {
    grid-column: auto !important;
  }
}

/* 12) Мобильная версия — здесь главное ускорение */
@media (max-width: 980px) {
  #as-keramo-hero-v9,
  #as-keramo-benefits-v3,
  #as-premium-cats-v2,
  #as-premium-map-v2,
  #as-footer-v1 {
    overflow: hidden !important;
  }

  #as-keramo-hero-v9 .askv9-header,
  #as-keramo-hero-v9 .askv9-shell,
  #as-keramo-benefits-v3 .askb3-shell,
  #as-premium-cats-v2 .aspc2-wrap,
  #as-premium-map-v2 .aspm2-shell,
  #as-footer-v1 .asf1-shell,
  #as-keramo-hero-v9 .askv9-material,
  #as-keramo-hero-v9 .askv9-slide-info {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  #as-keramo-hero-v9 .askv9-bg__noise,
  #as-keramo-hero-v9 .askv9-bg__glow,
  #as-keramo-hero-v9 .askv9-bg__line,
  #as-keramo-benefits-v3 .askb3-bg,
  #as-premium-map-v2 .aspm2-bg,
  #as-premium-cats-v2::before {
    display: none !important;
  }

  #as-keramo-hero-v9 {
    padding: 10px 14px 16px !important;
  }

  #as-keramo-hero-v9 .askv9-header {
    grid-template-columns: auto auto !important;
    justify-content: space-between !important;
    min-height: 62px !important;
    padding: 9px 10px 9px 16px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 10px 26px rgba(16,23,34,.08) !important;
  }

  #as-keramo-hero-v9 .askv9-nav,
  #as-keramo-hero-v9 .askv9-header__right {
    display: none !important;
  }

  #as-keramo-hero-v9 .askv9-burger {
    display: block !important;
  }

  #as-keramo-hero-v9 .askv9-mobile-menu {
    left: 14px !important;
    right: 14px !important;
    top: 82px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.97) !important;
    box-shadow: 0 18px 44px rgba(16,23,34,.12) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  #as-keramo-hero-v9 .askv9-shell {
    display: grid !important;
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    border-radius: 28px !important;
    background: rgba(255,255,255,.80) !important;
    box-shadow: 0 14px 34px rgba(16,23,34,.09) !important;
  }

  #as-keramo-hero-v9 .askv9-shell::before,
  #as-keramo-hero-v9 .askv9-shell::after {
    display: none !important;
  }

  #as-keramo-hero-v9 .askv9-content {
    padding: 30px 20px 22px !important;
  }

  #as-keramo-hero-v9 h1,
  #as-keramo-hero-v9 .askv9-title--products {
    max-width: 100% !important;
    font-size: clamp(30px, 8.2vw, 43px) !important;
    line-height: 1.03 !important;
  }

  #as-keramo-hero-v9 .askv9-kicker {
    margin-bottom: 13px !important;
    font-size: 9px !important;
    line-height: 1.35 !important;
    letter-spacing: .12em !important;
  }

  #as-keramo-hero-v9 .askv9-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    margin-top: 22px !important;
    gap: 9px !important;
  }

  #as-keramo-hero-v9 .askv9-btn {
    width: 100% !important;
    min-height: 52px !important;
  }

  #as-keramo-hero-v9 .askv9-showcase {
    padding: 0 14px 18px !important;
  }

  #as-keramo-hero-v9 .askv9-slider {
    min-height: 360px !important;
    border-radius: 22px !important;
    box-shadow: 0 14px 34px rgba(16,23,34,.14) !important;
  }

  #as-keramo-hero-v9 .askv9-slider::after {
    inset: 9px !important;
    border-radius: 16px !important;
  }

  #as-keramo-hero-v9 .askv9-material {
    left: 13px !important;
    top: 13px !important;
    max-width: calc(100% - 26px) !important;
    min-height: 58px !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    padding: 8px 11px 8px 8px !important;
    border-radius: 16px !important;
  }

  #as-keramo-hero-v9 .askv9-slide-info {
    left: 13px !important;
    right: 13px !important;
    bottom: 13px !important;
    max-width: none !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
  }

  #as-keramo-hero-v9 .askv9-controls {
    right: 18px !important;
    bottom: 92px !important;
  }

  #as-keramo-benefits-v3,
  #as-premium-cats-v2,
  #as-premium-map-v2,
  #as-footer-v1 {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  #as-keramo-benefits-v3 .askb3-shell,
  #as-premium-cats-v2 .aspc2-wrap,
  #as-premium-map-v2 .aspm2-shell,
  #as-footer-v1 .asf1-shell {
    padding: 20px !important;
    border-radius: 28px !important;
    background: rgba(255,255,255,.82) !important;
    box-shadow: 0 12px 30px rgba(16,23,34,.08) !important;
  }

  #as-keramo-benefits-v3 .askb3-grid,
  #as-premium-cats-v2 .aspc2-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }

  #as-keramo-benefits-v3 .askb3-card {
    min-height: 190px !important;
    padding: 18px !important;
    border-radius: 22px !important;
  }

  #as-premium-cats-v2 .aspc2-card {
    min-height: 420px !important;
    border-radius: 24px !important;
  }

  #as-premium-map-v2 .aspm2-shell {
    grid-template-columns: 1fr !important;
  }

  #as-premium-map-v2 .aspm2-map,
  #as-premium-map-v2 .aspm2-map iframe,
  #as-premium-map-v2 .aspm2-side {
    min-height: 330px !important;
  }

  #as-footer-v1 .asf1-shell {
    grid-template-columns: 1fr 1fr !important;
    gap: 22px !important;
  }

  #as-footer-v1 .asf1-brand {
    grid-column: 1 / -1 !important;
  }

  #as-footer-v1 .asf1-logo img {
    width: 176px !important;
  }
}

/* 13) Узкие телефоны */
@media (max-width: 560px) {
  #as-keramo-hero-v9 {
    padding: 8px 10px 14px !important;
  }

  #as-keramo-hero-v9 .askv9-logo img {
    width: 154px !important;
  }

  #as-keramo-hero-v9 .askv9-content {
    padding: 26px 16px 18px !important;
  }

  #as-keramo-hero-v9 h1,
  #as-keramo-hero-v9 .askv9-title--products {
    font-size: clamp(29px, 8.8vw, 38px) !important;
    letter-spacing: -.055em !important;
  }

  #as-keramo-hero-v9 .askv9-warehouse-line {
    width: 100% !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
  }

  #as-keramo-hero-v9 .askv9-warehouse-line__cities {
    width: 100% !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
  }

  #as-keramo-hero-v9 .askv9-slider {
    min-height: 330px !important;
  }

  #as-keramo-hero-v9 .askv9-material b {
    font-size: 13px !important;
    line-height: 1.08 !important;
  }

  #as-keramo-hero-v9 .askv9-slide-info b {
    font-size: 16px !important;
  }

  #as-keramo-benefits-v3 .askb3-grid,
  #as-premium-cats-v2 .aspc2-grid,
  #as-footer-v1 .asf1-shell {
    grid-template-columns: 1fr !important;
  }

  #as-premium-cats-v2 .aspc2-card {
    min-height: auto !important;
  }

  #as-premium-cats-v2 .aspc2-media {
    padding-top: 82% !important;
  }

  #as-premium-map-v2 .aspm2-map,
  #as-premium-map-v2 .aspm2-map iframe {
    min-height: 300px !important;
  }

  #as-footer-v1 .asf1-logo img {
    width: 162px !important;
  }

  #as-footer-v1 .asf1-managers {
    max-width: 100% !important;
  }

  #as-footer-v1 .asf1-managers a {
    grid-template-columns: 88px 1fr !important;
  }
}

@media (max-width: 390px) {
  #as-keramo-hero-v9 h1,
  #as-keramo-hero-v9 .askv9-title--products {
    font-size: 28px !important;
  }

  #as-keramo-hero-v9 .askv9-slider {
    min-height: 310px !important;
  }

  #as-footer-v1 .asf1-managers a {
    grid-template-columns: 78px 1fr !important;
    gap: 8px !important;
  }

  #as-footer-v1 .asf1-managers b {
    font-size: 12px !important;
  }
}

/* 14) Пользователи, у которых отключены анимации */
@media (prefers-reduced-motion: reduce) {
  #as-keramo-hero-v9 *,
  #as-keramo-hero-v9 *::before,
  #as-keramo-hero-v9 *::after,
  #as-keramo-benefits-v3 *,
  #as-keramo-benefits-v3 *::before,
  #as-keramo-benefits-v3 *::after,
  #as-premium-cats-v2 *,
  #as-premium-cats-v2 *::before,
  #as-premium-cats-v2 *::after,
  #as-premium-map-v2 *,
  #as-premium-map-v2 *::before,
  #as-premium-map-v2 *::after,
  #as-footer-v1 *,
  #as-footer-v1 *::before,
  #as-footer-v1 *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}