:root{
  --bg:#FAF8FF;
  --bg2:#F6F3FF;
  --card:#FFFFFF;
  --text:#1E1B2E;
  --muted:rgba(30,27,46,.66);
  --muted2:rgba(30,27,46,.52);
  --line:rgba(30,27,46,.10);

  /* фирменные цвета (из лого/прайса) */
  --accent:#3B1685;    /* глубокий фиолетовый */
  --accent2:#6C6EC4;   /* фиолетово-синий */
  --accent3:#A99DE8;   /* лаванда */
  --accentSoft:rgba(59,22,133,.14);
  --accentSoft2:rgba(108,110,196,.16);
  --accentLav:rgba(227,217,248,.92);

  --ok:#1DBE75;
  --warn:#E6A23C;

  --shadow: 0 10px 30px rgba(22,18,40,.12);
  --shadow2: 0 18px 55px rgba(22,18,40,.14);
  --radius: 18px;
}

/* Marketing pages: bring ANTI_NEW (B2B) vibe without breaking logic.
   Scope to specific sections to keep catalog/cabinet/admin intact. */
#home .heroSlider{
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 24px 62px rgba(39,29,86,.12);
}
#home .heroSlide{
  position: relative;
}
#home .heroSlide::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 0%, rgba(30,143,209,.16), transparent 40%),
    radial-gradient(circle at 80% 20%, rgba(75,23,143,.14), transparent 46%);
  pointer-events:none;
}
#home .heroSlide__content{
  max-width: 720px;
}
#home .heroSlide .heroSlide__content,
#home .heroSlide .heroSlide__content--blur,
#home .heroSlide .heroSlide__content--plain{
  padding: 0 !important;
  background: transparent !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  margin-left: 0 !important;
  width: min(66.666vw, 1040px) !important;
  max-width: 66.666% !important;
}
#home .heroSlide__content h1{
  font-weight: 900;
  letter-spacing: -0.02em;
}
#home .heroSlide__content h1,
#home .heroSlide__content h2,
#home .heroSlide__content .muted,
#home .heroSlide__content p{
  color: #fff !important;
  text-shadow: 0 3px 22px rgba(0,0,0,.52) !important;
}
#home .heroSlide__content h1,
#home .heroSlide__content h2{
  font-size: clamp(46px, 5.7vw, 84px) !important;
  line-height: .94 !important;
  letter-spacing: -.055em !important;
  max-width: 14.5ch !important;
}
#home .heroSlide__content .muted,
#home .heroSlide__content p{
  color: rgba(255,255,255,.88) !important;
}
#home .heroSlide__content .pill{
  background: rgba(255,255,255,.96) !important;
  color: #33206f !important;
  border-color: rgba(255,255,255,.60) !important;
  text-shadow: none !important;
}
#home .heroSlide__bgOverlay{
  background: linear-gradient(90deg, rgba(17,15,34,.86) 0%, rgba(17,15,34,.62) 38%, rgba(17,15,34,.20) 100%) !important;
}

#delivery .vbBlock{
  color: #fff;
}
#delivery .sectionHead h2,
#delivery .sectionHead p{
  color: #fff;
}

#dealers .sectionHead h2{
  font-weight: 900;
  letter-spacing: -0.02em;
}

/* === ANTI_NEW marketing blocks (scoped) === */
#home .vbHtml .hero-b2b,
#home .vbHtml .hero-b2b__content,
#home .vbHtml .hero-b2b__actions,
#home .vbHtml .benefitsBlock,
#home .vbHtml .benefitsGrid,
#home .vbHtml .benefitCard,
#home .vbHtml .logisticsBlock,
#home .vbHtml .homeProducts,
#home .vbHtml .homeProduct,
#home .vbHtml .procurementSteps,
#home .vbHtml .procurementStep,
#about .vbHtml .aboutSales,
#delivery .vbHtml .section-bg,
#delivery .vbHtml .glass-card,
#dealers .vbHtml .section-bg,
#dealers .vbHtml .b2b-lead-form,
#contacts .vbHtml .sectionHead{
  font-family: Manrope,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* Marketing pages: square section blocks, keep catalog/cabinets/admin untouched. */
#home .vbBlock,
#about .vbBlock,
#delivery .vbBlock,
#dealers .vbBlock,
#contacts .vbBlock,
#home .heroSlider,
#home .heroSlide,
#home .heroSlide__bg,
#home .heroSlide__content,
#home .vbHtml .hero-b2b,
#home .vbHtml .benefitsBlock,
#home .vbHtml .logisticsBlock,
#home .vbHtml .homeBlock--featured,
#home [data-product-collection].homeBlock--featured,
#home .vbHtml .homeProcurement,
#home .vbHtml .promoProduct,
#home .vbHtml .benefitCard,
#home .vbHtml .homeProduct,
#home [data-product-collection] .homeProduct,
#home [data-product-collection] .homeProduct__media,
#home .vbHtml .procurementStep,
#home .vbHtml .promoProduct__card,
#home .vbHtml .promoProduct__image,
#about .vbHtml .aboutSales__story,
#about .vbHtml .aboutSales__stats > div,
#about .vbHtml .aboutSales__requisites,
#about .vbHtml .aboutSales,
#delivery .vbHtml .section-bg,
#delivery .vbHtml .glass-card,
#dealers .vbHtml .section-bg,
#dealers .vbHtml .b2b-lead-form,
#contacts .vbHtml [style*="border-radius"]{
  border-radius: 0 !important;
}

#home .heroSlider{
  border-bottom: 0 !important;
}

/* Marketing inner pages: make the visual blocks span the full viewport width. */
#about .vbBlock > .container,
#delivery .vbBlock > .container,
#dealers .vbBlock > .container,
#contacts .vbBlock > .container{
  width:100% !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

#about .vbCustom,
#delivery .vbCustom,
#dealers .vbCustom,
#contacts .vbCustom{
  width:100%;
}

/* Marketing pages: remove external gaps between page blocks. */
#home .vbBlock,
#about .vbBlock,
#delivery .vbBlock,
#dealers .vbBlock,
#contacts .vbBlock,
#home .vbBlock--themed,
#about .vbBlock--themed,
#delivery .vbBlock--themed,
#dealers .vbBlock--themed,
#contacts .vbBlock--themed,
#home .vbHtml .hero-b2b,
#delivery .vbHtml .section-bg,
#dealers .vbHtml .section-bg{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#home .vbBlock--themed,
#about .vbBlock--themed,
#delivery .vbBlock--themed,
#dealers .vbBlock--themed,
#contacts .vbBlock--themed{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#home .vbBlock,
#home .vbBlock--themed,
#home .homeBlock,
#home .homeBlock--alt,
#home .heroSlider,
#home .promoProduct{
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

#home .vbBlock + .vbBlock{
  margin-top: 0 !important;
}

#home .vbHtml .hero-b2b{
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 24px;
  overflow: hidden;
  margin: 24px 0;
}
#home .vbHtml .hero-b2b::before{
  content:'';
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(23, 21, 42, 0.9) 0%, rgba(23, 21, 42, 0.7) 40%, rgba(23, 21, 42, 0.1) 100%);
}
#home .vbHtml .hero-b2b__content{
  position: relative;
  z-index: 2;
  color: #fff;
  padding: 60px;
  max-width: 800px;
}
#home .vbHtml .hero-b2b__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(255,255,255,.84);
  margin-bottom: 14px;
}
#home .vbHtml .hero-b2b h1{
  color:#fff;
  font-size: 52px;
  line-height: 1.1;
  margin: 0 0 24px;
}
#home .vbHtml .hero-b2b p{
  color: rgba(255,255,255,.82);
  font-size: 18px;
  margin: 0 0 32px;
  max-width: 600px;
}
#home .vbHtml .hero-b2b__actions{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
}

#home .vbHtml .benefitsBlock{
  position: relative;
  padding: clamp(58px, 7vw, 96px) 0;
  background:
    url('/assets/concept/b2b_documents.png') center center / cover no-repeat;
  border: 0;
  box-shadow: none;
  overflow:hidden;
  margin: 0;
  color:#fff;
}
#home .vbHtml .benefitsBlock::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    rgba(17,15,34,.62);
  pointer-events:none;
}
#home .vbHtml .benefitsBlock .container{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(24px,4vw,58px);
  align-items:center;
}
#home .vbHtml .benefitsBlock__intro span{
  display:inline-flex;
  width:max-content;
  padding:9px 13px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
  color: rgba(255,255,255,.88);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
#home .vbHtml .benefitsBlock__intro h2{
  margin: 18px 0 16px;
  font-weight: 900;
  color:#fff;
  font-size:clamp(34px,4.4vw,58px);
  line-height:.98;
  letter-spacing:-.045em;
}
#home .vbHtml .benefitsBlock__intro p{
  max-width: 540px;
  margin:0;
  color:rgba(255,255,255,.80);
  font-size:clamp(16px,1.5vw,20px);
  line-height:1.58;
}
#home .vbHtml .benefitsGrid{
  margin-top: 0;
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px;
}
#home .vbHtml .benefitCard{
  display:flex;
  gap: 16px;
  padding: 22px;
  border-radius: 0;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(255,255,255,.26);
  box-shadow: 0 24px 70px rgba(0,0,0,.18);
  min-height: 148px;
  transition: transform .18s ease, box-shadow .18s ease;
}
#home .vbHtml .benefitCard:hover{
  transform: translateY(-5px);
  box-shadow: 0 34px 86px rgba(0,0,0,.28);
}
#home .vbHtml .benefitCard__icon{
  width: 52px;
  height: 52px;
  border-radius: 0;
  display:grid;
  place-items:center;
  background: linear-gradient(135deg, rgba(75,23,143,.14), rgba(30,143,209,.14));
  color: #33206f;
  flex: 0 0 auto;
  font-size:22px;
}
#home .vbHtml .benefitCard h3{
  margin:0 0 8px;
  color:#111;
  font-size:18px;
  line-height:1.25;
}
#home .vbHtml .benefitCard p{
  margin:0;
  color:rgba(17,17,17,.68);
  line-height:1.48;
}

#home .vbHtml .logisticsBlock{
  position: relative;
  min-height: clamp(520px, 58vw, 760px);
  padding: clamp(72px, 8vw, 120px) 0;
  border-radius: 0;
  background:
    linear-gradient(90deg, rgba(17,15,34,.90) 0%, rgba(17,15,34,.68) 44%, rgba(17,15,34,.18) 100%),
    url('/assets/concept/logistics-route-van-map.png') center center / cover no-repeat;
  border: 0;
  box-shadow: none;
  margin: 0;
  overflow: hidden;
  color: #fff;
}
#home .vbHtml .logisticsBlock__inner{
  display:grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(220px, 0.28fr);
  gap: clamp(22px, 4vw, 64px);
  align-items: center;
  min-height: inherit;
}
#home .vbHtml .logisticsBlock__content{
  max-width: 760px;
}
#home .vbHtml .logisticsBlock__content span{
  display: inline-flex;
  width: max-content;
  padding: 9px 13px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.24);
  color: rgba(255,255,255,.88);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
#home .vbHtml .logisticsBlock__content h2{
  margin: 18px 0 18px;
  color: #fff;
  font-size: clamp(38px, 5vw, 70px);
  line-height: .96;
  letter-spacing: -.05em;
}
#home .vbHtml .logisticsBlock__content p{
  max-width: 700px;
  margin: 0;
  color: rgba(255,255,255,.84);
  font-size: clamp(16px, 1.55vw, 21px);
  line-height: 1.6;
}
#home .vbHtml .logisticsBlock__facts{
  margin-top: 30px;
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
}
#home .vbHtml .logisticsBlock__facts > div{
  min-width: 150px;
  padding: 16px 18px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
#home .vbHtml .logisticsBlock__facts strong{
  font-size: 30px;
  color: #fff;
}
#home .vbHtml .logisticsBlock__facts small{
  display:block;
  color: rgba(255,255,255,.74);
  margin-top: 4px;
}
#home .vbHtml .logisticsBlock__visual{
  display: none;
}

/* Ensure the "slider-style background" fills the whole card */
#home .vbHtml .logisticsBlock__visual .heroSlide__bg{
  background: transparent;
}

/* Logistics: treat image as real background (cover) */
#home .vbHtml .logisticsBlock__visual .heroSlide__bg img{
  object-fit: cover !important;
  object-position: center !important;
}

#home .vbHtml .homeProducts,
#home [data-product-collection] .homeProducts{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
}
#home .vbHtml .homeBlock--featured,
#home [data-product-collection].homeBlock--featured{
  position: relative;
  overflow: hidden;
  padding: clamp(54px, 6vw, 86px) 0;
  background:
    radial-gradient(circle at 12% 20%, rgba(30,143,209,.42), transparent 28%),
    radial-gradient(circle at 84% 12%, rgba(255,255,255,.16), transparent 30%),
    linear-gradient(135deg, #17152a 0%, #33206f 48%, #4b178f 100%);
}
#home .vbHtml .homeBlock--featured::before,
#home [data-product-collection].homeBlock--featured::before{
  content:"";
  position:absolute;
  inset:0;
  background: repeating-linear-gradient(135deg, rgba(255,255,255,.06) 0 1px, transparent 1px 24px);
  pointer-events:none;
}
#home .vbHtml .homeBlock--featured .container,
#home [data-product-collection].homeBlock--featured .container{
  position: relative;
  z-index: 1;
}
#home .vbHtml .homeBlock--featured .sectionHead h2,
#home [data-product-collection].homeBlock--featured .sectionHead h2{
  color:#fff;
  font-size: clamp(32px, 4.2vw, 54px);
  letter-spacing:-.04em;
}
#home .vbHtml .homeBlock--featured .sectionHead h2::after,
#home [data-product-collection].homeBlock--featured .sectionHead h2::after{
  content:"";
  display:block;
  width:84px;
  height:5px;
  margin-top:14px;
  background:linear-gradient(90deg, #fff, #1e8fd1);
}
#home .vbHtml .homeBlock--featured .btn--ghost,
#home [data-product-collection].homeBlock--featured .btn--ghost{
  background:#fff;
  color:#33206f;
  border-color:rgba(255,255,255,.55);
  box-shadow:0 14px 38px rgba(0,0,0,.18);
}
#home .vbHtml .homeProduct,
#home [data-product-collection] .homeProduct{
  position: relative;
  background:#fff;
  border-radius: 22px;
  border: 0;
  box-shadow: 0 24px 70px rgba(0,0,0,.22);
  padding: 18px;
  display:flex;
  flex-direction: column;
  min-width: 0;
  transition: transform .18s ease, box-shadow .18s ease;
}
#home .vbHtml .homeProduct::before,
#home [data-product-collection] .homeProduct::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:5px;
  background:linear-gradient(90deg, #4b178f, #1e8fd1);
}
#home .vbHtml .homeProduct:hover,
#home [data-product-collection] .homeProduct:hover{
  transform: translateY(-6px);
  box-shadow: 0 34px 86px rgba(0,0,0,.30);
}
#home .vbHtml .homeProduct__media,
#home [data-product-collection] .homeProduct__media{
  height: 220px;
  border-radius: 18px;
  background: #fff;
  overflow:hidden;
  display:grid;
  place-items:center;
  margin-bottom: 12px;
  border: 1px solid rgba(30,143,209,.10);
}
#home .vbHtml .homeProduct__media img,
#home [data-product-collection] .homeProduct__media img{
  width:100%;
  height:100%;
  object-fit: contain;
  object-position: center;
  padding: 10px;
}
#home .vbHtml .homeProduct__tag,
#home [data-product-collection] .homeProduct__tag{
  width: fit-content;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(75,23,143,.10);
  color: #33206f;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 10px;
}
#home .vbHtml .homeProduct h3,
#home [data-product-collection] .homeProduct h3{
  color:#111;
  font-size:18px;
  line-height:1.25;
}
#home .vbHtml .homeProduct p,
#home [data-product-collection] .homeProduct p{
  color:rgba(17,17,17,.62);
  line-height:1.45;
}
#home .vbHtml .homeProduct__bottom,
#home [data-product-collection] .homeProduct__bottom{
  margin-top: auto;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
}
#home .vbHtml .homeProduct__bottom strong,
#home [data-product-collection] .homeProduct__bottom strong{
  font-size: 24px;
  color: #33206f;
  letter-spacing:-.03em;
}
#home .vbHtml .homeProduct__bottom .btn,
#home [data-product-collection] .homeProduct__bottom .btn{
  box-shadow:0 14px 34px rgba(75,23,143,.24);
}

