/* ============================================================
   ASI «Гибрид» — визуальный оверлей (утв. клиентом 2026-06-05)
   Концепция: угловатые блоки + круглые вставки (иконки/бейджи/пилюли).
   Подключается из site-темы index.html. Безопасно: только переопределения.
   ============================================================ */

:root{
  --asi-brand:#E4640E;      /* оранжевый акцент */
  --asi-brand-d:#c8540a;
  --asi-navy:#191c36;       /* тёмно-синий */
  --asi-line:#e3e7ee;
}

/* ===== Карточки товаров: угловатый блок + оранжевый верхний кант ===== */
.product-list .product-item{
  box-sizing:border-box;
  border:1px solid #e3e7ee;
  border-top:3px solid var(--asi-brand);
  border-radius:0;
  padding:16px 16px 18px;
  transition:box-shadow .18s ease, transform .18s ease;
  box-shadow:0 0 5px 1px #e3e7ee;
  width:220px;
}
.product-list .product-item:hover{
  box-shadow:0 6px 16px rgba(15,19,32,.14);
  transform:translateY(-2px);
}

/* Круглые вставки: иконки сравнения/избранного и т.п. внутри карточки */
.product-list .product-item a[class*="compare"],
.product-list .product-item a[class*="favor"],
.product-list .product-item .b-compare,
.product-list .product-item .b-favorite{
  border-radius:50% !important;
}

/* Пилюля у кнопки «Заказать» (круглая вставка) */
.product-list .product-item button,
.product-list .product-item input[type="submit"],
.product-list .product-item .button{
  border-radius:30px !important;
}


/* ============================================================
   Коммерческий каркас (Преимущества / Доставка-Оплата / Форма)
   Добавлено 2026-06-09. Применяется внутри .asi-blocks (главная).
   ============================================================ */
.asi-blocks{margin:30px 0 6px}
.asi-blocks .asi-sec-title{
  font-size:21px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;
  color:var(--asi-navy);margin:32px 0 18px;padding-left:14px;
  border-left:4px solid var(--asi-brand);line-height:1.15;
}

