/* Original storefront layout with scoped typography and UX refinements. */
body.dh-original {
 --font-heading: 'Bricolage Grotesque', sans-serif;
 --font-body: 'Cabin', sans-serif;
 font-family: var(--font-body);
}
body.dh-original :is(h1, h2, h3, h4, .btn-cta, .navbar-cta, .sticky-bottom-btn) {
 font-family: var(--font-heading);
}
body.dh-original :is(.navbar-links a, .nav-mobile-menu a, .sticky-bottom-text, .guarantee-text, .spec-label, .spec-value) {
 font-family: var(--font-body);
}
body.dh-original .id-section .id-text { font-family: var(--font-body) !important; }

/* Original sections and image positions; consistent roles for accents and actions. */
body.dh-original {
 --purple: #642a88;
 --purple-dark: #492361;
 --purple-medium: #642a88;
 --purple-light: #f3edf7;
 --purple-faint: #faf7fc;
 --purple-border: #d8c8e2;
 --cta: #c63423;
 --cta-hover: #a82b1d;
 --yellow-hl: #fff0bc;
 --dark: #29232c;
 --body-text: #403b43;
 --gray: #625c66;
 --heading: var(--dark);
 --text: var(--body-text);
}
body.dh-original :is(.hero-eyebrow .hl-purple, .hero-section h1 .hl-purple, .fialovy-highlight, .guarantee-title) {
 background: none; color: var(--purple); -webkit-text-fill-color: currentColor;
}
body.dh-original :is(.benefit-card, .shipping-box, .price-highlight-box) {
 background: var(--purple-light); color: var(--dark); border: 1px solid var(--purple-border);
}
body.dh-original .benefit-card :is(p, strong) { color: var(--dark); }
body.dh-original :is(.benefit-icon, .id-icon) { background: var(--purple-light) !important; }
body.dh-original .id-btn { background: var(--purple) !important; }
body.dh-original .id-btn:hover { background: var(--purple-dark) !important; }
body.dh-original .trust-bar-inner { background: var(--yellow-hl); }
body.dh-original .guarantee-banner { background: #fff9e8; border: 1px solid #e4d4a8; box-shadow: none; }
body.dh-original .guarantee-title { color: #624414; }
body.dh-original .guarantee-text strong { background: none; }
body.dh-original .cta-banner { background: var(--purple-dark); border: 1px solid var(--purple-dark); }
body.dh-original :is(.cta-banner, .guarantee-banner)::before { display: none; }
body.dh-original :is(.btn-cta, .sticky-bottom-btn) { border: 1px solid var(--cta-hover); box-shadow: 0 3px 8px #49236118; min-height: 48px; }
body.dh-original :is(.btn-cta, .sticky-bottom-btn)::after { display: none; }
body.dh-original :is(.btn-cta, .navbar-cta, .sticky-bottom-btn):hover { transform: none; }
body.dh-original :is(.benefit-card, .benefit-item, .story-item, .problem-solution, .bezny-text li, .list-item, .situation-item, .method-item, .guarantee-banner, .shipping-box, .cta-banner):hover { transform: none; }
body.dh-original .navbar { background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; }
body.dh-original .navbar-hamburger { min-width: 48px; min-height: 48px; align-items: center; justify-content: center; }
body.dh-original .navbar-links a { min-height: 44px; display: inline-flex; align-items: center; }
body.dh-original .nav-mobile-menu { top: 64px; max-height: calc(100dvh - 64px); overflow-y: auto; overscroll-behavior: contain; padding-bottom: max(20px, env(safe-area-inset-bottom)); }
body.dh-original .nav-mobile-overlay { top: 64px; }
body.dh-original.menu-open, body.dh-original.preview-open { overflow: hidden; }
body.dh-original.menu-open .sticky-bottom-bar { visibility: hidden; }
body.dh-original :focus-visible { outline: 3px solid var(--purple); outline-offset: 4px; }
body.dh-original :is(.faq-question, .image-preview):focus-visible { outline-offset: -4px; }
body.dh-original .skip-link { position: fixed; top: 8px; left: 8px; z-index: 11000; transform: translateY(-160%); padding: 12px 20px; background: #fff; color: var(--purple-dark); border: 2px solid var(--purple); border-radius: 8px; }
body.dh-original .skip-link:focus { transform: translateY(0); }
body.dh-original :is(section[id], main[id]) { scroll-margin-top: 80px; }
body.dh-original .faq-answer { transition: none; }
body.dh-original .faq-item.open .faq-answer { max-height: none; }
body.dh-original .faq-answer[hidden] { display: none; }
body.dh-original .image-preview { display: block; width: 100%; border: 0; background: transparent; padding: 0; cursor: zoom-in; }
body.dh-original .lightbox-overlay { max-width: none; max-height: none; margin: 0; border: 0; padding: 76px 16px 24px; overflow: auto; }
body.dh-original .lightbox-overlay img { max-width: 100%; max-height: calc(100dvh - 108px); object-fit: contain; }
body.dh-original .lightbox-close { position: fixed; right: 16px; top: 16px; min-height: 48px; padding: 10px 20px; background: #fff; color: var(--dark); border: 0; border-radius: 8px; font: 600 16px var(--font-body); cursor: pointer; }
body.dh-original .lightbox-overlay::backdrop { background: #29232ce6; }
body.dh-original .rp-wrap2 { overflow-x: auto; mask-image: none; -webkit-mask-image: none; padding: 8px 20px 20px; scroll-snap-type: x proximity; }
body.dh-original .rp-track2 { animation: none; }
body.dh-original .rp-wrap2 .rp-item { scroll-snap-align: start; border: 1px solid var(--purple-border); }
body.dh-original .rp-item[hidden] { display: none !important; }
body.dh-original .hero-book { animation: none; }
body.dh-original .pages-carousel { scrollbar-width: thin; scrollbar-color: var(--purple) var(--purple-light); }
body.dh-original .pages-carousel::-webkit-scrollbar { display: block; height: 8px; }
body.dh-original .pages-carousel::-webkit-scrollbar-thumb { background: var(--purple); border-radius: 4px; }
body.dh-original .sticky-bottom-bar { background: #fff; border-top: 1px solid var(--purple-border); padding: 10px 20px calc(10px + env(safe-area-inset-bottom, 0px)); visibility: hidden; }
body.dh-original .sticky-bottom-bar.visible { visibility: visible; }
body.dh-original .sticky-bottom-text { color: var(--body-text); white-space: normal; }
body.dh-original .footer-links a { min-height: 44px; display: inline-flex; align-items: center; }
body.dh-original .hero-inner > *, body.dh-original .story-grid > *, body.dh-original .bonus-card > * { min-width: 0; }
body.dh-original :is(p, h1, h2, h3, h4, .btn-cta, .faq-question, td) { overflow-wrap: break-word; }
@media (max-width: 768px) {
 body.dh-original :is(.hero-body, .beznytext, .bezny-text, .bezny-text p, .story-item p, .situation-item p, .method-item p, .list-item p, .differences-list .list-item p, .narrative-section p, .auteur-section p, .second-chance-card p, .bonus-card p, .faq-answer, .shipping-box p, .benefit-card .benefit-text, .cta-subtext) { font-size: 16px; line-height: 1.7; }
 body.dh-original .id-text { font-size: 16px !important; line-height: 1.6 !important; }
 body.dh-original .faq-question { font-size: 16px; line-height: 1.5; }
 body.dh-original .sticky-bottom-bar { flex-direction: row; gap: 12px; }
 body.dh-original .sticky-bottom-text { flex: 1; font-size: 12px; }
 body.dh-original .sticky-bottom-btn { width: auto; flex-shrink: 0; padding: 12px 18px; }
 body.dh-original .rp-wrap2 { padding-left: 16px; padding-right: 16px; }
}
@media (prefers-reduced-motion: reduce) {
 html { scroll-behavior: auto; }
 body.dh-original *, body.dh-original *::before, body.dh-original *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Reflow instead of clipping when customers enlarge the page. */
body.dh-original .navbar-inner { gap: 16px; }
body.dh-original .navbar-logo { min-width: 0; }
body.dh-original .navbar-logo img { max-width: 100%; height: auto; max-height: 38px; }
body.dh-original .navbar-hamburger { flex-shrink: 0; }
body.dh-original .trust-item { white-space: normal; overflow-wrap: anywhere; }
body.dh-original .story-images { width: 100%; }
body.dh-original .benefit-text, body.dh-original .benefit-item p { min-width: 0; overflow-wrap: anywhere; }
body.dh-original .product-specs-table { table-layout: fixed; }
body.dh-original .product-specs-table td { overflow-wrap: anywhere; white-space: normal; }
body.dh-original .spec-label { width: 38%; }
body.dh-original .urgency-text-box { background: var(--purple-light) !important; }
body.dh-original .story-text::before, body.dh-original .story-divider { background: var(--purple-light); }
body.dh-original .hero-eyebrow .hl, body.dh-original :is(.zluty-highlight, .hl, .highlight-yellow) { background: var(--yellow-hl); }
body.dh-original .bezny-text .reader-thought { border: 1px solid var(--purple-border); border-radius: 8px; background: var(--purple-faint); padding: 16px 20px; margin: 20px 0; }
@media (max-width: 768px) {
 body.dh-original .story-grid, body.dh-original .second-chance-grid, body.dh-original .bonus-card { grid-template-columns: minmax(0, 1fr); }
 body.dh-original .benefit-item { flex-wrap: wrap; }
 body.dh-original .benefit-item p { flex: 1 1 140px; }
 body.dh-original .benefit-card { flex-wrap: wrap; }
 body.dh-original .benefit-card .benefit-text { flex: 1 1 130px; }
 body.dh-original .sticky-bottom-bar { flex-wrap: wrap; }
 body.dh-original .sticky-bottom-btn { flex: 0 1 auto; min-width: 0; overflow-wrap: anywhere; }
 body.dh-original .sticky-bottom-text { flex: 1 1 80px; }
 body.dh-original .product-specs-table td { padding: 10px 8px; }
}
body.dh-original :is(.list-item, .situation-item, .method-item, .bonus-check-item, .waarom-item) > :is(p, span) { min-width: 0; overflow-wrap: anywhere; }
body.dh-original .bonus-check-item { flex-wrap: wrap; }
body.dh-original .bonus-check-item > span:last-child { flex: 1 1 120px; }
body.dh-original .beznytext-list li { min-width: 0; overflow-wrap: anywhere; }