#home .vbHtml .procurementSteps{
  position: relative;
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 0;
}
#home .vbHtml .procurementStep{
  position: relative;
  border-radius: 0;
  background: #fff;
  border: 1px solid rgba(30,27,46,.10);
  border-left: 0;
  box-shadow: none;
  padding: 26px 22px 24px;
  min-height: 210px;
}
#home .vbHtml .procurementStep:first-child{
  border-left: 1px solid rgba(30,27,46,.10);
}
#home .vbHtml .procurementStep::after{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:74px;
  height:2px;
  background:rgba(75,23,143,.16);
}
#home .vbHtml .procurementStep:last-child::after{
  display:none;
}
#home .vbHtml .procurementStep span{
  position: relative;
  z-index: 1;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  margin-bottom:22px;
  background:#33206f;
  color:#fff;
  font-weight: 900;
  box-shadow:0 14px 34px rgba(51,32,111,.22);
}
#home .vbHtml .procurementStep h3{
  margin:0 0 10px;
  color:#111;
  font-size:19px;
  line-height:1.25;
}
#home .vbHtml .procurementStep p{
  margin:0;
  color:rgba(17,17,17,.66);
  line-height:1.52;
}

#home .vbHtml .homeProcurement{
  background:#f7f8fc;
  padding:clamp(54px,6vw,82px) 0;
}
#home .vbHtml .homeProcurement .sectionHead{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  padding:0 0 26px;
}
#home .vbHtml .homeProcurement .sectionHead h2{
  margin:0;
  font-size:clamp(32px,4vw,52px);
  line-height:1;
  letter-spacing:-.04em;
  color:#111;
}
#home .vbHtml .homeProcurement .sectionHead::after{
  content:"4 шага до отгрузки";
  display:inline-flex;
  padding:10px 14px;
  border:1px solid rgba(51,32,111,.14);
  background:#fff;
  color:#33206f;
  font-weight:900;
  white-space:nowrap;
}

#home [data-block-id="blk_home_delivery_teaser"]{
  background:#eaf1ff !important;
}
#home [data-block-id="blk_home_delivery_teaser"] .homeBlock--alt{
  padding:clamp(54px,6vw,82px) 0;
  background:#eaf1ff;
  border:0 !important;
}
#home [data-block-id="blk_home_delivery_teaser"] .sectionHead{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1fr);
  gap:28px;
  align-items:end;
  padding:0 0 28px;
}
#home [data-block-id="blk_home_delivery_teaser"] .sectionHead h2{
  margin:0;
  font-size:clamp(32px,4vw,52px);
  line-height:1;
  letter-spacing:-.04em;
  color:#111;
}
#home [data-block-id="blk_home_delivery_teaser"] .sectionHead p{
  margin:0;
  max-width:680px;
  color:rgba(17,17,17,.68);
  font-size:16px;
  line-height:1.55;
}
#home [data-block-id="blk_home_delivery_teaser"] .cards3--home{
  gap:0 !important;
}
#home [data-block-id="blk_home_delivery_teaser"] .infoCard{
  position:relative;
  min-height:220px;
  padding:28px;
  background:#fff;
  border:1px solid rgba(30,27,46,.10);
  border-left:0;
  box-shadow:0 20px 58px rgba(30,27,46,.08);
  border-radius:0;
}
#home [data-block-id="blk_home_delivery_teaser"] .infoCard:first-child{
  border-left:1px solid rgba(30,27,46,.10);
}
#home [data-block-id="blk_home_delivery_teaser"] .infoCard::before{
  content:"";
  display:block;
  width:52px;
  height:52px;
  margin-bottom:22px;
  background:#33206f;
  box-shadow:0 14px 34px rgba(51,32,111,.20);
}
#home [data-block-id="blk_home_delivery_teaser"] .infoCard:nth-child(1)::before{ content:"ТК"; color:#fff; display:grid; place-items:center; font-weight:900; }
#home [data-block-id="blk_home_delivery_teaser"] .infoCard:nth-child(2)::before{ content:"К"; color:#fff; display:grid; place-items:center; font-weight:900; }
#home [data-block-id="blk_home_delivery_teaser"] .infoCard:nth-child(3)::before{ content:"С"; color:#fff; display:grid; place-items:center; font-weight:900; }
#home [data-block-id="blk_home_delivery_teaser"] .infoCard h3{
  margin:0 0 12px;
  color:#111;
  font-size:20px;
  line-height:1.25;
}
#home [data-block-id="blk_home_delivery_teaser"] .infoCard p{
  margin:0;
  color:rgba(17,17,17,.66);
  line-height:1.55;
}

.promoProduct{
  position: relative;
  overflow: hidden;
  padding: clamp(54px, 6vw, 86px) 0;
  background:
    radial-gradient(circle at 15% 18%, rgba(255,255,255,.72), transparent 30%),
    radial-gradient(circle at 86% 20%, rgba(169,157,232,.28), transparent 34%),
    linear-gradient(135deg, #eef5ff 0%, #e8e3ff 48%, #dff3ff 100%);
  color: #17152a;
}
.promoProduct::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.48), rgba(255,255,255,.10)),
    repeating-linear-gradient(135deg, rgba(51,32,111,.045) 0 1px, transparent 1px 22px);
  pointer-events:none;
}
.promoProduct .container{
  position: relative;
  z-index: 1;
}
.promoProduct__shell{
  display:grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .72fr);
  gap: clamp(24px, 4vw, 56px);
  align-items:center;
}
.promoProduct__content{
  max-width: 720px;
}
.promoProduct__pill{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(51,32,111,.12);
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.promoProduct h2{
  margin: 16px 0 14px;
  font-size: clamp(34px, 5vw, 64px);
  line-height: .96;
  letter-spacing:-.04em;
}
.promoProduct p{
  margin:0;
  max-width: 620px;
  color: rgba(23,21,42,.70);
  font-size: clamp(16px, 1.45vw, 20px);
  line-height: 1.55;
}
.promoProduct__meta{
  margin-top:18px;
  color: rgba(23,21,42,.58);
  font-weight:800;
}
.promoProduct__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.promoProduct__card{
  position:relative;
  min-height: 420px;
  padding:22px;
  border-radius:32px;
  background:#fff;
  color:#111;
  border:1px solid rgba(255,255,255,.50);
  box-shadow:0 28px 86px rgba(15,20,45,.30);
}
.promoProduct__badge{
  position:absolute;
  top:18px;
  right:18px;
  z-index:2;
  padding:9px 12px;
  border-radius:999px;
  background:linear-gradient(135deg, #4b178f, #1e8fd1);
  color:#fff;
  font-weight:900;
  box-shadow:0 14px 34px rgba(75,23,143,.22);
}
.promoProduct__image{
  height: 260px;
  margin-bottom:18px;
  border-radius:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  overflow:hidden;
}
.promoProduct__image img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:14px;
  display:block;
}
.promoProduct__name{
  font-size:20px;
  font-weight:900;
  line-height:1.25;
  color:#111;
}
.promoProduct__price{
  margin-top:10px;
  font-size:30px;
  font-weight:950;
  color:#33206f;
}
.promoProduct__price span{
  display:inline-block;
  margin-left:6px;
  font-size:14px;
  font-weight:800;
  color:rgba(17,17,17,.62);
}
.promoProduct__card.isMissing{
  opacity:.74;
}

@media (max-width: 920px){
  .promoProduct__shell{ grid-template-columns:1fr; }
  .promoProduct__card{ min-height: auto; }
}
@media (max-width: 560px){
  .promoProduct{ padding:44px 0; }
  .promoProduct__card{ padding:16px; border-radius:24px; }
  .promoProduct__image{ height:220px; }
  .promoProduct__actions .btn{ width:100%; justify-content:center; }
}

#delivery .vbHtml .section-bg,
#dealers .vbHtml .section-bg{
  position: relative;
  display: block;
  padding: 80px 0;
  background-size: cover;
  background-position: center;
  border-radius: 24px;
  overflow: hidden;
  margin: 40px 0;
  color: #fff;
  min-height: 520px;
}
#delivery .vbHtml .section-bg::before,
#dealers .vbHtml .section-bg::before{
  content:'';
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(23, 21, 42, 0.85) 0%, rgba(30, 143, 209, 0.6) 100%);
  pointer-events: none;
  z-index: 0;
}
#delivery .vbHtml .section-bg .container,
#dealers .vbHtml .section-bg .container{
  position: relative;
  z-index: 2;
  min-height: 360px;
}
#delivery .vbHtml .glass-card{
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 24px;
  padding: 32px;
  color: #fff;
}

#dealers .vbHtml .b2b-lead-form{
  background: rgba(255,255,255,.92);
  border-radius: 24px;
  padding: 26px;
  box-shadow: 0 20px 60px rgba(15,20,45,.20);
  border: 1px solid rgba(75,23,143,.10);
}

#dealers .vbHtml .dealersHero__title{
  font-size: clamp(30px, 4.6vw, 56px);
  font-weight: 900;
  margin: 0 0 16px;
  letter-spacing: -0.02em;
  color: #fff;
}
#dealers .vbHtml .dealersHero__sub{
  font-size: clamp(15px, 1.6vw, 20px);
  line-height: 1.55;
  max-width: 820px;
  margin: 0 auto 28px;
  color: rgba(255,255,255,.86);
}
#dealers .vbHtml .dealersHero__formWrap{
  max-width: 680px;
  margin: 0 auto;
}

#dealers .vbHtml .b2b-lead-form h3{
  margin: 0 0 16px;
  color: var(--accent2);
  font-weight: 900;
}
#dealers .vbHtml .b2bLeadGrid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-bottom: 14px;
}
#dealers .vbHtml .b2bLeadField{
  display: grid;
  gap: 6px;
  text-align: left;
}
#dealers .vbHtml .b2bLeadField span{
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(51,32,111,.70);
}
#dealers .vbHtml .b2bLeadField input{
  width: 100%;
  height: 46px;
  border-radius: 14px;
  border: 1px solid rgba(21,48,46,.14);
  background: rgba(255,255,255,.92);
  padding: 0 14px;
  font: inherit;
  color: #111;
  outline: none;
}
#dealers .vbHtml .b2bLeadField input::placeholder{
  color: rgba(17,17,17,.55);
}
#dealers .vbHtml .b2bLeadField textarea{
  width: 100%;
  min-height: 110px;
  border-radius: 14px;
  border: 1px solid rgba(21,48,46,.14);
  background: rgba(255,255,255,.92);
  padding: 12px 14px;
  font: inherit;
  color: #111;
  outline: none;
  resize: vertical;
}
#dealers .vbHtml .b2bLeadField textarea::placeholder{
  color: rgba(17,17,17,.55);
}
#dealers .vbHtml .b2bLeadField--wide{
  grid-column: 1 / -1;
}
#dealers .vbHtml .b2bLeadField input:focus{
  border-color: rgba(75,23,143,.45);
  box-shadow: 0 0 0 4px rgba(75,23,143,.10);
}
#dealers .vbHtml .b2bLeadField input.isChecking{
  border-color: rgba(75,23,143,.55);
  box-shadow: 0 0 0 4px rgba(75,23,143,.08);
}
#dealers .vbHtml .b2bLeadField input.isValid{
  border-color: rgba(20, 140, 90, .55);
  box-shadow: 0 0 0 4px rgba(20, 140, 90, .10);
}
#dealers .vbHtml .b2bLeadField input.isInvalid{
  border-color: rgba(196, 45, 70, .55);
  box-shadow: 0 0 0 4px rgba(196, 45, 70, .10);
}
#dealers .vbHtml .b2bLeadBtn{
  width: 100%;
  padding: 16px;
  font-size: 16px;
  border-radius: 16px;
}
#dealers .vbHtml .b2bLeadHint{
  margin-top: 12px;
  font-size: 13px;
  color: rgba(23,21,42,.62);
}

@media (max-width: 720px){
  #dealers .vbHtml .b2bLeadGrid{ grid-template-columns: 1fr; }
  #dealers .vbHtml .section-bg{ padding: 64px 0; }
  #dealers .vbHtml .b2b-lead-form{ padding: 20px; border-radius: 20px; }
}

@media (max-width: 1100px){
  #home .vbHtml .homeProducts,
  #home [data-product-collection] .homeProducts{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  #home .vbHtml .procurementSteps{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  #home .vbHtml .benefitsBlock .container{ grid-template-columns: 1fr; }
  #home .vbHtml .logisticsBlock__inner{ grid-template-columns: 1fr; }
  #home [data-block-id="blk_home_delivery_teaser"] .sectionHead{ grid-template-columns: 1fr; }
  #home .vbHtml .hero-b2b__content{ padding: 40px; }
  #home .vbHtml .logisticsBlock__visual{
    height: auto;
    min-height: 320px;
  }
}
@media (max-width: 560px){
  #home .vbHtml .homeProducts,
  #home [data-product-collection] .homeProducts{ grid-template-columns: 1fr; }
  #home .vbHtml .procurementSteps{ grid-template-columns: 1fr; }
  #home .vbHtml .benefitsGrid{ grid-template-columns: 1fr; }
  #home .vbHtml .benefitsBlock{ padding:44px 0; background-size:cover; }
  #home .vbHtml .homeProcurement,
  #home [data-block-id="blk_home_delivery_teaser"] .homeBlock--alt{ padding:44px 0; }
  #home .vbHtml .homeProcurement .sectionHead{ display:block; }
  #home .vbHtml .homeProcurement .sectionHead::after{ margin-top:14px; }
  #home .vbHtml .hero-b2b{ min-height: 420px; }
  #home .vbHtml .hero-b2b h1{ font-size: 34px; }
  #home .vbHtml .homeProduct__media,
  #home [data-product-collection] .homeProduct__media{ height: 200px; }
}

@media (max-width: 980px){
  .footer__grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px){
  .footer__grid{ grid-template-columns: 1fr; }
  .footer__bottom{ display:grid; gap:12px; }
  .footer__actions .btn{ width:100%; justify-content:center; }
}

/* About page: ANTI_NEW aboutSales */
#about .vbHtml .aboutSales{
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: 22px;
  align-items: stretch;
  margin-bottom: 40px;
  width:100%;
}
#about .vbHtml .aboutSales--single{
  grid-template-columns: 1fr;
}
#about .vbHtml .aboutSales--single .aboutSales__story{
  min-height: clamp(560px, 54vw, 780px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
#about .vbHtml .aboutSales--single .aboutSales__story h3{
  max-width: 980px;
  font-size: clamp(44px, 6vw, 88px);
}
#about .vbHtml .aboutSales--single .aboutSales__story p{
  max-width: 900px;
  font-size: clamp(17px, 1.55vw, 22px);
}
#about .vbHtml .aboutSales--single .aboutSales__proofs{
  max-width: 760px;
}
#about .vbHtml .aboutSales__story,
#about .vbHtml .aboutSales__stats > div{
  border: 1px solid rgba(75,23,143,.09);
  background: rgba(255,255,255,.92);
  box-shadow: 0 22px 58px rgba(39,29,86,.075);
}
#about .vbHtml .aboutSales__story{
  min-height: 460px;
  padding: 42px;
  border-radius: 28px;
  background:
    linear-gradient(90deg, rgba(17,15,34,.82) 0%, rgba(17,15,34,.60) 46%, rgba(17,15,34,.22) 100%),
    url('/assets/concept/hero-vet-people-animals.png') center center/cover no-repeat;
  color:#fff;
  width:100%;
}
#about .vbHtml .aboutSales__story > span{
  display: inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(30,143,209,.1);
  color: var(--accent3);
  font-weight: 900;
}
#about .vbHtml .aboutSales__story h3{
  max-width: 600px;
  margin: 22px 0 16px;
  color: #fff;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.05;
}
#about .vbHtml .aboutSales__story p{
  max-width: 560px;
  color: rgba(255,255,255,.84);
  font-size: 17px;
  line-height: 1.65;
}
#about .vbHtml .aboutSales__proofs{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  max-width: 620px;
  margin-top: 28px;
}
#about .vbHtml .aboutSales__proofs div{
  padding: 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.28);
}
#about .vbHtml .aboutSales__proofs strong,
#about .vbHtml .aboutSales__proofs small{
  display: block;
}
#about .vbHtml .aboutSales__proofs strong{
  color: var(--accent2);
  font-size: 18px;
}
#about .vbHtml .aboutSales__proofs small{
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.35;
}
#about .vbHtml .aboutSales__stats{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px;
}
#about .vbHtml .aboutSales__stats > div{
  min-height: 150px;
  padding: 24px;
  border-radius: 24px;
}
#about .vbHtml .aboutSales__stats strong{
  display: block;
  color: var(--accent);
  font-size: clamp(36px, 4vw, 54px);
  line-height: 1;
}
#about .vbHtml .aboutSales__stats span{
  display: block;
  margin-top: 14px;
  color: var(--accent2);
  line-height: 1.4;
}
#about .vbHtml .aboutSales__requisites{
  grid-column: 1 / -1;
  min-height: auto !important;
  background: linear-gradient(135deg, var(--accent2), #173f78) !important;
  color: #fff;
}
#about .vbHtml .aboutSales__requisites h3{
  margin: 0 0 12px;
  color: #fff;
}
#about .vbHtml .aboutSales__requisites p{
  margin: 0;
  font-family: monospace;
  color: rgba(255,255,255,.78);
}
@media (max-width: 980px){
  #about .vbHtml .aboutSales{ grid-template-columns: 1fr; }
  #about .vbHtml .aboutSales__story{
    min-height: auto;
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(239,247,255,.9));
  }
}

