/* Final Recipe PDP compatibility layer.
 * Loaded after legacy Pavne commerce CSS and the main Recipe PDP stylesheet.
 * This deliberately neutralizes old dark/gold commerce rules that can otherwise
 * leak into the Recipe product and review UI.
 */
.recipe-store .pdp,
.recipe-store .pdp--refined,
.recipe-store .pdp-gallery,
.recipe-store .pdp-gallery__layout,
.recipe-store .pdp-summary,
.recipe-store .pdp-summary__inner,
.recipe-store .pdp-heading,
.recipe-store .pdp-purchase,
.recipe-store .pdp-client-actions,
.recipe-store .pdp-accordions,
.recipe-store .pdp-services,
.recipe-store .pdp-reviews,
.recipe-store .pdp-review-list {
  background: transparent !important;
  color: var(--recipe-ink) !important;
  box-shadow: none !important;
}

.recipe-store .pdp {
  background-color: var(--recipe-bg) !important;
}
.recipe-store .pdp-gallery__layout,
.recipe-store .pdp-summary,
.recipe-store .pdp-summary__inner {
  background-color: var(--recipe-bg) !important;
}
.recipe-store .pdp-gallery__stage {
  background: var(--recipe-card) !important;
}

.recipe-store .pdp-collection-link {
  color: var(--recipe-muted) !important;
}
.recipe-store .pdp-heading h1 {
  color: var(--recipe-ink) !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(42px, 3.7vw, 58px) !important;
  line-height: .98 !important;
  letter-spacing: -.035em !important;
  text-shadow: none !important;
}
.recipe-store .pdp-intro,
.recipe-store .pdp-stockline,
.recipe-store .variant-hint,
.recipe-store .pdp-description-block p,
.recipe-store .pdp-detail-copy,
.recipe-store .pdp-meta,
.recipe-store .pdp-client-actions small {
  color: var(--recipe-muted) !important;
}
.recipe-store .pdp-price,
.recipe-store .pdp-price__current,
.recipe-store #product-price {
  color: var(--recipe-ink) !important;
}
.recipe-store .pdp-price__compare,
.recipe-store #product-compare-price {
  color: var(--recipe-muted) !important;
}
.recipe-store .pdp-description-block h2,
.recipe-store .product-option-group legend,
.recipe-store .pdp-field-label,
.recipe-store .product-options > label,
.recipe-store .pdp-accordions summary,
.recipe-store .pdp-meta dd {
  color: var(--recipe-ink) !important;
}

.recipe-store .product-option-choice {
  background: transparent !important;
  border-color: var(--recipe-line) !important;
  color: var(--recipe-ink) !important;
}
.recipe-store .product-option-choice:hover {
  border-color: var(--recipe-ink) !important;
}
.recipe-store .product-option-choice:has(input:checked) {
  background: var(--recipe-ink) !important;
  border-color: var(--recipe-ink) !important;
  color: var(--recipe-bg) !important;
}
.recipe-store .product-options select,
.recipe-store .pdp-summary select,
.recipe-store .pdp-quantity__control,
.recipe-store .pdp-quantity__control button,
.recipe-store .pdp-quantity__control input {
  background-color: transparent !important;
  color: var(--recipe-ink) !important;
  border-color: var(--recipe-line) !important;
}
.recipe-store .product-options select option,
.recipe-store .pdp-summary select option {
  background: #fff !important;
  color: #121212 !important;
}

.recipe-store .lux-button,
.recipe-store .pdp-add-button,
.recipe-store .review-form .lux-button {
  background: var(--recipe-ink) !important;
  border-color: var(--recipe-ink) !important;
  color: #fff !important;
}
.recipe-store .lux-button:hover,
.recipe-store .lux-button:focus-visible,
.recipe-store .pdp-add-button:hover,
.recipe-store .pdp-add-button:focus-visible,
.recipe-store .review-form .lux-button:hover,
.recipe-store .review-form .lux-button:focus-visible {
  background: transparent !important;
  color: var(--recipe-ink) !important;
}

.recipe-store .pdp-services article,
.recipe-store .pdp-review-card,
.recipe-store .pdp-review-empty {
  background: transparent !important;
  color: var(--recipe-ink) !important;
}
.recipe-store .pdp-services h2,
.recipe-store .pdp-review-card h3,
.recipe-store .pdp-reviews__head h2,
.recipe-store .pdp-rating-summary strong,
.recipe-store .pdp-review-compose h3 {
  color: var(--recipe-ink) !important;
}
.recipe-store .pdp-services p,
.recipe-store .pdp-review-card > p:last-child,
.recipe-store .pdp-review-empty p,
.recipe-store .pdp-rating-summary,
.recipe-store .pdp-review-compose > p:not(.eyebrow) {
  color: var(--recipe-muted) !important;
}
.recipe-store .pdp-reviews .eyebrow,
.recipe-store .pdp-review-compose .eyebrow {
  color: var(--recipe-muted) !important;
}
.recipe-store .pdp-review-compose {
  background: rgba(255, 255, 255, .36) !important;
  border-color: var(--recipe-line) !important;
  color: var(--recipe-ink) !important;
}
.recipe-store .review-form,
.recipe-store .review-form > div,
.recipe-store .review-form label {
  background: transparent !important;
  color: var(--recipe-muted) !important;
}
.recipe-store .review-form input,
.recipe-store .review-form select,
.recipe-store .review-form textarea {
  background-color: #fff !important;
  background-image: none !important;
  color: #121212 !important;
  border: 1px solid var(--recipe-line) !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #121212 !important;
}
.recipe-store .review-form input::placeholder,
.recipe-store .review-form textarea::placeholder {
  color: #8a8882 !important;
  opacity: 1 !important;
}
.recipe-store .review-form select option {
  background: #fff !important;
  color: #121212 !important;
}
.recipe-store .review-form input:-webkit-autofill,
.recipe-store .review-form input:-webkit-autofill:hover,
.recipe-store .review-form input:-webkit-autofill:focus,
.recipe-store .review-form textarea:-webkit-autofill,
.recipe-store .review-form select:-webkit-autofill {
  -webkit-text-fill-color: #121212 !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
  transition: background-color 9999s ease-out 0s;
}

@media (max-width: 920px) {
  .recipe-store .pdp-heading h1 {
    font-size: clamp(40px, 7vw, 54px) !important;
  }
}

@media (max-width: 620px) {
  .recipe-store .pdp-heading h1 {
    font-size: clamp(38px, 12vw, 50px) !important;
  }
  .recipe-store .pdp-review-compose {
    background: transparent !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}