.elementor-kit-5{--e-global-color-primary:#FF7913;--e-global-color-secondary:#FAFAFA;--e-global-color-text:#111111;--e-global-color-accent:#E6E6E6;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:15px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:1.4px;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:800;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:15px;--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:800;background-color:#FAFAFA;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* === Header layout fix: Logo | Menu | Cart === */
.elementor-location-header .e-con{
  flex-wrap: nowrap;
}

.pd-header-menu{
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  min-width: 0;
}

.pd-header-menu .elementor-nav-menu{
  flex-wrap: nowrap !important;
  white-space: nowrap;
}
/* ===== PD Sticky Header + Cart (PapaDoner-like) ===== */

/* Чтобы липкий хедер выглядел как отдельная панель */
.pd-header{
  background:#fff;
  border-bottom:1px solid #f0f0f0;
  transition: box-shadow .2s ease, padding .2s ease, transform .2s ease;
}


/* Убираем “дыхание” у контейнера, делаем ровную высоту */
.pd-header{
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Когда хедер стал липким, Elementor обычно добавляет классы: elementor-sticky--active */
.elementor-sticky--active.pd-header{
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

/* Логотип: чтобы не раздувал шапку */
.pd-logo img{
  max-height: 44px;
  width: auto;
}

/* Меню в одну строку + без переносов */
.pd-menu .elementor-nav-menu{
  white-space: nowrap;
}

/* Между пунктами меню, чуть “как у papa” */
.pd-menu .elementor-nav-menu--main .elementor-item{
  padding: 10px 14px;
  font-weight: 600;
  font-size: 15px;
}

/* ===== Корзина как кнопка ===== */
.pd-cart a.elementor-menu-cart__toggle{
  background: #FF7913;
  color:#fff !important;
  border-radius: 999px;
  padding: 10px 16px;
  display:flex;
  align-items:center;
  gap:10px;
  box-shadow: 0 10px 20px rgba(255,47,58,.18);
  border: 0;
  transition: transform .12s ease, filter .12s ease;
}

.pd-cart a.elementor-menu-cart__toggle:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
}

/* Иконка корзины внутри кнопки */
.pd-cart .elementor-button-icon{
  color:#fff !important;
}

/* Счётчик (badge) */
.pd-cart .elementor-menu-cart__toggle .elementor-menu-cart__toggle-badge{
  background:#fff !important;
  color:#FF7913 !important;
  font-weight: 900;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 999px;
  box-shadow: 0 6px 14px rgba(0,0,0,.10);
}

/* Текст суммы/цены внутри кнопки (если Elementor выводит) */
.pd-cart .elementor-menu-cart__toggle .elementor-menu-cart__toggle-label,
.pd-cart .elementor-menu-cart__toggle .elementor-menu-cart__toggle-price{
  color:#fff !important;
  font-weight: 8000;
  white-space: nowrap;
}

/* Выпадашка мини-корзины — выше всего */
.pd-cart .elementor-menu-cart__container{
  z-index: 10000 !important;
}
/* ===== Papa Doner cart button look (Elementor Menu Cart) ===== */

/* позиционирование и ширина */
.pd-cart { min-width: 180px; }

/* кнопка-тоггл (сама “пилюля”) */
.pd-cart .elementor-menu-cart__toggle{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;

  padding:10px 16px !important;
  max-width:200px !important;
  width:100% !important;

  background:#f33030 !important;
  border:none !important;
  border-radius:20px !important;
  transition:.2s !important;
}

.pd-cart .elementor-menu-cart__toggle:hover{
  background:#ff8c33 !important;
}

/* иконка корзины */
.pd-cart .elementor-menu-cart__toggle_button{
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  margin:0 !important;
  line-height:0 !important;
}

.pd-cart .elementor-menu-cart__toggle_button svg,
.pd-cart .elementor-menu-cart__toggle_button i{
  width:20px !important;
  height:20px !important;
  color:#fff !important;
  fill:#fff !important;
}

/* сумма/текст справа (Elementor часто кладёт это в subtotal / price) */
.pd-cart .elementor-menu-cart__subtotal,
.pd-cart .elementor-menu-cart__subtotal *,
.pd-cart .elementor-menu-cart__toggle .amount,
.pd-cart .elementor-menu-cart__toggle .woocommerce-Price-amount,
.pd-cart .elementor-menu-cart__toggle .woocommerce-Price-amount *{
  font-weight:600 !important;
  font-size:14px !important;
  line-height:20px !important;
  letter-spacing:.0125px !important;
  color:#fff !important;
  white-space:nowrap !important;
}

/* добавляем “Корзина:” перед суммой (как у Papa Doner) */
.pd-cart .elementor-menu-cart__subtotal:before{
  content:"Корзина: " !important;
}

/* бейдж количества как у Papa Doner (белый кружок с красной цифрой) */
.pd-cart .elementor-menu-cart__counter{
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  width:20px !important;
  height:20px !important;
  border-radius:50% !important;
  background:#fff !important;
  border:1px solid #f33030 !important;

  color:#f33030 !important;
  font-weight:600 !important;
  font-size:12px !important;
  line-height:20px !important;
}
/* ===== Compact mini-cart override ===== */

/* сам попап уже */
.elementor-menu-cart__container .elementor-menu-cart__main{
  border-radius: 16px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.18) !important;
}

/* убираем лишнюю "ширину" и воздух */
.elementor-menu-cart__products{
  padding: 44px 12px 10px !important;
  max-height: 340px !important;
}

/* строка товара — компактнее */
.elementor-menu-cart__product{
  grid-template-columns: 52px 1fr auto 26px !important;
  gap: 10px !important;
  padding: 10px !important;
  margin: 8px 0 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.05) !important;
}

/* картинка меньше */
.elementor-menu-cart__product-image img{
  width: 52px !important;
  height: 52px !important;
  border-radius: 10px !important;
}