/* Safe-area helpers (iPhone notch) */
:root{
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background: linear-gradient(180deg, var(--bg2), var(--bg));
  color:var(--text);
  overflow-x:hidden;
  min-height:100vh;
  min-height:100svh;
  display:flex;
  flex-direction:column;
}

/* единая типографика для форм */
input,button,textarea,select{font:inherit;color:inherit}
.field input::placeholder{color:rgba(30,27,46,.42)}
.main{flex:1 0 auto}
.main::after{
  content:"";
  display:block;
  clear:both;
  height:0;
}

.container{max-width:1180px;margin:0 auto;padding:0 18px}
.muted{color:var(--muted)}
.small{font-size:12.5px;color:var(--muted2)}
.tRight{text-align:right}.tCenter{text-align:center}

.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header__row{display:flex;align-items:center;gap:14px;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;min-width:260px}
.brand__img{width:54px;height:54px;object-fit:contain;border-radius:14px;background:rgba(255,255,255,.9);border:1px solid rgba(21,48,46,.10);box-shadow:var(--shadow);padding:6px}
.brand__title{font-weight:800}.brand__sub{font-size:12.5px;color:var(--muted2)}

.nav{display:flex;align-items:center;gap:8px;flex:1}
.nav__link{border:0;background:transparent;color:var(--muted);padding:10px 12px;border-radius:12px;cursor:pointer;transition:.18s}
.nav__link:hover{background:var(--accentSoft2);color:var(--text)}
.nav__cart{margin-left:auto;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--accentSoft2),rgba(169,157,232,.18));border:1px solid rgba(30,27,46,.12);padding:10px 12px;border-radius:14px;cursor:pointer;transition:.18s}
.nav__cart:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.badge{min-width:26px;height:22px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.7);border:1px solid rgba(21,48,46,.12);font-size:12px}
.header__contacts{display:flex;align-items:flex-end;gap:12px}
.header__contact{color:var(--muted);text-decoration:none;font-size:12.8px;padding:6px 10px;border-radius:12px}
.header__contact:hover{background:var(--accentSoft2);color:var(--text)}
.header__sum{display:flex;flex-direction:column;gap:2px;padding:6px 10px;border-radius:12px;background:rgba(255,255,255,.75);border:1px solid rgba(21,48,46,.10);min-width:130px}
.header__sum span{font-size:11.5px;color:var(--muted2)}.header__sum strong{font-size:14px}

.burger{display:none;background:rgba(255,255,255,.7);border:1px solid rgba(21,48,46,.12);padding:10px 12px;border-radius:14px}
.mobileMenu{display:none;border-top:1px solid var(--line);padding:10px 0 14px}
.mobileMenu__link{width:100%;text-align:left;padding:12px 16px;border-radius:14px;border:1px solid rgba(21,48,46,.12);background:rgba(255,255,255,.75);margin:8px 0}
.mobileMenu__meta{padding:10px 2px;color:var(--muted);font-size:13px}
.mobileMenu.show{display:block}

.section{
  display:none;
  opacity:0;
  overflow:visible;
  transform:none;
}
.section--active{
  display:block;
  opacity:1;
  overflow:visible;
  transform:none;
}
.sectionHead{padding:30px 0 14px}
.sectionHead h2{margin:0 0 8px;font-size:32px}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;padding:22px 0 34px}
.pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--accentSoft2);border:1px solid var(--line);color:var(--muted);margin-bottom:12px}
h1{margin:0 0 10px;font-size:42px;line-height:1.08}
.btn{border:0;cursor:pointer;padding:12px 14px;border-radius:14px;font-weight:700;transition:.18s}
.btn--primary{background:linear-gradient(135deg, rgba(59,22,133,.92), rgba(108,110,196,.92));box-shadow:0 14px 32px rgba(59,22,133,.18);color:#fff}
.btn--primary:hover{transform:translateY(-1px);box-shadow:var(--shadow2)}
.btn--ghost{background:rgba(255,255,255,.75);border:1px solid rgba(21,48,46,.12);color:var(--text)}
.btn--ghost:hover{background:var(--accentSoft2)}
.btn--full{width:100%}
.hero__actions{display:flex;gap:12px;margin:18px 0 18px;flex-wrap:wrap}
.hero__features{display:grid;gap:10px;margin-top:14px}
.feature{display:flex;gap:12px;padding:14px;border-radius:var(--radius);background:rgba(255,255,255,.78);border:1px solid rgba(21,48,46,.10);box-shadow:var(--shadow)}
.heroCard{background:rgba(255,255,255,.82);border:1px solid rgba(21,48,46,.12);border-radius:24px;box-shadow:var(--shadow2);overflow:hidden}
.heroCard__top{padding:18px 18px 10px}.heroCard__grid{padding:0 18px 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.catBtn{padding:12px;border-radius:16px;background:rgba(227,217,248,.55);border:1px solid rgba(30,27,46,.10);cursor:pointer}
.catBtn:hover{transform:translateY(-1px);background:rgba(227,217,248,.72)}
.heroCard__bottom{padding:12px 18px 18px}

/* ===== Big slider on the главная ===== */
.heroSlider{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:#eef1f6}
.heroSlider__track{display:flex;will-change:transform;transition:transform .35s ease}
.heroSlide{min-width:100%;user-select:none;position:relative;isolation:isolate}
.heroSlide__bg{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eef1f6}
.heroSlide__picture{display:block;width:100%;height:100%}
.heroSlide__bg img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block}
.heroSlide__bgOverlay{position:absolute;inset:0;pointer-events:none}

/* Allow per-image override (used in non-slider blocks) */
.heroSlide__bg img[style*="object-fit"]{object-fit:inherit}
.heroSlide__inner{min-height:clamp(380px,62svh,620px);display:flex;align-items:center;justify-content:flex-start;padding:clamp(22px,3vw,36px) 0 clamp(54px,5vw,78px);position:relative;z-index:1;text-align:left}
.heroSlide--hasPhoto .heroSlide__inner{min-height:clamp(430px,68svh,760px)}
.heroSlide:not(.heroSlide--hasPhoto) .heroSlide__inner{min-height:clamp(320px,50svh,460px)}
.heroSlide__content{width:min(100%,820px);max-width:min(100%,820px);position:relative;z-index:1;margin:0}
.heroSlide--hasPhoto .heroSlide__content{width:min(100%,760px);max-width:min(100%,760px)}
.heroSlide:not(.heroSlide--hasPhoto) .heroSlide__content{width:min(100%,920px);max-width:min(100%,920px)}
.heroSlide__content h1,
.heroSlide__content h2{margin:0 0 12px;font-size:clamp(34px,4.3vw,64px);line-height:1.02;max-width:16ch;text-wrap:balance}
.heroSlide--hasPhoto .heroSlide__content h1,
.heroSlide--hasPhoto .heroSlide__content h2{max-width:14ch}
.heroSlide:not(.heroSlide--hasPhoto) .heroSlide__content h1,
.heroSlide:not(.heroSlide--hasPhoto) .heroSlide__content h2{max-width:18ch}
.heroSlide__content .muted{font-size:clamp(15px,1.45vw,20px);line-height:1.55;max-width:58ch;color:rgba(30,27,46,.74);margin-left:0;margin-right:0;text-align:left}
.heroSlide__actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap;justify-content:flex-start}
.heroSlide__content--blur{padding:clamp(18px,2.5vw,28px);background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left}
.heroSlide__content--plain{padding:0;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left}
.heroSlide--hasPhoto .heroSlide__content--plain h1,
.heroSlide--hasPhoto .heroSlide__content--plain h2,
.heroSlide--hasPhoto .heroSlide__content--plain .muted{text-shadow:0 2px 18px rgba(255,255,255,.52)}
.heroSlide__content--plain .pill{background:rgba(255,255,255,.84);border-color:rgba(21,48,46,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.heroSlide__content{min-height:min(100%,560px)}
.heroSlide--hasPhoto .heroSlide__content{min-height:min(100%,620px)}
.heroSlide:not(.heroSlide--hasPhoto) .heroSlide__content{min-height:min(100%,500px)}
.heroSlide__imgPick{position:absolute;top:14px;right:14px;z-index:2}
.heroTyped{display:flex;align-items:center;gap:2px;flex-wrap:wrap;margin-top:12px;font-size:clamp(18px,2.2vw,28px);font-weight:800;line-height:1.2;min-height:1.4em}
.heroTyped__prefix{opacity:.86}
.heroTyped__text{min-width:1ch}
.heroTyped__cursor{display:inline-block;width:1px;height:1.1em;background:currentColor;animation:heroTypedBlink .9s steps(1,end) infinite;transform:translateY(.08em)}
@keyframes heroTypedBlink{50%{opacity:0}}

.heroSlide--1{background:
  radial-gradient(1200px 520px at 15% 35%, rgba(227,217,248,.95), transparent 60%),
  radial-gradient(900px 420px at 80% 10%, rgba(108,110,196,.18), transparent 55%),
  linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
}
.heroSlide--2{background:
  radial-gradient(1200px 520px at 20% 20%, rgba(169,157,232,.28), transparent 60%),
  radial-gradient(900px 420px at 85% 15%, rgba(108,110,196,.18), transparent 55%),
  linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
}
.heroSlide--3{background:
  radial-gradient(1200px 520px at 18% 30%, rgba(59,22,133,.22), transparent 60%),
  radial-gradient(900px 420px at 82% 10%, rgba(108,110,196,.14), transparent 55%),
  linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
}

.heroSlider__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:14px;border:1px solid rgba(21,48,46,.12);background:rgba(255,255,255,.82);box-shadow:var(--shadow);cursor:pointer;font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center}
.heroSlider__nav:hover{background:rgba(255,255,255,.94)}
.heroSlider__nav--prev{left:12px}
.heroSlider__nav--next{right:12px}

@media (max-width:1180px){
  .heroSlide__inner{justify-content:flex-start;text-align:left}
  .heroSlide__content{width:min(100%,720px);max-width:min(100%,720px);margin:0;min-height:min(100%,500px)}
  .heroSlide--hasPhoto .heroSlide__content{width:min(100%,680px);max-width:min(100%,680px);min-height:min(100%,560px)}
  .heroSlide:not(.heroSlide--hasPhoto) .heroSlide__content{width:min(100%,780px);max-width:min(100%,780px);min-height:min(100%,430px)}
  .heroSlide__content h1,
  .heroSlide__content h2{max-width:15ch;margin-left:0;margin-right:0;text-align:left}
  .heroSlide--hasPhoto .heroSlide__content h1,
  .heroSlide--hasPhoto .heroSlide__content h2{max-width:13ch}
  .heroSlide:not(.heroSlide--hasPhoto) .heroSlide__content h1,
  .heroSlide:not(.heroSlide--hasPhoto) .heroSlide__content h2{max-width:16ch}
  .heroSlide--hasPhoto .heroSlide__inner{min-height:clamp(400px,62svh,680px)}
  .heroSlide:not(.heroSlide--hasPhoto) .heroSlide__inner{min-height:clamp(300px,46svh,420px)}
}

/* mobile: только автопрокрутка (стрелки скрываем) */

@media (min-width:981px){
  .heroSlide__content{margin-left:0;margin-right:0}
  .heroSlide__content .pill{margin-left:0;margin-right:0}
  .heroSlide__content h1,
  .heroSlide__content h2,
  .heroSlide__content .muted{text-align:left}
  .heroSlide__actions{justify-content:flex-start}
}
@media (max-width: 980px){
  .heroSlider__nav{display:none}
  .heroSlide__inner{justify-content:flex-start;text-align:left}
  .heroSlide__content,
  #home .heroSlide .heroSlide__content,
  #home .heroSlide .heroSlide__content--blur,
  #home .heroSlide .heroSlide__content--plain{width:min(100%,760px);max-width:calc(100% - 32px) !important;margin:0 auto;min-height:auto}
  .heroSlide__content--blur,
  .heroSlide__content--plain{display:flex;flex-direction:column;align-items:center;text-align:center}
  .heroSlide__content h1,
  .heroSlide__content h2{max-width:100%;margin-left:auto;margin-right:auto}
  .heroSlide--hasPhoto .heroSlide__content h1,
  .heroSlide--hasPhoto .heroSlide__content h2{max-width:100%}
  .heroSlide:not(.heroSlide--hasPhoto) .heroSlide__content h1,
  .heroSlide:not(.heroSlide--hasPhoto) .heroSlide__content h2{max-width:100%}
  .heroSlide__content .muted,
  .heroSlide__content .pill{margin-left:auto;margin-right:auto}
  .heroSlide__actions{justify-content:center;align-items:center}
  .heroSlide--hasPhoto .heroSlide__inner{min-height:clamp(420px,62svh,600px);align-items:center;padding:24px 0 84px}
  .heroSlide:not(.heroSlide--hasPhoto) .heroSlide__inner{min-height:clamp(280px,40svh,360px);align-items:center;padding:24px 0 82px}
}

@media (max-width:639px){
  .heroSlide__content,
  #home .heroSlide .heroSlide__content,
  #home .heroSlide .heroSlide__content--blur,
  #home .heroSlide .heroSlide__content--plain{width:100%;max-width:calc(100% - 28px) !important;margin:0 auto;min-height:auto}
  .heroSlide__content--blur,
  .heroSlide__content--plain{padding-left:18px;padding-right:18px;border-radius:24px}
  .heroSlide__content--plain{padding-top:0;padding-bottom:0}
  .heroSlide__content h1,
  .heroSlide__content h2,
  #home .heroSlide__content h1,
  #home .heroSlide__content h2{font-size:clamp(30px,10vw,44px) !important;line-height:1.02;max-width:100% !important;text-align:center;text-wrap:balance}
  .heroSlide__content .muted{font-size:14px;line-height:1.5;max-width:34ch;text-align:center}
  .heroSlide__actions{width:100%;flex-direction:column;align-items:center;justify-content:center}
  .heroSlide__actions .btn{width:min(100%,360px);margin:0 auto}
  .heroSlide--hasPhoto .heroSlide__inner{min-height:clamp(380px,58svh,520px);align-items:center;justify-content:center;padding:22px 0 88px}
  .heroSlide:not(.heroSlide--hasPhoto) .heroSlide__inner{min-height:clamp(240px,34svh,320px);align-items:center;justify-content:center;padding:28px 0 88px}
}

.heroSlider__dots{position:absolute;left:0;right:0;bottom:12px;display:flex;gap:10px;justify-content:center;align-items:center;padding:10px}
.heroSlider__dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(21,48,46,.18);background:rgba(255,255,255,.65);cursor:pointer}
.heroSlider__dot--active{transform:scale(1.25);background:linear-gradient(135deg, rgba(59,22,133,.92), rgba(108,110,196,.92));border-color:transparent}

@media (prefers-reduced-motion: reduce){
  .heroSlider__track{transition:none}
}

/* ===== Home: преимущества ===== */
.homeBlock{padding: 26px 0 36px}
.homeBlock--alt{
  padding: 22px 0 34px;
  background: rgba(255,255,255,.38);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.homeBlock--compact{padding: 18px 0 22px}
.homeBlock__actions{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;padding-top:10px}
.homeBlock__actions .btn,
.infoCard__actions .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  max-width:100%;
  white-space:normal;
  text-align:center;
}

.trustRow{
  --trustSize: 128px;
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  padding: 2px 0 4px;
  width:100%;
  justify-content:center;
  align-items:center;
}
.trustLogo{
  width: var(--trustSize);
  height: var(--trustSize);
  border-radius: 18px;
  background: transparent;
  border: none;
  box-shadow: none;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 0;
  user-select:none;
}
.trustLogo img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  padding: 0;
  filter: drop-shadow(0 8px 18px rgba(30,27,46,.08));
}
.trustLogo--empty{
  border-style: dashed;
  color: var(--muted2);
  font-weight: 800;
  text-align:center;
}

