/* Rağbet product surfaces. Load after the native product and builder styles.
 * The builder continues to own column proportions, order, sticky behavior,
 * desktop gap (32px by default) and the 24px stacked-layout gap.
 */
html body.single-product.drn-reference-global,
html body.single-product.drn-reference-global .yc-store {
  background: var(--yc-bg-product, var(--yc-surface-alt, #f5f6f8)) !important;
}

/* The page and grid expose the neutral product background between the cards. */
html body.single-product.drn-reference-global .yc-buy-page,
html body.single-product.drn-reference-global .yc-buy-page .drn-flow-product,
html body.single-product.drn-reference-global .yc-buy-page .drn-flow-product .yc-buy-top {
  background: transparent !important;
}

/* Only the two outer columns own a surface; their native components stay intact. */
html body.single-product.drn-reference-global .yc-buy-page .drn-flow-product .yc-buy-top > :is(.yc-buy-gallery, .yc-buy-info) {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 1px solid var(--yc-border, #e3e5eb) !important;
  border-radius: var(--yc-radius-lg, 16px) !important;
  background: var(--yc-surface, #fff) !important;
  box-shadow: none !important;
}
html body.single-product.drn-reference-global .yc-buy-page .drn-flow-product .yc-buy-top > .yc-buy-gallery {
  padding: 16px !important;
}
html body.single-product.drn-reference-global .yc-buy-page .drn-flow-product .yc-buy-top > .yc-buy-info {
  padding: clamp(20px, 2vw, 24px) !important;
}

/* The main photograph sits inside the white gallery card. Preserve its native
 * aspect ratio, slide padding, image fit, thumbnails and selected thumb border. */
html body.single-product.drn-reference-global .yc-buy-page .drn-flow-product .yc-buy-top > .yc-buy-gallery .yc-gallery-stage {
  border: 0 !important;
  box-shadow: none !important;
}

/* The existing builder switches to a single column below 1024px. */
@media (max-width: 1023px) {
  html body.single-product.drn-reference-global .yc-buy-page .drn-flow-product .yc-buy-top > :is(.yc-buy-gallery, .yc-buy-info) {
    padding: 16px !important;
  }
}
@media (max-width: 639px) {
  html body.single-product.drn-reference-global .yc-buy-page .drn-flow-product .yc-buy-top > .yc-buy-gallery {
    padding: 14px !important;
  }
}

/* A single compact explanation immediately below the native product name. */
html body.single-product.drn-reference-global .drn-reference-component[data-drn-component="title"] .drn-title-installment-note {
  display: flex; align-items: flex-start; gap: 10px;
  box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0;
  margin: 10px 0 0; padding: 12px;
  border: 1px solid var(--yc-border, #e3e5eb);
  border-color: color-mix(in srgb, var(--yc-text, #221d35) 16%, var(--yc-surface, #fff));
  border-radius: var(--drn-pb-radius, var(--yc-radius-md, 12px));
  background: var(--yc-surface-alt, #fafafa);
  color: var(--yc-text);
  font-family: var(--yc-font-body, inherit);
  font-weight: var(--yc-font-body-weight, 400);
  letter-spacing: var(--yc-tracking-body, normal);
}
html body.single-product.drn-reference-global .drn-title-installment-note > .drn-ref-icon {
  flex: 0 0 18px; width: 18px; height: 18px; margin-top: 1px; color: var(--yc-primary);
}
html body.single-product.drn-reference-global .drn-title-installment-note > div { min-width: 0; }
html body.single-product.drn-reference-global .drn-title-installment-note strong {
  display: block; margin: 0; color: var(--yc-text);
  font-family: var(--yc-font-heading, var(--yc-font-body, inherit));
  font-size: calc(14px * var(--drn-font-scale, 1) * var(--drn-local-scale, 1));
  font-weight: var(--yc-font-heading-weight, 600); line-height: 1.45;
}
html body.single-product.drn-reference-global .drn-title-installment-note p {
  margin: 4px 0 0; padding: 0; color: var(--yc-muted);
  font-size: calc(13px * var(--drn-font-scale, 1) * var(--drn-local-scale, 1));
  line-height: 1.55;
}

/* Product support uses the native secondary action size and a real button. */
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan .drn-plan-actions .drn-plan-support {
  appearance: none; cursor: pointer; font-family: var(--yc-font-body, inherit);
  letter-spacing: inherit;
}
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan .drn-plan-actions .drn-plan-support:hover {
  background: var(--yc-surface-alt, #fafafa) !important;
  color: var(--yc-primary) !important; border-color: var(--yc-primary) !important;
}
html body.single-product .yc-buy-page .drn-flow-product .drn-plan-support:focus-visible {
  outline: 2px solid var(--yc-primary); outline-offset: 3px;
}

/* The native variation form supplies the deposit, selected term and cash quote. */
html body.single-product:has([data-d-payment-overview]) [data-d-cash-copy] { display: none !important; }
html body.single-product .drn-payment-plan .drn-payment-overview {
  --overview-scale: calc(var(--drn-font-scale, 1) * var(--drn-local-scale, 1));
  display: grid; gap: 11px; min-width: 0; margin: 0 0 14px; padding: 13px 14px;
  border: 1px solid var(--yc-border, #e3e5eb); border-radius: var(--yc-radius-md, 12px);
  background: var(--yc-surface, #fff); color: var(--yc-text, #221d35);
  font-family: var(--yc-font-body, inherit); line-height: 1.4;
}
html body.single-product .drn-payment-overview [hidden],
html body.single-product .drn-payment-overview:not(:has([data-d-payment-pair]:not([hidden]), [data-d-summary-cash]:not([hidden]), [data-d-summary-status]:not([hidden]))) { display: none !important; }
html body.single-product .drn-payment-overview .drn-payment-pair {
  display: grid; grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr); gap: 8px; align-items: center;
}
html body.single-product .drn-payment-overview .drn-payment-pair > div { display: grid; gap: 2px; min-width: 0; }
html body.single-product .drn-payment-overview .drn-payment-label { font-size: calc(13px * var(--overview-scale)); font-weight: 550; }
html body.single-product .drn-payment-overview .drn-payment-pair strong {
  font: 650 calc(18px * var(--overview-scale))/1.3 var(--yc-font-heading, var(--yc-font-body, inherit));
  color: var(--yc-text); font-variant-numeric: tabular-nums;
}
html body.single-product .drn-payment-overview .drn-payment-pair [data-d-summary-deposit] { color: var(--yc-primary, #643cbe); }
html body.single-product .drn-payment-overview .drn-payment-plus { color: var(--yc-muted, #666); text-align: center; font-size: 16px; }
html body.single-product .drn-payment-overview small,
html body.single-product .drn-payment-overview :is([data-d-summary-last], [data-d-summary-status]) {
  color: var(--yc-muted, #62616a); font-size: calc(12px * var(--overview-scale)); line-height: 1.4; margin: 0;
}
html body.single-product .drn-payment-overview fieldset { min-inline-size: 0; margin: 0; padding: 0; border: 0; }
html body.single-product .drn-payment-overview fieldset legend { margin: 0 0 5px; padding: 0; color: var(--yc-muted, #62616a); font: 500 calc(12px * var(--overview-scale))/1.4 var(--yc-font-body, inherit); }
html body.single-product .drn-payment-overview .drn-payment-terms { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(74px, 100%), 1fr)); gap: 6px; }
html body.single-product .drn-payment-overview [data-d-term] {
  display: grid; align-content: center; justify-items: center; gap: 1px; min-width: 0; min-height: 44px; margin: 0; padding: 5px 3px;
  border: 1px solid var(--yc-border, #e3e5eb); border-radius: var(--yc-radius-sm, 8px);
  background: var(--yc-surface, #fff); color: var(--yc-text); font-family: inherit; cursor: pointer;
}
html body.single-product .drn-payment-overview [data-d-term] strong { font-size: calc(14px * var(--overview-scale)); line-height: 1.35; font-weight: 600; }
html body.single-product .drn-payment-overview [data-d-term][aria-pressed="true"] {
  color: var(--yc-primary, #643cbe); border-color: var(--yc-primary, #643cbe);
  background: color-mix(in srgb, var(--yc-primary, #643cbe) 6%, var(--yc-surface, #fff));
}
html body.single-product .drn-payment-overview [data-d-term][aria-pressed="true"] small { color: inherit; }
html body.single-product .drn-payment-overview button:focus-visible { outline: 2px solid var(--yc-primary); outline-offset: 2px; }
html body.single-product .drn-payment-overview .drn-payment-cash {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 8px; align-items: center; min-width: 0;
  padding: 10px 11px; border-radius: var(--yc-radius-sm, 8px); background: #f2f7f3; color: #284c39;
}
html body.single-product .drn-payment-overview .drn-payment-cash-badge {
  grid-column: 1; justify-self: start; font-size: calc(12px * var(--overview-scale)); font-weight: 650; color: #285f3c;
}
html body.single-product .drn-payment-overview [data-d-cash-label] { grid-column: 1; margin: 0; font-size: calc(12px * var(--overview-scale)); line-height: 1.4; color: #466151; }
html body.single-product .drn-payment-overview .drn-payment-cash-prices { grid-column: 1; display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 8px; }
html body.single-product .drn-payment-overview .drn-payment-cash-prices del { color: #617368; font-size: calc(12px * var(--overview-scale)); }
html body.single-product .drn-payment-overview .drn-payment-cash-prices strong { font-weight: 650; font-size: calc(16px * var(--overview-scale)); font-variant-numeric: tabular-nums; }
html body.single-product .drn-payment-overview .drn-payment-cash-info {
  grid-column: 2; grid-row: 1 / span 3; min-height: 38px; padding: 4px 5px; border: 0; border-radius: 4px;
  color: #285f3c; background: transparent; font: 600 calc(13px * var(--overview-scale))/1.4 var(--yc-font-body, inherit);
  text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
}
@media (max-width: 639px) {
  html body.single-product .drn-payment-plan .drn-payment-overview { padding: 11px; gap: 9px; }
  html body.single-product .drn-payment-overview .drn-payment-pair { grid-template-columns: minmax(0, 1fr) 14px minmax(0, 1fr); gap: 5px; }
  html body.single-product .drn-payment-overview .drn-payment-terms { gap: 4px; }
  html body.single-product .drn-payment-overview [data-d-term-options][data-term-count="4"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body.single-product .drn-payment-overview .drn-payment-cash-info { min-height: 44px; }
}

/* Keep the real application state inside the payment card, under its quote. */
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan .drn-payment-overview .drn-application-inline {
  min-width: 0; margin: 0 !important; padding: 14px 0 0 !important;
  border: 0 !important; border-top: 1px solid var(--yc-border, #e3e5eb) !important;
  border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
}
html body.single-product .yc-buy-page .drn-flow-product .drn-payment-overview .drn-application-guide {
  display: flex; align-items: center; gap: 8px; min-width: 0; min-height: 44px;
  margin: 10px 0 0; padding: 9px 11px; border: 1px solid color-mix(in srgb, var(--yc-primary, #643cbe) 24%, var(--yc-border, #e3e5eb));
  border-radius: var(--yc-radius-sm, 8px); background: color-mix(in srgb, var(--yc-primary, #643cbe) 4%, var(--yc-surface, #fff));
  color: var(--yc-primary, #643cbe); font: 600 calc(13px * var(--overview-scale))/1.4 var(--yc-font-body, inherit); text-decoration: none;
}
html body.single-product .drn-payment-overview .drn-application-guide span { flex: 1; min-width: 0; }
html body.single-product .drn-payment-overview .drn-application-guide svg { flex: none; width: 16px; height: 16px; }
html body.single-product .drn-payment-overview .drn-application-guide:hover { text-decoration: underline; text-underline-offset: 3px; }
html body.single-product .drn-payment-overview .drn-application-guide:focus-visible { outline: 2px solid var(--yc-primary); outline-offset: 2px; }
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan .drn-payment-overview .drn-plan-apply-description {
  margin: 10px 0 0 !important; font-size: calc(13px * var(--overview-scale)) !important; line-height: 1.55 !important;
}
html body.single-product .yc-buy-page .drn-flow-product .drn-payment-plan .drn-payment-overview [data-d-restore] { min-height: 44px; }

/* Approved identity and offer information share the same left edge as the quote. */
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan .drn-payment-overview .drn-applicant-card {
  padding: 0 !important;
}
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan .drn-payment-overview .drn-ap-timebox {
  margin: 12px 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important;
}
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan .drn-payment-overview .drn-ap-kimlik {
  margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important;
}
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan.is-approved .drn-payment-overview .drn-plan-result {
  padding: 0 0 10px !important; background: transparent !important;
}

/* Native cart fragments determine when the optional cart link is useful. */
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan .drn-plan-actions .drn-plan-gotocart[hidden] {
  display: none !important;
}

/* A single, quiet timeline inside the existing native application form. */
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan .drn-payment-overview .drn-apply-checking {
  margin: 14px 0 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important;
}
html body.single-product .drn-payment-overview .drn-apply-timeline { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; }
html body.single-product .yc-buy-page .drn-flow-product .drn-payment-overview .drn-apply-timeline .drn-apply-step {
  position: relative; display: flex !important; align-items: flex-start; gap: 8px !important; min-width: 0; margin: 0 !important; padding: 0 !important;
  color: var(--yc-muted, #64748b); font: 400 calc(13px * var(--overview-scale))/1.5 var(--yc-font-body, inherit) !important;
}
html body.single-product .drn-payment-overview .drn-apply-step:not(:last-child)::after { content: ''; position: absolute; top: 21px; bottom: -9px; left: 7px; border-left: 1px solid var(--yc-border, #e3e5eb); }
html body.single-product .drn-payment-overview .drn-apply-step-content { flex: 1; min-width: 0; }
html body.single-product .drn-payment-overview .drn-apply-step-icon { display: block; flex: 0 0 16px; width: 16px; height: 16px; margin-top: 2px; }
html body.single-product .drn-payment-overview .drn-apply-step-icon svg { display: block; width: 16px; height: 16px; }
html body.single-product .drn-payment-overview .drn-apply-step.is-done > .drn-apply-step-icon { color: #23835a; }
html body.single-product .drn-payment-overview .drn-apply-step.is-active [data-d-step-label] { color: var(--yc-text); font-weight: 600; }
html body.single-product .drn-payment-overview .drn-apply-identity { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; margin-top: 9px; }
html body.single-product .yc-buy-page .drn-flow-product .drn-payment-overview .drn-apply-identity .drn-ap-row .drn-ap-l { font-size: calc(11px * var(--overview-scale)) !important; line-height: 1.4 !important; letter-spacing: 0 !important; }
html body.single-product .yc-buy-page .drn-flow-product .drn-payment-overview .drn-apply-identity .drn-ap-row .drn-ap-v { font-size: calc(13px * var(--overview-scale)) !important; line-height: 1.45 !important; overflow-wrap: anywhere; }

/* The approved result and the server's remaining offer time form one compact summary. */
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan.is-approved .drn-payment-overview .drn-plan-result {
  padding: 0 !important; gap: 9px !important; border: 0 !important; background: transparent !important;
}
html body.single-product .yc-buy-page .drn-flow-product .drn-payment-overview .drn-plan-result h3 { margin: 0 !important; font: 650 calc(14px * var(--overview-scale))/1.45 var(--yc-font-body, inherit) !important; }
html body.single-product .yc-buy-page .drn-flow-product .drn-payment-overview .drn-plan-result p { margin: 2px 0 0 !important; color: var(--yc-muted) !important; font: 400 calc(12px * var(--overview-scale))/1.5 var(--yc-font-body, inherit) !important; }
html body.single-product .drn-payment-overview .drn-validity-copy { flex: 1; }
html body.single-product .drn-payment-overview .drn-validity-lead { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 3px 10px; align-items: baseline; }
html body.single-product .drn-payment-overview [data-d-validity-remaining] { color: #8b5c08; font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
html body.single-product .yc-buy-page .drn-flow-product .drn-payment-overview .drn-validity-copy .drn-validity-note { margin-top: 5px !important; color: var(--yc-muted) !important; font-size: calc(12px * var(--overview-scale)) !important; line-height: 1.5 !important; }
@media (prefers-reduced-motion: reduce) {
  html body.single-product .yc-buy-page .drn-flow-product .drn-payment-overview .drn-apply-step-icon.is-spinning > svg { animation: none !important; }
}
html body.single-product .drn-payment-plan.is-evaluating .drn-plan-identification > :is(.drn-application-guide, .drn-plan-apply-description) { display: none !important; }

html body.single-product .yc-buy-page .drn-flow-product .drn-payment-overview .drn-plan-result[data-status="approved"] h3 { color: #196044 !important; }
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan .drn-payment-overview .drn-apply-timeline .drn-apply-step + .drn-apply-step { margin-top: 0 !important; }
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan .drn-payment-overview .drn-plan-result[data-status="declined"] h3 { color: #a33832 !important; }
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan .drn-payment-overview .drn-plan-result[data-status="pending"] h3 { color: var(--yc-text) !important; }

/* A distinct approved summary, using the same typography and line icons as the PDP. */
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan.is-approved .drn-payment-overview .drn-plan-result[data-status="approved"] {
  align-items: center !important; gap: 10px !important; padding: 10px 11px !important;
  border: 1px solid #d7e8dd !important; border-radius: var(--yc-radius-sm, 8px) !important; background: #f0f8f3 !important;
}
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan.is-approved .drn-payment-overview .drn-plan-result[data-status="approved"] .drn-plan-result-mark {
  display: grid !important; place-items: center; flex: 0 0 32px !important; width: 32px !important; height: 32px !important;
  margin: 0 !important; border-radius: 50% !important; background: #fff !important; color: #26774f !important;
}
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan.is-approved .drn-payment-overview .drn-plan-result[data-status="approved"] .drn-plan-result-mark > svg {
  width: 22px !important; height: 22px !important; color: inherit !important;
}
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan.is-approved .drn-payment-overview .drn-validity-lead {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px;
}
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan.is-approved .drn-payment-overview .drn-validity-lead strong {
  font-weight: 550; line-height: 1.45;
}
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan.is-approved .drn-payment-overview [data-d-validity-remaining] {
  padding: 4px 7px; border: 1px solid #efdbb6; border-radius: 6px; background: #fff3dc; color: #86590e;
  font-size: calc(13px * var(--overview-scale)); line-height: 1.35; font-weight: 650;
}
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan.is-approved .drn-payment-overview .drn-ap-timebox > svg {
  margin-top: 5px !important; color: #a27627; width: 17px !important; height: 17px !important;
}
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan.is-approved .drn-payment-overview .drn-ap-kimlik {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 12px !important;
  margin-top: 12px !important; border-top: 1px solid var(--yc-border, #e3e5eb) !important;
}
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan.is-approved .drn-payment-overview .drn-ap-kimlik .drn-ap-row[data-d-identity-field] {
  display: grid !important; grid-template-columns: 26px minmax(0, 1fr); align-items: center; gap: 8px;
  min-width: 0; padding: 9px 0 !important;
}
html body.single-product .drn-payment-plan.is-approved .drn-ap-detail-icon {
  display: grid; place-items: center; width: 26px; height: 28px; border-radius: 7px;
  background: var(--yc-surface-alt, #f5f6f8); color: var(--yc-muted, #64748b);
}
html body.single-product .drn-payment-plan.is-approved .drn-ap-detail-icon svg { display: block; width: 16px; height: 16px; }
html body.single-product .drn-payment-plan.is-approved .drn-ap-detail-copy { min-width: 0; }
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan.is-approved .drn-payment-overview .drn-ap-kimlik .drn-ap-l {
  text-transform: none !important; letter-spacing: 0 !important; color: var(--yc-muted, #64748b) !important; font-size: calc(12px * var(--overview-scale)) !important; line-height: 1.4 !important;
}
html body.single-product .yc-buy-page .drn-flow-product :is(.yc-buy-info,.drn-reference-component) .drn-payment-plan.is-approved .drn-payment-overview .drn-ap-kimlik .drn-ap-v {
  font-size: calc(13px * var(--overview-scale)) !important; line-height: 1.5 !important; overflow-wrap: anywhere; font-variant-numeric: tabular-nums;
}
@media (max-width: 639px) {
  html body.single-product .yc-buy-page .drn-flow-product .drn-payment-plan.is-approved .drn-ap-kimlik :is([data-d-identity-field="name"], [data-d-identity-field="tc"]) {
    grid-column: 1 / -1; border-bottom: 1px solid var(--yc-border, #e3e5eb) !important;
  }
}

/* Native terms expose their total-term rate alongside the monthly quote. */
html body.single-product .drn-payment-overview .drn-payment-terms > [data-d-term] {
  position: relative; gap: 3px; min-height: 84px; padding: 9px 4px; align-content: center;
}
html body.single-product .drn-payment-overview .drn-term-monthly { font-size: calc(13px * var(--overview-scale)); line-height: 1.35; font-variant-numeric: tabular-nums; }
html body.single-product .drn-payment-overview .drn-term-rate { font-size: calc(12px * var(--overview-scale)); line-height: 1.3; }
html body.single-product .drn-payment-overview .drn-term-check { position: absolute; top: 5px; right: 5px; width: 12px; height: 12px; opacity: 0; }
html body.single-product .drn-payment-overview .drn-term-check svg { display: block; width: 12px; height: 12px; }
html body.single-product .drn-payment-overview [data-d-term][aria-pressed="true"] .drn-term-check { opacity: 1; }
html body.single-product .drn-payment-overview .drn-all-plans { min-width: 0; margin: -3px 0 0; padding: 0; border: 0; }
html body.single-product .drn-payment-overview .drn-all-plans > summary {
  display: flex; align-items: center; gap: 7px; min-height: 44px; padding: 7px 0; list-style: none; cursor: pointer;
  color: var(--yc-primary); font: 550 calc(12px * var(--overview-scale))/1.45 var(--yc-font-body, inherit);
}
html body.single-product .drn-payment-overview .drn-all-plans > summary::-webkit-details-marker { display: none; }
html body.single-product .drn-payment-overview .drn-all-plans > summary::marker { content: ''; }
html body.single-product .drn-payment-overview .drn-all-plans > summary > span { flex: 1; min-width: 0; }
html body.single-product .drn-payment-overview .drn-all-plans > summary svg { flex: none; width: 16px; height: 16px; }
html body.single-product .drn-payment-overview .drn-all-plans-chevron { transition: transform .15s ease; }
html body.single-product .drn-payment-overview .drn-all-plans[open] .drn-all-plans-chevron { transform: rotate(180deg); }
html body.single-product .drn-payment-overview .drn-all-plans > summary:focus-visible,
html body.single-product .drn-payment-overview .drn-all-plans-scroll:focus-visible { outline: 2px solid var(--yc-primary); outline-offset: 2px; border-radius: 3px; }
html body.single-product .drn-payment-overview .drn-all-plans-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
html body.single-product .drn-payment-overview .drn-all-plans table { width: 100%; min-width: 270px; margin: 0; border-collapse: collapse; text-align: left; background: transparent; }
html body.single-product .drn-payment-overview .drn-all-plans caption { margin: 0; padding: 3px 0 9px; text-align: left; color: var(--yc-muted); font-size: calc(12px * var(--overview-scale)); }
html body.single-product .drn-payment-overview .drn-all-plans caption strong { color: var(--yc-text); font-weight: 600; }
html body.single-product .drn-payment-overview .drn-all-plans :is(th,td) { padding: 7px 4px; border: 0; border-bottom: 1px solid var(--yc-border); vertical-align: middle; font-size: calc(13px * var(--overview-scale)); line-height: 1.4; font-variant-numeric: tabular-nums; }
html body.single-product .drn-payment-overview .drn-all-plans thead th { color: var(--yc-muted); background: var(--yc-surface-alt, #f7f8fa); font-size: calc(12px * var(--overview-scale)); font-weight: 550; }
html body.single-product .drn-payment-overview .drn-all-plans :is(th,td) small { display: block; margin-top: 2px; font-weight: 400; }
html body.single-product .drn-payment-overview .drn-all-plans tbody th strong { font-size: inherit; font-weight: 600; white-space: nowrap; }
html body.single-product .drn-payment-overview .drn-all-plans td:nth-child(3) { font-weight: 600; }
html body.single-product .drn-payment-overview .drn-all-plans td:last-child { text-align: right; }
html body.single-product .drn-payment-overview .drn-all-plans [data-selected="true"] { background: color-mix(in srgb, var(--yc-primary) 5%, var(--yc-surface, #fff)); }
html body.single-product .drn-payment-overview .drn-all-plans [data-d-term] {
  display: inline-flex; align-items: center; justify-content: center; min-width: 50px; min-height: 40px; padding: 5px 6px;
  font-size: calc(12px * var(--overview-scale)); line-height: 1.35;
}
html body.single-product .drn-payment-overview .drn-all-plans .drn-all-plans-note { margin: 8px 0 0; color: var(--yc-muted); font-size: calc(12px * var(--overview-scale)); line-height: 1.5; }
@media (max-width: 639px) {
  html body.single-product .drn-payment-overview .drn-payment-terms > [data-d-term] { min-height: 88px; }
  html body.single-product .drn-payment-overview .drn-all-plans [data-d-term] { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  html body.single-product .drn-payment-overview .drn-all-plans-chevron { transition: none; }
}