/* =========================
   Sidebar widget: callback
   ========================= */

.right-sidebar aside.widget_text#text-11{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:10px;
  padding:18px 18px 16px;
  box-shadow:0 2px 6px rgba(0,0,0,.05);
}

/* Заголовок */
.right-sidebar aside.widget_text#text-11 > .widget-title{
  font-size:18px;
  line-height:1.25;
  font-weight:700;
  color:#1d1d1f;
  margin:0 0 14px;
  border:none !important;
  padding:0 !important;
}

/* Поля форми */
.right-sidebar aside.widget_text#text-11 .wpcf7 form p{
  margin:0 0 10px;
}
.right-sidebar aside.widget_text#text-11 .wpcf7 input[type="tel"],
.right-sidebar aside.widget_text#text-11 .wpcf7 input[type="text"],
.right-sidebar aside.widget_text#text-11 .wpcf7 input[type="email"]{
  width:100%;
  height:42px;
  border:1px solid #dfe3e8;
  border-radius:8px;
  padding:0 12px;
  font-size:15px;
  outline:none;
  background:#fff;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.right-sidebar aside.widget_text#text-11 .wpcf7 input:focus{
  border-color:#9bc460;
  box-shadow:0 0 0 3px rgba(151,202,71,.18);
}

/* Кнопка */
.right-sidebar aside.widget_text#text-11 .wpcf7 input[type="submit"],
.right-sidebar aside.widget_text#text-11 .wpcf7 .wpcf7-submit{
  display:inline-flex; align-items:center; justify-content:center;
  height:42px; padding:0 16px;
  border:none; border-radius:10px;
  background:#588427; color:#fff; font-weight:700; font-size:15px;
  cursor:pointer; transition:transform .12s ease, background .12s ease;
}
.right-sidebar aside.widget_text#text-11 .wpcf7 input[type="submit"]:hover{
  background:#476e21; transform:translateY(-1px);
}
.right-sidebar aside.widget_text#text-11 .wpcf7 input[type="submit"]:active{
  transform:translateY(0);
}

/* Спінер */
.right-sidebar aside.widget_text#text-11 .wpcf7 .wpcf7-spinner{
  margin-left:8px;
}

/* Адаптив */
@media (max-width: 768px){
  .right-sidebar aside.widget_text#text-11{
    padding:16px;
    border-radius:12px;
  }
  .right-sidebar aside.widget_text#text-11 .wpcf7 input[type="submit"]{
    width:100%;
  }
}

/* Поле телефону – на всю ширину */
.right-sidebar aside.widget_text#text-11 .wpcf7 input[type="tel"]{
  display:block;
  width:100%;
}

/* Контейнер кнопки */
.right-sidebar aside.widget_text#text-11 .wpcf7 p{
  margin:0;
  display:block; /* прибираємо flex */
}

/* Кнопка під інпутом, але вирівняна вправо */
.right-sidebar aside.widget_text#text-11 .wpcf7 input[type="submit"]{
  display:inline-block;
  margin-top:10px;     /* відступ вниз від поля */
  float:right;         /* вирівнювання вправо */
  min-width:120px;     /* однакова ширина для акуратності */
  text-align:center;
}

/* Повідомлення після відправки (успіх/помилка) */
.right-sidebar aside.widget_text#text-11 .wpcf7 .wpcf7-response-output{
  clear: both;                 
  margin-top:18px !important;  /* відступ від кнопки */
  padding:10px 12px;
  border:1px solid #dfe3e8;
  border-radius:8px;
  font-size:14px;
  line-height:1.4;
  background:#f8fdf4;          
  color:#2a4d14;
}

/* Ховати тільки коли блок порожній */
.right-sidebar aside.widget_text#text-11 .wpcf7 .wpcf7-response-output:empty{
  display:none !important;
}

/* Галочка тільки коли є текст (видиме повідомлення) */
.right-sidebar aside.widget_text#text-11 .wpcf7 .wpcf7-response-output:not(:empty):before{
  content:"✔";
  color:#4CAF50;
  font-weight:bold;
  font-size:18px;          /* збільшена галочка */
  margin-right:8px;
}

/* Стани форми від CF7 */
.right-sidebar aside.widget_text#text-11 .wpcf7 form.sent .wpcf7-response-output{
  /* Успішна відправка (після сабміту CF7 додає .sent) */
  background:#f8fdf4;
  color:#2a4d14;
  border-color:#dfe3e8;
}
.right-sidebar aside.widget_text#text-11 .wpcf7 form.invalid .wpcf7-response-output,
.right-sidebar aside.widget_text#text-11 .wpcf7 form.unaccepted .wpcf7-response-output,
.right-sidebar aside.widget_text#text-11 .wpcf7 form.spam .wpcf7-response-output{
  /* Помилки */
  background:#fff5f5;
  color:#7a1f1f;
  border-color:#f0c2c2;
}
.right-sidebar aside.widget_text#text-11 .wpcf7 form.invalid .wpcf7-response-output:before,
.right-sidebar aside.widget_text#text-11 .wpcf7 form.unaccepted .wpcf7-response-output:before,
.right-sidebar aside.widget_text#text-11 .wpcf7 form.spam .wpcf7-response-output:before{
  content:"✖";
  color:#e53935;
}

/* 1) Clearfix: аби рядок з кнопкою мав висоту попри float */
.right-sidebar aside.widget_text#text-11 .wpcf7 p::after{
  content:"";
  display:block;
  clear:both;
}

/* 2) Відступ у блоку повідомлення (форсимо поверх стилів CF7) */
.right-sidebar aside.widget_text#text-11 .wpcf7 .wpcf7-response-output{
  margin-top:18px !important; /* відступ під кнопкою */
}

/* === Single product: ПЕРЕВАГИ у сайдбарі — як у категоріях (єдина стилістика) === */
:root{
  --fb-icon:   56px;          /* розмір іконки на десктопі */
  --fb-gap:    12px;          /* відстань між іконкою та текстом */
  --fb-pad-y:  10px;          /* вертикальні відступи в айтемі */
  --fb-pad-x:  10px;          /* горизонтальні пади для айтема */
  --fb-sep:    #e9eedf;       /* розділювач між пунктами */
  --fb-bg:     #fff;          /* фон картки */
  --fb-border: #e6ebda;       /* рамка картки */
  --fb-radius: 10px;          /* скруглення картки */
  --fb-pad:    12px;          /* внутрішні пади картки */
}

/* Обгортка блоку — робимо “картку” як у категоріях */
.single-product .right-sidebar :is(.feauters-block,.features-block){
  margin: 2px 0 18px;
  background: var(--fb-bg);
  border: 1px solid var(--fb-border);
  border-radius: var(--fb-radius);
  padding: var(--fb-pad);
  box-shadow: 0 1px 3px rgba(0,0,0,.04);
}

/* Один пункт: іконка зліва, текст справа, розділювач знизу */
.single-product .right-sidebar :is(.feauters-block__item,.features-block__item){
  display: grid;
  grid-template-columns: var(--fb-icon) 1fr;
  align-items: center;
  column-gap: var(--fb-gap);
  padding: var(--fb-pad-y) var(--fb-pad-x);
  border-bottom: 1px solid var(--fb-sep);
}
.single-product .right-sidebar :is(.feauters-block__item,.features-block__item):last-child{
  border-bottom: none;
}

