/**
 * Pack tabs + hide default variation UI when body.fazzh-has-pack-tabs.
 */

/* Price → tabs spacing (tabs sit under price). */
body.fazzh-has-pack-tabs .fazzh-product-price-row {
  margin-bottom: 20px;
}

body.fazzh-has-pack-tabs .fazzh-pack-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  box-sizing: border-box;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 4px;
}

body.fazzh-has-pack-tabs .fazzh-pack-tabs__btn {
  box-sizing: border-box;
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  padding: 11px 12px;
  border: 0;
  border-radius: 0;
  background: #F1F1F1;
  color: #000;
  cursor: pointer;
  font-family: "HelveticaNeueCyr", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  transition: background-color 0.15s ease, color 0.15s ease;
}

body.fazzh-has-pack-tabs .fazzh-pack-tabs__btn:hover,
body.fazzh-has-pack-tabs .fazzh-pack-tabs__btn:focus {
  outline: none;
}

body.fazzh-has-pack-tabs .fazzh-pack-tabs__btn:not(.is-active):hover,
body.fazzh-has-pack-tabs .fazzh-pack-tabs__btn:not(.is-active):focus {
  background-color: #e8e8e8;
}

body.fazzh-has-pack-tabs .fazzh-pack-tabs__btn.is-active {
  background-color: #2B2B2B;
  color: #fff;
  font-weight: 400;
}

/* Hide default attribute selects; keep form + qty/cart. */
body.fazzh-has-pack-tabs form.variations_form .variations,
body.fazzh-has-pack-tabs form.variations_form .reset_variations {
  display: none !important;
}

/* Variation price lives in summary .fazzh-product-price-row — hide duplicate. */
body.fazzh-has-pack-tabs form.variations_form .woocommerce-variation-price,
body.fazzh-has-pack-tabs form.variations_form .woocommerce-variation-availability {
  display: none !important;
}

body.fazzh-has-pack-tabs form.variations_form .single_variation_wrap {
  margin: 0;
}

body.fazzh-has-pack-tabs form.variations_form .woocommerce-variation {
  min-height: 0;
}

@media screen and (max-width: 991px) {
  body.fazzh-has-pack-tabs .fazzh-pack-tabs__btn {
    padding: 9px 8px;
    font-size: 14px;
  }
}