/* без горизонтального скролла: сетка сама ужмётся до 2/1 колонок */

.sectionHead--tight{padding: 18px 0 12px}
.advGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.advCard{
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(30,27,46,.10);
  border-radius: 22px;
  box-shadow: var(--shadow);
  padding: 16px 16px 18px;
}
.advCard__icon{
  width: 42px; height: 42px;
  border-radius: 16px;
  display:grid; place-items:center;
  background: var(--accentSoft2);
  border: 1px solid rgba(30,27,46,.08);
  margin-bottom: 10px;
  font-size: 18px;
}
.advCard h3{margin:0 0 6px;font-size:16px}
.advCard p{margin:0;line-height:1.45}


@media (min-width:981px){
  .heroSlide__content{margin-left:0;margin-right:0}
  .heroSlide__content .pill{margin-left:0;margin-right:0}
  .heroSlide__content h1,
  .heroSlide__content h2,
  .heroSlide__content .muted{text-align:left}
  .heroSlide__actions{justify-content:flex-start}
}
@media (max-width: 980px){
  .advGrid{grid-template-columns:1fr 1fr}
}
@media (max-width: 520px){
  .advGrid{grid-template-columns:1fr}
}

.cards3{--cols:3;--gap:12px;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:var(--rowGap,var(--gap)) var(--colGap,var(--gap));padding-bottom:28px}
.cards2{--cols:2;--gap:12px;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:var(--rowGap,var(--gap)) var(--colGap,var(--gap));padding-bottom:22px}
.infoCard{background:rgba(255,255,255,.82);border:1px solid rgba(21,48,46,.10);border-radius:20px;padding:18px;box-shadow:var(--shadow)}
.list{margin:12px 0 0;padding-left:18px;color:var(--muted)}
.note{padding:14px 16px;border-radius:16px;background:rgba(227,217,248,.55);border:1px solid rgba(30,27,46,.10);margin-bottom:26px}

@media (max-width: 640px){
  /* Cards blocks: stack into one column on mobile */
  .cards2, .cards3{grid-template-columns:1fr !important}
  /* Custom block grid uses inline styles, so force override */
  .vbCustom{grid-template-columns:1fr !important}
  /* If image is left/right, switch to vertical layout on mobile */
  .cardsGrid--pos-left .infoCard,
  .cardsGrid--pos-right .infoCard{flex-direction:column}
  .cardsGrid--pos-left .infoCard__media,
  .cardsGrid--pos-right .infoCard__media{
    width:100%;
    flex:0 0 auto;
    height:var(--imgH,140px);
  }
}


.toolbar{display:grid;grid-template-columns:1fr;grid-template-areas:
  "cats"
  "subs";
  gap:12px 16px;align-items:start;padding:0 0 14px}
#categoryChips{grid-area:cats}
#subCategoryChips{grid-area:subs}
.toolbar > #productFilters{display:none}
.search{flex:1;min-width:220px;background:rgba(255,255,255,.82);border:1px solid rgba(21,48,46,.12);border-radius:16px;padding:10px 12px;box-shadow:var(--shadow)}
.search input{width:100%;border:0;outline:none;background:transparent;color:var(--text)}
.chipRow{display:flex;gap:8px;flex-wrap:wrap}
.chipRow--sub{margin-top:6px}
.chip{padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(21,48,46,.12);color:var(--muted);cursor:pointer;box-shadow:var(--shadow)}
.chip--sm{padding:8px 10px;font-size:13px}
.chip--sub{padding:8px 10px;font-size:13px; background: rgba(255,255,255,.76)}
.chip--active{background:linear-gradient(135deg,rgba(59,22,133,.14),rgba(108,110,196,.16));font-weight:800;color:var(--text)}

/* Filters (catalog) */
.filters{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-left:0;justify-content:flex-end}
.filters__group{display:flex;flex-direction:column;gap:8px}
.filters__label{font-size:12.5px;color:var(--muted2);padding-left:2px}
.filters__select{min-width:210px;background:rgba(255,255,255,.82);border:1px solid rgba(21,48,46,.12);border-radius:14px;padding:10px 12px;box-shadow:var(--shadow);outline:none}
.filters__select:focus{border-color:rgba(59,22,133,.45)}


@media (min-width:981px){
  .heroSlide__content{margin-left:0;margin-right:0}
  .heroSlide__content .pill{margin-left:0;margin-right:0}
  .heroSlide__content h1,
  .heroSlide__content h2,
  .heroSlide__content .muted{text-align:left}
  .heroSlide__actions{justify-content:flex-start}
}
@media (max-width: 980px){
  .toolbar{grid-template-columns:1fr;grid-template-areas:
    "cats"
    "subs";}
  .filters{justify-content:flex-start}
}