/* Іконка фіксованого розміру */
.single-product .right-sidebar :is(.feauters-block__icon,.features-block__icon){
  width: var(--fb-icon);
  height: var(--fb-icon);
  line-height: 0;
  flex: 0 0 var(--fb-icon);
}
.single-product .right-sidebar :is(.feauters-block__icon img,.feauters-block__icon svg,
                                   .features-block__icon img,.features-block__icon svg){
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

/* Текст */
.single-product .right-sidebar :is(.feauters-block__content,.features-block__content){
  font-size: 13px;
  line-height: 1.35;
  color: #2b2b2b;
}
.single-product .right-sidebar :is(.feauters-block__content p,.features-block__content p){ margin:0; }
.single-product .right-sidebar :is(.feauters-block__content b,.features-block__content b,
                                   .feauters-block__content strong,.features-block__content strong){
  display:block;
  margin: 0 0 2px;
  font-size: 15.5px;
  line-height: 1.28;
  color:#1a1a1a;
}

/* Трохи повітря під формою “Ми вам передзвонимо” (якщо стоїть перед блоком) */
.single-product .right-sidebar aside.widget_text .wpcf7{ display:block; margin-bottom:18px; }

/* Адаптив — менші іконки/відступи */
@media (max-width: 991.98px){
  :root{ --fb-icon: 48px; --fb-gap: 10px; --fb-pad-y: 8px; }
  .single-product .right-sidebar :is(.feauters-block__content,.features-block__content){ font-size:14.5px; }
}
@media (max-width: 575.98px){
  :root{ --fb-icon: 42px; --fb-gap: 8px; --fb-pad-y: 7px; }
}


/* =========================
   Single product: кнопки швидке замовлення та додати в кошик
   ========================= */

/* Робимо кнопки великими, зеленими, на всю ширину */
.single-product .summary .cart .single_add_to_cart_button,
.single-product .summary .cart [id^="awooc-custom-order-button"],
.single-product .summary .cart .awooc-custom-order-button {
  display:block;
  width:100%;
  min-height:48px;
  padding:12px 16px;
  border:none;
  border-radius:12px;
  background:#588427 !important;   /* зелений як у хедера */
  color:#fff !important;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.02em;
  text-align:center;
  box-shadow:0 2px 0 rgba(0,0,0,.10);
  transition:background .12s ease, transform .06s ease, box-shadow .12s ease;
}

/* Відступи: після quantity — Add to cart, нижче — Швидке замовлення */
.single-product .summary .cart .single_add_to_cart_button{ margin-top:10px; }
.single-product .summary .cart [id^="awooc-custom-order-button"],
.single-product .summary .cart .awooc-custom-order-button{ margin-top:12px; }

/* Hover / active */
.single-product .summary .cart .single_add_to_cart_button:hover,
.single-product .summary .cart [id^="awooc-custom-order-button"]:hover,
.single-product .summary .cart .awooc-custom-order-button:hover{
  background:#476e21 !important;
  transform:translateY(-1px);
  box-shadow:0 4px 10px rgba(0,0,0,.08);
}
.single-product .summary .cart .single_add_to_cart_button:active,
.single-product .summary .cart [id^="awooc-custom-order-button"]:active,
.single-product .summary .cart .awooc-custom-order-button:active{
  transform:translateY(0);
}

/* Disabled (до вибору варіації та ін.) */
.single-product .summary .cart .single_add_to_cart_button.disabled,
.single-product .summary .cart .single_add_to_cart_button:disabled,
.single-product .summary .cart [id^="awooc-custom-order-button"].disabled,
.single-product .summary .cart [id^="awooc-custom-order-button"][disabled],
.single-product .summary .cart .awooc-custom-order-button.disabled{
  background:#cfd8c2 !important;
  color:#6b7a5e !important;
  cursor:not-allowed;
  box-shadow:none;
  transform:none;
  opacity:.9;
}

/* Щоб кнопки не ставали в один ряд з quantity */
.single-product .summary .cart .quantity + .single_add_to_cart_button,
.single-product .summary .cart .quantity + .button{
  clear:both;
  float:none;
}

/* На вузьких екранах — трохи більші кнопки */
@media (max-width: 768px){
  .single-product .summary .cart .single_add_to_cart_button,
  .single-product .summary .cart [id^="awooc-custom-order-button"],
  .single-product .summary .cart .awooc-custom-order-button{
    min-height:50px;
    padding:13px 16px;
  }
}

/* === Single product: компактні кнопки як на проді === */

/* Уніфікований стиль двох кнопок */
.single-product .summary .cart .single_add_to_cart_button,
.single-product .summary .cart [id^="awooc-custom-order-button"],
.single-product .summary .cart .awooc-custom-order-button{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:auto !important;           /* не 100% ширини */
  min-width: 280px;                /* орієнтир як на проді */
  max-width: 360px;
  padding:10px 18px;               /* трохи менші */
  min-height: 46px;
  margin:12px auto 0;              /* центруємо під quantity */
  border-radius:12px;
  background:#588427 !important;
  color:#fff !important;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.02em;
  box-shadow:0 2px 0 rgba(0,0,0,.10);
  transition:background .12s ease, transform .06s ease, box-shadow .12s ease;
}

/* Відступ між двома кнопками */
.single-product .summary .cart [id^="awooc-custom-order-button"],
.single-product .summary .cart .awooc-custom-order-button{
  margin-top:10px !important;
}

/* Hover / active */
.single-product .summary .cart .single_add_to_cart_button:hover,
.single-product .summary .cart [id^="awooc-custom-order-button"]:hover,
.single-product .summary .cart .awooc-custom-order-button:hover{
  background:#476e21 !important;
  transform:translateY(-1px);
  box-shadow:0 4px 10px rgba(0,0,0,.08);
}
.single-product .summary .cart .single_add_to_cart_button:active,
.single-product .summary .cart [id^="awooc-custom-order-button"]:active,
.single-product .summary .cart .awooc-custom-order-button:active{
  transform:translateY(0);
}

/* Disabled / поки не обрана варіація */
.single-product .summary .cart .single_add_to_cart_button.disabled,
.single-product .summary .cart .single_add_to_cart_button:disabled,
.single-product .summary .cart [id^="awooc-custom-order-button"].disabled,
.single-product .summary .cart [id^="awooc-custom-order-button"][disabled],
.single-product .summary .cart .awooc-custom-order-button.disabled{
  background:#cfd8c2 !important;
  color:#6b7a5e !important;
  box-shadow:none;
  cursor:not-allowed;
  transform:none;
}

/* Щоб кнопки не ставали в ряд із quantity */
.single-product .summary .cart .quantity + .single_add_to_cart_button,
.single-product .summary .cart .quantity + .button{
  clear:both; float:none;
}

/* Іконка кошика у "Додати в кошик" — світліша за текст */
.single-product .summary .cart .single_add_to_cart_button::before{
  content:"";
  display:inline-block;
  width:18px; height:18px;
  background-repeat:no-repeat;
  background-size:contain;
  /* SVG-іконка кошика (білий з легким прозорим шаром) */
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23ffffff" fill-opacity=".88" d="M9 4h6l2 6h3v2h-1l-1.5 9h-12L4 12H3V10h3l2-6zm-.7 6h7.4L14 6h-4l-1.7 4z"/></svg>');
  margin-right:8px;
}

/* На вузьких екранах трохи компактніше */
@media (max-width:768px){
  .single-product .summary .cart .single_add_to_cart_button,
  .single-product .summary .cart [id^="awooc-custom-order-button"],
  .single-product .summary .cart .awooc-custom-order-button{
    min-width: 240px;
    min-height: 44px;
    padding:9px 16px;
  }
}

/* === Single product: ще компактніші кнопки + більша іконка === */
.single-product .summary .cart .single_add_to_cart_button,
.single-product .summary .cart [id^="awooc-custom-order-button"],
.single-product .summary .cart .awooc-custom-order-button{
  min-width:220px;           /* було 280px */
  max-width:320px;
  min-height:42px;           /* було 46px */
  padding:8px 14px;          /* було 10px 18px */
  font-size:15px;            /* трішки дрібніше, щоб читабельно */
  gap:6px;                  /* трохи більший проміжок між іконкою і текстом */
  margin-top:10px !important;
}

/* Іконка кошика — більша */
.single-product .summary .cart .single_add_to_cart_button::before{
  width:22px;                /* було 18px */
  height:22px;               /* було 18px */
  margin-right:10px;         /* було 8px */
  flex-shrink:0;
  /* залишаємо той самий SVG, просто масштабуємо контейнером */
}

/* Мобільно ще компактніше */
@media (max-width:768px){
  .single-product .summary .cart .single_add_to_cart_button,
  .single-product .summary .cart [id^="awooc-custom-order-button"],
  .single-product .summary .cart .awooc-custom-order-button{
    min-width:200px;
    min-height:40px;
    padding:8px 12px;
  }
}

/* Однакова ширина для обох кнопок */
.single-product .summary .cart .single_add_to_cart_button,
.single-product .summary .cart [id^="awooc-custom-order-button"],
.single-product .summary .cart .awooc-custom-order-button{
  width: 240px !important;   /* підбери: 220/240/260 */
  max-width: 240px !important;
  min-width: 240px !important;
  margin-left:auto; margin-right:auto; /* центр */
}

/* На вузьких екранах — трохи вужче або 100% */
@media (max-width: 768px){
  .single-product .summary .cart .single_add_to_cart_button,
  .single-product .summary .cart [id^="awooc-custom-order-button"],
  .single-product .summary .cart .awooc-custom-order-button{
    width: 220px !important;
    max-width: 220px !important;
    min-width: 220px !important;
  }
}
@media (max-width: 480px){
  .single-product .summary .cart .single_add_to_cart_button,
  .single-product .summary .cart [id^="awooc-custom-order-button"],
  .single-product .summary .cart .awooc-custom-order-button{
    width: 100% !important;
    max-width: 320px !important; /* щоб не були занадто широкими */
    min-width: 0 !important;
  }
}

/* === Single product: однакова ширина/висота + відстань та розмір шрифту, повідомлення після додавання в кошик === */
.single-product .summary form.cart{
  /* Міняй під себе: */
  --sp-btn-w: 220px;   /* ширина кнопок на десктопі */
  --sp-btn-h: 40px;    /* висота кнопок */
  --sp-icon: 24px;     /* розмір іконки кошика */
  --sp-gap: 10px;      /* відстань між іконкою та текстом */
  --sp-font: 15px;     /* РОЗМІР ШРИФТУ написів на кнопках */
}

/* однаковий розмір для обох кнопок */
.single-product .summary form.cart .single_add_to_cart_button,
.single-product .summary form.cart [id^="awooc-custom-order-button"],
.single-product .summary form.cart .awooc-custom-order-button{
  box-sizing:border-box;
  width:var(--sp-btn-w) !important;
  min-width:var(--sp-btn-w) !important;
  max-width:var(--sp-btn-w) !important;
  height:var(--sp-btn-h) !important;
  min-height:var(--sp-btn-h) !important;
  padding:0 16px !important;      /* вертикаль задає height */
  display:inline-flex !important;
  align-items:center; justify-content:center;
  gap:0;                           /* відступ контролюємо margin у ::before */
  margin:10px auto 0;              /* центруємо */
  font-size:var(--sp-font);        /* ← керування розміром шрифту */
}

/* іконка кошика + керований відступ до тексту */
.single-product .summary form.cart .single_add_to_cart_button::before{
  content:"";
  display:inline-block;
  width:var(--sp-icon);
  height:var(--sp-icon);
  margin-right:var(--sp-gap);
  background-repeat:no-repeat;
  background-size:contain;
  /* SVG-іконка (білий, трохи світліший за текст) */
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23ffffff" fill-opacity=".88" d="M9 4h6l2 6h3v2h-1l-1.5 9h-12L4 12H3V10h3l2-6zm-.7 6h7.4L14 6h-4l-1.7 4z"/></svg>');
  flex-shrink:0;
}

/* мобільно — повна ширина; за потреби інший шрифт */
@media (max-width:480px){
  .single-product .summary form.cart{
    --sp-font: 14px;   /* (опційно) трішки менший шрифт на мобілі */
  }
  .single-product .summary form.cart .single_add_to_cart_button,
  .single-product .summary form.cart [id^="awooc-custom-order-button"],
  .single-product .summary form.cart .awooc-custom-order-button{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
}

/* === Woo message (single product): прозорий фон + рамка + 2 кнопки === */
.single-product{
  /* Тонке налаштування під себе */
  --notice-border: #7fb348;      /* колір рамки (для зеленої: #7fb348) */
  --notice-radius: 10px;         /* скруглення плашки */
  --notice-pad-y: 12px;          /* вертикальний відступ */
  --notice-pad-x: 16px;          /* горизонтальний відступ */
  --notice-fz:    15px;          /* розмір шрифту повідомлення */
  --check-color:  #7fb348;       /* колір галочки/контур кружечка */

  --btn-bg:      #7fb348;        /* фон кнопок */
  --btn-bg-hover:#6fa43f;        /* фон кнопок при hover */
  --btn-h:        34px;          /* висота кнопок */
  --btn-px:       12px;          /* горизонтальні падінги кнопок */
  --btn-radius:    8px;          /* скруглення кнопок */
}

/* Контейнер повідомлень */
.single-product .woocommerce-notices-wrapper{ margin:0 0 16px; }

/* Сама плашка */
.single-product .woocommerce-message{
  display:flex; align-items:center; gap:12px;
  padding:var(--notice-pad-y) var(--notice-pad-x);
  background:transparent !important;
  color:#1d1d1f !important;
  border:1px solid var(--notice-border) !important;
  border-radius:var(--notice-radius) !important;
  box-shadow:none !important;
  font-size:var(--notice-fz);
}

/* інколи тема малює «рамку» псевдо-елементом — глушимо */
.single-product .woocommerce-message::after{ content:none !important; }

/* Галочка у кружечку зліва */
.single-product .woocommerce-message::before{
  content:"";
  flex:0 0 20px; width:20px; height:20px; margin-right:8px;
  background-repeat:no-repeat; background-size:contain;
  background-image:url('data:image/svg+xml;utf8,\
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
    <circle cx="12" cy="12" r="9" fill="none" stroke="%23{COLOR}" stroke-width="2"/>\
    <path d="M7 12l3 3 7-7" fill="none" stroke="%23{COLOR}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\
  </svg>'.replace('{COLOR}', (function(c){return c.substring(1)})(getComputedStyle(document.documentElement).getPropertyValue('--check-color').trim()||'#7fb348')));
}

/* Текст + кнопки праворуч */
.single-product .woocommerce-message .wc-message__text{ line-height:1.35; }
.single-product .woocommerce-message .wc-message__actions{
  margin-left:auto; display:inline-flex; gap:8px;
}

/* Кнопки в плашці */
.single-product .woocommerce-message .wc-message__btn,
.single-product .woocommerce-message .button{
  display:inline-flex; align-items:center; justify-content:center;
  height:var(--btn-h); padding:0 var(--btn-px);
  border-radius:var(--btn-radius);
  background:var(--btn-bg) !important;
  color:#fff !important; font-weight:700;
  border:0 !important; box-shadow:none !important;
  text-transform:none; letter-spacing:.01em;
  transition:background .12s ease, transform .06s ease;
}
.single-product .woocommerce-message .wc-message__btn:hover,
.single-product .woocommerce-message .button:hover{
  background:var(--btn-bg-hover) !important; transform:translateY(-1px);
}
.single-product .woocommerce-message .wc-message__btn:active,
.single-product .woocommerce-message .button:active{ transform:translateY(0); }

/* Адаптив: кнопки під текстом */
@media (max-width:768px){
  .single-product .woocommerce-message{ flex-wrap:wrap; gap:10px; }
  .single-product .woocommerce-message .wc-message__actions{ width:100%; gap:10px; }
}

/* === Woo message: прозора плашка з рамкою + 2 кнопки (адаптивні) === */
.single-product{
  --notice-border: #7fb348;   /* рамка плашки (хочеш зелену? #7fb348) */
  --notice-radius: 10px;
  --notice-pad-y: 12px;
  --notice-pad-x: 16px;
  --notice-fz:    15px;       /* розмір тексту плашки */
  --btn-bg:       #7fb348;
  --btn-bg-hover: #6fa43f;
  --btn-radius:    8px;
  --btn-gap:      8px;
}

.single-product .woocommerce-notices-wrapper{ margin:0 0 16px; }

.single-product .woocommerce-message{
  display:flex; align-items:center; gap:12px;
  padding:var(--notice-pad-y) var(--notice-pad-x);
  background:transparent !important;
  color:#1d1d1f !important;
  border:1px solid var(--notice-border) !important;
  border-radius:var(--notice-radius) !important;
  box-shadow:none !important;
  font-size:var(--notice-fz);
}

/* гарантовано прибираємо «ліву» рамку/тінь теми */
.single-product .woocommerce-message::after{ content:none !important; }

/* Галочка зліва (статична, завжди видима) */
.single-product .woocommerce-message::before{
  content:"";
  flex:0 0 20px; width:20px; height:20px; margin-right:10px;
  background-repeat:no-repeat; background-size:contain;
  background-image:url('data:image/svg+xml;utf8,\
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
    <circle cx="12" cy="12" r="9" fill="none" stroke="%237fb348" stroke-width="2"/>\
    <path d="M7 12l3 3 7-7" fill="none" stroke="%237fb348" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\
  </svg>');
}

.single-product .woocommerce-message .wc-message__text{ line-height:1.35; }

.single-product .woocommerce-message .wc-message__actions{
  margin-left:auto; display:inline-flex; gap:var(--btn-gap);
}

/* Кнопки: розмір від шрифту (без фіксованої висоти) + вирівнювання по центру */
.single-product .woocommerce-message .wc-message__btn,
.single-product .woocommerce-message .button{
  display:inline-flex; align-items:center; justify-content:center;
  padding: .55em 1.05em;          /* ← пропорційно до шрифту */
  min-height: 2.2em;              /* «страховка» для читабельності */
  height: auto !important;        /* прибираємо фіксовані 34px */
  line-height: 1.2;
  text-align:center;
  white-space: nowrap;            /* не переносимо текст (щоб не ламало форму) */
  border-radius: var(--btn-radius);
  background: var(--btn-bg) !important;
  color:#fff !important; font-weight:700;
  border:0 !important; box-shadow:none !important;
  transition: background .12s ease, transform .06s ease;
}
.single-product .woocommerce-message .wc-message__btn:hover,
.single-product .woocommerce-message .button:hover{
  background: var(--btn-bg-hover) !important;
  transform: translateY(-1px);
}
.single-product .woocommerce-message .wc-message__btn:active,
.single-product .woocommerce-message .button:active{
  transform: translateY(0);
}

/* На вузьких екранах дозволяємо перенос рядка в кнопках, якщо дуже довгі тексти */
@media (max-width: 520px){
  .single-product .woocommerce-message{ flex-wrap:wrap; gap:10px; }
  .single-product .woocommerce-message .wc-message__actions{ width:100%; gap:10px; }
  .single-product .woocommerce-message .wc-message__btn,
  .single-product .woocommerce-message .button{ white-space: normal; text-align:center; }
}

/* Фікс: прибрати чорну товсту рамку/outline, лишити зелену */
.single-product .woocommerce-message:focus,
.single-product .woocommerce-message:focus-visible,
.single-product .woocommerce-message:focus-within{
  outline: none !important;          /* забрати браузерний фокус-контур */
  box-shadow: none !important;       /* якщо тема малює тінню */
  border-color: #7fb348 !important;  /* твій зелений */
  border-width: 1px !important;
}

/* Деякі теми підтягують пізніше стилі .alert */
.single-product .woocommerce-message.alert,
.single-product .alert.woocommerce-message{
  outline: none !important;
  box-shadow: none !important;
  border-color: #7fb348 !important;
  border-width: 1px !important;
}

/* === Single product: зменшити відступ від хедера до контенту === */

/* сам банер із крихтами */
.single-product .side-breadcrumb{
  padding-top: 230px !important;   /* було ~60–100px у теми */
  padding-bottom: 22px !important;
  min-height: auto !important;
  margin-bottom: 12px !important; /* стискаємо відступ вниз */
}

/* прибираємо зайві внутрішні відступи контейнера всередині банера */
.single-product .side-breadcrumb .container{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* заголовок у банері – без великих зовнішніх відступів */
.single-product .side-breadcrumb h1,
.single-product .side-breadcrumb .page-title,
.single-product .side-breadcrumb .entry-title{
  margin: 6px 0 !important;
  line-height: 1.15;
}

/* крихти під заголовком – компактніше */
.single-product .side-breadcrumb .breadcrumb{
  margin-top: 6px !important;
}

/* на деяких збірках проміжок дає обгортка "wrapper boxed" під банером */
.single-product #main.wrapper.boxed,
.single-product .wrapper.boxed{
  padding-top: 16px !important;   /* стискаємо верхній відступ секції контенту */
}

/* Мобільно – ще компактніше */
@media (max-width: 768px){
  .single-product .side-breadcrumb{
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    margin-bottom: 10px !important;
  }
  .single-product .side-breadcrumb h1,
  .single-product .side-breadcrumb .page-title,
  .single-product .side-breadcrumb .entry-title{
    font-size: 26px !important;
  }
}

/* === Категорії товарів: рівна сітка без зсувів === */
.tax-product_cat .products,
.woocommerce.archive .products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)); /* 4 колонки на десктопі */
  gap: 22px;                                        /* відступи між картками */
  align-items: start;
}

/* вимикаємо завади теми (float/clear/фіксована ширина/внутр. марджини) */
.tax-product_cat .products .product {
  float: none !important;
  clear: none !important;
  width: auto !important;
  margin: 0 !important;
  display: flex;            /* щоб контент усередині тягнувся рівно */
  flex-direction: column;
}

/* Брекпоінти під ширину контенту */
@media (max-width: 1200px){
  .tax-product_cat .products,
  .woocommerce.archive .products { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px){
  .tax-product_cat .products,
  .woocommerce.archive .products { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px){
  .tax-product_cat .products,
  .woocommerce.archive .products { grid-template-columns: 1fr; }
}

/* на випадок якщо тема навішує clear через псевдокласи */
.tax-product_cat .products .product:nth-child(n) { clear: none !important; }

/* ==== Grid карток у категоріях (Woo archive) ==== */
.tax-product_cat ul.products li.product,
.post-type-archive-product ul.products li.product{
  display:flex; flex-direction:column;
  border:1px solid #e8ecef; border-radius:10px;
  background:#fff; overflow:hidden;
  transition:box-shadow .15s ease, transform .08s ease;
}
.tax-product_cat ul.products li.product:hover{ box-shadow:0 6px 18px rgba(0,0,0,.06); transform:translateY(-2px); }

/* БЛОК зображення: стабільне співвідношення сторін, більші фото */
ul.products li.product .product-thumb,
ul.products li.product .woocommerce-LoopProduct-link img{
  width:100%;
  aspect-ratio: 4 / 3;              /* ↑ головне: однакова висота */
  object-fit:cover; display:block;
}

/* Внутрішні відступи контенту */
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .price,
ul.products li.product .btn-go{ margin-left:14px; margin-right:14px; }

/* Заголовок: максимум 2 рядки, не штовхає ціну вниз */
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h3{
  font-size:16px; line-height:1.3; margin-top:12px; margin-bottom:8px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; min-height: calc(1.3em * 2); max-height: calc(1.3em * 2);
}

/* Поточні дрібні службові блоки (рейтинги/бейджі) — компактніше */
ul.products li.product .star-rating{ margin:0 14px 6px; }

/* Ціна тримається в одному місці (перед кнопкою) */
ul.products li.product .price{
  margin-top:auto; margin-bottom:10px;
  font-weight:700;
}

/* Кнопка "Перейти" */
ul.products li.product .btn-go{
  display:block; text-align:center;
  height:38px; line-height:38px;
  border-radius:8px; background:#7fb348; color:#fff; font-weight:700;
  margin-bottom:14px;
  transition:background .12s ease, transform .06s ease;
}
ul.products li.product .btn-go:hover{ background:#6fa43f; transform:translateY(-1px); }
ul.products li.product .btn-go:active{ transform:translateY(0); }

/* Прибрати зелений круглий кошик/іконки теми у гріді */
ul.products li.product a.add_to_cart_button,
ul.products li.product .product-action a.add_to_cart_button,
ul.products li.product .product-action .button,
ul.products li.product .product-action,
ul.products li.product .add_to_cart_button{
  display:none !important;
}

/* Якщо тема малює "кошик" псевдоелементами під зображенням */
ul.products li.product .thumbnail:after,
ul.products li.product .product-thumbnail:after{ content:none !important; }

/* Дрібний косметичний вирівнювач для "попливаючого" ряду під час lazyload */
ul.products li.product img{ min-height:1px; }

/* Кнопка "Перейти" у гріді */
ul.products li.product a.btn-go{
  display:block !important;
  text-align:center;
  height:38px; line-height:38px;
  margin:0 14px 14px;
  border-radius:8px;
  background:#7fb348; color:#fff; font-weight:700;
  transition:background .12s ease, transform .06s ease;
}
ul.products li.product a.btn-go:hover{ background:#6fa43f; transform:translateY(-1px); }
ul.products li.product a.btn-go:active{ transform:translateY(0); }

/* === Категорії / архів товарів — відступи, фото, сітка (фінал) === */
:root{
  --cat-card-gap-x: -7px;     /* горизонтальний відступ між картками */
  --cat-card-gap-y: 10px;     /* вертикальний відступ між картками */

  /* РОЗМІР ФОТО: висота прев’ю (ширина за замовч. = 100%) */
  --cat-thumb-h:     230px;   /* ← міняй це значення */
  --cat-thumb-radius: 8px;

  /* Відступи навколо заголовка */
  --cat-title-gap-top:    10px;   /* МІЖ ФОТО і ЗАГОЛОВКОМ */
  --cat-title-gap-bottom: 6px;  /* МІЖ ЗАГОЛОВКОМ і рейтингом/ціною */

  /* ► ШИРШЕ ФОТО: керування «повітрям» у картці та bleed */
  --cat-inner-pad-x: 0px;      /* бічні падінги контенту картки */
  --cat-img-bleed:   0px;       /* 0–16px: фото «заходить» під падінги (в край) */
}

/* 1) Проміжки між картками */
.archive ul.products li.product,
.tax-product_cat ul.products li.product{
  margin: 0 var(--cat-card-gap-x) var(--cat-card-gap-y) !important;
}

/* 2) Контейнер мініатюри: фікс. висота, без власних відступів (усі поширені обгортки) */
.archive ul.products li.product :is(
  a.woocommerce-LoopProduct-link,
  .product-thumbnail,
  .product-thumb,
  .product-thumb-wrapper,
  .item-image,
  .thumbnail,
  figure
){
  display:block !important;
  height: var(--cat-thumb-h) !important;
  overflow:hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) Саме зображення: 100% ширини контейнера, висота = контейнеру */
.archive ul.products li.product :is(
  a.woocommerce-LoopProduct-link > img,
  .product-thumbnail img,
  .product-thumb img,
  .product-thumb-wrapper img,
  .item-image img,
  .thumbnail img,
  figure img
){
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  border-radius: var(--cat-thumb-radius) !important;
}

/* 4) ВІДСТАНЬ МІЖ ФОТО ТА ПЕРШИМ ЕЛЕМЕНТОМ ПІД НИМ (зазвичай .product-desc) */
.archive ul.products li.product :is(
  a.woocommerce-LoopProduct-link + *,
  .product-thumbnail + *,
  .product-thumb + *,
  .product-thumb-wrapper + *,
  .item-image + *,
  .thumbnail + *,
  figure + *
){
  margin-top: var(--cat-title-gap-top) !important;
}

/* 5) Заголовок: нижній відступ окремо */
.archive ul.products li.product :is(
  h2.woocommerce-loop-product__title,
  .woocommerce-loop-product__title,
  .product-title,
  .name,
  .entry-title
){
  margin-top: 0 !important;                            /* верх контролюється правилом вище */
  margin-bottom: var(--cat-title-gap-bottom) !important;
  line-height: 1.25;
}

/* 6) Під фото тема інколи дає свої паддінги — прибираємо верх, щоб не з’їдати gap */
.archive ul.products li.product :is(.item-content,.product-info,.product-content,.caption){
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* === Theme-specific: картка з .product-img / .product-desc === */

/* 1) Контейнер зображення (темний): фікс. висота, без власних відступів */
.archive ul.products li.product .product-img{
  display:block !important;
  height: var(--cat-thumb-h) !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
}

/* 2) Саме зображення всередині .product-img */
.archive ul.products li.product .product-img img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  border-radius: var(--cat-thumb-radius) !important;
  margin:0 !important;
}

/* 3) ВІДСТАНЬ МІЖ ФОТО ТА ЗАГОЛОВКОМ у .product-desc */
.archive ul.products li.product .product-img + .product-desc{
  margin-top: var(--cat-title-gap-top) !important;
  padding-top: 0 !important;
}

/* 4) Заголовок у .product-desc */
.archive ul.products li.product .product-desc :is(
  h2,h3,.woocommerce-loop-product__title,.product-title,.name,.entry-title
){
  margin-top: 0 !important;
  margin-bottom: var(--cat-title-gap-bottom) !important;
  line-height: 1.25;
}

/* === ► РОБИМО ФОТО ШИРШИМ в межах картки (менше «повітря», або в край) === */

/* Бічні паддінги контенту картки */
.archive ul.products li.product :is(.product-content,.product-desc,.item-content,.product-info,.product-content,.caption){
  padding-left:  var(--cat-inner-pad-x) !important;
  padding-right: var(--cat-inner-pad-x) !important;
}

/* Bleed: фото заходить під паддінги контенту (візуально майже в край) */
.archive ul.products li.product .product-img{
  width: calc(100% + var(--cat-img-bleed) * 2) !important;
  margin-left:  calc(-1 * var(--cat-img-bleed)) !important;
  margin-right: calc(-1 * var(--cat-img-bleed)) !important;
}

/* === Над товарами: лишаємо ТІЛЬКИ сортування ========================= */
/* Ховаємо результат-лічильник, перемикачі видів, "Show N", "по N на сторінці" тощо */
.tax-product_cat .woocommerce-result-count,
.post-type-archive-product .woocommerce-result-count,
.tax-product_cat :is(.view-mode,.gridlist-toggle,.display-mode,.products-view,.woo-view-switcher),
.post-type-archive-product :is(.view-mode,.gridlist-toggle,.display-mode,.products-view,.woo-view-switcher),
.tax-product_cat :is(.products-per-page,.per-page,.shop-per-page,.show-products,.orderby-count,.show-count),
.post-type-archive-product :is(.products-per-page,.per-page,.shop-per-page,.show-products,.orderby-count,.show-count){
  display:none !important;
}

/* Якщо тема обгортає верхню панель своїм контейнером — сховаємо всі елементи,
   крім самого форми сортування (fallback через :has — у сучасних браузерах) */
.tax-product_cat :is(.products-topbar,.products-toolbar,.woocommerce-topbar,.products-header,.shop-toolbar,.toolbar):has(form.woocommerce-ordering) > *:not(form.woocommerce-ordering),
.post-type-archive-product :is(.products-topbar,.products-toolbar,.woocommerce-topbar,.products-header,.shop-toolbar,.toolbar):has(form.woocommerce-ordering) > *:not(form.woocommerce-ordering){
  display:none !important;
}

/* Трохи вирівнюємо блок сортування та робимо компактнішим */
.tax-product_cat form.woocommerce-ordering,
.post-type-archive-product form.woocommerce-ordering{
  margin: 0 0 12px auto !important;   /* притискаємо вправо і лишаємо невеликий відступ знизу */
  display: inline-block !important;
}
.tax-product_cat form.woocommerce-ordering select,
.post-type-archive-product form.woocommerce-ordering select{
  height: 36px; line-height: 36px; min-width: 220px;
}

/* На мобільних — по центру і на всю ширину, якщо треба */
@media (max-width: 600px){
  .tax-product_cat form.woocommerce-ordering,
  .post-type-archive-product form.woocommerce-ordering{
    margin: 0 0 10px 0 !important;
    display:block !important;
  }
  .tax-product_cat form.woocommerce-ordering select,
  .post-type-archive-product form.woocommerce-ordering select{
    width: 100%;
  }
}

/* === Над товарами: залишаємо ТІЛЬКИ сортування ===================== */
/* 1) Прибираємо перемикач Grid/List */
.tax-product_cat .viewmode-toggle,
.post-type-archive-product .viewmode-toggle{
  display:none !important;
}

/* 2) У верхній панелі .select-toolbars ховаємо ВСЕ,
      крім форми сортування WooCommerce */
.tax-product_cat .select-toolbars > *:not(form.woocommerce-ordering),
.post-type-archive-product .select-toolbars > *:not(form.woocommerce-ordering){
  display:none !important;
}

/* 3) На випадок, якщо тема/плагін додає окремі лічильники/“Show N” */
.tax-product_cat .woocommerce-result-count,
.post-type-archive-product .woocommerce-result-count,
.tax-product_cat form.woocommerce-viewing.result-count,
.post-type-archive-product form.woocommerce-viewing.result-count{
  display:none !important;
}

/* 4) Вирівнюємо єдине, що лишилось — сортування */
.tax-product_cat .select-toolbars form.woocommerce-ordering,
.post-type-archive-product .select-toolbars form.woocommerce-ordering{
  margin:0 0 12px auto !important;   /* вправо + невеликий відступ знизу */
  display:inline-block !important;
}
.tax-product_cat .select-toolbars form.woocommerce-ordering select,
.post-type-archive-product .select-toolbars form.woocommerce-ordering select{
  height:36px; line-height:36px; min-width:220px;
}

/* Мобільно — по центру/на всю ширину */
@media (max-width:600px){
  .tax-product_cat .select-toolbars form.woocommerce-ordering,
  .post-type-archive-product .select-toolbars form.woocommerce-ordering{
    display:block !important;
    margin:0 0 10px 0 !important;
  }
  .tax-product_cat .select-toolbars form.woocommerce-ordering select,
  .post-type-archive-product .select-toolbars form.woocommerce-ordering select{
    width:100%;
  }
}

/* === Product category: менший відступ під хедером/хлібними крихтами === */
.tax-product_cat{
  --cat-top-gap: 35px; /* ← змінюй тут загальний зазор */
}

/* зменшуємо відступ після зеленого банера/крихт */
.tax-product_cat .side-breadcrumb,
.tax-product_cat .side-breadcrumb2{
  margin-bottom: var(--cat-top-gap) !important;
  padding-bottom: 0 !important;
}

/* прибираємо будь-які внутрішні top-відступи в основному контейнері */
.tax-product_cat #main,
.tax-product_cat #main .container,
.tax-product_cat #main .row{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* інколи тема малює «прокладку» псевдоелементом зверху */
.tax-product_cat #main .container::before,
.tax-product_cat #main .row::before{
  content: none !important;
}

/* блок із сортуванням — без зайвих відступів зверху */
.tax-product_cat .select-toolbars{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* щоб сам список товарів не від’їжджав вниз */
.tax-product_cat ul.products{
  margin-top: var(--cat-top-gap) !important;
}

/* === Woo: ширина селектора сортування (фінальний варіант) === */
:root{
  --sort-width-desktop: 310px;  /* ширина на десктопі */
  --sort-width-tablet:  310px;  /* ширина на планшетах */
  --sort-height:         38px;  /* висота контролу (за бажанням) */
}

/* контейнер сортування не стискаємо */
.archive .select-toolbars,
.tax-product_cat .select-toolbars{
  overflow: visible !important;
  white-space: nowrap;
}
.archive .woocommerce-ordering,
.tax-product_cat .woocommerce-ordering{
  display: inline-block !important;
  width: auto !important;
  flex: 0 0 auto !important;
}

/* одна «ручка» для всіх типів селектів */
.archive .woocommerce-ordering :is(
  select.orderby,
  .select2-container,
  .nice-select,
  .custom-select,
  .bootstrap-select,
  .bootstrap-select > .dropdown-toggle
),
.tax-product_cat .woocommerce-ordering :is(
  select.orderby,
  .select2-container,
  .nice-select,
  .custom-select,
  .bootstrap-select,
  .bootstrap-select > .dropdown-toggle
){
  width: var(--sort-width-desktop) !important;
  min-width: var(--sort-width-desktop) !important;
  max-width: none !important;
  box-sizing: border-box;
}

/* “рідний” <select> — щоб стрілка не перекривала довгий текст */
.archive .woocommerce-ordering select.orderby,
.tax-product_cat .woocommerce-ordering select.orderby{
  padding-right: 48px;
  height: var(--sort-height);
  white-space: nowrap;
}

/* select2 — підганяємо висоту */
.archive .woocommerce-ordering .select2-selection--single,
.tax-product_cat .woocommerce-ordering .select2-selection--single{
  height: var(--sort-height) !important;
  display: flex; align-items: center;
}

/* адаптив */
@media (max-width: 992px){
  .archive .woocommerce-ordering :is(
    select.orderby,.select2-container,.nice-select,.custom-select,
    .bootstrap-select,.bootstrap-select > .dropdown-toggle
  ),
  .tax-product_cat .woocommerce-ordering :is(
    select.orderby,.select2-container,.nice-select,.custom-select,
    .bootstrap-select,.bootstrap-select > .dropdown-toggle
  ){
    width: var(--sort-width-tablet) !important;
    min-width: var(--sort-width-tablet) !important;
  }
}
@media (max-width: 560px){
  .archive .woocommerce-ordering,
  .tax-product_cat .woocommerce-ordering{ width: 100% !important; }
  .archive .woocommerce-ordering :is(
    select.orderby,.select2-container,.nice-select,.custom-select,
    .bootstrap-select,.bootstrap-select > .dropdown-toggle
  ),
  .tax-product_cat .woocommerce-ordering :is(
    select.orderby,.select2-container,.nice-select,.custom-select,
    .bootstrap-select,.bootstrap-select > .dropdown-toggle
  ){
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* === Sidebar "Ми вам передзвонимо!" на сторінках категорій/архівів === */
/* Змінні для швидкого тюнінгу */
:root{
  --cb-pad: 16px;
  --cb-radius: 14px;
  --cb-bd: #e6ebf0;
  --cb-shadow: 0 2px 6px rgba(0,0,0,.06);
  --cb-title-fz: 18px;
  --cb-gap: 12px;
  --cb-input-h: 44px;
  --cb-input-bd: #d9dee6;
  --cb-input-bd-focus: #7fb348;
  --cb-btn-h: 42px;
  --cb-btn-bg: #7fb348;
  --cb-btn-bd: #6d9b3a;
  --cb-btn-bg-h: #6fa43f;
}

/* 0) Обмежуємося категоріями/архівами, лівим сайдбаром */
.tax-product_cat .left-sidebar,
.archive        .left-sidebar{}

/* 1) Карточка віджета — ID (точно) + універсально через :has() */
.tax-product_cat .left-sidebar aside#text-11.widget_text,
.archive        .left-sidebar aside#text-11.widget_text,
.tax-product_cat .left-sidebar aside.widget_text:has(input[type="tel"]),
.archive        .left-sidebar aside.widget_text:has(input[type="tel"]){
  background:#fff !important;
  border:1px solid var(--cb-bd) !important;
  border-radius:var(--cb-radius) !important;
  box-shadow:var(--cb-shadow) !important;
  padding:var(--cb-pad) !important;
  margin-bottom:22px !important;
}

/* 2) Заголовок */
.tax-product_cat .left-sidebar aside#text-11.widget_text .widget-title,
.archive        .left-sidebar aside#text-11.widget_text .widget-title,
.tax-product_cat .left-sidebar aside.widget_text:has(input[type="tel"]) .widget-title,
.archive        .left-sidebar aside.widget_text:has(input[type="tel"]) .widget-title{
  border:0 !important;
  margin:0 0 var(--cb-gap) !important;
  padding:0 !important;
  font-size:var(--cb-title-fz) !important;
  font-weight:700 !important;
}

/* 3) Контент віджета колонкою з рівним gap */
.tax-product_cat .left-sidebar aside#text-11.widget_text .textwidget,
.archive        .left-sidebar aside#text-11.widget_text .textwidget,
.tax-product_cat .left-sidebar aside.widget_text:has(input[type="tel"]) .textwidget,
.archive        .left-sidebar aside.widget_text:has(input[type="tel"]) .textwidget{
  display:flex !important;
  flex-direction:column !important;
  gap:var(--cb-gap) !important;
}

/* 4) Поле телефону/текстові поля */
.tax-product_cat .left-sidebar aside#text-11.widget_text .textwidget input[type="tel"],
.tax-product_cat .left-sidebar aside#text-11.widget_text .textwidget input[type="text"],
.tax-product_cat .left-sidebar aside#text-11.widget_text .textwidget input[type="email"],
.archive        .left-sidebar aside#text-11.widget_text .textwidget input[type="tel"],
.archive        .left-sidebar aside#text-11.widget_text .textwidget input[type="text"],
.archive        .left-sidebar aside#text-11.widget_text .textwidget input[type="email"],
.tax-product_cat .left-sidebar aside.widget_text:has(input[type="tel"]) .textwidget input[type="tel"],
.tax-product_cat .left-sidebar aside.widget_text:has(input[type="tel"]) .textwidget input[type="text"],
.tax-product_cat .left-sidebar aside.widget_text:has(input[type="tel"]) .textwidget input[type="email"],
.archive        .left-sidebar aside.widget_text:has(input[type="tel"]) .textwidget input[type="tel"],
.archive        .left-sidebar aside.widget_text:has(input[type="tel"]) .textwidget input[type="text"],
.archive        .left-sidebar aside.widget_text:has(input[type="tel"]) .textwidget input[type="email"]{
  width:100% !important;
  height:var(--cb-input-h) !important;
  border:1px solid var(--cb-input-bd) !important;
  border-radius:10px !important;
  padding:0 12px !important;
  font-size:15px !important;
  box-sizing:border-box !important;
}
.tax-product_cat .left-sidebar aside#text-11.widget_text .textwidget input:focus,
.archive        .left-sidebar aside#text-11.widget_text .textwidget input:focus,
.tax-product_cat .left-sidebar aside.widget_text:has(input[type="tel"]) .textwidget input:focus,
.archive        .left-sidebar aside.widget_text:has(input[type="tel"]) .textwidget input:focus{
  outline:0 !important;
  border-color:var(--cb-input-bd-focus) !important;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--cb-input-bd-focus) 25%, transparent) !important;
}

/* 5) Кнопка */
.tax-product_cat .left-sidebar aside#text-11.widget_text .textwidget input[type="submit"],
.tax-product_cat .left-sidebar aside#text-11.widget_text .textwidget button,
.archive        .left-sidebar aside#text-11.widget_text .textwidget input[type="submit"],
.archive        .left-sidebar aside#text-11.widget_text .textwidget button,
.tax-product_cat .left-sidebar aside.widget_text:has(input[type="tel"]) .textwidget input[type="submit"],
.tax-product_cat .left-sidebar aside.widget_text:has(input[type="tel"]) .textwidget button,
.archive        .left-sidebar aside.widget_text:has(input[type="tel"]) .textwidget input[type="submit"],
.archive        .left-sidebar aside.widget_text:has(input[type="tel"]) .textwidget button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:var(--cb-btn-h) !important;
  padding:0 16px !important;
  border-radius:10px !important;
  background:var(--cb-btn-bg) !important;
  border:1px solid var(--cb-btn-bd) !important;
  color:#fff !important;
  font-weight:700 !important;
  cursor:pointer !important;
  transition:background .12s ease, transform .06s ease, border-color .12s ease !important;
}
.tax-product_cat .left-sidebar aside#text-11.widget_text .textwidget input[type="submit"]:hover,
.tax-product_cat .left-sidebar aside#text-11.widget_text .textwidget button:hover,
.archive        .left-sidebar aside#text-11.widget_text .textwidget input[type="submit"]:hover,
.archive        .left-sidebar aside#text-11.widget_text .textwidget button:hover,
.tax-product_cat .left-sidebar aside.widget_text:has(input[type="tel"]) .textwidget input[type="submit"]:hover,
.tax-product_cat .left-sidebar aside.widget_text:has(input[type="tel"]) .textwidget button:hover,
.archive        .left-sidebar aside.widget_text:has(input[type="tel"]) .textwidget input[type="submit"]:hover,
.archive        .left-sidebar aside.widget_text:has(input[type="tel"]) .textwidget button:hover{
  background:var(--cb-btn-bg-h) !important;
  transform:translateY(-1px) !important;
}

/* === Category sidebar: call-back form (CF7) — як на товарі === */
.tax-product_cat .left-sidebar .widget_text .textwidget{
  background:#fff;
  border:1px solid #e6ebef;
  border-radius:12px;
  padding:16px;
  box-shadow:0 2px 12px rgba(0,0,0,.04);
}

/* Поле телефону */
.tax-product_cat .left-sidebar .widget_text .wpcf7 form input[type="tel"],
.tax-product_cat .left-sidebar .widget_text .textwidget input[type="tel"]{
  width:100%;
  height:44px;
  padding:10px 12px;
  border:1px solid #dfe3e8;
  border-radius:8px;
  margin:0 0 12px !important;   /* ← відступ ВІД поля ДО кнопки */
  box-sizing:border-box;
}

/* Кнопка */
.tax-product_cat .left-sidebar .widget_text .wpcf7 form input[type="submit"],
.tax-product_cat .left-sidebar .widget_text .textwidget input[type="submit"]{
  display:inline-flex;
  align-items:center; justify-content:center;
  padding:10px 18px;
  background:#7fb348;            /* як на товарі */
  border:1px solid #6d9b3a;
  border-radius:10px;
  color:#fff; font-weight:700;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.15);
  cursor:pointer;
}
.tax-product_cat .left-sidebar .widget_text .wpcf7 form input[type="submit"]:hover,
.tax-product_cat .left-sidebar .widget_text .textwidget input[type="submit"]:hover{
  background:#6fa43f;
}

/* Повідомлення CF7 після відправки */
.tax-product_cat .left-sidebar .widget_text .wpcf7 .wpcf7-response-output{
  display:none;                  /* приховано за замовчуванням */
  margin-top:12px;
  padding:12px 14px;
  border:1px solid #b7d99c;
  background:#eff8e9;
  color:#284b10;
  border-radius:10px;
  line-height:1.4;
}
.tax-product_cat .left-sidebar .widget_text .wpcf7 form.sent .wpcf7-response-output,
.tax-product_cat .left-sidebar .widget_text .wpcf7 form.invalid .wpcf7-response-output{
  display:block;                 /* показуємо після успіху/помилки */
}

/* Підказки про помилки під полем (CF7) */
.tax-product_cat .left-sidebar .widget_text .wpcf7-not-valid-tip{
  margin-top:6px; color:#b00020; font-size:13px;
}

/* === Категорії: компактний блок переваг (як на single) === */
:root{
  --fb-icon: 56px;           /* розмір іконки на десктопі */
  --fb-gap: 12px;            /* відстань між іконкою та текстом */
  --fb-pad-y: 10px;          /* вертикальні відступи в айтемі */
  --fb-sep: #e9eedf;         /* розділювач між пунктами */
}

/* обгортка блоку (на випадок різних коренів) */
.tax-product_cat .features-block,
.tax-product_cat .feauters-block{
  margin: 8px 0 18px;
}

/* один пункт переваги: іконка + текст у сіточці */
.tax-product_cat .features-block .feauters-block__item,
.tax-product_cat .feauters-block .feauters-block__item{
  display: grid;
  grid-template-columns: var(--fb-icon) 1fr;
  align-items: center;
  column-gap: var(--fb-gap);
  padding: var(--fb-pad-y) 8px;
  border-bottom: 1px solid var(--fb-sep);
  background: transparent;
  border-radius: 0;
}

/* прибрати риску у останнього */
.tax-product_cat .features-block .feauters-block__item:last-child,
.tax-product_cat .feauters-block .feauters-block__item:last-child{
  border-bottom: none;
}

/* іконка */
.tax-product_cat .feauters-block__icon{
  width: var(--fb-icon);
  height: var(--fb-icon);
  flex: 0 0 var(--fb-icon);
  line-height: 0;
}
.tax-product_cat .feauters-block__icon img,
.tax-product_cat .feauters-block__icon svg{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

/* текст */
.tax-product_cat .feauters-block__content{
  font-size: 13px;
  line-height: 1.35;
  color: #2b2b2b;
}
.tax-product_cat .feauters-block__content p{ margin:0; }
.tax-product_cat .feauters-block__content b,
.tax-product_cat .feauters-block__content strong{
  display:block;
  margin: 0 0 2px;
  font-size: 15.5px;
  line-height: 1.28;
  color:#1a1a1a;
}

/* адаптив — трохи менші іконки/відступи */
@media (max-width: 991.98px){
  :root{ --fb-icon: 48px; --fb-gap: 10px; --fb-pad-y: 8px; }
  .tax-product_cat .feauters-block__content{ font-size:14.5px; }
}
@media (max-width: 575.98px){
  :root{ --fb-icon: 42px; --fb-gap: 8px; --fb-pad-y: 7px; }
}

/* === Категорії: відступ між товарами та описом === */
:root{
  --cat-desc-gap: 28px;   /* змінюй під себе */
}

/* Простий і надійний варіант — даємо нижній відступ самій сітці */
.tax-product_cat ul.products{
  margin-bottom: var(--cat-desc-gap) !important;
}

/* На випадок, якщо тема вставляє опис одразу після ul.products */
.tax-product_cat ul.products + .term-description,
.tax-product_cat ul.products + .woocommerce-products-header__description,
.tax-product_cat ul.products + .taxonomy-description,
.tax-product_cat ul.products + .category-description{
  margin-top: var(--cat-desc-gap) !important;
}

/* Трохи компактніше на мобільних */
@media (max-width:768px){
  :root{ --cat-desc-gap: 20px; }
}

/* Single product: сховати рядок "Короткий опис:" */
.single-product .summary.entry-summary .product-desc .description > h4{
  display: none !important;
}

/* Прибираємо зайвий верхній відступ після видалення h4 */
.single-product .summary.entry-summary .product-desc .description{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Щоб перший абзац не “лип” вгору */
.single-product .summary.entry-summary .product-desc .description > p:first-child{
  margin-top: 0 !important;
}

/* === Mini-cart: кнопки окремими рядками, однакового розміру === */
.widget_shopping_cart_content p.woocommerce-mini-cart__buttons.buttons{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;               /* відстань між кнопками */
  margin: 10px 0 4px !important;
}

/* самі кнопки — на всю ширину, центровані */
.widget_shopping_cart_content p.woocommerce-mini-cart__buttons .button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:38px !important;
  padding:0 12px !important;
  box-sizing:border-box !important;
  border-radius:8px !important;

  background:#7fb348 !important;     /* як на проді */
  border:1px solid #6d9b3a !important;
  color:#fff !important;
  font-weight:700 !important;
  text-transform:none !important;
  line-height:1 !important;
}

/* ховери */
.widget_shopping_cart_content p.woocommerce-mini-cart__buttons .button:hover{
  background:#6fa43f !important;
}

/* якщо є друга кнопка-оформлення — залишимо той самий стиль */
.widget_shopping_cart_content p.woocommerce-mini-cart__buttons .button.checkout{
  /* за потреби можна відрізнити кольором */
}

/* список товарів у міні-кошикові — прокрутка, щоб не наїжджав на кнопки */
.widget_shopping_cart_content .woocommerce-mini-cart{
  max-height: 320px;                 /* підлаштуй під себе */
  overflow:auto;
  margin-bottom:12px;
}

/* підсумок — невеликий відступ */
.widget_shopping_cart_content p.woocommerce-mini-cart__total{
  margin:8px 0 6px;
}

/* === Міні кошик: прибрати подвійний скрол === */
/* усі зовнішні обгортки — авто-висота без прокрутки */
.widget_shopping_cart,
.widget_shopping_cart .widget_shopping_cart_content,
.cart-block .widget_shopping_cart_content{
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}

/* скролити ТІЛЬКИ список товарів */
.widget_shopping_cart_content .woocommerce-mini-cart,
.widget_shopping_cart_content ul.cart_list {
  max-height: 380px !important;        /* можна 50vh, якщо хочеш */
  overflow-y: auto !important;
  overflow-x: hidden !important;
  margin-right: 0;
  padding-right: 2px;                   /* щоб не «стрибав» контент */
}

/* невеликий відступ під списком, щоб кнопки не злипались зі скролом */
.widget_shopping_cart_content .woocommerce-mini-cart{
  margin-bottom: 12px !important;
}

/* ===== Міні кошик: не виходить за межі екрана ===== */
:root{
  /* Скільки панель відстоїть від верху (підігнано під ваш хедер).
     Якщо низ знову «вилазить» — ЗБІЛЬШУЙТЕ це значення.
     Якщо панель зависока — ЗМЕНШУЙТЕ. */
  --mini-cart-top: 80px;

  /* Мінімальний зазор від НИЗУ екрана */
  --mini-cart-bottom-gap: 12px;
}

/* Контейнер білого блоку міні-кошика */
.cart-block .widget_shopping_cart_content,
.widget_shopping_cart .widget_shopping_cart_content{
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;

  /* Ключова формула висоти */
  max-height: calc(100vh - var(--mini-cart-top) - var(--mini-cart-bottom-gap)) !important;
  overflow: hidden !important;   /* скрол лишаємо тільки на списку товарів */
}

/* Сучасні браузери з “динамічною” висотою вікна */
@supports (height: 100dvh){
  .cart-block .widget_shopping_cart_content,
  .widget_shopping_cart .widget_shopping_cart_content{
    max-height: calc(100dvh - var(--mini-cart-top) - var(--mini-cart-bottom-gap)) !important;
  }
}

/* Список товарів — єдиний, що скролиться */
.cart-block .widget_shopping_cart_content .woocommerce-mini-cart,
.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Підсумок і кнопки — фіксовані внизу контейнера */
.cart-block .widget_shopping_cart_content .woocommerce-mini-cart__total,
.cart-block .widget_shopping_cart_content .woocommerce-mini-cart__buttons,
.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total,
.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons{
  flex: 0 0 auto !important;
  margin-top: 12px !important;
  background: #fff;
}

/* Підстраховка: прибрати сторонні фіксовані висоти/скроли */
.cart-block .widget_shopping_cart_content,
.widget_shopping_cart .widget_shopping_cart_content{
  height: auto !important;
}

/* === Міні кошик (FINAL): фото зліва, текст справа, без перекриттів === */
:root{
  --miniCart-thumb:   80px;   /* розмір ескіза */
  --miniCart-gap:      -5px;   /* відстань між фото і текстом */
  --miniCart-padX:     6px;   /* внутрішній лів/правий відступ вікна */
  --miniCart-padY:     0px;   /* верх/низ */
  --miniCart-right-g: 35px;   /* «жолобок» під хрестик справа */
  --miniCart-total-gap: -15px;  /* проміжок між "РАЗОМ" і кнопками */
}

/* Контейнер списку */
.widget_shopping_cart_content .woocommerce-mini-cart{
  padding: var(--miniCart-padY) var(--miniCart-padX) !important;
  overflow: visible !important;
}

/* Кожен товар: резерв під фото ліворуч і під хрестик праворуч */
.widget_shopping_cart_content .woocommerce-mini-cart li.mini_cart_item{
  position: relative !important;
  text-align: left !important;
  min-height: calc(var(--miniCart-thumb) + 12px) !important;
  padding:
    8px
    calc(var(--miniCart-right-g) + var(--miniCart-padX))
    10px
    calc(var(--miniCart-padX) + var(--miniCart-thumb) + var(--miniCart-gap)) !important;
  margin: 0 0 8px !important;
  border-bottom: 1px solid #eee !important;
}
.widget_shopping_cart_content .woocommerce-mini-cart li.mini_cart_item:last-child{
  border-bottom: none !important;
}

/* Фото: притиснуте до внутрішнього краю вікна, НЕ зникає */
.widget_shopping_cart_content .woocommerce-mini-cart li.mini_cart_item img{
  position: absolute !important;
  left: var(--miniCart-padX) !important;
  top: 8px !important;
  width: var(--miniCart-thumb) !important;
  height: var(--miniCart-thumb) !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 6px !important;
  display: block !important;
  margin: 0 !important;
  z-index: 0 !important;
}

/* Назва (лінк, окрім remove) — звичайним, 2 рядки */
.widget_shopping_cart_content .woocommerce-mini-cart li.mini_cart_item a:not(.remove){
  color: #1d1d1f !important;
  text-decoration: none !important;
  margin: 0 0 4px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;              /* ← звичайний */
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Кількість × ціна — жирним і темнішим */
.widget_shopping_cart_content .woocommerce-mini-cart li.mini_cart_item > .quantity{
  display: block !important;
  margin: 2px 0 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;              /* ← жирний */
  color: #1d1d1f !important;
}
.widget_shopping_cart_content .woocommerce-mini-cart li.mini_cart_item > .quantity .amount{
  font-weight: 700 !important;
}

/* Варіації (якщо є) — дрібніші, вирівняні автоматично padding-ом li */
.widget_shopping_cart_content .woocommerce-mini-cart li.mini_cart_item > .variation{
  margin: 4px 0 0 !important;
  font-size: 13px !important;
  color: #555 !important;
}

/* Прибрати випадкові <br> у записах теми */
.widget_shopping_cart_content .woocommerce-mini-cart li.mini_cart_item br{
  display: none !important;
}

/* Хрестик видалення — в жолобку справа */
.widget_shopping_cart_content .woocommerce-mini-cart li.mini_cart_item a.remove{
  position: absolute !important;
  right: calc(var(--miniCart-padX) + 2px) !important;
  top: 8px !important;
  width: 24px !important; height: 24px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 20px !important; line-height: 1 !important;
  color: #9aa0a6 !important; text-decoration: none !important;
  transition: color .15s, transform .12s !important;
  z-index: 2 !important;
}
.widget_shopping_cart_content .woocommerce-mini-cart li.mini_cart_item a.remove:hover{
  color: #e53935 !important;
  transform: scale(1.06);
}

/* Підсумок і кнопки */
.widget_shopping_cart_content p.woocommerce-mini-cart__total.total{
  margin: 8px var(--miniCart-padX) 0 !important;
  padding-top: 12px !important;
  border-top: 1px solid #eee !important;
  font-weight: 700 !important;
}
.widget_shopping_cart_content p.woocommerce-mini-cart__total.total + p.woocommerce-mini-cart__buttons.buttons{
  margin-top: var(--miniCart-total-gap) !important;
}
.widget_shopping_cart_content .woocommerce-mini-cart__buttons{
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 8px !important;
  padding: 0 var(--miniCart-padX) var(--miniCart-padY) !important;
}
.widget_shopping_cart_content .woocommerce-mini-cart__buttons .button{
  height: 40px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  text-align: center !important;
  padding: 10px 12px !important;
}

/* Мобільно — по одній кнопці в ряд */
@media (max-width: 480px){
  :root{ --miniCart-thumb: 56px; }
  .widget_shopping_cart_content .woocommerce-mini-cart__buttons{
    grid-template-columns: 1fr;
  }
}

/* ===== Woo Cart: стиль кнопок, не міняючи розміщення ===== */
:root{
  --brand-green: #588427;
  --brand-green-hover: #4b6f22;
}

/* Базовий вигляд для обох кнопок */
.woocommerce-cart .cart .actions .button,
.woocommerce-cart .wc-proceed-to-checkout .checkout-button{
  border-radius: 10px !important;
  height: 44px !important;
  padding: 12px 22px !important;
  line-height: 20px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  box-shadow: none !important;

  /* прибиваємо “btn-block”, ширина по тексту */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  white-space: nowrap !important;
}

/* ОНОВИТИ — контурна зелена */
.woocommerce-cart .cart .actions .button[name="update_cart"]{
  background: transparent !important;
  color: var(--brand-green) !important;
  border: 2px solid var(--brand-green) !important;
  min-width: 160px !important;
}
.woocommerce-cart .cart .actions .button[name="update_cart"]:hover{
  background: var(--brand-green) !important;
  color: #fff !important;
}

/* ПЕРЕЙТИ ДО ОФОРМЛЕННЯ — заповнена зелена */
.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
.woocommerce-cart a.button.alt.checkout-button,
.woocommerce-cart button.button.alt.checkout-button{
  background: var(--brand-green) !important;
  color: #fff !important;
  border: 0 !important;
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover{
  background: var(--brand-green-hover) !important;
}

/* Якщо тема підсовує .btn-block або флоати — нейтралізуємо для корзини */
.woocommerce-cart .btn.btn-block,
.woocommerce-cart .button.btn-block{ width: auto !important; }
.woocommerce-cart .btn, .woocommerce-cart .button{ float: none !important; }

/* Залишаємо розташування як у теми: checkout нижче update */
.woocommerce-cart .wc-proceed-to-checkout{
  display: block !important;
  margin-top: 8px !important;
}

/* ==================================================
   ALSO-LIKE (Similar products) — 1:1 як у категоріях
   + горизонтальна сітка (desktop + mobile) вигляд іконок як у категоріях
   ================================================== */

/* 0) Підстраховка на випадок, якщо елементи там не li, а div */
.single-product .also-like .product-grid ul.products > div.type-product{
  display:list-item; /* щоб спадали стилі "як li" у деяких темах */
  list-style:none;
}

/* 1) Карточка товару — дубль категорійного стилю */
.single-product .also-like .product-grid ul.products li.product,
.single-product .also-like .product-grid ul.products > div.type-product{
  display:flex;
  flex-direction:column;
  border:1px solid #e8ecef;
  border-radius:10px;
  background:#fff;
  overflow:hidden;
  transition:box-shadow .15s ease, transform .08s ease;
}

.single-product .also-like .product-grid ul.products li.product:hover,
.single-product .also-like .product-grid ul.products > div.type-product:hover{
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  transform:translateY(-2px);
}

/* 2) Фото — як у категоріях (адекватна висота/пропорція) */
.single-product .also-like .product-grid ul.products li.product .product-thumb,
.single-product .also-like .product-grid ul.products li.product .woocommerce-LoopProduct-link img,
.single-product .also-like .product-grid ul.products > div.type-product .product-thumb,
.single-product .also-like .product-grid ul.products > div.type-product .woocommerce-LoopProduct-link img{
  width:100%;
  aspect-ratio: 4 / 3;
  object-fit:cover;
  display:block;
}

/* 3) Внутрішні відступи для title/price/btn-go */
.single-product .also-like .product-grid ul.products li.product .woocommerce-loop-product__title,
.single-product .also-like .product-grid ul.products li.product .price,
.single-product .also-like .product-grid ul.products li.product .btn-go,

.single-product .also-like .product-grid ul.products > div.type-product .woocommerce-loop-product__title,
.single-product .also-like .product-grid ul.products > div.type-product .price,
.single-product .also-like .product-grid ul.products > div.type-product .btn-go{
  margin-left:14px;
  margin-right:14px;
}

/* 4) Заголовок — 2 рядки */
.single-product .also-like .product-grid ul.products li.product .woocommerce-loop-product__title,
.single-product .also-like .product-grid ul.products li.product h3,

.single-product .also-like .product-grid ul.products > div.type-product .woocommerce-loop-product__title,
.single-product .also-like .product-grid ul.products > div.type-product h3{
  font-size:16px;
  line-height:1.3;
  margin-top:12px;
  margin-bottom:8px;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;

  min-height: calc(1.3em * 2);
  max-height: calc(1.3em * 2);
}

/* 5) Рейтинг */
.single-product .also-like .product-grid ul.products li.product .star-rating,
.single-product .also-like .product-grid ul.products > div.type-product .star-rating{
  margin:0 14px 6px;
}

/* 6) Ціна — “прилипає” перед кнопкою */
.single-product .also-like .product-grid ul.products li.product .price,
.single-product .also-like .product-grid ul.products > div.type-product .price{
  margin-top:auto;
  margin-bottom:10px;
  font-weight:700;
}

/* 7) Кнопка "Перейти" */
.single-product .also-like .product-grid ul.products li.product .btn-go,
.single-product .also-like .product-grid ul.products li.product a.btn-go,

.single-product .also-like .product-grid ul.products > div.type-product .btn-go,
.single-product .also-like .product-grid ul.products > div.type-product a.btn-go{
  display:block !important;
  text-align:center;
  height:38px;
  line-height:38px;
  border-radius:8px;
  background:#7fb348;
  color:#fff;
  font-weight:700;
  margin:0 14px 14px;

  transition:background .12s ease, transform .06s ease;
}

.single-product .also-like .product-grid ul.products li.product .btn-go:hover,
.single-product .also-like .product-grid ul.products li.product a.btn-go:hover,
.single-product .also-like .product-grid ul.products > div.type-product .btn-go:hover,
.single-product .also-like .product-grid ul.products > div.type-product a.btn-go:hover{
  background:#6fa43f;
  transform:translateY(-1px);
}

.single-product .also-like .product-grid ul.products li.product .btn-go:active,
.single-product .also-like .product-grid ul.products li.product a.btn-go:active,
.single-product .also-like .product-grid ul.products > div.type-product .btn-go:active,
.single-product .also-like .product-grid ul.products > div.type-product a.btn-go:active{
  transform:translateY(0);
}

/* 8) Прибираємо круглі іконки/кошик теми, як у категоріях */
.single-product .also-like .product-grid ul.products li.product a.add_to_cart_button,
.single-product .also-like .product-grid ul.products li.product .product-action a.add_to_cart_button,
.single-product .also-like .product-grid ul.products li.product .product-action .button,
.single-product .also-like .product-grid ul.products li.product .product-action,
.single-product .also-like .product-grid ul.products li.product .add_to_cart_button,

.single-product .also-like .product-grid ul.products > div.type-product a.add_to_cart_button,
.single-product .also-like .product-grid ul.products > div.type-product .product-action a.add_to_cart_button,
.single-product .also-like .product-grid ul.products > div.type-product .product-action .button,
.single-product .also-like .product-grid ul.products > div.type-product .product-action,
.single-product .also-like .product-grid ul.products > div.type-product .add_to_cart_button{
  display:none !important;
}

/* 9) Якщо тема малює псевдо-елементи під фото */
.single-product .also-like .product-grid ul.products li.product .thumbnail:after,
.single-product .also-like .product-grid ul.products li.product .product-thumbnail:after,
.single-product .also-like .product-grid ul.products > div.type-product .thumbnail:after,
.single-product .also-like .product-grid ul.products > div.type-product .product-thumbnail:after{
  content:none !important;
}

/* ==================================================
   ALSO-LIKE — правильна ширина карток (4 / 3 / 2 / 1)
   ================================================== */

/* Десктоп — 4 в ряд */
.single-product .also-like .product-grid ul.products > li.product,
.single-product .also-like .product-grid ul.products > div.product,
.single-product .also-like .product-grid ul.products > div.type-product{
  width: calc(25% - 22px) !important;
  max-width: calc(25% - 22px) !important;
  float: none !important;
  margin: 0 !important;
}

/* 3 в ряд */
@media (max-width: 1199px){
  .single-product .also-like .product-grid ul.products > li.product,
  .single-product .also-like .product-grid ul.products > div.product,
  .single-product .also-like .product-grid ul.products > div.type-product{
    width: calc(33.333% - 22px) !important;
    max-width: calc(33.333% - 22px) !important;
  }
}

/* 2 в ряд */
@media (max-width: 991px){
  .single-product .also-like .product-grid ul.products > li.product,
  .single-product .also-like .product-grid ul.products > div.product,
  .single-product .also-like .product-grid ul.products > div.type-product{
    width: calc(50% - 22px) !important;
    max-width: calc(50% - 22px) !important;
  }
}

/* 1 в ряд — мобільний */
@media (max-width: 575px){
  .single-product .also-like .product-grid ul.products > li.product,
  .single-product .also-like .product-grid ul.products > div.product,
  .single-product .also-like .product-grid ul.products > div.type-product{
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Контейнер товару — тільки ширина, без впливу на вміст */
.single-product .also-like .product-grid ul.products > li.product,
.single-product .also-like .product-grid ul.products > div.product,
.single-product .also-like .product-grid ul.products > div.type-product{
  width: 25% !important;
  padding: 10px;              /* щоб картка не впиралась у край */
  box-sizing: border-box;    
}

/* ВНУТРІШНЯ картка — фіксуємо незалежну ширину */
.single-product .also-like .product-grid ul.products > li.product > *,
.single-product .also-like .product-grid ul.products > div.product > *,
.single-product .also-like .product-grid ul.products > div.type-product > *{
  width: 100% !important;      /* картка займає всю доступну ширину всередині */
  max-width: 280px;            /* ТУТ ставиш ширину картки як у категоріях */
  margin-left: auto;
  margin-right: auto;
}

/* ==================================================
   ALSO-LIKE — робимо картки горизонтально, не чіпаючи їх розмір
   ================================================== */

/* Контейнер списку схожих товарів → flex-рядок з переносом */
.single-product .also-like .product-grid ul.products{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 22px !important;              /* відстань між картками */
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Кожен товар: дозволяємо ширині підлаштовуватись під картку,
   прибираємо 100%/float від теми */
.single-product .also-like .product-grid ul.products > li.product,
.single-product .also-like .product-grid ul.products > div.product,
.single-product .also-like .product-grid ul.products > div.type-product{
  width: auto !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 0 22px 0; /* трохи відступу знизу між рядами, за бажанням */
}

/* На дуже вузьких екранах — центруємо ряд */
@media (max-width: 575px){
  .single-product .also-like .product-grid ul.products{
    justify-content: center;
  }
}

/* ==================================================
   ALSO-LIKE — 4 картки в ряд, акуратні, рівні, не гігантські
   ================================================== */

/* Головний контейнер — flex */
.single-product .also-like .product-grid ul.products{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:space-between !important;
  gap:22px !important;
  padding:0 !important;
  margin:0 !important;
  list-style:none !important;
}

/* Кожна картка — фіксована ширина (аналог категорій) */
.single-product .also-like .product-grid ul.products > li.product,
.single-product .also-like .product-grid ul.products > div.type-product{
  width: calc(25% - 22px) !important;   /* 4 шт в ряд */
  max-width:260px !important;           /* щоб не виростали */
  float:none !important;
  margin:0 !important;
}

/* Центруємо, якщо екран вузькіший */
@media (max-width:1100px){
  .single-product .also-like .product-grid ul.products > li.product,
  .single-product .also-like .product-grid ul.products > div.type-product{
    width: calc(33.33% - 22px) !important; /* 3 в ряд */
  }
}

@media (max-width:768px){
  .single-product .also-like .product-grid ul.products > li.product,
  .single-product .also-like .product-grid ul.products > div.type-product{
    width: calc(50% - 22px) !important;  /* 2 в ряд */
  }
}

@media (max-width:480px){
  .single-product .also-like .product-grid ul.products > li.product,
  .single-product .also-like .product-grid ul.products > div.type-product{
    width:100% !important; /* 1 в ряд, повна ширина */
    max-width:330px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* ==================================================
   ALSO-LIKE — 4 картки в ряд, менші, з нормальним відступом
   ================================================== */

/* Відступ перед футером */
.single-product .also-like{
  margin-bottom: 60px !important;
}

/* Контейнер списку */
.single-product .also-like .product-grid ul.products{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:space-between !important;
  gap:22px !important;
  padding:0 !important;
  margin:0 !important;
  list-style:none !important;
}

/* Картки — зроблені менші */
.single-product .also-like .product-grid ul.products > li.product,
.single-product .also-like .product-grid ul.products > div.type-product{
  width: calc(25% - 22px) !important;  /* 4 в ряд */
  max-width: 220px !important;         /* було 260 */
  float:none !important;
  margin:0 !important;
}

/* На екранах середньої ширини → 3 в ряд */
@media (max-width:1100px){
  .single-product .also-like .product-grid ul.products > li.product,
  .single-product .also-like .product-grid ul.products > div.type-product{
    width: calc(33.33% - 22px) !important;
    max-width: 240px !important;
  }
}

/* На планшетах → 2 в ряд */
@media (max-width:768px){
  .single-product .also-like .product-grid ul.products > li.product,
  .single-product .also-like .product-grid ul.products > div.type-product{
    width: calc(50% - 22px) !important;
    max-width:260px !important;
  }
}

/* На мобільних → 1 в ряд */
@media (max-width:480px){
  .single-product .also-like .product-grid ul.products > li.product,
  .single-product .also-like .product-grid ul.products > div.type-product{
    width:100% !important;
    max-width:330px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* ==================================================
   СХОЖІ ТОВАРИ - ALSO-LIKE — мобільна версія: горизонтальна карусель
   ================================================== */

@media (max-width: 1100.98px){
  /* Контейнер — даємо горизонтальний скрол */
  .single-product .also-like .product-grid{
    overflow-x: auto;
  }

  .single-product .also-like .product-grid ul.products{
    display: flex !important;
    flex-wrap: nowrap !important;                /* в один ряд */
    justify-content: flex-start !important;
    gap: 16px !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;           /* плавний скрол на iOS */
    padding-bottom: 10px;                        /* щоб не чіплявся за низ */
  }

  /* Кожна картка має фіксовану ширину, щоб можна було гортати вбік */
  .single-product .also-like .product-grid ul.products > li.product,
  .single-product .also-like .product-grid ul.products > div.type-product{
    flex: 0 0 240px !important;                  /* ширина однієї картки */
    max-width: 240px !important;
    margin: 0 !important;
  }
}

/* ======================================================
   КАТЕГОРІЇ — 2 товари в ряд на мобільних
   ====================================================== */

@media (max-width: 767px){

  /* Контейнер товарів у категоріях → грід на 2 колонки */
  .product-grid ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
  }

  /* Картка товару адаптується під 2-кольоровий грід */
  .product-grid ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
  }

  /* Фіксуємо пропорції фото */
  .product-grid ul.products li.product .product-thumb img,
  .product-grid ul.products li.product .woocommerce-LoopProduct-link img {
    width: 100% !important;
    aspect-ratio: 3 / 4; /* вертикальніші фото виглядають краще */
    object-fit: cover;
  }
}

/* ======================================================
   Тимчасово ховаємо блок "Пов'язані товари" в кошику
   ====================================================== */
.woocommerce-cart .prd-cross,
.woocommerce-cart .cross-sells{
  display:none !important;
}

/* ======================================================
   Cart: Відступ перед футером на сторінці кошика
   ====================================================== */
.woocommerce-cart .cart-collaterals{
    margin-bottom:60px !important;
}

/* ======================================================
   Checkout: відступ перед футером, щоб кнопка не липла до низу
   ====================================================== */
   
body.woocommerce-checkout form.checkout {
  margin-bottom: 40px;
}

/* Checkout: робимо перший стовпчик ширшим приблизно на 30% */
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table td.product-name,
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table th.product-name {
    width: 90%;     /* було ~50%, тепер +30% */
    min-width: 230px; /* щоб точно не стискався */
    white-space: normal; /* дозволяємо перенос рядків красиво */
}

/* А другий стовпчик (ціни / доставка) — залишаємо вже збільшеним */
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table td.product-total,
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table th.product-total {
    width: 10%;
    min-width: 150px;
    text-align: right;
}

/* MOBILE Checkout: відступи на сторінці checkout */
@media (max-width: 767px) {

  /* Загальний контейнер */
  body.woocommerce-checkout #main .container,
  body.woocommerce-checkout #main .wrapper,
  body.woocommerce-checkout #main .row,
  body.woocommerce-checkout .woocommerce-checkout {
      padding-left: 10px !important;
      padding-right: 10px !important;
  }

  /* Таблиця замовлення — теж додаємо повітря */
  body.woocommerce-checkout table.shop_table {
      margin-left: 0 !important;
      margin-right: 0 !important;
  }

  /* Кнопка підтвердити замовлення — нижній і верхній відступ */
  body.woocommerce-checkout button#place_order {
      width: 100% !important;
      margin-top: 25px;
      margin-bottom: 25px;
  }
}

/* ======================================================
   Checkout: прибираємо зайву кнопку в мобільній версії
   ====================================================== */

/* MOBILE: ховаємо тільки нижню кнопку "Замовити зараз",
   але залишаємо її контейнер як "якір" для основної кнопки */
@media (max-width: 767px) {
    .form-row.place-order.destop-hide input[type="submit"] {
        display: none !important;
    }

    /* Стилі для перенесеної кнопки "Підтвердити замовлення" у цьому місці */
    .form-row.place-order.destop-hide #place_order {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 25px;
        display: block;
    }
}

/* MOBILE: ховаємо кнопку "Підтвердити замовлення" в блоці оплати (#payment),
   залишаємо тільки нижню, яку ми перенесли в destop-hide */
@media (max-width: 767px) {
    body.woocommerce-checkout #payment #place_order {
        display: none !important;
    }
}

/* ======================================================
   Checkout: параметри кнопки підтвердити замовлення
   ====================================================== */

/* MOBILE + TABLET (<= 991px): checkout налаштування */
@media (max-width: 991px) {

  /* 1. Нормальні відступи по боках */
  body.woocommerce-checkout #main .container,
  body.woocommerce-checkout #main .wrapper,
  body.woocommerce-checkout #main .row,
  body.woocommerce-checkout .woocommerce-checkout {
      padding-left: 8px !important;
      padding-right: 8px !important;
  }

  /* 2. Ховаємо нижню стару кнопку "Замовити зараз" (input) всередині destop-hide */
  .form-row.place-order.destop-hide input[type="submit"] {
      display: none !important;
  }

  /* 3. Вирівнюємо контейнер нижньої кнопки по центру */
  .form-row.place-order.destop-hide {
      text-align: center; /* центрує кнопку */
  }

  /* 4. Стиль нижньої кнопки "Підтвердити замовлення" */
  .form-row.place-order.destop-hide #place_order {
      font-size: 16px !important;
      font-weight: 600 !important;

      width: 80% !important;            /* кнопка трохи вужча за екран */
      padding: 8px 0 !important;
      margin: 20px auto 35px auto !important;
      border-radius: 6px;

      /* КОЛЬОРИ */
      background-color: #7fb348 !important; /* колір кнопки */
      color: #ffffff !important;            /* колір тексту */
      border: none !important;
      transition: 0.2s ease-in-out;
  }

/* КОЛІР ПРИ НАВЕДЕННІ */
  .form-row.place-order.destop-hide #place_order:hover {
      background-color: #6d9b3a !important;
      color: #ffffff !important;
  }

/* КОЛІР ПРИ НАТИСКАННІ */
  .form-row.place-order.destop-hide #place_order:active {
      background-color: #6d9b3a !important;
  }

  /* 5. Ховаємо "середню" кнопку в блоці payment */
  body.woocommerce-checkout #payment #place_order {
      display: none !important;
  }
}

/* Вирівнюємо всі суми у таблиці checkout праворуч */
.woocommerce-checkout-review-order-table td.product-total,
.woocommerce-checkout-review-order-table td.product-subtotal,
.woocommerce-checkout-review-order-table tfoot td,
.woocommerce-checkout-review-order-table td:last-child {
    text-align: right !important;
}

/* ======================================
   Оформлення замовлення — заголовки 3 колонок
   1) Деталі замовлення / Детали заказа
   2) Додаткова інформація / Дополнительная информация
   3) Доставка / Доставка
   ====================================== */

/* Базово ховаємо старий текст заголовків і вирівнюємо їх */
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout #order_comments_field > label,
body.woocommerce-checkout .woocommerce-billing-fields > h3 {
    font-size: 0 !important;          /* приховуємо оригінальний текст */
    text-align: center !important;
    margin: 30px 0 25px 0 !important; /* однаковий відступ зверху та знизу */
}

/* Спільний стиль для всіх трьох "штучних" заголовків */
body.woocommerce-checkout #order_review_heading::after,
body.woocommerce-checkout #order_comments_field > label::after,
body.woocommerce-checkout .woocommerce-billing-fields > h3::after {
    display: block;
    font-size: 20px;                  /* однаковий розмір шрифту */
    font-weight: 700;
    color: #333;
}

/* ---------- УКРАЇНСЬКА ---------- */

/* 1) Ліва колонка — Деталі замовлення */
html[lang^="uk"] body.woocommerce-checkout #order_review_heading::after {
    content: "Деталі замовлення";
}

/* 2) Середня колонка — Додаткова інформація */
html[lang^="uk"] body.woocommerce-checkout #order_comments_field > label::after {
    content: "Додаткова інформація";
}

/* 3) Права колонка — Доставка */
html[lang^="uk"] body.woocommerce-checkout .woocommerce-billing-fields > h3::after {
    content: "Контактні дані";
}


/* ---------- РОСІЙСЬКА ---------- */

/* 1) Ліва колонка — Детали заказа */
html[lang^="ru"] body.woocommerce-checkout #order_review_heading::after {
    content: "Детали заказа";
}

/* 2) Середня колонка — Дополнительная информация */
html[lang^="ru"] body.woocommerce-checkout #order_comments_field > label::after {
    content: "Дополнительная информация";
}

/* 3) Права колонка — Доставка */
html[lang^="ru"] body.woocommerce-checkout .woocommerce-billing-fields > h3::after {
    content: "Контактные данные";
}

/* Трохи підстрахуємо праву колонку по відступу зверху */
body.woocommerce-checkout .customer-details {
    margin-top: 0 !important;
}

/* Вирівнюємо вертикально середню колонку "Додаткова інформація" */
body.woocommerce-checkout #order_comments_field {
    margin-top: -22px !important; /* підіймаємо блок вище */
}

/* Робимо заголовок "Додаткова інформація" / "Дополнительная информация" меншим */
body.woocommerce-checkout #order_comments_field > label::after {
    font-size: 18px !important;   /* тут ставиш, який розмір хочеш (18–20px) */
    font-weight: 700 !important;  /* можна ослабити до 500, якщо хочеш легший */
}

