.vita5-utilbar{background:#f4f6f4;border-bottom:1px solid #e8ebe8;font-size:13px;}
.vita5-utilbar-in{max-width:1340px;margin:0 auto;padding:7px 16px;display:flex;flex-wrap:wrap;gap:4px 22px;justify-content:flex-end;align-items:center;}
.vita5-utilbar-in a{color:#5a6b5a;text-decoration:none;white-space:nowrap;transition:color .15s;}
.vita5-utilbar-in a:hover{color:#2e7d32;}
.vita5-usp-bar{position:relative;overflow:hidden;isolation:isolate;background:#2e7d32!important;background-image:none!important;color:#fff;font-size:13px;line-height:1.2;border:0!important;border-bottom:1px solid #286f2c!important;border-radius:0!important;box-shadow:none!important;clip-path:none!important;-webkit-mask:none!important;mask:none!important;}
.vita5-usp-bar::before,.vita5-usp-bar::after,.vita5-usp-inner::before,.vita5-usp-inner::after,.vita5-usp-item::after{content:none!important;display:none!important;}
.vita5-usp-inner{max-width:1340px;margin:0 auto;padding:8px 16px;display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:center;align-items:center;}
.vita5-usp-item{position:relative;padding-left:18px;white-space:nowrap;}
.vita5-usp-item::before{content:"✓";position:absolute;left:0;font-weight:700;color:#a5d6a7;}
.vita5-usp-item b{color:#fff;}
@media(max-width:768px){
  .vita5-utilbar-in{justify-content:center;gap:4px 14px;font-size:12px;}
  /*
   * Полоса преимуществ на телефоне — простая неподвижная строка, один пункт.
   *
   * ⛔ 23.09.2026, владелец: полоса должна быть простой, без смены пунктов.
   *    До этого все пункты лежали в одной ячейке и сменялись по кругу
   *    (анимация v5usp, 18 секунд на круг) — снято целиком.
   *    ⚠️ Возврат — решение владельца, не рефакторинг.
   *
   * Какой пункт виден: только первый — с 19.10.2026 это цена доставки
   *   («Доставка из США — 399 ₽ за посылку до 4 товаров», решение владельца). До 19.10 через :has()
   *   показывался пункт промокода FREE15; пункта больше нет — и правил :has() тоже.
   *
   * Строка одна при любой ширине: nowrap, а если текст всё же длиннее экрана —
   * многоточие, а не перенос (до 340 px — перенос, см. ниже).
   *
   * Зубчатый нижний край («ёлочка», скриншот владельца с iPhone 23.09.2026) этот
   * файл НЕ рисует: у полосы нет ни картинки фона, ни маски, ни clip-path, ни
   * псевдоэлементов, а правила выше ещё и гасят их с !important, если кто-то
   * снаружи их добавит.
   * ⛔ Зубцы лежали ПОВЕРХ полосы, а не в ней, и только на /checkout/: это край
   *    «чека» Woodmart у блока заказа (::before, top:-10px), который улетал к
   *    верху страницы, потому что vita5-checkout-polish.php делает блок static.
   *    Погашены там же, сторож — bin/check-checkout.py, пункт 6. Искать причину
   *    такого дефекта надо на той странице, где его видели, а не в рендере полосы.
   */
  .vita5-usp-bar{font-size:12px;}
  .vita5-usp-inner{display:block;padding:8px 12px;text-align:center;white-space:nowrap;overflow:hidden;}
  .vita5-usp-inner>.vita5-usp-item{display:none;}
  .vita5-usp-inner>.vita5-usp-item:first-child{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;box-sizing:border-box;}
}
/* ⚠️ 08.10.2026, багхант-5: на 280 px (Galaxy Fold) строка резалась многоточием и пропадало то,
   ради чего она (тогда код FREE15, с 19.10 — «до 4 товаров»). До 340 px строке можно в две строки:
   «✓ Доставка из США — 399 ₽ за посылку до 4 товаров» при 12px — около 300 px. */
@media (max-width:340px){
  .vita5-usp-inner>.vita5-usp-item:first-child{white-space:normal;overflow:visible;text-overflow:clip;padding-left:0;}
  /* 24.10.2026, багхант (HC-10): галочка стояла абсолютом у левого края блока, а текст в две строки
     центрирован — ✓ висела у первой строки в стороне. На узком экране галочка — в строке, перед словом. */
  .vita5-usp-inner>.vita5-usp-item:first-child::before{position:static;margin-right:5px;}
}
/* 24.10.2026, багхант: телефон боком (740×360, 844×390) — шире 768, и полоса шла тремя пунктами
   в две строки (56 px из 390). Как на телефоне: один пункт — цена доставки, одной строкой. */
@media (orientation:landscape) and (max-height:500px){
  .vita5-usp-bar{font-size:12px;}
  .vita5-usp-inner{display:block;padding:6px 12px;text-align:center;white-space:nowrap;overflow:hidden;}
  .vita5-usp-inner>.vita5-usp-item{display:none;}
  .vita5-usp-inner>.vita5-usp-item:first-child{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;box-sizing:border-box;}
}