/* Desktop retains the editorial layout; phones use compact disclosures. */
@media (min-width: 701px) {
  .pdp-mobile-section > summary { display: none; }
}
@media (max-width: 700px) {
  .wl-jump, .rh-jump { display: none !important; }
  .pdp-mobile-section {
    margin: 0 24px !important;
    padding: 0 !important;
    border: 0;
    border-top: 1px solid #c9beac;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .pdp-mobile-section > summary,
  .ghk-overview > summary {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 56px;
    padding: 16px 28px 16px 0;
    position: relative;
    list-style: none;
    cursor: pointer;
    color: var(--edit-ink, #302d28);
    font: 500 17px/1.4 var(--font-text);
    letter-spacing: 0;
    text-transform: none;
  }
  .pdp-mobile-section > summary::-webkit-details-marker { display: none; }
  .pdp-mobile-section > summary::after {
    content: '';
    position: absolute;
    right: 5px;
    top: 22px;
    width: 8px;
    height: 8px;
    border-right: 1.5px solid #405e81;
    border-bottom: 1.5px solid #405e81;
    transform: rotate(45deg);
  }
  .pdp-mobile-section[open] > summary::after { transform: rotate(225deg); top: 26px; }
  .pdp-mobile-section > summary:focus-visible { outline: 2px solid #405e81; outline-offset: 3px; }
  .pdp-mobile-section > section,
  .pdp-mobile-section :is(.wl-card, .rh-card, .ben, .ben__grid) {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 0 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  .pdp-mobile-section :is(.wl-media, .rh-media, .ben__media,
    .wl-label, .rh-blbl, .sec__lbl, .wl-heading, .rh-h, .sec__h) { display: none !important; }
  .pdp-mobile-section :is(.wl-benefits, .rh-benlist, .ben__list, .who2) {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .pdp-mobile-section :is(.wl-benefit, .rh-benitem, .benrow, .who2__row) {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 12px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
  }
  .pdp-mobile-section .who-band :is(h3, p) { color: var(--edit-ink, #302d28) !important; }
  .pdp-mobile-section .wl-benefit::before { display: none; }
  .pdp-mobile-section h3 { margin: 0 0 4px !important; font: 500 16px/1.4 var(--font-text) !important; }
  .pdp-mobile-section p { margin: 0 0 12px !important; font-size: 14px !important; line-height: 1.55 !important; }
  .pdp-mobile-section .ghk-mobile-steps { margin-top: 0; }
  .pdp-splithero__info > .ghk-overview { margin-top: 16px; }
  .wl-faq, .rh-faqcard {
    margin: 24px 24px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .wl-faq .wl-label, .rh-faqcard .rh-blbl { display: none; }
  .wl-faq .wl-heading, .rh-faqcard .rh-h { font-size: 26px !important; margin-bottom: 12px !important; }
  .wl-faq__sub, .rh-faqsub { display: none; }
}

@media (max-width: 700px) {
  .pdp { padding-left: 16px !important; padding-right: 16px !important; }
  .pdp-splithero__info { padding: 20px 8px 16px !important; }
  .pdp-mobile-section :is(.wl-card, .rh-card, .ben, .ben__grid) { padding-bottom: 0 !important; }
  .pdp-mobile-section p:last-child { margin-bottom: 0 !important; }
  .pdp-mobile-section .ghk-step:last-child { border-bottom: 0; }
  .wl-faq, .rh-faqcard { color: #302d28 !important; border-radius: 0 !important; }
  :is(.wl-faq, .rh-faqcard) :is(.wl-heading, .rh-h, .acc-head, .acc-body, .acc-body p, .acc-body li, .rh-offlabel) {
    color: #302d28 !important;
  }
  :is(.wl-faq, .rh-faqcard) :is(.wl-heading, .rh-h) { line-height: 1.15 !important; margin: 0 0 16px !important; }
  :is(.wl-faq, .rh-faqcard) .pdp-acc { margin: 0 !important; }
  :is(.wl-faq, .rh-faqcard) .acc-item { border-color: #bfb5a6 !important; }
  :is(.wl-faq, .rh-faqcard) .acc-head {
    box-sizing: border-box;
    min-height: 56px;
    padding: 16px 0 !important;
    gap: 16px;
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
  :is(.wl-faq, .rh-faqcard) .acc-pm { color: #405e81 !important; flex: none; }
  :is(.wl-faq, .rh-faqcard) .acc-body { padding: 0 !important; }
  :is(.wl-faq, .rh-faqcard) .acc-item.open .acc-body { padding-bottom: 16px !important; max-height: none !important; }
  :is(.wl-faq, .rh-faqcard) .acc-body p { padding: 0 !important; margin: 0 0 12px !important; font-size: 14px !important; line-height: 1.55 !important; }
  :is(.wl-faq, .rh-faqcard) .acc-body a { color: #405e81 !important; text-decoration: underline; }
  .pdp-close, .rh-close {
    margin: 24px 24px 0 !important;
    padding: 24px 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-top: 1px solid #bfb5a6 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  :is(.pdp-close, .rh-close) :is(.sec__lbl, .rh-blbl) { display: none; }
  :is(.pdp-close, .rh-close) :is(.sec__h, .rh-h) { margin: 0 0 12px !important; font-size: 32px !important; line-height: 1.1 !important; color: #302d28 !important; }
  :is(.pdp-close, .rh-close) :is(.sec__p, .rh-p) { margin: 0 0 20px !important; font-size: 14px !important; line-height: 1.55 !important; color: #302d28 !important; }
}

.pdp-media-gallery { display: none; }
@media (max-width: 700px) {
  .pdp-media-gallery { display: block; margin: 16px 0 28px; }
  .pdp-media-track {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 24px;
    padding: 0 24px;
    scrollbar-width: none;
    position: relative;
    align-items: center;
  }
  .pdp-media-track::-webkit-scrollbar { display: none; }
  .pdp-media-slide { flex: 0 0 92%; margin: 0; scroll-snap-align: start; min-width: 0; }
  .pdp-media-slide :is(img, video) {
    display: block;
    width: 100%;
    height: auto;
    max-height: 320px;
    object-fit: contain;
    border-radius: 0;
    background: transparent;
  }
  .pdp-media-pagination { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 10px; }
  .pdp-media-pagination button {
    display: flex; align-items: center; justify-content: center; gap: 4px;
    min-width: 44px; min-height: 44px;
    border: 0; border-bottom: 2px solid transparent; background: transparent;
    color: #405e81; font: 500 13px/1 var(--font-text); cursor: pointer;
  }
  .pdp-media-pagination button[aria-pressed="true"] { border-bottom-color: #405e81; }
  .pdp-media-pagination svg { width: 14px; height: 14px; fill: currentColor; }
  .pdp-media-pagination button:focus-visible, .pdp-media-track:focus-visible { outline: 2px solid #405e81; outline-offset: 2px; }
  .pdp-mobile-section[data-mobile-feature] { margin-top: 16px !important; margin-bottom: 16px !important; }
  .pdp-mobile-section[data-mobile-feature] > summary { font-family: var(--font-display); font-size: 28px; font-weight: 400; min-height: 64px; }
  .pdp-mobile-section[data-mobile-feature] :is(.wl-benefits, .rh-benlist) { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px 20px !important; }
  .pdp-mobile-section[data-mobile-feature] :is(.wl-benefit, .rh-benitem) { padding: 8px 0 !important; }
}