/* Мобільні відступи на сторінці "Дякуємо за замовлення" */
@media (max-width: 767px) {

    body.woocommerce-order-received #main .container,
    body.woocommerce-order-received .woocommerce {
        margin-top: 5px !important;      /* відступ зверху */
        padding-top: 10px !important;
        padding-left: 10px !important;    /* відступ ліворуч */
        padding-right: 10px !important;   /* відступ праворуч */
        padding-bottom: 15px !important;  /* відступ знизу */
    }
}

/* Декстроп — нижній відступ для сторінки після оформлення замовлення */
@media (min-width: 1025px) {

    body.woocommerce-order-received #main .container,
    body.woocommerce-order-received .woocommerce {
        padding-bottom: 20px !important; /* Можеш змінити на 80px або 100px */
    }
}

/* WPML прапорці у відгуках товару — ВСІ пристрої (desktop+mobile) */

/* 1) Ховаємо типові WPML елементи прапорців */
body.single-product #reviews .wpml-ls-flag,
body.single-product #reviews .iclflag{
  display: none !important;
  visibility: hidden !important;
}

/* 2) Ховаємо IMG прапорів (src/srcset/будь-які варіанти) */
body.single-product #reviews img[src*="/res/flags/"],
body.single-product #reviews img[src*="sitepress-multilingual-cms/res/flags"],
body.single-product #reviews img[srcset*="/res/flags/"],
body.single-product #reviews img[srcset*="sitepress-multilingual-cms/res/flags"]{
  display: none !important;
}

