.goluggage-coupon-fomo-slot:empty { display: none !important; }

/* Many WooCommerce themes render form.cart as a single flex row. Reserve a full
   row for the offer so quantity and add-to-cart remain together underneath. */
.single-product form.cart,
.single-product form.cart .woocommerce-variation-add-to-cart {
  flex-wrap: wrap !important;
}

.single-product form.cart .goluggage-coupon-fomo-slot,
.single-product form.cart .woocommerce-variation-add-to-cart .goluggage-coupon-fomo-slot {
  box-sizing: border-box;
  display: block;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  order: -999;
  width: 100% !important;
}

.goluggage-coupon-fomo {
  align-items: center;
  background: linear-gradient(135deg, #fff8e8 0%, #fff 100%);
  border: 1px solid #f0c864;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(72, 52, 10, .10);
  color: #211b10;
  display: grid;
  font-family: inherit;
  gap: 10px;
  grid-template-columns: auto 1fr auto;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 12px 14px;
  width: 100%;
}

.goluggage-coupon-fomo__icon { font-size: 24px; line-height: 1; }
.goluggage-coupon-fomo__content { display: flex; flex-direction: column; font-size: 14px; gap: 2px; line-height: 1.4; min-width: 0; }
.goluggage-coupon-fomo__content strong { font-size: 15px; }
.goluggage-coupon-fomo__code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 800; letter-spacing: .04em; }
.goluggage-coupon-fomo__urgency { color: #a13b20; font-size: 12px; font-weight: 700; }
.goluggage-coupon-fomo__timer { font-variant-numeric: tabular-nums; }

.goluggage-coupon-fomo__copy {
  background: #17130d;
  border: 0;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  min-height: 38px;
  padding: 8px 13px;
  white-space: nowrap;
}

.goluggage-coupon-fomo__copy:hover,
.goluggage-coupon-fomo__copy:focus { background: #a13b20; color: #fff; }
.goluggage-coupon-fomo__copy.is-copied { background: #24713f; }

@media (max-width: 520px) {
  .goluggage-coupon-fomo { grid-template-columns: auto 1fr; }
  .goluggage-coupon-fomo__copy { grid-column: 1 / -1; width: 100%; }
}