/* One continuous product scene. Stills are unmodified frames of the native demo. */
body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] {
 --ah-product-ground:#141e35;--ah-product-ink:#f4f7ff;--ah-product-muted:#c3cee2;--ah-product-accent:#a7c7ff;
}
body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-stage {background:#141e35;height:calc(100svh - var(--story-header,76px));}
body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-stage-inner {padding-top:24px;padding-bottom:48px;}
body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-canvas {height:auto;max-width:470px;aspect-ratio:auto;}
.ah166-product {color:#e8effb;width:100%;transform:translateY(calc((1 - var(--ah166-enter,1))*8px));}
.ah166-heading {display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:14px;font-weight:650;}
.ah166-heading img {width:24px;height:24px;border-radius:6px;}
.ah166-heading small {font-size:11px;font-weight:400;color:#aabbd7;margin-left:6px;}
.ah166-source {margin-left:auto;font-size:9px;font-weight:600;letter-spacing:.1em;color:#aabbd7;}
.ah166-media {position:relative;width:100%;aspect-ratio:840/940;background:#2e333c;border:1px solid #ffffff30;border-radius:18px;overflow:hidden;box-shadow:0 24px 65px #0005;}
.ah166-still {margin:0;}
.ah166-media>.ah166-still,.ah166-player {position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s;}
.ah166-still img,.ah166-player video {display:block;width:100%;height:100%;object-fit:contain;max-width:none;}
[data-product-phase="0"] .ah166-media>.ah166-still:nth-child(1),[data-product-phase="1"] .ah166-media>.ah166-still:nth-child(2),[data-product-phase="2"] .ah166-player {opacity:1;visibility:visible;}
.ah166-focus {position:absolute;left:29.5%;top:6.4%;width:62%;height:6.7%;border:2px solid #a8ceff;border-radius:7px;box-shadow:0 0 0 3px #a8ceff18;pointer-events:none;opacity:var(--ah166-enter,1);transition:border-color .2s;}
[data-product-phase="1"] .ah166-focus {border-color:#9bddc6;box-shadow:0 0 0 3px #9bddc618;}
[data-product-phase="2"] .ah166-focus {display:none;}
.ah166-note {margin:14px 0 0;padding-left:12px;border-left:2px solid #82aef7;font:500 13px/1.45 var(--sans,Arial,sans-serif);color:#d5e1f5;min-height:2.9em;}
.ah166-play {position:absolute;left:50%;bottom:18%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:16px;width:max-content;max-width:92%;min-height:44px;padding:12px 18px;border:1px solid #c1d7ff;border-radius:30px;background:#edf4ff;color:#193055;font:650 13px/1.2 var(--sans,Arial,sans-serif);cursor:pointer;box-shadow:0 6px 30px #0004;}
.ah166-play span {font-size:11px;font-weight:500;padding-left:12px;border-left:1px solid #19305540;}
.ah166-play[hidden] {display:none;}
.ah166-play:hover {background:#fff;}
.ah166-play:focus-visible,.ah166-player video:focus-visible {outline:3px solid #8fb9ff;outline-offset:-4px;}
body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-product-reading .ah-canvas {max-width:470px;}
[data-ah-reading-art] .ah166-still {max-width:380px;margin:auto;overflow:hidden;border-radius:16px;}
[data-ah-reading-art] .ah166-still img {height:auto;}
body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-product-step:last-child {margin-bottom:24px;}
@media(min-width:801px) {
 body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-canvas {max-width:min(470px,calc((100svh - 220px)*.8936));}
}
@media(max-width:800px) {
 body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-stage-inner {grid-template-rows:166px minmax(0,1fr);gap:12px;padding:16px 42px 32px 20px;align-items:start;}
 body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-narrative {height:166px;min-height:0;}
 body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-beat h3 {font-size:clamp(26px,6.8vw,36px);}
 body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] [data-ah-motion-slot] {align-self:start;}
 body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-canvas {max-width:min(360px,calc((100svh - 376px)*.8936));}
 .ah166-heading {font-size:12px;margin-bottom:8px;gap:6px;}
 .ah166-source {font-size:8px;letter-spacing:.05em;}
 .ah166-heading small {display:none;}
 .ah166-note {font-size:12px;margin-top:10px;}
 .ah166-media {border-radius:12px;}
 .ah166-play {padding:10px 12px;gap:9px;font-size:12px;}
}
@media(max-width:800px) and (max-height:700px) and (orientation:portrait) {
 body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-stage-inner {grid-template-rows:140px minmax(0,1fr);gap:6px;padding-top:8px;}
 body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-narrative {height:140px;}
 body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-beat h3 {font-size:25px;}
 body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-beat p {font-size:11px;}
 body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-canvas {max-width:min(300px,calc((100svh - 358px)*.8936));}
 .ah166-note {font-size:11px;}
}
@media(orientation:landscape) and (max-height:620px) {
 body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-stage-inner {grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr;padding:10px 45px 16px 24px;gap:24px;align-items:center;}
 body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-narrative {height:160px;}
 body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-beat {top:50%;transform:translateY(-50%);}
 body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-beat h3 {font-size:27px;}
 body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-beat p {font-size:12px;}
 body.sober-home #apphalt-produit[data-ah-native].ah166[data-ah-phase] .ah-canvas {max-width:calc((100svh - 170px)*.8936);}
 .ah166-heading {margin-bottom:5px;}.ah166-source {display:none;}.ah166-note {font-size:10px;margin-top:6px;}
}
@media(prefers-reduced-motion:reduce) {.ah166-product {transform:none;}.ah166-media>.ah166-still,.ah166-player {transition:none;}}