/* 3) Fallback під твій кейс: прибираємо лівий “флаг-блок” з float:left / float: left */
body.single-product #reviews .comment-text > div[style*="float:left"],
body.single-product #reviews .comment-text > div[style*="float: left"]{
  display: none !important;
}

/* === Рівні картки в "Рекомендовані" / "Схожі" / будь-яких Woo списках === */

/* 1) Карточка як колонка, щоб кнопку притиснути вниз */
.woocommerce ul.products li.product{
  display: flex;
  flex-direction: column;
}

/* 2) Фіксуємо висоту зображення (щоб не "стрибало") */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail{
  width: 100% !important;
  height: 220px !important;         /* desktop */
  object-fit: contain !important;    /* НЕ ріже, масштабує в рамку */
  display: block !important;
}

/* 3) Заголовок (щоб не роздував картку) */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  min-height: 2.8em;
  line-height: 1.4;
  overflow: hidden;
}

/* 4) Кнопку вниз (вирівнює по низу) */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button{
  margin-top: auto !important;
}

/* 5) Мобілка — менша висота прев’ю */
@media (max-width: 767px){
  .woocommerce ul.products li.product a img,
  .woocommerce ul.products li.product img.attachment-woocommerce_thumbnail{
    height: 160px !important;
  }
}

