/*
Theme Name:   Elessi Child — Ledstri
Description:  Child theme for Elessi (Ledstri store). Custom styles that survive theme updates.
Author:       Ledstri
Template:     elessi-theme
Version:      2.3.0
Text Domain:  elessi-child
*/

/* =============================================================================
   LEDSTRI / FAMILYUA — STRUCTURED STYLE.CSS
   =============================================================================

   Файл сгруппирован навигационными комментариями. Порядок CSS сохранён, потому что
   нижние блоки являются override-слоями и специально перебивают верхние правила.

   Карта файла:
   01. Design Tokens: :root переменные цветов
   02. Global WooCommerce UI: кнопки, цена, бейджи, swatches, timer, stock
   03. Checkout / Cart / CF7: поля, оформление заказа, корзина, формы
   04. Legacy Thank You: старые блоки Thank You, upsell, FAQ, Telegram
   05. Final Thank You Layout: новый desktop/mobile дизайн страницы благодарности
   06. Header/Footer keep visible on Thank You
   07. Mobile Product Card: восстановленный и точный mobile-layer карточки товара
   08. Desktop Product Variants: оформление вариаций на ПК
   09. Simple Product Live Price Fix: цена простого товара на мобильной карточке
   10. One Click Upsell Button State
   11. Thank You FAQ Accordion State

   Править чаще всего:
   - Цвета: :root.
   - Upsell-блок Thank You: .ledstri-thankyou-upsell / .ledstri-upsell-*.
   - Новый Thank You: body.woocommerce-order-received .familyua-final-*.
   - Мобильная карточка товара: body.single-product ... в блоках PRODUCT MOBILE.
   - FAQ accordion: .ledstri-faq-item.is-open.

   Ничего из CSS-логики не удалено; добавлена структура и пояснения.
   ============================================================================= */

/* =============================================
   LEDSTRI × ELESSI — ALL CUSTOM STYLES
   Змінюйте тут — не злітає при оновленнях
   ============================================= */


/* =============================================================================
   01. DESIGN TOKENS / CSS VARIABLES
   Основные цвета и переменные, которые используются ниже.
   ========================================================================== */
:root {
  --accent: #FF4500;
  --accent-light: #FF6B35;
  --green: #22C55E;
  --green-dark: #16A34A;
  --green-light: rgba(34, 197, 94, 0.08);
  --green-shadow: rgba(34, 197, 94, 0.3);
  --brand: #6242ff;
  --brand-light: rgba(98, 66, 255, 0.08);
  --brand-shadow: rgba(98, 66, 255, 0.3);
  --border: #E8E8E8;
  --muted: #888;
  --bg: #FAFAFA;
}


/* =============================================================================
   02. GLOBAL WOOCOMMERCE UI
   Общие стили товара/WooCommerce: кнопки, цена, бейджи, вариации, таймер, остаток.
   ========================================================================== */
/* ── КНОПКА «КУПИТИ» (сторінка товару) ────── */
.single_add_to_cart_button,
.nasa-btn-cart,
button.button.alt {
  background: linear-gradient(135deg, var(--accent), var(--accent-light)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  padding: 16px 24px !important;
  box-shadow: 0 6px 24px rgba(255,69,0,0.35) !important;
  transition: all 0.2s !important;
  letter-spacing: 0.01em !important;
}

.single_add_to_cart_button:hover,
button.button.alt:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 30px rgba(255,69,0,0.45) !important;
}

/* ── STICKY ATC — зелена ──────────────────── */
.nasa-sticky-atc .nasa-btn-cart,
.nasa-sticky-atc button.button {
  background: linear-gradient(135deg, var(--green), var(--green-dark)) !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  box-shadow: 0 4px 16px var(--green-shadow) !important;
  border: none !important;
}

/* ── ЦІНА ────────────────────────────────── */
.woocommerce-Price-amount.amount {
  font-weight: 900 !important;
  color: var(--accent) !important;
}

del .woocommerce-Price-amount.amount {
  color: #BBB !important;
  font-weight: 400 !important;
}

/* Sale badge */
.nasa-label-sale,
.onsale {
  background: var(--accent) !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
}

/* ── НАЗВА ТОВАРУ ────────────────────────── */
.product_title.entry-title {
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
}

/* ── ВАРІАЦІЇ-SWATCHES ───────────────────── */
.nasa-product-attributes .nasa-attr-item,
.variable-items-wrapper .variable-item {
  border: 2px solid var(--border) !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  background: var(--bg) !important;
  transition: all 0.15s !important;
  cursor: pointer !important;
}

.variable-items-wrapper .variable-item.selected,
.variable-items-wrapper .variable-item:hover {
  border-color: var(--accent) !important;
  background: rgba(255,69,0,0.05) !important;
  color: var(--accent) !important;
}

/* ── COUNTDOWN / ТАЙМЕР ──────────────────── */
.nasa-countdown-wrap,
.nasa-product-countdown .ns-countdown-wrap {
  background: #FFF3F0 !important;
  border: 1px solid rgba(255,69,0,0.2) !important;
  border-radius: 10px !important;
  padding: 8px 14px !important;
}

.nasa-countdown .nasa-time-item span,
.ns-countdown-wrap .nasa-time-item span {
  color: var(--accent) !important;
  font-weight: 700 !important;
  font-size: 18px !important;
}

/* ── STOCK BAR ───────────────────────────── */
.nasa-stock-bar-wrap .nasa-stock-bar {
  background: linear-gradient(90deg, var(--accent), var(--accent-light)) !important;
  border-radius: 10px !important;
}

.nasa-stock-text {
  color: var(--accent) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}


/* =============================================================================
   03. CHECKOUT / CART / CONTACT FORM 7
   Поля checkout, кнопка оформления, корзина и CF7.
   ========================================================================== */
/* ── CHECKOUT INPUTS ─────────────────────── */
#main-content form .form-row input.input-text,
#main-content form .form-row textarea,
.woocommerce-checkout .form-row input.input-text {
  border: 1.5px solid var(--border) !important;
  border-radius: 12px !important;
  padding: 14px !important;
  height: auto !important;
  font-size: 15px !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
  background: #fff !important;
}

#main-content form .form-row input.input-text:focus,
.woocommerce-checkout .form-row input.input-text:focus {
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 3px var(--brand-light) !important;
  outline: none !important;
}

/* ── CHECKOUT СЕКЦІЇ ─────────────────────── */
.woocommerce .checkout-group {
  border: 1.5px solid var(--border) !important;
  border-radius: 16px !important;
  padding: 20px 22px 24px !important;
  background: #fff !important;
}

.checkout-group h3 {
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  letter-spacing: -0.01em !important;
  border-bottom: 1.5px solid var(--border) !important;
  padding-bottom: 14px !important;
  margin-bottom: 18px !important;
}

/* ── КНОПКА «ОФОРМИТИ ЗАМОВЛЕННЯ» ────────── */
.woocommerce-checkout .place-order .button,
#place_order {
  background: linear-gradient(135deg, var(--brand), #8B5CF6) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  font-size: 17px !important;
  padding: 18px 24px !important;
  width: 100% !important;
  box-shadow: 0 6px 24px var(--brand-shadow) !important;
  transition: all 0.2s !important;
  cursor: pointer !important;
}

.woocommerce-checkout .place-order .button:hover,
#place_order:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 30px var(--brand-shadow) !important;
}

/* ── МЕТОДИ ОПЛАТИ ───────────────────────── */
.payment_methods li {
  border: 1.5px solid var(--border) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  margin-bottom: 8px !important;
  transition: border-color 0.15s !important;
  background: #fff !important;
}

/* ── КОШИК — КНОПКА CHECKOUT ─────────────── */
.cart_totals .checkout-button,
a.checkout-button.button.wc-forward {
  background: linear-gradient(135deg, var(--brand), #8B5CF6) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  padding: 16px 24px !important;
  box-shadow: 0 6px 24px var(--brand-shadow) !important;
  transition: all 0.2s !important;
}

.cart_totals .order-total td {
  font-weight: 900 !important;
  color: var(--brand) !important;
}

/* ── CF7 ФОРМА ───────────────────────────── */
.wpcf7 {
  background: linear-gradient(135deg, var(--brand-light), rgba(98,66,255,0.02)) !important;
  border: 1.5px solid rgba(98,66,255,0.18) !important;
  border-radius: 16px !important;
  padding: 20px !important;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"] {
  width: 100% !important;
  padding: 14px !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  margin-bottom: 10px !important;
  display: block !important;
  background: #fff !important;
  outline: none !important;
  -webkit-appearance: none !important;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="email"]:focus {
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 3px var(--brand-light) !important;
}

.wpcf7 input[type="submit"],
.wpcf7 .wpcf7-submit {
  width: 100% !important;
  background: linear-gradient(135deg, var(--brand), #8B5CF6) !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  border: none !important;
  border-radius: 14px !important;
  padding: 16px !important;
  cursor: pointer !important;
  box-shadow: 0 6px 20px var(--brand-shadow) !important;
  -webkit-appearance: none !important;
}

.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
  background: #DCFCE7 !important;
  color: #166534 !important;
  border: 1px solid #86EFAC !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  margin-top: 10px !important;
  font-weight: 600 !important;
}


/* =============================================================================
   04. LEGACY THANK YOU PAGE
   Старые thank-you стили. Они оставлены для совместимости, ниже есть финальный override.
   ========================================================================== */
/* ── THANK YOU PAGE ──────────────────────── */
.nasa-order-received {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding-bottom: 60px !important;
}

.nasa-order-received .woocommerce-thankyou-order-received {
  max-width: 720px !important;
  margin: 0 auto 18px !important;
  font-size: clamp(22px, 3vw, 34px) !important;
  font-weight: 900 !important;
  color: #111 !important;
  text-align: center !important;
  letter-spacing: -0.02em !important;
}

.familyua-thankyou-hero {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px 20px;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin: 22px 0 24px;
  padding: 26px;
  border: 1.5px solid rgba(34, 197, 94, 0.22);
  border-radius: 22px;
  background:
    radial-gradient(circle at 12% 12%, rgba(34, 197, 94, 0.16), transparent 34%),
    linear-gradient(135deg, #F0FDF4 0%, #FFFFFF 58%, #FFF7ED 100%);
  box-shadow: 0 18px 50px rgba(17, 24, 39, 0.08);
}

.familyua-thankyou-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--green), var(--green-dark));
  color: #fff;
  font-size: 34px;
  font-weight: 900;
  box-shadow: 0 12px 30px var(--green-shadow);
}

.familyua-thankyou-kicker {
  margin: 0 0 6px;
  color: var(--green-dark);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.familyua-thankyou-main h2 {
  margin: 0 0 8px;
  color: #111;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 950;
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.familyua-thankyou-main p:last-child {
  max-width: 620px;
  margin: 0;
  color: #555;
  font-size: 15px;
  line-height: 1.55;
}

.familyua-thankyou-summary {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.familyua-thankyou-summary div {
  padding: 14px;
  border: 1px solid rgba(34, 197, 94, 0.16);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.76);
}

.familyua-thankyou-summary span {
  display: block;
  margin-bottom: 4px;
  color: #777;
  font-size: 12px;
  font-weight: 700;
}

.familyua-thankyou-summary strong {
  display: block;
  color: #111;
  font-size: 16px;
  font-weight: 900;
}

.familyua-thankyou-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 24px;
}

.familyua-thankyou-steps article {
  padding: 18px;
  border: 1.5px solid var(--border);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(17, 24, 39, 0.04);
}

.familyua-thankyou-steps span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-bottom: 10px;
  border-radius: 50%;
  background: var(--green-light);
  color: var(--green-dark);
  font-weight: 900;
}