.categoryBlock{margin:10px 0 18px;background:rgba(255,255,255,.75);border:1px solid rgba(21,48,46,.10);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.categoryBlock__head{display:flex;flex-direction:column;gap:2px;padding:16px 18px 12px}
.categoryBlock__title{display:flex;flex-direction:column;gap:2px}
.categoryBlock__sub{font-size:13px;color:var(--muted2);font-weight:600}
.categoryBlock__filters{padding:0 18px 16px;border-bottom:1px solid rgba(21,48,46,.08)}
.categoryBlock__filters .filters{width:100%;justify-content:space-between;align-items:flex-end;gap:14px}
.categoryBlock__filters .filters__group{min-width:0}
.productsGrid{padding:16px 18px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.product{background:var(--product-card-bg, rgba(255,255,255,.92));border:1px solid var(--product-card-border, rgba(21,48,46,.10));border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}
.product__media{
  /* хотим как у квадратного фото товара: ровный кадр и без обрезки */
  aspect-ratio: 1 / 1;
  height: auto;
  border-radius:14px;
  background: rgba(255,255,255,.92);
  border:1px solid rgba(30,27,46,.10);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 8px;
}
/* В каталоге фото должны полностью помещаться в кадр (без обрезки) */
.product__media img{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  display:block;
}
.product__title{font-weight:900}
.product__cat{
  display:inline-flex;
  align-self:flex-start;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(227,217,248,.70);
  border: 1px solid rgba(30,27,46,.10);
  font-size: 12px;
  color: rgba(30,27,46,.78);
}
.product__desc{color:var(--muted);font-size:13px;line-height:1.4}
.product__meta{display:flex;align-items:flex-start}
.product__priceStack{display:grid;gap:2px;align-items:flex-start}
.oldPrice{font-size:12px;color:var(--product-old-price-color, #8f95a3);text-decoration-line:line-through;text-decoration-color:var(--product-old-price-strike, #d92c2c);text-decoration-thickness:2px;text-decoration-skip-ink:none;line-height:1.15}
.price{font-weight:900;font-size:16px}
.price--discount{line-height:1.15}
.unit{font-size:12.5px;color:var(--muted2)}
.addRow{display:flex;gap:10px;align-items:center}
.qty{width:92px;border-radius:14px;border:1px solid rgba(21,48,46,.12);background:rgba(255,255,255,.88);padding:10px}
.btnAdd{flex:1;border-radius:14px;border:1px solid rgba(30,27,46,.12);background:var(--accentSoft2);font-weight:900;cursor:pointer}
.btnAdd:hover{background:rgba(108,110,196,.22)}
.btnAdd:disabled{opacity:.55;cursor:not-allowed}

.stockBadge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(21,48,46,.10);background:rgba(255,255,255,.85);font-size:12.5px;color:var(--muted)}
.dot{width:9px;height:9px;border-radius:50%;background:var(--ok)}
.dot--warn{background:var(--warn)}
.stockQty{font-size:12px;color:var(--muted2);margin-top:-4px}

.cartLayout{display:grid;grid-template-columns:1.3fr .7fr;gap:12px;padding-bottom:28px}
.cartBox,.orderBox{background:rgba(255,255,255,.78);border:1px solid rgba(21,48,46,.12);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.cartTableWrap{overflow:auto}
.cartTable{width:100%;border-collapse:collapse;min-width:640px}
.cartTable th,.cartTable td{padding:14px;border-bottom:1px solid rgba(21,48,46,.08);vertical-align:top}
.cartTable th{color:var(--muted2);font-weight:800;background:rgba(255,255,255,.9);text-align:left}

/* Cart item thumb */
.cartItem{display:flex;gap:12px;align-items:flex-start}
.cartThumb{
  width:56px;height:56px;flex:0 0 56px;
  border-radius:14px;
  border:1px solid rgba(21,48,46,.12);
  background:rgba(255,255,255,.95);
  object-fit:contain;
  padding:6px;
}
.cartItemInfo{min-width:0}

/* Mobile cart: превращаем таблицу в карточки (без горизонтального скролла) */
@media (max-width: 720px){
  .cartTableWrap{overflow:visible}
  .cartTable{min-width:0}
  .cartTable thead{display:none}
  .cartTable tbody{display:block}
  .cartTable tbody tr{display:block;margin:12px 12px 0;border:1px solid rgba(21,48,46,.10);border-radius:18px;background:rgba(255,255,255,.90);overflow:hidden}
  .cartTable tbody td{display:block;padding:12px;border-bottom:1px solid rgba(21,48,46,.08)}
  .cartTable tbody td:last-child{border-bottom:none}
  .cartTable tbody td[data-label]:before{content:attr(data-label);display:block;margin-bottom:6px;font-size:12px;color:var(--muted2);font-weight:900;letter-spacing:.01em}
  .cartTable .tRight,.cartTable .tCenter{text-align:left}
  .cartActions{display:flex;justify-content:flex-end}
  .cartTable .qty{width:100%;max-width:160px}
}
.iconBtn{border:1px solid rgba(21,48,46,.12);background:rgba(255,255,255,.82);border-radius:12px;padding:8px 10px;cursor:pointer}
.iconBtn:hover{background:var(--accentSoft2)}
.cartTotal{padding:14px 16px;display:flex;justify-content:flex-end}
.cartTotal__row{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:16px;background:rgba(255,255,255,.9);border:1px solid rgba(21,48,46,.10)}
.cartTotal__row strong{font-size:18px}

/* Order form head spacing/typography */
.orderBox__head{padding:18px 18px 0}
.orderBox__head h3{margin:0 0 6px;font-size:20px;letter-spacing:.01em}
.orderBox__head p{margin:0 0 14px}
.form{padding:0 18px 18px;display:grid;gap:12px}
.field{display:grid;gap:6px}
.field span{font-size:12.5px;color:var(--muted2);font-weight:800}
.field input{border-radius:16px;border:1px solid rgba(21,48,46,.12);background:rgba(255,255,255,.88);padding:12px}
.toast{
  display:none;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(21,48,46,.12);
  background:rgba(255,255,255,.9);
  font-size:15px;
  font-weight:800;
  line-height:1.35;
}
.toast--ok{
  display:block;
  border-color:rgba(22,163,74,.40);
  background:rgba(22,163,74,.14);
  color:#116436;
}
.toast--err{
  display:block;
  border-color:rgba(220,38,38,.42);
  background:rgba(220,38,38,.14);
  color:#991b1b;
}

.footer{
  padding: clamp(48px, 6vw, 76px) 0 calc(18px + var(--safe-bottom));
  background:#111018;
  color:#fff;
}
.footer__grid{
  display:grid;
  grid-template-columns: minmax(280px, 1.35fr) minmax(150px,.55fr) minmax(150px,.55fr) minmax(220px,.8fr);
  gap: clamp(24px, 4vw, 58px);
  align-items:start;
}
.footer__brand img{
  width: 190px;
  max-width: 100%;
  display:block;
  margin-bottom:18px;
  filter: drop-shadow(0 14px 34px rgba(255,255,255,.08));
}
.footer__brand p{
  max-width: 520px;
  margin:0;
  color:rgba(255,255,255,.72);
  line-height:1.6;
}
.footer__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.footer__actions .btn--ghost{
  background:rgba(255,255,255,.10);
  color:#fff;
  border-color:rgba(255,255,255,.18);
}
.footer__col,
.footer__contacts{
  display:grid;
  gap:10px;
}
.footer h3{
  margin:0 0 8px;
  color:#fff;
  font-size:14px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.footer__col a,
.footer__col button,
.footer__contacts a{
  width:max-content;
  max-width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.72);
  text-decoration:none;
  text-align:left;
  font:inherit;
  cursor:pointer;
}
.footer__col a:hover,
.footer__col button:hover,
.footer__contacts a:hover{
  color:#fff;
  text-decoration:underline;
}
.footer__contacts a{
  font-weight:900;
  color:#fff;
}
.footer__small{
  color:rgba(255,255,255,.58);
  line-height:1.55;
  margin-top:6px;
}
.footer__bottom{
  display:flex;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-top:42px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.58);
}

@media (max-width:980px){
  .header__contacts{display:none}.nav{display:none}.burger{display:inline-flex}
  .hero{grid-template-columns:1fr}
  .productsGrid{grid-template-columns:repeat(2,1fr)}
  .filters{width:100%;margin-left:0}
  .filters__select{width:100%;min-width:0}
  .categoryBlock__filters .filters{justify-content:flex-start}
  .cards3{--cols:1}
  .cards2{--cols:1}
  .cartLayout{grid-template-columns:1fr}
}
@media (max-width:520px){
  h1{font-size:34px}
  .productsGrid{grid-template-columns:1fr}
  .heroCard__grid{grid-template-columns:1fr}
}



/* availability filter select */
.filter select{
  border-radius: 16px;
  border:1px solid rgba(21,48,46,.12);
  background: rgba(255,255,255,.82);
  color: var(--text);
  padding: 10px 12px;
  outline:none;
  box-shadow: var(--shadow);
}

/* gallery thumbs in product card */
.galleryThumbs{
  display:flex; gap:8px; flex-wrap:wrap;
}
.galleryThumb{
  width:46px;height:36px;
  border-radius:10px;
  border:1px solid rgba(21,48,46,.12);
  overflow:hidden;
  cursor:pointer;
  background:#fff;
}
.galleryThumb img{width:100%;height:100%;object-fit:cover;display:block}
.galleryThumb--active{outline:3px solid rgba(59,22,133,.22)}

/* modal gallery */
.modal{position:fixed; inset:0; display:none; z-index:100}
.modal.show{display:block}
.modal__backdrop{position:absolute; inset:0; background:rgba(0,0,0,.35)}
.modal__panel{
  position:relative;
  max-width: 980px;
  margin: 4vh auto;
  background: rgba(255,255,255,.95);
  border:1px solid rgba(21,48,46,.12);
  border-radius: 22px;
  box-shadow: var(--shadow2);
  padding: 14px;
  width: calc(100% - 24px);
}
.modal__close{
  position:absolute; top:12px; right:12px;
  border:1px solid rgba(21,48,46,.12);
  background: rgba(255,255,255,.9);
  border-radius: 12px;
  padding: 8px 10px;
  cursor:pointer;
}
.modal__imgWrap{
  border-radius: 18px;
  overflow:hidden;
  border:1px solid rgba(21,48,46,.12);
  background: linear-gradient(180deg, rgba(59,22,133,.10), rgba(108,110,196,.10));
}
.modal__imgWrap img{width:100%;height:min(70vh,640px);object-fit:contain;display:block}
.modal__thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.modal__thumbs button{
  width:76px;height:60px;border-radius:12px;
  border:1px solid rgba(21,48,46,.12);
  background:#fff; padding:0; overflow:hidden; cursor:pointer;
}
.modal__thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.modal__thumbs button.active{outline:3px solid rgba(59,22,133,.22)}

/* lock background scroll when modal is open */
body.noScroll{overflow:hidden}

/* product details modal */
.productModal__panel{
  max-width: 980px;
  max-height: 92vh;
  overflow:auto;
}
.productModal__layout{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 16px;
  align-items:start;
}
.productModal__imgWrap{
  position:relative;
  border-radius: 18px;
  overflow:hidden;
  border:1px solid rgba(21,48,46,.12);
  background: linear-gradient(180deg, rgba(59,22,133,.10), rgba(108,110,196,.10));
}
.productModal__imgWrap img{width:100%;height:min(58vh,520px);object-fit:contain;display:block}
.productModal__zoom{
  position:absolute;
  right:10px;
  bottom:10px;
  width:42px;height:42px;
  border-radius: 14px;
  border:1px solid rgba(30,27,46,.14);
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(8px);
  box-shadow: var(--shadow);
  cursor:pointer;
}
.productModal__crumb{font-size:13px;color:rgba(30,27,46,.62);margin-bottom:6px}
.productModal__title{margin:0 0 10px}
.productModal__priceRow{margin-bottom:6px}
.productModal__priceRow .oldPrice{font-size:13px}
.productModal__priceRow .price{font-size:22px}
.productModal__badges{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 10px}
.pmBadge{
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(21,48,46,.12);
  background: rgba(255,255,255,.84);
}
.pmBadge--muted{color:rgba(30,27,46,.62)}
.productModal__desc{color:rgba(30,27,46,.88);line-height:1.45;margin:8px 0 12px}
.productModal__specsTitle{font-weight:800;margin:10px 0 8px}
.specList{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.specRow{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid rgba(21,48,46,.10);border-radius:14px;background:rgba(255,255,255,.78)}
.specKey{color:rgba(30,27,46,.62)}
.specVal{font-weight:700;text-align:right}
.addRow--modal{margin-top:14px}


@media (min-width:981px){
  .heroSlide__content{margin-left:0;margin-right:0}
  .heroSlide__content .pill{margin-left:0;margin-right:0}
  .heroSlide__content h1,
  .heroSlide__content h2,
  .heroSlide__content .muted{text-align:left}
  .heroSlide__actions{justify-content:flex-start}
}
@media (max-width: 980px){
  .productModal__layout{grid-template-columns: 1fr;}
  .productModal__imgWrap img{height:min(42vh,420px)}
}

/* responsive: hide desktop topSearch under 980 */

@media (min-width:981px){
  .heroSlide__content{margin-left:0;margin-right:0}
  .heroSlide__content .pill{margin-left:0;margin-right:0}
  .heroSlide__content h1,
  .heroSlide__content h2,
  .heroSlide__content .muted{text-align:left}
  .heroSlide__actions{justify-content:flex-start}
}
@media (max-width: 980px){
  .topSearch{display:none}
}


/* carousel arrows on product photo */
.carousel{
  position: relative;
  width: 100%;
  height: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.carousel__btn{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  width:38px;height:38px;
  border-radius: 14px;
  border:1px solid rgba(30,27,46,.14);
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(8px);
  box-shadow: var(--shadow);
  cursor:pointer;
  display:grid;place-items:center;
  font-size:20px;
  user-select:none;
}
.carousel__btn:hover{background: rgba(255,255,255,.92)}
.carousel__btn--left{left:10px}
.carousel__btn--right{right:10px}
.carousel__hint{
  position:absolute;
  bottom:10px; left:10px;
  font-size:12px;
  color: rgba(30,27,46,.62);
  background: rgba(255,255,255,.76);
  border:1px solid rgba(30,27,46,.12);
  padding:6px 10px;
  border-radius: 999px;
}


/* logo-only header */
.brand--logoOnly{min-width:auto}
.brand__img--only{
  width: 170px;
  height: 54px;
  padding: 0;
  border-radius: 16px;
  background: transparent;
  border: 0;
  box-shadow: none;
}

@media (min-width:981px){
  .heroSlide__content{margin-left:0;margin-right:0}
  .heroSlide__content .pill{margin-left:0;margin-right:0}
  .heroSlide__content h1,
  .heroSlide__content h2,
  .heroSlide__content .muted{text-align:left}
  .heroSlide__actions{justify-content:flex-start}
}
@media (max-width: 980px){
  .brand__img--only{width: 150px; height: 48px}
}
@media (max-width: 520px){
  .brand__img--only{width: 132px; height: 44px}
}

/* checkout box clickable */
.header__sum{
  cursor: pointer;
  transition: transform .18s, box-shadow .18s, background .18s;
}
.header__sum:hover{
  transform: translateY(-1px);
  box-shadow: var(--shadow);
  background: rgba(255,255,255,.9);
}
.mobileMenu__sum{cursor:pointer}




/* ===== AniMall-like header (2 rows) ===== */
.header--anmall{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1400;
  background: transparent;
}
body{
  padding-top: var(--headerOffset, 146px);
}
body.headerOffsetReady{
  padding-top: var(--headerOffset);
}
.headerTop{
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}
.headerTop__row{
  display:flex;
  align-items:center;
  gap: 18px;
  padding: 14px 0;
}
.brand__img--only{
  width: 240px;
  height: 74px;
  object-fit: contain;
  border-radius: 14px;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.headerTop__right{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap: 14px;
  flex-wrap: wrap;
}
.infoBlock{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(30,27,46,.10);
  background: rgba(255,255,255,.72);
  box-shadow: var(--shadow);
  text-decoration:none;
  color: var(--text);
  transition: transform .18s, background .18s, box-shadow .18s;
}
.infoBlock:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.92);
}
.infoBlock__icon{
  width: 36px; height: 36px;
  border-radius: 14px;
  display:grid; place-items:center;
  background: var(--accentSoft);
  border: 1px solid rgba(30,27,46,.08);
}
.infoBlock__text{display:flex;flex-direction:column;gap:2px;min-width: 150px}
.infoBlock__title{font-weight:900;font-size:12px;letter-spacing:.02em}
.infoBlock__value{font-weight:900;font-size:14px}
.infoBlock__label{font-size:12.5px;color: var(--muted2)}
.infoBlock--cart{cursor:pointer;user-select:none}
.miniCount{font-size:12px;color:var(--muted2);font-weight:800}

.headerBottom{
  background: rgba(255,255,255,.86);
  border-bottom: 1px solid var(--line);
}
.headerBottom__row{
  display:flex;
  align-items:center;
  gap: 26px;
  padding: 12px 0;
}
.headerBottom__nav{
  display:flex;
  align-items:center;
  gap: 26px;
  flex: 1 1 auto;
  min-width: 0;
  flex-wrap: wrap;
}
.navLink{
  border:0;
  background: transparent;
  cursor:pointer;
  font-weight: 850;
  color: rgba(30,27,46,.78);
  padding: 8px 0;
  position: relative;
  font-size: 15px;
}
.navLink:hover{color: var(--text)}
.navLink::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:-12px;
  height:3px;
  border-radius:999px;
  background: transparent;
  transition: .18s;
}
.navLink:hover::after{background: var(--accentSoft)}
.navLink--active{color: var(--text)}
.navLink--active::after{
  background: linear-gradient(135deg, rgba(59,22,133,.78), rgba(108,110,196,.78));
}

/* ===== Header catalog mega-menu (desktop) ===== */
.headerCatalogMega{
  position:absolute;
  left:0; right:0;
  top:100%;
  display:none;
  max-height:min(72vh, 780px);
  overflow:auto;
  background:rgba(255,255,255,.98);
  border-bottom:1px solid rgba(30,27,46,.10);
  box-shadow:0 26px 70px rgba(22,18,40,.12);
  z-index:60;
}
.headerCatalogMega.show{display:block}
.headerCatalogMega__inner{
  width:min(1480px, calc(100vw - 24px));
  max-width:none;
  margin:0 auto;
  padding:18px 18px 22px;
}
.headerCatalogMega__panel{padding-top:0}
.headerCatalogMega__groups{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:24px 34px;
  align-items:start;
}
.headerCatalogMega__group{
  min-width:0;
  display:grid;
  align-content:start;
  align-items:start;
  gap:12px;
}
.headerCatalogMega__groupTitle{
  font-weight:950;
  margin:0;
  color:var(--accent);
  font-size:16px;
  line-height:1.25;
  min-width:0;
  word-break:break-word;
}
.headerCatalogMega__list{
  display:grid;
  gap:10px;
  min-width:0;
  align-content:start;
}
.headerCatalogMega__item{
  border:0;
  background:transparent;
  cursor:pointer;
  text-align:left;
  color:rgba(30,27,46,.78);
  padding:0;
  font-weight:650;
  min-width:0;
  white-space:normal;
  word-break:break-word;
  line-height:1.35;
}
.headerCatalogMega__item:hover{color:var(--text);text-decoration:underline}
.headerCatalogMega__item--all{font-weight:900;color:var(--accent)}

@media (max-width: 980px) and (any-hover: none){
  .headerCatalogMega{display:none !important}
}

@media (max-width: 640px){
  .homeBlock__actions .btn,
  .infoCard__actions .btn{width:100%}
}

/* ===== Header search (поиск по продукции) ===== */
.headerSearch{
  margin-left: auto;
  position: relative;
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 16px;
  border: 1px solid rgba(30,27,46,.10);
  background: rgba(255,255,255,.72);
  box-shadow: var(--shadow);
  width: min(420px, 42vw);
}
.headerSearch input{
  flex:1 1 auto;
  min-width: 0;
  border:0;
  background: transparent;
  outline: none;
  font: inherit;
  padding: 6px 4px;
}
.headerSearch input::placeholder{color: rgba(30,27,46,.45)}
.headerSearch__btn{
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 14px;
  border: 1px solid rgba(30,27,46,.10);
  background: linear-gradient(135deg, rgba(59,22,133,.90), rgba(108,110,196,.90));
  color: #fff;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(59,22,133,.14);
  transition: transform .18s, box-shadow .18s;
}
.headerSearch__btn:hover{transform: translateY(-1px); box-shadow: var(--shadow2)}

.headerSearch--mobile{
  width: 100%;
  margin-left: 0;
}

/* ===== Живые подсказки поиска ===== */
.searchSuggest{
  position:absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  z-index: 300;
  display:none;
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(30,27,46,.12);
  border-radius: 16px;
  box-shadow: var(--shadow2);
  overflow: hidden;
}
.searchSuggest.show{display:block}

/* Desktop: подсказки включены */

.searchSuggest__list{max-height: 320px; overflow:auto; -webkit-overflow-scrolling: touch;}

/*
  Desktop readability fix:
  Make each suggestion a 2-line block (item + controls), so the title isn't squeezed
  by qty/buttons on desktop.
*/
.searchSuggest__row{
  display:grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 8px 10px;
}
.searchSuggest__row + .searchSuggest__row{
  border-top: 1px solid rgba(30,27,46,.06);
}

.searchSuggest__item{
  flex: 1 1 auto;
  min-width: 0;
  border:0;
  background: transparent;
  cursor:pointer;
  text-align:left;
  padding: 8px 10px;
  border-radius: 12px;
  display:grid;
  grid-template-columns: 44px 1fr auto;
  column-gap: 12px;
  align-items:center;
}
.searchSuggest__thumb{
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 12px;
  border: 1px solid rgba(30,27,46,.10);
  background: #fff;
  object-fit: contain;
}
.searchSuggest__text{
  min-width: 0;
  flex: 1 1 auto;
}
.searchSuggest__title{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.searchSuggest__controls{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  /* align controls under text, not under the thumbnail */
  padding-left: 56px;
}
.searchSuggest__qty{
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border-radius: 12px;
  border: 1px solid rgba(30,27,46,.12);
  background: rgba(255,255,255,.96);
}
.searchSuggest__qtyBtn{
  width: 28px;
  height: 28px;
  border-radius: 10px;
  border: 1px solid rgba(30,27,46,.12);
  background: rgba(108,110,196,.10);
  cursor: pointer;
  font-weight: 900;
  line-height: 1;
  display: grid;
  place-items: center;
}
.searchSuggest__qtyBtn:hover{background: rgba(108,110,196,.14)}
.searchSuggest__qtyInput{
  width: 38px;
  border: 0;
  outline: 0;
  background: transparent;
  text-align: center;
  font-weight: 900;
  font-size: 13px;
  color: rgba(30,27,46,.92);
}
.searchSuggest__qtyInput::-webkit-outer-spin-button,
.searchSuggest__qtyInput::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
.searchSuggest__qtyInput{ -moz-appearance: textfield; }

.searchSuggest__addIcon{display:none; font-size:16px; line-height:1;}

@media (max-width: 520px){
  .searchSuggest__controls{
    width: 100%;
    padding-left: 0;
    justify-content: space-between;
  }
  .searchSuggest__add{flex: 1 1 auto;}
}

@media (min-width: 980px){
  .searchSuggest__row{
    display:flex;
    align-items:center;
    gap: 10px;
    flex-wrap: nowrap;
  }
  .searchSuggest__controls{
    padding-left: 0;
    width: auto;
    justify-content: flex-end;
  }
  .searchSuggest__qty{padding: 6px 6px}
  .searchSuggest__qtyInput{width: 34px}
  .searchSuggest__add{
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 14px;
    display: grid;
    place-items: center;
  }
  .searchSuggest__addText{display:none}
  .searchSuggest__addIcon{display:block}
}

.searchSuggest__add{
  flex: 0 0 auto;
  border-radius: 12px;
  border: 1px solid rgba(30,27,46,.12);
  background: rgba(59,22,133,.08);
  color: rgba(30,27,46,.92);
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
  transition: transform .15s, box-shadow .15s, background .15s;
}
.searchSuggest__add:hover{background: rgba(59,22,133,.12); box-shadow: 0 10px 20px rgba(59,22,133,.10); transform: translateY(-1px)}
.searchSuggest__add:active{transform: translateY(0)}
.searchSuggest__item:hover{background: rgba(108,110,196,.08)}
.searchSuggest__item.isActive{background: rgba(108,110,196,.12)}
.searchSuggest__title{font-weight: 800; line-height: 1.25}
.searchSuggest__meta{font-size: 12px; color: rgba(30,27,46,.60); margin-top: 2px}
.searchSuggest__price{margin-left:auto; white-space:nowrap; font-weight: 900}
.searchSuggest__empty{padding: 12px; color: rgba(30,27,46,.60); font-size: 13px}

/* подсветка карточки после выбора из подсказок */
.product--flash{
  outline: 3px solid rgba(59,22,133,.22);
  box-shadow: 0 18px 55px rgba(59,22,133,.18);
}

/* responsive */
@media (max-width: 1100px){
  .brand__img--only{width: 210px; height: 66px}
  .infoBlock__text{min-width: 130px}
}

@media (min-width:981px){
  .heroSlide__content{margin-left:0;margin-right:0}
  .heroSlide__content .pill{margin-left:0;margin-right:0}
  .heroSlide__content h1,
  .heroSlide__content h2,
  .heroSlide__content .muted{text-align:left}
  .heroSlide__actions{justify-content:flex-start}
}
@media (max-width: 980px){
  .infoBlock{display:none}
  .headerBottom__row{gap: 16px; overflow-x:auto; flex-wrap:nowrap; -webkit-overflow-scrolling:touch}
  .headerBottom__nav{gap: 16px; flex-wrap:nowrap}
  .navLink{flex:0 0 auto}
  .headerBottom .headerSearch{display:none}
}
@media (max-width: 520px){
  .brand__img--only{width: 170px; height: 56px}
}

/* header info blocks equal height */
.infoBlock{height:64px; align-items:center}
.infoBlock__text{min-width: 140px}
.infoBlock--cart .infoBlock__text{min-width: 150px}


/* header polish: remove burger & mobile menu */

/* cart block: keep everything inside */
.infoBlock--cart .infoBlock__text{
  min-width: 0;
}
.infoBlock--cart .infoBlock__label{
  display:flex;
  gap:8px;
  align-items:baseline;
  flex-wrap:wrap;
}
.infoBlock--cart #cartSumTop{
  font-size: 13.5px;
  white-space: nowrap;
}
.infoBlock--cart .miniCount{
  white-space: nowrap;
}
/* Slightly wider cart block on desktop to avoid wrapping */
@media (min-width: 981px){
  .infoBlock--cart{min-width: 220px}
}


/* ===== FIX: checkout block and mobile header ===== */

/* desktop: keep blocks in one row */
@media (min-width: 981px){
  .headerTop__right{flex-wrap: nowrap}
  #headerPhoneBlock, #headerEmailBlock, .infoBlock--cart{flex: 0 0 auto}
}

/* equal height for info blocks */
.infoBlock{height:64px; align-items:center}

/* checkout: no overflow */
.infoBlock--cart{min-width:240px; max-width:240px}
.infoBlock--cart .infoBlock__text{min-width:0 !important; width:100%}
.infoBlock--cart .infoBlock__label{
  display:block !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}
.infoBlock--cart #cartSumTop{font-size:13px}
.infoBlock--cart .miniCount{white-space:nowrap; font-size:12px; font-weight:800; color:var(--muted2)}

/* keep phone/email readable */
#headerPhoneBlock .infoBlock__text,
#headerEmailBlock .infoBlock__text{min-width:170px}

/* mobile: show only checkout + scrollable menu */

@media (min-width:981px){
  .heroSlide__content{margin-left:0;margin-right:0}
  .heroSlide__content .pill{margin-left:0;margin-right:0}
  .heroSlide__content h1,
  .heroSlide__content h2,
  .heroSlide__content .muted{text-align:left}
  .heroSlide__actions{justify-content:flex-start}
}
@media (max-width: 980px){
  #headerPhoneBlock, #headerEmailBlock{display:none}
  .infoBlock{height:56px}
  .infoBlock__icon{width:32px; height:32px}
  .brand__img--only{width:170px; height:56px}
  .infoBlock--cart{min-width:190px; max-width:190px}
  .headerBottom__row{gap:16px; overflow-x:auto; flex-wrap:nowrap; -webkit-overflow-scrolling:touch}
  .navLink{flex:0 0 auto}
}
@media (max-width: 520px){
  .brand__img--only{width:150px; height:50px}
  .infoBlock--cart{min-width:170px; max-width:170px}
  .infoBlock--cart #cartSumTop{font-size:12.5px}
}

/* remove search icon entirely */
.navSearch{display:none !important}


/* ===== Mobile header v5 (real mobile layout) ===== */
.burger{
  width:44px;height:44px;
  display:none;
  align-items:center;justify-content:center;
  border-radius:14px;
  border:1px solid rgba(30,27,46,.10);
  background: rgba(255,255,255,.72);
  box-shadow: var(--shadow);
  cursor:pointer;
}
.burger:hover{background: rgba(255,255,255,.92); transform: translateY(-1px);}

/* mobile dropdown menu */
.mobileMenu{
  display:none;
  background: rgba(255,255,255,.92);
  border-bottom: 1px solid var(--line);
}
.mobileMenu.show{display:block}
.mobileMenu__link{
  width:100%;
  text-align:left;
  padding:14px 16px;
  border:0;
  background: transparent;
  font-weight:800;
  color: rgba(30,27,46,.82);
  border-top: 1px solid rgba(30,27,46,.08);
  cursor:pointer;
}
.mobileMenu__link:hover{background: rgba(108,110,196,.10); color: var(--text);}
.mobileMenu__meta{padding:12px 16px; color:var(--muted); font-size:13px}
.mobileMenu__sum{
  margin-top:10px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(30,27,46,.10);
  background: rgba(255,255,255,.78);
  box-shadow: var(--shadow);
  cursor:pointer;
}

/* desktop: keep your 2-row header */
@media (min-width: 981px){
  .headerBottom{display:block}
}

/* mobile: make header truly mobile and hide second row */

@media (min-width:981px){
  .heroSlide__content{margin-left:0;margin-right:0}
  .heroSlide__content .pill{margin-left:0;margin-right:0}
  .heroSlide__content h1,
  .heroSlide__content h2,
  .heroSlide__content .muted{text-align:left}
  .heroSlide__actions{justify-content:flex-start}
}
@media (max-width: 980px){
  .headerBottom{display:none}
  .burger{display:flex}
  .headerTop__row{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
  }
  .brand{display:flex; justify-content:center}
  .headerTop__right{
    margin-left:0;
    justify-content:space-between;
    gap:10px;
  }
  /* show only cart + burger on mobile top row */
  #headerPhoneBlock, #headerEmailBlock{display:none}
  .infoBlock{height:56px}
  .infoBlock--cart{
    width: 100%;
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 auto;
  }
  .infoBlock--cart .infoBlock__text{min-width:0; width:100%}
  .infoBlock--cart .infoBlock__title{font-size:12px}
  .infoBlock--cart .infoBlock__label{
    display:flex !important;
    justify-content:space-between;
    gap:10px;
    white-space:normal;
    overflow:visible;
    text-overflow:unset;
  }
  .infoBlock--cart #cartSumTop{font-size:12.5px}
  .miniCount{font-size:12px}
}
@media (max-width: 520px){
  .headerTop__right{flex-wrap:nowrap}
  .brand__img--only{width: 150px; height: 50px}
  .burger{width:42px;height:42px}
  .infoBlock__icon{width:32px;height:32px}
}

/* cart block: icon left, text right */
.infoBlock--cart .infoBlock__text{align-items:flex-start}


/* ===== Mobile header v6 fixes ===== */

/* Desktop: prevent checkout overflow (fit inside block) */
@media (min-width: 981px){
  .infoBlock--cart{
    min-width: 240px;
    max-width: 240px;
  }
  .infoBlock--cart .infoBlock__label{
    display:flex !important;
    justify-content:space-between;
    gap:10px;
    align-items:baseline;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .infoBlock--cart #cartSumTop{
    font-size: 12.8px;
  }
  .infoBlock--cart .miniCount{
    font-size: 12px;
  }
}

/* Mobile: show cart, make burger full width */

@media (min-width:981px){
  .heroSlide__content{margin-left:0;margin-right:0}
  .heroSlide__content .pill{margin-left:0;margin-right:0}
  .heroSlide__content h1,
  .heroSlide__content h2,
  .heroSlide__content .muted{text-align:left}
  .heroSlide__actions{justify-content:flex-start}
}
@media (max-width: 980px){
  .headerTop__right{
    width:100%;
    flex-direction:column;
    align-items:stretch;
  }
  /* force cart visible even if generic .infoBlock hidden elsewhere */
  .infoBlock--cart{display:flex !important}
  .infoBlock--cart{
    width:100%;
    min-width:0 !important;
    max-width:none !important;
  }
  .burger{
    display:flex !important;
    width:100%;
    height:52px;
    justify-content:center;
  }
}


/* ===== cart block styled like EMAIL ===== */
.infoBlock--cart{
  /* same as .infoBlock */
  display:flex;
  align-items:center;
  gap:10px;
}
.infoBlock--cart .infoBlock__icon{
  order:0;
}
.infoBlock--cart .infoBlock__text{
  order:1;
  display:flex;
  flex-direction:column;
  gap:2px;
  align-items:center;
}
/* Title same style (upper small) */
.infoBlock--cart .infoBlock__title{
  font-weight:900;
  font-size:12px;
  letter-spacing:.02em;
}
/* Subtitle like email line */
.infoBlock--cart .infoBlock__label{
  font-size:12.5px;
  color: var(--muted2);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width: 100%;
  display:block !important;
}
/* Make price not jump */
.infoBlock--cart #cartSumTop{
  font-weight:900;
}

@media (min-width:981px){.infoBlock--cart .infoBlock__label{display:block !important;}}


/* ===== FINAL OVERRIDE: cart block EXACTLY like phone/email ===== */
.headerTop .infoBlock--cart{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:10px !important;
  height:64px !important;
  min-width: 300px;
  max-width: 300px;
}
.headerTop .infoBlock--cart .infoBlock__icon{
  flex:0 0 auto !important;
  order:0 !important;
}
.headerTop .infoBlock--cart .infoBlock__text{
  flex:1 1 auto !important;
  min-width:0 !important;
  order:1 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
  align-items:flex-start !important;
}
.headerTop .infoBlock--cart .infoBlock__title{
  font-weight:900 !important;
  font-size:12px !important;
  letter-spacing:.02em !important;
  line-height:1.1 !important;
}
.headerTop .infoBlock--cart .infoBlock__label{
  font-size:12.5px !important;
  color: var(--muted2) !important;
  line-height:1.2 !important;
  display:block !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width: 100% !important;
}
.headerTop .infoBlock--cart #cartSumTop{
  font-weight:900 !important;
}
.headerTop .infoBlock--cart .miniCount{
  font-weight:800 !important;
  color: var(--muted2) !important;
}

/* responsive tweaks */
@media (max-width: 1100px){
  .headerTop .infoBlock--cart{min-width: 280px; max-width: 280px;}
}

@media (min-width:981px){
  .heroSlide__content{margin-left:0;margin-right:0}
  .heroSlide__content .pill{margin-left:0;margin-right:0}
  .heroSlide__content h1,
  .heroSlide__content h2,
  .heroSlide__content .muted{text-align:left}
  .heroSlide__actions{justify-content:flex-start}
}
@media (max-width: 980px){
  .headerTop .infoBlock--cart{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:56px !important;
  }
  .headerTop .infoBlock--cart .infoBlock__label{
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:unset !important;
  }
}





/* ===== Mobile: burger on its own full-width row (requested) ===== */
.headerBurger{
  display:none;
  background: rgba(255,255,255,.86);
  border-bottom: 1px solid var(--line);
  /* sticky mobile row */
  position: sticky;
  top: var(--safe-top);
  z-index: 1300;
  backdrop-filter: blur(10px);
}
.headerBurger__row{
  padding: 10px 0 12px;
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.headerBurger .burger{
  display:flex;
  width:100%;
  height:52px;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:16px;
  border:1px solid rgba(30,27,46,.10);
  background: rgba(255,255,255,.72);
  box-shadow: var(--shadow);
  cursor:pointer;
  font-size:20px;
  line-height:1;
}
.headerBurger .burger:hover{background: rgba(255,255,255,.92); transform: translateY(-1px);}


@media (min-width:981px){
  .heroSlide__content{margin-left:0;margin-right:0}
  .heroSlide__content .pill{margin-left:0;margin-right:0}
  .heroSlide__content h1,
  .heroSlide__content h2,
  .heroSlide__content .muted{text-align:left}
  .heroSlide__actions{justify-content:flex-start}
}
@media (max-width: 980px){
  /* hide desktop nav row; use burger row instead */
  .headerBottom{display:none !important;}
  .headerBurger{display:block !important;}

  /* top row: logo left, cart right */
  #headerPhoneBlock, #headerEmailBlock{display:none !important;}

  .headerTop__row{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding: 12px 0 !important;
  }
  .brand{justify-content:flex-start !important;}

  .headerTop__right{
    margin-left:auto !important;
    width:auto !important;
    flex-direction:row !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:nowrap !important;
  }

  /* cart must stay visible (some rules hide .infoBlock on mobile) */
  .headerTop .infoBlock--cart{display:flex !important;}

  .brand__img--only{
    width: min(54vw, 190px) !important;
    height: auto !important;
    max-height: 56px !important;
  }

  .headerTop .infoBlock--cart{
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    height: 56px !important;
  }

  /* keep top content out of the notch when viewport-fit=cover */
  .headerTop{padding-top: var(--safe-top);}
}

@media (max-width: 520px){
  .headerBurger .burger{height:48px;}
  .brand__img--only{width: min(56vw, 170px) !important; max-height: 52px !important;}
  .headerTop .infoBlock--cart{height: 54px !important;}

  /* cart in header: compact view for small screens */
  .headerTop .infoBlock--cart .infoBlock__title{display:none !important;}
  .headerTop .infoBlock--cart .miniCount{display:none !important;}
  .headerTop .infoBlock--cart{padding:10px 12px !important;}
  .headerTop .infoBlock--cart .infoBlock__label{white-space:nowrap !important; font-size:13px !important;}
}

@media (min-width: 981px){
  .headerBurger{display:none !important;}
}


/* ===== Mobile menu: animation + safe-area (без затемнения фона) ===== */


@media (min-width:981px){
  .heroSlide__content{margin-left:0;margin-right:0}
  .heroSlide__content .pill{margin-left:0;margin-right:0}
  .heroSlide__content h1,
  .heroSlide__content h2,
  .heroSlide__content .muted{text-align:left}
  .heroSlide__actions{justify-content:flex-start}
}
@media (max-width: 980px){
  /* animated dropdown menu below sticky burger row */
  .mobileMenu{
    display:block !important;
    position:fixed;
    left:0;
    right:0;
    /* JS sets --menuTop dynamically from burger row position for perfect alignment */
    top: var(--menuTop, calc(var(--safe-top) + 74px));
    max-height: calc(100vh - var(--menuTop, calc(var(--safe-top) + 74px)) - var(--safe-bottom));
    overflow:auto;
    -webkit-overflow-scrolling: touch;

    background: rgba(255,255,255,.96);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    padding: 10px 0 calc(14px + var(--safe-bottom));

    opacity:0;
    transform: translateY(-10px);
    pointer-events:none;
    visibility:hidden;
    transition: transform .22s ease, opacity .22s ease, visibility 0s linear .22s;
    z-index:1200;
  }
  .mobileMenu.show{
    opacity:1;
    transform: translateY(0);
    pointer-events:auto;
    visibility:visible;
    transition: transform .22s ease, opacity .22s ease;
  }

  /* prevent page scroll when menu is open */
  body.menuOpen{overflow:hidden; touch-action:none;}
}


/* ===== Mobile sticky contact bar ===== */
.globalToast{
  position:fixed;
  left:50%;
  transform:translateX(-50%) translateY(0);
  bottom:calc(98px + var(--safe-bottom));
  z-index:1200;
  width:min(92vw, 620px);
  padding:16px 20px;
  border-radius:18px;
  background:rgba(30,27,46,.94);
  color:#fff;
  font-size:16px;
  font-weight:900;
  line-height:1.4;
  text-align:center;
  box-shadow:var(--shadow2);
  opacity:0;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.16);
  transition:opacity .18s ease, transform .18s ease;
}
.globalToast.show{opacity:1;transform:translateX(-50%) translateY(-4px)}
.globalToast--ok{
  background:linear-gradient(135deg, rgba(22,163,74,.98), rgba(21,128,61,.98));
  border-color:rgba(187,247,208,.55);
  box-shadow:0 18px 48px rgba(22,163,74,.30);
}
.globalToast--err{
  background:linear-gradient(135deg, rgba(220,38,38,.98), rgba(153,27,27,.98));
  border-color:rgba(254,202,202,.55);
  box-shadow:0 18px 48px rgba(220,38,38,.30);
}

.mobileContactBar{
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:1100;
  display:none;
  gap:10px;
  padding:10px 12px calc(10px + var(--safe-bottom));
  background:rgba(255,255,255,.90);
  backdrop-filter:blur(14px);
  border-top:1px solid var(--line);
  transition:transform .22s ease, opacity .18s ease, visibility .18s ease;
  will-change:transform;
}
.mobileContactBar.is-hidden-over-footer{
  transform:translateY(calc(100% + 14px));
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.mcBtn{
  flex:1;
  text-decoration:none;
  border:1px solid rgba(21,48,46,.12);
  border-radius:14px;
  padding:10px 8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  background:rgba(255,255,255,.78);
  box-shadow:var(--shadow);
  font-size:12px;
  line-height:1.1;
  cursor:pointer;
}
.mcBtn:active{transform:translateY(1px)}
.mcBtn--primary{
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  color:#fff;
  border-color:rgba(0,0,0,.06);
}
.mcIco{font-size:16px;line-height:1}

@media (max-width:980px){
  .mobileContactBar{display:flex}
  .main{padding-bottom:calc(86px + var(--safe-bottom))}
}

/* ===== Page builder blocks (used on site + in admin preview) ===== */
.promoBanner{
  position:relative;
  border:1px solid rgba(21,48,46,.12);
  border-radius:22px;
  background: linear-gradient(135deg, rgba(227,217,248,.52), rgba(255,255,255,.88));
  box-shadow: var(--shadow);
  padding:18px;
  display:grid;
  grid-template-columns: 1fr 220px;
  gap:14px;
  align-items:stretch;
}
.promoBanner{background-size:cover;background-position:center}
.promoBanner__pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(59,22,133,.10);border:1px solid rgba(59,22,133,.18);font-weight:800;width:max-content}
.promoBanner__title{margin:10px 0 6px; font-size:26px; line-height:1.15}
.promoBanner__side{display:flex;align-items:center;justify-content:center}
.promoBanner__badge{font-size:28px;font-weight:900;padding:16px 14px;border-radius:20px;background:linear-gradient(135deg, rgba(59,22,133,.92), rgba(108,110,196,.92));color:#fff;box-shadow:var(--shadow);min-width:140px;text-align:center}

.stepsRow{display:grid;grid-template-columns: repeat(3, minmax(0,1fr));gap:12px}
.stepCard{border:1px solid rgba(21,48,46,.12);border-radius:18px;background:rgba(255,255,255,.86);box-shadow:var(--shadow);padding:14px}
.stepCard__num{width:34px;height:34px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:900;background:rgba(108,110,196,.18);border:1px solid rgba(108,110,196,.22);margin-bottom:10px}
.stepCard h3{margin:0 0 6px}
.stepCard p{margin:0}

.faqList{display:grid;gap:10px}
.faqItem{border:1px solid rgba(21,48,46,.12);border-radius:18px;background:rgba(255,255,255,.86);box-shadow:var(--shadow);padding:0;overflow:hidden}
.faqQ{cursor:pointer;list-style:none;padding:14px 14px;font-weight:800}
.faqQ::-webkit-details-marker{display:none}
.faqA{padding:0 14px 14px;color:rgba(21,48,46,.85)}
.faqItem[open] .faqQ{border-bottom:1px dashed rgba(21,48,46,.14)}

.testimonialsRow{display:grid;grid-template-columns: repeat(3, minmax(0,1fr));gap:12px}
.tCard{border:1px solid rgba(21,48,46,.12);border-radius:18px;background:rgba(255,255,255,.86);box-shadow:var(--shadow);padding:14px;display:grid;gap:10px}
.tCard__text{font-size:14.5px;line-height:1.45}
.tCard__meta{display:flex;flex-direction:column;gap:2px}
.tCard__avatar{width:36px;height:36px;border-radius:999px;object-fit:cover}
.tCard__meta{flex-direction:row;align-items:center;gap:10px}
.tCard__meta > div{display:flex;flex-direction:column;gap:2px}
.tCard__name{font-weight:900}
.tCard__role{font-size:12.5px;color:rgba(21,48,46,.62)}

.videoWrap{border:1px solid rgba(21,48,46,.12);border-radius:22px;background:rgba(255,255,255,.86);box-shadow:var(--shadow);padding:12px}
.videoFrame{width:100%;aspect-ratio:16/9;border:0;border-radius:16px;background:#000}

@media (max-width:980px){
  .promoBanner{grid-template-columns:1fr}
  .promoBanner__side{justify-content:flex-start}
  .stepsRow{grid-template-columns:1fr}
  .testimonialsRow{grid-template-columns:1fr}
}

/* ===== Admin: page theme swatches ===== */
.swatches{display:flex;flex-wrap:wrap;gap:8px}
.swatch{width:28px;height:28px;border-radius:10px;border:1px solid rgba(0,0,0,.14);cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.swatch:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}

.gradList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.grad{height:44px;border-radius:14px;border:1px solid rgba(0,0,0,.14);cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.grad:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}

/* ===== Builder: media + per-block theme ===== */
.advIconImg{width:42px;height:42px;object-fit:contain;display:block}
.infoCard__media{width:100%;height:var(--imgH,140px);border-radius:14px;overflow:hidden;margin-bottom:10px;background:rgba(0,0,0,.04)}
.infoCard__media img{width:100%;height:100%;object-fit:var(--imgFit,cover);object-position:center var(--imgPosY,50%);display:block}
.infoCard__body{display:flex;flex-direction:column;gap:6px;min-width:0}
.infoCard__badges{margin-top:6px}
.infoCard__actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}

/* Cards blocks: image position (Tilda-like) */
.cardsGrid--pos-left .infoCard,
.cardsGrid--pos-right .infoCard{display:flex;gap:14px;align-items:flex-start}
.cardsGrid--pos-right .infoCard{flex-direction:row-reverse}
.cardsGrid--pos-left .infoCard__media,
.cardsGrid--pos-right .infoCard__media{width:var(--imgBasis,var(--imgW,140px));height:var(--imgH,140px);margin-bottom:0;flex:0 0 var(--imgBasis,var(--imgW,140px))}
.cardsGrid--pos-left .infoCard__media img,
.cardsGrid--pos-right .infoCard__media img{height:100%;width:100%}

/* Allow text to wrap correctly inside flex cards */
.cardsGrid--pos-left .infoCard__body,
.cardsGrid--pos-right .infoCard__body{flex:1;min-width:0}

.vbBlock{position:relative;box-sizing:border-box}
.vbBlock--themed{border-radius:18px;padding:18px 0;margin:14px 0;box-shadow:0 8px 18px rgba(0,0,0,.05)}
.vbBlock--themed .container{padding-left:18px;padding-right:18px}

/* ===== Admin preview controls (Tilda-like) ===== */
.vbImgPick{position:absolute;top:10px;left:10px;width:32px;height:32px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.9);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5}
.vbImgPick:hover{background:rgba(255,255,255,.98)}

.vbOverlay{position:absolute;top:10px;right:10px;display:flex;gap:6px;z-index:5}
.vbOverlay .vbMiniBtn{width:30px;height:30px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.9);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}
.vbOverlay .vbMiniBtn:active{transform:translateY(1px)}
.vbDragHandle{cursor:grab}
.vbDragHandle:active{cursor:grabbing}
.vbInsertRow{display:flex;align-items:center;justify-content:center;margin:10px 0}
.vbInsertBtn{border:1px dashed rgba(0,0,0,.25);background:rgba(255,255,255,.7);border-radius:14px;padding:8px 12px;cursor:pointer}
.vbInsertBtn:hover{background:rgba(255,255,255,.95)}
.vbInsertRow--over .vbInsertBtn{border-color:rgba(59,130,246,.7);box-shadow:0 0 0 3px rgba(59,130,246,.15)}