/* =========================================================
   (B) RECOMMENDED (Cross-sells) — 4 в ряд + “підрізана” 5-та
       тільки для твого блоку:
       section.product-cross-sells.agro-cross-sells-full
   ========================================================= */

/* Блок-карта */
.single-product section.product-cross-sells.agro-cross-sells-full{
  margin-top:18px !important;
  padding:18px 14px 12px !important;
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
}

/* Заголовок */
.single-product section.product-cross-sells.agro-cross-sells-full .agro-cross-sells-title,
.single-product section.product-cross-sells.agro-cross-sells-full h2{
  font-size:26px !important;
  font-weight:800 !important;
  margin:0 0 12px !important;
  text-align:center;
}
.single-product section.product-cross-sells.agro-cross-sells-full .agro-cross-sells-title::after,
.single-product section.product-cross-sells.agro-cross-sells-full h2::after{
  content:"";
  display:block;
  width:92px;
  height:4px;
  margin:10px auto 0;
  border-radius:999px;
  background:#6aa84f;
}

/* Обгортка для стрілок */
.single-product section.product-cross-sells.agro-cross-sells-full .product-grid{
  position:relative;
}

/* UL — скрол по горизонталі */
.single-product section.product-cross-sells.agro-cross-sells-full ul.products{
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:flex-start !important;

  overflow-x:auto !important;
  overflow-y:hidden !important;

  gap:10px !important;

  /* справа залишаємо “peek” під 5-ту + місце під стрілку */
  padding:6px 70px 14px 8px !important;
  margin:0 !important;

  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory;
}

.single-product section.product-cross-sells.agro-cross-sells-full ul.products::before,
.single-product section.product-cross-sells.agro-cross-sells-full ul.products::after{
  content:none !important;
}

/* ✅ ГОЛОВНЕ: 4.35 картки в зоні → 4 повні + обрізана 5-та */
.single-product section.product-cross-sells.agro-cross-sells-full ul.products > li.product{
  float:none !important;
  flex:0 0 calc((100% - 10px * 3) / 4.35) !important;
  max-width:calc((100% - 10px * 3) / 4.35) !important;
  flex-shrink:0 !important;

  scroll-snap-align:start;
  display:flex !important;
  flex-direction:column !important;
}

/* адаптив: щоб не дрібніло */
@media (max-width: 1199px){
  .single-product section.product-cross-sells.agro-cross-sells-full ul.products > li.product{
    flex-basis:calc((100% - 10px * 2) / 3.35) !important; /* 3 + peek */
    max-width: calc((100% - 10px * 2) / 3.35) !important;
  }
}
@media (max-width: 991px){
  .single-product section.product-cross-sells.agro-cross-sells-full ul.products > li.product{
    flex-basis:calc((100% - 10px) / 2.35) !important; /* 2 + peek */
    max-width: calc((100% - 10px) / 2.35) !important;
  }
}
@media (max-width: 575px){
  .single-product section.product-cross-sells.agro-cross-sells-full ul.products > li.product{
    flex-basis:78vw !important; /* свайп */
    max-width:78vw !important;
  }
}

/* ✅ Менше “повітря” між фото і назвою (саме тут) */
.single-product section.product-cross-sells.agro-cross-sells-full ul.products > li.product a img{
  height:180px !important;   /* трохи компактніше за 220 */
  margin:0 0 6px 0 !important;
  object-fit:contain !important;
}
.single-product section.product-cross-sells.agro-cross-sells-full ul.products > li.product .woocommerce-loop-product__title{
  margin:0 0 6px 0 !important;
  padding:0 !important;
  line-height:1.2 !important;
  min-height:2.4em;
}
.single-product section.product-cross-sells.agro-cross-sells-full ul.products > li.product .star-rating{
  margin:2px auto 4px !important;
}
.single-product section.product-cross-sells.agro-cross-sells-full ul.products > li.product .price{
  margin:0 0 6px !important;
}

/* Скролбар (опційно) */
.single-product section.product-cross-sells.agro-cross-sells-full ul.products::-webkit-scrollbar{ height:10px; }
.single-product section.product-cross-sells.agro-cross-sells-full ul.products::-webkit-scrollbar-thumb{ border-radius:999px; }

/* ===========================
   Стрілки
   =========================== */
.agro-cross-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border-radius:999px;
  border:0;
  cursor:pointer;
  background:rgba(255,255,255,.95);
  box-shadow:0 8px 22px rgba(0,0,0,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  line-height:1;
  z-index:5;
  user-select:none;
}
.agro-cross-arrow.prev{ left:10px; }
.agro-cross-arrow.next{ right:10px; }

@media (max-width: 767px){
  .agro-cross-arrow{ display:none !important; } /* на мобілці свайп */
}

/* WPML ховаємо прапорець у відгуках (мобільний markup: div style="float:left"... + img ru.svg) */
body.single-product #tab-reviews #reviews .comment-text > div[style*="float:left"]{
  display: none !important;
}

/* На всяк випадок — ховаємо і самі картинки прапорців */
body.single-product #tab-reviews #reviews img[src*="sitepress-multilingual-cms/res/flags/"],
body.single-product #tab-reviews #reviews img[src*="/wp-content/plugins/sitepress-multilingual-cms/res/flags/"]{
  display: none !important;
}

/* прибрати можливий пустий відступ */
body.single-product #tab-reviews #reviews .comment-text{
  padding-left: 0 !important;
}

/* === Mobile: 2 товари + “підглядання” 3-го у Recommended slider === */
@media (max-width: 767px){

  /* прибираємо зайві великі падінги, бо стрілки на мобілці сховані */
  .single-product section.product-cross-sells.agro-cross-sells-full ul.products{
    padding: 6px 12px 14px 12px !important;
    gap: 10px !important;
  }

  /* 2 в ряд + трохи третього (44vw) */
  .single-product section.product-cross-sells.agro-cross-sells-full ul.products > li.product{
    flex: 0 0 42vw !important;
    max-width: 42vw !important;
  }
}

/* Mobile: менший відступ між картками + ширші картки */
@media (max-width: 767px){

  /* менший проміжок між товарами */
  .single-product section.product-cross-sells.agro-cross-sells-full ul.products{
    gap: 4px !important; /* було 10px */
    padding: 6px 10px 14px 10px !important;
  }

  /* картки трохи ширші, але все ще видно “підглядання” 3-го */
  .single-product section.product-cross-sells.agro-cross-sells-full ul.products > li.product{
    flex: 0 0 42vw !important;  /* було 42vw */
    max-width: 42vw !important;
  }
}

/* ===========================================
   "Похожі товари" (also-like) — рівні картки + кнопка в один рівень
   =========================================== */

/* 1) Картка = колонка */
.single-product .also-like .product-grid ul.products li.product,
.single-product .also-like .product-grid ul.products > div.type-product{
  display: flex !important;
  flex-direction: column !important;
}

/* 2) Фото однакової висоти (щоб не штовхало кнопку вниз) */
.single-product .also-like .product-grid ul.products li.product a img,
.single-product .also-like .product-grid ul.products li.product img.attachment-woocommerce_thumbnail,
.single-product .also-like .product-grid ul.products > div.type-product a img,
.single-product .also-like .product-grid ul.products > div.type-product img.attachment-woocommerce_thumbnail{
  width: 100% !important;
  height: 220px !important;        /* desktop */
  object-fit: cover !important;     /* щоб не було “рамок”; якщо хочеш без обрізки — заміни на contain */
  display: block !important;
  margin: 0 0 10px 0 !important;
}

/* 3) Назва — стабільна висота (щоб ряди не “гуляли”) */
.single-product .also-like .product-grid ul.products li.product .woocommerce-loop-product__title,
.single-product .also-like .product-grid ul.products > div.type-product .woocommerce-loop-product__title{
  min-height: 2.8em !important;     /* ~2 рядки */
  line-height: 1.35 !important;
  overflow: hidden !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
}

/* 4) Кнопку вниз картки */
.single-product .also-like .product-grid ul.products li.product .button,
.single-product .also-like .product-grid ul.products li.product a.button,
.single-product .also-like .product-grid ul.products > div.type-product .button,
.single-product .also-like .product-grid ul.products > div.type-product a.button{
  margin-top: auto !important;
}

/* 5) Мобілка — висота фото */
@media (max-width: 767px){
  .single-product .also-like .product-grid ul.products li.product a img,
  .single-product .also-like .product-grid ul.products li.product img.attachment-woocommerce_thumbnail,
  .single-product .also-like .product-grid ul.products > div.type-product a img,
  .single-product .also-like .product-grid ul.products > div.type-product img.attachment-woocommerce_thumbnail{
    height: 240px !important;
  }
}

/* =========================================================
   MOBILE: Категорії/Архіви Woo — рівні картки + менше "повітря"
   (Shop / product category / search) — тільки мобільні
   ========================================================= */
@media (max-width: 767px){

  /* 1) Робимо картку "колонкою" і тиснемо кнопку вниз */
  body.woocommerce.archive ul.products li.product,
  body.woocommerce-page.archive ul.products li.product,
  body.tax-product_cat ul.products li.product,
  body.post-type-archive-product ul.products li.product,
  body.search.woocommerce ul.products li.product{
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
  }

  /* 2) Фіксуємо висоту фото, щоб картки не "стрибали" */
  body.woocommerce.archive ul.products li.product a img,
  body.woocommerce-page.archive ul.products li.product a img,
  body.tax-product_cat ul.products li.product a img,
  body.post-type-archive-product ul.products li.product a img,
  body.search.woocommerce ul.products li.product a img,
  body.woocommerce.archive ul.products li.product img.attachment-woocommerce_thumbnail,
  body.tax-product_cat ul.products li.product img.attachment-woocommerce_thumbnail{
    width: 100% !important;
    height: 165px !important;          /* ← можна підкрутити 150–190 */
    object-fit: contain !important;     /* не ріже, масштабує в рамку */
    display: block !important;
    margin: 0 0 6px 0 !important;       /* менша відстань фото→назва */
  }

  /* 3) Назва — компактніше, і стабільна висота на 2 рядки */
  body.woocommerce.archive ul.products li.product .woocommerce-loop-product__title,
  body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
  body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
  body.search.woocommerce ul.products li.product .woocommerce-loop-product__title{
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    min-height: 2.4em !important;       /* ~2 рядки */
    overflow: hidden !important;
  }

  /* 4) Рейтинг/ціна — прибираємо зайві відступи */
  body.woocommerce.archive ul.products li.product .star-rating,
  body.tax-product_cat ul.products li.product .star-rating{
    margin: 2px auto 4px !important;
  }
  body.woocommerce.archive ul.products li.product .price,
  body.tax-product_cat ul.products li.product .price{
    margin: 0 0 8px !important;
  }

  /* 5) Кнопку притискаємо вниз */
  body.woocommerce.archive ul.products li.product .button,
  body.woocommerce.archive ul.products li.product a.button,
  body.tax-product_cat ul.products li.product .button,
  body.tax-product_cat ul.products li.product a.button,
  body.post-type-archive-product ul.products li.product .button,
  body.search.woocommerce ul.products li.product .button{
    margin-top: auto !important;
  }
}

/* =========================================================
   КАТЕГОРІЇ (archive) — МОБІЛКА: менше повітря фото->назва
   + кнопка завжди на одному рівні
   ========================================================= */
@media (max-width: 767px){

  /* 1) Робимо “картку” нормальною колонкою */
  body.woocommerce.archive ul.products li.product .product-content,
  body.woocommerce-page.woocommerce.archive ul.products li.product .product-content,
  body.post-type-archive-product ul.products li.product .product-content{
    display: flex !important;
    flex-direction: column !important;
  }

  /* 2) Блок з картинкою НЕ має бути величезним */
  body.woocommerce.archive ul.products li.product .product-img,
  body.woocommerce-page.woocommerce.archive ul.products li.product .product-img,
  body.post-type-archive-product ul.products li.product .product-img{
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 0 !important;
  }

  /* 3) Картинка: фікс висота (менша), щоб не “роздувало” картку */
  body.woocommerce.archive ul.products li.product .product-img img,
  body.woocommerce-page.woocommerce.archive ul.products li.product .product-img img,
  body.post-type-archive-product ul.products li.product .product-img img,
  body.woocommerce.archive ul.products li.product img.attachment-woocommerce_thumbnail,
  body.woocommerce-page.woocommerce.archive ul.products li.product img.attachment-woocommerce_thumbnail,
  body.post-type-archive-product ul.products li.product img.attachment-woocommerce_thumbnail{
    width: 100% !important;
    height: 190px !important;          /* <- ключ: зменшуємо “висоту фото” */
    max-height: 190px !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 0 5px 0 !important;
  }

  /* 4) Назва ближче до фото */
  body.woocommerce.archive ul.products li.product .woocommerce-loop-product__title,
  body.woocommerce-page.woocommerce.archive ul.products li.product .woocommerce-loop-product__title,
  body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title{
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
  }

  /* 5) Кнопка вниз (вирівнює по низу в 2 колонки) */
  body.woocommerce.archive ul.products li.product a.button,
  body.woocommerce.archive ul.products li.product .button,
  body.woocommerce-page.woocommerce.archive ul.products li.product a.button,
  body.woocommerce-page.woocommerce.archive ul.products li.product .button,
  body.post-type-archive-product ul.products li.product a.button,
  body.post-type-archive-product ul.products li.product .button{
    margin-top: auto !important;
  }

  /* (опційно) трохи піджати ціну/рейтинг, якщо вони дають “повітря” */
  body.woocommerce.archive ul.products li.product .star-rating{ margin: 2px auto 4px !important; }
  body.woocommerce.archive ul.products li.product .price{ margin: 0 0 6px !important; }
}

/* =========================================================
   Sidebar: форма "перезвон" — кнопку вправо
   ========================================================= */
   
aside#text-11 .textwidget .wpcf7 form.wpcf7-form p{
  margin: 0 0 10px !important;
  text-align: right !important; /* кнопка справа */
}

/* поле на всю ширину */
aside#text-11 .textwidget .wpcf7 form.wpcf7-form .wpcf7-form-control-wrap{
  display: block !important;
  width: 100% !important;
}

aside#text-11 .textwidget .wpcf7 form.wpcf7-form input[type="tel"],
aside#text-11 .textwidget .wpcf7 form.wpcf7-form input[type="text"]{
  width: 100% !important;
}

/* кнопка нижче (2-й рядок) */
aside#text-11 .textwidget .wpcf7 form.wpcf7-form .wpcf7-submit{
  display: inline-block !important;
  float: none !important;
  margin-top: 10px !important;
}

/* =========================================================
   Checkout: прибрати "Доставка за іншою адресою?" на ВСІХ пристроях 
   ========================================================= */
.woocommerce-checkout #ship-to-different-address,
.woocommerce-checkout #ship-to-different-address *{
  display: none !important;
}

/* (додатково) прибрати самі поля альтернативної адреси, якщо раптом десь показуються */
.woocommerce-checkout .shipping_address{
  display: none !important;
}

/* === CART: прибрати блок "Розрахувати вартість доставки" (Shipping calculator) на всіх пристроях === */
.woocommerce-cart form.woocommerce-shipping-calculator,
.woocommerce-cart .cart-collaterals .woocommerce-shipping-calculator,
.woocommerce-cart .cart-collaterals a.shipping-calculator-button,
.woocommerce-cart .cart-collaterals section.shipping-calculator-form,
.woocommerce-cart .woocommerce-shipping-destination{
  display: none !important;
}

/* КОНТАКТИ (page-id-18231): щоб контент не прилипав до футера */
body.page-id-18231 #main{
  padding-bottom: 20px;
}

/* Підстраховка, якщо padding на #main переб'ється темою */
body.page-id-18231 .entry-content{
  padding-bottom: 20px;
}

/* КОНТАКТИ (RU, page-id-1959): чтобы контент не прилипал к футеру/хедеру */
body.page-id-1959 #main{
  padding-bottom: 20px;
}

/* Подстраховка */
body.page-id-1959 .entry-content{
  padding-bottom: 20px;
}

body.page-id-1959 #main{
  padding-top: 20px;
}
body.page-id-1959 .entry-content{
  padding-top: 20px;
}

/* ===== PAGES only (not WooCommerce): padding on tablet + mobile ===== */
@media (max-width: 1024px){

  /* 1) Основний відступ для контенту сторінок */
  body.page:not(.woocommerce-page) .entry-content{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* 2) Якщо на сторінці є #main > .container (Foodfarm), теж підстрахуємо */
  body.page:not(.woocommerce-page) #main > .container{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* 3) Щоб Bootstrap-ряд не "з’їдав" padding своїми негативними margin */
  body.page:not(.woocommerce-page) #main > .container > .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.page:not(.woocommerce-page) #main > .container > .row > [class*="col-"]{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* === UA: пункт меню "ІНФО" (menu-item-18252) — нормальний шрифт і вирівнювання dropdown === */
html[lang="uk-UA"] #site-navigation #menu-item-18252{
  position: relative; /* щоб left:0 для підменю рахувався від цього пункту */
}

/* саме підменю — прибрати зсув вправо */
html[lang="uk-UA"] #site-navigation #menu-item-18252 > ul.children.dropdown-menu{
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  top: 100% !important;
}

/* пункти в dropdown — зробити читабельний розмір */
html[lang="uk-UA"] #site-navigation #menu-item-18252 > ul.children.dropdown-menu > li > a{
  font-size: 14px !important;
  line-height: 1.35 !important;
  padding: 4px 4px !important;
}

/* === Footer: іконка кошика біля посилання "Кошик/Корзина" === */
.footer .footer-extra-links .footer-link-cart > a{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* SVG іконка через data-uri (без картинок/шрифтів) */
.footer .footer-extra-links .footer-link-cart > a::before{
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236a6a6a' d='M7 18a2 2 0 1 0 0 4a2 2 0 0 0 0-4Zm10 0a2 2 0 1 0 0 4a2 2 0 0 0 0-4ZM6.3 6l.7 3.6c.1.5.5.9 1 .9h8.8c.5 0 .9-.3 1-.8l1.1-5.7H6.3ZM5.2 4H21a1 1 0 0 1 1 1.2l-1.6 8.1A3 3 0 0 1 17.5 16H8.1a3 3 0 0 1-2.9-2.4L3.3 3H2a1 1 0 1 1 0-2h2.1a1 1 0 0 1 1 .8L5.2 4Z'/%3E%3C/svg%3E");
  opacity: .9;
}

/* === Footer Widget 3: "Мова сайту" + "Кошик" в 2 колонки на mobile/tablet === */
@media (max-width: 1024px){

  /* контейнер колонки, де сидять ці два aside */
  .footer .footer-menu-list .col-xs-12.col-sm-4.col-md-4.list-style{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
  }

  /* прибираємо зайві нижні відступи, щоб виглядало компактно */
  .footer .footer-menu-list .col-xs-12.col-sm-4.col-md-4.list-style > aside{
    margin-bottom: 0 !important;
  }
}

/* Якщо на дуже вузьких екранах треба в 1 колонку — розкоментуй */
/*
@media (max-width: 480px){
  .footer .footer-menu-list .col-xs-12.col-sm-4.col-md-4.list-style{
    grid-template-columns: 1fr;
  }
}
*/

/* === Footer: збільшити лише посилання у віджетах "Мова сайту" та "Кошик сайта" (всі пристрої) === */

/* Посилання мов (UA / RU) */
.footer #icl_lang_sel_widget-2 a{
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 700;
}

