/* Stage 2: homepage below the preserved hero. Loaded after the shared UI. */
body.drkh-home .drkh.drkh-layout-v2 {
  --home-space:56px;
  --home-pad:24px;
  --home-line:#d4e3e1;
  font-size:16px;
  line-height:1.65;
}
body.drkh-home .drkh-layout-v2 :is(h2,h3,p) { overflow-wrap:break-word; }
body.drkh-home .drkh-layout-v2 h2 { font-size:clamp(24px,2.5vw,34px); line-height:1.3; }
body.drkh-home .drkh-layout-v2 .drkh-text-link { display:inline-flex; align-items:center; gap:8px; min-height:44px; font-size:15px; }
body.drkh-home .drkh-layout-v2 .drkh-eyebrow { margin:0 0 12px; font-size:12px; }
body.drkh-home .drkh-layout-v2 .drkh-picker-section { padding-block:32px; }
body.drkh-home .drkh-layout-v2 .drkh-picker { padding:24px 28px; gap:28px; }
body.drkh-home .drkh-layout-v2 .drkh-picker h2 { font-size:22px; margin:0 0 8px; }
body.drkh-home .drkh-layout-v2 .drkh-picker p { font-size:16px; max-width:58ch; }
body.drkh-home .drkh-layout-v2 .drkh-programs { padding-block:32px var(--home-space); }
body.drkh-home .drkh-layout-v2 .drkh-section-head { align-items:end; gap:24px; }
body.drkh-home .drkh-layout-v2 .drkh-section-head h2 { margin-bottom:12px; }
body.drkh-home .drkh-layout-v2 .drkh-section-head>.drkh-text-link { margin-bottom:8px; }
body.drkh-home .drkh-layout-v2 .drkh-section-intro { max-width:65ch; font-size:16px; margin-bottom:28px; }