.vbEditableImg{cursor:pointer}
.vbEditableImg:hover{outline:2px solid rgba(59,130,246,.35);outline-offset:2px}



/* ===== Builder: element-level controls inside blocks (reorder/add/delete) ===== */
.vbElemHost{position:relative}
.vbElemOverlay{
  position:absolute;
  top:8px;
  right:8px;
  display:flex;
  gap:6px;
  z-index:6;
}
.vbElemOverlay .vbElemBtn{
  width:28px;height:28px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.12);
  background:rgba(255,255,255,.9);
  cursor:pointer;
  font-size:14px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.vbElemOverlay .vbElemBtn:active{transform:translateY(1px)}
.vbElemOverlay .vbElemHandle{cursor:grab}
.vbElemOverlay .vbElemHandle:active{cursor:grabbing}
.vbElemDropOver{outline:2px solid rgba(59,130,246,.55); outline-offset:-2px}

/* ===== Builder: custom grid DnD (drop-to-cell) ===== */
.vbCustom.vbGridDragging{outline:2px dashed rgba(59,130,246,.35);outline-offset:6px}
.vbGridIndicator{
  position:absolute;
  z-index:20;
  pointer-events:none;
  border:2px dashed rgba(59,130,246,.75);
  background:rgba(59,130,246,.10);
  border-radius:16px;
}