/* Посилання "Кошик/Корзина" */
.footer #custom_html-3 .footer-extra-links a{
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 700;
}

/* Іконка кошика під новий розмір тексту */
.footer #custom_html-3 .footer-link-cart > a::before{
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
}

/* === WPML: Footer dropdown (клiк + нормальна навiгацiя) === */

/* контейнер */
.footer #icl_lang_sel_widget-2 .wpml-ls-legacy-dropdown-click{
  position: relative;
  display: inline-block;
}

/* прибрати маркери */
.footer #icl_lang_sel_widget-2 .wpml-ls-legacy-dropdown-click ul{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* toggle як select */
.footer #icl_lang_sel_widget-2 .wpml-ls-legacy-dropdown-click .js-wpml-ls-item-toggle{
  display: inline-flex !important;
  align-items: center;
  justify-content: space-between;
  min-width: 110px;
  padding: 8px 12px;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 6px;
  background: #fff;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.footer #icl_lang_sel_widget-2 .wpml-ls-legacy-dropdown-click .js-wpml-ls-item-toggle::after{
  content: "▾";
  margin-left: 10px;
  font-size: 12px;
  opacity: .75;
}

/* підменю — позиціювання */
.footer #icl_lang_sel_widget-2 .wpml-ls-legacy-dropdown-click .js-wpml-ls-sub-menu{
  position: absolute !important;
  left: 0;
  top: 100%;
  margin-top: 6px;
  min-width: 100%;
  background: #fff;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 6px;
  box-shadow: 0 10px 28px rgba(0,0,0,.14);
  z-index: 99999;
  padding: 6px 0 !important;

  /* базово сховано */
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ВІДКРИТО: WPML ставить li.wpml-ls-item-open і aria-expanded="true"
   Тут ми ПРИМУСОВО перебиваємо inline opacity/pointer-events */
.footer #icl_lang_sel_widget-2 li.wpml-ls-item-open > .js-wpml-ls-sub-menu,
.footer #icl_lang_sel_widget-2 .js-wpml-ls-item-toggle[aria-expanded="true"] + .js-wpml-ls-sub-menu{
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  display: block !important; /* на випадок, якщо WPML ховає display */
}

/* пункти меню */
.footer #icl_lang_sel_widget-2 .js-wpml-ls-sub-menu a{
  display: block;
  padding: 8px 12px;
  text-decoration: none;
  font-size: 15px;     /* <-- розмір пунктів */
  line-height: 1.35;
}
.footer #icl_lang_sel_widget-2 .js-wpml-ls-sub-menu a:hover{
  background: rgba(0,0,0,.06);
}

/* щоб футер не обрізав дропдаун */
.footer,
.footer .footer-container,
.footer .footer-menu-list,
.footer .footer-menu-list .list-style{
  overflow: visible !important;
}

/* (опціонально) трохи більший текст у toggle */
.footer #icl_lang_sel_widget-2 .wpml-ls-legacy-dropdown-click .js-wpml-ls-item-toggle{
  font-size: 15px;
  line-height: 1.35;
  font-weight: 600;
}

/* footer: зробити селектор мови компактнішим */
.footer #icl_lang_sel_widget-2 .wpml-footer-select{
  width: auto !important;
  min-width: 90px;
  padding: 6px 10px;
  font-size: 14px;

  height: 30px;        /* висота */
  line-height: 19px;   /* щоб текст був по центру по вертикалі */
}

/* ВАРІАТИВНІ товари: пробіл між "від/от" і цифрою */
.woocommerce .product-type-variable p.price .woocommerce-Price-amount::before,
.woocommerce .product-type-variable span.price .woocommerce-Price-amount::before,
.woocommerce .product-type-variable-subscription p.price .woocommerce-Price-amount::before,
.woocommerce .product-type-variable-subscription span.price .woocommerce-Price-amount::before{
  content: "\00a0"; /* нерозривний пробіл */
}

/* RU: підміна українського тексту в останньому пункті блоку (клас з помилкою: feauters) */
html[lang^="ru"] .feauters-block .feauters-block__item:last-child .feauters-block__content{
  position: relative;
  font-size: 0 !important;
  line-height: 0 !important;
}

/* сховати весь старий HTML всередині (b, br, текст) */
html[lang^="ru"] .feauters-block .feauters-block__item:last-child .feauters-block__content *{
  display: none !important;
}

html[lang^="ru"] .feauters-block .feauters-block__item:last-child .feauters-block__content::before{
  content: "Доверяйте профессионалам";
  display: block;
  font-weight: 700;
  font-size: 15.5px;
  line-height: 1.28;
}

html[lang^="ru"] .feauters-block .feauters-block__item:last-child .feauters-block__content::after{
  content: "Работаем больше 15 лет в аграрной сфере.\AУдовлетворили потребности более 40 000 клиентов.";
  display: block;
  margin-top: 2px;
  white-space: pre-line;
  font-size: 13px;
  line-height: 1.35;
}

/* WPML / Reviews: прибрати перемикач "показувати лише відгуки на UA або RU" */
#lang-comments-link,
a#lang-comments-link,
.current-language-reviews {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ШВИДКЕ ЗАМОВЛЕННЯ: стилізація кнопки CF7 */
/* =========================
   AWOOC + CF7: кнопка + лейбли + значення (Артикл/Ціна/Кількість/Сума)
   ========================= */

/* 0) Керування розмірами шрифтів */
.awooc-popup,
.awooc-popup-inner{
  --awooc-meta-font-size: 16px;   /* <- РОЗМІР ЛЕЙБЛІВ: "Артикл", "Ціна", ... */
  --awooc-value-font-size: 16px;  /* <- РОЗМІР ЗНАЧЕНЬ: SKU, 220,00 грн, qty, сума */
}

/* 1) Лейбли: Артикл, Ціна, Кількість, Сума */
.awooc-popup .awooc-sku-label,
.awooc-popup .awooc-price-label,
.awooc-popup .awooc-qty-label,
.awooc-popup .awooc-sum-label,
.awooc-popup-inner .awooc-sku-label,
.awooc-popup-inner .awooc-price-label,
.awooc-popup-inner .awooc-qty-label,
.awooc-popup-inner .awooc-sum-label{
  font-size: var(--awooc-meta-font-size) !important;
  line-height: 1.2;
}

/* 2) Пробіли після "Ціна:" та "Сума:" */
.awooc-popup .awooc-price-label:after,
.awooc-popup .awooc-sum-label:after,
.awooc-popup-inner .awooc-price-label:after,
.awooc-popup-inner .awooc-sum-label:after{
  content: " ";
}

/* 3) Значення: SKU / Ціна / Кількість / Сума */
.awooc-popup .awooc-sku-value,
.awooc-popup .awooc-price-value,
.awooc-popup .awooc-sum-value,
.awooc-popup-inner .awooc-sku-value,
.awooc-popup-inner .awooc-price-value,
.awooc-popup-inner .awooc-sum-value{
  font-size: var(--awooc-value-font-size) !important;
  line-height: 1.2;
}

/* Ціна/сума всередині WooCommerce форматування (bdi / amount / currency) */
.awooc-popup .awooc-price-value bdi,
.awooc-popup .awooc-price-value .amount,
.awooc-popup .awooc-price-value .woocommerce-Price-amount,
.awooc-popup .awooc-price-value .woocommerce-Price-currencySymbol,
.awooc-popup .awooc-sum-value bdi,
.awooc-popup .awooc-sum-value .amount,
.awooc-popup .awooc-sum-value .woocommerce-Price-amount,
.awooc-popup .awooc-sum-value .woocommerce-Price-currencySymbol,
.awooc-popup-inner .awooc-price-value bdi,
.awooc-popup-inner .awooc-price-value .amount,
.awooc-popup-inner .awooc-price-value .woocommerce-Price-amount,
.awooc-popup-inner .awooc-price-value .woocommerce-Price-currencySymbol,
.awooc-popup-inner .awooc-sum-value bdi,
.awooc-popup-inner .awooc-sum-value .amount,
.awooc-popup-inner .awooc-sum-value .woocommerce-Price-amount,
.awooc-popup-inner .awooc-sum-value .woocommerce-Price-currencySymbol{
  font-size: var(--awooc-value-font-size) !important;
}

/* Кількість: тільки інпут/селектор кількості в AWOOC (не чіпаємо CF7 поля) */
.awooc-popup .awooc-form-custom-order-qty input,
.awooc-popup .awooc-form-custom-order-qty select,
.awooc-popup-inner .awooc-form-custom-order-qty input,
.awooc-popup-inner .awooc-form-custom-order-qty select{
  font-size: var(--awooc-value-font-size) !important;
  line-height: 1.2;
}

/* 4) Кнопка "Відправити" (CF7 submit) */
.awooc-popup-inner .wpcf7 input.wpcf7-submit,
.awooc-popup .wpcf7 input.wpcf7-submit,
.awooc-popup-inner .wpcf7 button.wpcf7-submit,
.awooc-popup .wpcf7 button.wpcf7-submit{
  background: #7fb348 !important;  /* фірмовий зелений */
  border: 1px solid #7fb348 !important;
  color: #fff !important;

  font-size: 16px !important;     /* <- РОЗМІР ТЕКСТУ КНОПКИ */
  font-weight: 700 !important;
  line-height: 1.2 !important;

  width: 100%;
  max-width: 320px;
  padding: 12px 18px;
  border-radius: 6px;
  text-transform: none;
  box-shadow: none;
}

.awooc-popup-inner .wpcf7 input.wpcf7-submit:hover,
.awooc-popup .wpcf7 input.wpcf7-submit:hover,
.awooc-popup-inner .wpcf7 button.wpcf7-submit:hover,
.awooc-popup .wpcf7 button.wpcf7-submit:hover{
  filter: brightness(0.92);
}

.awooc-popup-inner .wpcf7 input.wpcf7-submit:active,
.awooc-popup .wpcf7 input.wpcf7-submit:active,
.awooc-popup-inner .wpcf7 button.wpcf7-submit:active,
.awooc-popup .wpcf7 button.wpcf7-submit:active{
  transform: translateY(1px);
}

.awooc-popup-inner .wpcf7 input.wpcf7-submit:focus,
.awooc-popup .wpcf7 input.wpcf7-submit:focus,
.awooc-popup-inner .wpcf7 button.wpcf7-submit:focus,
.awooc-popup .wpcf7 button.wpcf7-submit:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(119, 191, 52, 0.25);
}

/* якщо CF7 блокує кнопку під час відправки */
.awooc-popup-inner .wpcf7 input.wpcf7-submit[disabled],
.awooc-popup .wpcf7 input.wpcf7-submit[disabled],
.awooc-popup-inner .wpcf7 button.wpcf7-submit[disabled],
.awooc-popup .wpcf7 button.wpcf7-submit[disabled]{
  opacity: .65;
  cursor: not-allowed;
}

/* 5) Mobile/Tablet: кнопка по центру */
@media (max-width: 1024px){
  .awooc-popup-inner .wpcf7 input.wpcf7-submit,
  .awooc-popup .wpcf7 input.wpcf7-submit,
  .awooc-popup-inner .wpcf7 button.wpcf7-submit,
  .awooc-popup .wpcf7 button.wpcf7-submit{
    display: block !important;
    margin: 0 auto !important;   /* центруємо */
  }
}

/* =========================
   ШВИДКЕ ЗАМОВЛЕННЯ. AWOOC + CF7: показувати текст повідомлень (успіх/помилки)
   ========================= */

/* Загальний вигляд повідомлення */
.awooc-popup .wpcf7 form .wpcf7-response-output,
.awooc-popup-inner .wpcf7 form .wpcf7-response-output{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  color: #1a1a1a !important;      /* <- головне: щоб текст був видимий */
  font-size: 14px !important;     /* <- якщо десь стоїть font-size:0 */
  line-height: 1.35 !important;

  padding: 10px 12px !important;
  margin: 14px auto 0 !important;
  max-width: 320px;              /* під твою кнопку */
  border-radius: 6px;

  background: #fff !important;
  white-space: normal !important;
}

/* Успішна відправка */
.awooc-popup .wpcf7 form.sent .wpcf7-response-output,
.awooc-popup-inner .wpcf7 form.sent .wpcf7-response-output{
  border-color: #77bf34 !important;
  background: rgba(119, 191, 52, 0.10) !important;
}

/* Помилки (невалідна форма / не відправилось) */
.awooc-popup .wpcf7 form.invalid .wpcf7-response-output,
.awooc-popup-inner .wpcf7 form.invalid .wpcf7-response-output,
.awooc-popup .wpcf7 form.failed .wpcf7-response-output,
.awooc-popup-inner .wpcf7 form.failed .wpcf7-response-output,
.awooc-popup .wpcf7 form.aborted .wpcf7-response-output,
.awooc-popup-inner .wpcf7 form.aborted .wpcf7-response-output{
  border-color: #d63638 !important;
  background: rgba(214, 54, 56, 0.08) !important;
}

/* Підказки біля полів (наприклад "введіть телефон") */
.awooc-popup .wpcf7-not-valid-tip,
.awooc-popup-inner .wpcf7-not-valid-tip{
  display: block !important;
  color: #d63638 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  margin-top: 6px !important;
}

/* =========================
   ШВИДКЕ ЗАМОВЛЕННЯ CF7: прибрати порожню рамку ДО відправки + зелений бордер #7fb348
   ========================= */

/* 1) Ховаємо response-output, поки форма в стані init / submitting */
.awooc-popup .wpcf7 form.init .wpcf7-response-output,
.awooc-popup-inner .wpcf7 form.init .wpcf7-response-output,
.awooc-popup .wpcf7 form.submitting .wpcf7-response-output,
.awooc-popup-inner .wpcf7 form.submitting .wpcf7-response-output{
  display: none !important;
}

/* 2) Успіх: бордер потрібного кольору */
.awooc-popup .wpcf7 form.sent .wpcf7-response-output,
.awooc-popup-inner .wpcf7 form.sent .wpcf7-response-output{
  border-color: #7fb348 !important;
  background: rgba(127, 179, 72, 0.10) !important;
}

/* (опційно) якщо хочеш такий самий зелений підсвіт при фокусі */
.awooc-popup .wpcf7 form.sent .wpcf7-response-output:focus,
.awooc-popup-inner .wpcf7 form.sent .wpcf7-response-output:focus{
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(127, 179, 72, 0.25) !important;
}

/* =========================================================
   ГОЛОВНА: HOME: FoodFarm slider (точечно тільки цей блок)
   ========================================================= */

/* ================================
   FINAL: product_slide_* (FoodFarm)
   - рівні слайди
   - фото компактніше
   - заголовок НЕ ламаємо (НЕ ховаємо .product-desc > a)
   - кнопка завжди внизу і ПО ЦЕНТРУ
   ================================ */

/* Рівні слайди */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .owl-stage{
  display:flex !important;
}
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .owl-item{
  display:flex !important;
  height:auto !important;
}
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .owl-item > div{
  display:flex !important;
  width:100% !important;
}

/* Картка */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:12px !important;
  overflow:hidden !important;
  box-shadow:0 6px 18px rgba(0,0,0,.06) !important;
  height:100% !important;
  width:100% !important;
}

/* Колонка */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-content{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  width:100% !important;
}

/* Фото */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-img img{
  width:100% !important;
  height:170px !important;
  object-fit:cover !important;
  display:block !important;
  margin:0 !important;
}

/* Опис */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-desc{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  padding:12px 12px 14px !important;
  width:100% !important;
}

/* ВАЖЛИВО: НЕ ховаємо .product-desc > a (бо там може бути назва!)
   Ховаємо ТІЛЬКИ службовий лінк "Перейти" від теми */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc a.btn-go.loop-more{
  display:none !important;
}

/* Заголовок максимум 2 рядки (на випадок довгих назв) */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc :is(.woocommerce-loop-product__title, h2, h3, h4){
  margin:8px 0 6px !important;
  line-height:1.25 !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
}

/* Рейтинг/ціна компактніше */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc .star-rating{
  margin:0 auto 6px !important;
}
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc .price{
  margin:0 0 8px 0 !important;
}

/* Блок кнопки — вниз + центрування */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc .product-action{
  margin-top:auto !important;
  width:100% !important;
  padding-top:8px !important;

  display:flex !important;
  justify-content:center !important;
  align-items:center !important;

  float:none !important;
  clear:both !important;
  text-align:center !important;

  position:static !important;
  inset:auto !important;
}

/* Прибираємо .add-to (він часто штовхає вправо) */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc .product-action .add-to{
  display:none !important;
}

/* Контейнер add-to-cart — 100% і без “зсувів” */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc .product-action .add-to-cart{
  width:100% !important;

  display:flex !important;
  justify-content:center !important;
  align-items:center !important;

  float:none !important;
  margin:0 !important;
  padding:0 !important;

  position:static !important;
  inset:auto !important;
}

/* САМА КНОПКА — жорстко по центру */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc .product-action .add-to-cart > a{
  box-sizing:border-box !important;

  position:static !important;
  inset:auto !important;
  transform:none !important;

  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;

  width:78% !important;
  max-width:200px !important;
  min-width:140px !important;

  margin-left:auto !important;
  margin-right:auto !important;

  height:38px !important;
  padding:0 14px !important;

  background:#77bf34 !important;
  border:1px solid #77bf34 !important;
  border-radius:8px !important;

  /* прибираємо тему-штуки */
  float:none !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  text-align:center !important;

  /* ховаємо оригінальний текст і показуємо свій */
  font-size:0 !important;
  color:transparent !important;
  text-decoration:none !important;
  line-height:38px !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

/* Ховаємо все всередині кнопки */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc .product-action .add-to-cart > a *{
  display:none !important;
}

/* Текст на кнопці */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc .product-action .add-to-cart > a::before{
  content:"Перейти" !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#fff !important;
  white-space:nowrap !important;
  line-height:1 !important;
}

/* якщо тема щось додає */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc .product-action .add-to-cart > a::after{
  content:none !important;
  display:none !important;
}

/* Hover */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc .product-action .add-to-cart > a:hover{
  filter:brightness(0.92);
}

/* Мобілка */
@media (max-width:767px){
  div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-img img{
    height:160px !important;
  }
  div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
  .type-product .product-desc .product-action .add-to-cart > a{
    width:88% !important;
    max-width:260px !important;
  }
}

/* =========================================
   OVERRIDE (став в САМИЙ КІНЕЦЬ):
   - повернути назву (вона зараз схована старими патчами)
   - виставити порядок: Назва -> Рейтинг -> Ціна -> Кнопка
   - кнопка лишається по центру
   ========================================= */

div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc{
  display:flex !important;
  flex-direction:column !important;
}

/* Порядок елементів у картці */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc :is(.woocommerce-loop-product__title, h2, h3, h4){
  order:10 !important;
}

div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc .star-rating{
  order:20 !important;
}

div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc .price{
  order:30 !important;
}

/* Кнопка — завжди внизу */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc .product-action{
  order:999 !important;
  margin-top:auto !important;
}

/* Ховаємо тільки службовий "Перейти" (якщо є) */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc a.btn-go.loop-more{
  display:none !important;
}

/* ===== ПОВЕРТАЄМО НАЗВУ (відбиваємо font-size:0 / transparent / indent) ===== */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc :is(.woocommerce-loop-product__title, h2, h3, h4){
  font-size:14px !important;
  line-height:1.25 !important;
  color:#333 !important;
  text-indent:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  background:none !important;
}

div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc :is(.woocommerce-loop-product__title, h2, h3, h4) a{
  font-size:inherit !important;
  line-height:inherit !important;
  color:inherit !important;
  text-indent:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  background:none !important;
  border:0 !important;
}

/* На випадок якщо старий патч знуляв ВСІ лінки у product-desc */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc a:not(.add_to_cart_button):not(.button):not([class*="add_to_cart"]){
  font-size:inherit !important;
  color:inherit !important;
  text-indent:0 !important;
}

/* ===== КНОПКА по центру (фінальний “пробивний” варіант) ===== */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc .product-action,
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc .product-action .add-to-cart{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  float:none !important;
  margin:0 !important;
}

div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc .product-action .add-to-cart > a{
  margin-left:auto !important;
  margin-right:auto !important;
  float:none !important;
  left:auto !important;
  right:auto !important;
}

/* =========================================================
   FINAL: FoodFarm product_slide_* (owl-carousel)
   - рівні картки
   - фото менше, щоб влазила кнопка
   - заголовок одразу під фото (2 рядки)
   - кнопка "Перейти" завжди знизу і по центру
   ========================================================= */

div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .owl-stage{
  display:flex !important;
}
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .owl-item{
  display:flex !important;
  height:auto !important;
}
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .owl-item > div{
  display:flex !important;
  width:100% !important;
}

/* Картка */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:12px !important;
  overflow:hidden !important;
  box-shadow:0 6px 18px rgba(0,0,0,.06) !important;
  height:100% !important;
  width:100% !important;
}

/* Колонка */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-content{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  width:100% !important;
}

/* Фото (компактніше) */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-img img{
  width:100% !important;
  height:170px !important;
  object-fit:cover !important;
  display:block !important;
  margin:0 !important;
}

/* Опис */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-desc{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  width:100% !important;
  padding:12px 12px 14px !important;

  /* ключове: щоб заголовок НЕ “сповзав” вниз */
  justify-content:flex-start !important;
  align-items:stretch !important;
}

/* Ховаємо тільки нижній "Перейти" (btn-go loop-more), НЕ чіпаємо інші лінки */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-desc a.btn-go.loop-more,
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-desc > a.btn-go.loop-more{
  display:none !important;
}

/* Порядок */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-desc
:is(.woocommerce-loop-product__title, h2, h3, h4){ order:10 !important; }

div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-desc .star-rating{ order:20 !important; }

div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-desc .price{ order:30 !important; }

div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-desc .desc{ order:40 !important; }

/* Заголовок — 2 рядки, по центру, завжди під фото */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-desc
:is(.woocommerce-loop-product__title, h2, h3, h4){
  margin:10px 0 6px !important;
  text-align:center !important;
  font-size:15px !important;
  line-height:1.25 !important;

  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;

  /* важливо: щоб тема не дала auto-відступи */
  flex:0 0 auto !important;
}

/* Рейтинг / ціна компактно */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-desc .star-rating{
  margin:0 auto 6px !important;
}
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-desc .price{
  margin:0 0 8px 0 !important;
}