/* название компактнее + в 2 строки максимум */
.elementor-menu-cart__product-name a{
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;

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

/* вариации/добавки — мелко и без "простыни" */
.elementor-menu-cart__product-name dl.variation{
  margin-top: 4px !important;
  padding-top: 4px !important;
  border-top: 0 !important;
}
.elementor-menu-cart__product-name dl.variation dt{
  font-size: 11px !important;
  font-weight: 700 !important;
  margin: 4px 0 0 !important;
  color: rgba(0,0,0,.50) !important;
}
.elementor-menu-cart__product-name dl.variation dd p{
  font-size: 11px !important;
  margin: 0 !important;
  color: rgba(0,0,0,.50) !important;
}

/* цена компактнее */
.elementor-menu-cart__product-price{
  font-size: 12px !important;
  font-weight: 900 !important;
  align-self: center !important;
}
.elementor-menu-cart__product-price .product-quantity{
  font-size: 11px !important;
  font-weight: 700 !important;
  opacity: .75 !important;
}

/* крестик меньше */
.elementor-menu-cart__product-remove a.remove_from_cart_button{
  width: 26px !important;
  height: 26px !important;
  border-radius: 9px !important;
}
.elementor-menu-cart__product-remove a.remove_from_cart_button:before{
  font-size: 14px !important;
}

/* подытог компактнее */
.elementor-menu-cart__subtotal{
  padding: 10px 14px !important;
}
.elementor-menu-cart__subtotal strong{
  font-size: 11px !important;
}
.elementor-menu-cart__subtotal .amount{
  font-size: 14px !important;
}

/* кнопки — компактная панель */
.elementor-menu-cart__footer-buttons{
  padding: 0 14px 14px !important;
  gap: 8px !important;
}
.elementor-menu-cart__footer-buttons .elementor-button{
  padding: 10px 12px !important;
  font-size: 12px !important;
  border-radius: 999px !important;
}

/* close кнопка меньше */
.elementor-menu-cart__close-button{
  width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
}

/* мобилка: чуть уже и ниже */
@media (max-width: 768px){
  .elementor-menu-cart__products{ max-height: 55vh !important; }
  .elementor-menu-cart__product{
    grid-template-columns: 50px 1fr auto 26px !important;
  }
}



/* ===== Mini-cart: ровная сетка + аккуратный стиль ===== */
:root{
  --mc-radius: 16px;
  --mc-card-radius: 14px;
  --mc-pad: 14px;
  --mc-gap: 10px;
  --mc-muted: rgba(0,0,0,.55);
  --mc-line: rgba(0,0,0,.08);
  --mc-shadow: 0 18px 60px rgba(0,0,0,.18);
  --mc-card-shadow: 0 6px 18px rgba(0,0,0,.06);
  --mc-red: #f33030;
}

/* Оболочка */
.elementor-menu-cart__container .elementor-menu-cart__main{
  border-radius: var(--mc-radius) !important;
  box-shadow: var(--mc-shadow) !important;
  overflow: hidden !important;
}

/* Контент (делаем "правильную" структуру: список + низ) */
.elementor-menu-cart__container .widget_shopping_cart_content{
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

/* Список товаров */
.elementor-menu-cart__products{
  padding: 52px var(--mc-pad) 12px !important;
  overflow: auto !important;
  max-height: 360px !important;
}

/* ОДНА карточка товара = чёткий grid */
.elementor-menu-cart__product{
  display: grid !important;
  grid-template-columns: 56px 1fr 88px 28px !important; /* img | info | price | remove */
  grid-template-rows: auto auto !important;
  column-gap: var(--mc-gap) !important;
  row-gap: 4px !important;

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

  border: 1px solid var(--mc-line) !important;
  border-radius: var(--mc-card-radius) !important;
  box-shadow: var(--mc-card-shadow) !important;
  background: #fff !important;

  align-items: center !important;
}

/* Картинка */
.elementor-menu-cart__product-image{
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 56px !important;
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.elementor-menu-cart__product-image img{
  width: 56px !important;
  height: 56px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
}

/* Название */
.elementor-menu-cart__product-name{
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  align-self: end !important;
}
.elementor-menu-cart__product-name a{
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  color: #111 !important;

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

/* Вариации/добавки — строго под названием, компактно */
.elementor-menu-cart__product-name dl.variation{
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;

  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 10px !important;
}
.elementor-menu-cart__product-name dl.variation dt{
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--mc-muted) !important;
}
.elementor-menu-cart__product-name dl.variation dd{
  margin: 0 !important;
}
.elementor-menu-cart__product-name dl.variation dd p{
  margin: 0 !important;
  font-size: 11px !important;
  color: var(--mc-muted) !important;
  white-space: nowrap !important;
}

/* Цена — отдельная колонка, выравниваем по центру */
.elementor-menu-cart__product-price{
  grid-column: 3 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  justify-self: end !important;
  text-align: right !important;
  margin: 0 !important;

  font-weight: 900 !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
}
.elementor-menu-cart__product-price .quantity{
  display: inline-flex !important;
  gap: 6px !important;
  align-items: baseline !important;
}
.elementor-menu-cart__product-price .product-quantity{
  font-size: 11px !important;
  font-weight: 800 !important;
  color: var(--mc-muted) !important;
}

/* Remove — фиксированная кнопка, всегда на одном месте */
.elementor-menu-cart__product-remove{
  grid-column: 4 !important;
  grid-row: 1 / span 2 !important;
  justify-self: end !important;
  align-self: center !important;
}
.elementor-menu-cart__product-remove a{
  width: 28px !important;
  height: 28px !important;
  border-radius: 10px !important;
  border: 1px solid var(--mc-line) !important;
  background: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: .9 !important;
}
.elementor-menu-cart__product-remove a:hover{
  border-color: rgba(243,48,48,.35) !important;
  box-shadow: 0 6px 16px rgba(243,48,48,.12) !important;
}
.elementor-menu-cart__product-remove a:before{
  font-size: 14px !important;
}

/* Подытог + кнопки — отдельный "низ" */
.elementor-menu-cart__subtotal{
  margin-top: 4px !important;
  padding: 12px var(--mc-pad) !important;
  border-top: 1px solid var(--mc-line) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
}
.elementor-menu-cart__subtotal strong{
  font-size: 12px !important;
  color: var(--mc-muted) !important;
}
.elementor-menu-cart__subtotal .amount{
  font-size: 15px !important;
  font-weight: 900 !important;
}

/* Кнопки */
.elementor-menu-cart__footer-buttons{
  padding: 0 var(--mc-pad) var(--mc-pad) !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}
.elementor-menu-cart__footer-buttons .elementor-button{
  border-radius: 999px !important;
  padding: 10px 12px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
.elementor-menu-cart__footer-buttons .elementor-button--checkout{
  background: var(--mc-red) !important;
}
.elementor-menu-cart__footer-buttons .elementor-button--view-cart{
  background: #111 !important;
}

/* Кнопка закрытия — аккуратная */
.elementor-menu-cart__close-button{
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
  top: 12px !important;
  right: 12px !important;
  opacity: .9 !important;
}

/* Бейдж в шапке (красная "плашка" с суммой) — чуть компактнее */
.elementor-menu-cart__toggle .elementor-button,
.elementor-menu-cart__toggle .elementor-menu-cart__toggle_button{
  border-radius: 999px !important;
}

/* Мобилка */
@media (max-width: 768px){
  .elementor-menu-cart__products{ max-height: 55vh !important; }
  .elementor-menu-cart__product{
    grid-template-columns: 52px 1fr 78px 28px !important;
  }
}
/* ===== FIX: видимость "Подытог" + компактный верх + более плотные карточки ===== */

/* 1) Убираем огромный верхний отступ у списка */
.elementor-menu-cart__container .elementor-menu-cart__products{
  padding-top: 14px !important;     /* было 52px */
  padding-bottom: 10px !important;
}

/* 2) Крестик не должен "съедать" пространство — пусть будет поверх */
.elementor-menu-cart__container .elementor-menu-cart__close-button{
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 5 !important;
}

/* 3) Жёстко делаем видимым subtotal (у тебя он "пропадает") */
.elementor-menu-cart__container .elementor-menu-cart__subtotal,
.elementor-menu-cart__container .elementor-menu-cart__subtotal *{
  color: #111 !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}
.elementor-menu-cart__container .elementor-menu-cart__subtotal{
  background: transparent !important;
  border-top: 1px solid rgba(0,0,0,.08) !important;
  padding: 10px 14px !important;
  margin-top: 6px !important;
}
.elementor-menu-cart__container .elementor-menu-cart__subtotal strong{
  font-size: 12px !important;
  font-weight: 700 !important;
  color: rgba(0,0,0,.55) !important;
}
.elementor-menu-cart__container .elementor-menu-cart__subtotal .amount{
  font-size: 14px !important;
  font-weight: 900 !important;
  color: #111 !important;
}

/* 4) Карточки: меньше воздуха, чёткая сетка, ровные края */
.elementor-menu-cart__container .elementor-menu-cart__product{
  margin: 8px 0 !important;
  padding: 10px 10px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.06) !important;

  grid-template-columns: 50px 1fr 86px 28px !important; /* чуть компактнее */
  column-gap: 10px !important;
  row-gap: 2px !important;
}

/* картинка чуть меньше */
.elementor-menu-cart__container .elementor-menu-cart__product-image{
  width: 50px !important;
  height: 50px !important;
}
.elementor-menu-cart__container .elementor-menu-cart__product-image img{
  width: 50px !important;
  height: 50px !important;
  border-radius: 12px !important;
}

/* название компактнее, без "прыжков" */
.elementor-menu-cart__container .elementor-menu-cart__product-name a{
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

/* вариации/добавки плотнее */
.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dt,
.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dd p{
  font-size: 11px !important;
  line-height: 1.2 !important;
  color: rgba(0,0,0,.55) !important;
}

/* цена всегда читаемая */
.elementor-menu-cart__container .elementor-menu-cart__product-price,
.elementor-menu-cart__container .elementor-menu-cart__product-price *{
  color: #111 !important;
  opacity: 1 !important;
}
.elementor-menu-cart__container .elementor-menu-cart__product-price{
  font-size: 13px !important;
  font-weight: 900 !important;
}

/* кнопки внизу — одинаковая высота, ровно */
.elementor-menu-cart__container .elementor-menu-cart__footer-buttons{
  padding: 0 14px 14px !important;
  gap: 10px !important;
}
.elementor-menu-cart__container .elementor-menu-cart__footer-buttons .elementor-button{
  min-height: 42px !important;
  border-radius: 999px !important;
}
/* ===== MINIMAL CLEAN CARDS (без рамок и теней) ===== */

/* сами карточки */
.elementor-menu-cart__container .elementor-menu-cart__product{
  margin: 6px 0 !important;
  padding: 10px 0 !important;

  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;

  display: grid !important;
  grid-template-columns: 46px 1fr auto 22px !important;
  align-items: center !important;
  column-gap: 12px !important;
}

/* разделительная линия между товарами */
.elementor-menu-cart__container
.elementor-menu-cart__product:not(:last-child){
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
}

/* изображение */
.elementor-menu-cart__product-image{
  width: 46px !important;
  height: 46px !important;
}
.elementor-menu-cart__product-image img{
  width: 46px !important;
  height: 46px !important;
  border-radius: 10px !important;
}

/* название */
.elementor-menu-cart__product-name a{
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #111 !important;
}

/* добавки / вариации */
.elementor-menu-cart__product-name dl.variation{
  margin-top: 4px !important;
}
.elementor-menu-cart__product-name dl.variation dt,
.elementor-menu-cart__product-name dl.variation dd p{
  font-size: 11px !important;
  color: rgba(0,0,0,.5) !important;
  line-height: 1.2 !important;
}

/* цена */
.elementor-menu-cart__product-price{
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #111 !important;
  white-space: nowrap !important;
}

/* крестик */
.elementor-menu-cart__product-remove a{
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,.05) !important;
}
.elementor-menu-cart__product-remove a:hover{
  background: #ff3b30 !important;
}

/* subtotal — аккуратно, без синей подложки */
.elementor-menu-cart__subtotal{
  margin-top: 8px !important;
  padding: 10px 0 !important;

  border-top: 1px solid rgba(0,0,0,.1) !important;
  background: transparent !important;
}
.elementor-menu-cart__subtotal strong{
  font-size: 12px !important;
  color: rgba(0,0,0,.6) !important;
}
.elementor-menu-cart__subtotal .amount{
  font-size: 14px !important;
  font-weight: 900 !important;
  color: #111 !important;
}
/* =========================================================
   0) HEADER: не ломаем всю шапку (узко по классам)
========================================================= */
.elementor-location-header .e-con{
  flex-wrap: nowrap;
}

/* =========================================================
   1) CART TOGGLE (КАПСУЛА В ХЕДЕРЕ) — СТРОГО В .pd-cart
========================================================= */
.pd-cart .elementor-menu-cart__toggle,
.pd-cart a.elementor-menu-cart__toggle,
.pd-cart .elementor-menu-cart__toggle.elementor-button{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;

  padding:10px 16px !important;
  border-radius:999px !important;

  background:#FF7913 !important;
  color:#fff !important;

  border:0 !important;
  box-shadow: 0 10px 20px rgba(255,47,58,.18) !important;
  outline:none !important;
}

/* квадратная рамка вокруг капсулы = focus/outline/box-shadow/appearance */
.pd-cart .elementor-menu-cart__toggle:focus,
.pd-cart .elementor-menu-cart__toggle:focus-visible,
.pd-cart a.elementor-menu-cart__toggle:focus,
.pd-cart a.elementor-menu-cart__toggle:focus-visible{
  outline:none !important;
  box-shadow: 0 10px 20px rgba(255,47,58,.18) !important;
}

/* убираем возможный дефолтный ::after от темы/Elementor */
.pd-cart .elementor-menu-cart__toggle:after,
.pd-cart .elementor-menu-cart__toggle:before{
  content:none !important;
}

/* иконка */
.pd-cart .elementor-menu-cart__toggle_button,
.pd-cart .elementor-button-icon,
.pd-cart .elementor-menu-cart__toggle i,
.pd-cart .elementor-menu-cart__toggle svg{
  color:#fff !important;
  fill:#fff !important;
}

/* сумма/текст внутри капсулы */
.pd-cart .elementor-menu-cart__toggle .amount,
.pd-cart .elementor-menu-cart__toggle .woocommerce-Price-amount,
.pd-cart .elementor-menu-cart__toggle .woocommerce-Price-amount *{
  color:#fff !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

/* бейдж количества */
.pd-cart .elementor-menu-cart__toggle-badge,
.pd-cart .elementor-menu-cart__counter{
  background:#fff !important;
  color:#FF7913 !important;
  font-weight:900 !important;
  border-radius:999px !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.10) !important;
}

/* ВАЖНО: "Корзина:" добавляем только в капсуле, а не в попапе */
.pd-cart .elementor-menu-cart__toggle .elementor-menu-cart__subtotal:before{
  content:"Корзина: " !important;
}

/* =========================================================
   2) POPUP MINI CART — СТРОГО ВНУТРИ .elementor-menu-cart__container
   (чтобы не влиять на хедер/кнопку)
========================================================= */
.elementor-menu-cart__container .elementor-menu-cart__main{
  border-radius:16px !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.18) !important;
  overflow:hidden !important;
}

/* крестик закрытия — поверх, не двигает контент */
.elementor-menu-cart__container .elementor-menu-cart__close-button{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  z-index:10 !important;
  width:36px !important;
  height:36px !important;
  border-radius:12px !important;
}

/* список товаров: нормальный верх, без “огромного воздуха” */
.elementor-menu-cart__container .elementor-menu-cart__products{
  padding: 18px 16px 10px !important;
  max-height: 360px !important;
  overflow:auto !important;
}

/* “простые” строки без карточек/теней */
.elementor-menu-cart__container .elementor-menu-cart__product{
  display:grid !important;
  grid-template-columns: 46px 1fr auto 22px !important;
  column-gap:12px !important;
  align-items:center !important;

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

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

.elementor-menu-cart__container .elementor-menu-cart__product:not(:last-child){
  border-bottom:1px solid rgba(0,0,0,.08) !important;
}

/* картинка */
.elementor-menu-cart__container .elementor-menu-cart__product-image{
  width:46px !important;
  height:46px !important;
}
.elementor-menu-cart__container .elementor-menu-cart__product-image img{
  width:46px !important;
  height:46px !important;
  border-radius:10px !important;
  object-fit:cover !important;
}

/* название */
.elementor-menu-cart__container .elementor-menu-cart__product-name a{
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  color:#111 !important;

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

/* вариации */
.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation{
  margin:4px 0 0 !important;
}
.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dt,
.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dd p{
  font-size:11px !important;
  line-height:1.2 !important;
  color: rgba(0,0,0,.55) !important;
  margin:0 !important;
}

/* цена */
.elementor-menu-cart__container .elementor-menu-cart__product-price{
  font-size:13px !important;
  font-weight:800 !important;
  color:#111 !important;
  white-space:nowrap !important;
}

/* remove: без красных “шаров” при hover */
.elementor-menu-cart__container .elementor-menu-cart__product-remove a{
  width:22px !important;
  height:22px !important;
  border-radius:999px !important;
  background: rgba(0,0,0,.06) !important;
  border:0 !important;
  box-shadow:none !important;
}
.elementor-menu-cart__container .elementor-menu-cart__product-remove a:hover{
  background: rgba(0,0,0,.12) !important; /* без красного */
}
.elementor-menu-cart__container .elementor-menu-cart__product-remove a:after{
  content:none !important;
}

/* subtotal — читабельный всегда */
.elementor-menu-cart__container .elementor-menu-cart__subtotal{
  margin-top:8px !important;
  padding:10px 16px !important;
  border-top:1px solid rgba(0,0,0,.10) !important;
  background:transparent !important;

  color:#111 !important;
}
.elementor-menu-cart__container .elementor-menu-cart__subtotal *{
  color:#111 !important;
  opacity:1 !important;
  visibility:visible !important;
}
.elementor-menu-cart__container .elementor-menu-cart__subtotal strong{
  font-size:12px !important;
  color: rgba(0,0,0,.60) !important;
}
.elementor-menu-cart__container .elementor-menu-cart__subtotal .amount{
  font-size:14px !important;
  font-weight:900 !important;
}

/* кнопки */
.elementor-menu-cart__container .elementor-menu-cart__footer-buttons{
  padding: 0 16px 16px !important;
  display:grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap:10px !important;
}
.elementor-menu-cart__container .elementor-menu-cart__footer-buttons .elementor-button{
  border-radius:999px !important;
  min-height:42px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}
.elementor-menu-cart__container .elementor-button--checkout{
  background:#FF7913 !important;
}
.elementor-menu-cart__container .elementor-button--view-cart{
  background:#111 !important;
}

@media (max-width:768px){
  .elementor-menu-cart__container .elementor-menu-cart__products{ max-height:55vh !important; }
}
/* === FIX: "лепесток" на remove + отступ между subtotal и кнопками === */

/* 1) Полностью убираем любые псевдо-элементы/фон, которые дают серый лепесток */
.elementor-menu-cart__container .elementor-menu-cart__product-remove a,
.elementor-menu-cart__container .elementor-menu-cart__product-remove a:hover,
.elementor-menu-cart__container .elementor-menu-cart__product-remove a:focus,
.elementor-menu-cart__container .elementor-menu-cart__product-remove a:active{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: none !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product-remove a:before,
.elementor-menu-cart__container .elementor-menu-cart__product-remove a:after{
  content: none !important;
  display: none !important;
}

/* Рисуем аккуратный крестик сами (без лепестков) */
.elementor-menu-cart__container .elementor-menu-cart__product-remove a{
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: .85 !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product-remove a{
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18.3 5.7a1 1 0 0 0-1.4 0L12 10.6 7.1 5.7a1 1 0 1 0-1.4 1.4l4.9 4.9-4.9 4.9a1 1 0 1 0 1.4 1.4l4.9-4.9 4.9 4.9a1 1 0 0 0 1.4-1.4L13.4 12l4.9-4.9a1 1 0 0 0 0-1.4Z'/%3E%3C/svg%3E") center / 14px 14px no-repeat !important;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18.3 5.7a1 1 0 0 0-1.4 0L12 10.6 7.1 5.7a1 1 0 1 0-1.4 1.4l4.9 4.9-4.9 4.9a1 1 0 1 0 1.4 1.4l4.9-4.9 4.9 4.9a1 1 0 0 0 1.4-1.4L13.4 12l4.9-4.9a1 1 0 0 0 0-1.4Z'/%3E%3C/svg%3E") center / 14px 14px no-repeat !important;

  background: rgba(0,0,0,.45) !important; /* цвет крестика */
}

.elementor-menu-cart__container .elementor-menu-cart__product-remove a:hover{
  background: rgba(0,0,0,.75) !important;
  opacity: 1 !important;
}

/* 2) Отступ между "Подытог" и кнопками */
.elementor-menu-cart__container .elementor-menu-cart__subtotal{
  padding-bottom: 14px !important;
}

.elementor-menu-cart__container .elementor-menu-cart__footer-buttons{
  margin-top: 10px !important;
}
/* === FIX: убрать дубль remove-кнопки и сделать её полностью кликабельной === */

/* В mini-cart реально две ссылки удаления — оставляем только одну */
.elementor-menu-cart__container .elementor-menu-cart__product-remove a.remove_from_cart_button{
  display: none !important;
}

/* Контейнер под крестик */
.elementor-menu-cart__container .elementor-menu-cart__product-remove{
  position: relative !important;
  width: 22px !important;
  height: 22px !important;
}

/* Единственная активная кнопка: на всю площадь 22x22 */
.elementor-menu-cart__container .elementor-menu-cart__product-remove a.elementor_remove_from_cart_button{
  position: absolute !important;
  inset: 0 !important;
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  border-radius: 999px !important;
  z-index: 2 !important;
  cursor: pointer !important;
}

/* Убираем любые "лепестки" от псевдо-иконок */
.elementor-menu-cart__container .elementor-menu-cart__product-remove a.elementor_remove_from_cart_button:before,
.elementor-menu-cart__container .elementor-menu-cart__product-remove a.elementor_remove_from_cart_button:after{
  content: none !important;
  display: none !important;
}
/* === UX FIX: развести close (окно) и remove (позиция) === */

/* 1) Close — всегда в углу, отдельная кнопка */
.elementor-menu-cart__container .elementor-menu-cart__close-button{
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
  background: rgba(0,0,0,.05) !important;
  z-index: 50 !important;
}
.elementor-menu-cart__container .elementor-menu-cart__close-button:hover{
  background: rgba(0,0,0,.08) !important;
}

/* 2) Даем место сверху, чтобы первый товар не подползал к close */
.elementor-menu-cart__container .elementor-menu-cart__products{
  padding-top: 56px !important; /* безопасная зона под close */
}

/* 3) Remove-кнопка: строго внутри строки товара, по центру */
.elementor-menu-cart__container .elementor-menu-cart__product{
  position: relative !important; /* чтобы remove был внутри */
}

/* фиксируем колонку remove, чтобы она не прыгала вверх */
.elementor-menu-cart__container .elementor-menu-cart__product-remove{
  align-self: center !important;
  justify-self: end !important;
}

/* remove НЕ должен иметь большие отступы/позиционирование */
.elementor-menu-cart__container .elementor-menu-cart__product-remove a.elementor_remove_from_cart_button{
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.06) !important;
  z-index: 2 !important;
}

/* hover на remove */
.elementor-menu-cart__container .elementor-menu-cart__product-remove a.elementor_remove_from_cart_button:hover{
  background: rgba(243,48,48,.18) !important;
}

/* на всякий: если где-то remove пытается “всплывать” псевдо-иконками */
.elementor-menu-cart__container .elementor-menu-cart__product-remove a.elementor_remove_from_cart_button:before,
.elementor-menu-cart__container .elementor-menu-cart__product-remove a.elementor_remove_from_cart_button:after{
  content: none !important;
}
/* === Close button: компактный, ненавязчивый === */
.elementor-menu-cart__container .elementor-menu-cart__close-button{
  width: 24px !important;
  height: 24px !important;
  top: 12px !important;
  right: 12px !important;

  border-radius: 8px !important;
  background: transparent !important;

  opacity: .55 !important;
  transition: opacity .15s ease, background .15s ease !important;
}

/* иконка крестика */
.elementor-menu-cart__container .elementor-menu-cart__close-button:before{
  font-size: 18px !important;
  line-height: 24px !important;
  color: #111 !important;
}

/* hover — лёгкий, без акцента */
.elementor-menu-cart__container .elementor-menu-cart__close-button:hover{
  opacity: .9 !important;
  background: rgba(0,0,0,.06) !important;
}
/* =========================================================
   FIX: КЛИКАБЕЛЬНОСТЬ КНОПКИ УДАЛЕНИЯ (FINAL)
   ========================================================= */

/* 1. Сбрасываем лишнее позиционирование у ячейки грида */
.elementor-menu-cart__container .elementor-menu-cart__product-remove {
    position: relative !important;
    z-index: 10 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important; /* Важно, чтобы клик-зона могла выходить за пределы */
}

/* 2. Стилизуем саму ссылку (визуальная часть - крестик) */
.elementor-menu-cart__container .elementor-menu-cart__product-remove a,
.elementor-menu-cart__container .elementor-menu-cart__product-remove a.elementor_remove_from_cart_button {
    position: relative !important; /* Для позиционирования псевдоэлемента */
    display: block !important;
    width: 24px !important;       /* Визуальный размер кружка */
    height: 24px !important;
    border-radius: 50% !important;
    
    /* Рисуем крестик через маску (как у тебя было) */
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.3 5.7a1 1 0 0 0-1.4 0L12 10.6 7.1 5.7a1 1 0 1 0-1.4 1.4l4.9 4.9-4.9 4.9a1 1 0 1 0 1.4 1.4l4.9-4.9 4.9 4.9a1 1 0 0 0 1.4-1.4L13.4 12l4.9-4.9a1 1 0 0 0 0-1.4Z'/%3E%3C/svg%3E") center / 12px 12px no-repeat !important;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.3 5.7a1 1 0 0 0-1.4 0L12 10.6 7.1 5.7a1 1 0 1 0-1.4 1.4l4.9 4.9-4.9 4.9a1 1 0 1 0 1.4 1.4l4.9-4.9 4.9 4.9a1 1 0 0 0 1.4-1.4L13.4 12l4.9-4.9a1 1 0 0 0 0-1.4Z'/%3E%3C/svg%3E") center / 12px 12px no-repeat !important;

    background: rgba(0,0,0,0.4) !important; /* Цвет крестика */
    transition: background 0.2s ease !important;
    cursor: pointer !important;
    
    /* Убираем лишние отступы, которые могут сдвигать клик */
    margin: 0 !important;
    padding: 0 !important;
    inset: auto !important;
    transform: none !important;
}

/* Hover эффект для визуала */
.elementor-menu-cart__container .elementor-menu-cart__product-remove a:hover {
    background: #FF7913 !important; /* Красный при наведении */
}

/* 3. НЕВИДИМАЯ ЗОНА КЛИКА (Magic Hit Area) 
   Создаем прозрачный слой поверх кнопки, который больше неё самой */
.elementor-menu-cart__container .elementor-menu-cart__product-remove a::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    
    /* Центрируем зону относительно кнопки */
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    
    /* Делаем зону клика большой (44x44px - стандарт UX) */
    width: 44px !important;
    height: 44px !important;
    
    background: transparent !important; /* Прозрачный */
    z-index: 20 !important; /* Поверх всего */
    cursor: pointer !important;
    border-radius: 50%;
}

/* 4. Страховка: скрываем дублирующую кнопку Elementor, если она есть */
.elementor-menu-cart__container .elementor-menu-cart__product-remove a:not(.elementor_remove_from_cart_button) {
   display: none !important;
}
/* =========================================================
   FIX ADDONS STYLE (mini-cart): dt = label, dd = value pill
   (ставь В САМЫЙ НИЗ, чтобы перебить прошлые варианты)
========================================================= */

.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation{
  margin: 6px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  display: block !important;
}

/* Лейбл "Грибы:" — просто текст, без капсулы */
.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dt{
  margin: 6px 0 4px !important;
  padding: 0 !important;
  display: block !important;

  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  color: rgba(0,0,0,.55) !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Значение — маленькая капсула */
.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dd{
  margin: 0 0 4px !important;
  padding: 0 !important;
  display: block !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dd p{
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: #f2f3f5 !important;
  border: 1px solid rgba(0,0,0,.08) !important;

  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: rgba(0,0,0,.70) !important;

  white-space: nowrap !important;
}

/* Цена внутри капсулы — чуть жирнее */
.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dd p .amount,
.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dd p .woocommerce-Price-amount{
  font-weight: 900 !important;
  color: rgba(0,0,0,.85) !important;
}
/* === FIX: допы (dt+dd) в одну строку === */
.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation{
  margin: 6px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;

  display: grid !important;
  grid-template-columns: auto 1fr !important; /* label | value */
  column-gap: 8px !important;
  row-gap: 6px !important;
  align-items: center !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dt{
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  white-space: nowrap !important; /* "Грибы:" не переносится */
}

.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dd{
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  min-width: 0 !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dd p{
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: #f2f3f5 !important;
  border: 1px solid rgba(0,0,0,.08) !important;

  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: rgba(0,0,0,.70) !important;

  white-space: nowrap !important; /* капсула не разваливается */
  max-width: 100% !important;
}

/* цена в капсуле */
.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dd p .amount,
.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dd p .woocommerce-Price-amount{
  font-weight: 900 !important;
  color: rgba(0,0,0,.85) !important;
}
/* =========================================================
   HOTFIX: 1) "Корзина:" убрать из POPUP subtotal
          2) "Корзина:" оставить только на кнопке-тоггле
          3) допы dt+dd в одну строку без сжатия капсулы
   ========================================================= */

/* 1) В POPUP subtotal НИКОГДА не показываем "Корзина:" */
.elementor-menu-cart__container .elementor-menu-cart__subtotal:before{
  content: none !important;
  display: none !important;
}

/* 2) "Корзина:" показываем на кнопке (в хедере) */
.pd-cart .elementor-menu-cart__toggle_button .elementor-button-text:before{
  content: "Корзина: " !important;
  font-weight: 800 !important;
}

/* 3) Допы: label + pill в одну строку, без авто-сжатия */
.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation{
  margin: 6px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;

  display: grid !important;
  grid-template-columns: auto auto !important; /* было auto 1fr */
  column-gap: 8px !important;
  row-gap: 6px !important;
  justify-content: start !important;
  align-items: center !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dt{
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  color: rgba(0,0,0,.55) !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dd{
  margin: 0 !important;
  padding: 0 !important;
  justify-self: start !important; /* важно */
}

.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dd p{
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: #f2f3f5 !important;
  border: 1px solid rgba(0,0,0,.08) !important;

  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: rgba(0,0,0,.70) !important;
  white-space: nowrap !important;
}
/* === CLEAN ADDONS: без капсул и обводок === */
.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dd p{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;

  display: inline !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  color: rgba(0,0,0,.65) !important;
}
/* =========================================================
   HARD RESET mini-cart row: img | title+addons | price | remove
   (ставь самым последним, чтобы перебить всё выше)
========================================================= */

.elementor-menu-cart__container .elementor-menu-cart__product{
  display: grid !important;
  grid-template-columns: 46px 1fr auto 22px !important;
  grid-template-rows: auto auto !important;
  column-gap: 12px !important;
  row-gap: 4px !important;
  align-items: start !important;

  padding: 10px 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* картинка слева, на две строки */
.elementor-menu-cart__container .elementor-menu-cart__product-image{
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 46px !important;
  height: 46px !important;
}
.elementor-menu-cart__container .elementor-menu-cart__product-image img{
  width: 46px !important;
  height: 46px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
}

/* блок названия = строка 1, колонка 2 */
.elementor-menu-cart__container .elementor-menu-cart__product-name{
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  min-width: 0 !important;
}
.elementor-menu-cart__container .elementor-menu-cart__product-name a{
  display: block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #111 !important;

  /* убираем все прошлые clamp/overflow, которые могли спрятать заголовок */
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  display: block !important;
  overflow: visible !important;
}

/* допы = строка 2, колонка 2 */
.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation{
  grid-column: 2 !important;
  grid-row: 2 !important;

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

  display: grid !important;
  grid-template-columns: auto auto !important;
  column-gap: 8px !important;
  row-gap: 6px !important;
  justify-content: start !important;
  align-items: center !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dt{
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  color: rgba(0,0,0,.55) !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dd,
.elementor-menu-cart__container .elementor-menu-cart__product-name dl.variation dd p{
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: rgba(0,0,0,.65) !important;
}

/* цена всегда напротив НАЗВАНИЯ (строка 1), а не по центру блока */
.elementor-menu-cart__container .elementor-menu-cart__product-price{
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: end !important;
  margin: 0 !important;

  font-size: 13px !important;
  font-weight: 800 !important;
  color: #111 !important;
  white-space: nowrap !important;
}

/* remove — тоже напротив названия */
.elementor-menu-cart__container .elementor-menu-cart__product-remove{
  grid-column: 4 !important;
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: end !important;
  margin: 0 !important;
}
/* === FIX: remove-крестик по центру карточки товара === */
.elementor-menu-cart__container .elementor-menu-cart__product-remove{
  grid-row: 1 / span 2 !important;   /* занимает обе строки */
  align-self: center !important;      /* центр по вертикали */
  justify-self: end !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product-remove a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* =========================================================
   MOBILE FIX (VARIANT 1): mini-cart centered & always in viewport
   ВСТАВЬ В САМЫЙ НИЗ
========================================================= */
@media (max-width: 768px){

  /* на всякий — убираем горизонтальный скролл, который провоцирует "уезд" */
  html, body{ overflow-x: hidden !important; }

  /* оверлей должен быть фиксирован по экрану */
  .elementor-menu-cart__container{
    position: fixed !important;
    inset: 0 !important;
    overflow: hidden !important;
  }

  /* главное окно — фикс по viewport, центрируем */
  .elementor-menu-cart__container .elementor-menu-cart__main{
    position: fixed !important;

    left: 50% !important;
    top: 72px !important;                    /* ниже хедера */
    transform: translateX(-50%) !important;  /* центр */

    width: calc(100vw - 24px) !important;    /* всегда влазит */
    max-width: 420px !important;

    margin: 0 !important;
    right: auto !important;
    bottom: auto !important;
  }

  /* если Elementor/тема пытается ещё раз трансформить детей */
  .elementor-menu-cart__container .elementor-menu-cart__main *{
    transform-style: flat !important;
  }

  /* безопасная высота списка (чтобы не вылазил за экран) */
  .elementor-menu-cart__container .elementor-menu-cart__products{
    max-height: calc(100vh - 72px - 160px) !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* close всегда поверх */
  .elementor-menu-cart__container .elementor-menu-cart__close-button{
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 999 !important;
  }
}

/* iOS safe-area (чтоб не резалось в Safari) */
@supports (padding: max(0px)){
  @media (max-width: 768px){
    .elementor-menu-cart__container .elementor-menu-cart__main{
      top: calc(72px + env(safe-area-inset-top)) !important;
    }
    .elementor-menu-cart__container .elementor-menu-cart__products{
      max-height: calc(100vh - (72px + env(safe-area-inset-top)) - 170px - env(safe-area-inset-bottom)) !important;
    }
  }
} /* ← ВОТ ЭТИ ДВЕ СКОБКИ У ТЕБЯ ПРОПУЩЕНЫ */
@supports (padding: max(0px)){
  @media (max-width: 768px){
    .elementor-menu-cart__container .elementor-menu-cart__main{
      top: calc(72px + env(safe-area-inset-top)) !important;
    }
    .elementor-menu-cart__container .elementor-menu-cart__products{
      max-height: calc(100vh - (72px + env(safe-area-inset-top)) - 170px - env(safe-area-inset-bottom)) !important;
    }
  }
} /* ← ВОТ ЭТИ ДВЕ СКОБКИ У ТЕБЯ ПРОПУЩЕНЫ */

/* карточка = колонка на всю высоту ячейки */
.product.slide.item{
  display:flex;
  flex-direction:column;
  height:100%;
}

/* картинка сверху фикс, контент растягивается */
.product.slide.item .img{flex:0 0 auto;}
.product.slide.item .content{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
}

/* ✅ блок цены+кнопки всегда внизу */
.product.slide.item .total{
  margin-top:auto;
}
/* =========================
   MINIMAL CART (only /cart/)
   ========================= */
body.woocommerce-cart .wp-block-woocommerce-cart{
  --dd-red:#FF7913;
  --dd-text:#111;
  --dd-muted:rgba(0,0,0,.58);
  --dd-line:rgba(0,0,0,.08);
  --dd-bg:#ffffff;
  --dd-page:#f7f7f8;
  --dd-radius:12px;
  --dd-font:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* page background + typography */
body.woocommerce-cart{
  background: var(--dd-page);
}
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-cart .wp-block-woocommerce-cart *{
  font-family: var(--dd-font);
}
body.woocommerce-cart .site-main .page-header .entry-title{
  font-weight: 900;
  letter-spacing:-.02em;
  color: var(--dd-text);
  margin: 10px 0 18px;
}

/* container */
body.woocommerce-cart .wp-block-woocommerce-cart{
  max-width: 1140px;
  margin: 0 auto;
  padding: 8px 14px 42px;
}

/* 2 columns layout */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-sidebar-layout{
  gap: 16px !important;
  align-items: start;
}

/* MAIN + SIDEBAR = simple panels (no heavy shadow) */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__main,
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__sidebar{
  background: var(--dd-bg);
  border: 1px solid var(--dd-line);
  border-radius: var(--dd-radius);
  box-shadow: none !important;
}

/* paddings */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__main{
  padding: 14px 14px 6px;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__sidebar{
  padding: 14px;
}

/* remove “table vibe”: header muted & small */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__header th{
  border: 0 !important;
  padding: 0 0 10px !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(0,0,0,.35);
}

/* IMPORTANT: no row-cards, just clean rows with dividers */
body.woocommerce-cart .wp-block-woocommerce-cart table.wc-block-cart-items{
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__row{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__row td{
  border-top: 1px solid var(--dd-line) !important;
  padding: 14px 8px !important;
  vertical-align: top;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__row:first-child td{
  border-top: 1px solid var(--dd-line) !important;
}

/* image */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__image img{
  width: 64px !important;
  height: 64px !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 1px solid var(--dd-line);
  border-radius: 10px;
  padding: 6px;
}

/* product title */
body.woocommerce-cart .wp-block-woocommerce-cart a.wc-block-components-product-name{
  color: var(--dd-text);
  font-weight: 900;
  text-decoration: none !important;
  font-size: 15px;
  line-height: 1.25;
}
body.woocommerce-cart .wp-block-woocommerce-cart a.wc-block-components-product-name:hover{
  opacity: .85;
}

/* prices */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-product-price__value{
  font-weight: 900;
  color: var(--dd-text);
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__total{
  text-align: right;
}

/* metadata (addons/size) */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-product-metadata{
  margin-top: 8px;
  font-size: 13px;
  color: var(--dd-muted);
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-product-details__name{
  color: rgba(0,0,0,.40);
  font-weight: 800;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-product-details__value{
  color: var(--dd-text);
  font-weight: 800;
}

/* qty — minimal */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-quantity-.elementor-kit-5{
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--dd-line);
  border-radius: 10px;
  padding: 6px;
  background: #fff;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-quantity-.elementor-kit-5__input{
  width: 46px !important;
  border: 0 !important;
  background: transparent !important;
  font-weight: 900;
  text-align: center;
  color: var(--dd-text);
  box-shadow: none !important;
  outline: none !important;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-quantity-.elementor-kit-5__button{
  width: 30px;
  height: 30px;
  border-radius: 8px !important;
  border: 1px solid var(--dd-line) !important;
  background: #fff !important;
  box-shadow: none !important;
  font-weight: 900 !important;
  color: var(--dd-text) !important;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-quantity-.elementor-kit-5__button:disabled{
  opacity:.45;
}

/* remove link */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__remove-link{
  margin-top: 10px;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  font-weight: 800;
  color: rgba(0,0,0,.45) !important;
  text-decoration: none !important;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__remove-link:hover{
  color: var(--dd-text) !important;
  text-decoration: underline !important;
}

/* sidebar heading */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__totals-title{
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 900;
  color: var(--dd-text);
}

/* coupon panel — flat */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-panel__button{
  border: 1px solid var(--dd-line);
  border-radius: 10px;
  background: #fff;
  padding: 10px 10px;
  box-shadow: none !important;
  font-weight: 900;
  color: var(--dd-text);
}

/* totals rows */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-item{
  padding: 10px 0;
  border-top: 1px solid var(--dd-line);
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-item__label{
  font-weight: 800;
  color: rgba(0,0,0,.45);
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-item__value{
  font-weight: 900;
  color: var(--dd-text);
}

/* checkout button — minimal (no glow, no huge pill) */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__submit-button{
  width: 100%;
  border-radius: 10px !important;
  background: var(--dd-red) !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 12px 14px !important;
  font-weight: 900 !important;
  color: #fff !important;
}
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__submit-button:hover{
  filter: brightness(.98);
}

/* =========================
   MOBILE: stack + clean rows
   ========================= */
@media (max-width: 880px){
  body.woocommerce-cart .wp-block-woocommerce-cart{
    padding: 8px 10px 30px;
  }

  /* stack columns */
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-sidebar-layout{
    grid-template-columns: 1fr !important;
  }

  /* convert table to blocks */
  body.woocommerce-cart .wp-block-woocommerce-cart table.wc-block-cart-items,
  body.woocommerce-cart .wp-block-woocommerce-cart thead,
  body.woocommerce-cart .wp-block-woocommerce-cart tbody,
  body.woocommerce-cart .wp-block-woocommerce-cart tr,
  body.woocommerce-cart .wp-block-woocommerce-cart th,
  body.woocommerce-cart .wp-block-woocommerce-cart td{
    display:block !important;
    width: 100% !important;
  }

  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__header{
    display:none !important;
  }

  /* row spacing on mobile */
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__row{
    padding: 10px 0 !important;
  }
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__row td{
    border-top: 0 !important;
    padding: 10px 6px !important;
  }
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__row{
    border-top: 1px solid var(--dd-line) !important;
  }

  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__total{
    text-align:left;
  }
}

/* Компенсация высоты — реальная высота хедера будет в переменной */
body{
  padding-top: var(--header-height, 0px) !important;
}

.pd-header{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 999999 !important;
  background: #fff !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.1) !important;
}

/* Убираем трансформы Elementor, которые убивают sticky/fixed */
.pd-header[data-elementor-type="header"],
.pd-header .elementor,
.pd-header .e-con{
  transform: none !important;
}

/* На мобиле — только облегчаем тень, без magic numbers */
@media (max-width: 768px){
  .pd-header{ box-shadow: 0 2px 8px rgba(0,0,0,.1) !important; }
}

/* =========================================================
   APP-STYLE CHECKOUT (ISOLATED)
   Работает только на странице оформления заказа
   ========================================================= */

/* 1. Настройки страницы оформления заказа (фон и шрифты) */
body.woocommerce-checkout {
    background-color: #f2f3f5 !important; /* Светло-серый фон приложения */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Ограничиваем ширину контента, чтобы на ПК не разъезжалось */
.woocommerce-checkout #content,
.woocommerce-checkout .page-content,
.woocommerce-checkout .entry-content {
    max-width: 600px !important;
    margin: 0 auto !important;
    padding: 20px 15px 80px !important; /* 80px снизу для плавающей кнопки */
}

/* Скрываем лишние заголовки темы, если они мешают */
.woocommerce-checkout .entry-header {
    text-align: center;
    margin-bottom: 20px;
}
.woocommerce-checkout h1.entry-title {
    font-size: 22px !important;
    font-weight: 800 !important;
    border: none !important;
}

/* =========================================================
   2. КАРТОЧКИ (Блоки формы)
   ========================================================= */
/* Превращаем разделы (детали, доставка, заказ) в белые карточки */
.woocommerce-checkout #customer_details, 
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order {
    background: #ffffff !important;
    border-radius: 20px !important; /* Сильное скругление */
    padding: 24px 20px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03) !important;
    border: 1px solid rgba(0,0,0,0.04) !important;
}

/* Убираем колонки, делаем всё в одну колонку (как в телефоне) */
.woocommerce-checkout .col2-set .col-1, 
.woocommerce-checkout .col2-set .col-2 {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Заголовки внутри карточек */
.woocommerce-checkout h3 {
    font-size: 18px !important;
    font-weight: 800 !important;
    margin-bottom: 20px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    color: #111 !important;
}

/* =========================================================
   3. ПОЛЯ ВВОДА (INPUTS) - Стиль "App"
   ========================================================= */
.woocommerce-checkout p.form-row {
    margin-bottom: 16px !important;
}

/* Скрываем лейблы "Обязательно", оставляем только названия */
.woocommerce-checkout form .form-row label {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #666 !important;
    margin-bottom: 6px !important;
    display: block !important;
}

/* Сами поля */
.woocommerce-checkout input.input-text, 
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-checkout .select2-container .select2-selection--single {
    background: #f7f8fa !important; /* Чуть серый фон внутри поля */
    border: 1px solid transparent !important;
    border-radius: 14px !important;
    height: 54px !important; /* Высокие поля для пальца */
    padding: 0 16px !important;
    font-size: 16px !important; /* Защита от зума на iPhone */
    color: #111 !important;
    box-shadow: none !important;
    outline: none !important;
    width: 100% !important;
    line-height: normal !important;
}

/* Фокус на поле */
.woocommerce-checkout input.input-text:focus, 
.woocommerce-checkout textarea:focus {
    background: #fff !important;
    border-color: #FF7913 !important; /* Красный цвет вашей темы */
    box-shadow: 0 0 0 4px rgba(255, 47, 58, 0.1) !important;
}

/* Select2 (выпадающий список стран) Fix */
.woocommerce-checkout .select2-container .select2-selection--single {
    display: flex !important;
    align-items: center !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 15px !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #111 !important;
    padding-left: 0 !important;
}

/* =========================================================
   4. ТАБЛИЦА ЗАКАЗА (Order Review)
   ========================================================= */
.woocommerce-checkout table.shop_table {
    border: none !important;
    margin: 0 !important;
}
.woocommerce-checkout table.shop_table th, 
.woocommerce-checkout table.shop_table td {
    border: none !important;
    padding: 10px 0 !important;
}

/* Товар */
.woocommerce-checkout .product-name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333 !important;
}
.woocommerce-checkout .product-total {
    font-weight: 800 !important;
    color: #111 !important;
}

/* Итоговые суммы */
.woocommerce-checkout tr.cart-subtotal td,
.woocommerce-checkout tr.shipping td {
    font-weight: 700 !important;
}
.woocommerce-checkout tr.order-total th,
.woocommerce-checkout tr.order-total td {
    border-top: 1px dashed #e0e0e0 !important;
    padding-top: 15px !important;
    font-size: 18px !important;
    color: #111 !important;
}
.woocommerce-checkout tr.order-total td span {
    color: #FF7913 !important; /* Красная цена */
}

/* =========================================================
   5. ОПЛАТА (Payment)
   ========================================================= */
.woocommerce-checkout #payment {
    background: transparent !important;
}
.woocommerce-checkout #payment ul.payment_methods {
    border: none !important;
    padding: 0 !important;
}
/* Стилизация радио-кнопок оплаты как карточек */
.woocommerce-checkout #payment ul.payment_methods li {
    background: #f7f8fa !important;
    border-radius: 12px !important;
    padding: 15px !important;
    margin-bottom: 10px !important;
    list-style: none !important;
}
.woocommerce-checkout #payment ul.payment_methods li label {
    margin-bottom: 0 !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

/* =========================================================
   6. КНОПКА "ПОДТВЕРДИТЬ ЗАКАЗ" (Sticky Bottom)
   ========================================================= */
.woocommerce-checkout #place_order {
    display: block !important;
    width: 100% !important;
    background: #FF7913 !important; /* Ваш красный */
    color: #fff !important;
    border: none !important;
    border-radius: 16px !important;
    padding: 18px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    margin-top: 20px !important;
    box-shadow: 0 10px 25px rgba(255, 47, 58, 0.3) !important;
    transition: transform 0.2s ease !important;
}

.woocommerce-checkout #place_order:hover {
    background: #e62a34 !important;
    transform: translateY(-2px) !important;
}

/* Sticky эффект на мобильных (кнопка прилипает к низу) */
@media (max-width: 768px) {
    .woocommerce-checkout .form-row.place-order {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        background: #fff !important;
        padding: 15px 20px 25px !important; /* Отступ снизу для iPhone */
        z-index: 9999 !important;
        box-shadow: 0 -5px 20px rgba(0,0,0,0.05) !important;
        border-top: 1px solid #f0f0f0 !important;
        margin: 0 !important;
    }
    .woocommerce-checkout #place_order {
        margin-top: 0 !important;
        box-shadow: none !important;
    }
}
/* =========================================================
   DESKTOP LAYOUT (2 Columns)
   Этот блок сработает только на экранах шире 1000px
   ========================================================= */
@media (min-width: 1000px) {

    /* 1. Расширяем контейнер, чтобы влезали две колонки */
    .woocommerce-checkout #content,
    .woocommerce-checkout .page-content,
    .woocommerce-checkout .entry-content {
        max-width: 1200px !important; /* Ширина как у обычного сайта */
        padding-bottom: 40px !important;
    }

    /* 2. Превращаем форму в сетку (Grid) */
    .woocommerce-checkout form.checkout {
        display: grid !important;
        /* Левая колонка (58%) | Отступ (2%) | Правая колонка (40%) */
        grid-template-columns: 58% 40% !important; 
        gap: 2% !important;
        align-items: start !important; /* Чтобы колонки не растягивались по высоте */
    }

    /* 3. Левая колонка (Адрес и Детали) */
    .woocommerce-checkout #customer_details {
        margin-bottom: 0 !important;
        border-radius: 20px !important;
        /* Если нужно, можно добавить min-height, чтобы выглядело солидно */
    }

    /* 4. Правая колонка (Ваш заказ + Оплата) - делаем ЛИПКОЙ */
    .woocommerce-checkout .checkout-order-review {
        position: sticky !important; /* Блок едет за скроллом */
        top: 120px !important; /* Отступ сверху (чтобы не заезжал под ваш липкий хедер) */
        width: 100% !important;
        margin-top: 0 !important;
    }

    /* Возвращаем кнопку "Подтвердить" в нормальный вид (без фиксации снизу) */
    .woocommerce-checkout .form-row.place-order {
        position: static !important;
        padding: 0 !important;
        box-shadow: none !important;
        border: none !important;
    }
    
    .woocommerce-checkout #place_order {
        margin-top: 20px !important;
        width: 100% !important;
    }

    /* Скрываем уведомление о купоне внутрь левой колонки (опционально) */
    .woocommerce-form-coupon-toggle {
        grid-column: 1 / -1 !important; /* На всю ширину сверху */
        max-width: 58% !important; /* Или ограничить шириной левой колонки */
    }
}

/* =========================================================
   MOBILE TWEAKS (Адаптация для телефона)
   ========================================================= */
@media (max-width: 999px) {
    /* На телефоне возвращаем узкий контейнер для красоты */
    .woocommerce-checkout #content {
        max-width: 600px !important;
    }
    
    /* Форма снова в одну колонку */
    .woocommerce-checkout form.checkout {
        display: block !important;
    }
    
    /* Убеждаемся, что кнопка заказа снова "прилипает" к низу экрана на мобильном */
    .woocommerce-checkout .form-row.place-order {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        background: #fff !important;
        padding: 15px 20px 30px !important; /* 30px для iPhone (safe area) */
        z-index: 999 !important;
        box-shadow: 0 -5px 20px rgba(0,0,0,0.05) !important;
        border-top: 1px solid #f0f0f0 !important;
    }
}
/* =========================================================
   MOBILE FIXES: INPUTS & STICKY BUTTON
   ========================================================= */
@media (max-width: 768px) {

    /* 1. Исправляем сжатые поля (Имя и Фамилия друг под другом) */
    .woocommerce-checkout #billing_first_name_field,
    .woocommerce-checkout #billing_last_name_field,
    .woocommerce-checkout .col-1, 
    .woocommerce-checkout .col-2 {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        clear: both !important;
    }

    /* 2. Убираем лишний текст "Ваши персональные данные..." из липкого блока */
    /* Теперь снизу будет только аккуратная кнопка */
    .woocommerce-checkout .form-row.place-order .woocommerce-privacy-policy-text {
        display: none !important; 
    }
    
    /* Если этот текст очень нужен юридически, можно вынести его выше кнопки, 
       но внутри липкого блока на телефоне он всегда будет мешать. 
       Лучше скрыть его здесь, он обычно есть дублем в подвале сайта. */

    /* 3. Делаем подложку кнопки чуть компактнее */
    .woocommerce-checkout .form-row.place-order {
        padding: 12px 15px 20px !important; /* Отступы для iPhone */
        background: rgba(255, 255, 255, 0.95) !important; /* Чуть прозрачный фон */
        backdrop-filter: blur(10px); /* Размытие фона (Glassmorphism) */
    }
}
/* =========================================================
   MOBILE FIX FINAL (Скриншот фикс)
   Вставьте в самый низ
   ========================================================= */
@media (max-width: 768px) {

    /* 1. ДЕЛАЕМ ПОЛЯ ШИРОКИМИ (Имя и Фамилия друг под другом) */
    .woocommerce-checkout #billing_first_name_field,
    .woocommerce-checkout #billing_last_name_field,
    .woocommerce-checkout .col-1, 
    .woocommerce-checkout .col-2 {
        width: 100% !important;
        float: none !important;
        display: block !important;
        margin-right: 0 !important;
        clear: both !important;
    }

    /* 2. СКРЫВАЕМ ЛИШНИЙ ТЕКСТ В ЛИПКОЙ КНОПКЕ */
    /* Убираем "Ваши персональные данные..." чтобы не перекрывало экран */
    .woocommerce-checkout .form-row.place-order .woocommerce-privacy-policy-text,
    .woocommerce-checkout .form-row.place-order .woocommerce-terms-and-conditions-wrapper {
        display: none !important; 
    }

    /* Настраиваем саму липкую плашку, чтобы была аккуратной */
    .woocommerce-checkout .form-row.place-order {
        padding: 15px 20px 25px !important; /* Отступ под iPhone */
        background: #fff !important;
        border-top: 1px solid #f0f0f0 !important;
        
        /* Фикс ширины, чтобы не вылезало за экран */
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Кнопка на всю ширину */
    .woocommerce-checkout #place_order {
        width: 100% !important;
        margin: 0 !important;
    }

    /* 3. УБИРАЕМ СКРОЛЛ ВБОК (FIX SIDE SCROLL) */
    /* Сбрасываем негативные отступы колонок WooCommerce */
    .woocommerce-checkout .col2-set,
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
    }
}

/* Глобальный запрет на скролл вбок (на всякий случай) */
html, body {
    overflow-x: hidden !important;
    position: relative !important;
}
/* =========================================
   ORDER RECEIVED (FINAL): GRID FIX + NO ADDRESS
   ========================================= */

/* 1. ГЛАВНЫЙ КОНТЕЙНЕР */
.woocommerce-order {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding-bottom: 60px !important;
}

/* 2. ЗЕЛЕНАЯ КАРТОЧКА */
.woocommerce-order .woocommerce-notice.woocommerce-thankyou-order-received {
    background: #ffffff !important;
    border-radius: 20px !important;
    padding: 30px 20px !important;
    text-align: center !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #1d1d1f !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03) !important;
    border: none !important;
    margin-bottom: 30px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.woocommerce-order .woocommerce-notice.woocommerce-thankyou-order-received::before {
    content: '' !important;
    display: block !important;
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2334c759'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* 3. СЕТКА: 4 КОЛОНКИ НА ПК, 2 НА МОБИЛЬНОМ */
/* Убираем псевдо-элементы темы, чтобы не ломали сетку */
.woocommerce-order ul.woocommerce-order-overview::before,
.woocommerce-order ul.woocommerce-order-overview::after,
.woocommerce-order ul.order_details::before,
.woocommerce-order ul.order_details::after {
    content: none !important;
    display: none !important;
}

.woocommerce-order ul.woocommerce-order-overview,
.woocommerce-order ul.order_details {
    display: grid !important;
    /* На ПК 4 колонки */
    grid-template-columns: repeat(4, 1fr) !important; 
    gap: 12px !important;
    
    width: 100% !important;
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

/* СТИЛЬ ЯЧЕЕК */
.woocommerce-order ul.woocommerce-order-overview li,
.woocommerce-order ul.order_details li {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 15px !important;
    
    width: auto !important; 
    float: none !important;
    margin: 0 !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02) !important;
    
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    min-height: 80px !important;
    border-right: 1px solid rgba(0,0,0,0.05) !important; 
}

/* Тексты */
.woocommerce-order ul.woocommerce-order-overview li,
.woocommerce-order ul.order_details li {
    font-size: 12px !important;
    color: #86868b !important;
    text-transform: none !important;
    line-height: 1.3 !important;
}

.woocommerce-order ul.woocommerce-order-overview li strong,
.woocommerce-order ul.order_details li strong {
    font-size: 15px !important;
    font-weight: 800 !important;
    margin-top: 6px !important;
    color: #1d1d1f !important;
    display: block !important;
    line-height: 1.2 !important;
}
.woocommerce-order ul.woocommerce-order-overview li.total strong span,
.woocommerce-order ul.order_details li.total strong span {
    color: #FF7913 !important;
}

/* АДАПТИВНОСТЬ ДЛЯ ТЕЛЕФОНА (2x2) */
@media (max-width: 900px) {
    .woocommerce-order ul.woocommerce-order-overview,
    .woocommerce-order ul.order_details {
        grid-template-columns: repeat(2, 1fr) !important; 
    }
    
    .woocommerce-order ul.woocommerce-order-overview li,
    .woocommerce-order ul.order_details li {
        grid-column: auto !important; 
        width: auto !important;
    }
}

/* 4. ИНФОРМАЦИЯ О ЗАКАЗЕ (Таблица товаров) */
.woocommerce-order .woocommerce-order-details {
    background: #ffffff !important;
    border-radius: 20px !important;
    padding: 25px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03) !important;
    border: 1px solid rgba(0,0,0,0.04) !important;
    margin-bottom: 20px !important;
}

.woocommerce-order h2 {
    font-size: 18px !important;
    font-weight: 800 !important;
    margin-bottom: 20px !important;
    color: #1d1d1f !important;
}

/* Таблица */
.woocommerce-order table.woocommerce-table--order-details {
    border: none !important;
    width: 100% !important;
    margin: 0 !important;
}
.woocommerce-order table.woocommerce-table--order-details thead { display: none !important; }
.woocommerce-order table.woocommerce-table--order-details tbody tr {
    border-bottom: 1px solid #f0f0f0 !important;
    display: flex !important;
    justify-content: space-between !important;
    padding: 12px 0 !important;
}
.woocommerce-order td {
    border: none !important;
    padding: 0 !important;
}
.woocommerce-order td.woocommerce-table__product-name { width: 65% !important; font-weight: 600 !important; color: #1d1d1f !important; }
.woocommerce-order td.woocommerce-table__product-total { width: 35% !important; text-align: right !important; font-weight: 800 !important; color: #1d1d1f !important; }

/* Итоги */
.woocommerce-order table.woocommerce-table--order-details tfoot {
    display: block !important;
    background: #f9f9fa !important;
    border-radius: 16px !important;
    padding: 20px !important;
    margin-top: 20px !important;
}
.woocommerce-order table.woocommerce-table--order-details tfoot tr {
    display: flex !important;
    justify-content: space-between !important;
    padding: 5px 0 !important;
}
.woocommerce-order table.woocommerce-table--order-details tfoot th { font-weight: normal !important; color: #86868b !important; }
.woocommerce-order table.woocommerce-table--order-details tfoot td { font-weight: 700 !important; color: #1d1d1f !important; text-align: right !important; }

/* 5. СКРЫВАЕМ АДРЕСА (ВАШ ЗАПРОС) */
.woocommerce-order .woocommerce-customer-details {
    display: none !important;
}
/* Исправление отображения текста в кнопке корзины (в хедере) */
.pd-cart .elementor-menu-cart__toggle .elementor-button-text {
    display: flex !important;
    flex-direction: column !important; /* Текст в две строки */
    align-items: flex-start !important;
    line-height: 1.2 !important;      /* Расстояние между строками */
    white-space: normal !important;   /* Разрешаем перенос */
    gap: 2px !important;              /* Небольшой отступ между "Корзина:" и суммой */
}

/* Убеждаемся, что сумма (цена) тоже имеет нормальный межстрочный интервал */
.pd-cart .elementor-menu-cart__toggle .woocommerce-Price-amount,
.pd-cart .elementor-menu-cart__toggle .amount {
    line-height: 1.2 !important;
    display: block !important;
}

/* Корректируем отступы самой "капсулы" корзины, если текст стал выше */
.pd-cart .elementor-menu-cart__toggle {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    min-height: 50px !important; /* Увеличиваем высоту, чтобы две строки влезли красиво */
}

/* =========================================================
   PDCF header compact — Brand Pills (Do.Doner style)
   Цвет: #FF7913
   ВСТАВИТЬ В САМЫЙ НИЗ
========================================================= */

.pdcf-header-compact{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  max-width:100% !important;
}

/* Общий стиль пилюли */
.pdcf-header-compact .pdcf-hc-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;

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

  border-radius:999px !important;
  border:1px solid rgba(255,121,19,.35) !important;
  background: rgba(255,121,19,.08) !important;

  color:#FF7913 !important;
  font-weight:800 !important;
  font-size:13px !important;
  line-height:1 !important;

  box-shadow: 0 8px 20px rgba(255,121,19,.20) !important;

  cursor:pointer !important;
  white-space:nowrap !important;
  text-decoration:none !important;

  transition: all .18s ease !important;
}

.pdcf-header-compact .pdcf-hc-chip:hover{
  background: rgba(255,121,19,.15) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 26px rgba(255,121,19,.30) !important;
}

.pdcf-header-compact .pdcf-hc-chip:active{
  transform: translateY(0) !important;
  box-shadow: 0 6px 14px rgba(255,121,19,.22) !important;
}

/* Убираем ключи если есть */
.pdcf-header-compact .pdcf-hc-k{ display:none !important; }

/* Текст */
.pdcf-header-compact .pdcf-hc-v{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
}

/* Иконка-точка слева */
.pdcf-header-compact .pdcf-hc-v::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:#FF7913;
  display:inline-block;
}

/* Разделитель "·" между чипами */
.pdcf-header-compact .pdcf-hc-chip--city::after{
  content:"·";
  display:inline-block;
  margin-left:10px;
  color:#FF7913;
  opacity:.5;
  font-weight:900;
}

/* Моб версия */
@media (max-width:480px){
  .pdcf-header-compact{
    gap:8px !important;
  }
  .pdcf-header-compact .pdcf-hc-chip{
    height:30px !important;
    padding:0 12px !important;
    font-size:12px !important;
  }
}
/* === Hide PDCF bar on checkout === */
body.woocommerce-checkout .pdcf-bar{
  display: none !important;
}
/* ===== Fast-feel UI: shorter, snappier transitions ===== */
:root{
  --ui-dur-fast: 120ms;
  --ui-dur: 160ms;
  --ui-dur-slow: 220ms;

  --ui-ease: cubic-bezier(.2,.8,.2,1);
  --ui-ease-out: cubic-bezier(.16,1,.3,1);
}

/* Ограничиваем transition только на дешёвые свойства */
a, button, input, select, textarea,
.woocommerce a, .woocommerce button,
.elementor-button,
.wc-block-components-button,
.elementor-menu-cart__toggle{
  transition-duration: var(--ui-dur);
  transition-timing-function: var(--ui-ease);
  transition-property: transform, opacity, box-shadow, background-color, color, border-color, filter;
}

/* Быстрая реакция на hover */
@media (hover:hover){
  a:hover, button:hover, .elementor-button:hover{
    transform: translateY(-1px);
  }
}

/* Нажатие — мгновенное и “пружинит” */
a:active, button:active, .elementor-button:active{
  transform: translateY(0) scale(0.98);
  transition-duration: var(--ui-dur-fast);
}

/* Фокус без тяжёлых эффектов */
:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,122,255,.18);
  transition-duration: var(--ui-dur-fast);
}

/* Убираем “тормозные” анимации */
html{
  scroll-behavior: auto; /* smooth-scroll иногда создаёт ощущение лагов */
}

/* Если где-то есть длинные анимации Elementor */
.elementor-animation-float,
.elementor-animation-bob,
.elementor-animation-grow{
  animation-duration: 220ms !important;
}
/* Запрет кликов по товару в мини-корзине Elementor */
.elementor-menu-cart__container .product-thumbnail a,
.elementor-menu-cart__container .product-name a{
  pointer-events: none !important;
  cursor: default !important;
}/* End custom CSS */