/* ===== Builder template dock ===== */
.tplDock{margin-top:12px;border-top:1px solid rgba(0,0,0,.08);padding-top:10px}
.tplDock__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tplDockCard{border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.8);border-radius:12px;padding:10px;cursor:grab;user-select:none;font-size:13px}
.tplDockCard:active{cursor:grabbing}
.tplDockCard:hover{background:rgba(255,255,255,.95)}


/* ===== Builder: badges, custom block ===== */
.vbBadgeRow{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.vbBadge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.10);background:rgba(15,23,42,.06);font-weight:700;font-size:12px;line-height:1}
.vbCustom .vbCard{background:rgba(255,255,255,.85)}
.vbCard__img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:14px}



/* Ensure grid/flex children can shrink and wrap properly */
.infoCard, .advCard, .vbCard, .tCard, .stepCard, .faqItem,
.vbCustom__cell{min-width:0}
.infoCard h3, .infoCard p,
.advCard h3, .advCard p,
.vbCard h3, .vbCard p,
.tCard__text, .tCard__name, .tCard__role,
.stepCard h3, .stepCard p,
.faqQ, .faqA{
  white-space: normal;
  max-width: 100%;
}

/* Auto wrap text inside cards and blocks (prevents overflow on narrow cards) */
.card, .card *,
.infoCard, .infoCard *,
.vbCard, .vbCard *,
.advCard, .advCard *,
.stepCard, .stepCard *{
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}

/* Admin: partner logos grid in modal */
.logoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}
.logoCell{border:1px solid rgba(0,0,0,.10);border-radius:16px;background:rgba(255,255,255,.82);padding:10px;display:grid;gap:8px}
.logoCell__img{aspect-ratio:1/1;border-radius:14px;display:flex;align-items:center;justify-content:center;background:transparent}
.logoCell__img img{width:100%;height:100%;object-fit:contain;display:block;padding:0}
.logoCell__actions{display:flex;justify-content:flex-end}

/* Optional editable fields: hidden on public pages if empty, visible in admin preview */
.vbEditOptional:empty{display:none}
.builderPreview .vbEditOptional:empty{display:block;min-height:18px}
.builderPreview .vbEditOptional:empty::before{content:"(двойной клик — добавить текст)";color:rgba(21,48,46,.45)}


/* Admin inline-edit: force wrapping of very long words while editing */
[data-vb-edit][contenteditable="true"]{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;}


/* Catalog tabs + mega menu */
.catalogNav{position:relative;z-index:20;margin-bottom:10px}
.catalogTabs{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap;padding-bottom:8px}
.catalogTab{background:none;border:none;padding:10px 0;font-weight:800;color:rgba(21,48,46,.78);cursor:pointer;position:relative;font-family:inherit;font-size:15px}
.catalogTab::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:3px;border-radius:3px;background:transparent;transform:scaleX(.2);opacity:0;transition: .16s ease}
.catalogTab:hover{color:rgba(21,48,46,.98)}
.catalogTab:hover::after{background:rgba(108,110,196,.65);transform:scaleX(1);opacity:1}
.catalogTab--active{color:rgba(21,48,46,.98)}
.catalogTab--active::after{background:rgba(59,22,133,.85);transform:scaleX(1);opacity:1}

.catalogMega{position:absolute;left:0;right:0;top:100%;margin-top:10px;background:rgba(255,255,255,.96);border:1px solid rgba(21,48,46,.12);border-radius:22px;box-shadow:var(--shadow);padding:14px;display:none}
.catalogMega.show{display:block}
.catalogMega__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.catalogMega__title{font-weight:900}
.catalogMega__close{display:none}
.catalogMega__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.catalogMega__col{display:grid;gap:6px}
.catalogMega__item{width:100%;text-align:left;padding:10px 12px;border-radius:14px;border:1px solid rgba(21,48,46,.10);background:rgba(227,217,248,.26);cursor:pointer;font-weight:700}
.catalogMega__item:hover{outline:2px solid rgba(108,110,196,.35)}
.catalogMega__item--all{background:rgba(255,255,255,.86)}

@media (max-width:980px){
  .catalogTabs{gap:12px}
  .catalogMega{position:static;margin-top:10px}
  .catalogMega__cols{grid-template-columns:1fr}
  .catalogMega__close{display:inline-flex}
}


/* Product badges (tags) */
.productBadges{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 6px}
.pBadge{font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px;border:1px solid var(--badge-border, rgba(21,48,46,.12));background:var(--badge-bg, rgba(255,255,255,.86));color:var(--badge-color, rgba(21,48,46,.88))}
.pmBadge--tag{background:var(--badge-bg, rgba(227,217,248,.34));border-color:var(--badge-border, rgba(108,110,196,.20));color:var(--badge-color, inherit)}


.vbText, .vbTyped, .vbIconCard, .vbLogo, .vbFigure{height:100%}
.vbText{display:grid;gap:10px;padding:4px 0}
.vbText__title,.vbTyped__title{margin:0;font-size:clamp(22px,2.4vw,34px);font-weight:800;line-height:1.15}
.vbText__body{font-size:16px;line-height:1.7}
.vbTyped{display:grid;gap:12px;align-content:center;min-height:100%}
.vbTyped .heroTyped{margin-top:0}
.vbIconCard{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:flex-start;background:rgba(255,255,255,.86);border:1px solid rgba(21,48,46,.10);border-radius:24px;padding:18px;box-shadow:var(--shadow2)}
.vbIconCard__emoji{font-size:34px;line-height:1;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:rgba(59,22,133,.08)}
.vbIconCard__media{width:56px;height:56px;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.72);display:flex;align-items:center;justify-content:center}
.vbIconCard__media img{width:100%;height:100%;object-fit:cover}
.vbIconCard__body h3{margin:0 0 6px}
.vbIconCard__body p{margin:0}
.vbLogo,.vbFigure{display:grid;gap:10px}
.vbLogo__media,.vbFigure__media{min-height:110px;border-radius:18px;overflow:hidden;border:1px solid rgba(21,48,46,.08);background:rgba(255,255,255,.82);display:flex;align-items:center;justify-content:center;padding:10px}
.vbFigure__media{min-height:180px;padding:0}
.vbLogo__media img,.vbFigure__media img{width:100%;height:100%;display:block}
.vbLogo__media img{object-fit:contain}
.vbFigure__media img{object-fit:cover}
.vbLogo__placeholder{font-size:13px;color:rgba(21,48,46,.52)}
.heroSlideCustom{height:100%;border-radius:28px;overflow:hidden;box-shadow:var(--shadow2)}
.heroSlideCustom .heroSlide__inner{min-height:100%;padding:18px}
.heroSlideCustom .heroSlide__content{max-width:none}
@media (max-width: 900px){
  .headerCatalogMega__groups{grid-template-columns:1fr}
}


/* ===== Catalog subsection rails ===== */
.catalogMega{display:none !important}
.catalogSubWrap{display:block;margin-top:0}
.catalogSubRail{
  position:relative;
  padding-top:0;
}
.catalogSubRail__connector{display:none}
.catalogSubRail__items{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:0;
  width:fit-content;
  max-width:100%;
  border:1px solid rgba(59,22,133,.52);
  border-radius:0;
  background:rgba(255,255,255,.9);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.catalogSubRail__item{
  border:0;
  border-left:1px solid rgba(59,22,133,.18);
  background:transparent;
  cursor:pointer;
  text-align:left;
  padding:14px 18px;
  font-weight:800;
  color:rgba(21,48,46,.78);
  min-height:56px;
}
.catalogSubRail__item:first-child{border-left:0}
.catalogSubRail__item:hover{background:rgba(227,217,248,.34);color:var(--text)}
.catalogSubRail__item--active{background:rgba(227,217,248,.5);color:var(--text)}

/* ===== Header catalog mega redesigned ===== */
.headerCatalogMega__panel{padding-top: 14px}
@media (max-width: 1200px){
  .headerCatalogMega__inner{width:min(1320px, calc(100vw - 24px)); padding-left:12px; padding-right:12px}
  .headerCatalogMega__headingGrid,
  .headerCatalogMega__cols--groups{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr)); gap:14px 18px}
}

@media (min-width:981px){
  .heroSlide__content{margin-left:0;margin-right:0}
  .heroSlide__content .pill{margin-left:0;margin-right:0}
  .heroSlide__content h1,
  .heroSlide__content h2,
  .heroSlide__content .muted{text-align:left}
  .heroSlide__actions{justify-content:flex-start}
}
@media (max-width: 980px){
  .catalogSubRail__items,
  .headerCatalogMega__subItems{width:100%}
  .catalogSubRail__item,
  .headerCatalogMega__subItem{flex:1 1 220px}
}

@media (max-width: 720px){
  .catalogSubRail__items,
  .headerCatalogMega__subItems{display:grid;grid-template-columns:1fr}
  .catalogSubRail__item,
  .headerCatalogMega__subItem{border-left:0;border-top:1px solid rgba(21,48,46,.12)}
  .catalogSubRail__item:first-child,
  .headerCatalogMega__subItem:first-child{border-top:0}
}