/* Action — вниз */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-desc .product-action{
  order:999 !important;
  margin-top:auto !important;
  width:100% !important;
  padding-top:8px !important;

  display:flex !important;
  justify-content:center !important;
  align-items:center !important;

  float:none !important;
  clear:both !important;
  text-align:center !important;
}

/* В FoodFarm є .add-to — він зсуває вправо */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-desc .product-action .add-to{
  display:none !important;
}

/* Контейнер кнопки */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-desc .product-action .add-to-cart{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* Кнопка — ДЕД-центр */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-desc .product-action .add-to-cart a{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;

  width:78% !important;
  max-width:200px !important;
  min-width:140px !important;
  margin:0 auto !important;

  height:38px !important;
  line-height:38px !important;
  padding:0 14px !important;

  border-radius:8px !important;
  background:#77bf34 !important;
  border:1px solid #77bf34 !important;

  float:none !important;
  position:relative !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;

  /* ховаємо оригінальний текст ("Select options") */
  font-size:0 !important;
  color:transparent !important;
  text-decoration:none !important;

  box-shadow:none !important;
  text-align:center !important;
}

/* Прибираємо все всередині */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-desc .product-action .add-to-cart a *{
  display:none !important;
}

/* Наш текст */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-desc .product-action .add-to-cart a::before{
  content:"Перейти" !important;
  display:block !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#fff !important;
  white-space:nowrap !important;
  line-height:1 !important;
}

/* якщо тема щось додає */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-desc .product-action .add-to-cart a::after{
  content:none !important;
  display:none !important;
}

/* Hover */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-desc .product-action .add-to-cart a:hover{
  filter:brightness(0.92);
}

/* Мобілка */
@media (max-width:767px){
  div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-img img{
    height:160px !important;
  }
  div[id^="product_slide_"].product-grid.owl-carousel.controls-custom .type-product .product-desc .product-action .add-to-cart a{
    width:88% !important;
    max-width:260px !important;
  }
}

/* === FIX: однакова висота заголовка -> кнопки вирівнюються по одному рівню === */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc :is(.woocommerce-loop-product__title, h2, h3, h4){
  /* 2 рядки резервом навіть якщо заголовок короткий */
  line-height: 1.25 !important;
  min-height: 2.5em !important;  /* 1.25em * 2 */
  max-height: 2.5em !important;
}

/* на випадок, якщо в деяких картках img береться іншим селектором */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-img :is(img, a img){
  height: 170px !important;
  object-fit: cover !important;
}

/* щоб зона кнопки завжди мала однакову висоту (менше “плавання”) */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc .product-action{
  min-height: 46px !important;
}

/* === Bottom gap for the button (FoodFarm / product_slide_*) === */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-content{
  position: relative !important;        /* щоб відступ точно працював */
  padding-bottom: 10px !important;      /* ВОТ він: відступ від нижнього краю */
  box-sizing: border-box !important;
}

/* якщо тема раптом робить action absolute в нуль — піднімаємо його ще й так */
div[id^="product_slide_"].product-grid.owl-carousel.controls-custom
.type-product .product-desc .product-action{
  bottom: auto !important;
}

/* === ONLY SHOP PAGE (Вітрина / Магазин): FIX "сплюснутих" карток === */
/* Працює ТІЛЬКИ на сторінці магазину: /shop/ і /ua/magazyn/ */

body.woocommerce-shop .product_types.row.product-grid ul.products{
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

/* вимикаємо стискання li */
body.woocommerce-shop .product_types.row.product-grid ul.products > li.product{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  display: flex !important;
}

/* контент — колонка */
body.woocommerce-shop .product_types.row.product-grid ul.products > li.product .product-content{
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
}

/* фото — нормальна висота */
body.woocommerce-shop .product_types.row.product-grid ul.products > li.product .product-img{
  width: 100% !important;
  height: 220px !important;
  overflow: hidden !important;
  position: relative !important;
  display: block !important;
}

body.woocommerce-shop .product_types.row.product-grid ul.products > li.product .product-img a{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

body.woocommerce-shop .product_types.row.product-grid ul.products > li.product .product-img img{
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  transform: none !important;
  display: block !important;
  margin: 0 !important;
}

/* адаптив тільки для shop */
@media (max-width: 991px){
  body.woocommerce-shop .product_types.row.product-grid ul.products{
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important;
  }
}
@media (max-width: 576px){
  body.woocommerce-shop .product_types.row.product-grid ul.products{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  body.woocommerce-shop .product_types.row.product-grid ul.products > li.product .product-img{
    height: 170px !important;
  }
}

/* FIX: поле завантаження в коментарях в Записах (статті) не має ховатися під кнопкою */
/* === ONLY POSTS: comments file upload + submit button layout === */
/* запобіжник: ніколи не чіпати товари */
body.single-product #respond form#commentform,
body.single-product #comments form#commentform{
  all: unset;
}

/* працюємо тільки на сторінках записів */
body.single-post #comments #respond form#commentform .comment-submit{
  float: right !important;
  clear: none !important;
  width: auto !important;
  display: block !important;
  margin-top: 0 !important;
  position: static !important;
}

body.single-post #comments #respond form#commentform .comment-submit > button#submit{
  width: auto !important;
  min-width: 240px !important;
  max-width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 18px !important;
  white-space: nowrap !important;
}

body.single-post #comments #respond form#commentform .comment-image-upload,
body.single-post #comments #respond form#commentform input[type="file"]{
  float: left !important;
  clear: none !important;
  display: block !important;
  margin: 0 !important;
  max-width: 65% !important;
}

/* clearfix */
body.single-post #comments #respond form#commentform::after{
  content: "" !important;
  display: block !important;
  clear: both !important;
}

/* mobile: в колонку */
@media (max-width: 600px){
  body.single-post #comments #respond form#commentform .comment-image-upload,
  body.single-post #comments #respond form#commentform input[type="file"],
  body.single-post #comments #respond form#commentform .comment-submit{
    float: none !important;
    max-width: 100% !important;
    margin-top: 10px !important;
  }
  body.single-post #comments #respond form#commentform .comment-submit > button#submit{
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* ONLY POSTS: пробіл між "Залишити" і "Коментар" */
body.single-post #comments #reply-title span{
  display: inline-block !important;
  margin-right: .35em !important; /* можна 0.25–0.5em */
}

/* === Відгуки на сторінках товарів: file upload + submit in one line (ONLY single product) === */
body.single-product #reviews #commentform{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  column-gap: 16px !important;
  row-gap: 12px !important;
}

/* Всі стандартні поля (рейтинги/текст/ім'я/емейл) — на 100% ширини */
body.single-product #reviews #commentform .comment-form-rating,
body.single-product #reviews #commentform .comment-form-comment,
body.single-product #reviews #commentform .comment-form-author,
body.single-product #reviews #commentform .comment-form-email,
body.single-product #reviews #commentform .comment-form-cookies-consent{
  flex: 0 0 100% !important;
  width: 100% !important;
}

/* FILE upload — ліворуч */
body.single-product #reviews #commentform .comment-image-upload,
body.single-product #reviews #commentform input[type="file"]{
  float: none !important;
  clear: none !important;
  flex: 1 1 60% !important;   /* займає ліву частину */
  width: auto !important;
  max-width: 65% !important;
  margin: 0 !important;
}

/* SUBMIT — праворуч */
body.single-product #reviews #commentform p.form-submit{
  float: none !important;
  clear: none !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 0 0 auto !important; /* штовхає вправо */
  text-align: right !important;
}

body.single-product #reviews #commentform p.form-submit input#submit,
body.single-product #reviews #commentform p.form-submit button#submit{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 220px !important;
  padding: 10px 18px !important;
  white-space: nowrap !important;
}

/* Mobile — в колонку */
@media (max-width: 600px){
  body.single-product #reviews #commentform .comment-image-upload,
  body.single-product #reviews #commentform input[type="file"],
  body.single-product #reviews #commentform p.form-submit{
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    text-align: left !important;
  }
  body.single-product #reviews #commentform p.form-submit input#submit,
  body.single-product #reviews #commentform p.form-submit button#submit{
    width: 100% !important;
  }
}

/* PRODUCT REVIEWS: поміняти місцями — файл ЗЛІВА, кнопка СПРАВА */
body.single-product #reviews #commentform .comment-image-upload,
body.single-product #reviews #commentform input[type="file"]{
  order: 10 !important;
}

body.single-product #reviews #commentform p.form-submit{
  order: 20 !important;
  margin-left: auto !important; /* притискає кнопку вправо */
}

/* PRODUCT REVIEWS: зробити поле вибору файлу ширшим (щоб текст не обрізався) */
body.single-product #reviews #commentform .comment-image-upload,
body.single-product #reviews #commentform input[type="file"]{
  flex: 1 1 auto !important;     /* забирає доступну ширину */
  max-width: none !important;
  min-width: 220px !important;   /* під себе: 280-420 */
}

/* якщо обрізається саме "Файл не выбран" (текст поруч з кнопкою) */
body.single-product #reviews #commentform .comment-image-upload *{
  white-space: nowrap !important;
}

/* CART: прибрати блок доставки повністю (всі пристрої) */
body.woocommerce-cart .cart-collaterals .shipping-total,
body.woocommerce-cart .cart-collaterals .woocommerce-shipping-totals{
  display: none !important;
}

/* === Single product: кнопки "В кошик" + "Швидке замовлення" строго одна під одною (481–991px) === */
@media (min-width:481px) and (max-width:991.98px){

  /* контейнер з quantity + 2 кнопками */
  .single-product div.product form.cart .woocommerce-variation-add-to-cart,
  .single-product div.product form.cart .woocommerce-variation-add-to-cart.variations_button{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:12px !important;
  }

  /* quantity (якщо треба лишити зверху) */
  .single-product div.product form.cart .woocommerce-variation-add-to-cart .quantity{
    width:100% !important;
    max-width:320px;
    margin:0 0 6px 0 !important;
    float:none !important;
  }

  /* 1) В кошик */
  .single-product div.product form.cart .woocommerce-variation-add-to-cart .single_add_to_cart_button{
    width:100% !important;
    max-width:320px;
    margin:0 !important;
    float:none !important;
    display:block !important;
  }

  /* 2) Швидке замовлення (AWOOC) */
  .single-product div.product form.cart .woocommerce-variation-add-to-cart .awooc-custom-order-button{
    width:100% !important;
    max-width:320px;
    margin:0 !important;
    float:none !important;
    display:block !important;
  }
}

@media (min-width:481px) and (max-width:991.98px){

  .single-product div.product form.cart .woocommerce-variation-add-to-cart,
  .single-product div.product form.cart .woocommerce-variation-add-to-cart.variations_button{
    align-items:flex-start !important;   /* було center */
  }

  .single-product div.product form.cart .woocommerce-variation-add-to-cart .quantity,
  .single-product div.product form.cart .woocommerce-variation-add-to-cart .single_add_to_cart_button,
  .single-product div.product form.cart .woocommerce-variation-add-to-cart .awooc-custom-order-button{
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* Woo Thank You: прибрати зелену полоску/заливку success notice */
.woocommerce-order .woocommerce-notice.woocommerce-notice--success,
.woocommerce-order .woocommerce-thankyou-order-received {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 15px !important;
}

/* На випадок, якщо тема малює зелену лінію через псевдоелементи */
.woocommerce-order .woocommerce-notice.woocommerce-notice--success:before,
.woocommerce-order .woocommerce-notice.woocommerce-notice--success:after,
.woocommerce-order .woocommerce-thankyou-order-received:before,
.woocommerce-order .woocommerce-thankyou-order-received:after {
  display: none !important;
  content: none !important;
}

/* Woo Thank You: збільшити текст "замовлення прийняте" */
.woocommerce-order .woocommerce-notice.woocommerce-notice--success,
.woocommerce-order .woocommerce-thankyou-order-received {
  font-size: 20px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

/* На мобільних трохи менше, щоб не ламало верстку */
@media (max-width: 767px){
  .woocommerce-order .woocommerce-notice.woocommerce-notice--success,
  .woocommerce-order .woocommerce-thankyou-order-received {
    font-size: 18px !important;
  }
}

/* === Сторінка Мій Акаунт My Account: відступи з боків на моб/планшет + без "прилипання" === */
@media (max-width: 991px){
  .woocommerce-account #primary,
  .woocommerce-account .site-content,
  .woocommerce-account .content-area {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* Таблиці/контент щоб не впирались в край */
  .woocommerce-account .woocommerce-MyAccount-content,
  .woocommerce-account .woocommerce-MyAccount-navigation {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* === Щоб низ (pagination кнопки типу NEXT) не "лип" до футера === */
.woocommerce-account .woocommerce-pagination,
.woocommerce-account .woocommerce-pagination .woocommerce-button,
.woocommerce-account .woocommerce-pagination .woocommerce-Button {
  margin-bottom: 30px !important;
}

/* Додатковий запас перед футером на сторінках кабінету */
.woocommerce-account .site-content {
  padding-bottom: 40px !important;
}

/* === Глаз - дивитися пароль в полі. Woo My Account (edit-account): Fix "show password" button === */
.woocommerce-account .woocommerce-EditAccountForm span.password-input{
  position: relative !important;
  display: block !important;
}

.woocommerce-account .woocommerce-EditAccountForm span.password-input input[type="password"],
.woocommerce-account .woocommerce-EditAccountForm span.password-input input[type="text"]{
  padding-right: 44px !important; /* місце під кнопку */
}

/* сама кнопка */
.woocommerce-account .woocommerce-EditAccountForm button.show-password-input{
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: 1 !important;
  opacity: .75;
  cursor: pointer;
  z-index: 2;
}

/* малюємо "око" (без залежності від іконок теми) */
.woocommerce-account .woocommerce-EditAccountForm button.show-password-input::before{
  content: "👁" !important;
  display: block;
  font-size: 18px;
  line-height: 34px;
  text-align: center;
}

/* === Іконка акаунту в хедері. Account icon: біла, більша, з розділювачем керованої висоти + можливість підняти === */

/* 1) LI акаунта: відступи */
.header-top .top-link ul.lang-currency > li.menu-item-account{
  margin-left: 10px !important;     /* відступ від мов */
  padding-left: 10px !important;    /* "трохи правіше" */
  position: relative !important;
}

/* 2) Розділювач: висоту можна змінювати через height */
.header-top .top-link ul.lang-currency > li.menu-item-account::before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 1px !important;
  height: 15px !important;          /* <-- ТУТ міняєш висоту розділювача (наприклад 14/16/20/24) */
  background: rgba(255,255,255,.45) !important;
  transform: translateY(-50%) !important;
}

/* 3) Клік-зона акаунта */
.header-top .top-link ul.lang-currency > li.menu-item-account > a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  color: #fff !important;

  transform: translateY(-1px) !important; /* <-- ТУТ піднімаєш іконку (наприклад -1 / -2 / -3 / -4) */
}

/* 4) Іконка */
.header-top .top-link ul.lang-currency > li.menu-item-account > a i{
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

/* 5) Hover без зміни кольору */
.header-top .top-link ul.lang-currency > li.menu-item-account > a:hover,
.header-top .top-link ul.lang-currency > li.menu-item-account > a:hover i{
  color: #fff !important;
}




/* =========================================================
   FOODFARM: HEADER 768–989 FINAL (no conflicts)
   - logo centered
   - burger right
   - secon_menu_sect (search/icons) left of burger
   - sticky safe (no jumping / no hiding)
========================================================= */
@media (min-width: 768px) and (max-width: 989.98px){

  :root{
    --ad-h: 64px;
    --ad-logo-h: 40px;
    --ad-pad: 16px;
    --ad-burger: 48px;
    --ad-gap: 10px;
    --ad-safe-right: 160px;
  }

  /* 0) remove bottom lines */
  header#masthead,
  header#masthead nav#site-navigation,
  header#masthead .main-navigation{
    border-bottom: 0 !important;
    box-shadow: none !important;
  }
  header#masthead:after,
  header#masthead nav#site-navigation:after,
  header#masthead .main-navigation:after{
    content: none !important;
    display: none !important;
  }

  /* 1) Sticky + normal: same height, no clipping */
  header#masthead nav#site-navigation,
  header#masthead .main-navigation,
  header#masthead{
    overflow: visible !important;
  }

  .sticky-wrapper,
  .sticky-wrapper.is-sticky{
    z-index: 99999 !important;
  }

  .sticky-wrapper.is-sticky header#masthead,
  header#masthead.is-sticky{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .sticky-wrapper.is-sticky header#masthead nav#site-navigation,
  header#masthead.is-sticky nav#site-navigation{
    min-height: var(--ad-h) !important;
    height: var(--ad-h) !important;
    display: flex !important;
    align-items: center !important;
  }

  /* 2) container full width */
  header#masthead nav#site-navigation{
    position: relative !important;
    min-height: var(--ad-h) !important;
  }
  header#masthead nav#site-navigation > .container{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  header#masthead nav#site-navigation > .container > .row{
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    min-height: var(--ad-h) !important;
  }

  /* 3) main header row wrapper */
  header#masthead nav#site-navigation .menu-main-container{
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: var(--ad-h) !important;
    height: var(--ad-h) !important;
    padding: 0 var(--ad-pad) !important;
    flex-wrap: nowrap !important;
  }

  /* hide desktop menu column */
  header#masthead nav#site-navigation .menu-main-container > .col-lg-9,
  header#masthead nav#site-navigation .menu-main-container > .col-md-9{
    display: none !important;
  }

  /* 4) logo centered */
  header#masthead nav#site-navigation .menu-main-container > .col-lg-3,
  header#masthead nav#site-navigation .menu-main-container > .col-md-12,
  header#masthead nav#site-navigation .menu-main-container > .col-sm-12,
  header#masthead nav#site-navigation .menu-main-container > .col-xs-12{
    flex: 1 1 auto !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: var(--ad-h) !important;
    height: var(--ad-h) !important;

    padding-left: var(--ad-pad) !important;
    padding-right: var(--ad-safe-right) !important;
  }

  header#masthead nav#site-navigation h2.header-logo{
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
  }
  header#masthead nav#site-navigation h2.header-logo a{
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
  }
  header#masthead nav#site-navigation h2.header-logo img,
  header#masthead nav#site-navigation .header-logo img{
    height: var(--ad-logo-h) !important;
    width: auto !important;
    max-height: none !important;
    max-width: none !important;
    display: block !important;
  }

  /* 5) burger fixed right, always centered vertically */
  header#masthead nav#site-navigation .menu-main-container > button.btn-open{
    position: absolute !important;
    right: var(--ad-pad) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: var(--ad-burger) !important;
    height: var(--ad-burger) !important;
    padding: 0 !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    z-index: 100000 !important;
  }

  /* 7) make sure icons align and don't "jump" */
  header#masthead nav#site-navigation .secon_menu_sect a,
  header#masthead nav#site-navigation .secon_menu_sect button,
  header#masthead nav#site-navigation .secon_menu_sect i,
  header#masthead nav#site-navigation button.btn-open i{
    line-height: 1 !important;
    vertical-align: middle !important;
  }

  /* 8) if your search dropdown was pushing layout */
  header#masthead nav#site-navigation .right-header .top-search{
    position: absolute !important;
    right: var(--ad-pad) !important;
    top: 100% !important;
    margin-top: 10px !important;
    z-index: 100001 !important;
  }
}

/* =========================================================
   768–989: FIX MOBILE/OFFCAVAS MENU (Foodfarm)
   - НЕ ховаємо col-lg-9 (бо там меню)
   - робимо його offcanvas панеллю
========================================================= */
@media (min-width: 768px) and (max-width: 989.98px){

  /* 1) Повертаємо праву колонку, де живе меню */
  header#masthead nav#site-navigation .menu-main-container > .col-lg-9,
  header#masthead nav#site-navigation .menu-main-container > .col-md-9{
    display: block !important;
  }

  /* 2) Робимо її “панеллю” (закрита за замовчуванням) */
  header#masthead nav#site-navigation .menu-main-container > .col-lg-9,
  header#masthead nav#site-navigation .menu-main-container > .col-md-9{
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;

    width: 50vw !important;      /* ~50% екрану */
    max-width: 520px !important; /* щоб не було занадто широко */
    min-width: 320px !important; /* щоб не було занадто вузько */
    height: 100vh !important;

    background: rgba(0,0,0,.92) !important;
    z-index: 100000 !important;

    transform: translateX(110%) !important;
    transition: transform .25s ease !important;

    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    padding: 18px 16px !important;
  }

  /* 3) Оверлей (якщо тема вже має .overlay — просто піднімемо його) */
  body.menu-open .overlay,
  body.offcanvas-open .overlay,
  body.canvas-open .overlay,
  body.mobile-menu-open .overlay,
  body.adt-tablet-menu-open .overlay{
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 99999 !important;
  }

  /* 4) Відкритий стан — підхоплюємо кілька можливих класів (у різних версіях теми по-різному) */
  body.menu-open header#masthead nav#site-navigation .menu-main-container > .col-lg-9,
  body.offcanvas-open header#masthead nav#site-navigation .menu-main-container > .col-lg-9,
  body.canvas-open header#masthead nav#site-navigation .menu-main-container > .col-lg-9,
  body.mobile-menu-open header#masthead nav#site-navigation .menu-main-container > .col-lg-9,
  body.adt-tablet-menu-open header#masthead nav#site-navigation .menu-main-container > .col-lg-9,

  body.menu-open header#masthead nav#site-navigation .menu-main-container > .col-md-9,
  body.offcanvas-open header#masthead nav#site-navigation .menu-main-container > .col-md-9,
  body.canvas-open header#masthead nav#site-navigation .menu-main-container > .col-md-9,
  body.mobile-menu-open header#masthead nav#site-navigation .menu-main-container > .col-md-9,
  body.adt-tablet-menu-open header#masthead nav#site-navigation .menu-main-container > .col-md-9{
    transform: translateX(0) !important;
  }

  /* 5) Щоб кліки по пунктах не “глушились” оверлеєм */
  header#masthead nav#site-navigation .menu-main-container > .col-lg-9 a,
  header#masthead nav#site-navigation .menu-main-container > .col-md-9 a{
    pointer-events: auto !important;
  }

  /* 6) Трохи косметики списків, щоб не було “двох колонок/хаосу” */
  header#masthead nav#site-navigation .menu-main-container > .col-lg-9 ul,
  header#masthead nav#site-navigation .menu-main-container > .col-md-9 ul{
    float: none !important;
    width: 100% !important;
  }
}

