/* Объёмные CTA-кнопки (кроме .quick-order-btn) */

:root {
  --cta-btn-bg: linear-gradient(180deg, rgba(250, 247, 238, 0.98) 0%, rgba(242, 239, 230, 0.96) 52%, rgba(232, 226, 210, 0.98) 100%);
  --cta-btn-bg-hover: linear-gradient(180deg, #F7F1E0 0%, #F2EFE6 52%, #EAE4D4 100%);
  --cta-btn-border: #C3922F;
  --cta-btn-border-hover: #D4A33A;
  --cta-btn-shadow:
    0 4px 14px rgba(152, 119, 55, 0.22),
    0 1px 3px rgba(18, 18, 18, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 -2px 5px rgba(152, 119, 55, 0.1);
  --cta-btn-shadow-hover:
    0 6px 18px rgba(152, 119, 55, 0.28),
    0 2px 4px rgba(18, 18, 18, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    inset 0 -2px 5px rgba(152, 119, 55, 0.08),
    0 0 0 3px rgba(195, 146, 47, 0.10);

  --cta-btn-gold-bg: linear-gradient(180deg, #DDB858 0%, #C3922F 52%, #A87B24 100%);
  --cta-btn-gold-bg-hover: linear-gradient(180deg, #E8C96A 0%, #D4A33A 52%, #B0882A 100%);
  --cta-btn-gold-shadow:
    0 6px 16px rgba(152, 119, 55, 0.34),
    0 2px 4px rgba(18, 18, 18, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 -3px 6px rgba(104, 76, 20, 0.22);
  --cta-btn-gold-shadow-hover:
    0 8px 20px rgba(152, 119, 55, 0.4),
    0 3px 6px rgba(18, 18, 18, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.48),
    inset 0 -3px 6px rgba(104, 76, 20, 0.2);
}

.catalog-btn,
.contacts-order-btn,
.quick-order-submit {
  border: 1px solid var(--cta-btn-border);
  background: var(--cta-btn-bg);
  box-shadow: var(--cta-btn-shadow);
  color: #121212;
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.catalog-btn:hover,
.contacts-order-btn:hover,
.quick-order-submit:hover {
  background: var(--cta-btn-bg-hover);
  border-color: var(--cta-btn-border-hover);
  box-shadow: var(--cta-btn-shadow-hover);
  color: #121212;
}

.about-honey-choice-tab-active,
.fulfillment-option.active,
.payment-option.active {
  background: var(--cta-btn-bg);
  border: 1px solid var(--cta-btn-border);
  box-shadow: var(--cta-btn-shadow);
  color: #121212;
  font-weight: 500;
  transition: background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.about-honey-choice-tab-active {
  font-weight: 600;
}

.about-honey-choice-tab-active:hover,
.fulfillment-option.active:hover,
.payment-option.active:hover {
  background: var(--cta-btn-bg-hover);
  border-color: var(--cta-btn-border-hover);
  box-shadow: var(--cta-btn-shadow-hover);
}

.action-btn-primary,
.action-btn-next,
.about-honey-choice-button,
.catalog-product-card-btn,
.catalog-product-modal-cart-btn,
.catalog-product-modal-honey-cart-btn,
.catalog-mini-cart-modal-cart-btn {
  border: 1px solid var(--cta-btn-border);
  background: var(--cta-btn-gold-bg);
  box-shadow: var(--cta-btn-gold-shadow);
  color: #121212;
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  box-sizing: border-box;
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

/* Золоті CTA на 320px — однакова висота і типографіка */
@media (max-width: 743px) {
  .action-btn.action-btn-primary,
  .action-btn.action-btn-next,
  .about-honey-choice-button,
  .catalog-product-card[data-category] .catalog-product-card-btn,
  .catalog-product-modal-cart-btn,
  .catalog-product-modal-honey-cart-btn,
  .catalog-mini-cart-modal-cart-btn {
    height: 56px;
    min-height: 56px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }

  .catalog-product-card[data-category] .catalog-product-card-btn {
    flex: 0 0 56px;
  }

  .catalog-product-modal-cart-btn,
  .catalog-product-modal-honey-cart-btn,
  .catalog-mini-cart-modal-cart-btn {
    height: 56px !important;
    min-height: 56px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.02em !important;
  }

  .quick-order-submit {
    height: 56px;
    min-height: 56px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.02em;
    border-radius: 24px;
  }

  .catalog-btn,
  .contacts-order-btn {
    height: 56px;
    min-height: 56px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
}

.action-btn-primary:hover,
.action-btn-next:hover,
.about-honey-choice-button:hover,
.catalog-product-card-btn:hover,
.catalog-product-modal-cart-btn:hover,
.catalog-product-modal-honey-cart-btn:hover,
.catalog-mini-cart-modal-cart-btn:hover {
  background: var(--cta-btn-gold-bg-hover);
  border-color: var(--cta-btn-border-hover);
  box-shadow: var(--cta-btn-gold-shadow-hover);
  color: #121212;
}