/* product page */
.productPage{display:grid;gap:22px;padding:10px 0 34px}
.productPage__topbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.productPage__back{border:1px solid rgba(21,48,46,.12);background:#fff;border-radius:999px;padding:10px 16px;font-weight:700;cursor:pointer}
.productPage__crumbs{color:rgba(30,27,46,.62);font-size:14px}
.productPage__hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:22px;align-items:start}
.productPage__media,.productPage__summary,.productPage__textCard,.productPage__specGroup{background:rgba(255,255,255,.86);border:1px solid rgba(21,48,46,.10);border-radius:26px;box-shadow:var(--shadow)}
.productPage__media{padding:18px}
.productPage__mainImageWrap{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(21,48,46,.10);background:linear-gradient(180deg, rgba(59,22,133,.09), rgba(108,110,196,.08));min-height:440px;display:grid;place-items:center}
.productPage__mainImage{width:100%;height:min(72vh,640px);object-fit:contain;display:block;cursor:zoom-in}
.productPage__zoom{position:absolute;right:14px;bottom:14px;width:44px;height:44px;border-radius:14px;border:1px solid rgba(30,27,46,.14);background:rgba(255,255,255,.84);backdrop-filter:blur(8px);cursor:pointer}
.productPage__thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.productPage__thumbs button{width:86px;height:86px;border-radius:18px;border:1px solid rgba(21,48,46,.12);background:#fff;padding:0;overflow:hidden;cursor:pointer}
.productPage__thumbs button.active{outline:3px solid rgba(108,110,196,.25)}
.productPage__thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.productPage__summary{padding:22px;display:grid;gap:14px;position:sticky;top:92px}
.productPage__article{font-size:13px;color:rgba(30,27,46,.62)}
.productPage__title{margin:0;font-size:clamp(28px,3vw,42px);line-height:1.08}
.productPage__priceWrap .product__priceStack{align-items:flex-start}
.productPage__priceWrap .price{font-size:34px}
.productPage__priceWrap .oldPrice{font-size:15px}
.productPage__statusRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.productPage__status{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;font-weight:800;font-size:13px;border:1px solid rgba(21,48,46,.08)}
.productPage__status--in{background:rgba(36,182,106,.12);color:#137548}
.productPage__status--out{background:rgba(240,91,91,.10);color:#a62a2a}
.productPage__status--preorder{background:rgba(108,110,196,.12);color:#5148a6}
.productPage__statusNote{color:rgba(30,27,46,.66);font-weight:600}
.productPage__badges{display:flex;gap:10px;flex-wrap:wrap}
.productPage__lead{color:rgba(30,27,46,.88);font-size:16px;line-height:1.6}
.productPage__features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.productPage__feature{padding:14px 16px;border-radius:18px;background:linear-gradient(180deg, rgba(59,22,133,.06), rgba(108,110,196,.04));border:1px solid rgba(108,110,196,.12);font-weight:700;color:#23213a}
.productPage__buyRow{display:grid;grid-template-columns:110px 1fr;gap:10px}
.productPage__qty{height:52px;border-radius:16px}
.productPage__buyBtn{height:52px;border-radius:16px;font-size:16px}
.productPage__quickSpecs{display:grid;gap:12px}
.productPage__quickCard{padding:16px 18px;border-radius:22px;background:rgba(248,249,252,.9);border:1px solid rgba(21,48,46,.08)}
.productPage__quickTitle{font-weight:900;margin-bottom:10px}
.productPage__quickList{display:grid;gap:8px}
.productPage__quickRow{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(21,48,46,.08);padding-bottom:8px}
.productPage__quickRow:last-child{border-bottom:none;padding-bottom:0}
.productPage__quickRow span{color:rgba(30,27,46,.62)}
.productPage__tabs{display:flex;gap:10px;flex-wrap:wrap}
.productPage__tab{border:none;background:#fff;padding:12px 18px;border-radius:999px;font-weight:800;cursor:pointer;box-shadow:var(--shadow);border:1px solid rgba(21,48,46,.08)}
.productPage__tab.active{background:linear-gradient(180deg, rgba(59,22,133,.12), rgba(108,110,196,.10));border-color:rgba(108,110,196,.22)}
.productPage__panel{display:none}
.productPage__panel.active{display:block}
.productPage__contentGrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px}
.productPage__contentStack{display:grid;gap:18px}
.productPage__textCard{padding:22px}
.productPage__textCard h2,.productPage__textCard h3{margin:0 0 14px}
.productPage__richText{line-height:1.75;color:rgba(30,27,46,.9)}
.productPage__sideColumn{display:grid;gap:18px}
.productPage__textCard--wide{width:100%}
.productPage__featureList,.productPage__infoList{display:grid;gap:10px}
.productPage__featureListItem,.productPage__infoList div{padding:14px 16px;border-radius:18px;background:rgba(248,249,252,.92);border:1px solid rgba(21,48,46,.08)}
.productPage__specGroups{display:grid;gap:16px}
.productPage__specGroup{padding:22px}
.productPage__specGroup h3{margin:0 0 14px}
.productPage__specTable{display:grid;gap:10px}
.productPage__specRow{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,1fr);gap:14px;padding:14px 16px;border-radius:18px;background:rgba(248,249,252,.9);border:1px solid rgba(21,48,46,.08)}
.productPage__specKey{color:rgba(30,27,46,.62)}
.productPage__specValue{font-weight:800;color:#23213a}
.productPage__variantTableHead{display:grid;gap:6px;margin-bottom:14px}
.productPage__variantTableHead h3{margin:0}
.productPage__variantTableHead p{margin:0;color:rgba(30,27,46,.68);line-height:1.55}
.productPage__variantTableWrap{overflow:auto;border-radius:20px;border:1px solid rgba(21,48,46,.08);background:#fff}
.productPage__variantTable{width:100%;min-width:760px;border-collapse:separate;border-spacing:0}
.productPage__variantTable th,.productPage__variantTable td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(21,48,46,.08);vertical-align:middle}
.productPage__variantTable thead th{position:sticky;top:0;background:rgba(248,249,252,.96);font-size:13px;font-weight:900;color:rgba(30,27,46,.68);z-index:1}
.productPage__variantRow{cursor:pointer;transition:background .18s ease, box-shadow .18s ease;outline:none}
.productPage__variantRow:hover,.productPage__variantRow:focus-visible{background:rgba(108,110,196,.06)}
.productPage__variantRow.is-active{background:rgba(108,110,196,.12)}
.productPage__variantRow:last-child td{border-bottom:none}
.productPage__variantPrice{font-weight:900;color:#1e1b2e;white-space:nowrap}
.productPage__tableStatus{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid rgba(21,48,46,.08);white-space:nowrap}
.productPage__tableStatus--in{background:rgba(36,182,106,.12);color:#137548}
.productPage__tableStatus--out{background:rgba(240,91,91,.10);color:#a62a2a}
.productPage__tableStatus--preorder{background:rgba(108,110,196,.12);color:#5148a6}
.catalogLanding{display:grid;gap:18px;margin:0 0 18px}
.catalogLanding__head h2,.relatedProducts__head h2{margin:0;font-size:clamp(22px,2.2vw,30px)}
.catalogLanding__head p,.relatedProducts__head p{margin:6px 0 0;color:rgba(30,27,46,.68)}
.catalogLanding__grid,.relatedProducts__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.catalogLanding__card,.relatedProducts__card{background:rgba(255,255,255,.86);border:1px solid rgba(21,48,46,.10);border-radius:24px;box-shadow:var(--shadow);padding:18px}
.catalogLanding__title,.relatedProducts__name{font-weight:800;color:#1e1b2e;text-decoration:none}
.catalogLanding__title:hover,.relatedProducts__name:hover{text-decoration:underline}
.catalogLanding__links{display:grid;gap:8px;margin-top:12px}
.catalogLanding__links a{color:rgba(30,27,46,.8);text-decoration:none}
.catalogLanding__links a:hover{text-decoration:underline}
.catalogLanding__empty{margin-top:12px;color:rgba(30,27,46,.56);font-size:14px}
.relatedProducts{display:grid;gap:18px;margin-top:10px}
.relatedProducts__imageLink{display:block;border-radius:18px;overflow:hidden;border:1px solid rgba(21,48,46,.10);background:linear-gradient(180deg, rgba(59,22,133,.09), rgba(108,110,196,.08));margin-bottom:12px}
.relatedProducts__imageLink img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff}
.relatedProducts__meta{font-size:13px;color:rgba(30,27,46,.6);margin-bottom:8px}
.relatedProducts__name{display:block;line-height:1.35;margin-bottom:10px}
.relatedProducts__price{font-size:20px;font-weight:800;color:#1e1b2e}
.relatedProducts__price span{font-size:12px;font-weight:700;color:rgba(30,27,46,.58)}
.productPage__docs{display:grid;gap:12px}
.productPage__doc{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 18px;border-radius:18px;border:1px solid rgba(21,48,46,.10);background:rgba(248,249,252,.92);text-decoration:none;color:inherit}
.productPage__doc strong{white-space:nowrap}
.productPage__empty{padding:16px 18px;border-radius:18px;background:rgba(248,249,252,.92);border:1px solid rgba(21,48,46,.08);color:rgba(30,27,46,.72)}

@media (max-width: 1100px){
  .productPage__hero,.productPage__contentGrid{grid-template-columns:1fr}
  .productPage__summary{position:static}
}
@media (max-width: 760px){
  .productPage{gap:16px;padding-bottom:22px}
  .productPage__mainImageWrap{min-height:260px}
  .productPage__mainImage{height:min(48vh,420px)}
  .productPage__summary,.productPage__media,.productPage__textCard,.productPage__specGroup{border-radius:20px}
  .productPage__summary,.productPage__textCard,.productPage__specGroup{padding:16px}
  .productPage__features{grid-template-columns:1fr}
  .productPage__buyRow{grid-template-columns:1fr}
  .productPage__specRow{grid-template-columns:1fr}
  .productPage__variantTable th,.productPage__variantTable td{padding:12px 14px}
  .productPage__thumbs button{width:68px;height:68px;border-radius:14px}
}


.hpField{position:absolute !important;left:-10000px !important;top:auto !important;width:1px !important;height:1px !important;overflow:hidden !important;opacity:0 !important;pointer-events:none !important;}

.consentCheck{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--muted2)}
.consentCheck input{margin-top:2px;inline-size:16px;block-size:16px;accent-color:var(--accent)}
.consentCheck a{color:var(--accent);text-decoration:none}
.consentCheck a:hover{text-decoration:underline}
.footer__links{display:flex;gap:14px;flex-wrap:wrap}
.footer__links a{color:inherit;text-decoration:none}
.footer__links a:hover{text-decoration:underline}
.legalPage{padding:48px 0 72px}
.legalPage__card{max-width:920px;margin:0 auto;background:rgba(255,255,255,.92);border:1px solid rgba(21,48,46,.10);border-radius:24px;box-shadow:var(--shadow);padding:28px}
.legalPage h1{font-size:34px;margin:0 0 12px}
.legalPage h2{font-size:22px;margin:28px 0 10px}
.legalPage p,.legalPage li{color:var(--muted2);line-height:1.7}
.legalPage ul{padding-left:20px}
.errorPage{min-height:70vh;display:grid;place-items:center;padding:48px 0}
.errorPage__card{max-width:720px;text-align:center;background:rgba(255,255,255,.92);border:1px solid rgba(21,48,46,.10);border-radius:24px;box-shadow:var(--shadow);padding:32px}
.errorPage__code{font-size:72px;font-weight:900;line-height:1;color:var(--accent);margin-bottom:10px}

@media (max-width: 768px){
  .catalogLanding__grid,.relatedProducts__grid{grid-template-columns:1fr}
}


.product__variantNote{margin-top:8px;font-size:12px;line-height:1.45;color:rgba(21,48,46,.68)}
.productVariantBox{margin:14px 0 4px;padding:14px;border:1px solid rgba(21,48,46,.10);border-radius:18px;background:rgba(248,249,252,.9);display:grid;gap:12px}
.productVariantBox__head{display:grid;gap:4px}
.productVariantBox__head span{font-size:12.5px;color:rgba(21,48,46,.64)}
.productVariantControls{display:grid;gap:12px}
.variantAxis{display:grid;gap:8px}
.variantAxis__label{font-size:13px;font-weight:700;color:rgba(21,48,46,.82)}
.variantAxis__buttons{display:flex;flex-wrap:wrap;gap:8px}
.variantAxis__btn{padding:8px 12px;border-radius:12px;border:1px solid rgba(21,48,46,.14);background:#fff;cursor:pointer;font:inherit;transition:.18s ease}
.variantAxis__btn:hover{border-color:rgba(108,110,196,.42)}
.variantAxis__btn.is-active{background:rgba(108,110,196,.14);border-color:rgba(108,110,196,.48);color:rgba(59,22,133,.98)}
.variantAxis__btn.is-disabled{opacity:.42;cursor:not-allowed;border-style:dashed;background:rgba(21,48,46,.04);color:rgba(21,48,46,.48)}
.variantAxis__btn.is-disabled:hover{border-color:rgba(21,48,46,.14)}
.variantAxis__select{min-height:42px;border-radius:12px;border:1px solid rgba(21,48,46,.12);padding:0 12px;background:#fff}
.productVariantBox__summary{font-size:13px;line-height:1.5;color:rgba(21,48,46,.74)}

/* Final mobile guard: content blocks can include inline grid styles from the page editor. */
@media (max-width: 760px){
  html,
  body{
    height:auto !important;
    min-height:100% !important;
    max-width:100%;
    overflow-x:hidden;
  }
  html{overflow-y:auto !important}
  body{overflow-y:visible !important}
  body,
  body.headerOffsetReady{padding-top:0 !important}
  .container{width:min(100%,calc(100vw - 24px));max-width:calc(100vw - 24px)}
  .section,.section--active,.vbBlock,.vbHtml,.vbCustom,.homeBlock,.section-bg{max-width:100vw;overflow-x:hidden}
  .header--anmall,
  .headerBurger{
    position:static !important;
    top:auto !important;
  }
  .headerBottom{display:none !important}

  .heroSlider{
    width:100% !important;
    max-width:100vw !important;
    overflow:hidden !important;
    contain:paint;
  }
  .heroSlider__track{
    max-width:100% !important;
  }
  .heroSlide{
    min-width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  .heroSlide__inner{
    width:min(100%,calc(100vw - 24px)) !important;
    max-width:calc(100vw - 24px) !important;
  }

  #delivery .vbHtml .section-bg{
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding:48px 0 !important;
    border-radius:0 !important;
    background-position:center center !important;
  }
  #delivery .vbHtml .section-bg > .container{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    align-items:start !important;
    width:min(100%,calc(100vw - 24px)) !important;
    max-width:calc(100vw - 24px) !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  #delivery .vbHtml .section-bg h2{
    font-size:clamp(32px,10vw,40px) !important;
    line-height:1.08 !important;
    max-width:10ch;
    margin:0 0 18px !important;
  }
  #delivery .vbHtml .section-bg p{
    font-size:16px !important;
    line-height:1.5 !important;
  }
  #delivery .vbHtml .section-bg > .container > div,
  #delivery .vbHtml .section-bg .glass-card{
    min-width:0 !important;
    max-width:100% !important;
  }
  #delivery .vbHtml .section-bg > .container > div[style*="display: grid"]{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  #delivery .vbHtml .glass-card{
    width:100% !important;
    padding:20px !important;
    border-radius:0 !important;
  }

  .cards2,.cards3,.cardsGrid,.cardsGrid--pos-left,.cardsGrid--pos-right{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .cardsGrid--pos-left .infoCard,
  .cardsGrid--pos-right .infoCard{
    flex-direction:column !important;
    width:100% !important;
    min-width:0 !important;
  }
  .cardsGrid--pos-left .infoCard__media,
  .cardsGrid--pos-right .infoCard__media{
    width:100% !important;
    flex:0 0 auto !important;
    height:var(--imgH,180px) !important;
    margin-bottom:10px !important;
  }

  #about .vbBlock > .container,
  #delivery .vbBlock > .container,
  #dealers .vbBlock > .container,
  #contacts .vbBlock > .container{
    width:min(100%,calc(100vw - 24px)) !important;
    max-width:calc(100vw - 24px) !important;
  }
  #about .vbHtml .aboutSales,
  #about .vbHtml .aboutSales--single{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  #about .vbHtml .aboutSales__story{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:24px 18px !important;
    background:
      linear-gradient(90deg, rgba(17,15,34,.84) 0%, rgba(17,15,34,.66) 52%, rgba(17,15,34,.36) 100%),
      url('/assets/concept/hero-vet-people-animals.png') center center/cover no-repeat !important;
    color:#fff !important;
  }
  #about .vbHtml .aboutSales__story > span,
  #about .vbHtml .aboutSales__story h3,
  #about .vbHtml .aboutSales__story p{
    max-width:100% !important;
  }
  #about .vbHtml .aboutSales__story h3{color:#fff !important}
  #about .vbHtml .aboutSales__story p{color:rgba(255,255,255,.86) !important}
  #about .vbHtml .aboutSales__proofs{
    grid-template-columns:1fr !important;
    max-width:100% !important;
    gap:10px !important;
  }

  .legalPage,
  .errorPage{
    max-width:100vw;
    overflow-x:hidden;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .legalPage__card,
  .errorPage__card{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:20px 16px !important;
    border-radius:0 !important;
  }
  .legalPage h1{font-size:28px !important}
  .legalPage h2{font-size:20px !important}
  .legalPage p,
  .legalPage li,
  .errorPage__card{
    overflow-wrap:anywhere;
  }

  .footer{
    overflow-x:hidden;
    padding:48px 0 calc(178px + var(--safe-bottom)) !important;
  }
  .footer__grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:26px !important;
    width:100%;
    min-width:0;
  }
  .footer__brand,
  .footer__col,
  .footer__contacts,
  .footer__bottom{
    min-width:0;
    max-width:100%;
  }
  .footer__brand img{
    width:min(190px,100%) !important;
  }
  .footer__actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .footer__actions .btn{
    width:100% !important;
    max-width:100% !important;
    justify-content:center !important;
  }
  .footer__col a,
  .footer__col button,
  .footer__contacts a{
    width:auto !important;
    max-width:100% !important;
    overflow-wrap:anywhere;
  }
  .footer__bottom{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
}

@media (max-width: 520px){
  .headerTop{overflow-x:hidden}
  .headerTop__row{gap:8px !important}
  .headerSearch--mobile{
    width:100% !important;
    max-width:100% !important;
    margin:8px 0 0 !important;
  }
  .headerSearch--mobile input{
    min-width:0;
    font-size:16px;
  }
}