/* =========================================================
   768–989: меню в один вертикальний стовпчик (скидаємо 2 колонки mega-menu)
========================================================= */
@media (min-width: 768px) and (max-width: 989.98px){

  /* 1) Скидаємо всі float/inline/columns у меню */
  header#masthead nav#site-navigation .menu-main-container > .col-lg-9 ul,
  header#masthead nav#site-navigation .menu-main-container > .col-md-9 ul{
    float: none !important;
    width: 100% !important;
    display: block !important;
    column-count: 1 !important;
    column-gap: 0 !important;
  }

  /* 2) В Foodfarm часто саме .mega-menu робить “2 колонки” */
  header#masthead nav#site-navigation .menu-main-container > .col-lg-9 ul.mega-menu,
  header#masthead nav#site-navigation .menu-main-container > .col-md-9 ul.mega-menu{
    display: block !important;
  }

  /* 3) Кожен пункт меню — 100% ширини, без колонок */
  header#masthead nav#site-navigation .menu-main-container > .col-lg-9 ul.mega-menu > li,
  header#masthead nav#site-navigation .menu-main-container > .col-md-9 ul.mega-menu > li{
    float: none !important;
    width: 100% !important;
    display: block !important;
    clear: both !important;
  }

  /* 4) Підменю теж 100% і “звичайним потоком”, не абсолютом */
  header#masthead nav#site-navigation .menu-main-container > .col-lg-9 ul.mega-menu .sub-menu,
  header#masthead nav#site-navigation .menu-main-container > .col-md-9 ul.mega-menu .sub-menu{
    position: static !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;

    width: 100% !important;
    float: none !important;
    display: block !important; /* якщо треба щоб було завжди видно; якщо ні — скажеш, зроблю collapsible */
    background: transparent !important;
    box-shadow: none !important;
  }

  header#masthead nav#site-navigation .menu-main-container > .col-lg-9 ul.mega-menu .sub-menu > li,
  header#masthead nav#site-navigation .menu-main-container > .col-md-9 ul.mega-menu .sub-menu > li{
    float: none !important;
    width: 100% !important;
    display: block !important;
    clear: both !important;
  }
}

/* =========================================================
   FIX: 768–989 — друге меню (категорії) НЕ має бути справа
   Причина: .secon_menu_sect містить меню категорій, а ми її absolute "прибивали"
   Рішення: при відкритому меню (body.tablet-menu-open) повертаємо в потік
========================================================= */
@media (min-width: 768px) and (max-width: 989.98px){

  /* 1) Коли меню відкрите — НЕ absolute, щоб не їхало в праву колонку */
  body.tablet-menu-open header#masthead nav#site-navigation .secon_menu_sect{
    position: static !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;

    display: block !important;
    width: 100% !important;
    height: auto !important;

    margin: 12px 0 0 !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid rgba(255,255,255,.18) !important;
    z-index: auto !important;
  }

  /* 2) Контейнер меню категорій — на всю ширину */
  body.tablet-menu-open header#masthead nav#site-navigation .secon_menu_sect
  .menu-vtore-menu-ukrainskij-container{
    display: block !important;
    width: 100% !important;
    float: none !important;
  }

  /* 3) Скидаємо “дві колонки” всередині mega-menu */
  body.tablet-menu-open header#masthead nav#site-navigation
  .secon_menu_sect ul.mega-menu{
    width: 100% !important;
    display: block !important;
  }

  body.tablet-menu-open header#masthead nav#site-navigation
  .secon_menu_sect ul.mega-menu > li{
    width: 100% !important;
    float: none !important;
    display: block !important;
  }
}

/* =========================================================
   768–989: Прокрутка та скролінг меню у відкритому стані. Розмір 50% екрану. 
   SCROLLABLE CATEGORY MENU + 50% WIDTH + OUTSIDE TAP CLOSE
   (працює з Foodfarm dropdown-backdrop)
========================================================= */

/* =========================================================
   FOODFARM 990–1199.98: header desktop-like (2 rows) — CLEAN
   - top row: logo left, menu right (no overflow outside screen, no overlap)
   - gaps/font-size auto-compress (clamp)
   - search icon after menu (compact)
   - bottom row: categories inline, auto-compress
   - remove all stripes/lines under menus
========================================================= */
@media (min-width: 989.99px) and (max-width: 1199.98px){

  /* ===== 0) kill lines / shadows / pseudo separators everywhere in header ===== */
  header#masthead,
  header#masthead .header-v2,
  header#masthead #site-navigation,
  header#masthead #site-navigation .menu-left,
  header#masthead #site-navigation .menu-left > .menu-main-container,
  header#masthead #site-navigation .secon_menu_sect,
  header#masthead #site-navigation ul,
  header#masthead #site-navigation li,
  header#masthead #site-navigation a{
    border: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
  }

  header#masthead:before, header#masthead:after,
  header#masthead #site-navigation:before, header#masthead #site-navigation:after,
  header#masthead #site-navigation .menu-left:before, header#masthead #site-navigation .menu-left:after,
  header#masthead #site-navigation .menu-left > .menu-main-container:before,
  header#masthead #site-navigation .menu-left > .menu-main-container:after,
  header#masthead #site-navigation .secon_menu_sect:before,
  header#masthead #site-navigation .secon_menu_sect:after,
  header#masthead #site-navigation ul:before, header#masthead #site-navigation ul:after,
  header#masthead #site-navigation li:before, header#masthead #site-navigation li:after,
  header#masthead #site-navigation a:before, header#masthead #site-navigation a:after,
  /* mega-menu separators (часто саме вони малюють "полоси") */
  header#masthead #site-navigation .mega-menu > li:before,
  header#masthead #site-navigation .mega-menu > li:after{
    content: none !important;
    display: none !important;
  }

  /* ===== 1) menu-left is 2 rows, so keep it block ===== */
  header#masthead #site-navigation .menu-left{
    display: block !important;
    width: 100% !important;
  }

  /* ===== 2) TOP ROW wrapper (flex) ===== */
  header#masthead #site-navigation .menu-left > .menu-main-container{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-height: 64px !important;
  }

  /* hide service burger button if it exists */
  header#masthead #site-navigation .menu-left > .menu-main-container > button.btn-open{
    display: none !important;
  }

  /* ===== 3) LOGO column — adaptive width so it never gets overlapped ===== */
  header#masthead #site-navigation .menu-left > .menu-main-container > .col-lg-3,
  header#masthead #site-navigation .menu-left > .menu-main-container > [class*="col-"][class*="-3"]{
    flex: 0 0 clamp(190px, 22vw, 260px) !important;
    max-width: clamp(190px, 22vw, 260px) !important;
    min-width: 190px !important;
    display: flex !important;
    align-items: center !important;
    padding-right: 12px !important;
  }

  header#masthead h2.header-logo{ margin:0 !important; line-height:1 !important; }
  header#masthead .header-logo img{
    height: 38px !important;
    width: auto !important;
    max-height: none !important;
  }

  /* ===== 4) TOP MENU column — NO SCROLL, compress spacing instead ===== */
  header#masthead #site-navigation .menu-left > .menu-main-container > .col-lg-9,
  header#masthead #site-navigation .menu-left > .menu-main-container > [class*="col-"][class*="-9"]{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    overflow: hidden !important;   /* ключ: не вилізати за екран */
    padding-left: 10px !important; /* щоб перший пункт не ліз на лого */
    gap: clamp(6px, 1vw, 12px) !important;
  }

  /* UL top menu: fill available width, items shrink by reducing gaps */
  header#masthead #site-navigation ul#menu-main.mega-menu,
  header#masthead #site-navigation ul.mega-menu{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: 100% !important;
    min-width: 0 !important;

    flex-wrap: nowrap !important;
    white-space: nowrap !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: clamp(20px, 1.6vw, 30px) !important; /* auto compress */
    overflow: hidden !important;
  }

  header#masthead #site-navigation ul#menu-main.mega-menu > li,
  header#masthead #site-navigation ul.mega-menu > li{
    float: none !important;
    display: inline-flex !important;
    flex: 0 1 auto !important;   /* дозволяємо стиск */
    min-width: 0 !important;
    width: auto !important;
  }

  header#masthead #site-navigation ul#menu-main.mega-menu > li > a,
  header#masthead #site-navigation ul.mega-menu > li > a{
    white-space: nowrap !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    letter-spacing: .02em !important;

    font-size: clamp(13px, 1.05vw, 14px) !important; /* auto compress */
    line-height: 1.2 !important;
    padding: 10px 0 !important;

    /* прибити будь-які підкреслення/лінії теми */
    border: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
  }

  /* ===== 5) SEARCH ICON — keep only in right column, after menu ===== */
  /* Hide search that can appear in logo block */
  header#masthead #site-navigation .menu-left > .menu-main-container > .col-lg-3 .right-header,
  header#masthead #site-navigation .menu-left > .menu-main-container > .col-lg-3 .header-search,
  header#masthead #site-navigation .menu-left > .menu-main-container > .col-lg-3 .search,
  header#masthead #site-navigation .menu-left > .menu-main-container > .col-lg-3 [class*="search"]{
    display: none !important;
  }

  /* Show search in right column */
  header#masthead #site-navigation .menu-left > .menu-main-container > .col-lg-9 .right-header,
  header#masthead #site-navigation .menu-left > .menu-main-container > [class*="col-"][class*="-9"] .right-header{
    display: inline-flex !important;
    align-items: center !important;
    order: 999 !important;
    flex: 0 0 auto !important;

    margin-left: clamp(6px, 1vw, 12px) !important;
  }

  header#masthead #site-navigation .menu-left > .menu-main-container > .col-lg-9 .right-header a,
  header#masthead #site-navigation .menu-left > .menu-main-container > [class*="col-"][class*="-9"] .right-header a{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 6px !important;
  }

  header#masthead #site-navigation .menu-left > .menu-main-container > .col-lg-9 .right-header .fa-search,
  header#masthead #site-navigation .menu-left > .menu-main-container > [class*="col-"][class*="-9"] .right-header .fa-search{
    font-size: 13px !important;
    line-height: 1 !important;
    color: #fff !important;
  }

  /* ===== 6) BOTTOM ROW categories (secon_menu_sect) — compress, no scroll outside ===== */
  header#masthead #site-navigation .secon_menu_sect{
    display: block !important;
    width: 100% !important;
    clear: both !important;
    overflow: hidden !important;
  }

  header#masthead #site-navigation .secon_menu_sect ul{
    justify-content: space-evenly !important;
    gap: 0 !important;

    width: 100% !important;
    min-width: 0 !important;

    flex-wrap: nowrap !important;
    white-space: nowrap !important;

    margin: 0 !important;
    padding: 10px 12px !important;

    gap: clamp(8px, 1.15vw, 18px) !important; /* auto compress */
    overflow: hidden !important;
  }

  header#masthead #site-navigation .secon_menu_sect li{
    float: none !important;
    display: inline-flex !important;
    flex: 0 1 auto !important;   /* дозволяємо стиск */
    min-width: 0 !important;
    width: auto !important;
  }

  header#masthead #site-navigation .secon_menu_sect a{
    white-space: nowrap !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    letter-spacing: .02em !important;

    font-size: clamp(12px, 1.05vw, 13px) !important;
    line-height: 1.2 !important;
    padding: 10px 0 !important;

    border: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
  }

  /* ===== 7) Sticky sizing (don’t inflate) ===== */
  .sticky-wrapper.is-sticky nav#site-navigation,
  header#masthead.is-sticky nav#site-navigation{
    min-height: 64px !important;
    height: auto !important;
  }
}

/* =========================================================
   HOTFIX UA ONLY: logo/title must stay LEFT and NOT push menu down
   (put this AFTER all your tablet header rules)
========================================================= */
@media (min-width: 989.99px) and (max-width: 1199.98px){

  /* 1) Верхній ряд завжди flex (навіть якщо в UA інша назва контейнера) */
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left > .menu-main-container,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left > [class*="menu-"][class$="-container"]{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
    width:100% !important;
  }

  /* 2) Прибити лого вліво (відмінити центрування теми) */
  html[lang="uk-UA"] header#masthead h2.header-logo,
  html[lang="uk-UA"] header#masthead h2.header-logo > a,
  html[lang="uk-UA"] header#masthead .header-logo{
    text-align:left !important;
    justify-content:flex-start !important;
    margin:0 !important;
  }

  /* 3) Відмінити будь-які absolute/transform, які могли лишитись */
  html[lang="uk-UA"] header#masthead h2.header-logo,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left > .menu-main-container > .col-lg-3,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left > [class*="menu-"][class$="-container"] > .col-lg-3{
    position:static !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
  }

  /* 4) Зробити колонки точно в один рядок */
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left > .menu-main-container > .col-lg-3,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left > [class*="menu-"][class$="-container"] > .col-lg-3{
    flex:0 0 210px !important;
    max-width:210px !important;
    min-width:190px !important;
  }

  html[lang="uk-UA"] header#masthead #site-navigation .menu-left > .menu-main-container > .col-lg-9,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left > [class*="menu-"][class$="-container"] > .col-lg-9{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
  }

  /* 5) На всяк випадок: не дозволяємо переносу меню на новий рядок */
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9{
    white-space:nowrap !important;
  }
}

/* =========================================================
   PATCH v2 (UA ONLY): TOP menu строго по правому краю + search після "ІНФО"
   (put this AFTER the HOTFIX UA block)
========================================================= */
@media (min-width: 989.99px) and (max-width: 1199.98px){

  /* 1) На всяк випадок: прибрати пошук, який може сидіти в лівій колонці/біля лого */
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-3 .right-header,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-3 .header-search,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-3 .search,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-3 [class*="search"],
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-3 .fa-search{
    display:none !important;
  }

  /* 2) Права колонка: даємо відступ від лого і тримаємо все справа */
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left > .menu-main-container > .col-lg-9,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left > [class*="menu-"][class$="-container"] > .col-lg-9{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;   /* головне: все вправо */
    min-width:0 !important;
    padding-left:16px !important;         /* щоб не липло до назви */
    gap:8px !important;
  }

  /* 3) UL верхнього меню: “прилипнути” до правого краю */
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9 ul#menu-main.mega-menu,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9 ul.mega-menu{
    order:1 !important;
    margin-left:auto !important;          /* головне: зсув UL вправо */
    display:flex !important;
    align-items:center !important;
  }

  /* 4) Пошук: після меню, але теж справа */
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9 .right-header,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9 .header-search,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9 .search,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9 [class*="search"]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    order:2 !important;
    flex:0 0 auto !important;
    margin-left:6px !important;
    position:static !important;
    float:none !important;
  }

  /* 5) Розмір/клік-зона іконки */
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9 .right-header a,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9 .header-search a,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9 .search a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:6px 6px !important;
  }

  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9 .fa-search{
    font-size:14px !important;
    line-height:1 !important;
  }
}

/* =========================================================
   UA PATCH v4: обмежити ширину search-блоку + меню до правого краю
   (став AFTER HOTFIX UA + PATCH v2)
========================================================= */
@media (min-width: 989.99px) and (max-width: 1199.98px){

  /* 0) ТІЛЬКИ UA */
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left > .menu-main-container > .col-lg-9,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left > [class*="menu-"][class$="-container"] > .col-lg-9{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    min-width:0 !important;
    width:100% !important;
    max-width:none !important;
  }

  /* 1) UL меню — липне вправо */
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9 ul#menu-main.mega-menu,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9 ul.mega-menu{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    margin-left:auto !important;
    margin-right:0 !important;
    flex:1 1 auto !important;      /* займає весь простір, що лишився */
    min-width:0 !important;
  }

  /* 2) Пошук в правій колонці — НЕ має розтягуватись */
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9 .right-header,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9 .header-search,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9 .search,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9 [class*="search"]{
    flex:0 0 34px !important;      /* <-- ВАЖЛИВО: фіксована ширина */
    width:34px !important;
    max-width:34px !important;
    min-width:34px !important;
    margin-left:8px !important;
  }

  /* 3) Клік-зона/іконка компактні */
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9 .right-header a,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9 .header-search a,
  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9 .search a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:34px !important;
    height:34px !important;
    padding:0 !important;
  }

  html[lang="uk-UA"] header#masthead #site-navigation .menu-left .col-lg-9 .fa-search{
    font-size:14px !important;
    line-height:1 !important;
  }
}

/* =========================================================
  Візуалізвція для блоку з випадаючим списком FAQ accordion (details/summary)
========================================================= */

.faq-acc details{
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 10px;
  margin: 10px 0;
  overflow: hidden;
  background: #fff;
}

.faq-acc summary{
  cursor: pointer;
  padding: 14px 16px;
  font-weight: 700;
  list-style: none;
  position: relative;
}

.faq-acc summary::-webkit-details-marker{ display:none; }

.faq-acc summary:after{
  content: "+";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 800;
  opacity: .7;
}

.faq-acc details[open] summary:after{
  content: "–";
}

.faq-acc__content{
  padding: 0 16px 14px 16px;
  border-top: 1px solid rgba(0,0,0,.08);
}

.faq-acc__content p{ margin: 10px 0 0 0; }

/* =========================================================
   CHECKOUT MOBILE FIX
   - повернути відступи
   - таблиця order review не вилізає за екран
========================================================= */

/* <= 414px */
@media (max-width: 414px){

  /* 0) На всяк: прибираємо горизонтальний скрол */
  html, body{
    overflow-x: hidden !important;
  }

  /* 1) Контент сторінки checkout: бокові відступи */
  body.woocommerce-checkout .container,
  body.woocommerce-checkout .main-container,
  body.woocommerce-checkout #content,
  body.woocommerce-checkout .site-content{
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  /* 2) Блок авторизації/нотіси теж без зсувів */
  body.woocommerce-checkout .woocommerce-form-login-toggle,
  body.woocommerce-checkout .woocommerce-info,
  body.woocommerce-checkout form.woocommerce-form-login{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 3) Блок order review не ширший екрану */
  body.woocommerce-checkout .order-review,
  body.woocommerce-checkout #order_review{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  /* 4) Таблиця не роздувається */
  body.woocommerce-checkout table.shop_table,
  body.woocommerce-checkout .woocommerce-checkout-review-order-table{
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
  }

  /* 5) Переноси в клітинках */
  body.woocommerce-checkout table.shop_table th,
  body.woocommerce-checkout table.shop_table td,
  body.woocommerce-checkout .woocommerce-checkout-review-order-table th,
  body.woocommerce-checkout .woocommerce-checkout-review-order-table td{
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  /* 6-7) Колонки назва/сума */
  body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name{
    width: 72% !important;
  }
  body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-total{
    width: 28% !important;
    text-align: right !important;
  }

  /* 8) Доставка/оплата не мають розпирати */
  body.woocommerce-checkout #payment,
  body.woocommerce-checkout #payment ul.payment_methods,
  body.woocommerce-checkout .woocommerce-shipping-methods{
    max-width: 100% !important;
    overflow: hidden !important;
  }
}

/* <= 360px (ще щільніше) */
@media (max-width: 360px){
  body.woocommerce-checkout .container,
  body.woocommerce-checkout .main-container,
  body.woocommerce-checkout #content,
  body.woocommerce-checkout .site-content{
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

/* =========================================================
   CHECKOUT: SHIPPING RADIO ALIGN FIX (ALL SCREENS)
   - radio завжди перед назвою
   - багаторядковий текст не зсуває кружок вниз/вбік
========================================================= */

/* список без зайвих відступів */
body.woocommerce-checkout ul#shipping_method{
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* кожен спосіб доставки = flex-рядок */
body.woocommerce-checkout ul#shipping_method > li{
  display: flex !important;
  align-items: center !important;     /* кружок по центру відносно багаторядкового тексту */
  gap: 10px !important;
  margin: 0 0 10px 0 !important;
}

/* radio фіксованої ширини */
body.woocommerce-checkout ul#shipping_method > li > input[type="radio"]{
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}

/* label займає всю решту ширини */
body.woocommerce-checkout ul#shipping_method > li > label{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  white-space: normal !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* якщо всередині label є спани/ціни — не даємо їм ламати рядок */
body.woocommerce-checkout ul#shipping_method > li > label *{
  white-space: normal !important;
}

/* =========================================================
   CHECKOUT: SHIPPING METHODS — MIN GAP + MORE TEXT WIDTH
========================================================= */

/* Робимо колонку з доставкою максимально “щільною” */
body.woocommerce-checkout ul#shipping_method > li{
  gap: 6px !important;              /* було 10 — тепер мінімальний */
}

/* Радіо ще компактніші */
body.woocommerce-checkout ul#shipping_method > li > input[type="radio"]{
  flex: 0 0 14px !important;
  width: 14px !important;
  height: 14px !important;
}

/* Прибираємо зайві відступи всередині label (деякі теми додають padding) */
body.woocommerce-checkout ul#shipping_method > li > label{
  padding: 0 !important;
  margin: 0 !important;
}

/* Якщо тема додає відступ label’у через псевдоелементи/оформлення — прибиваємо */
body.woocommerce-checkout ul#shipping_method > li > label:before,
body.woocommerce-checkout ul#shipping_method > li > label:after{
  display:none !important;
}

/* =========================================================
   CHECKOUT: order-review table columns rebalance (<414px)
   - ліва колонка (назва рядка) вузька
   - права (значення/список доставок) широка
========================================================= */
@media (max-width: 413px){

  /* У таблиці "Деталі замовлення" перерозподіл колонок */
  body.woocommerce-checkout #order_review table.shop_table th,
  body.woocommerce-checkout #order_review table.shop_table td{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  /* Ліва колонка (типу "Доставка") */
  body.woocommerce-checkout #order_review table.shop_table th{
    width: 28% !important;          /* було ~50% — стискаємо */
    white-space: normal !important;
    vertical-align: middle !important;
  }

  /* Права колонка (радіо + назва служби) */
  body.woocommerce-checkout #order_review table.shop_table td{
    width: 72% !important;          /* даємо максимум простору */
    vertical-align: middle !important;
  }

  /* Щоб список доставок не “втискався” */
  body.woocommerce-checkout #order_review ul#shipping_method{
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Текст назв доставок: нормальний перенос, без “комкання по 2-3 літери” */
  body.woocommerce-checkout #order_review ul#shipping_method > li > label{
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    hyphens: auto !important;
  }
}