/* Approved book/audio visual. Scope all rules to this one carousel slide. */
.fav-preview #hero-learn { background:#061621; }
.fav-preview #hero-learn::before { display:none; }
.fav-preview #hero-learn .fav-hero-nav-inner { display:grid;grid-template-columns:45% 55%;align-items:center;gap:0;width:100%;max-width:none;min-height:0;padding:0;margin:0; }
.fav-preview #hero-learn .fav-hero-nav-copy { width:auto;max-width:none;min-height:0;padding:70px 24px 70px 40px;z-index:2; }
.fav-preview #hero-learn .fav-hero-nav-copy h2 { max-width:none; }
.fav-preview #hero-learn .fav-hero-nav-visual { position:relative;inset:auto;width:100%;height:auto;align-self:center;overflow:visible; }
.fav-preview #hero-learn .fl-book-audio-scene { position:relative;margin:0;width:100%; }
.fav-preview #hero-learn .fl-book-audio-scene>img { display:block;width:100%;height:auto;max-width:none;aspect-ratio:1;object-fit:contain; }
.fav-preview #hero-learn .fl-book-audio-scene::before { content:'';position:absolute;inset:0 auto 0 0;width:9%;background:linear-gradient(90deg,#061621,transparent);pointer-events:none;z-index:1; }
.fav-preview #hero-learn .fl-book-audio-book { position:absolute;left:9%;top:11%;width:48%;height:75%;border-radius:4px; }
.fav-preview #hero-learn .fl-book-audio-hypnose-image { position:absolute;left:59%;right:1%;top:44%;bottom:15%; }
.fav-preview #hero-learn .fl-book-audio-hypnose { position:absolute;left:59%;right:3%;bottom:3%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;background:#fffaf0;color:#142c38;text-decoration:none;border-left:2px solid #bd9943;box-shadow:0 5px 20px #0002;font-size:12px;line-height:1.5; }
.fav-preview #hero-learn .fl-book-audio-hypnose small { display:block;font-size:9px;letter-spacing:.13em;color:#8f7137;font-weight:600;margin-bottom:3px; }
.fav-preview #hero-learn .fl-book-audio-hypnose strong { font-weight:600; }
.fav-preview #hero-learn .fl-book-audio-hypnose-arrow { font:21px/1 Arial,sans-serif; }
.fav-preview #hero-learn .fl-book-audio-hypnose:hover { background:#fff; }
.fav-preview #hero-learn .fl-book-audio-scene a:focus-visible { outline:3px solid #e2bd65;outline-offset:4px; }
@media(min-width:1600px){.fav-preview #hero-learn .fav-hero-nav-copy{padding-left:52px}}
@media(max-width:1050px){
 .fav-preview #hero-learn .fav-hero-nav-inner{grid-template-columns:1fr 1fr}
 .fav-preview #hero-learn .fav-hero-nav-copy{padding:45px 18px 45px 26px}
 .fav-preview #hero-learn .fl-book-audio-hypnose{left:52%;font-size:10px;padding:10px}
 .fav-preview #hero-learn .fl-book-audio-hypnose small{font-size:8px}
}
@media(max-width:720px){
 .fav-preview #hero-learn .fav-hero-nav-inner{display:flex;flex-direction:column}
 .fav-preview #hero-learn .fav-hero-nav-copy{width:100%;padding:40px 25px 32px}
 .fav-preview #hero-learn .fav-hero-nav-visual{width:100%;height:auto}
 .fav-preview #hero-learn .fl-book-audio-scene::before{display:none}
 .fav-preview #hero-learn .fl-book-audio-hypnose{left:57%;font-size:10px;padding:10px}
 .fav-preview #hero-learn .fl-book-audio-hypnose-arrow{font-size:19px}
}