/* — Преимущества — */
.asi-adv{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.asi-adv .it{
  border:1px solid var(--asi-line);border-top:3px solid var(--asi-brand);
  padding:18px 18px 16px;display:flex;gap:14px;align-items:flex-start;background:#fff;
  transition:box-shadow .18s ease,transform .18s ease;
}
.asi-adv .it:hover{box-shadow:0 6px 16px rgba(15,19,32,.12);transform:translateY(-2px)}
.asi-adv .ic{flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:var(--asi-navy);
  display:flex;align-items:center;justify-content:center}
.asi-adv .ic svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:1.7}
.asi-adv .tt{font-weight:700;font-size:15px;margin:1px 0 4px;color:var(--asi-navy)}
.asi-adv .ds{font-size:13px;line-height:1.45;color:#5d6470}

/* — Доставка и оплата — */
.asi-dp{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;align-items:start}
.asi-card{border:1px solid var(--asi-line);border-top:3px solid var(--asi-brand);padding:18px 20px;background:#fff}
.asi-card h3{margin:0 0 12px;font-size:16px;font-weight:800;text-transform:uppercase;color:var(--asi-navy);letter-spacing:.3px}
.asi-tar{width:100%;border-collapse:collapse;font-size:13.5px}
.asi-tar th,.asi-tar td{border:1px solid #dfe3ea;padding:8px 10px;text-align:center}
.asi-tar th{background:var(--asi-navy);color:#fff;font-weight:600}
.asi-tar td:first-child{text-align:left;font-weight:600}
.asi-tar tr:nth-child(even) td{background:#f6f8fb}
.asi-fleet{font-size:13px;color:#5d6470;margin:14px 0 0;line-height:1.5}
.asi-pay{margin:0;padding:0}
.asi-pay li{margin:0 0 10px;font-size:14px;line-height:1.4;list-style:none;padding-left:26px;position:relative}
.asi-pay li:before{content:'';position:absolute;left:0;top:2px;width:16px;height:16px;border-radius:50%;
  background:var(--asi-brand);box-shadow:inset 0 0 0 3px #fff}
.asi-note{font-size:12.5px;color:#6a7180;margin:10px 0 0;line-height:1.45}
.asi-pill{display:inline-block;margin-top:14px;background:var(--asi-brand);color:#fff !important;text-decoration:none;
  font-weight:700;font-size:14px;padding:11px 26px;border-radius:30px;transition:background .15s;border:0;cursor:pointer}
.asi-pill:hover{background:var(--asi-brand-d)}

/* — Форма «Узнать цену» — */
.asi-lead{margin-top:30px;background:var(--asi-navy);color:#fff;padding:24px 26px;display:flex;
  gap:22px;align-items:center;flex-wrap:wrap}
.asi-lead .lt{flex:1 1 260px}
.asi-lead .lt b{font-size:19px;display:block;margin-bottom:4px;color:#fff}
.asi-lead .lt span{font-size:13.5px;color:#b9bed0}
.asi-lead form{display:flex;gap:10px;flex:1 1 360px;flex-wrap:wrap;margin:0}
.asi-lead input{flex:1 1 140px;border:0;border-radius:30px;padding:12px 18px;font-size:14px;color:#23262e}
.asi-lead .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.asi-lead button{background:var(--asi-brand);color:#fff;border:0;border-radius:30px;padding:12px 26px;
  font-weight:700;font-size:14px;cursor:pointer}
.asi-lead button:hover{background:var(--asi-brand-d)}
.asi-lead .asi-msg{flex:1 1 100%;font-size:13.5px;margin-top:6px;display:none}

@media(max-width:900px){
  .asi-adv{grid-template-columns:repeat(2,1fr)}
  .asi-dp{grid-template-columns:1fr}
}
@media(max-width:560px){
  .asi-adv{grid-template-columns:1fr}
  .asi-blocks .asi-sec-title{font-size:18px}
}


/* ============================================================
   НОВАЯ ГЛАВНАЯ (hero / плитки / FAQ / CTA / статьи) — 2026-06-09
   ============================================================ */
h2.asi-sec-title{font-size:23px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--asi-navy);
  margin:36px 0 18px;padding-left:14px;border-left:4px solid var(--asi-brand);line-height:1.15}

/* ===== HERO ===== */
.asi-hero{background:linear-gradient(rgba(20,23,46,.84),rgba(20,23,46,.92)),var(--asi-hero-img,#191c36);
  background-size:cover;background-position:center;color:#fff;margin-bottom:6px}
.asi-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center;padding:44px 0 48px}
.asi-hero h1{font-size:32px;line-height:1.18;margin:0 0 14px;font-weight:800}
.asi-hero .sub{font-size:16px;color:#c9cde0;line-height:1.5;margin:0 0 18px}
.asi-hero ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:9px 22px}
.asi-hero li{font-size:14px;padding-left:24px;position:relative;color:#e7e9f2}
.asi-hero li:before{content:'';position:absolute;left:0;top:3px;width:14px;height:14px;border-radius:50%;
  background:var(--asi-brand);box-shadow:inset 0 0 0 3px #191c36}
.asi-hero-form{background:#fff;padding:20px;display:flex;flex-direction:column;gap:10px;max-width:400px;margin-left:auto}
.asi-hero-form .ft{color:var(--asi-navy);font-weight:800;font-size:18px;text-transform:uppercase;letter-spacing:.3px}
.asi-hero-form input{border:1px solid #d7dce4;border-radius:30px;padding:12px 18px;font-size:14px;color:#23262e}
.asi-hero-form input.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.asi-hero-form button{background:var(--asi-brand);color:#fff;border:0;border-radius:30px;padding:13px;font-weight:700;font-size:15px;cursor:pointer}
.asi-hero-form button:hover{background:var(--asi-brand-d)}
.asi-hero-form .pp{font-size:11.5px;color:#8a90a0;text-align:center}
.asi-hero-form .asi-msg{font-size:13px;display:none;text-align:center}

/* ===== ПЛИТКА КАТЕГОРИЙ ===== */
.asi-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}  /* 2026-08-10: 6 колонок — 18 плиток каталога ложатся ровно в 3 ряда */
.asi-tiles.big{grid-template-columns:repeat(4,1fr)}
.asi-tile{border:1px solid var(--asi-line);border-top:3px solid var(--asi-brand);background:#fff;text-decoration:none;
  color:var(--asi-navy);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .18s,transform .18s}
.asi-tile:hover{box-shadow:0 8px 18px rgba(15,19,32,.13);transform:translateY(-3px)}
.asi-tile .im{height:120px;background:#f2f4f8 center/cover no-repeat;display:flex;align-items:center;justify-content:center;
  color:#aeb6c4;font-size:12px;border-bottom:1px solid #eef0f4}
.asi-tiles.big .asi-tile .im{height:150px}
.asi-tile .nm{padding:11px 12px 3px;font-weight:700;font-size:13.5px;line-height:1.25;flex:1}
.asi-tile .ct{padding:0 12px 11px;font-size:12px;color:#8a90a0}

/* ===== ПОПУЛЯРНЫЕ ТОВАРЫ ===== */
.asi-pop{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.asi-pcard{border:1px solid var(--asi-line);border-top:3px solid var(--asi-brand);background:#fff;padding:12px;text-align:center;
  text-decoration:none;color:var(--asi-navy);display:block;transition:box-shadow .18s,transform .18s}
.asi-pcard:hover{box-shadow:0 8px 18px rgba(15,19,32,.13);transform:translateY(-3px)}
.asi-pcard .im{height:130px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border-bottom:1px solid #eef0f4;padding-bottom:8px}
.asi-pcard .im img{max-width:100%;max-height:118px;object-fit:contain}
.asi-pcard .nm{font-size:13px;min-height:34px;line-height:1.25}
.asi-pcard .pr{font-weight:800;font-size:16px;margin:7px 0 9px;color:var(--asi-navy)}
.asi-pcard .bu{display:inline-block;background:var(--asi-brand);color:#fff;border-radius:30px;padding:8px 22px;font-size:13px;font-weight:700}

/* ===== О ЗАВОДЕ (SEO-текст) ===== */
.asi-about{font-size:14.5px;line-height:1.65;color:#3b4150}
.asi-about p{margin:0 0 12px}

/* ===== FAQ ===== */
.asi-faq2 details{border:1px solid var(--asi-line);border-left:3px solid var(--asi-brand);margin-bottom:10px;background:#fff}
.asi-faq2 summary{cursor:pointer;font-weight:700;font-size:15px;color:var(--asi-navy);padding:14px 18px;list-style:none;position:relative}
.asi-faq2 summary::-webkit-details-marker{display:none}
.asi-faq2 summary:after{content:'+';position:absolute;right:18px;color:var(--asi-brand);font-weight:700;font-size:20px;line-height:1}
.asi-faq2 details[open] summary:after{content:'–'}
.asi-faq2 .ans{padding:0 18px 15px;font-size:14px;line-height:1.6;color:#4a5160}

/* ===== CTA ===== */
.asi-cta{margin-top:34px;background:var(--asi-brand);color:#fff;padding:22px 28px;display:flex;gap:20px;
  align-items:center;justify-content:space-between;flex-wrap:wrap}
.asi-cta b{font-size:20px}
.asi-cta a{background:#fff;color:var(--asi-brand);border-radius:30px;padding:12px 28px;font-weight:800;text-decoration:none}

/* ===== СТАТЬИ ===== */
.asi-arts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.asi-art{border:1px solid var(--asi-line);background:#fff;text-decoration:none;color:inherit;display:block;transition:box-shadow .18s,transform .18s}
.asi-art:hover{box-shadow:0 8px 18px rgba(15,19,32,.12);transform:translateY(-3px)}
.asi-art .im{height:160px;background:#f2f4f8 center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:#aeb6c4;font-size:12px}
.asi-art .bd{padding:14px 16px}
.asi-art h4{margin:0 0 8px;font-size:15px;color:var(--asi-navy);line-height:1.3}
.asi-art p{margin:0;font-size:13px;color:#5d6470;line-height:1.45}

@media(max-width:1024px){.asi-tiles{grid-template-columns:repeat(3,1fr)}.asi-pop{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.asi-hero-grid{grid-template-columns:1fr}.asi-hero-form{margin:0;max-width:none}
  .asi-tiles,.asi-tiles.big,.asi-pop{grid-template-columns:repeat(2,1fr)}.asi-arts{grid-template-columns:1fr}}
@media(max-width:560px){.asi-tiles,.asi-tiles.big,.asi-pop{grid-template-columns:1fr}.asi-hero h1{font-size:25px}}

/* ===== Отступы между блоками 70px (правка клиента 2026-06-09) ===== */
.asi-blocks .asi-sec-title{margin-top:70px}
.asi-cta{margin-top:70px}


/* ============================================================
   Карточка V1 + чистые блоки (убраны оранж полосы) — 2026-06-09
   ============================================================ */

/* — Листинг: убрать оранж верх, hover-подъём — */
.product-list .product-item{border-top:1px solid var(--asi-line) !important}
.product-list .product-item.not-mobile:hover{box-shadow:0 8px 20px rgba(15,19,32,.14);transform:translateY(-2px)}

/* — Ряд действий: [сравнение] [Заказать] [избранное] — */
.product-list .addtocart-form{display:flex;align-items:center;gap:7px}
.product-list .addtocart-form input[type="submit"]{order:2;flex:1 1 auto;margin:0}
.product-list .addtocart-form .action-icon{order:3;flex:0 0 36px;width:36px;height:36px;border-radius:50%;
  border:1px solid var(--asi-line);display:flex;align-items:center;justify-content:center;color:#9aa1b0;background:#fff;margin:0}
.product-list .addtocart-form .compare-link{order:1}
.product-list .addtocart-form .action-icon:hover,
.product-list .addtocart-form .action-icon.active{color:var(--asi-brand);border-color:var(--asi-brand)}

/* — Название крупнее — */
.product-list .product-item span.table,
.product-list .product-item span.thumbs{font-size:18px;font-weight:600;line-height:1.25}

/* — Метка «Хит!» — */
.product-list .image{position:relative}
.product-list .badge.bestseller{position:absolute;top:8px;left:8px;z-index:3;background:var(--asi-brand);color:#fff;
  padding:4px 11px;border-radius:30px;font-size:11px;font-weight:700;text-transform:uppercase;
  box-shadow:0 2px 6px rgba(228,100,14,.3);width:auto}
.product-list .badge.bestseller span{color:#fff}

/* — Плитки ЖБИ (T1): убрать оранж верх, акцент на hover — */
.asi-tile{border-top:1px solid var(--asi-line)}
.asi-tile:hover{border-color:var(--asi-brand)}
.asi-tile:hover .nm{color:var(--asi-brand)}

/* — Плитки «другие разделы» (T3): компактные с круглым фото — */
.asi-tiles.t3{grid-template-columns:repeat(4,1fr)}
.asi-tile3{border:1px solid var(--asi-line);background:#fff;text-decoration:none;color:var(--asi-navy);
  display:flex;align-items:center;gap:13px;padding:14px 16px;transition:.18s}
.asi-tile3:hover{border-color:var(--asi-brand);box-shadow:0 6px 16px rgba(15,19,32,.1)}
.asi-tile3 .ic{flex:0 0 50px;width:50px;height:50px;border-radius:50%;background:#eef1f7 center/cover no-repeat}
.asi-tile3 .nm{font-weight:700;font-size:14px;line-height:1.2}
.asi-tile3 .ct{font-size:12px;color:#8a90a0;margin-top:2px}

/* — Популярные (home) и преимущества: убрать оранж верх — */
.asi-pcard{border-top:1px solid var(--asi-line)}
.asi-pcard .nm{font-size:14px}
.asi-adv .it{border-top:1px solid var(--asi-line)}

@media(max-width:900px){.asi-tiles.t3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.asi-tiles.t3{grid-template-columns:1fr}}

/* ============================================================
   Правки 09.06 (3-я итерация): hero / прозрачный фон / карточка популярных
   ============================================================ */

/* — Hero: внутр. отступ 80px, преимущества в столбик — */
.asi-hero-grid{padding:80px 0}
.asi-hero ul{flex-direction:column;gap:9px}

/* — Прозрачный фон контента на главной — */
.content>.wrap.asi-home-wrap{background:transparent}

/* — Карточка популярных: ряд [сравнение][Заказать][избранное] + «Хит!» — */
.asi-pcard{position:relative}
.asi-pcard .im{position:relative}
.asi-pcard .nm{display:block;text-decoration:none;color:var(--asi-navy);font-size:14px;min-height:34px;line-height:1.25}
.asi-pcard .nm:hover{color:var(--asi-brand)}
.asi-pcard .badge.bestseller{position:absolute;top:6px;left:6px;z-index:3;background:var(--asi-brand);color:#fff;
  padding:4px 11px;border-radius:30px;font-size:11px;font-weight:700;text-transform:uppercase;width:auto;
  box-shadow:0 2px 6px rgba(228,100,14,.3)}
.asi-pcard .badge.bestseller span{color:#fff}
.asi-pcard form.addtocart{margin:0}
.asi-pcard .addtocart-form{display:flex;align-items:center;gap:7px}
.asi-pcard .addtocart-form input[type="submit"]{order:2;flex:1 1 auto;background:var(--asi-brand);color:#fff;border:0;
  border-radius:30px;padding:10px 8px;font-weight:700;font-size:13px;cursor:pointer;margin:0}
.asi-pcard .addtocart-form input[type="submit"]:hover{background:var(--asi-brand-d)}
.asi-pcard .addtocart-form .action-icon{order:3;flex:0 0 36px;width:36px;height:36px;border-radius:50%;
  border:1px solid var(--asi-line);display:flex;align-items:center;justify-content:center;color:#9aa1b0;background:#fff;text-decoration:none}
.asi-pcard .addtocart-form .compare-link{order:1}
.asi-pcard .addtocart-form .action-icon:hover,
.asi-pcard .addtocart-form .action-icon.active{color:var(--asi-brand);border-color:var(--asi-brand)}

/* ===== Шапка: иконки в строку с лого (чёрная панель убрана) — 09.06 ===== */
.asi-header-icons{display:flex;gap:10px;justify-content:flex-end;align-items:center;list-style:none;margin:0 0 6px;padding:0}
.asi-header-icons li{position:relative;margin:0;float:none}
.asi-header-icons a{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;
  background:#f2f4f8;color:var(--asi-navy);position:relative;transition:.15s;text-decoration:none}
.asi-header-icons a:hover{background:var(--asi-brand);color:#fff}
.asi-header-icons a i{font-size:18px}
.asi-header-icons .indicator{position:absolute;top:-3px;right:-3px;background:var(--asi-brand);color:#fff;font-size:10px;
  font-weight:700;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}
.asi-header-icons a.grey .indicator{background:#aab0be}

/* ===== Шапка: 4 контейнера (лого/поиск/контакты/иконки) — 09.06 ===== */
.asi-header-4col{display:flex;align-items:center;gap:22px;flex-wrap:nowrap}
.asi-header-4col .asi-hcol{margin:0}
.asi-hcol-logo{flex:0 0 auto}
.asi-hcol-logo .logo{margin:0;padding:0}
.asi-hcol-logo .logo img{max-height:52px;width:auto}
.asi-hcol-search{flex:1 1 auto;min-width:0}
.asi-hcol-search .search{float:none;width:auto;margin:0}
.asi-hcol-search .search .search-input-field{width:100%;box-sizing:border-box}
.asi-hcol-contacts{flex:0 0 auto}
.asi-hcol-contacts .header-bl-2{float:none;margin:0;padding:0;text-align:left;width:auto}
.asi-hcol-contacts .phone{font-weight:700;font-size:18px;color:var(--asi-navy);margin:0}
.asi-hcol-contacts .asi-hemail{display:block;color:var(--asi-navy) !important;font-size:14px;margin:3px 0;text-decoration:none}
.asi-hcol-contacts .asi-hemail:hover{color:var(--asi-brand) !important}
.asi-hcol-contacts .workhours{font-size:12.5px;color:#7a8190;margin:0}
.asi-hcol-icons{flex:0 0 auto}
.asi-hcol-icons .asi-header-icons{margin:0}
@media(max-width:1024px){
  .asi-header-4col{flex-wrap:wrap;gap:14px}
  .asi-hcol-search{order:5;flex:1 1 100%}
}

/* ===== Контакты в шапке: телефон → почта → график (порядок) ===== */
.asi-hcol-contacts .header-bl-2{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.asi-hcol-contacts .phone{order:1;font-weight:700;font-size:17px}
.asi-hcol-contacts .asi-hemail{order:2}
.asi-hcol-contacts .workhours{order:3}

/* ===== Шапка: белый на всю ширину + равные промежутки + фикс отступа телефона ===== */
#header{background:#fff;width:100%}
.asi-header-4col{justify-content:space-between;gap:20px}
.asi-hcol-search{flex:0 1 380px}
.asi-hcol-contacts .header-bl-2{gap:1px}
.asi-hcol-contacts .phone{margin:0 !important;padding:0 !important;line-height:1.25}
.asi-hcol-contacts .phone *{margin:0 !important;padding:0 !important}

/* ===== Шапка: контент на всю ширину, равномерно ===== */
#header .wrap{max-width:none;width:auto;margin:0;padding-left:45px;padding-right:45px;box-sizing:border-box}
.asi-header-4col{justify-content:space-between;gap:24px}

/* ===== Шапка: контент вернуть к исходной ширине (белый #header остаётся full-width) ===== */
#header .wrap{width:960px;max-width:none;margin:0 auto;padding:0}
@media only screen and (min-width:1297px){#header .wrap{width:1280px}}
/* 10px под телефоном */
.asi-hcol-contacts .phone{margin:0 0 10px 0 !important}

/* ===== Шапка: перебить table-layout темы на flex (равные промежутки) ===== */
.header-bottom .header-type.asi-header-4col{display:flex !important;width:100%;justify-content:space-between;align-items:center;gap:24px}
.header-bottom .header-type.asi-header-4col > div{display:block !important;width:auto !important;vertical-align:middle}
.asi-hcol-contacts .header-bl-2{float:none !important;width:auto !important}

/* убрать 10px под телефоном (встало на место) */
.asi-hcol-contacts .phone{margin-bottom:0 !important}

/* ===== Мобильная шапка (≤760px) ===== */
@media only screen and (max-width:760px){
  /* сброс зафиксированной ширины контейнера шапки */
  #header .wrap{width:auto !important;max-width:none !important;padding:0 12px !important}
  /* скрыть штатный мобильный дубль (лого+контакты) и дубль-поиск */
  .header-mobile-type{display:none !important}
  #header .wrap.search-block.mobile-block{display:none !important}
  /* мой header-type — в 2 ряда: (лого + иконки) / поиск */
  .header-bottom .header-type.asi-header-4col{flex-wrap:wrap !important;gap:10px !important;padding:10px 0 !important;justify-content:space-between !important;align-items:center}
  .asi-hcol-logo{order:1;flex:0 1 auto}
  .asi-hcol-logo .logo img{max-height:40px}
  .asi-hcol-icons{order:2;flex:0 0 auto}
  .asi-hcol-icons .asi-header-icons{gap:8px}
  .asi-hcol-icons .asi-header-icons a{width:38px;height:38px}
  .asi-hcol-search{order:3;flex:1 1 100%}
  .asi-hcol-search .search,.asi-hcol-search .search .search-input-field{width:100% !important;box-sizing:border-box}
  /* контакты прячем на мобиле (компактно; телефон в меню/футере) */
  .asi-hcol-contacts{display:none !important}
}

/* ===== Мобильная шапка (≤760px) — фикс специфичности ===== */
@media only screen and (max-width:760px){
  #header .wrap{width:auto !important;max-width:none !important;padding:0 12px !important}
  .header-mobile-type{display:none !important}
  #header .wrap.search-block.mobile-block{display:none !important}
  .header-bottom .header-type.asi-header-4col{flex-wrap:wrap !important;gap:10px !important;padding:10px 0 !important;justify-content:space-between !important}
  .header-bottom .header-type.asi-header-4col > .asi-hcol-contacts{display:none !important}
  .header-bottom .header-type.asi-header-4col > .asi-hcol-logo{order:1 !important;flex:0 1 auto !important}
  .header-bottom .header-type.asi-header-4col > .asi-hcol-icons{order:2 !important;flex:0 0 auto !important}
  .header-bottom .header-type.asi-header-4col > .asi-hcol-search{order:3 !important;flex:1 1 100% !important}
  .asi-hcol-logo .logo img{max-height:42px}
  .asi-hcol-icons .asi-header-icons{gap:8px}
  .asi-hcol-icons .asi-header-icons a{width:38px;height:38px}
  .asi-hcol-search .search,.asi-hcol-search .search .search-input-field{width:100% !important;box-sizing:border-box}
}

/* мобила: уменьшить лого и иконки чтобы влезли в ряд */
@media only screen and (max-width:760px){
  .asi-hcol-logo .logo img{max-height:34px !important}
  .header-bottom .header-type.asi-header-4col > .asi-hcol-logo{flex:0 1 auto !important;max-width:58% !important}
  .asi-hcol-icons .asi-header-icons{gap:6px}
  .asi-hcol-icons .asi-header-icons a{width:34px;height:34px}
  .asi-hcol-icons .asi-header-icons a i{font-size:15px}
}

/* мобила: сбросить навязанную тему ширину #cart (70px) */
@media only screen and (max-width:760px){
  .asi-header-icons #cart{width:auto !important;overflow:visible !important}
  .asi-header-icons #cart > a{border:0 !important}
  .asi-header-icons #cart .price{display:none !important}
}

/* мобила: лого ещё меньше + иконки компактнее, чтобы всё влезло в ряд */
@media only screen and (max-width:760px){
  .asi-hcol-logo .logo img{max-height:28px !important}
  .header-bottom .header-type.asi-header-4col > .asi-hcol-logo{flex:0 1 auto !important;max-width:52% !important}
  .asi-hcol-icons .asi-header-icons{gap:5px !important}
  .asi-hcol-icons .asi-header-icons a{width:32px !important;height:32px !important}
  .asi-hcol-icons .asi-header-icons a i{font-size:14px !important}
  .asi-hcol-icons .asi-header-icons .indicator{min-width:14px;height:14px;font-size:9px;top:-2px;right:-2px}
}

/* ===== Мобила v2: шапка = лого+контакты, низ = закреплённый бар ===== */
.asi-mobbar,.asi-mobsearch{display:none}
@media only screen and (max-width:760px){
  /* шапка: только лого + контакты в одну строку */
  .header-bottom .header-type.asi-header-4col{flex-wrap:nowrap !important;gap:10px !important;padding:9px 0 !important;justify-content:space-between !important;align-items:center}
  .header-bottom .header-type.asi-header-4col > .asi-hcol-logo{order:1 !important;flex:0 1 auto !important;max-width:55% !important}
  .header-bottom .header-type.asi-header-4col > .asi-hcol-contacts{display:block !important;order:2 !important;flex:0 1 auto !important}
  .header-bottom .header-type.asi-header-4col > .asi-hcol-search{display:none !important}
  .header-bottom .header-type.asi-header-4col > .asi-hcol-icons{display:none !important}
  .asi-hcol-logo .logo img{max-height:34px !important}
  .asi-hcol-contacts .header-bl-2{align-items:flex-end !important;text-align:right}
  .asi-hcol-contacts .workhours{display:none !important}
  .asi-hcol-contacts .phone{font-size:15px !important}
  .asi-hcol-contacts .asi-hemail{font-size:11.5px !important;margin:2px 0 0 !important}

  /* нижнее закреплённое меню */
  .asi-mobbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#fff;border-top:1px solid var(--asi-line);box-shadow:0 -2px 10px rgba(0,0,0,.08)}
  .asi-mb-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 0 6px;color:var(--asi-navy);text-decoration:none;font-size:10px;position:relative}
  .asi-mb-item i{font-size:19px;line-height:1}
  .asi-mb-item:active{background:#f5f7fa}
  .asi-mb-item .indicator{position:absolute;top:2px;left:50%;margin-left:5px;background:var(--asi-brand);color:#fff;font-size:9px;font-weight:700;min-width:15px;height:15px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px}
  .asi-mb-item.grey .indicator{background:#aab0be}
  .asi-mobsearch{display:none;position:fixed;left:0;right:0;bottom:57px;z-index:9999;background:#fff;padding:10px 12px;border-top:1px solid var(--asi-line);box-shadow:0 -2px 10px rgba(0,0,0,.1)}
  .asi-mobsearch.open{display:block}
  .asi-mobsearch form{display:flex;gap:8px;margin:0}
  .asi-mobsearch input{flex:1;border:1px solid #d7dce4;border-radius:30px;padding:10px 16px;font-size:14px;min-width:0}
  .asi-mobsearch button{background:var(--asi-brand);color:#fff;border:0;border-radius:50%;width:42px;height:42px;flex:0 0 42px}
  body.mobile{padding-bottom:60px}
}

/* мобила: лого-картинка не должна вылезать за свою колонку */
@media only screen and (max-width:760px){
  .header-bottom .header-type.asi-header-4col > .asi-hcol-logo{max-width:50% !important}
  .asi-hcol-logo .logo img{max-width:100% !important;height:auto !important}
  .asi-hcol-contacts{min-width:140px}
}

/* мобила: жёстко ограничить ширину логотипа в px */
@media only screen and (max-width:760px){
  .asi-hcol-logo .logo{max-width:100% !important;display:block}
  .asi-hcol-logo .logo img{max-width:160px !important;max-height:38px !important;width:auto !important;height:auto !important}
}

/* мобила: кнопку «вверх» поднять над нижним баром */
@media only screen and (max-width:760px){
  #go-top{bottom:74px !important;right:14px !important;z-index:9998}
}

/* мобила: отступы контента от краёв экрана */
@media only screen and (max-width:760px){
  .content > .wrap{padding-left:16px !important;padding-right:16px !important;box-sizing:border-box}
  .asi-hero > .wrap{padding-left:16px !important;padding-right:16px !important;box-sizing:border-box}
}

/* ASI: вкладки Доставка/Оплата на карточке товара (2026-06-10) */
#tab-content .asi-dp-tab{grid-template-columns:1fr;gap:0;margin:2px 0}
#tab-content .asi-dp-tab .asi-card{border:none;border-top:none;padding:4px 0}
#tab-content .asi-dp-tab .asi-card h3{font-size:15px;margin-bottom:14px}
#tab-content .asi-dp-tab .asi-pill{margin-top:16px}

/* ASI: хаб-плитка категории ЖБИ (2026-06-10) */
.asi-hub-tiles{margin:6px 0 26px}
.category-content .asi-hub-tiles .asi-tiles{grid-template-columns:repeat(4,1fr)}
@media(max-width:1024px){.category-content .asi-hub-tiles .asi-tiles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.category-content .asi-hub-tiles .asi-tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.category-content .asi-hub-tiles .asi-tiles{grid-template-columns:1fr}}

/* ASI: блок «Также может быть интересно» на категориях (2026-06-10) */
.asi-rel-title{margin-top:30px}
.category-content .asi-rel{grid-template-columns:repeat(4,1fr);clear:both}
@media(max-width:1024px){.category-content .asi-rel{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.category-content .asi-rel{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.category-content .asi-rel{grid-template-columns:1fr}}

/* ===== ASI: правки по фидбеку 2026-06-10 #2 ===== */
/* метка «Хит» — компактная пилюля, не на всю ширину карточки */
.product-list .badge.bestseller,
.asi-pcard .badge.bestseller{right:auto!important;width:auto!important;max-width:none;display:inline-block}
/* отступ контента вкладок от таб-бара (контент не заезжает под вкладки) */
#tab-content{padding-top:40px}
/* сайдбар категорий: без аппекейса, размер 14px */
.categories-tree .h4,
.categories-tree .h4 a{text-transform:none!important}
.categories-tree a{font-size:14px!important}
/* CTA «Есть вопросы по товару» */
.asi-pcta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;background:var(--asi-navy);color:#fff;padding:22px 26px;margin:26px 0;border-left:4px solid var(--asi-brand)}
.asi-pcta-t{flex:1 1 300px}
.asi-pcta-t b{display:block;font-size:18px;font-weight:800;margin-bottom:5px}
.asi-pcta-t span{font-size:13.5px;opacity:.85;line-height:1.4}
.asi-pcta-form{flex:1 1 320px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.asi-pcta-form input[type=text],.asi-pcta-form input[type=tel]{flex:1 1 130px;border:1px solid #fff;border-radius:6px;padding:11px 13px;font-size:14px;background:#fff;color:#222}
.asi-pcta-form .asi-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.asi-pcta-form button{flex:0 0 auto;background:var(--asi-brand);color:#fff;border:0;border-radius:30px;padding:12px 26px;font-size:14px;font-weight:700;cursor:pointer}
.asi-pcta-form button:hover{background:var(--asi-brand-d)}
.asi-pcta-form button:disabled{opacity:.6;cursor:default}
.asi-pcta-msg{flex:1 1 100%;font-size:13px;font-weight:700;background:rgba(255,255,255,.95);padding:7px 12px;border-radius:5px}
.asi-pcta-msg:empty{display:none;padding:0}
@media(max-width:560px){.asi-pcta{padding:18px}.asi-pcta-form button{width:100%}}

/* ASI: листинг-карточка категории = единый вид с блоком «Также интересно» (2026-06-10 #3) */
.product-list .product-item{box-shadow:none!important;padding:12px!important}
.product-list .product-item .price{color:var(--asi-navy)!important;font-weight:800!important}
.product-list .product-item .rating{display:none!important}

/* ASI: точное выравнивание карточки листинга под эталон .asi-pcard (2026-06-10 #4) */
.product-list .product-item span.thumbs,
.product-list .product-item span.table{font-size:14px!important;font-weight:400!important;line-height:1.25!important}
.product-list .product-item input[type="submit"]{font-size:13px!important;font-weight:700!important;padding:10px 8px!important}
.product-list .product-item .product-image img{max-height:118px!important}

/* ASI #5 (rev2 2026-06-10): фикс-высота ФОТО-БЛОКА листинга = как у .asi-pcard (внешний .image темы был 200px → лишний пустой gap снизу). Высоту фиксируем на самом .image. */
.product-list .product-item .image{height:130px!important;min-height:0!important;display:flex!important;
  align-items:center;justify-content:center;border-bottom:1px solid #eef0f4;padding-bottom:8px;margin-bottom:10px;overflow:hidden}
.product-list .product-item .product-image{display:block;height:auto;border:0;padding:0;margin:0;max-height:118px}
.product-list .product-item .image img,
.product-list .product-item .product-image img{max-height:118px!important;width:auto!important;margin:0 auto}

/* ASI #8: выровнять карточки листинга по высоте — резерв 2 строк под заголовок (2026-06-10).
   ВАЖНО: display:block только для спана АКТИВНОГО режима (тема: ul.product-list[.table] —
   .product-list .table{display:none} / .product-list.table .thumbs{display:none}),
   иначе показываются ОБА названия (дубль, баг 2026-06-12) */
.product-list:not(.table) .product-item span.thumbs,
.product-list.table .product-item span.table{display:block;min-height:35px;line-height:1.25;margin:0 0 4px}
.product-list.table-small .product-item span.thumbs,
.product-list.table-small .product-item span.table{display:none!important}
/* эталон .asi-pcard .nm уже min-height:34px — приведём к 35 для совпадения */
.asi-pcard .nm{min-height:35px}

/* ===== Цена по запросу (товары без цены) — 2026-07-16 ===== */
.asi-price-request{color:#0b2a4a;font-weight:700;white-space:nowrap}
.product-list .asi-price-request{font-size:17px}
.asi-request-box{display:flex;flex-direction:column;gap:10px;max-width:420px}
.asi-request-note{font-size:14px;line-height:1.5;color:#5a6b7d}
/* ASI 2026-07-20: кнопка «Запросить цену» = как оранжевая «Заказать» (единый вид карточек) */
a.asi-req-btn{display:inline-block;background:var(--asi-brand);color:#fff !important;border:0;border-radius:4px;
  padding:10px 20px;font-weight:600;font-size:14px;text-decoration:none;text-align:center;
  vertical-align:middle;line-height:1.2;cursor:pointer;transition:background .15s}
a.asi-req-btn:hover{background:var(--asi-brand-d);color:#fff !important;text-decoration:none}
.product-list a.asi-req-btn{padding:8px 14px;font-size:13px}

/* ===== Сертификаты и паспорта качества (материалы клиента 2026-07-20) ===== */
.asi-certs{margin-bottom:10px}
.asi-certs-lead{font-size:15px;line-height:1.6;color:#33404f;margin:0 0 16px}
.asi-certs-lead b{color:var(--asi-navy)}
.asi-certs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.asi-cert{display:flex;align-items:center;gap:14px;border:1px solid var(--asi-line);border-top:3px solid var(--asi-brand);
  background:#fff;padding:16px 18px;text-decoration:none;transition:box-shadow .15s,transform .15s}
.asi-cert:hover{box-shadow:0 6px 18px rgba(20,23,46,.12);transform:translateY(-2px);text-decoration:none}
.asi-cert-ic{flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:var(--asi-navy);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;letter-spacing:.5px;
  box-shadow:inset 0 0 0 3px #fff}
.asi-cert-b{display:flex;flex-direction:column;gap:3px}
.asi-cert-t{font-weight:800;font-size:15px;color:var(--asi-navy);line-height:1.2}
.asi-cert-m{font-size:13px;color:#5a6b7d;line-height:1.35}
.asi-certs-note{font-size:13.5px;color:#5a6b7d;line-height:1.5;margin:16px 0 0}
.asi-certs-note a{color:var(--asi-brand);font-weight:600}
#asi-certs .asi-certs{padding-top:4px}
@media(max-width:900px){.asi-certs-grid{grid-template-columns:1fr}}

/* ===== Галереи: объекты + производство (материалы клиента 2026-07-20) ===== */
.asi-obiekty-lead,.asi-zavod-lead{font-size:15px;line-height:1.6;color:#33404f;margin:0 0 16px}
.asi-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.asi-gitem{display:block;overflow:hidden;border:1px solid var(--asi-line);border-top:3px solid var(--asi-brand);background:#fff;line-height:0}
.asi-gitem img{width:100%;height:190px;object-fit:cover;display:block;transition:transform .3s}
.asi-gitem:hover img{transform:scale(1.06)}
.asi-gallery.asi-g3{grid-template-columns:repeat(3,1fr)}
.asi-gallery.asi-g3 .asi-gitem img{height:230px}
@media(max-width:900px){.asi-gallery,.asi-gallery.asi-g3{grid-template-columns:repeat(2,1fr)}.asi-gitem img{height:150px}}
@media(max-width:480px){.asi-gallery,.asi-gallery.asi-g3{grid-template-columns:1fr}.asi-gitem img{height:210px}}

/* ===== Микро-расчёт карточки (цена/м² + шт в машине) — ВОССТАНОВЛЕН 2026-07-20 (SVG-грузовик раздувался) ===== */
.asi-pcalc{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 6px}
.asi-pcalc-i{display:flex;align-items:center;gap:10px;border:1px solid var(--asi-line);border-top:3px solid var(--asi-brand);background:#fff;padding:9px 14px}
.asi-pcalc-i .ic{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--asi-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;box-shadow:inset 0 0 0 3px #fff}
.asi-pcalc-i .ic svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.asi-pcalc-i .tx{display:flex;flex-direction:column;line-height:1.2}
.asi-pcalc-i .tx b{color:var(--asi-navy);font-size:15px;font-weight:800}
.asi-pcalc-i .tx i{color:#5a6b7d;font-size:12px;font-style:normal;margin-top:1px}

/* ===== Сертификаты картинками (превью документа целиком) ===== */
.asi-certs-gallery .asi-gitem img{height:300px;object-fit:contain;background:#f4f6f9;padding:6px}
@media(max-width:900px){.asi-certs-gallery .asi-gitem img{height:360px}}

/* ===== Лайтбокс галерей (объекты/производство/сертификаты) 2026-07-20 ===== */
.asi-gallery a.asi-gitem{cursor:zoom-in}
.asi-lb{position:fixed;inset:0;background:rgba(15,18,34,.93);z-index:99999;display:none;align-items:center;justify-content:center}
.asi-lb.open{display:flex}
.asi-lb-img{max-width:92vw;max-height:88vh;box-shadow:0 12px 60px rgba(0,0,0,.55);background:#fff}
.asi-lb-close{position:absolute;top:16px;right:26px;color:#fff;font-size:40px;cursor:pointer;line-height:1;font-family:Arial,sans-serif}
.asi-lb-prev,.asi-lb-next{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:46px;cursor:pointer;padding:10px 16px;user-select:none;font-family:Arial,sans-serif}
.asi-lb-prev{left:10px}.asi-lb-next{right:10px}
.asi-lb-prev:hover,.asi-lb-next:hover,.asi-lb-close:hover{color:var(--asi-brand)}
.asi-lb-count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;opacity:.85}
@media(max-width:600px){.asi-lb-prev,.asi-lb-next{font-size:32px;padding:8px 10px}}

/* ===== Доставка: фото автопарка в начале, обтекание текстом ===== */
.asi-dost-photo{float:left;width:340px;max-width:42%;margin:4px 22px 14px 0;border:1px solid var(--asi-line);border-top:3px solid var(--asi-brand)}
.asi-dost-photo img{width:100%;display:block}
@media(max-width:600px){.asi-dost-photo{float:none;width:100%;max-width:100%;margin:0 0 16px}}


/* ===== 2026-08-10: виджет JivoChat не должен перекрывать корзину в нижнем баре =====
   Клиенты жаловались: «кнопка с конвертом перекрывает корзину, как попасть в корзину?».
   Нижний бар .asi-mobbar висит fixed bottom:0 высотой ~57px, корзина в нём — крайняя справа,
   ровно под плавающей кнопкой Jivo. Поднимаем виджет над баром.
   Классы Jivo обфусцированы и меняются от сборки, поэтому селекторы широкие. */
@media only screen and (max-width: 760px){
  jdiv[class*="button"],
  jdiv[class*="Button"],
  jdiv[class*="label"],
  jdiv[class*="Label"],
  #jvlabelWrap{
    bottom: 70px !important;
  }
}

/* ASI 2026-08-12: единица измерения рядом с ценой (фича 14) */
.asi-unit{font-size:.62em;font-weight:400;color:#8a93a5;letter-spacing:.2px;white-space:nowrap}
.prices .asi-unit{display:inline-block;margin-left:2px}
.all-price .asi-unit{font-size:.5em;vertical-align:baseline;margin-left:4px}


/* ============================================================
   ПОЗИЦИОНИРОВАНИЕ: своё производство ЖБИ + официальное дилерство — 2026-08-19
   Три плитки: 3 колонки -> 1. Промежуточных двух колонок НЕТ намеренно:
   при двух в последнем ряду оставалась бы одна плитка, а сетки держим полными.
   ============================================================ */
.asi-pos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.asi-pos .it{border:1px solid var(--asi-line);border-top:3px solid var(--asi-brand);
  padding:20px 20px 18px;background:#fff;transition:box-shadow .18s ease,transform .18s ease}
.asi-pos .it:hover{box-shadow:0 6px 16px rgba(15,19,32,.12);transform:translateY(-2px)}
.asi-pos .ic{width:48px;height:48px;border-radius:50%;background:var(--asi-navy);
  display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.asi-pos .ic svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:1.7}
.asi-pos .tt{font-weight:800;font-size:15.5px;margin:0 0 6px;color:var(--asi-navy);line-height:1.25}
.asi-pos .ds{font-size:13px;line-height:1.5;color:#5d6470}
@media(max-width:900px){.asi-pos{grid-template-columns:1fr}}

/* ASI 2026-08-25: сквозная карусель логотипов брендов.
   Прокрутка на CSS, без JS: анимация сдвигает ленту ровно на половину её ширины,
   а лента — это список логотипов, продублированный дважды, поэтому стык незаметен.
   JS здесь был бы лишним риском: на живом сайте уже ловили вечный цикл в скрипте,
   а сломанная анимация не должна ронять страницу.

   ASI 2026-08-31: заголовок вынесен НАД белым блоком (как «Как мы работаем»),
   логотипы стали цветными и крупнее, добавлена ссылка на страницу партнёров.
   Обесцвеченные логотипы читались как выключенные, а не как спокойный фон. */
.asi-brands-out{border-top:1px solid var(--asi-line);background:#fff;padding:8px 0 30px}
.asi-brands-in{max-width:1200px;margin:0 auto;padding:0 16px}

/* Заголовок и ссылка в одну строку: ссылка прижата вправо, на узком экране переносится. */
.asi-brands-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px 16px;flex-wrap:wrap}
.asi-brands-more{font-size:13px;font-weight:700;text-transform:none;letter-spacing:0;
  color:var(--asi-brand);text-decoration:none;white-space:nowrap;border-bottom:1px solid transparent}
.asi-brands-more::after{content:" →"}
.asi-brands-more:hover{border-bottom-color:var(--asi-brand)}

/* Белый блок ленты — по типу соседних карточек: тонкая рамка и оранжевая кромка сверху. */
.asi-brands-card{border:1px solid var(--asi-line);border-top:3px solid var(--asi-brand);
  background:#fff;padding:22px 0 24px;overflow:hidden}

.asi-brands-vp{position:relative;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.asi-brands-track{display:flex;align-items:center;gap:64px;width:max-content;
  animation:asi-brands-run 46s linear infinite}
.asi-brands-vp:hover .asi-brands-track{animation-play-state:paused}

.asi-brand{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:76px}
.asi-brand img{max-height:60px;width:auto;max-width:210px;object-fit:contain;display:block;
  transition:transform .2s ease}
a.asi-brand{text-decoration:none}
a.asi-brand:hover img{transform:scale(1.06)}

@keyframes asi-brands-run{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

@media(max-width:560px){
  .asi-brands-out{padding:6px 0 22px}
  .asi-brands-card{padding:16px 0 18px}
  .asi-brands-more{font-size:12px}
  .asi-brands-track{gap:40px;animation-duration:32s}
  .asi-brand{height:58px}
  .asi-brand img{max-height:44px;max-width:150px}
}

/* Если человек попросил систему убрать анимацию — лента превращается в обычную
   сетку полными рядами: движение выключено, но логотипы видны все. */
@media(prefers-reduced-motion:reduce){
  .asi-brands-vp{-webkit-mask-image:none;mask-image:none}
  .asi-brands-track{animation:none;width:100%;flex-wrap:wrap;justify-content:center;gap:28px 44px;padding:0 16px}
  .asi-brand[aria-hidden="true"]{display:none}
}

/* ============================================================
   СТРАНИЦА ПАРТНЁРОВ — 2026-08-31
   Карточка = логотип + название + строчка о том, что возим.
   Заводы без логотипа не выкидываем: у них место логотипа занимает
   название текстом, иначе список врал бы о составе поставщиков.
   ============================================================ */
.asi-part-lead{font-size:15px;line-height:1.6;color:#4a515e;max-width:820px;margin:0 0 6px}
/* auto-fit, а не жёсткие 3 колонки: в группе «Керамические блоки» завод один,
   и в сетке из трёх колонок он оставлял два пустых места в ряду. Теперь ряд
   всегда заполнен: один завод растягивается на ширину, два делят её пополам. */
.asi-part-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin:0 0 8px}
.asi-part{border:1px solid var(--asi-line);border-top:3px solid var(--asi-brand);
  background:#fff;padding:18px;display:flex;flex-direction:column;gap:12px;
  transition:box-shadow .18s ease,transform .18s ease}
.asi-part:hover{box-shadow:0 6px 16px rgba(15,19,32,.12);transform:translateY(-2px)}
.asi-part-logo{height:64px;display:flex;align-items:center;justify-content:flex-start}
.asi-part-logo img{max-height:56px;max-width:180px;width:auto;object-fit:contain;display:block}
.asi-part-logo .nolog{font-weight:800;font-size:19px;color:var(--asi-navy);letter-spacing:.3px;line-height:1.15}
.asi-part-tt{font-weight:800;font-size:15.5px;color:var(--asi-navy);line-height:1.25;margin:0}
.asi-part-ds{font-size:13px;line-height:1.55;color:#5d6470;margin:0}
.asi-part-geo{font-size:12px;color:#8a919e;margin:0}


/* 🩸 Тема выравнивает текст страниц по формату (justify). В узкой карточке это
   рвёт строку дырами — «Полнотелый     строительный     М300     и». Внутри
   карточек выключку снимаем, на остальных страницах она остаётся как была. */
/* 🩸 Вес: тема бьёт правилом `.page-page p` — класс плюс тег, это весомее одного
   класса, и одиночный .asi-part-ds проигрывал. Поэтому селекторы утяжелены. */
.asi-part-grid .asi-part p,.asi-part-lead.asi-part-lead{text-align:left}

/* asi-city-2026-09-22: выбор города справа от логотипа */
.asi-hcol-logo{display:flex;align-items:center;gap:14px}
.asi-city{position:relative;font-size:14px;line-height:1.2;white-space:nowrap}
.asi-city summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #e3e3e3;border-radius:6px;color:#333;background:#fff}
.asi-city summary::-webkit-details-marker{display:none}
.asi-city summary:after{content:"";border:4px solid transparent;border-top-color:#888;margin:4px 0 0 2px}
.asi-city summary .fa{color:#e4640e}
.asi-city[open] summary{border-color:#e4640e}
.asi-city ul{position:absolute;left:0;top:calc(100% + 4px);z-index:1000;min-width:190px;margin:0;padding:6px 0;list-style:none;background:#fff;border:1px solid #e3e3e3;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.asi-city li{margin:0;padding:0}
.asi-city li a{display:block;padding:7px 14px;color:#333;text-decoration:none}
.asi-city li a:hover{background:#fdf0e7;color:#e4640e}
.asi-city li.cur a{font-weight:600;color:#e4640e}
@media (max-width:767px){.asi-city{font-size:13px}.asi-city summary{padding:4px 8px}}

/* asi-city-2026-09-22: колонку логотипа перебивает display:block !important темы */
.header-bottom .header-type.asi-header-4col > div.asi-hcol-logo{display:flex !important;align-items:center;gap:14px}

/* 2026-09-22: у страниц приложения «Сайт» (поддомены городов, политика) сайдбар категорий пустой — убираем колонку */
#yourshop.site #sidebar-categories{display:none}
#yourshop.site .content-sidebar{margin-left:0;padding-left:0}

/* asi-city: на телефоне выбор города под логотипом, иначе наезжает на телефон в шапке */
@media (max-width:767px){.header-bottom .header-type.asi-header-4col > div.asi-hcol-logo,.asi-hcol-logo{flex-direction:column;align-items:center;gap:4px}}