.familyua-thankyou-steps h3 {
  margin: 0 0 6px;
  color: #111;
  font-size: 15px;
  font-weight: 900;
}

.familyua-thankyou-steps p {
  margin: 0;
  color: #555;
  font-size: 13px;
  line-height: 1.55;
}

.woocommerce-table--order-details {
  border: 1.5px solid var(--border) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

.woocommerce-table--order-details tfoot tr:last-child td > .amount {
  color: var(--green) !important;
  font-size: 150% !important;
  font-weight: 900 !important;
}


/* =============================================================================
   04.2. THANK YOU UPSELL / FAQ / TELEGRAM LEGACY COMPONENTS
   Блоки после заказа: персональная акционная пропозиция, FAQ, Telegram.
   ========================================================================== */
/* ── UPSELL БЛОК (thank you) ─────────────── */
.ledstri-thankyou-upsell {
  background: linear-gradient(135deg, #FFFBEB, #FFF7ED);
  border: 1.5px solid #FED7AA;
  border-radius: 16px;
  padding: 20px 22px;
  margin: 24px 0;
}

.ledstri-upsell-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.ledstri-upsell-icon { font-size: 28px; }

.ledstri-upsell-header h3 {
  font-size: 16px;
  font-weight: 800;
  margin: 0 0 2px;
  text-transform: none;
  letter-spacing: normal;
  border: none;
  padding: 0;
}

.ledstri-upsell-header p {
  font-size: 13px;
  color: #888;
  margin: 0;
}

.ledstri-upsell-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.ledstri-upsell-item {
  background: #fff;
  border-radius: 12px;
  padding: 14px 10px;
  text-align: center;
  border: 1px solid #FED7AA;
}

.ledstri-upsell-item img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 8px;
  margin-bottom: 8px;
  display: block;
}

.ledstri-upsell-name {
  font-size: 12px;
  font-weight: 700;
  color: #111;
  margin-bottom: 4px;
  line-height: 1.3;
}

.ledstri-upsell-price {
  margin-bottom: 8px;
}

.ledstri-upsell-price .woocommerce-Price-amount {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #F97316 !important;
}

.ledstri-upsell-btn {
  display: block;
  border: 1.5px solid var(--green);
  border-radius: 8px;
  padding: 8px;
  font-weight: 700;
  font-size: 13px;
  color: var(--green);
  text-decoration: none;
  background: #fff;
  transition: all 0.15s;
  cursor: pointer;
}

.ledstri-upsell-btn:hover {
  background: var(--green);
  color: #fff !important;
}

/* ── FAQ БЛОК (thank you) ─────────────────── */
.ledstri-thankyou-faq {
  margin: 24px 0;
}

.ledstri-thankyou-faq > h3 {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 14px;
  text-transform: none;
  border: none;
  padding: 0;
}

.ledstri-faq-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.ledstri-faq-item {
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: 14px;
  padding: 18px;
}

.ledstri-faq-icon {
  width: 40px;
  height: 40px;
  background: var(--green-light);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-bottom: 10px;
}

.ledstri-faq-item h4 {
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 6px;
}

.ledstri-faq-item p {
  font-size: 13px;
  color: #555;
  line-height: 1.55;
  margin: 0;
}

/* ── TELEGRAM CTA (thank you) ────────────── */
.ledstri-thankyou-tg {
  display: flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(135deg, #F0FDF4, #ECFDF5);
  border: 1.5px solid #BBF7D0;
  border-radius: 14px;
  padding: 16px 20px;
  margin: 24px 0;
  font-size: 14px;
  flex-wrap: wrap;
}

.ledstri-tg-icon { font-size: 22px; flex-shrink: 0; }
.ledstri-thankyou-tg a { color: #0088CC; font-weight: 800; text-decoration: none; }
.ledstri-tg-thanks { margin-left: auto; color: #888; font-size: 13px; }

/* ── МОБІЛЬНІ ФІКСИ ──────────────────────── */
@media (max-width: 767px) {
  #billing_phone_field,
  #billing_first_name_field,
  #billing_email_field,
  #billing_last_name_field {
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    float: none !important;
    clear: both !important;
  }

  .woocommerce-checkout .place-order .button,
  #place_order {
    position: sticky !important;
    bottom: 16px !important;
    z-index: 50 !important;
    font-size: 16px !important;
  }

  .ledstri-faq-grid {
    grid-template-columns: 1fr;
  }

  .familyua-thankyou-hero {
    grid-template-columns: 1fr;
    padding: 20px;
    border-radius: 18px;
    text-align: center;
  }

  .familyua-thankyou-icon {
    margin: 0 auto;
  }

  .familyua-thankyou-summary,
  .familyua-thankyou-steps {
    grid-template-columns: 1fr;
  }

  .ledstri-tg-thanks { display: none; }
}



/* =============================================================================
   05. FINAL THANK YOU PAGE LAYOUT
   Главный актуальный дизайн страницы благодарности. Состоит из desktop и mobile override.
   Не переносить выше legacy-стилей: он должен перебивать их.
   ========================================================================== */

/* =============================================================================
   FAMILYUA — FINAL THANK YOU PAGE: DESKTOP + MOBILE
   Вставлено последним блоком, чтобы перебить стили Elessi/WooCommerce.
   ========================================================================== */

.familyua-final-thankyou {
  display: none !important;
}

@media (min-width: 768px) {
  body.woocommerce-order-received {
    background: #F5F7FA !important;
    overflow-x: hidden !important;
  }

  body.woocommerce-order-received #header-content,
  body.woocommerce-order-received .header-wrapper,
  body.woocommerce-order-received #nasa-footer,
  body.woocommerce-order-received .footer-wrapper,
  body.woocommerce-order-received footer,
  body.woocommerce-order-received .order-steps,
  body.woocommerce-order-received .checkout-breadcrumb,
  body.woocommerce-order-received .woocommerce-thankyou-order-received,
  body.woocommerce-order-received .woocommerce-thankyou-order-details,
  body.woocommerce-order-received .woocommerce-customer-details,
  body.woocommerce-order-received .familyua-thankyou-hero,
  body.woocommerce-order-received .familyua-thankyou-steps,
  body.woocommerce-order-received .woocommerce-order-details,
  body.woocommerce-order-received .nasa-order-received-left,
  body.woocommerce-order-received .nasa-warper-order > p:first-child {
    display: none !important;
  }

  body.woocommerce-order-received #main-content,
  body.woocommerce-order-received .container-wrap.page-checkout {
    width: 100% !important;
    max-width: none !important;
    padding: 0 0 60px !important;
    margin: 0 !important;
    background: #F5F7FA !important;
  }

  body.woocommerce-order-received .row.checkout-data,
  body.woocommerce-order-received #content,
  body.woocommerce-order-received .woocommerce,
  body.woocommerce-order-received .woocommerce-order,
  body.woocommerce-order-received .row.nasa-order-received,
  body.woocommerce-order-received .nasa-order-received-right,
  body.woocommerce-order-received .nasa-warper-order {
    width: 100% !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    float: none !important;
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.woocommerce-order-received .familyua-final-thankyou {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
  }

  body.woocommerce-order-received .familyua-final-hero {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    background: #fff !important;
    border-bottom: 1px solid #F0F0F0 !important;
    overflow: hidden !important;
  }

  body.woocommerce-order-received .familyua-final-hero-inner {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 42px 20px 30px !important;
    text-align: center !important;
  }

  body.woocommerce-order-received .familyua-final-check {
    width: 80px !important;
    height: 80px !important;
    margin: 0 auto 18px !important;
    border-radius: 50% !important;
    background: #22C55E !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 42px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-shadow: 0 0 0 12px rgba(34,197,94,0.08) !important;
  }

  body.woocommerce-order-received .familyua-final-hero h1,
  body.woocommerce-order-received .familyua-final-hero h2 {
    margin: 0 !important;
    font-size: 40px !important;
    font-weight: 900 !important;
    letter-spacing: -0.03em !important;
    line-height: 1.1 !important;
  }

  body.woocommerce-order-received .familyua-final-hero h1 { color: #111 !important; margin-bottom: 4px !important; }
  body.woocommerce-order-received .familyua-final-hero h2 { color: #22C55E !important; }

  body.woocommerce-order-received .familyua-final-progress {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 20px 0 0 !important;
    margin: 0 !important;
    gap: 0 !important;
  }

  body.woocommerce-order-received .familyua-final-step {
    width: 100px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
  }

  body.woocommerce-order-received .familyua-final-step span {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: #F0F0F0 !important;
    border: 2px solid #DDD !important;
    color: #AAA !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    font-weight: 800 !important;
  }

  body.woocommerce-order-received .familyua-final-step.is-done span {
    background: #22C55E !important;
    border-color: #22C55E !important;
    color: #fff !important;
  }

  body.woocommerce-order-received .familyua-final-step strong {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #AAA !important;
    line-height: 1.2 !important;
  }

  body.woocommerce-order-received .familyua-final-step.is-done strong { color: #111 !important; }
  body.woocommerce-order-received .familyua-final-step.is-active strong { font-weight: 800 !important; }

  body.woocommerce-order-received .familyua-final-progress > i {
    display: block !important;
    width: 40px !important;
    height: 2px !important;
    margin-top: 21px !important;
    background: #E0E0E0 !important;
  }

  body.woocommerce-order-received .familyua-final-progress > i.is-done { background: #22C55E !important; }

  body.woocommerce-order-received .familyua-final-main { width: 100% !important; padding: 28px 0 0 !important; }
  body.woocommerce-order-received .familyua-final-cards {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 18px !important;
    margin-bottom: 20px !important;
  }

  body.woocommerce-order-received .familyua-final-card {
    background: #fff !important;
    border: 1.5px solid #E8E8E8 !important;
    border-radius: 16px !important;
    padding: 20px 24px !important;
    box-shadow: none !important;
  }

  body.woocommerce-order-received .familyua-final-card-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
  }

  body.woocommerce-order-received .familyua-final-card-head h3 {
    margin: 0 !important;
    color: #111 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  body.woocommerce-order-received .familyua-final-card-head span {
    color: #888 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
  }

  body.woocommerce-order-received .familyua-final-info-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid #F5F5F5 !important;
  }

  body.woocommerce-order-received .familyua-final-info-icon { width: 20px !important; flex: 0 0 20px !important; text-align: center !important; font-size: 16px !important; }
  body.woocommerce-order-received .familyua-final-info-label { min-width: 65px !important; color: #888 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.4 !important; }
  body.woocommerce-order-received .familyua-final-info-row strong { color: #111 !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.4 !important; }

  body.woocommerce-order-received .familyua-final-edit-btn {
    display: block !important;
    width: 100% !important;
    margin-top: 16px !important;
    padding: 12px !important;
    border: 1.5px solid #22C55E !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #22C55E !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }

  body.woocommerce-order-received .familyua-final-product {
    display: grid !important;
    grid-template-columns: 70px 1fr auto !important;
    gap: 12px !important;
    align-items: center !important;
    padding-bottom: 14px !important;
    margin-bottom: 14px !important;
    border-bottom: 1.5px solid #F0F0F0 !important;
  }

  body.woocommerce-order-received .familyua-final-product-image {
    width: 70px !important;
    height: 70px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #F5F5F5 !important;
    border: 1px solid #EEE !important;
  }

  body.woocommerce-order-received .familyua-final-product-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  body.woocommerce-order-received .familyua-final-product-name strong { display: block !important; color: #111 !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.3 !important; margin-bottom: 4px !important; }
  body.woocommerce-order-received .familyua-final-product-name span { color: #888 !important; font-size: 13px !important; }
  body.woocommerce-order-received .familyua-final-product-price { color: #111 !important; font-size: 15px !important; font-weight: 800 !important; white-space: nowrap !important; }

  body.woocommerce-order-received .familyua-final-total-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 6px 0 !important;
    color: #888 !important;
    font-size: 13px !important;
    border-bottom: 1px solid #F5F5F5 !important;
  }

  body.woocommerce-order-received .familyua-final-total-row strong { color: #111 !important; font-size: 13px !important; font-weight: 800 !important; }
  body.woocommerce-order-received .familyua-final-total-row strong.is-green { color: #22C55E !important; }
  body.woocommerce-order-received .familyua-final-total-row.is-final { border-bottom: 0 !important; padding-top: 14px !important; color: #111 !important; font-size: 15px !important; font-weight: 800 !important; }
  body.woocommerce-order-received .familyua-final-total-row.is-final strong,
  body.woocommerce-order-received .familyua-final-total-row.is-final .woocommerce-Price-amount { color: #22C55E !important; font-size: 26px !important; font-weight: 900 !important; line-height: 1 !important; }
}

@media (max-width: 767px) {
  body.woocommerce-order-received {
    background: #ffffff !important;
    overflow-x: hidden !important;
  }

  body.woocommerce-order-received #header-content,
  body.woocommerce-order-received .header-wrapper,
  body.woocommerce-order-received #nasa-footer,
  body.woocommerce-order-received .footer-wrapper,
  body.woocommerce-order-received footer,
  body.woocommerce-order-received .order-steps,
  body.woocommerce-order-received .checkout-breadcrumb,
  body.woocommerce-order-received .nasa-order-received-left,
  body.woocommerce-order-received .familyua-thankyou-hero,
  body.woocommerce-order-received .familyua-thankyou-steps,
  body.woocommerce-order-received .woocommerce-order-details,
  body.woocommerce-order-received .woocommerce-customer-details,
  body.woocommerce-order-received .woocommerce-thankyou-order-received,
  body.woocommerce-order-received .woocommerce-thankyou-order-details,
  body.woocommerce-order-received .nasa-warper-order > p:first-child {
    display: none !important;
  }

  body.woocommerce-order-received #main-content,
  body.woocommerce-order-received .container-wrap.page-checkout {
    background: #ffffff !important;
    padding: 0 0 28px !important;
    margin: 0 !important;
  }

  body.woocommerce-order-received .row.checkout-data {
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 auto !important;
    padding: 0 14px !important;
  }

  body.woocommerce-order-received #content,
  body.woocommerce-order-received .woocommerce,
  body.woocommerce-order-received .woocommerce-order,
  body.woocommerce-order-received .row.nasa-order-received,
  body.woocommerce-order-received .nasa-order-received-right,
  body.woocommerce-order-received .nasa-order-received-right > .nasa-warper-order {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.woocommerce-order-received .familyua-final-thankyou {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.woocommerce-order-received .familyua-final-hero {
    position: relative !important;
    width: calc(100% + 28px) !important;
    margin: 0 -14px 16px !important;
    padding: 28px 14px 16px !important;
    background: #fff !important;
    text-align: center !important;
    overflow: hidden !important;
    border-bottom: 1px solid #EFEFEF !important;
  }

  body.woocommerce-order-received .familyua-final-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background-image:
      radial-gradient(circle at 10% 18%, #60A5FA 0 2px, transparent 3px),
      radial-gradient(circle at 18% 28%, #FCA5A5 0 2px, transparent 3px),
      radial-gradient(circle at 32% 15%, #BBF7D0 0 2px, transparent 3px),
      radial-gradient(circle at 44% 32%, #FDE68A 0 2px, transparent 3px),
      radial-gradient(circle at 58% 20%, #C4B5FD 0 2px, transparent 3px),
      radial-gradient(circle at 72% 30%, #86EFAC 0 2px, transparent 3px),
      radial-gradient(circle at 86% 18%, #93C5FD 0 2px, transparent 3px),
      radial-gradient(circle at 14% 70%, #FCA5A5 0 2px, transparent 3px),
      radial-gradient(circle at 30% 82%, #FDE68A 0 2px, transparent 3px),
      radial-gradient(circle at 50% 74%, #93C5FD 0 2px, transparent 3px),
      radial-gradient(circle at 68% 86%, #C4B5FD 0 2px, transparent 3px),
      radial-gradient(circle at 88% 74%, #BBF7D0 0 2px, transparent 3px) !important;
    opacity: 0.9 !important;
    pointer-events: none !important;
  }

  body.woocommerce-order-received .familyua-final-hero-inner { position: relative !important; z-index: 1 !important; max-width: 430px !important; margin: 0 auto !important; padding: 0 !important; }
  body.woocommerce-order-received .familyua-final-check { width: 72px !important; height: 72px !important; margin: 0 auto 12px !important; border-radius: 50% !important; background: #22C55E !important; color: #fff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 38px !important; font-weight: 900 !important; line-height: 1 !important; box-shadow: 0 0 0 10px rgba(34,197,94,0.10) !important; }
  body.woocommerce-order-received .familyua-final-hero h1,
  body.woocommerce-order-received .familyua-final-hero h2 { margin: 0 !important; padding: 0 !important; font-size: 22px !important; font-weight: 900 !important; line-height: 1.08 !important; letter-spacing: -0.03em !important; }
  body.woocommerce-order-received .familyua-final-hero h1 { color: #111 !important; margin-bottom: 6px !important; }
  body.woocommerce-order-received .familyua-final-hero h2 { color: #22C55E !important; }

  body.woocommerce-order-received .familyua-final-progress { display: flex !important; align-items: flex-start !important; justify-content: center !important; padding: 16px 0 0 !important; margin: 0 !important; gap: 0 !important; }
  body.woocommerce-order-received .familyua-final-step { width: 70px !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 6px !important; }
  body.woocommerce-order-received .familyua-final-step span { width: 40px !important; height: 40px !important; border-radius: 50% !important; background: #F1F1F1 !important; border: 2px solid #E0E0E0 !important; color: #A3A3A3 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1 !important; }
  body.woocommerce-order-received .familyua-final-step.is-done span { background: #22C55E !important; border-color: #22C55E !important; color: #fff !important; }
  body.woocommerce-order-received .familyua-final-step strong { color: #9CA3AF !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.2 !important; white-space: nowrap !important; }
  body.woocommerce-order-received .familyua-final-step.is-done strong { color: #111 !important; }
  body.woocommerce-order-received .familyua-final-step.is-active strong { font-weight: 800 !important; }
  body.woocommerce-order-received .familyua-final-progress > i { display: block !important; width: 28px !important; height: 2px !important; flex: 0 0 28px !important; margin-top: 19px !important; background: #E5E7EB !important; }
  body.woocommerce-order-received .familyua-final-progress > i.is-done { background: #22C55E !important; }

  body.woocommerce-order-received .familyua-final-main,
  body.woocommerce-order-received .familyua-final-cards { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }

  body.woocommerce-order-received .familyua-final-card { background: #fff !important; border: 1px solid #E5E7EB !important; border-radius: 16px !important; padding: 16px !important; margin: 0 0 14px !important; box-shadow: none !important; }
  body.woocommerce-order-received .familyua-final-card-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin-bottom: 14px !important; }
  body.woocommerce-order-received .familyua-final-card-head h3 { margin: 0 !important; color: #111 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.2 !important; }
  body.woocommerce-order-received .familyua-final-card-head span { color: #888 !important; font-size: 13px !important; font-weight: 500 !important; white-space: nowrap !important; }

  body.woocommerce-order-received .familyua-final-info-row { display: grid !important; grid-template-columns: 24px 62px 1fr !important; align-items: center !important; gap: 8px !important; padding: 10px 0 !important; border-bottom: 1px solid #F0F0F0 !important; }
  body.woocommerce-order-received .familyua-final-info-icon { width: 24px !important; text-align: center !important; font-size: 18px !important; line-height: 1 !important; }
  body.woocommerce-order-received .familyua-final-info-label { color: #8A8A8A !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.3 !important; }
  body.woocommerce-order-received .familyua-final-info-row strong { color: #111 !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.35 !important; }
  body.woocommerce-order-received .familyua-final-edit-btn { display: block !important; width: 100% !important; margin-top: 16px !important; padding: 13px 12px !important; border: 1.5px solid #22C55E !important; border-radius: 12px !important; background: #fff !important; color: #22C55E !important; text-align: center !important; font-size: 14px !important; font-weight: 800 !important; text-decoration: none !important; }

  body.woocommerce-order-received .familyua-final-product { display: grid !important; grid-template-columns: 62px 1fr auto !important; gap: 12px !important; align-items: center !important; padding: 2px 0 14px !important; margin: 0 0 12px !important; border-bottom: 1px solid #EFEFEF !important; }
  body.woocommerce-order-received .familyua-final-product-image { width: 62px !important; height: 62px !important; border-radius: 8px !important; overflow: hidden !important; background: #F3F4F6 !important; }
  body.woocommerce-order-received .familyua-final-product-image img { width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; }
  body.woocommerce-order-received .familyua-final-product-name strong { display: block !important; color: #111 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.25 !important; margin: 0 0 4px !important; }
  body.woocommerce-order-received .familyua-final-product-name span { color: #888 !important; font-size: 13px !important; }
  body.woocommerce-order-received .familyua-final-product-price { color: #111 !important; font-size: 16px !important; font-weight: 900 !important; white-space: nowrap !important; }

  body.woocommerce-order-received .familyua-final-total-row { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; padding: 7px 0 !important; border-bottom: 1px solid #F1F1F1 !important; color: #8A8A8A !important; font-size: 13px !important; }
  body.woocommerce-order-received .familyua-final-total-row strong { color: #111 !important; font-size: 13px !important; font-weight: 900 !important; }
  body.woocommerce-order-received .familyua-final-total-row strong.is-green { color: #22C55E !important; }
  body.woocommerce-order-received .familyua-final-total-row.is-final { border-bottom: 0 !important; padding-top: 14px !important; color: #111 !important; font-size: 15px !important; font-weight: 900 !important; }
  body.woocommerce-order-received .familyua-final-total-row.is-final strong,
  body.woocommerce-order-received .familyua-final-total-row.is-final .woocommerce-Price-amount { color: #22C55E !important; font-size: 26px !important; font-weight: 900 !important; line-height: 1 !important; }

  body.woocommerce-order-received .ledstri-thankyou-upsell { background: #FFF9ED !important; border: 1.5px solid #FDBA74 !important; border-radius: 16px !important; padding: 14px !important; margin: 0 0 14px !important; box-shadow: none !important; }
  body.woocommerce-order-received .ledstri-upsell-header { display: flex !important; align-items: flex-start !important; gap: 8px !important; margin: 0 0 12px !important; }
  body.woocommerce-order-received .ledstri-upsell-icon { font-size: 22px !important; line-height: 1 !important; }
  body.woocommerce-order-received .ledstri-upsell-header h3 { font-size: 15px !important; font-weight: 900 !important; line-height: 1.15 !important; margin: 0 0 2px !important; color: #111 !important; }
  body.woocommerce-order-received .ledstri-upsell-header p { font-size: 12px !important; color: #9A9A9A !important; line-height: 1.25 !important; margin: 0 !important; }
  body.woocommerce-order-received .ledstri-upsell-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; }
  body.woocommerce-order-received .ledstri-upsell-item { background: #fff !important; border: 1px solid #FDBA74 !important; border-radius: 10px !important; padding: 9px 8px !important; text-align: center !important; box-shadow: none !important; transform: none !important; min-width: 0 !important; }
  body.woocommerce-order-received .ledstri-upsell-item img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; object-fit: contain !important; border-radius: 6px !important; margin: 0 0 8px !important; background: #F4F4F4 !important; }
  body.woocommerce-order-received .ledstri-upsell-name { color: #111 !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; min-height: 29px !important; margin: 0 0 5px !important; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; }
  body.woocommerce-order-received .ledstri-upsell-price { margin: 0 0 8px !important; line-height: 1.1 !important; }
  body.woocommerce-order-received .ledstri-upsell-price ins .amount,
  body.woocommerce-order-received .ledstri-upsell-price .woocommerce-Price-amount { color: #F97316 !important; font-size: 13px !important; font-weight: 900 !important; }
  body.woocommerce-order-received .ledstri-upsell-price del { display: none !important; }
  body.woocommerce-order-received .ledstri-upsell-btn { display: block !important; width: 100% !important; min-height: 26px !important; padding: 6px 4px !important; border: 1.2px solid #22C55E !important; border-radius: 8px !important; background: #fff !important; color: #22C55E !important; box-shadow: none !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.1 !important; text-decoration: none !important; }

  body.woocommerce-order-received .ledstri-thankyou-faq { background: #fff !important; border: 1px solid #E5E7EB !important; border-radius: 16px !important; overflow: hidden !important; padding: 0 !important; margin: 0 0 14px !important; }
  body.woocommerce-order-received .ledstri-thankyou-faq > h3 { font-size: 15px !important; font-weight: 900 !important; color: #111 !important; margin: 0 !important; padding: 16px !important; border-bottom: 1px solid #EFEFEF !important; }
  body.woocommerce-order-received .ledstri-faq-grid { display: block !important; margin: 0 !important; padding: 0 !important; }
  body.woocommerce-order-received .ledstri-faq-item { display: grid !important; grid-template-columns: 34px 1fr 16px !important; align-items: center !important; gap: 10px !important; background: #fff !important; border: 0 !important; border-bottom: 1px solid #EFEFEF !important; border-radius: 0 !important; padding: 14px 16px !important; box-shadow: none !important; }
  body.woocommerce-order-received .ledstri-faq-item::after { content: "⌄" !important; color: #B5B5B5 !important; font-size: 16px !important; }
  body.woocommerce-order-received .ledstri-faq-icon { width: 34px !important; height: 34px !important; margin: 0 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #F0FDF4 !important; font-size: 17px !important; border: 0 !important; }
  body.woocommerce-order-received .ledstri-faq-item h4 { margin: 0 !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.2 !important; color: #111 !important; }
  body.woocommerce-order-received .ledstri-faq-item p { display: none !important; }

  body.woocommerce-order-received .ledstri-thankyou-tg { position: relative !important; display: grid !important; grid-template-columns: 30px 1fr !important; gap: 10px !important; align-items: center !important; background: #fff !important; border: 1px solid #E5E7EB !important; border-radius: 16px !important; padding: 14px 16px !important; margin: 0 0 46px !important; box-shadow: none !important; color: #555 !important; font-size: 13px !important; line-height: 1.35 !important; text-align: left !important; }
  body.woocommerce-order-received .ledstri-tg-icon { font-size: 24px !important; line-height: 1 !important; }
  body.woocommerce-order-received .ledstri-thankyou-tg a { color: #0088CC !important; font-weight: 900 !important; text-decoration: none !important; }
  body.woocommerce-order-received .ledstri-tg-thanks { position: absolute !important; left: 0 !important; right: 0 !important; bottom: -34px !important; margin: 0 !important; display: block !important; text-align: center !important; color: #9A9A9A !important; font-size: 13px !important; }
}



/* =============================================================================
   06. THANK YOU HEADER / FOOTER VISIBILITY
   Возвращает шапку и футер после скрытия технических блоков thank-you.
   ========================================================================== */

/* =============================================================================
   FAMILYUA — KEEP HEADER AND FOOTER ON THANK YOU PAGE
   Шапка и футер остаются на ПК и мобильной версии.
   ========================================================================== */
body.woocommerce-order-received #header-content,
body.woocommerce-order-received .header-wrapper,
body.woocommerce-order-received .nasa-header-wrapper,
body.woocommerce-order-received .nasa-header-mobile-layout,
body.woocommerce-order-received #nasa-footer,
body.woocommerce-order-received .footer-wrapper,
body.woocommerce-order-received footer {
  display: revert !important;
  visibility: visible !important;
  opacity: 1 !important;
}


/* =============================================================================
   07. PRODUCT PAGE — MOBILE CARD LAYERS
   Mobile-only стили карточки товара. Ниже идут несколько override-слоёв V2/V3/V4/V5.
   Порядок важен: поздние версии уточняют ранние.
   ========================================================================== */

/* =============================================================================
   FAMILYUA — MOBILE PRODUCT CARD RESTORE
   Важно: все селекторы привязаны к body.single-product и не влияют на thank-you.
   ========================================================================== */

body.single-product .familyua-product-app-header,
body.single-product .familyua-standard-in-cart,
body.single-product .familyua-countdown,
body.single-product .familyua-mobile-stock,
body.single-product .familyua-after-variants,
body.single-product .familyua-delivery-card {
  display: none;
}

body.single-product .nasa-single-product-price,
body.single-product .nasa-single-product-price ins,
body.single-product .woocommerce-variation-price .price,
body.single-product .woocommerce-variation-price ins {
  color: #d6423a !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body.single-product .nasa-single-product-price del,
body.single-product .woocommerce-variation-price del {
  color: #9a9a9a !important;
  font-weight: 500 !important;
  opacity: .75 !important;
}

@media (max-width: 767px) {
  body.single-product .single_add_to_cart_button,
  body.single-product .nasa-btn-cart,
  body.single-product .nasa-fixed-product-btn .single_add_to_cart_button {
    border: 0 !important;
    border-radius: 14px !important;
    background: #111 !important;
    color: #fff !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
  }
}

@media (max-width: 767px) {
  body.single-product {
    background: #f5f5f5 !important;
    overflow-x: hidden !important;
  }

  body.single-product #main-content,
  body.single-product .container-wrap,
  body.single-product .product-page,
  body.single-product .nasa-ajax-store-wrapper,
  body.single-product .nasa-ajax-store-content,
  body.single-product .product.type-product {
    max-width: 430px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  body.single-product .products-arrow,
  body.single-product .nasa-last-sold,
  body.single-product .nasa-badges-wrap .hot-label,
  body.single-product .nasa-badges-wrap .deal-label,
  body.single-product .reset_variations,
  body.single-product .nasa-single-product-share,
  body.single-product .product_meta,
  body.single-product .countdown-label.nasa-detail-product-deal-countdown-label,
  body.single-product .nasa-detail-product-deal-countdown.nasa-product-variation-countdown {
    display: none !important;
  }

  body.single-product .nasa-product-details-page,
  body.single-product .focus-info,
  body.single-product .product-gallery,
  body.single-product .product-info,
  body.single-product .entry-summary {
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: #fff !important;
  }

  body.single-product .product-gallery {
    float: none !important;
    padding: 0 !important;
  }

  body.single-product .woocommerce-product-gallery,
  body.single-product .product-images-slider,
  body.single-product .nasa-main-wrap,
  body.single-product .nasa-main-image-default-wrap,
  body.single-product .nasa-item-main-image-wrap,
  body.single-product .easyzoom,
  body.single-product .woocommerce-product-gallery__image {
    background: #f8f8f8 !important;
  }

  body.single-product .nasa-item-main-image-wrap img,
  body.single-product .woocommerce-product-gallery__image img,
  body.single-product .product-gallery img {
    display: block !important;
    width: 100% !important;
    max-height: 520px !important;
    object-fit: contain !important;
  }

  body.single-product .nasa-single-product-thumbnails {
    padding: 10px 12px !important;
    background: #fff !important;
  }

  body.single-product .nasa-wrap-item-thumb img {
    border-radius: 8px !important;
  }

  body.single-product .product-info,
  body.single-product .entry-summary {
    float: none !important;
    padding: 16px 18px 96px !important;
    box-sizing: border-box !important;
  }

  body.single-product .product-info .nasa-product-info-wrap {
    padding: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  body.single-product .familyua-standard-in-cart {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 12px !important;
    color: #333 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
  }

  body.single-product .familyua-standard-in-cart .last-sold-img {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    min-width: 20px !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  body.single-product .product-info .product_title.entry-title,
  body.single-product .entry-summary .product_title.entry-title {
    margin: 0 0 8px !important;
    color: #111 !important;
    font-size: 20px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
  }

  body.single-product .woocommerce-product-rating {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 12px !important;
    line-height: 1 !important;
  }

  body.single-product .woocommerce-product-rating .star-rating {
    margin: 0 !important;
    color: #ffc107 !important;
  }

  body.single-product .woocommerce-product-rating .woocommerce-review-link {
    display: none !important;
  }

  body.single-product .nasa-single-product-price {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
    line-height: 1 !important;
  }

  body.single-product .nasa-single-product-price ins .amount,
  body.single-product .nasa-single-product-price > .amount,
  body.single-product .nasa-single-product-price .woocommerce-Price-amount {
    color: #ff5c5c !important;
    font-size: 30px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  body.single-product .nasa-single-product-price del .amount {
    color: #bdbdbd !important;
    font-size: 16px !important;
    font-weight: 500 !important;
  }

  body.single-product .familyua-countdown {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 0 14px !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(255,92,92,.18) !important;
    border-radius: 10px !important;
    background: #fff3f0 !important;
    color: #555 !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
  }

  body.single-product .familyua-countdown-time {
    color: #ff5c5c !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    font-variant-numeric: tabular-nums !important;
  }

  body.single-product .familyua-mobile-stock {
    display: block !important;
    margin: 2px 0 12px !important;
    color: #555 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  body.single-product .familyua-mobile-stock div {
    display: flex !important;
    justify-content: space-between !important;
    margin-bottom: 6px !important;
  }

  body.single-product .familyua-mobile-stock span {
    color: #888 !important;
    font-size: 12px !important;
  }

  body.single-product .familyua-mobile-stock b {
    color: #ff5c5c !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  body.single-product .familyua-mobile-stock > i {
    display: block !important;
    height: 6px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: #f0f0f0 !important;
  }

  body.single-product .familyua-mobile-stock > i > em {
    display: block !important;
    width: 72% !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #ff5c5c, #ff8c55) !important;
  }

  body.single-product .product-info table.variations,
  body.single-product .product-info table.variations tbody,
  body.single-product .product-info table.variations tr,
  body.single-product .product-info table.variations th.label,
  body.single-product .product-info table.variations td.value {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.single-product .variations {
    margin-bottom: 8px !important;
  }

  body.single-product .variations th.label {
    margin-bottom: 8px !important;
    text-align: left !important;
  }

  body.single-product .variations th.label label {
    color: #555 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: none !important;
  }

  body.single-product .nasa-attr-ux_wrap.type-nasa_label {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 0 12px !important;
  }

  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-ux.nasa-attr-ux-label {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    border: 2px solid #e8e8e8 !important;
    border-radius: 12px !important;
    background: #fafafa !important;
    text-align: left !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-bg {
    display: none !important;
  }

  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-text {
    position: relative !important;
    display: block !important;
    padding: 0 !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
  }

  body.single-product .nasa-attr-ux.selected,
  body.single-product .nasa-attr-ux.nasa-active,
  body.single-product .nasa-attr-ux.familyua-selected {
    border-color: #ff5c5c !important;
    background: rgba(255,92,92,.04) !important;
    box-shadow: none !important;
  }

  body.single-product .single_variation_wrap,
  body.single-product .woocommerce-variation,
  body.single-product .woocommerce-variation-add-to-cart {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.single-product .product-info form.cart .single_add_to_cart_button {
    display: none !important;
  }

  body.single-product .familyua-after-variants {
    display: block !important;
    margin: 0 !important;
  }

  body.single-product .familyua-main-cta {
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 0 10px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #ff5c5c, #ff6b35) !important;
    color: #fff !important;
    box-shadow: 0 6px 24px rgba(255,92,92,.28) !important;
    font-size: 17px !important;
    font-weight: 850 !important;
    padding: 0 16px !important;
  }

  body.single-product .familyua-trust-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    margin: 0 0 14px !important;
  }

  body.single-product .familyua-trust-grid span {
    display: block !important;
    min-height: 82px !important;
    padding: 10px 8px !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 12px !important;
    background: #f8f8f8 !important;
    text-align: center !important;
  }

  body.single-product .familyua-trust-grid i {
    display: block !important;
    margin-bottom: 5px !important;
    font-size: 20px !important;
    font-style: normal !important;
    line-height: 1 !important;
  }

  body.single-product .familyua-trust-grid b {
    display: block !important;
    color: #333 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
  }

  body.single-product .familyua-telegram {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 0 2px !important;
    padding: 13px 14px !important;
    border: 1px solid rgba(0,136,204,.14) !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, rgba(0,136,204,.07), rgba(0,136,204,.03)) !important;
    text-decoration: none !important;
  }

  body.single-product .familyua-telegram > i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: #0088cc !important;
    color: #fff !important;
    font-style: normal !important;
    font-size: 20px !important;
    flex-shrink: 0 !important;
  }

  body.single-product .familyua-telegram b,
  body.single-product .familyua-telegram small {
    display: block !important;
  }

  body.single-product .familyua-telegram b {
    color: #0063a5 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
  }

  body.single-product .familyua-telegram small {
    margin-top: 2px !important;
    color: #0088cc !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  body.single-product .familyua-delivery-card {
    display: block !important;
    max-width: 430px !important;
    margin: 16px auto 0 !important;
    padding: 16px !important;
    border: 1px solid rgba(255,92,92,.16) !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #fff3f0, #fff8f5) !important;
    box-sizing: border-box !important;
  }

  body.single-product .familyua-delivery-card h2 {
    margin: 0 0 10px !important;
    color: #111 !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
  }

  body.single-product .familyua-delivery-card p {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
    margin: 0 0 8px !important;
  }

  body.single-product .familyua-delivery-card p i {
    font-size: 18px !important;
    font-style: normal !important;
  }

  body.single-product .familyua-delivery-card b,
  body.single-product .familyua-delivery-card small {
    display: block !important;
  }

  body.single-product .familyua-delivery-card p b {
    color: #111 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
  }

  body.single-product .familyua-delivery-card small {
    color: #888 !important;
    font-size: 12px !important;
  }

  body.single-product .familyua-delivery-card div {
    margin-top: 12px !important;
    padding: 10px 12px !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #111 !important;
    font-size: 13px !important;
  }

  body.single-product .nasa-add-to-cart-fixed,
  body.single-product .nasa-add-to-cart-fixed.familyua-fixed-cart-clean {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.single-product .familyua-fixed-variants-hidden {
    display: none !important;
  }
}

/* =============================================================================
   FAMILYUA — MOBILE PRODUCT EXACT FIX V2
   Вставлено поверх восстановленного слоя: товарная карточка как в макете.
   ========================================================================== */

@media (max-width: 767px) {
  body.single-product #main-content,
  body.single-product .container-wrap,
  body.single-product .product-page,
  body.single-product .nasa-ajax-store-wrapper,
  body.single-product .nasa-ajax-store-content,
  body.single-product .product.type-product {
    max-width: 430px !important;
    background: #fff !important;
  }

  body.single-product .product-info,
  body.single-product .entry-summary {
    padding: 14px 16px 20px !important;
    background: #fff !important;
  }

  /* Кто смотрит сейчас — цветные точки + зелёный live-dot */
  body.single-product .familyua-standard-in-cart {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 8px !important;
    color: #555 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
  }

  body.single-product .familyua-standard-in-cart b {
    color: #111 !important;
    font-weight: 800 !important;
  }

  body.single-product .familyua-viewer-dots {
    display: inline-flex !important;
    align-items: center !important;
    margin-right: 1px !important;
  }

  body.single-product .familyua-viewer-dots i {
    width: 12px !important;
    height: 12px !important;
    margin-left: -3px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #ff5c5c !important;
  }

  body.single-product .familyua-viewer-dots i:first-child { margin-left: 0 !important; }
  body.single-product .familyua-viewer-dots i:nth-child(2) { background: #ff9f1c !important; }
  body.single-product .familyua-viewer-dots i:nth-child(3) { background: #ff7a1a !important; }

  body.single-product .familyua-standard-in-cart > em {
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #22c55e !important;
    box-shadow: 0 0 0 2px rgba(34,197,94,.18) !important;
    font-style: normal !important;
  }

  body.single-product .familyua-standard-in-cart .last-sold-img {
    display: none !important;
  }

  /* Название, рейтинг, цена */
  body.single-product .product-info .product_title.entry-title,
  body.single-product .entry-summary .product_title.entry-title {
    margin: 0 0 8px !important;
    color: #111 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.02em !important;
  }

  body.single-product .woocommerce-product-rating {
    margin: 0 0 12px !important;
    gap: 7px !important;
  }

  body.single-product .nasa-single-product-price {
    margin: 0 0 14px !important;
    gap: 10px !important;
  }

  body.single-product .nasa-single-product-price ins .amount,
  body.single-product .nasa-single-product-price > .amount,
  body.single-product .nasa-single-product-price .woocommerce-Price-amount {
    color: #ff5c5c !important;
    font-size: 30px !important;
    font-weight: 950 !important;
  }

  body.single-product .nasa-single-product-price del .amount {
    color: #bdbdbd !important;
    font-size: 16px !important;
  }

  body.single-product .nasa-single-product-price::after {
    content: "-38%" !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 22px !important;
    padding: 3px 9px !important;
    border-radius: 999px !important;
    background: #fff0ee !important;
    color: #ff5c5c !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  /* Таймер */
  body.single-product .familyua-countdown {
    justify-content: flex-start !important;
    gap: 8px !important;
    margin: 0 0 14px !important;
    padding: 11px 14px !important;
    border: 1px solid rgba(255,92,92,.22) !important;
    border-radius: 10px !important;
    background: #fff7f5 !important;
    color: #777 !important;
    font-size: 13px !important;
  }

  body.single-product .familyua-countdown-icon {
    font-size: 18px !important;
  }

  body.single-product .familyua-countdown-time {
    color: #ff5c5c !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    letter-spacing: .02em !important;
  }

  /* Остаток */
  body.single-product .familyua-mobile-stock {
    margin: 0 0 16px !important;
  }

  body.single-product .familyua-mobile-stock div {
    margin-bottom: 7px !important;
  }

  body.single-product .familyua-mobile-stock span {
    color: #999 !important;
    font-size: 12px !important;
  }

  body.single-product .familyua-mobile-stock b {
    color: #ff5c5c !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  body.single-product .familyua-mobile-stock > i {
    height: 5px !important;
    background: #f1f1f1 !important;
  }

  body.single-product .familyua-mobile-stock > i > em {
    width: 12% !important;
    background: #ff5c5c !important;
  }

  /* Заголовок вариаций */
  body.single-product .variations th.label label {
    color: #555 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
  }

  body.single-product .variations th.label label::before {
    content: "Оберіть комплект:" !important;
  }

  body.single-product .variations th.label label {
    font-size: 0 !important;
  }

  body.single-product .variations th.label label::before {
    font-size: 13px !important;
  }

  /* Варианты комплекта как в скрине */
  body.single-product .nasa-attr-ux_wrap.type-nasa_label {
    gap: 10px !important;
    margin: 0 0 14px !important;
  }

  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-ux.nasa-attr-ux-label.familyua-variant-card {
    position: relative !important;
    min-height: 62px !important;
    padding: 12px 14px 12px 16px !important;
    border: 1.5px solid #e5e5e5 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
    overflow: hidden !important;
  }

  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-ux.nasa-attr-ux-label.familyua-variant-card.selected,
  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-ux.nasa-attr-ux-label.familyua-variant-card.nasa-active,
  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-ux.nasa-attr-ux-label.familyua-variant-card.familyua-selected {
    border-color: #ff4d57 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-text {
    width: 100% !important;
  }

  body.single-product .familyua-var-left,
  body.single-product .familyua-var-price {
    pointer-events: none !important;
  }

  body.single-product .familyua-var-left {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
  }

  body.single-product .familyua-var-left > i {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #cfcfcf !important;
    border-radius: 50% !important;
    background: #fff !important;
    flex: 0 0 20px !important;
  }

  body.single-product .nasa-attr-ux.familyua-variant-card.selected .familyua-var-left > i,
  body.single-product .nasa-attr-ux.familyua-variant-card.nasa-active .familyua-var-left > i,
  body.single-product .nasa-attr-ux.familyua-variant-card.familyua-selected .familyua-var-left > i {
    border-color: #ff5c5c !important;
    background: #ff5c5c !important;
  }

  body.single-product .nasa-attr-ux.familyua-variant-card.selected .familyua-var-left > i::after,
  body.single-product .nasa-attr-ux.familyua-variant-card.nasa-active .familyua-var-left > i::after,
  body.single-product .nasa-attr-ux.familyua-variant-card.familyua-selected .familyua-var-left > i::after {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #fff !important;
  }

  body.single-product .familyua-var-left b {
    display: block !important;
    color: #111 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
  }

  body.single-product .familyua-var-left small {
    display: block !important;
    margin-top: 2px !important;
    color: #999 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
  }

  body.single-product .familyua-var-price {
    position: absolute !important;
    top: 50% !important;
    right: 14px !important;
    transform: translateY(-50%) !important;
    text-align: right !important;
    min-width: 78px !important;
  }

  body.single-product .familyua-var-price b {
    display: block !important;
    color: #111 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
  }

  body.single-product .nasa-attr-ux.familyua-variant-card.selected .familyua-var-price b,
  body.single-product .nasa-attr-ux.familyua-variant-card.nasa-active .familyua-var-price b,
  body.single-product .nasa-attr-ux.familyua-variant-card.familyua-selected .familyua-var-price b {
    color: #ff5c5c !important;
  }

  body.single-product .familyua-var-price del {
    display: block !important;
    color: #bdbdbd !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    margin-top: 3px !important;
    text-decoration: line-through !important;
  }

  /* Плашки после комплекта */
  body.single-product .familyua-product-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 0 12px !important;
  }

  body.single-product .familyua-product-pills span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 27px !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    color: #166534 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  /* CTA */
  body.single-product .familyua-main-cta {
    min-height: 60px !important;
    margin: 0 0 10px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #ff5c5c, #ff6b35) !important;
    box-shadow: none !important;
    font-size: 17px !important;
    font-weight: 900 !important;
  }

  /* Trust карточки */
  body.single-product .familyua-trust-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 0 14px !important;
  }

  body.single-product .familyua-trust-grid span {
    display: flex !important;
    min-height: 82px !important;
    padding: 10px 6px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #eeeeee !important;
    border-radius: 12px !important;
    background: #fafafa !important;
    text-align: center !important;
  }

  body.single-product .familyua-trust-grid i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 0 7px !important;
    font-size: 20px !important;
    font-style: normal !important;
    line-height: 1 !important;
  }

  body.single-product .familyua-trust-grid b {
    color: #333 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1.18 !important;
  }

  /* Telegram */
  body.single-product .familyua-telegram {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 13px 14px !important;
    border: 1px solid rgba(0,136,204,.16) !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, rgba(0,136,204,.07), rgba(0,136,204,.03)) !important;
    text-decoration: none !important;
  }

  body.single-product .familyua-telegram > i {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: #0088cc !important;
    color: #fff !important;
    font-size: 22px !important;
  }

  body.single-product .familyua-telegram b {
    color: #0063a5 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
  }

  body.single-product .familyua-telegram small {
    color: #0088cc !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
  }

  body.single-product .familyua-delivery-card {
    display: none !important;
  }
}


/* =============================================================================
   FAMILYUA — PRODUCT PAGE EXACT MOBILE V3
   Точное выравнивание мобильной карточки товара по product-page.html.
   Только товар, только мобильная версия. Thank-you страницу не трогает.
   ========================================================================== */

@media (max-width: 767px) {
  body.single-product {
    background: #f5f5f5 !important;
    overflow-x: hidden !important;
  }

  body.single-product #main-content,
  body.single-product .container-wrap,
  body.single-product .product-page,
  body.single-product .nasa-ajax-store-wrapper,
  body.single-product .nasa-ajax-store-content,
  body.single-product .product.type-product {
    width: 100% !important;
    max-width: 430px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  body.single-product .product-gallery,
  body.single-product .product-images-slider,
  body.single-product .woocommerce-product-gallery,
  body.single-product .nasa-main-wrap,
  body.single-product .nasa-main-image-default-wrap,
  body.single-product .nasa-item-main-image-wrap,
  body.single-product .woocommerce-product-gallery__image,
  body.single-product .easyzoom {
    background: #f8f8f8 !important;
  }

  body.single-product .nasa-item-main-image-wrap img,
  body.single-product .woocommerce-product-gallery__image img,
  body.single-product .product-gallery img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
  }

  body.single-product .product-info,
  body.single-product .entry-summary,
  body.single-product .summary.entry-summary {
    width: 100% !important;
    max-width: 430px !important;
    padding: 16px 16px 0 !important;
    margin: 0 auto !important;
    background: #fff !important;
    float: none !important;
  }

  body.single-product .product-info > *:first-child,
  body.single-product .entry-summary > *:first-child {
    margin-top: 0 !important;
  }

  /* Скрываем лишние элементы темы, которые мешают макету между фото и Telegram */
  body.single-product .nasa-last-sold,
  body.single-product .nasa-single-product-share,
  body.single-product .product_meta,
  body.single-product .nasa-compare,
  body.single-product .nasa-wishlist,
  body.single-product .nasa-buy-now,
  body.single-product .nasa-safe-checkout,
  body.single-product .nasa-product-stock-progress:not(.familyua-mobile-stock *),
  body.single-product .stock.nasa-single-product-stock,
  body.single-product .nasa-add-to-cart-fixed,
  body.single-product .nasa-fixed-product-btn,
  body.single-product .nasa-fixed-single-add-to-cart,
  body.single-product .nasa-sticky-atc {
    display: none !important;
  }

  /* 1) Viewers */
  body.single-product .familyua-standard-in-cart {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: #555 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }

  body.single-product .familyua-standard-in-cart b {
    color: #111 !important;
    font-weight: 800 !important;
  }

  body.single-product .familyua-viewer-dots {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
  }

  body.single-product .familyua-viewer-dots i {
    width: 13px !important;
    height: 13px !important;
    margin-left: -4px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #ff5c5c !important;
  }

  body.single-product .familyua-viewer-dots i:first-child { margin-left: 0 !important; }
  body.single-product .familyua-viewer-dots i:nth-child(2) { background: #ff8c55 !important; }
  body.single-product .familyua-viewer-dots i:nth-child(3) { background: #ffb800 !important; }

  body.single-product .familyua-standard-in-cart > em {
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #22c55e !important;
    box-shadow: 0 0 0 2px rgba(34,197,94,.20) !important;
    font-style: normal !important;
    flex: 0 0 auto !important;
  }

  /* 2) Title / rating / price */
  body.single-product .product-info .product_title.entry-title,
  body.single-product .entry-summary .product_title.entry-title {
    margin: 0 0 8px !important;
    color: #111 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
    text-transform: none !important;
  }

  body.single-product .woocommerce-product-rating {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 12px !important;
    line-height: 1 !important;
  }

  body.single-product .woocommerce-product-rating .star-rating {
    margin: 0 !important;
    color: #ffc107 !important;
  }

  body.single-product .woocommerce-review-link {
    color: #888 !important;
    font-size: 13px !important;
    text-decoration: none !important;
  }

  body.single-product .nasa-single-product-price,
  body.single-product .woocommerce-variation-price .price {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
    color: #ff5c5c !important;
    line-height: 1 !important;
  }

  body.single-product .nasa-single-product-price ins,
  body.single-product .woocommerce-variation-price ins {
    text-decoration: none !important;
  }

  body.single-product .nasa-single-product-price ins .amount,
  body.single-product .nasa-single-product-price > .amount,
  body.single-product .nasa-single-product-price .woocommerce-Price-amount,
  body.single-product .woocommerce-variation-price .woocommerce-Price-amount {
    color: #ff5c5c !important;
    font-size: 30px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
  }

  body.single-product .nasa-single-product-price del,
  body.single-product .woocommerce-variation-price del {
    color: #bdbdbd !important;
    opacity: 1 !important;
  }

  body.single-product .nasa-single-product-price del .amount,
  body.single-product .woocommerce-variation-price del .amount {
    color: #bdbdbd !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
  }

  body.single-product .nasa-single-product-price::after {
    content: "-38%" !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 22px !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    background: #fff3f0 !important;
    color: #ff5c5c !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  /* 3) Timer */
  body.single-product .familyua-countdown {
    display: flex !important;
    width: 100% !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 14px !important;
    padding: 9px 12px !important;
    border: 1px solid rgba(255,92,92,.22) !important;
    border-radius: 10px !important;
    background: #fff7f5 !important;
    color: #555 !important;
    line-height: 1.2 !important;
  }

  body.single-product .familyua-countdown-icon {
    font-size: 17px !important;
  }

  body.single-product .familyua-countdown-label {
    color: #555 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
  }

  body.single-product .familyua-countdown-time {
    color: #ff5c5c !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    font-variant-numeric: tabular-nums !important;
  }

  /* 4) Stock */
  body.single-product .familyua-mobile-stock {
    display: block !important;
    margin: 0 0 16px !important;
  }

  body.single-product .familyua-mobile-stock div {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 0 5px !important;
  }

  body.single-product .familyua-mobile-stock span {
    color: #888 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
  }

  body.single-product .familyua-mobile-stock b {
    color: #ff5c5c !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  body.single-product .familyua-mobile-stock > i {
    display: block !important;
    height: 5px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: #f0f0f0 !important;
  }

  body.single-product .familyua-mobile-stock > i > em {
    display: block !important;
    width: 18% !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #ff5c5c, #ff8c55) !important;
  }

  /* 5) Variations */
  body.single-product .variations,
  body.single-product form.variations_form table.variations {
    margin: 0 0 16px !important;
    width: 100% !important;
  }

  body.single-product .variations th.label {
    display: block !important;
    padding: 0 !important;
    margin: 0 0 8px !important;
    text-align: left !important;
  }

  body.single-product .variations th.label label {
    display: block !important;
    color: #555 !important;
    font-size: 0 !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
  }

  body.single-product .variations th.label label::before {
    content: "Оберіть комплект:" !important;
    font-size: 13px !important;
  }

  body.single-product .variations td.value {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
  }

  body.single-product .nasa-attr-ux_wrap.type-nasa_label {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-ux.nasa-attr-ux-label.familyua-variant-card {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 12px 14px 12px 16px !important;
    border: 2px solid #e8e8e8 !important;
    border-radius: 12px !important;
    background: #fafafa !important;
    box-shadow: none !important;
    color: #111 !important;
    text-align: left !important;
  }

  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-ux.nasa-attr-ux-label.familyua-variant-card.selected,
  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-ux.nasa-attr-ux-label.familyua-variant-card.nasa-active,
  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-ux.nasa-attr-ux-label.familyua-variant-card.familyua-selected {
    border-color: #ff5c5c !important;
    background: rgba(255,92,92,.03) !important;
    box-shadow: none !important;
  }

  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-bg {
    display: none !important;
  }

  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-text {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    line-height: 1.2 !important;
  }

  body.single-product .familyua-var-left {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
    padding-right: 94px !important;
  }

  body.single-product .familyua-var-left > i {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    border: 2px solid #cfcfcf !important;
    border-radius: 50% !important;
    background: #fff !important;
    font-style: normal !important;
  }

  body.single-product .nasa-attr-ux.familyua-variant-card.selected .familyua-var-left > i,
  body.single-product .nasa-attr-ux.familyua-variant-card.nasa-active .familyua-var-left > i,
  body.single-product .nasa-attr-ux.familyua-variant-card.familyua-selected .familyua-var-left > i {
    border-color: #ff5c5c !important;
    background: #ff5c5c !important;
  }

  body.single-product .nasa-attr-ux.familyua-variant-card.selected .familyua-var-left > i::after,
  body.single-product .nasa-attr-ux.familyua-variant-card.nasa-active .familyua-var-left > i::after,
  body.single-product .nasa-attr-ux.familyua-variant-card.familyua-selected .familyua-var-left > i::after {
    content: "" !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #fff !important;
  }

  body.single-product .familyua-var-left b {
    display: block !important;
    color: #111 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
  }

  body.single-product .familyua-var-left small {
    display: block !important;
    margin-top: 2px !important;
    color: #888 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
  }

  body.single-product .familyua-var-price {
    position: absolute !important;
    top: 50% !important;
    right: 14px !important;
    transform: translateY(-50%) !important;
    text-align: right !important;
    min-width: 80px !important;
    pointer-events: none !important;
  }

  body.single-product .familyua-var-price b {
    display: block !important;
    color: #111 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
  }

  body.single-product .nasa-attr-ux.familyua-variant-card.selected .familyua-var-price b,
  body.single-product .nasa-attr-ux.familyua-variant-card.nasa-active .familyua-var-price b,
  body.single-product .nasa-attr-ux.familyua-variant-card.familyua-selected .familyua-var-price b {
    color: #ff5c5c !important;
  }

  body.single-product .familyua-var-price del {
    display: block !important;
    margin-top: 3px !important;
    color: #aaa !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-decoration: line-through !important;
  }

  /* Native WooCommerce controls under variations — hidden, custom CTA is used */
  body.single-product .product-info form.cart .quantity,
  body.single-product .entry-summary form.cart .quantity,
  body.single-product .product-info form.cart .single_add_to_cart_button,
  body.single-product .entry-summary form.cart .single_add_to_cart_button,
  body.single-product .single_variation_wrap .woocommerce-variation-add-to-cart,
  body.single-product .single_variation_wrap .woocommerce-variation-price,
  body.single-product .reset_variations {
    display: none !important;
  }

  /* 6) After variants: pills / CTA / trust / Telegram */
  body.single-product .familyua-after-variants {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.single-product .familyua-product-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 0 16px !important;
  }

  body.single-product .familyua-product-pills span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 27px !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    background: #f0fdf4 !important;
    border: 1px solid #dcfce7 !important;
    color: #166534 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.single-product .familyua-main-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 60px !important;
    margin: 0 0 10px !important;
    padding: 17px 16px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #ff5c5c 0%, #ff6b35 100%) !important;
    color: #fff !important;
    box-shadow: 0 6px 24px rgba(255,92,92,.28) !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
  }

  body.single-product .familyua-trust-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 0 14px !important;
  }

  body.single-product .familyua-trust-grid span {
    display: flex !important;
    min-height: 82px !important;
    padding: 10px 6px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 12px !important;
    background: #f8f8f8 !important;
    text-align: center !important;
  }

  body.single-product .familyua-trust-grid i {
    display: block !important;
    margin: 0 0 5px !important;
    color: inherit !important;
    font-size: 20px !important;
    font-style: normal !important;
    line-height: 1 !important;
  }

  body.single-product .familyua-trust-grid b {
    display: block !important;
    color: #333 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
  }

  body.single-product .familyua-telegram {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 0 24px !important;
    padding: 13px 14px !important;
    border: 1px solid rgba(0,136,204,.16) !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, rgba(0,136,204,.07), rgba(0,136,204,.03)) !important;
    color: #0088cc !important;
    text-decoration: none !important;
  }

  body.single-product .familyua-telegram > i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    border-radius: 50% !important;
    background: #0088cc !important;
    color: #fff !important;
    font-size: 20px !important;
    font-style: normal !important;
    line-height: 1 !important;
  }

  body.single-product .familyua-telegram span,
  body.single-product .familyua-telegram b,
  body.single-product .familyua-telegram small {
    display: block !important;
  }

  body.single-product .familyua-telegram b {
    color: #0063a5 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
  }

  body.single-product .familyua-telegram small {
    margin-top: 2px !important;
    color: #0088cc !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
  }

  body.single-product .familyua-delivery-card {
    display: none !important;
  }
}

/* =============================================================================
   FAMILYUA — PRODUCT MOBILE V4 FINAL FIX
   Важно: только mobile single-product. Thank-you не трогаем.
   ========================================================================== */
@media (max-width: 767px) {
  /* Рейтинг как в макете: звезды + 4.9 + количество отзывов */
  body.single-product .woocommerce-product-rating,
  body.single-product .entry-summary .woocommerce-product-rating,
  body.single-product .product-info .woocommerce-product-rating {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    line-height: 1 !important;
    text-align: left !important;
  }

  body.single-product .woocommerce-product-rating .star-rating {
    display: inline-block !important;
    margin: 0 !important;
    color: #ffc107 !important;
    flex: 0 0 auto !important;
  }

  body.single-product .woocommerce-product-rating .woocommerce-review-link {
    display: none !important;
  }

  body.single-product .familyua-rating-meta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: #888 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.single-product .familyua-rating-meta b {
    color: #111 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
  }

  /* Верхняя цена: убираем диапазон WooCommerce и показываем выбранную вариацию */
  body.single-product .product-info .nasa-single-product-price,
  body.single-product .entry-summary .nasa-single-product-price,
  body.single-product .product-info > .price,
  body.single-product .entry-summary > .price,
  body.single-product .woocommerce-variation-price,
  body.single-product .single_variation .price {
    display: none !important;
  }

  body.single-product .familyua-live-price {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    line-height: 1 !important;
    text-align: left !important;
  }

  body.single-product .familyua-live-current {
    display: inline-block !important;
    color: #ff5c5c !important;
    font-size: 30px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
  }

  body.single-product .familyua-live-price del {
    display: inline-block !important;
    color: #c8c8c8 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-decoration: line-through !important;
  }

  body.single-product .familyua-live-discount {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 22px !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    background: #fff3f0 !important;
    color: #ff5c5c !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  /* Вариации: скрываем нативные/задублированные swatches и показываем один чистый список */
  body.single-product form.familyua-has-custom-picker table.variations,
  body.single-product form.familyua-has-custom-picker .variations,
  body.single-product form.familyua-has-custom-picker .nasa-attr-ux_wrap,
  body.single-product form.familyua-has-custom-picker .nasa-product-content-variable-warp,
  body.single-product form.familyua-has-custom-picker .nasa-variable-items-wrapper,
  body.single-product form.familyua-has-custom-picker .variable-items-wrapper,
  body.single-product form.familyua-has-custom-picker .reset_variations {
    display: none !important;
  }

  body.single-product .familyua-variant-picker {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
  }

  body.single-product .familyua-variant-title {
    display: block !important;
    margin: 0 0 2px !important;
    color: #555 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }

  body.single-product .familyua-custom-variant {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 12px 14px 18px 16px !important;
    border: 2px solid #e8e8e8 !important;
    border-radius: 12px !important;
    background: #fafafa !important;
    box-shadow: none !important;
    color: #111 !important;
    text-align: left !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
    text-transform: none !important;
  }

  body.single-product .familyua-custom-variant.is-selected {
    border-color: #ff5c5c !important;
    background: rgba(255,92,92,.03) !important;
  }

  body.single-product .familyua-custom-radio {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #cfcfcf !important;
    border-radius: 50% !important;
    background: #fff !important;
    flex: 0 0 20px !important;
    margin-top: 10px !important;
  }

  body.single-product .familyua-custom-variant.is-selected .familyua-custom-radio {
    border-color: #ff5c5c !important;
    background: #ff5c5c !important;
  }

  body.single-product .familyua-custom-variant.is-selected .familyua-custom-radio::after {
    content: "" !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #fff !important;
  }

  body.single-product .familyua-custom-name {
    display: block !important;
    min-width: 0 !important;
    align-self: center !important;
  }

  body.single-product .familyua-custom-name b {
    display: block !important;
    color: #111 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
  }

  body.single-product .familyua-custom-name small {
    display: block !important;
    margin-top: 2px !important;
    color: #888 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
  }

  body.single-product .familyua-custom-price {
    display: block !important;
    min-width: 88px !important;
    text-align: right !important;
  }

  body.single-product .familyua-custom-price b {
    display: block !important;
    color: #111 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  body.single-product .familyua-custom-variant.is-selected .familyua-custom-price b {
    color: #ff5c5c !important;
  }

  body.single-product .familyua-custom-price del {
    display: block !important;
    margin-top: 3px !important;
    color: #aaa !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-decoration: line-through !important;
    white-space: nowrap !important;
  }

  /* CTA обновляется JS-ом вместе с выбранной вариацией */
  body.single-product .familyua-main-cta {
    text-transform: none !important;
  }

  /* Убираем лишние viewer-блоки ниже Telegram, оставляем только верхний custom */
  body.single-product .familyua-after-variants ~ .familyua-standard-in-cart,
  body.single-product .familyua-after-variants ~ .familyua-viewers,
  body.single-product .familyua-after-variants ~ .nasa-viewers,
  body.single-product .familyua-after-variants ~ .nasa-last-sold,
  body.single-product .product-info .familyua-after-variants + .familyua-standard-in-cart,
  body.single-product .entry-summary .familyua-after-variants + .familyua-standard-in-cart {
    display: none !important;
  }
}

/* =============================================================================
   FAMILYUA — PRODUCT MOBILE V5 TYPOGRAPHY + REAL VARIATION LABELS
   Только мобилка карточки товара. Страница thank-you не затрагивается.
   ========================================================================== */
@media (max-width: 767px) {
  body.single-product .familyua-variant-picker,
  body.single-product .familyua-variant-picker *,
  body.single-product .familyua-custom-variant,
  body.single-product .familyua-custom-variant * {
    font-family: inherit !important;
    letter-spacing: normal !important;
    text-transform: none !important;
  }

  body.single-product .familyua-custom-variant {
    min-height: 64px !important;
    padding: 12px 14px 18px 16px !important;
    grid-template-columns: 20px minmax(0, 1fr) auto !important;
  }

  body.single-product .familyua-custom-name b {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.22 !important;
    color: #111 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.single-product .familyua-custom-name small {
    display: none !important;
  }

  body.single-product .familyua-custom-price {
    min-width: 92px !important;
    margin-top: 8px !important;
    text-align: right !important;
  }

  body.single-product .familyua-custom-price b {
    font-size: 17px !important;
    font-weight: 800 !important;
    letter-spacing: normal !important;
    white-space: nowrap !important;
  }

  body.single-product .familyua-custom-price del {
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
  }

  body.single-product .familyua-live-current {
    font-family: inherit !important;
    letter-spacing: -0.02em !important;
  }

  body.single-product .familyua-main-cta,
  body.single-product .familyua-main-cta * {
    font-family: inherit !important;
    letter-spacing: normal !important;
    text-transform: none !important;
  }

  body.single-product .woocommerce-product-rating {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body.single-product .woocommerce-product-rating .familyua-rating-meta {
    display: inline-flex !important;
  }
}


/* =============================================================================
   08. PRODUCT PAGE — DESKTOP VARIANT LABELS
   Оформление вариаций на ПК как кнопок.
   ========================================================================== */

/* =============================================================================
   DESKTOP VARIANT LABELS AS BUTTONS — restored after v5 upload (2026-05-05)
   На ПК показуємо варіації nasa_label як прямокутні кнопки, не радіо-кружечки.
   ============================================================================= */
@media (min-width: 768px) {
  body.single-product .nasa-attr-ux_wrap.type-nasa_label {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 0 16px !important;
  }

  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-ux.nasa-attr-ux-label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    border: 2px solid #E8E8E8 !important;
    border-radius: 12px !important;
    background: #FAFAFA !important;
    text-align: center !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    transition: border-color 0.15s, background 0.15s !important;
    box-shadow: none !important;
    float: none !important;
    clear: none !important;
  }

  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-ux.nasa-attr-ux-label:hover {
    border-color: #ff5c5c !important;
    background: rgba(255,92,92,.04) !important;
  }

  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-ux.nasa-attr-ux-label.selected,
  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-ux.nasa-attr-ux-label.nasa-active,
  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-ux.nasa-attr-ux-label.familyua-selected {
    border-color: #ff5c5c !important;
    background: rgba(255,92,92,.05) !important;
    box-shadow: none !important;
  }

  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-bg {
    display: none !important;
  }

  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-text {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #111 !important;
    text-align: center !important;
  }

  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-ux.nasa-attr-ux-label.selected .nasa-attr-text,
  body.single-product .nasa-attr-ux_wrap.type-nasa_label .nasa-attr-ux.nasa-attr-ux-label.nasa-active .nasa-attr-text {
    color: #d6423a !important;
    font-weight: 800 !important;
  }
}
/* END DESKTOP VARIANT LABELS RESTORED */


/* =============================================================================
   09. PRODUCT PAGE — SIMPLE PRODUCT LIVE PRICE FIX
   Показывает цену простого товара на мобильной карточке.
   ========================================================================== */

/* =============================================================================
   FAMILYUA — SIMPLE PRODUCT LIVE PRICE VISIBILITY FIX
   Цена простого товара в мобильной карточке.
   ========================================================================== */
@media (max-width: 767px) {
  body.single-product .product-info .familyua-live-price,
  body.single-product .entry-summary .familyua-live-price,
  body.single-product .familyua-live-price.familyua-live-price-server {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 34px !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    line-height: 1 !important;
    text-align: left !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 3 !important;
    background: transparent !important;
    filter: none !important;
  }

  body.single-product .familyua-live-price *,
  body.single-product .familyua-live-price-server * {
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
  }

  body.single-product .familyua-live-price .familyua-live-current,
  body.single-product .familyua-live-price-server .familyua-live-current {
    display: inline-block !important;
    color: #ff5c5c !important;
    font-size: 30px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body.single-product .familyua-live-price del,
  body.single-product .familyua-live-price-server del {
    display: inline-block !important;
    color: #c8c8c8 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-decoration: line-through !important;
    white-space: nowrap !important;
  }

  body.single-product .familyua-live-price .familyua-live-discount,
  body.single-product .familyua-live-price-server .familyua-live-discount {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 22px !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    background: #fff3f0 !important;
    color: #ff5c5c !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}


/* =============================================================================
   10. THANK YOU UPSELL — ONE CLICK BUTTON STATE
   Только состояние загрузки кнопки one-click upsell. Дизайн карточки не меняет.
   ========================================================================== */

/* =============================================================================
   LEDSTRI — ONE CLICK UPSELL BUTTON STATE
   Только состояние кнопки в thank-you upsell. Дизайн не меняет.
   ========================================================================== */
.ledstri-upsell-btn.ledstri-oneclick-upsell {
  width: 100% !important;
  cursor: pointer !important;
  font-family: inherit !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.ledstri-upsell-btn.ledstri-oneclick-upsell.is-loading {
  opacity: 0.75 !important;
  pointer-events: none !important;
}



/* =============================================================================
   11. THANK YOU FAQ ACCORDION STATE
   Состояние раскрытого FAQ на мобильной thank-you странице.
   ========================================================================== */

/* =============================================================================
   LEDSTRI — THANK YOU FAQ ACCORDION
   Открытие ответов в «Популярні питання». Дизайн не меняет.
   ========================================================================== */
@media (max-width: 767px) {
  body.woocommerce-order-received .ledstri-faq-item {
    cursor: pointer !important;
  }

  body.woocommerce-order-received .ledstri-faq-item::after {
    transition: transform 0.18s ease !important;
  }

  body.woocommerce-order-received .ledstri-faq-item.is-open::after {
    transform: rotate(180deg) !important;
  }

  body.woocommerce-order-received .ledstri-faq-item.is-open {
    align-items: flex-start !important;
  }

  body.woocommerce-order-received .ledstri-faq-item.is-open p {
    display: block !important;
    grid-column: 2 / 4 !important;
    margin: 2px 0 0 !important;
    color: #666 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
  }
}

/* =============================================================================
   FAMILYUA — PRODUCT PAGE STUCK LOADER SAFETY
   Не меняет дизайн. Скрывает только зависший loader/blockUI на карточке товара.
   ========================================================================== */
body.single-product.familyua-product-page-ready .blockUI,
body.single-product.familyua-product-page-ready .blockOverlay,
body.single-product.familyua-product-page-ready .blockMsg,
body.single-product.familyua-product-page-ready .nasa-loader,
body.single-product.familyua-product-page-ready .nasa-ajax-loader,
body.single-product.familyua-product-page-ready .nasa-page-loader,
body.single-product.familyua-product-page-ready .nasa-page-loading,
body.single-product.familyua-product-page-ready .nasa-loading,
body.single-product.familyua-product-page-ready .nasa-overlay,
body.single-product.familyua-product-page-ready .nasa-transition-loading,
body.single-product.familyua-product-page-ready .nasa-ajax-store-loading,
body.single-product.familyua-product-page-ready .nasa-loader-wrapper,
body.single-product.familyua-product-page-ready .nasa-wrap-loading,
body.single-product.familyua-product-page-ready #nasa-loader,
body.single-product.familyua-product-page-ready #nasa-ajax-loader {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.single-product.familyua-product-page-ready #main-content,
body.single-product.familyua-product-page-ready .container-wrap,
body.single-product.familyua-product-page-ready .product-page,
body.single-product.familyua-product-page-ready .product,
body.single-product.familyua-product-page-ready .product-gallery,
body.single-product.familyua-product-page-ready .entry-summary,
body.single-product.familyua-product-page-ready .product-info {
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* =============================================================================
   FAMILYUA — DESKTOP SIMPLE PRODUCT PRICE DUPLICATE FIX
   На ПК скрываем custom live-price fallback, чтобы осталась только стандартная красная цена WooCommerce.
   Мобильную карточку товара не трогаем.
   ========================================================================== */
@media (min-width: 768px) {
  body.single-product .familyua-live-price,
  body.single-product .familyua-live-price-server {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}

/* =============================================================================
   FAMILYUA — DESKTOP SAFETY RESET AFTER MOBILE PRODUCT OVERRIDES
   Цель: если mobile-layer карточки товара или mobile header Elessi попали на ПК
   из-за кеша/minify/ошибочного класса, на desktop возвращаем обычную ширину темы.
   Мобильную версию до 767px не трогаем.
   ========================================================================== */
@media (min-width: 768px) {
  body:not(.single-product) .familyua-standard-in-cart,
  body:not(.single-product) .familyua-countdown,
  body:not(.single-product) .familyua-mobile-stock,
  body:not(.single-product) .familyua-after-variants,
  body:not(.single-product) .familyua-delivery-card,
  body:not(.single-product) .familyua-variant-picker,
  body:not(.single-product) .familyua-live-price {
    display: none !important;
  }

  body.single-product #main-content,
  body.single-product .container-wrap,
  body.single-product .product-page,
  body.single-product .nasa-ajax-store-wrapper,
  body.single-product .nasa-ajax-store-content,
  body.single-product .product.type-product,
  body.single-product .nasa-product-details-page,
  body.single-product .focus-info,
  body.single-product .product-gallery,
  body.single-product .product-info,
  body.single-product .entry-summary,
  body.single-product .summary.entry-summary {
    max-width: none !important;
    overflow: visible !important;
  }

  body.single-product .familyua-standard-in-cart,
  body.single-product .familyua-countdown,
  body.single-product .familyua-mobile-stock,
  body.single-product .familyua-after-variants,
  body.single-product .familyua-delivery-card,
  body.single-product .familyua-variant-picker,
  body.single-product .familyua-live-price {
    display: none !important;
  }

  body.single-product form.familyua-has-custom-picker table.variations,
  body.single-product form.familyua-has-custom-picker .variations,
  body.single-product form.familyua-has-custom-picker .nasa-attr-ux_wrap,
  body.single-product form.familyua-has-custom-picker .nasa-product-content-variable-warp,
  body.single-product form.familyua-has-custom-picker .nasa-variable-items-wrapper,
  body.single-product form.familyua-has-custom-picker .variable-items-wrapper {
    display: revert !important;
  }

  body.single-product .product-info form.cart .quantity,
  body.single-product .entry-summary form.cart .quantity,
  body.single-product .single_variation_wrap .woocommerce-variation-add-to-cart,
  body.single-product .single_variation_wrap .woocommerce-variation-price {
    display: revert !important;
  }

  /* DESKTOP: hide native "Add to cart", keep only "Купити зараз" (.nasa-buy-now) */
  body.single-product .product-info form.cart .single_add_to_cart_button,
  body.single-product .entry-summary form.cart .single_add_to_cart_button,
  body.single-product form.cart .single_add_to_cart_button,
  body.single-product .ns-single-add-btn,
  body.single-product .single_add_to_cart_button {
    display: none !important;
  }
}



/* =============================================================================
   DESKTOP — HIDE NATIVE ADD-TO-CART BUTTON, LEAVE ONLY "КУПИТИ ЗАРАЗ"
   На мобілці нативна кнопка вже схована (рядки ~1543), там показуємо свою CTA.
   На десктопі лишаємо тільки .nasa-buy-now (зелена "Купити зараз").
   ========================================================================== */
@media (min-width: 768px) {
  body.single-product .single_add_to_cart_button,
  body.single-product .ns-single-add-btn,
  body.single-product form.cart .single_add_to_cart_button {
    display: none !important;
  }
}


/* =============================================================================
   DESKTOP — FIX MENU HIDDEN BY .nasa-loading ON PRODUCT PAGE
   Elessi Modern Layout 2 (nasa-spl-modern-2) залишає клас nasa-loading
   на .nasa-menus-wrapper — через це CSS теми ховає меню. Примусово
   показуємо меню на десктопі, навіть якщо JS ще не зняв nasa-loading.
   ========================================================================== */
@media (min-width: 768px) {
  body.single-product .nasa-menus-wrapper.nasa-loading {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body.single-product .nasa-menus-wrapper.nasa-loading .header-nav,
  body.single-product .nasa-menus-wrapper.nasa-loading .nav-wrapper {
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Вертикальне меню-категорій ховаємо на сторінці товару — потрібен тільки основний nav */
  body.single-product .nasa-menu-vertical-header {
    display: none !important;
  }
}


/* =============================================================================
   DESKTOP — TOP PRICE REACTS TO VARIATION
   Залишаємо штатну верхню .nasa-single-product-price видимою (вона вже стоїть
   над списком комплектації) і ховаємо лише нижній дубль .woocommerce-variation-price
   усередині .single_variation_wrap, щоб не було двох цін.
   JS у functions.php (секція 04.1) оновлює вміст .nasa-single-product-price
   при виборі варіанту.
   Мобільну версію (max-width: 767px) не зачіпаємо.
   ========================================================================== */
@media (min-width: 768px) {
  body.single-product .single_variation_wrap .woocommerce-variation-price,
  body.single-product .single_variation_wrap .single_variation .price {
    display: none !important;
  }
}


/* =============================================================================
   HEADER WHITE — перенесено з functions.php (wp_head inline style)
   Білий фон шапки на сторінках товару (Modern Layout 2 & 3).
   ========================================================================== */
.nasa-spl-modern-2 .site-header,
.nasa-spl-modern-3 .site-header {
  background: #ffffff !important;
}


/* =============================================================================
   CUSTOMIZER ADDITIONAL CSS — перенесено з WP Admin → Додатковий код CSS
   Після перенесення очистіть поле "Додатковий код CSS" в адмінці.
   ========================================================================== */

/* Checkout — ширина полів */
.page-checkout .checkout-group.woo-shipping,
.page-checkout #billing_email_field,
.page-checkout #billing_last_name_field {
  width: 100%;
  float: left;
  padding-left: 0;
}

#billing_phone_field,
#billing_first_name_field,
#shipping_first_name_field {
  width: 100%;
  float: left;
}

/* Товар — ховаємо нативну кнопку "Купити" (замінена кастомною CTA) */
.single-product .product .single_add_to_cart_button {
  display: none !important;
}

/* Ціна */
.price {
  color: #f84147;
}

/* Хлібні крихти */
.breadcrumb-row {
  display: none;
}

/* Відступ шапки */
.header-type-4 #masthead {
  padding-top: 20px;
}

/* Мета інформація записів */
.entry-meta {
  display: none;
}

/* Заголовок секції форми CF7 */
.thwcfe-section-title {
  display: none;
}

/* Акційний блок — прибираємо лічильник проданих */
.nasa-products-special-deal.nasa-products-special-deal-simple .deal-stock-label .stock-sold {
  display: none;
}

/* Назва товару в картці — одна або кілька рядків */
.info .name.nasa-show-one-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  text-align: center;
}

/* Назва варіанту зображення */
.nasa-image-square-caption .nasa-attr-ux-image .nasa-attr-text {
  display: block;
  line-height: 1.2;
  margin: 5px 0 3px;
  font-size: 70%;
  font-weight: 600;
  color: #333;
  overflow: hidden;
  white-space: pre-wrap;
  text-overflow: ellipsis;
}

/* Мітки підменю */
.sub-menu .sale-label > a.nasa-title-menu:after {
  content: "Знижки";
  background-color: #86b854;
}

.sub-menu .new-label > a.nasa-title-menu:after {
  content: "Новинки";
  background-color: #7db62e;
}

.sub-menu .hot-label > a.nasa-title-menu:after {
  content: "Хіт";
  background-color: #F96A67;
}

/* Приховані поля (наприклад прихований product_id у CF7) */
.hidden-fields-container {
  display: none !important;
}

/* CF7 — обгортка поля */
.wpcf7 .wpcf7-form-control-wrap {
  position: relative;
  display: block;
  margin-bottom: 22px;
}

/* CF7 — стилізація полів (доповнює вже наявні стилі секції 03) */
.wpcf7 .wpcf7-form-control-wrap input[type="text"],
.wpcf7 .wpcf7-form-control-wrap input[type="tel"],
.wpcf7 .wpcf7-form-control-wrap textarea,
.wpcf7 .wpcf7-form-control-wrap select {
  width: 100%;
  box-sizing: border-box;
  padding: 14px 16px;
  border: 1px solid #d1d5db;
  border-radius: 12px;
  background: #fff;
  font-size: 16px;
  transition: border-color .2s, box-shadow .2s;
}