/* Five direct rows keep price and action positions aligned, including long titles. */
body.drkh-home .drkh-layout-v2 .drkh-cards { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
body.drkh-home .drkh-layout-v2 .drkh-card { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto 1fr auto auto; grid-row:auto; gap:0; padding:0; border-radius:16px; border-color:var(--home-line); }
body.drkh-home .drkh-layout-v2 .drkh-card>* { min-width:0; }
body.drkh-home .drkh-layout-v2 .drkh-cover { width:100%; height:auto; aspect-ratio:1; align-self:start; }
body.drkh-home .drkh-layout-v2 .drkh-cover img { width:100%; height:auto; aspect-ratio:1; object-fit:contain; margin:0; }
body.drkh-home .drkh-layout-v2 .drkh-card-heading { padding:var(--home-pad) var(--home-pad) 0; }
body.drkh-home .drkh-layout-v2 .drkh-card .drkh-eyebrow { margin:0 0 10px; font-size:11px; overflow-wrap:anywhere; }
body.drkh-home .drkh-layout-v2 .drkh-card h3 { font-size:21px; line-height:1.4; margin:0 0 16px; min-height:0; }
body.drkh-home .drkh-layout-v2 .drkh-card-copy { font-size:16px; line-height:1.6; margin:0 var(--home-pad) 20px; min-height:0; }
body.drkh-home .drkh-layout-v2 .drkh-card-preview { padding:0 var(--home-pad); }
body.drkh-home .drkh-layout-v2 .drkj-preview { margin:0; padding:14px; border-radius:12px; }
body.drkh-home .drkh-layout-v2 .drkj-play-link { min-height:48px; gap:10px; }
body.drkh-home .drkh-layout-v2 .drkj-play-link>span:nth-child(2) { min-width:0; }
body.drkh-home .drkh-layout-v2 .drkj-play-icon { flex-basis:38px; height:38px; }
body.drkh-home .drkh-layout-v2 .drkj-play-link strong { font-size:15px; line-height:1.4; }
body.drkh-home .drkh-layout-v2 .drkj-play-link small { font-size:12px; line-height:1.6; }
body.drkh-home .drkh-layout-v2 .drkj-preview p { font-size:13px; line-height:1.55; margin:12px 0 0; }
body.drkh-home .drkh-layout-v2 .drkh-card-bottom { margin:0; padding:20px var(--home-pad) 12px; align-self:end; }
body.drkh-home .drkh-layout-v2 .drkh-purchase-meta { flex-wrap:wrap; font-size:14px; gap:8px 16px; margin:0 0 14px; }
body.drkh-home .drkh-layout-v2 .drkh-purchase-meta strong { margin-left:auto; font-size:24px; }
body.drkh-home .drkh-layout-v2 .drkh-card-actions { gap:4px; }
body.drkh-home .drkh-layout-v2 .drkh-card-details { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:8px 0; font-size:14px; text-align:center; text-decoration:underline; }
body.drkh-home .drkh-layout-v2 .drkh-overlap { font-size:14px; max-width:75ch; margin:20px 0 0; }
@supports(grid-template-rows:subgrid) {
  body.drkh-home .drkh-layout-v2 .drkh-cards { row-gap:0; }
  body.drkh-home .drkh-layout-v2 .drkh-card { grid-row:span 5; grid-template-rows:subgrid; }
}

body.drkh-home .drkh-layout-v2 .drkh-player-section { padding-bottom:var(--home-space); }
body.drkh-home .drkh-layout-v2 .drkj-features { grid-template-columns:minmax(0,1fr) minmax(220px,.65fr); gap:40px; margin:0; padding:36px; border-radius:20px; }
body.drkh-home .drkh-layout-v2 .drkj-feature-copy { min-width:0; }
body.drkh-home .drkh-layout-v2 .drkj-feature-list { gap:20px; margin:24px 0!important; }
body.drkh-home .drkh-layout-v2 .drkj-feature-list span { font-size:16px; line-height:1.6; }
body.drkh-home .drkh-layout-v2 .drkj-fine { font-size:14px; }
body.drkh-home .drkh-layout-v2 .drkj-player-shot { width:100%; max-width:300px; justify-self:center; }
body.drkh-home .drkh-layout-v2 .drkj-player-shot figcaption { font-size:13px; }
body.drkh-home .drkh-layout-v2 .drkh-how { padding-block:0 var(--home-space); }
body.drkh-home .drkh-layout-v2 .drkh-steps { gap:28px; margin:28px 0 0!important; }
body.drkh-home .drkh-layout-v2 .drkh-steps li { gap:14px; }
body.drkh-home .drkh-layout-v2 .drkh-steps li>span { display:grid; place-items:center; flex:0 0 36px; height:36px; border-radius:50%; color:var(--drkh-accent); background:#edf5f4; }
body.drkh-home .drkh-layout-v2 .drkh-steps p { font-size:16px; }
body.drkh-home .drkh-layout-v2 :is(.drkh-trust,.drkh-hypnosis) { padding-block:var(--home-space); gap:56px; }
body.drkh-home .drkh-layout-v2 :is(.drkh-trust p,.drkh-trust-list p,.drkh-hypnosis p,.drkh-benefits) { font-size:16px; }
body.drkh-home .drkh-layout-v2 .drkh-trust-list { align-content:center; gap:28px; }
body.drkh-home .drkh-layout-v2 .drkh-trust-list li:nth-child(1) { --drki-icon:var(--drki-list); }
body.drkh-home .drkh-layout-v2 .drkh-trust-list li:nth-child(2) { --drki-icon:var(--drki-message); }
body.drkh-home .drkh-layout-v2 .drkh-author-role { color:#527779; font-size:14px; margin-top:-6px; }
body.drkh-home .drkh-layout-v2 .drkh-hypnosis .drkh-research { font-size:14px; }
body.drkh-home .drkh-layout-v2 .drkh-sea-wave { height:44px; }
body.drkh-home .drkh-layout-v2 .drkh-sea-wave-top { background:#eef6f5; }
body.drkh-home .drkh-layout-v2 .drkh-sea-wave-bottom { background:#fff; }
body.drkh-home .drkh-layout-v2 .drkh-sea { grid-template-columns:.8fr 1.2fr; gap:40px; padding-block:20px 28px; }
body.drkh-home .drkh-layout-v2 .drkh-sea-photo { min-height:0; height:280px; align-self:center; }
body.drkh-home .drkh-layout-v2 .drkh-sea-photo img { min-height:0; height:100%; }
body.drkh-home .drkh-layout-v2 .drkh-sea-copy>p { font-size:16px; }
body.drkh-home .drkh-layout-v2 .drkh-sea-copy .drkh-sea-author { font-size:14px; margin-bottom:16px; }
body.drkh-home .drkh-layout-v2 .drkh-sea-status { margin-top:20px; padding:16px; }
body.drkh-home .drkh-layout-v2 .drkh-sea-status a { display:flex; align-items:center; min-height:44px; margin-top:4px; }
body.drkh-home .drkh-layout-v2 .drkh-faq { padding-block:var(--home-space); gap:56px; }
body.drkh-home .drkh-layout-v2 .drkh-faq :is(details p,div>p) { font-size:16px; }
body.drkh-home .drkh-layout-v2 .drkh-faq details { padding-bottom:12px; margin-bottom:12px; }
body.drkh-home .drkh-layout-v2 .drkh-faq summary { min-height:48px; }
body.drkh-home .drkh-layout-v2 .drkh-faq summary::after { flex:0 0 20px; text-align:center; }
body.drkh-home .drkh-layout-v2 .drkh-faq details>a { display:inline-flex; align-items:center; min-height:44px; }

@media(max-width:1099px) {
  body.drkh-home .drkh.drkh-layout-v2 { --home-pad:24px; }
  body.drkh-home .drkh-layout-v2 .drkh-cards { grid-template-columns:minmax(0,1fr); gap:20px; }
  body.drkh-home .drkh-layout-v2 .drkh-card { grid-row:auto; grid-template-columns:200px minmax(0,1fr); grid-template-rows:repeat(4,auto); padding:var(--home-pad); column-gap:24px; }
  body.drkh-home .drkh-layout-v2 .drkh-cover { grid-column:1; grid-row:1 / span 4; border-radius:10px; overflow:hidden; }
  body.drkh-home .drkh-layout-v2 :is(.drkh-card-heading,.drkh-card-copy,.drkh-card-preview,.drkh-card-bottom) { grid-column:2; }
  body.drkh-home .drkh-layout-v2 .drkh-card-heading { padding:0; }
  body.drkh-home .drkh-layout-v2 .drkh-card-copy { margin:0 0 20px; }
  body.drkh-home .drkh-layout-v2 .drkh-card-preview { padding:0; }
  body.drkh-home .drkh-layout-v2 .drkh-card-bottom { padding:20px 0 0; }
  body.drkh-home .drkh-layout-v2 .drkh-card-actions { grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:16px; }
  body.drkh-home .drkh-layout-v2 .drkh-trust { gap:32px; }
}
@media(max-width:767px) {
  body.drkh-home .drkh.drkh-layout-v2 { --home-space:40px; --home-pad:20px; }
  body.drkh-home .drkh-layout-v2 .drkh-picker-section { padding-block:24px; }
  body.drkh-home .drkh-layout-v2 .drkh-picker { padding:20px; }
  body.drkh-home .drkh-layout-v2 .drkh-picker h2 { font-size:21px; }
  body.drkh-home .drkh-layout-v2 .drkh-picker .drkh-button { margin-top:18px!important; }
  body.drkh-home .drkh-layout-v2 .drkh-programs { padding-top:28px; }
  body.drkh-home .drkh-layout-v2 .drkh-section-head { display:block; }
  body.drkh-home .drkh-layout-v2 .drkh-section-head>.drkh-text-link { margin-bottom:12px; }
  body.drkh-home .drkh-layout-v2 .drkh-card { grid-template-columns:104px minmax(0,1fr); grid-template-rows:auto auto auto auto; column-gap:16px; }
  body.drkh-home .drkh-layout-v2 .drkh-cover { grid-row:1; }
  body.drkh-home .drkh-layout-v2 .drkh-card h3 { font-size:19px; margin:0; }
  body.drkh-home .drkh-layout-v2 .drkh-card .drkh-eyebrow { font-size:10px; line-height:1.6; margin:0 0 8px; letter-spacing:.05em; }
  body.drkh-home .drkh-layout-v2 .drkh-card-copy { grid-column:1/-1; margin:18px 0; }
  body.drkh-home .drkh-layout-v2 :is(.drkh-card-preview,.drkh-card-bottom) { grid-column:1/-1; }
  body.drkh-home .drkh-layout-v2 .drkh-card-actions { grid-template-columns:minmax(0,1fr)!important; gap:4px; }
  body.drkh-home .drkh-layout-v2 .drkj-features { grid-template-columns:minmax(0,1fr); gap:28px; padding:24px 20px; }
  body.drkh-home .drkh-layout-v2 .drkj-player-shot { max-width:248px; }
  body.drkh-home .drkh-layout-v2 .drkj-feature-copy>.drkj-button { width:100%; }
  body.drkh-home .drkh-layout-v2 .drkh-steps { grid-template-columns:minmax(0,1fr); gap:24px; margin-top:24px!important; }
  body.drkh-home .drkh-layout-v2 :is(.drkh-trust,.drkh-hypnosis,.drkh-faq) { grid-template-columns:minmax(0,1fr); gap:28px; }
  body.drkh-home .drkh-layout-v2 .drkh-trust-list { gap:24px; }
  body.drkh-home .drkh-layout-v2 .drkh-sea { grid-template-columns:minmax(0,1fr); gap:24px; padding-block:16px; }
  body.drkh-home .drkh-layout-v2 .drkh-sea-wave { height:32px; }
  body.drkh-home .drkh-layout-v2 .drkh-sea-photo { height:180px; }
}
@media(max-width:360px) {
  body.drkh-home .drkh.drkh-layout-v2 { --home-pad:16px; }
  body.drkh-home .drkh-layout-v2 .drkh-card { grid-template-columns:88px minmax(0,1fr); gap:0 12px; }
  body.drkh-home .drkh-layout-v2 .drkh-card h3 { font-size:18px; }
  body.drkh-home .drkh-layout-v2 .drkh-card .drkh-eyebrow { letter-spacing:0; }
  body.drkh-home .drkh-layout-v2 .drkj-features { padding:24px 16px; }
}
