/* Detox landing v81, scoped for Tilda. Generated by detox-tilda/build.mjs, do not edit by hand. */ #asj-detox{all:initial;display:block;position:relative;min-height:100vh} #asj-detox :where(*:not(svg, svg *)){all:revert} #asj-detox :where(img){max-width:100%} #asj-detox :where([hidden]:not([hidden=until-found i])){display:none!important} /* v2, 03.11: lighter page (only the footer is dark), scroll parallax on photos and shapes, organic forms: leaf-cut photos (one rounded diagonal), arch portraits, pebble cards, sun-arc day line, dotted travel route. Tokens from the anandasambhuti.org design code. Desktop first. */ #asj-detox{ --forest:#20281a; --mid:#3c5535; --olive:#3b502f; --sage:#c4cbaf; --sage-light:#e5e4d4; --warm:#f6f4f0; --cream:#efeee4; --white:#ffffff; --orange:#ff6123; --orange-hover:#eb4d0f; --peach:#f68e65; --peach-soft:#fde3d6; --sky:#d9ebf0; --earth:#f1d4b3; --muted:#666a5c; --subtle:#5f6456; --line:rgba(32,40,26,.10); --tbd-bg:#fff1c9; --tbd-ink:#7a4d00; --f-head:'Vidaloka', Georgia, 'Times New Roman', serif; --f-text:'Montserrat', 'Segoe UI', Roboto, system-ui, sans-serif; --wrap:1180px; --r-card:4px; --r-pill:100px; --leaf:4px 4px 56px 4px; --leaf-r:56px 4px 4px 4px; --arch:4px 56px 4px 4px; /* v12: rectangles with one soft corner */ color-scheme:light; } #asj-detox, #asj-detox *{box-sizing:border-box} html{scroll-behavior:smooth} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}#asj-detox, #asj-detox *{transition:none!important;animation:none!important}#asj-detox [data-px]{transform:none!important}} #asj-detox{margin:0;background:var(--warm);color:var(--forest);font-family:var(--f-text);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip} #asj-detox::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--warm)} #asj-detox h1,#asj-detox h2,#asj-detox h3,#asj-detox h4{font-family:var(--f-head);font-weight:400;line-height:1.08;margin:0;text-wrap:balance} #asj-detox h1{font-size:64px;letter-spacing:-1.2px} #asj-detox h2{font-size:46px;letter-spacing:-.6px} #asj-detox h3{font-size:26px} #asj-detox p{margin:0} #asj-detox ul,#asj-detox ol{margin:0;padding:0;list-style:none} #asj-detox a{color:inherit} #asj-detox img{max-width:100%;display:block} #asj-detox :focus-visible{outline:3px solid var(--orange);outline-offset:3px} #asj-detox .wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));position:relative} #asj-detox .band{padding-block:110px;position:relative;overflow:hidden} #asj-detox .band.white{background:var(--white)} #asj-detox .band.cream{background:var(--cream)} #asj-detox .sec-head{display:grid;gap:14px;max-width:760px;margin-bottom:56px} #asj-detox .sec-head .why{font-size:19px;font-weight:500;color:var(--subtle);line-height:1.45} #asj-detox .kicker{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mid)} #asj-detox .tbd{display:inline;background:var(--tbd-bg)!important;color:var(--tbd-ink)!important;font-family:var(--f-text);border-radius:3px;padding:0 .35em;font-weight:500;font-size:.92em} #asj-detox [data-px]{will-change:transform} /* v12: programme by procedures */ #asj-detox .flow{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} #asj-detox .flow div{padding:24px 24px 24px 0;display:grid;gap:6px;align-content:start} #asj-detox .flow div+div{padding-left:24px;border-left:1px solid var(--line)} #asj-detox .flow i{font-style:normal;font-family:var(--f-head);font-size:30px;line-height:1;color:var(--orange)} #asj-detox .flow b{font-size:17px;font-weight:600;line-height:1.3} #asj-detox .flow p{font-size:14px;color:var(--subtle);line-height:1.5} #asj-detox .proc{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} #asj-detox .proc article{background:var(--white);border:1px solid rgba(32,40,26,.06);border-radius:4px 4px 32px 4px;overflow:hidden;box-shadow:0 10px 30px rgba(32,40,26,.05);display:grid;grid-template-rows:auto 1fr} #asj-detox .proc article:nth-child(3n+2){border-radius:32px 4px 4px 4px} #asj-detox .proc .pic{aspect-ratio:4/3;background:var(--sage-light);position:relative;overflow:hidden} #asj-detox .proc .pic img{width:100%;height:100%;object-fit:cover;display:block} #asj-detox .proc .pic.need{display:grid;place-items:center;align-content:center;gap:8px;text-align:center;padding:20px;color:var(--mid);font-size:13px;font-weight:600;background:repeating-linear-gradient(-45deg,var(--sage-light) 0 12px,#ebe9dc 12px 24px)} #asj-detox .proc .pic.need svg{width:36px;height:36px} #asj-detox .proc .txt{padding:22px 24px 26px;display:grid;gap:8px;align-content:start} #asj-detox .proc h3{font-size:22px;line-height:1.15} #asj-detox .proc p{font-size:14px;color:var(--subtle);line-height:1.5} #asj-detox .proc .who{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px} #asj-detox .proc .who span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:100px;background:var(--sage-light);color:var(--forest)} #asj-detox .proc .who span.doc{background:var(--peach-soft)} #asj-detox .food-note{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px;margin-top:64px;margin-bottom:22px} #asj-detox .food-note h3{font-size:30px;max-width:22ch} #asj-detox .food-note p{font-size:15px;color:var(--subtle);max-width:40ch} #asj-detox .food{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;grid-template-rows:230px 230px;gap:14px} #asj-detox .food img{width:100%;height:100%;object-fit:cover;border-radius:4px;display:block;box-shadow:0 10px 30px rgba(32,40,26,.08)} #asj-detox .food img:first-child{grid-row:1/3;border-radius:4px 4px 56px 4px} #asj-detox .food img:last-child{border-radius:4px 4px 4px 40px} /* v55: four stages with pictures: 1 wide and short, 2 and 3 large side by side, 4 wide */ #asj-detox .stages{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 56px} #asj-detox .st{background:var(--white);border:1px solid rgba(32,40,26,.06);border-radius:4px 4px 32px 4px;overflow:hidden;box-shadow:0 10px 30px rgba(32,40,26,.05);display:grid} #asj-detox .st1,#asj-detox .st4{grid-column:1/-1;grid-template-columns:280px 1fr} #asj-detox .st4{border-radius:32px 4px 4px 4px} #asj-detox .st2,#asj-detox .st3{grid-template-rows:240px auto} #asj-detox .st img{width:100%;height:100%;object-fit:cover;display:block} #asj-detox .st1 img,#asj-detox .st4 img{height:100%;min-height:180px;contain:size} #asj-detox .st>div{padding:24px 28px 26px;display:grid;gap:8px;align-content:start} #asj-detox .st i{font-style:normal;font-family:var(--f-head);font-size:30px;line-height:1;color:var(--orange)} #asj-detox .st b{font-family:var(--f-head);font-weight:400;font-size:24px;line-height:1.15} #asj-detox .st p{font-size:15px;color:var(--subtle);line-height:1.55} @media (max-width:760px){#asj-detox .stages{grid-template-columns:1fr}#asj-detox .st1,#asj-detox .st4{grid-template-columns:1fr}#asj-detox .st1 img,#asj-detox .st4 img{height:200px}} /* v13 */ #asj-detox .flow.four{grid-template-columns:repeat(4,1fr)} #asj-detox .flow.four div{padding-right:20px} #asj-detox .flow.four p{font-size:14px} #asj-detox .prama-line{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:20px;margin:0 0 56px;padding:28px 0 32px;border-bottom:1px solid var(--line)} #asj-detox .prama-line .k h3{font-size:26px;margin:6px 0 8px} #asj-detox .prama-line .k p{font-size:15px;color:var(--subtle);line-height:1.5} #asj-detox .prama-line .k .src{font-size:12px;color:var(--muted);margin-top:8px} #asj-detox .prama-line .s{padding:18px 20px;background:var(--cream);border-radius:4px 4px 28px 4px;display:grid;gap:4px;align-content:start;border-left:3px solid #d99a5b} #asj-detox .prama-line .s.mind{border-color:#a9c48a}#asj-detox .prama-line .s.soul{border-color:#9fcfdc} #asj-detox .prama-line .s b{font-family:var(--f-head);font-weight:400;font-size:22px} #asj-detox .prama-line .s small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)} #asj-detox .prama-line .s p{font-size:14px;line-height:1.5;color:var(--subtle);margin-top:4px} #asj-detox .exit.one{grid-template-columns:1fr;margin-bottom:28px} #asj-detox .exit .box.wide{max-width:860px} #asj-detox .facts{background:var(--ivory);border-bottom:1px solid var(--line);position:relative;z-index:2} #asj-detox .facts .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-block:34px} #asj-detox .facts div{display:grid;gap:4px;padding-left:18px;border-left:1px solid var(--line)} #asj-detox .facts div:first-child{border-left:0;padding-left:0} #asj-detox .facts b{font-family:var(--f-head);font-weight:400;font-size:40px;line-height:1;color:var(--forest)} #asj-detox .facts span{font-size:13px;color:var(--subtle);letter-spacing:.02em} #asj-detox .wa-float{position:fixed;right:24px;bottom:24px;z-index:60;display:inline-flex;align-items:center;gap:10px;padding:12px 20px 12px 16px;border-radius:var(--r-pill);background:var(--forest);color:var(--white);text-decoration:none;font-size:14px;font-weight:600;box-shadow:0 12px 30px rgba(32,40,26,.28);opacity:0;transform:translateY(16px);transition:opacity .3s,transform .3s;pointer-events:none} #asj-detox .wa-float.show{opacity:1;transform:none;pointer-events:auto} #asj-detox .wa-float:hover{background:var(--olive)} #asj-detox .band{padding-block:80px} #asj-detox .proc .pic{aspect-ratio:3/2} #asj-detox .food{grid-template-rows:200px 200px} /* v36: sphere colour everywhere — tinted shelf, card frames, tab notch; teaser line on every card */ #asj-detox{--tint-body:#fbeee2;--tint-mind:#edf2e4;--tint-soul:#e6f2f6} #asj-detox .sph-kicker{display:flex;align-items:center;gap:8px;margin-top:24px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} #asj-detox .sph-kicker svg{color:var(--orange)} #asj-detox .sph{margin-top:10px} #asj-detox .sph button{position:relative;padding:16px 18px 16px 20px} #asj-detox .sph button em{font-style:normal;margin-left:auto;font-size:12px;font-weight:700;min-width:28px;height:28px;padding:0 9px;border-radius:100px;display:inline-grid;place-items:center;background:rgba(32,40,26,.06);color:var(--forest)} #asj-detox .sph button::after{content:"";position:absolute;left:50%;bottom:-9px;width:16px;height:16px;transform:translateX(-50%) rotate(45deg);background:inherit;border-right:1px solid;border-bottom:1px solid;border-color:inherit;opacity:0;transition:opacity .25s} #asj-detox .sph button.on::after{opacity:1} #asj-detox .sph button:not(.on):hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(32,40,26,.08)} #asj-detox .sph button.on.body,#asj-detox .sph button.on.mind,#asj-detox .sph button.on.soul{background:var(--white)} #asj-detox .sph button.on.body em{background:var(--sph-body);color:#fff}#asj-detox .sph button.on.mind em{background:var(--sph-mind-ink);color:#fff}#asj-detox .sph button.on.soul em{background:var(--sph-soul-ink);color:#fff} #asj-detox .sph button:not(.on):hover.body{border-color:var(--sph-body)}#asj-detox .sph button:not(.on):hover.mind{border-color:var(--sph-mind)}#asj-detox .sph button:not(.on):hover.soul{border-color:var(--sph-soul)} #asj-detox .deck-stage{--tint:transparent;margin-top:18px} @media (min-width:761px){#asj-detox .deck-stage .arrow{display:none}} #asj-detox .deck-stage .shelf{position:absolute;left:0;right:0;top:118px;bottom:38px;background:var(--tint);transition:background .9s ease;overflow:hidden;z-index:0} #asj-detox .deck-stage.body{--tint:#f7f1e9}#asj-detox .deck-stage.mind{--tint:#f1f3ea}#asj-detox .deck-stage.soul{--tint:#edf2f3} #asj-detox .dcard.body{border-color:rgba(217,154,91,.6)}#asj-detox .dcard.mind{border-color:rgba(130,160,100,.6)}#asj-detox .dcard.soul{border-color:rgba(100,165,190,.6)} #asj-detox .dcard.on.body{box-shadow:0 0 0 2px var(--sph-body),0 22px 44px rgba(32,40,26,.16)} #asj-detox .dcard.on.mind{box-shadow:0 0 0 2px var(--sph-mind-ink),0 22px 44px rgba(32,40,26,.16)} #asj-detox .dcard.on.soul{box-shadow:0 0 0 2px var(--sph-soul-ink),0 22px 44px rgba(32,40,26,.16)} #asj-detox .dcard .sub{font-size:12.5px;line-height:1.35;color:var(--subtle);margin:0;max-width:150px} #asj-detox .deck-nav .cnt{font-weight:700} @media (max-width:760px){#asj-detox .sph button::after{display:none}#asj-detox .deck-stage .shelf{display:none}#asj-detox .dcard .sub{max-width:none}} #asj-detox .deck-stage.few .dcard{width:300px;margin-left:-150px;height:460px;top:40px} #asj-detox .deck-stage.few .dcard .in{grid-template-rows:216px 1fr} #asj-detox .deck-stage.few .dcard .txt{padding:16px 20px} #asj-detox .deck-stage.few .dcard h3{font-size:21px;max-width:none} #asj-detox .deck-stage.few .dcard .sub{max-width:none;font-size:14px} #asj-detox .deck-stage.few .dcard p.more{font-size:14px} @media (max-width:760px){#asj-detox .deck-stage.few .dcard{width:min(100%,360px);height:auto;margin:0 auto}#asj-detox .deck-stage.few .dcard .in{grid-template-rows:auto 1fr}} #asj-detox .sph button:not(.on){background:transparent;border-color:rgba(32,40,26,.10)} #asj-detox .sph button:not(.on) b,#asj-detox .sph button:not(.on) small{opacity:.7} #asj-detox .sph button.on{border-width:2px;padding:15px 17px 15px 19px;transform:translateY(-3px);box-shadow:0 18px 36px rgba(32,40,26,.14)} #asj-detox .sph button.on.body{border-color:var(--sph-body-ink)}#asj-detox .sph button.on.mind{border-color:var(--sph-mind-ink)}#asj-detox .sph button.on.soul{border-color:var(--sph-soul-ink)} #asj-detox .sph button.on.body b{color:var(--sph-body-ink)}#asj-detox .sph button.on.mind b{color:var(--sph-mind-ink)}#asj-detox .sph button.on.soul b{color:var(--sph-soul-ink)} #asj-detox .sph button.on::after{bottom:-10px;border-width:2px} #asj-detox .sph button.on i{box-shadow:0 0 0 5px rgba(32,40,26,.06)} #asj-detox .deck-stage .deckpat{z-index:1;opacity:.9} #asj-detox .deck-stage .deckpat path{stroke:rgba(60,85,53,.13)} #asj-detox .deck-stage .deckpat path:nth-child(3n){stroke:rgba(255,97,35,.17)} @media (max-width:760px){#asj-detox .deck-stage .deckpat{display:none}} #asj-detox .deck-stage.compact .dcard{width:200px;margin-left:-100px;height:356px} #asj-detox .deck-stage.compact .dcard .in{grid-template-rows:146px 1fr} #asj-detox .deck-stage.compact .dcard .txt{padding:10px 12px} #asj-detox .deck-stage.compact .dcard h3{font-size:15.5px;max-width:100px} #asj-detox .deck-stage.compact .dcard .sub{font-size:12px;max-width:118px} #asj-detox .deck-stage.compact .dcard p.more{font-size:12px;line-height:1.35} /* v54: sphere switch choreography: old cards sink and fade in a ripple, the shelf recolours, new cards rise from below centre-out */ #asj-detox .dcard{transition-delay:var(--d,0s)} #asj-detox .dcard.on{z-index:300;transition-delay:var(--d,0s),var(--d,0s),var(--d,0s),var(--d,0s),var(--d,0s),var(--d,0s),calc(var(--d,0s) + .3s)} #asj-detox .dcard.out{opacity:0!important;--dy:34px;box-shadow:0 4px 10px rgba(32,40,26,.06)} #asj-detox .dcard.pre{opacity:0!important;--dy:64px;box-shadow:0 4px 10px rgba(32,40,26,.06)} #asj-detox .dcard .in{transition:grid-template-rows .45s cubic-bezier(.25,.1,.25,1)} /* v30: three spheres, one at a time; cards of the chosen sphere laid out as a hand */ #asj-detox .deck-head.prama4{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:56px;margin-bottom:8px} #asj-detox .prama4 .ph-text{display:grid;gap:10px;max-width:560px} #asj-detox .prama4 .ph-text h3{font-size:34px;line-height:1.1;margin:0} #asj-detox .prama4 .ph-text p{font-size:15px;color:var(--subtle);line-height:1.55;margin:0;max-width:none} #asj-detox .prama4 .ph-text .src{font-size:12px;color:var(--muted)} #asj-detox .tri4{width:320px;max-width:100%;justify-self:end;overflow:visible} #asj-detox .tri4 .back{fill:none;stroke:rgba(32,40,26,.10);stroke-width:1;stroke-linejoin:round} #asj-detox .tri4 .fill{fill:url(#t4fill);stroke-linejoin:round} #asj-detox .tri4 .edge{fill:none;stroke:url(#t4edge);stroke-width:2.5;stroke-linejoin:round} #asj-detox .tri4 .glow{fill:url(#t4glow);animation:t4pulse 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center} #asj-detox .tri4 .dot-ring{fill:rgba(255,97,35,.14)} #asj-detox .tri4 .dot{fill:var(--orange);stroke:#fff;stroke-width:2} #asj-detox .tri4 text{font-family:var(--f-text);font-weight:700;font-size:12.5px;fill:var(--forest);letter-spacing:.08em;text-transform:uppercase} #asj-detox .tri4 text.mid{fill:var(--forest)} #asj-detox .tri4 .vx{cursor:pointer;outline:none} #asj-detox .tri4 .vx .hit{fill:transparent} #asj-detox .tri4 .vx .pt,#asj-detox .tri4 .vx .halo{transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .35s;transform-box:fill-box;transform-origin:center} #asj-detox .tri4 .vx .pt{stroke:#fff;stroke-width:3} #asj-detox .tri4 .vx .halo{opacity:.35} #asj-detox .tri4 .vx.body .pt,#asj-detox .tri4 .vx.body .halo{fill:var(--sph-body)}#asj-detox .tri4 .vx.mind .pt,#asj-detox .tri4 .vx.mind .halo{fill:var(--sph-mind)}#asj-detox .tri4 .vx.soul .pt,#asj-detox .tri4 .vx.soul .halo{fill:var(--sph-soul)} #asj-detox .tri4 .vx:hover .pt,#asj-detox .tri4 .vx:focus-visible .pt{transform:scale(1.2)} #asj-detox .tri4 .vx:hover .halo{opacity:.55} #asj-detox .tri4 .vx.on .pt{transform:scale(1.35)} #asj-detox .tri4 .vx.on .halo{opacity:.6;transform:scale(1.25);animation:t4breath 3.2s ease-in-out infinite} #asj-detox .tri4 .vx.on.body text{fill:var(--sph-body-ink)}#asj-detox .tri4 .vx.on.mind text{fill:var(--sph-mind-ink)}#asj-detox .tri4 .vx.on.soul text{fill:var(--sph-soul-ink)} #asj-detox .tri4 .t4-float{animation:t4float 9s ease-in-out infinite} @keyframes t4pulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.18);opacity:1}} @keyframes t4breath{0%,100%{transform:scale(1.25)}50%{transform:scale(1.45)}} @keyframes t4float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}} @media (prefers-reduced-motion:reduce){#asj-detox .tri4 .glow,#asj-detox .tri4 .vx.on .halo,#asj-detox .tri4 .t4-float{animation:none}} @media (max-width:1100px){#asj-detox .deck-head.prama4{grid-template-columns:minmax(0,1fr) 260px;gap:32px}#asj-detox .tri4{width:260px}} @media (max-width:760px){#asj-detox .deck-head.prama4{grid-template-columns:1fr}#asj-detox .tri4{width:min(100%,280px);justify-self:center}} #asj-detox{--sph-body:#d99a5b;--sph-mind:#a9c48a;--sph-soul:#9fcfdc;--sph-body-ink:#b35f16;--sph-mind-ink:#4f7030;--sph-soul-ink:#2f7a93} #asj-detox .sph{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0 0;position:relative;z-index:2} #asj-detox .sph button{display:flex;align-items:center;gap:14px;text-align:left;padding:16px 20px;background:var(--white);border:1px solid rgba(32,40,26,.08);border-radius:4px 4px 20px 4px;cursor:pointer;font-family:var(--f-text);color:var(--forest);transition:border-color .25s,box-shadow .25s,transform .25s} #asj-detox .sph button:nth-child(2){border-radius:20px 4px 4px 4px} #asj-detox .sph button i{width:18px;height:18px;border-radius:50%;flex:none;transition:transform .3s} #asj-detox .sph button.body i{background:var(--sph-body)}#asj-detox .sph button.mind i{background:var(--sph-mind)}#asj-detox .sph button.soul i{background:var(--sph-soul)} #asj-detox .sph button b{display:block;font-family:var(--f-head);font-weight:400;font-size:22px;line-height:1.1} #asj-detox .sph button small{display:block;font-size:12px;color:var(--subtle);margin-top:3px} #asj-detox .sph button:hover{border-color:rgba(32,40,26,.25)} #asj-detox .sph button.on{box-shadow:0 14px 30px rgba(32,40,26,.10);transform:translateY(-2px)} #asj-detox .sph button.on.body{border-color:var(--sph-body)}#asj-detox .sph button.on.mind{border-color:var(--sph-mind)}#asj-detox .sph button.on.soul{border-color:var(--sph-soul)} #asj-detox .sph button.on i{transform:scale(1.3)} #asj-detox .deck-stage{transition:opacity .25s} #asj-detox .deck-stage.fade{opacity:0} #asj-detox .dcard.off{display:none} #asj-detox .dcard{border-top:4px solid var(--line)} #asj-detox .dcard.body{border-top-color:var(--sph-body)}#asj-detox .dcard.mind{border-top-color:var(--sph-mind)}#asj-detox .dcard.soul{border-top-color:var(--sph-soul)} #asj-detox .dcard .when.body{color:var(--sph-body-ink)}#asj-detox .dcard .when.mind{color:var(--sph-mind-ink)}#asj-detox .dcard .when.soul{color:var(--sph-soul-ink)} @media (max-width:760px){#asj-detox .sph{grid-template-columns:1fr;gap:8px}#asj-detox .sph button{padding:12px 16px}#asj-detox .sph button b{font-size:19px}} #asj-detox .tri .flow-edge{fill:none;stroke:var(--orange);stroke-width:2;stroke-dasharray:4 16;stroke-linecap:round;opacity:.75;animation:triflow 16s linear infinite} @keyframes triflow{to{stroke-dashoffset:-600}} #asj-detox .tri .spoke{animation:spokeflow 5s linear infinite;transition:stroke .5s} @keyframes spokeflow{to{stroke-dashoffset:-54}} #asj-detox .tri .spoke.on{stroke:var(--orange);stroke-width:1.6} #asj-detox .tri g circle{transition:transform .6s cubic-bezier(.2,.7,.2,1);transform-box:fill-box;transform-origin:center} #asj-detox .tri g.on circle{transform:scale(1.6)} #asj-detox .tri g text{transition:fill .5s} #asj-detox .tri g.on text{fill:var(--orange)} #asj-detox #c-dot{animation:pulse 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center} @keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}} @media (prefers-reduced-motion:reduce){#asj-detox .tri .flow-edge,#asj-detox .tri .spoke,#asj-detox #c-dot{animation:none}} /* v26: fan deck — one card format, no jumps, cheap to animate */ #asj-detox .deck{margin-top:48px} #asj-detox .deck-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:22px} #asj-detox .deck-head h3{font-size:30px;line-height:1.1;margin-top:8px} #asj-detox .deck-head p{font-size:14px;color:var(--subtle);max-width:440px;line-height:1.5;margin:0} #asj-detox .deck-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;position:relative;z-index:2;margin-bottom:8px} #asj-detox .deck-tabs .grp{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mid);margin:0 3px 0 7px} #asj-detox .deck-tabs .grp:first-child{margin-left:0} #asj-detox .deck-tabs button{font:600 12px/1 var(--f-text);color:var(--forest);background:var(--white);border:1px solid rgba(32,40,26,.12);border-radius:100px;padding:9px 11px;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s,border-color .2s} #asj-detox .deck-tabs button:hover{background:var(--sage-light)} #asj-detox .deck-tabs button.on{background:var(--orange);border-color:var(--orange);color:#fff} #asj-detox .deck-stage{position:relative;height:540px;width:100vw;margin-left:calc(50% - 50vw);user-select:none;overflow:hidden} #asj-detox .deck-stage.drag{cursor:grabbing} #asj-detox .deck-stage::after{content:"";position:absolute;left:20%;right:20%;bottom:28px;height:36px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(32,40,26,.10),transparent 70%);filter:blur(6px);pointer-events:none} #asj-detox .dcard{position:absolute;left:50%;top:48px;width:230px;height:384px;margin-left:-115px;background:var(--white);border:1px solid rgba(32,40,26,.06);border-radius:4px 4px 28px 4px;box-shadow:0 14px 30px rgba(32,40,26,.12);overflow:hidden;cursor:pointer;transform-origin:50% 1200%;z-index:var(--z,100);transition:transform .55s cubic-bezier(.25,.1,.25,1),opacity .55s cubic-bezier(.3,0,.2,1),box-shadow .4s,width .45s cubic-bezier(.25,.1,.25,1),height .45s cubic-bezier(.25,.1,.25,1),margin-left .45s cubic-bezier(.25,.1,.25,1),z-index 0s linear 0s;will-change:transform;backface-visibility:hidden;outline:none} #asj-detox .dcard.jump{transition:none} #asj-detox .deck-stage.drag .dcard{transition:opacity .25s} #asj-detox .dcard:nth-child(even){border-radius:28px 4px 4px 4px} #asj-detox .dcard .in{height:100%;display:grid;grid-template-rows:166px 1fr} #asj-detox .dcard .pic{position:relative;background:var(--sage-light);overflow:hidden} #asj-detox .dcard .pic img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none} #asj-detox .dcard .pic .stock{position:absolute;left:10px;bottom:10px;font-size:10px;padding:3px 8px;border-radius:100px;white-space:nowrap} #asj-detox .dcard .txt{padding:12px 14px 12px;display:flex;flex-direction:column;gap:6px;overflow:hidden} #asj-detox .dcard .who{margin-top:auto;padding-top:4px;flex:none} #asj-detox .dcard .txt>*{flex:none} #asj-detox .dcard .txt>p.more{flex:0 1 auto;min-height:0} /* v51: active card gives the text more room (photo shrinks smoothly), title/teaser keep their wrap, chips never leave the card */ /* v53: sizes as before; title and teaser never re-wrap; the photo row eases shorter on the active card so the continuation fits */ #asj-detox .dcard.on .in{grid-template-rows:124px 1fr} #asj-detox .deck-stage.compact .dcard.on .in{grid-template-rows:84px 1fr} #asj-detox .deck-stage.few .dcard.on .in{grid-template-rows:186px 1fr} #asj-detox .dcard .when{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange)} #asj-detox .dcard h3{font-size:17px;line-height:1.15;margin:0;max-width:122px} #asj-detox .dcard p.more{font-size:12.5px;color:var(--subtle);line-height:1.35;margin:0} /* v50: the full text continues the teaser and unfolds smoothly (Dada: «резко появляется») */ #asj-detox .dcard p.more{display:grid;grid-template-rows:0fr;opacity:0;margin-top:-6px;transition:grid-template-rows .55s cubic-bezier(.25,.1,.25,1),opacity .3s ease} #asj-detox .dcard p.more>span{display:block;min-height:0;overflow:hidden;padding-top:6px} #asj-detox .dcard.on p.more{grid-template-rows:1fr;opacity:1;transition:grid-template-rows .55s cubic-bezier(.25,.1,.25,1),opacity .45s ease .15s} #asj-detox .dcard .who{display:flex;gap:5px;flex-wrap:wrap} #asj-detox .dcard .who span{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:100px;background:var(--sage-light);color:var(--forest)} #asj-detox .dcard .who span.doc{background:var(--peach-soft)} #asj-detox .dcard.on{box-shadow:0 26px 50px rgba(32,40,26,.20);cursor:default} #asj-detox .dcard:focus-visible{box-shadow:0 0 0 3px var(--orange),0 14px 30px rgba(32,40,26,.12)} #asj-detox .dcard.on .in{animation:cardfloat 7s ease-in-out infinite} #asj-detox .deck-stage.drag .dcard .in{animation:none} @keyframes cardfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}} #asj-detox .deck-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:-6px} #asj-detox .deck-nav .cnt{font-size:13px;color:var(--forest);font-weight:700} #asj-detox .deck-nav .hint{font-size:13px;color:var(--subtle)} #asj-detox .arrow{position:absolute;top:50%;z-index:300;width:56px;height:56px;margin-top:-28px;border-radius:50%;border:1px solid rgba(32,40,26,.10);background:rgba(255,255,255,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 24px rgba(32,40,26,.14);color:var(--forest);cursor:pointer;display:grid;place-items:center;transition:background .2s,transform .2s,color .2s} #asj-detox .arrow.prev{left:max(16px,calc(50% - 690px))} #asj-detox .arrow.next{right:max(16px,calc(50% - 690px))} #asj-detox .arrow:hover{background:var(--orange);color:#fff;transform:scale(1.06)} #asj-detox .arrow:focus-visible{outline:3px solid var(--orange);outline-offset:2px} @media (prefers-reduced-motion:reduce){#asj-detox .dcard .in{animation:none!important}#asj-detox .dcard{transition:none}} @media (max-width:760px){#asj-detox .deck-head{display:block}#asj-detox .deck-head p{margin-top:10px}#asj-detox .deck-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}#asj-detox .deck-tabs .grp{white-space:nowrap}#asj-detox .deck-stage{width:100%;margin:0;height:auto;overflow:visible;cursor:default;padding-bottom:64px}#asj-detox .deck-stage::after{display:none}#asj-detox .arrow{top:auto;bottom:0;margin-top:0;width:48px;height:48px}#asj-detox .arrow.prev{left:calc(50% - 60px)}#asj-detox .arrow.next{right:calc(50% - 60px)}#asj-detox .deck-nav{margin-top:8px;flex-wrap:wrap;text-align:center}#asj-detox .dcard{position:relative;left:auto;top:auto;margin:0 auto;width:min(100%,360px);height:auto;transform:none!important;opacity:1!important;display:none}#asj-detox .dcard.on{display:block}#asj-detox .dcard .in{grid-template-rows:auto 1fr}#asj-detox .dcard .pic{aspect-ratio:4/3}#asj-detox .dcard h3{max-width:none;font-size:20px}} /* v15: compact programme cards */ #asj-detox .proc.compact{grid-template-columns:1fr 1fr;gap:14px 24px} #asj-detox .proc.compact article{grid-template-rows:none;grid-template-columns:150px 1fr;align-items:stretch;border-radius:4px 4px 24px 4px;box-shadow:0 6px 18px rgba(32,40,26,.04)} #asj-detox .proc.compact article:nth-child(3n+2){border-radius:4px 4px 24px 4px} #asj-detox .proc.compact article:nth-child(even){border-radius:24px 4px 4px 4px} #asj-detox .proc.compact .pic{aspect-ratio:auto;min-height:118px} #asj-detox .proc.compact .pic.need{padding:10px;gap:6px;font-size:11px} #asj-detox .proc.compact .pic.need svg{width:26px;height:26px} #asj-detox .proc.compact .pic.need .tbd{font-size:10px;padding:2px 6px} #asj-detox .proc.compact .txt{padding:16px 18px 16px;gap:5px} #asj-detox .proc.compact h3{font-size:19px} #asj-detox .proc.compact p{font-size:13.5px;line-height:1.45} #asj-detox .proc.compact .who{margin-top:2px} #asj-detox .proc.compact .who span{font-size:10px;padding:4px 8px} #asj-detox .proc.compact article:last-child{grid-column:1/-1;grid-template-columns:320px 1fr;border-radius:4px 4px 24px 4px} #asj-detox .proc .pic .stock{position:absolute;left:8px;bottom:8px;font-size:10px;padding:3px 7px;border-radius:100px;white-space:nowrap} /* decorative shapes, v11: contour lines of the hills (option 1) + a flowing river line (option 3) */ #asj-detox .shape{position:absolute;pointer-events:none;z-index:0} #asj-detox .shape.sun{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 40% 40%,var(--peach) 0,var(--orange) 70%);opacity:.9} #asj-detox .shape.contours{width:560px;height:560px} #asj-detox .shape.contours.small{width:360px;height:360px} #asj-detox .shape.contours svg{width:100%;height:100%;display:block;animation:breathe 18s ease-in-out infinite} #asj-detox .shape.contours path{fill:none;stroke:rgba(60,85,53,.22);stroke-width:1} #asj-detox .shape.contours path:nth-child(3n){stroke:rgba(255,97,35,.34)} #asj-detox .band.cream .shape.contours path{stroke:rgba(60,85,53,.3)} @keyframes breathe{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(2deg)}} #asj-detox .river{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block} #asj-detox .river path{fill:none;stroke:rgba(60,85,53,.3);stroke-width:1.5;stroke-dasharray:10 14;animation:flow 26s linear infinite} #asj-detox .river path.p2{stroke:rgba(255,97,35,.45);animation-duration:34s} @keyframes flow{to{stroke-dashoffset:-480}} #asj-detox .band>.wrap{z-index:1} /* buttons */ #asj-detox .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:50px;padding:13px 32px;border-radius:var(--r-pill);border:0;background:var(--orange);color:var(--white);font:inherit;font-size:14px;font-weight:600;line-height:1.55;letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:background-color .2s ease,transform .15s ease,color .2s ease;box-shadow:0 8px 24px rgba(255,97,35,.25)} #asj-detox .btn:hover{background:var(--orange-hover);transform:translateY(-1px)} #asj-detox .btn.outline{background:transparent;color:var(--forest);border:1px solid var(--forest);padding:12px 28px;box-shadow:none} #asj-detox .btn.outline:hover{background:var(--forest);color:var(--white);transform:none} #asj-detox .cta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap} #asj-detox .cta-note{font-size:13px;color:var(--muted);font-weight:500} #asj-detox .badge{display:inline-block;background:var(--sage);color:var(--forest);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:6px 16px;border-radius:30px;line-height:1} /* draft strip + nav */ #asj-detox .draft{background:var(--tbd-bg);color:var(--tbd-ink);font-size:13px;font-weight:500;text-align:center;padding-block:8px;position:relative;z-index:12} #asj-detox nav.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:rgba(246,244,240,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)} #asj-detox nav.top .wrap{display:flex;align-items:center;gap:28px;min-height:68px} #asj-detox .brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto} #asj-detox .brand .mark{width:36px;height:36px;border-radius:50%;background:var(--forest);display:grid;place-items:center;color:var(--sage)} #asj-detox .brand b{font-family:var(--f-head);font-weight:400;font-size:19px;line-height:1} #asj-detox .brand small{display:block;white-space:nowrap;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:3px} #asj-detox .navlinks{display:flex;gap:18px;font-size:14px;font-weight:500;align-items:center;flex:none} #asj-detox .nav .btn{white-space:nowrap;flex:none} #asj-detox .navlinks a{text-decoration:none;color:var(--subtle);display:inline-block;padding:12px 2px;white-space:nowrap;flex:none} #asj-detox .navlinks a:hover{color:var(--forest)} #asj-detox nav.top .btn{min-height:42px;padding:9px 22px;box-shadow:none} #asj-detox{--clay:#c9633b; /* shapes of anandasambhuti.org: button plaque, four-petal knot, star */ --plq-orange:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='278' height='57' viewBox='-1 -1 278 57'%3E%3Cpath d='M235.032 0V0.0166016L241.397 0.0185547C242.581 0.0191381 243.965 -0.00903893 245.126 0.0371094C245.772 0.0602728 246.41 0.151485 247.024 0.308594C248.976 0.813664 250.587 1.90499 251.495 3.33887C251.932 4.0181 252.152 4.625 252.279 5.37695C254.11 5.35576 255.631 5.34311 257.066 6.43066C258.391 7.43414 258.489 8.52361 258.485 9.85938C258.486 10.3168 258.476 10.7753 258.454 11.2324C259.482 11.6375 260.351 11.9692 261.302 12.4932C264.834 14.4402 267.121 17.4484 268.46 20.5967C268.759 21.2993 268.984 22.0676 269.339 22.7354C270.283 24.5086 271.881 25.5111 273.944 26.4717C274.615 26.784 275.297 27.1614 276 27.4639C273.632 28.6705 271.017 29.6206 269.679 31.6689C269.053 32.6276 268.821 33.5459 268.379 34.5508C266.497 38.8242 263.646 41.7172 258.454 43.7285C258.491 45.4169 258.783 47.2174 257.124 48.4873C255.942 49.3914 254.65 49.6033 253.07 49.6064C252.806 49.6072 252.542 49.6064 252.278 49.6035C251.783 52.1179 249.485 54.4392 246.033 54.8281C242.598 55.0577 237.314 55.0081 231.927 54.9561H190V55H105V54.9561H44.0732C38.6858 55.0081 33.4022 55.0577 29.9668 54.8281C26.5146 54.4392 24.217 52.1179 23.7217 49.6035C23.4579 49.6064 23.1935 49.6072 22.9297 49.6064C21.3499 49.6033 20.0575 49.3914 18.876 48.4873C17.217 47.2174 17.509 45.4169 17.5459 43.7285C12.3543 41.7172 9.50298 38.8242 7.62109 34.5508C7.17862 33.5459 6.94747 32.6276 6.32129 31.6689C4.98307 29.6206 2.36843 28.6705 0 27.4639C0.703055 27.1614 1.38481 26.784 2.05566 26.4717C4.1191 25.5111 5.71738 24.5086 6.66113 22.7354C7.01649 22.0676 7.24115 21.2993 7.54004 20.5967C8.87947 17.4484 11.1665 14.4402 14.6982 12.4932C15.6489 11.9692 16.5182 11.6375 17.5459 11.2324C17.524 10.7753 17.5139 10.3168 17.5146 9.85938C17.5108 8.52361 17.6091 7.43414 18.9336 6.43066C20.3691 5.34311 21.8902 5.35576 23.7207 5.37695C23.8482 4.625 24.0683 4.0181 24.5049 3.33887C25.413 1.90499 27.0238 0.813664 28.9756 0.308594C29.5896 0.151485 30.2284 0.0602728 30.874 0.0371094C32.0346 -0.00903893 33.4191 0.0191381 34.6025 0.0185547L40.9678 0.0166016V0H235.032Z' fill='%23ff6123'/%3E%3C/svg%3E"); --plq-orange-h:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='278' height='57' viewBox='-1 -1 278 57'%3E%3Cpath d='M235.032 0V0.0166016L241.397 0.0185547C242.581 0.0191381 243.965 -0.00903893 245.126 0.0371094C245.772 0.0602728 246.41 0.151485 247.024 0.308594C248.976 0.813664 250.587 1.90499 251.495 3.33887C251.932 4.0181 252.152 4.625 252.279 5.37695C254.11 5.35576 255.631 5.34311 257.066 6.43066C258.391 7.43414 258.489 8.52361 258.485 9.85938C258.486 10.3168 258.476 10.7753 258.454 11.2324C259.482 11.6375 260.351 11.9692 261.302 12.4932C264.834 14.4402 267.121 17.4484 268.46 20.5967C268.759 21.2993 268.984 22.0676 269.339 22.7354C270.283 24.5086 271.881 25.5111 273.944 26.4717C274.615 26.784 275.297 27.1614 276 27.4639C273.632 28.6705 271.017 29.6206 269.679 31.6689C269.053 32.6276 268.821 33.5459 268.379 34.5508C266.497 38.8242 263.646 41.7172 258.454 43.7285C258.491 45.4169 258.783 47.2174 257.124 48.4873C255.942 49.3914 254.65 49.6033 253.07 49.6064C252.806 49.6072 252.542 49.6064 252.278 49.6035C251.783 52.1179 249.485 54.4392 246.033 54.8281C242.598 55.0577 237.314 55.0081 231.927 54.9561H190V55H105V54.9561H44.0732C38.6858 55.0081 33.4022 55.0577 29.9668 54.8281C26.5146 54.4392 24.217 52.1179 23.7217 49.6035C23.4579 49.6064 23.1935 49.6072 22.9297 49.6064C21.3499 49.6033 20.0575 49.3914 18.876 48.4873C17.217 47.2174 17.509 45.4169 17.5459 43.7285C12.3543 41.7172 9.50298 38.8242 7.62109 34.5508C7.17862 33.5459 6.94747 32.6276 6.32129 31.6689C4.98307 29.6206 2.36843 28.6705 0 27.4639C0.703055 27.1614 1.38481 26.784 2.05566 26.4717C4.1191 25.5111 5.71738 24.5086 6.66113 22.7354C7.01649 22.0676 7.24115 21.2993 7.54004 20.5967C8.87947 17.4484 11.1665 14.4402 14.6982 12.4932C15.6489 11.9692 16.5182 11.6375 17.5459 11.2324C17.524 10.7753 17.5139 10.3168 17.5146 9.85938C17.5108 8.52361 17.6091 7.43414 18.9336 6.43066C20.3691 5.34311 21.8902 5.35576 23.7207 5.37695C23.8482 4.625 24.0683 4.0181 24.5049 3.33887C25.413 1.90499 27.0238 0.813664 28.9756 0.308594C29.5896 0.151485 30.2284 0.0602728 30.874 0.0371094C32.0346 -0.00903893 33.4191 0.0191381 34.6025 0.0185547L40.9678 0.0166016V0H235.032Z' fill='%23eb4d0f'/%3E%3C/svg%3E"); --knot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cpath fill-rule='evenodd' d='M24.9449 0C25.4705 0.326066 26.3143 1.24617 26.7757 1.72976C31.5516 6.73419 35.4553 8.53764 33.8288 16.1467C39.8578 14.7941 41.9739 16.9008 45.9873 20.9356C47.3456 22.281 48.6835 23.6468 50 25.0333C47.97 26.998 45.9799 29.1021 43.9561 31.0764C40.7601 34.1938 38.0579 34.6882 33.8257 33.8192C35.2015 39.6733 33.2005 41.8235 29.3273 45.7153L25.0508 50C23.3561 48.6195 18.5234 43.6115 17.1781 41.8128C15.5225 39.5984 15.6177 36.4263 16.2037 33.7816C10.4062 35.2797 8.02186 33.0789 4.21033 29.2258L0 24.9884C1.91887 23.1449 3.89673 21.1281 5.75928 19.2264C8.88907 16.0315 11.8329 15.0888 16.1925 16.1905C14.9489 10.071 16.7568 8.16433 20.8939 4.07134C22.259 2.72962 23.6095 1.37202 24.9449 0ZM30.154 31.3723C29.2481 34.6217 28.0588 34.9104 25.9394 37.2326C25.7761 40.1003 25.9048 43.6878 25.9046 46.6245C26.3626 46.187 26.9189 45.6805 27.3488 45.232C29.7286 42.854 32.6203 40.5861 32.5601 36.893C32.5326 35.2058 31.6016 32.3649 30.154 31.3723ZM19.7571 31.399C18.1618 33.377 17.3306 34.9757 17.5338 37.6276C17.7883 40.951 20.8248 43.3911 23.109 45.6394L24.1584 46.6017C24.1549 44.1885 24.2877 39.5195 24.1008 37.2555C22.9556 36.1016 21.5426 34.7903 20.6124 33.4776C20.293 33.0268 20.0813 31.7711 19.7571 31.399ZM24.953 26.305C22.5944 28.5739 19.9519 30.7495 23.2049 33.8656C23.698 34.3371 24.4656 35.269 25.0199 35.5853C27.3203 33.4619 30.1028 31.1434 26.8879 28.0831C26.2839 27.5087 25.6583 26.7449 24.953 26.305ZM3.46872 25.8806C4.20538 26.7799 5.09372 27.5411 5.83777 28.3979C8.89751 31.9201 12.8129 34.0583 17.3119 31.2669L18.7889 30.1556C15.2028 29.3278 15.1665 27.8709 12.6004 25.8651L3.46872 25.8806ZM37.2936 25.86C35.1696 27.9859 34.1901 29.4139 31.2486 30.192C33.3174 31.7531 35.0239 32.8363 37.7866 32.4643C38.5817 32.3528 39.3588 32.1374 40.0977 31.8222C41.9898 30.7848 45.1856 27.539 46.6048 25.8736C43.7047 25.8736 40.1374 25.9752 37.2936 25.86ZM18.6714 21.635C16.8952 22.1113 15.6641 23.6747 14.3787 24.9934C15.9602 26.6284 17.0963 28.3557 19.5394 28.3484C21.4165 27.7508 22.395 26.4066 23.7501 24.9764C22.299 23.4771 20.9281 21.5829 18.6714 21.635ZM30.6574 21.635C28.7744 22.018 27.5495 23.6445 26.2418 25.0298C27.9264 26.6927 28.9529 28.3251 31.2904 28.3433C33.2244 27.8488 34.3142 26.4162 35.6577 24.9679C33.9426 23.368 33.033 21.761 30.6574 21.635ZM18.7162 19.863C16.9132 18.274 15.1398 17.3227 12.6522 17.4839C12.4439 17.4972 12.2358 17.5139 12.0282 17.5357C8.40218 18.2448 5.96631 21.4823 3.32836 24.1427L12.6774 24.1125L12.8123 24.0033C15.3169 21.9561 15.2579 20.6714 18.7162 19.863ZM36.9889 17.4742C36.5913 17.4669 36.1935 17.4849 35.798 17.5261C33.8325 17.9624 32.847 18.5127 31.3062 19.8301C34.5808 20.7161 34.9029 21.9307 37.2696 24.1148C38.9472 24.1257 40.6248 24.1279 42.3024 24.1206C43.7491 24.1412 45.196 24.1426 46.6426 24.1256C43.8684 21.2883 41.0863 17.5057 36.9889 17.4742ZM24.9062 14.405C22.5493 16.7551 19.958 18.8656 23.2761 22.0327C23.6408 22.3807 24.7035 23.5622 25.0841 23.6641C28.4073 20.4413 30.0023 18.9467 25.9378 15.21C25.6418 14.9385 25.3014 14.4995 24.9062 14.405ZM25.8841 12.6899C27.8874 14.7855 29.5789 15.8209 30.1373 18.6788C30.5506 18.2037 31.0443 17.6729 31.3936 17.159C34.1802 12.1037 31.6131 8.65541 27.899 5.33449C27.3539 4.84731 26.5108 3.76865 25.8938 3.48004L25.8841 12.6899ZM24.0277 3.42777C21.2653 6.14391 17.5346 8.91459 17.5025 12.9397C17.4944 14.5529 17.9759 16.1324 18.8833 17.4668C19.2082 17.8571 19.5285 18.2534 19.8743 18.6242C20.8507 15.0937 22.1832 15.113 24.1399 12.6551C24.1431 11.66 24.2503 3.7332 24.0277 3.42777Z' fill='%23c9633b'/%3E%3C/svg%3E"); --star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C8.99388 4.99059 10.9805 6.99647 16 8C10.9793 9.00353 8.99272 11.0094 8 16C7.00612 11.0094 5.01952 9.00235 0 8C5.02068 6.99647 7.00728 4.99059 8 0Z' fill='%23c9633b'/%3E%3C/svg%3E"); } /* v56 first screen «Рассвет»: the site's mandala rises behind the text, the video lives in its disc and stands on the ground line */ #asj-detox .btn.plaque{--bh:55px;--cap:calc(var(--bh)*46/57);min-height:0;height:var(--bh);padding:0 2px;border-radius:0;background:none;box-shadow:none;white-space:nowrap;border-style:solid;border-color:transparent;border-width:0 var(--cap);border-image:var(--plq-orange) 0 46 fill/0 var(--cap) stretch;filter:drop-shadow(0 10px 14px rgba(255,97,35,.22))} #asj-detox .btn.plaque:hover{background:none;border-image-source:var(--plq-orange-h)} #asj-detox .btn.plaque::after{content:none} #asj-detox .hero{position:relative;overflow:hidden;container-type:inline-size;background:var(--cream);text-align:center;padding-top:clamp(22px,2.4vw,32px);--vis:.6;--hh:clamp(84px,10.5cqw,150px);--gr:calc(var(--hh)*.32);--D:min(840px,60cqw,max(540px,(100vh - 430px)/.6))} /* hill contour lines fill the upper corners and fade towards the mandala */ #asj-detox .hero .hc{position:absolute;z-index:0;pointer-events:none;--cw:clamp(420px,58cqw,980px);left:calc(var(--cw)*-.34);top:calc(var(--cw)*-.3);width:var(--cw);height:var(--cw);-webkit-mask-image:radial-gradient(circle at 34% 34%,#000 0,#000 22%,transparent 50%);mask-image:radial-gradient(circle at 34% 34%,#000 0,#000 22%,transparent 50%)} #asj-detox .hero .hc.right{left:auto;right:calc(var(--cw)*-.34);transform:scaleX(-1)} #asj-detox .hero .hc svg{width:100%;height:100%;display:block} #asj-detox .hero .hc path{fill:none;stroke:rgba(60,85,53,.16);stroke-width:1} #asj-detox .hero .hc path:nth-child(3n){stroke:rgba(201,99,59,.30)} #asj-detox .hero .head{position:relative;z-index:1;max-width:1040px;margin:0 auto;padding-inline:24px} /* date lines: the site's four-petal knot with a line that fades away from it */ #asj-detox .hero .date{display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px;font-weight:600;color:var(--mid);margin:0 0 12px} #asj-detox .hero .date::before,#asj-detox .hero .date::after{content:"";flex:none;width:112px;height:18px} #asj-detox .hero .date::before{background:var(--knot) right center/17px 17px no-repeat,linear-gradient(to right,rgba(201,99,59,0),var(--clay)) left center/calc(100% - 25px) 1.5px no-repeat} #asj-detox .hero .date::after{background:var(--knot) left center/17px 17px no-repeat,linear-gradient(to left,rgba(201,99,59,0),var(--clay)) right center/calc(100% - 25px) 1.5px no-repeat} #asj-detox .hero h1{font-size:clamp(32px,4.4vw,64px);line-height:1.05;letter-spacing:0} #asj-detox .hero h1 br.m{display:none} #asj-detox .hero .sub{margin:12px auto 0;font-size:16px;line-height:1.5;color:var(--subtle);text-wrap:balance} #asj-detox .hero .cta{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 12px;margin-top:18px} #asj-detox .hero .note{width:fit-content;margin:10px auto 0;padding:2px 14px;border-radius:20px;font-size:13.5px;color:var(--muted);background:var(--cream);box-shadow:0 0 12px 9px var(--cream)} #asj-detox .hero .note span{white-space:nowrap} #asj-detox .hero .note a{white-space:nowrap;color:var(--mid);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} #asj-detox .hero .note a:hover{color:var(--orange)} #asj-detox .hero .dawn{position:relative;z-index:0;height:calc(var(--D)*(.404 + var(--vis)));margin-top:calc(16px - var(--D)*.404);overflow:hidden;pointer-events:none} #asj-detox .hero .rays{position:absolute;left:50%;top:0;width:calc(var(--D)*1.808);height:calc(var(--D)*1.808);margin-left:calc(var(--D)*-.904);pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 40% 19% at 50% 8%,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 50%,#000 100%);mask-image:radial-gradient(ellipse 40% 19% at 50% 8%,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 50%,#000 100%)} #asj-detox .hero .mand{display:block;width:100%;max-width:none;height:100%;opacity:.3} #asj-detox .hero .disc{position:absolute;left:50%;top:calc(var(--D)*.404);width:var(--D);height:var(--D);margin-left:calc(var(--D)*-.5);border-radius:50%;overflow:hidden;background:var(--sage);box-shadow:0 0 0 10px var(--cream),0 -22px 80px rgba(255,97,35,.22)} #asj-detox .hero .disc video{position:absolute;left:0;top:0;width:100%;height:calc(var(--vis)*100%);object-fit:cover;object-position:70% 50%;display:block} /* v57: the sun rises from behind the hills of Jamalpur: two paper-cut ridges, the near one is the ground of the next band */ #asj-detox .hero .hills{position:relative;z-index:1;display:block;width:100%;height:var(--hh);margin-top:calc(var(--gr) - var(--hh));margin-bottom:-1px;pointer-events:none} #asj-detox .hero .hills .h6{fill:var(--g-bg)} #asj-detox .hero .hills path+path:not(.h6){filter:drop-shadow(0 -2px 5px rgba(32,40,26,.13))} /* pause for the looped video: a small round button at the ground line */ #asj-detox .hero .vctl{position:absolute;z-index:2;pointer-events:auto;left:calc(50% + var(--D)*.27);bottom:calc(var(--hh)*.22 + 10px);width:40px;height:40px;padding:0;border-radius:50%;border:1px solid rgba(246,244,240,.5);background:rgba(18,20,16,.38);color:var(--white);display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)} #asj-detox .hero .vctl:hover{background:rgba(18,20,16,.6)} #asj-detox .hero .vctl svg{width:14px;height:14px} #asj-detox .hero .vctl .ic-play{display:none}#asj-detox .hero .vctl[data-paused="1"] .ic-play{display:block}#asj-detox .hero .vctl[data-paused="1"] .ic-pause{display:none} @media (prefers-reduced-motion:no-preference){ #asj-detox .hero .head>*{animation:settle .8s cubic-bezier(.2,.7,.2,1) both} #asj-detox .hero .head>:nth-child(2){animation-delay:.08s}#asj-detox .hero .head>:nth-child(3){animation-delay:.16s}#asj-detox .hero .head>:nth-child(4){animation-delay:.24s}#asj-detox .hero .head>:nth-child(5){animation-delay:.3s} #asj-detox .hero .mand{animation:sunup 1.8s cubic-bezier(.2,.7,.2,1) both} #asj-detox .hero .disc{animation:discup 1.4s .15s cubic-bezier(.2,.7,.2,1) both} @keyframes settle{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}} @keyframes sunup{from{opacity:0;transform:translateY(90px) rotate(-18deg)}to{transform:none}} @keyframes discup{from{opacity:0;transform:translateY(110px)}to{opacity:1;transform:none}} } @media (max-width:1100px){#asj-detox .hero .btn.plaque{--bh:50px}} @media (max-width:980px){#asj-detox .hero{--D:min(640px,72cqw,max(440px,(100vh - 420px)/.6))}} @media (max-width:760px){#asj-detox .hero .hc{display:none}} /* phone: big type, the button keeps its own shape, the whole sun with the mandala fills the screen */ @media (max-width:600px){ #asj-detox .hero{padding-top:24px;--vis:.82;--D:88cqw;--hh:72px} #asj-detox .hero .date{font-size:13.5px;gap:9px} #asj-detox .hero .date::before,#asj-detox .hero .date::after{width:15px;background:var(--knot) center/15px 15px no-repeat} #asj-detox .hero h1{font-size:clamp(30px,9.6vw,46px);line-height:1.04} #asj-detox .hero h1 br.m{display:inline} #asj-detox .hero .sub{font-size:15px;line-height:1.45;max-width:31ch} #asj-detox .hero .cta .btn{--bh:56px;font-size:15px;padding-inline:8px} #asj-detox .hero .dawn{margin-top:calc(14px - var(--D)*.13)} #asj-detox .hero .rays{-webkit-mask-image:none;mask-image:none} #asj-detox .hero .mand{opacity:.36} #asj-detox .hero .disc{box-shadow:0 0 0 5px var(--cream)} #asj-detox .hero .vctl{left:calc(50% + var(--D)*.06);bottom:calc(var(--hh)*.22 + 8px);width:36px;height:36px} } /* v59: the forest look is fixed. Six paper-cut ridges go from misty sage to the forest of the ground; the video ends under the far ridge (--gr), so no gap opens at any width. */ #asj-detox{--hang:52px;--g-bg:#20281a;--g-ink:#f6f4f0;--g-acc:#f68e65;--s-bg:#3c5535;--s-ink:#f6f4f0;--s-star:#f6b79c} /* the ground under the sun keeps the axis of the first screen: three reasons in fine-line medallions (the site's own drawings), the key words in colour, then a notched plaque with what is included, which hangs over the edge into the next section */ #asj-detox .ground{display:flow-root;background:radial-gradient(ellipse 58% 60% at 50% 44%,rgba(86,116,76,.36),rgba(86,116,76,0) 72%) var(--g-bg);color:var(--g-ink);padding-top:34px;position:relative;z-index:1;text-align:center} #asj-detox .ground + .band{border-top:var(--hang) solid transparent} #asj-detox .ground .args{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 40px;max-width:1040px;margin:0 auto;padding-bottom:54px} #asj-detox .ground .args li{display:grid;justify-items:center;align-content:start;gap:20px;font-family:var(--f-head);font-size:24px;line-height:1.18;text-wrap:balance} #asj-detox .ground .args em{font-style:normal;color:var(--g-acc)} #asj-detox .ground .ic{display:block;width:108px;height:108px;overflow:visible;filter:drop-shadow(0 0 12px rgba(241,116,46,.16))} #asj-detox .ground .ic .ring{stroke:#f68e65;stroke-width:1.5;stroke-dasharray:.01 5.657;stroke-linecap:round} #asj-detox .ground .ic .dsc{fill:#2c3c25;stroke:#f1742e;stroke-width:1} #asj-detox .ground .ic .ln{stroke:#f8e6d3;stroke-width:1.5} #asj-detox .ground .args span{max-width:15em} #asj-detox .ground .allin{position:relative;margin-bottom:calc(var(--hang)*-1);filter:drop-shadow(0 16px 24px rgba(18,20,16,.3));text-align:left} #asj-detox .ground .tix{--tp:14px;--ts:10px;--tx:polygon(calc(var(--tp) + var(--ts)) 0,calc(100% - var(--tp) - var(--ts)) 0,calc(100% - var(--tp) - var(--ts)) var(--ts),calc(100% - var(--tp)) var(--ts),calc(100% - var(--tp)) calc(50% - 16px),100% 50%,calc(100% - var(--tp)) calc(50% + 16px),calc(100% - var(--tp)) calc(100% - var(--ts)),calc(100% - var(--tp) - var(--ts)) calc(100% - var(--ts)),calc(100% - var(--tp) - var(--ts)) 100%,calc(var(--tp) + var(--ts)) 100%,calc(var(--tp) + var(--ts)) calc(100% - var(--ts)),var(--tp) calc(100% - var(--ts)),var(--tp) calc(50% + 16px),0 50%,var(--tp) calc(50% - 16px),var(--tp) var(--ts),calc(var(--tp) + var(--ts)) var(--ts));position:relative;background:var(--s-bg);color:var(--s-ink);-webkit-clip-path:var(--tx);clip-path:var(--tx);padding:24px 56px 28px;display:grid;grid-template-columns:1fr;justify-items:center;gap:16px;align-items:center} #asj-detox .ground .tix::before,#asj-detox .ground .tix::after{content:"";position:absolute;-webkit-clip-path:var(--tx);clip-path:var(--tx)} #asj-detox .ground .tix::before{inset:6px;background:rgba(246,183,156,.62)} #asj-detox .ground .tix::after{inset:7px;background:var(--s-bg)} #asj-detox .ground .tix>*{position:relative;z-index:1} #asj-detox .ground .tix>b{display:flex;align-items:center;gap:16px;font-family:var(--f-head);font-weight:400;font-size:30px;line-height:1.1;white-space:nowrap} #asj-detox .ground .tix>b::before,#asj-detox .ground .tix>b::after{content:"";flex:none;width:18px;height:18px;background:var(--s-star);-webkit-mask:var(--knot) center/contain no-repeat;mask:var(--knot) center/contain no-repeat} #asj-detox .ground .tix ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-self:stretch;font-size:16px;line-height:1.4;color:rgba(246,244,240,.8)} #asj-detox .ground .tix li{display:grid;justify-items:center;align-content:start;gap:10px;text-align:center;text-wrap:balance;padding-inline:14px;border-left:1px solid rgba(246,244,240,.18)} #asj-detox .ground .tix li:first-child{border-left:0} #asj-detox .ground .tix li strong{font-weight:600;color:#fff} #asj-detox .ground .tix li::before{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:#f1742e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M8.2 14.6l3.9 3.9 7.8-8.6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;box-shadow:0 0 0 3px rgba(241,116,46,.22)} @media (max-width:980px){#asj-detox .ground .args{gap:20px 24px}#asj-detox .ground .args li{font-size:21px}#asj-detox .ground .ic{width:94px;height:94px}#asj-detox .ground .tix li{padding-inline:14px}#asj-detox .ground .tix ul{font-size:15px}} @media (max-width:760px){ #asj-detox{--hang:38px} #asj-detox .ground{padding-top:22px} #asj-detox .ground .args{grid-template-columns:1fr;gap:20px;max-width:420px;padding-bottom:40px} #asj-detox .ground .args li{grid-template-columns:76px 1fr;justify-items:start;align-items:center;gap:18px;text-align:left;font-size:20px} #asj-detox .ground .ic{width:76px;height:76px} #asj-detox .ground .tix>b{font-size:26px;justify-content:center} #asj-detox .ground .tix ul{grid-template-columns:1fr;gap:14px;font-size:15px} #asj-detox .ground .tix li,#asj-detox .ground .tix li:first-child{border-left:0;padding-inline:0;grid-template-columns:30px 1fr;justify-items:start;align-items:center;gap:13px;text-align:left;text-wrap:wrap} #asj-detox .ground .tix{padding:22px 28px 26px;justify-items:stretch} } /* nav: the links leave before they push the button off the screen; on a phone the name and the button fit one line */ @media (max-width:1270px){#asj-detox .navlinks{display:none}} @media (max-width:600px){#asj-detox nav.top .wrap{gap:10px;min-height:60px}#asj-detox .brand{gap:10px}#asj-detox .brand small{display:none}#asj-detox .brand b{font-size:16px;white-space:nowrap}#asj-detox nav.top .btn{min-height:38px;padding:7px 16px;font-size:13px}} @media (max-width:400px){#asj-detox .brand b{font-size:15px}#asj-detox nav.top .btn{padding:7px 14px}} /* numbers row on a phone: two columns, so the page keeps its width */ @media (max-width:760px){#asj-detox .facts .wrap{grid-template-columns:1fr 1fr;gap:22px 16px;padding-block:28px}#asj-detox .facts div:nth-child(odd){border-left:0;padding-left:0}#asj-detox .facts b{font-size:32px}} /* v59: quiet steady motion of the first screen. v60: the mandala stands still (Dada), the glow breathes. v63: nothing follows the pointer and the script moves nothing on scroll (Dada: it felt laggy); only the corner lines drift on scroll, and only where the browser does it by itself, off the main thread. All of it is off with reduced motion. */ @media (prefers-reduced-motion:no-preference){ #asj-detox .hero .dawn::before{content:"";position:absolute;left:50%;top:calc(var(--D)*.254);width:calc(var(--D)*1.3);height:calc(var(--D)*1.3);margin-left:calc(var(--D)*-.65);border-radius:50%;background:radial-gradient(closest-side,rgba(255,120,60,.5) 74%,rgba(255,150,90,.22) 86%,rgba(255,150,90,0) 100%);animation:sunbreathe 9s 1.6s ease-in-out infinite alternate both;pointer-events:none} #asj-detox .hero.still .dawn::before{animation-play-state:paused} @keyframes sunbreathe{from{opacity:.25;transform:scale(.965)}to{opacity:1;transform:scale(1.03)}} @supports (animation-timeline:scroll()){ #asj-detox .hero .hc{animation:hcdrift linear both;animation-timeline:scroll(root block);animation-range:0 900px} @keyframes hcdrift{to{translate:0 190px}} } } /* block 2: staggered cards with giant numbers */ #asj-detox .cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:start;position:relative} #asj-detox .card{background:var(--white);border-radius:4px 4px 32px 4px;padding:34px 28px 30px;border:1px solid rgba(32,40,26,.06);box-shadow:0 10px 30px rgba(32,40,26,.05);display:grid;gap:12px;align-content:start;min-width:0;position:relative;overflow:hidden} #asj-detox .card:nth-child(even){margin-top:56px;border-radius:4px 32px 4px 4px} #asj-detox .card .n{position:absolute;right:18px;top:-6px;font-family:var(--f-head);font-size:96px;line-height:1;color:rgba(32,40,26,.055);z-index:0;pointer-events:none} #asj-detox .card h3,#asj-detox .card p{position:relative;z-index:1} #asj-detox .card h3{font-size:24px} #asj-detox .card p{color:var(--subtle);font-size:15px;line-height:1.5} #asj-detox .results{margin-top:72px;display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:center} #asj-detox .results h3{font-size:34px} #asj-detox .results ul{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px} #asj-detox .results li{display:flex;gap:14px;align-items:center;font-size:16px;font-weight:500;line-height:1.4;background:var(--white);padding:16px 20px;border-radius:999px;border:1px solid rgba(32,40,26,.06)} #asj-detox .results li::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;background:var(--orange)} #asj-detox .notfor{margin-top:36px;padding:18px 24px;background:var(--sage-light);border-radius:999px;font-size:15px;line-height:1.5;display:flex;gap:14px;align-items:center} #asj-detox .notfor b{font-weight:600;white-space:nowrap} /* block 3: leaf photo + sticker */ #asj-detox .diff{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center} #asj-detox .diff ol{display:grid;border-top:1px solid var(--line)} #asj-detox .diff li{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start} #asj-detox .diff li span.num{font-family:var(--f-head);font-size:34px;line-height:1;color:var(--orange)} #asj-detox .diff li b{display:block;font-family:var(--f-head);font-weight:400;font-size:22px;margin-bottom:4px;line-height:1.15} #asj-detox .diff li p{color:var(--subtle);font-size:15px} #asj-detox .photo-stack{position:relative;min-height:640px} #asj-detox .photo-stack .main{position:absolute;right:0;top:0;width:82%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--leaf)} #asj-detox .photo-stack .small{position:absolute;left:0;bottom:40px;width:46%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:8px solid var(--warm);box-shadow:0 20px 50px rgba(32,40,26,.15)} #asj-detox .photo-stack .sticker{position:absolute;right:-20px;bottom:120px;width:150px;height:150px;border-radius:50%;background:var(--sage);display:grid;place-items:center;text-align:center;font-family:var(--f-head);font-size:16px;line-height:1.2;padding:16px;rotate:8deg} #asj-detox .photo-stack .sticker b{display:block;font-size:40px;font-weight:400;line-height:1} /* block 4: arch portraits on a wavy line */ #asj-detox .people{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;position:relative;align-items:start} #asj-detox .people .wave{position:absolute;left:-40px;right:-40px;top:140px;height:160px;z-index:0} #asj-detox .person{display:grid;gap:12px;min-width:0;position:relative;z-index:1} #asj-detox .person:nth-child(even){margin-top:64px} #asj-detox .person .photo{aspect-ratio:1;border-radius:50%;background:linear-gradient(180deg,var(--sage-light),var(--cream));display:grid;place-items:center;color:var(--mid);font-family:var(--f-head);font-size:46px;overflow:hidden;border:6px solid var(--white);box-shadow:0 16px 40px rgba(32,40,26,.10)} #asj-detox .person .photo img{width:100%;height:100%;object-fit:cover} #asj-detox .person .role{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange)} #asj-detox .person h3{font-size:22px} #asj-detox .person p{font-size:14px;color:var(--subtle);line-height:1.5} #asj-detox .person .lead{font-size:15px;color:var(--forest);line-height:1.5} #asj-detox .pf{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:13px;font-weight:600;color:var(--mid);line-height:1.5} #asj-detox .pf li{position:relative;padding-left:16px} #asj-detox .pf li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--orange)} #asj-detox .group-note{margin-top:48px;display:flex;gap:16px;align-items:center;font-size:15px;color:var(--subtle)} /* block 5 PRAMA: light, triangle in the middle, three cards at the vertices */ #asj-detox .prama-head{text-align:center;max-width:720px;margin:0 auto 24px;display:grid;gap:16px;justify-items:center} #asj-detox .prama-head h2{font-size:52px} #asj-detox .prama-head .lead{font-size:19px;color:var(--subtle);font-weight:500} #asj-detox .prama-head .body{font-size:17px;line-height:1.6;max-width:58ch} #asj-detox .prama-head .source{font-size:13px;color:var(--muted)} #asj-detox .prama-stage{position:relative;max-width:1180px;margin:30px auto 0;min-height:600px} #asj-detox .tri{position:absolute;left:50%;top:0;transform:translateX(-50%);width:600px;max-width:100%} #asj-detox .tri text{font-family:var(--f-text);font-weight:700;font-size:15px;fill:var(--forest);letter-spacing:.06em;text-transform:uppercase} #asj-detox .tri .center-word{font-family:var(--f-head);font-weight:400;font-size:26px;fill:var(--forest);letter-spacing:0;text-transform:none} #asj-detox .tri .edge{fill:none;stroke:var(--forest);stroke-width:1.6} #asj-detox .tri .fill{fill:rgba(196,203,175,.22)} #asj-detox .tri .spoke{stroke:rgba(32,40,26,.35);stroke-width:1;stroke-dasharray:3 6} #asj-detox .vertex{position:absolute;width:300px;background:var(--white);border-radius:4px 28px 28px 28px;padding:22px 24px;display:grid;gap:8px;box-shadow:0 16px 40px rgba(32,40,26,.10);border-top:5px solid} #asj-detox .vertex.body{right:0;top:0;border-color:#d99a5b;border-radius:28px 4px 28px 28px} #asj-detox .vertex.mind{left:0;top:250px;border-color:#a9c48a} #asj-detox .vertex.soul{right:0;top:300px;border-color:#9fcfdc;border-radius:28px 4px 28px 28px} #asj-detox .vertex h3{font-size:24px;display:flex;align-items:baseline;gap:10px} #asj-detox .vertex h3 small{font-family:var(--f-text);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)} #asj-detox .vertex p{font-size:14px;line-height:1.55;color:var(--subtle)} #asj-detox .prama-foot{margin-top:40px;display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap} #asj-detox .prama-foot .sign{font-family:var(--f-head);font-size:28px} /* block 6: steps on a dotted thread + sun arc */ #asj-detox .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative} #asj-detox .steps::before{content:"";position:absolute;left:8%;right:8%;top:30px;border-top:2px dashed var(--sage);z-index:0} #asj-detox .step{background:var(--white);border-radius:60px 4px 4px 4px;padding:34px 30px 30px;display:grid;gap:10px;border:1px solid rgba(32,40,26,.06);position:relative;z-index:1} #asj-detox .step:nth-child(2){border-radius:4px 60px 4px 4px;margin-top:40px} #asj-detox .step:nth-child(3){border-radius:4px 4px 60px 4px} #asj-detox .step .when{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange)} #asj-detox .step .when::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--orange)} #asj-detox .step h3{font-size:24px} #asj-detox .step p{color:var(--subtle);font-size:15px} #asj-detox .day{margin-top:80px;position:relative} #asj-detox .day h3{font-size:30px;text-align:center;margin-bottom:10px} #asj-detox .day svg{width:100%;height:auto;display:block} #asj-detox .day .pts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:-14px;position:relative} #asj-detox .day .pts li{text-align:center;display:grid;gap:4px} #asj-detox .day .pts b{font-family:var(--f-head);font-weight:400;font-size:24px} #asj-detox .day .pts span{font-size:14px;color:var(--subtle)} /* block 7: tilted review cards + pebble numbers */ #asj-detox .reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start} #asj-detox .review{background:var(--white);border-radius:28px 28px 28px 4px;padding:32px 28px 28px;display:grid;gap:16px;border:1px solid rgba(32,40,26,.06);min-height:230px;position:relative;box-shadow:0 14px 36px rgba(32,40,26,.07)} #asj-detox .review:nth-child(1){rotate:-2deg}#asj-detox .review:nth-child(2){rotate:1.2deg;margin-top:28px}#asj-detox .review:nth-child(3){rotate:-1deg} #asj-detox .review::before{content:"“";position:absolute;left:22px;top:-26px;font-family:var(--f-head);font-size:96px;line-height:1;color:var(--orange)} #asj-detox .review .q{font-family:var(--f-head);font-size:20px;line-height:1.3;color:var(--muted);margin-top:14px} #asj-detox .review .who{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--subtle)} #asj-detox .review .who i{width:40px;height:40px;border-radius:50%;background:var(--sage-light);flex:none} #asj-detox .numbers{margin-top:72px;display:flex;gap:24px;justify-content:center;flex-wrap:wrap} #asj-detox .numbers div{width:230px;min-height:170px;padding:30px 24px;display:grid;gap:6px;align-content:center;text-align:center;background:var(--sage-light)} #asj-detox .numbers div:nth-child(1){border-radius:4px 4px 40px 4px} #asj-detox .numbers div:nth-child(2){border-radius:40px 4px 4px 4px;background:var(--peach-soft)} #asj-detox .numbers div:nth-child(3){border-radius:4px 40px 4px 4px;background:var(--sky)} #asj-detox .numbers div:nth-child(4){border-radius:4px 4px 4px 40px} #asj-detox .numbers b{font-family:var(--f-head);font-weight:400;font-size:40px;line-height:1} #asj-detox .numbers b .tbd{font-size:22px;font-weight:600} #asj-detox .numbers span{font-size:14px;color:var(--subtle)} /* block 8: collage gallery with parallax */ #asj-detox .collage{position:relative;height:470px} #asj-detox .collage img{position:absolute;object-fit:cover;box-shadow:0 20px 50px rgba(32,40,26,.14)} #asj-detox .collage .c1{left:0;top:15px;width:34%;height:315px;border-radius:var(--leaf)} #asj-detox .collage .c2{left:37%;top:0;width:30%;height:195px;border-radius:var(--arch)} #asj-detox .collage .c3{left:37%;top:218px;width:30%;height:225px;border-radius:var(--leaf-r)} #asj-detox .collage .c4{right:0;top:30px;width:29%;height:165px;border-radius:var(--arch)} #asj-detox .collage .c5{right:4%;top:255px;width:175px;height:175px;border-radius:50%;border:8px solid var(--white)} #asj-detox .collage .c6{left:0;top:347px;width:34%;height:112px;border-radius:4px 4px 4px 56px} #asj-detox .place{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;margin-top:48px;align-items:start} #asj-detox .place .desc{display:grid;gap:16px;font-size:17px;line-height:1.6} #asj-detox .place .quiet{font-size:14px;color:var(--muted);border-left:2px solid var(--sage);padding-left:14px} #asj-detox .place .facts{display:grid;gap:12px} #asj-detox .place .facts li{display:flex;gap:12px;align-items:center;font-size:15px;font-weight:500;padding:14px 20px;background:var(--white);border-radius:999px;border:1px solid rgba(32,40,26,.06)} #asj-detox .place .facts svg{width:22px;height:22px;color:var(--mid);flex:none} #asj-detox .rooms{margin-top:72px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start} #asj-detox .room{display:grid;gap:10px} #asj-detox .room:nth-child(even){margin-top:40px} #asj-detox .room img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--arch)} #asj-detox .room:nth-child(even) img{border-radius:var(--leaf)} #asj-detox .room h3{font-size:21px} #asj-detox .room p{font-size:14px;color:var(--subtle)} /* block 9: ticket table */ #asj-detox .price{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:start} #asj-detox .ticket{background:var(--white);border-radius:24px;padding:10px 12px;border:1px solid rgba(32,40,26,.08);position:relative} #asj-detox .ticket::before,#asj-detox .ticket::after{content:"";position:absolute;top:50%;width:30px;height:30px;border-radius:50%;background:var(--cream);border:1px solid rgba(32,40,26,.08);transform:translateY(-50%)} #asj-detox .ticket::before{left:-16px}#asj-detox .ticket::after{right:-16px} #asj-detox table.tbl{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums} #asj-detox .tbl th,#asj-detox .tbl td{text-align:left;padding:16px 18px;border-bottom:1px dashed var(--sage);font-size:15px;vertical-align:middle} #asj-detox .tbl th{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)} #asj-detox .tbl td:first-child{font-family:var(--f-head);font-size:19px} #asj-detox .tbl tr:last-child td{border-bottom:0} #asj-detox .pay-rule{margin-top:20px;padding:20px 26px;background:var(--peach-soft);border-radius:30px 4px 30px 4px;font-size:15px;line-height:1.55} #asj-detox .incl{display:grid;gap:26px} #asj-detox .incl h3{font-size:22px;margin-bottom:10px} #asj-detox .incl li{display:flex;gap:12px;font-size:15px;line-height:1.5;padding:7px 0} #asj-detox .incl .yes li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--mid);margin-top:3px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M5 10.5l3.2 3L15 7'/%3E%3C/svg%3E") center/contain no-repeat,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M5 10.5l3.2 3L15 7'/%3E%3C/svg%3E") center/contain no-repeat,linear-gradient(#000 0 0);mask-composite:exclude} #asj-detox .incl .no li{color:var(--subtle)} #asj-detox .incl .no li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--sage);margin-top:3px} #asj-detox .price-cta{margin-top:44px;display:flex;align-items:center;gap:18px;flex-wrap:wrap} /* block 10: real globe (canvas, d3-geo orthographic) with animated route */ #asj-detox .road-big{font-family:var(--f-head);font-size:30px;line-height:1.2;max-width:22ch;margin-bottom:24px;color:var(--mid)} #asj-detox .road{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:center} #asj-detox .legs{display:grid;gap:0;margin-bottom:28px} #asj-detox .legs li{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start} #asj-detox .legs li:first-child{border-top:1px solid var(--line)} #asj-detox .legs .ic{width:48px;height:48px;border-radius:50%;background:var(--sage-light);display:grid;place-items:center;color:var(--forest)} #asj-detox .legs .ic svg{width:24px;height:24px} #asj-detox .legs li:last-child .ic{background:var(--orange);color:var(--white)} #asj-detox .legs b{display:block;font-family:var(--f-head);font-weight:400;font-size:21px;line-height:1.15;margin-bottom:3px} #asj-detox .legs p{font-size:14px;color:var(--subtle);line-height:1.5} #asj-detox .we-do{background:var(--white);border-radius:4px 48px 4px 48px;padding:30px 34px;border:1px solid rgba(32,40,26,.06);display:grid;gap:12px} #asj-detox .we-do h3{font-size:22px;margin-bottom:4px} #asj-detox .we-do li{display:flex;gap:12px;font-size:14px;line-height:1.5;align-items:flex-start} #asj-detox .we-do svg{width:20px;height:20px;color:var(--orange);flex:none;margin-top:2px} #asj-detox .globe-wrap{position:relative;width:100%;max-width:680px;margin:0 auto;aspect-ratio:1;max-height:none} #asj-detox .globe-wrap canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none;border-radius:50%;filter:drop-shadow(0 30px 50px rgba(32,40,26,.18))} #asj-detox .globe-wrap canvas.grabbing{cursor:grabbing} #asj-detox .globe-hint{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);font-size:13px;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:8px} #asj-detox .globe-hint svg{width:18px;height:18px} #asj-detox .lens{position:absolute;right:-16px;bottom:24px;width:210px;height:210px} #asj-detox .lens svg{width:100%;height:100%;display:block;overflow:visible} #asj-detox .lens .disc{fill:var(--white);stroke:var(--sage);stroke-width:3;filter:drop-shadow(0 12px 24px rgba(32,40,26,.18))} #asj-detox .lens .river{fill:none;stroke:#9fcfdc;stroke-width:6;stroke-linecap:round} #asj-detox .lens .road-line{fill:none;stroke:var(--orange);stroke-width:2;stroke-dasharray:3 7;animation:dash 1.6s linear infinite} @keyframes dash{to{stroke-dashoffset:-20}} #asj-detox .lens .city{fill:var(--forest);stroke:var(--white);stroke-width:3} #asj-detox .lens .city.home{fill:var(--orange)} #asj-detox .lens text{font-family:var(--f-text);font-size:11px;font-weight:700;fill:var(--forest)} #asj-detox .lens text.cap{font-weight:600;fill:var(--muted);font-size:10px} #asj-detox .lens .tbd-svg{fill:#7a4d00;font-weight:700} #asj-detox .map-note{margin-top:48px;font-size:13px;color:var(--muted);text-align:center} /* block 11: exit + pebbles */ #asj-detox .exit{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start} #asj-detox .exit .box{background:var(--white);border-radius:48px 4px 48px 4px;padding:34px;border:1px solid rgba(32,40,26,.06);display:grid;gap:12px} #asj-detox .exit .box.alt{border-radius:4px 48px 4px 48px;margin-top:40px} #asj-detox .exit .box h3{font-size:24px} #asj-detox .exit .box li{display:flex;gap:12px;font-size:15px;line-height:1.5;padding:4px 0} #asj-detox .exit .box li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--orange);margin-top:9px} #asj-detox .excur{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px;align-items:start} #asj-detox .excur div{padding:0;display:grid;gap:6px;background:none} #asj-detox .excur img{width:100%;aspect-ratio:1;object-fit:cover;display:block;margin-bottom:10px;box-shadow:0 14px 36px rgba(32,40,26,.12)} #asj-detox .excur div:nth-child(1) img{border-radius:4px 4px 48px 4px} #asj-detox .excur div:nth-child(2){margin-top:30px}#asj-detox .excur div:nth-child(2) img{border-radius:48px 4px 4px 4px} #asj-detox .excur div:nth-child(3) img{border-radius:4px 48px 4px 4px} #asj-detox .excur div:nth-child(4){margin-top:30px}#asj-detox .excur div:nth-child(4) img{border-radius:4px 4px 4px 48px} #asj-detox .excur h4{font-size:20px} #asj-detox .excur p{font-size:14px;color:var(--subtle)} #asj-detox .exdays{margin-top:56px} #asj-detox .exdays .ticket::before,#asj-detox .exdays .ticket::after{display:none} #asj-detox .exdays .ticket{padding:0;border:0} /* block 12 faq */ #asj-detox .faq-wrap{background:var(--white);border-radius:80px 4px 80px 4px;padding:60px 64px;border:1px solid rgba(32,40,26,.06)} #asj-detox .faq{display:grid;grid-template-columns:1fr 1fr;gap:0 56px} #asj-detox .faq details{border-bottom:1px solid var(--line)} #asj-detox .faq summary{cursor:pointer;list-style:none;padding:20px 0;font-size:17px;font-weight:600;display:flex;justify-content:space-between;gap:16px;align-items:center} #asj-detox .faq summary::-webkit-details-marker{display:none} #asj-detox .faq summary::after{content:"+";font-family:var(--f-head);font-size:26px;color:var(--orange);flex:none;line-height:1;transition:transform .2s} #asj-detox .faq details[open] summary::after{transform:rotate(45deg)} #asj-detox .faq details p{padding:0 0 20px;font-size:15px;color:var(--subtle);line-height:1.55;max-width:60ch} /* block 13 form */ #asj-detox .apply{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start} /* v61: application form. Fields follow the detox card in Kommo. */ #asj-detox form.lead-form{container-type:inline-size;background:var(--white);border-radius:4px 4px 48px 4px;padding:44px 40px;border:1px solid rgba(32,40,26,.06);box-shadow:0 20px 50px rgba(32,40,26,.08)} #asj-detox .form-body{display:grid;gap:20px} #asj-detox .form-body[hidden],#asj-detox .form-ok[hidden],#asj-detox .lead-form [hidden]{display:none} #asj-detox .field{display:grid;gap:6px;align-content:start;min-width:0} #asj-detox .field label,#asj-detox .field .lbl{font-size:13px;font-weight:600;color:var(--forest)} #asj-detox .field label i,#asj-detox .field .lbl i{font-style:normal;font-weight:500;color:var(--muted);margin-left:.35em} #asj-detox .field input,#asj-detox .field select,#asj-detox .field textarea{width:100%;height:48px;background:var(--white);border:1px solid #dcdbd1;border-radius:999px;padding:0 20px;font-family:var(--f-text);font-size:15px;color:var(--forest);outline:none;transition:border-color .15s ease,box-shadow .15s ease} #asj-detox .field textarea{height:auto;min-height:96px;border-radius:22px;padding:13px 20px;line-height:1.5;resize:vertical;display:block} #asj-detox .field select{appearance:none;-webkit-appearance:none;padding-right:46px;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%2320281a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;background-size:12px 8px;cursor:pointer} #asj-detox .field ::placeholder{color:#8d9084;opacity:1} #asj-detox .field input:hover,#asj-detox .field select:hover,#asj-detox .field textarea:hover{border-color:#b9b8ac} #asj-detox .field input:focus,#asj-detox .field select:focus,#asj-detox .field textarea:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(60,85,53,.16)} #asj-detox .field [aria-invalid="true"]{border-color:#b3261e} #asj-detox .field [aria-invalid="true"]:focus{box-shadow:0 0 0 3px rgba(179,38,30,.14)} #asj-detox .err{font-size:12.5px;font-weight:500;line-height:1.4;color:#b3261e;padding-left:20px} #asj-detox .two{display:grid;grid-template-columns:1fr 1fr;gap:18px} #asj-detox .chan{display:grid;gap:10px} #asj-detox .chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} #asj-detox .chips label{position:relative;display:block} #asj-detox .chips input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer} #asj-detox .chips span{display:flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 6px;border:1px solid #dcdbd1;border-radius:999px;background:var(--white);font-size:14px;font-weight:600;color:var(--forest);white-space:nowrap;transition:background-color .15s ease,color .15s ease,border-color .15s ease} #asj-detox .chips svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} #asj-detox .chips label:hover span{border-color:var(--forest)} #asj-detox .chips input:checked+span{background:var(--forest);border-color:var(--forest);color:var(--white)} #asj-detox .chips input:focus-visible+span{outline:3px solid var(--orange);outline-offset:3px} #asj-detox .more{border-block:1px solid var(--line)} #asj-detox .more summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:8px 2px;font-size:14px;font-weight:600;line-height:1.4;color:var(--forest);cursor:pointer;border-radius:6px} #asj-detox .more summary::-webkit-details-marker{display:none} #asj-detox .more summary i{font-style:normal;font-weight:500;color:var(--muted);margin-left:.45em;white-space:nowrap} #asj-detox .more summary::after{content:"";flex:none;width:9px;height:9px;margin:0 8px 4px 0;border:solid var(--forest);border-width:0 1.6px 1.6px 0;transform:rotate(45deg);transition:transform .2s ease} #asj-detox .more[open] summary::after{transform:rotate(-135deg);margin-bottom:-4px} #asj-detox .more summary:hover{color:var(--mid)} #asj-detox .more-in{display:grid;gap:18px;padding:2px 0 18px} #asj-detox .agree{display:grid;gap:10px} #asj-detox .check{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;font-size:13px;line-height:1.5;color:var(--subtle);cursor:pointer} #asj-detox .check input{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:0;border:1px solid #b9b8ac;border-radius:6px;background:var(--white);display:grid;place-items:center;cursor:pointer;transition:background-color .15s ease,border-color .15s ease} #asj-detox .check input::after{content:"";width:11px;height:6px;border:solid var(--white);border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg);opacity:0} #asj-detox .check input:checked{background:var(--forest);border-color:var(--forest)} #asj-detox .check input:checked::after{opacity:1} #asj-detox .check input[aria-invalid="true"]{border-color:#b3261e;box-shadow:0 0 0 3px rgba(179,38,30,.14)} #asj-detox .agree .err{padding-left:34px} #asj-detox .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} #asj-detox .form-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap} #asj-detox .form-foot .cta-note{flex:1 1 220px} #asj-detox .form-foot .btn[disabled]{opacity:.6;cursor:default;transform:none} #asj-detox .form-fail{font-size:14px;font-weight:500;line-height:1.5;color:#8c1d18;background:#fbeceb;border-radius:14px;padding:12px 18px} #asj-detox .form-ok{display:grid;gap:14px;outline:none} #asj-detox .form-ok b{font-family:var(--f-head);font-weight:400;font-size:30px;line-height:1.1} #asj-detox .form-ok>span{font-size:16px;line-height:1.5} #asj-detox .ok-tg{display:grid;gap:12px;justify-items:start;padding:20px 22px;background:var(--sage-light);border-radius:4px 4px 28px 4px;font-size:14px;line-height:1.5} #asj-detox .draft-note{font-size:13px;font-weight:600;line-height:1.45;background:var(--tbd-bg);color:var(--tbd-ink);border-radius:8px;padding:10px 14px} #asj-detox .ok-list{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 18px;font-size:13.5px;line-height:1.45;background:var(--tbd-bg);color:var(--tbd-ink);border-radius:8px;padding:14px} #asj-detox .ok-list dt{font-weight:600} #asj-detox .ok-list dd{margin:0;overflow-wrap:anywhere} #asj-detox .linkbtn{appearance:none;border:0;background:none;padding:6px 0;font:inherit;font-size:14px;font-weight:600;color:var(--forest);text-decoration:underline;text-underline-offset:3px;cursor:pointer;justify-self:start} @container (max-width:470px){#asj-detox .chips,#asj-detox .two{grid-template-columns:1fr 1fr}#asj-detox .chips span{gap:8px}#asj-detox .lead-form .two{grid-template-columns:1fr}} #asj-detox .wa-float.off{opacity:0!important;visibility:hidden;pointer-events:none!important} @media (max-width:600px){ #asj-detox form.lead-form{padding:28px 20px 30px;border-radius:4px 4px 36px 4px} #asj-detox .field input,#asj-detox .field select,#asj-detox .field textarea{font-size:16px} #asj-detox .form-foot .btn{width:100%} #asj-detox .ok-list{grid-template-columns:1fr;gap:2px}#asj-detox .ok-list dd{margin-bottom:8px} #asj-detox .ok-tg{padding:18px 16px}#asj-detox .ok-tg .btn{white-space:nowrap;padding:12px 18px} } #asj-detox .after{display:grid;gap:22px} #asj-detox .after .quote{background:var(--sage-light);border-radius:28px 28px 28px 4px;padding:28px;position:relative} #asj-detox .after .quote p{font-family:var(--f-head);font-size:21px;line-height:1.35} #asj-detox .after .quote>span{display:block;margin-top:12px;font-size:13px;color:var(--muted)} #asj-detox .after ol{display:grid;gap:14px} #asj-detox .after ol li{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start;font-size:15px;line-height:1.5} #asj-detox .after ol i{width:36px;height:36px;border-radius:50%;background:var(--orange);color:var(--white);display:grid;place-items:center;font-style:normal;font-family:var(--f-head);font-size:17px} #asj-detox .after .alt{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--subtle)} #asj-detox footer{background:var(--forest);color:var(--white);padding-block:64px 56px} #asj-detox footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-start;font-size:14px;color:rgba(255,255,255,.7)} #asj-detox footer b{font-family:var(--f-head);font-weight:400;font-size:20px;color:var(--white);display:block;margin-bottom:6px} /* Indian accents: lotus line under headings, jaali pattern on cream bands, marigold bullets, temple edge on footer, inner ring on buttons */ #asj-detox .sec-head h2::after{content:"";display:block;width:120px;height:14px;margin-top:16px;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20120%2014'%3E%3Cg%20fill='none'%20stroke='%23ff6123'%20stroke-width='1.4'%20stroke-linecap='round'%3E%3Cpath%20d='M0%207h42M78%207h42'/%3E%3Cpath%20d='M60%202c-3%202-5%204-5%207%200%202%202%204%205%204s5-2%205-4c0-3-2-5-5-7z'/%3E%3Cpath%20d='M60%2013c-4-1-9-3-11-8%204%200%208%202%2011%208zM60%2013c4-1%209-3%2011-8-4%200-8%202-11%208z'/%3E%3Ccircle%20cx='46'%20cy='7'%20r='1.4'%20fill='%23ff6123'/%3E%3Ccircle%20cx='74'%20cy='7'%20r='1.4'%20fill='%23ff6123'/%3E%3C/g%3E%3C/svg%3E") left center/contain no-repeat} #asj-detox .prama-head h2::after{content:"";display:block;width:120px;height:14px;margin:16px auto 0;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20120%2014'%3E%3Cg%20fill='none'%20stroke='%23ff6123'%20stroke-width='1.4'%20stroke-linecap='round'%3E%3Cpath%20d='M0%207h42M78%207h42'/%3E%3Cpath%20d='M60%202c-3%202-5%204-5%207%200%202%202%204%205%204s5-2%205-4c0-3-2-5-5-7z'/%3E%3Cpath%20d='M60%2013c-4-1-9-3-11-8%204%200%208%202%2011%208zM60%2013c4-1%209-3%2011-8-4%200-8%202-11%208z'/%3E%3Ccircle%20cx='46'%20cy='7'%20r='1.4'%20fill='%23ff6123'/%3E%3Ccircle%20cx='74'%20cy='7'%20r='1.4'%20fill='%23ff6123'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat} #asj-detox .band.cream{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='56'%20height='56'%20viewBox='0%200%2056%2056'%3E%3Cg%20fill='none'%20stroke='%233c5535'%20stroke-width='1'%20opacity='.05'%3E%3Cpath%20d='M28%204c-6%206-6%2014%200%2020%206-6%206-14%200-20zM28%2032c-6%206-6%2014%200%2020%206-6%206-14%200-20zM4%2028c6-6%2014-6%2020%200-6%206-14%206-20%200zM32%2028c6-6%2014-6%2020%200-6%206-14%206-20%200z'/%3E%3Ccircle%20cx='28'%20cy='28'%20r='2'/%3E%3C/g%3E%3C/svg%3E");background-color:var(--cream)} #asj-detox .results li::before{background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3Cg%20fill='%23ff6123'%3E%3Ccircle%20cx='10'%20cy='4'%20r='3'/%3E%3Ccircle%20cx='10'%20cy='16'%20r='3'/%3E%3Ccircle%20cx='4'%20cy='10'%20r='3'/%3E%3Ccircle%20cx='16'%20cy='10'%20r='3'/%3E%3Ccircle%20cx='5.8'%20cy='5.8'%20r='3'/%3E%3Ccircle%20cx='14.2'%20cy='5.8'%20r='3'/%3E%3Ccircle%20cx='5.8'%20cy='14.2'%20r='3'/%3E%3Ccircle%20cx='14.2'%20cy='14.2'%20r='3'/%3E%3C/g%3E%3Ccircle%20cx='10'%20cy='10'%20r='3.2'%20fill='%23f6f4f0'/%3E%3Ccircle%20cx='10'%20cy='10'%20r='1.6'%20fill='%23eb4d0f'/%3E%3C/svg%3E") center/contain no-repeat;width:18px;height:18px;border-radius:0} #asj-detox .exit .box li::before{background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3Cg%20fill='%23ff6123'%3E%3Ccircle%20cx='10'%20cy='4'%20r='3'/%3E%3Ccircle%20cx='10'%20cy='16'%20r='3'/%3E%3Ccircle%20cx='4'%20cy='10'%20r='3'/%3E%3Ccircle%20cx='16'%20cy='10'%20r='3'/%3E%3Ccircle%20cx='5.8'%20cy='5.8'%20r='3'/%3E%3Ccircle%20cx='14.2'%20cy='5.8'%20r='3'/%3E%3Ccircle%20cx='5.8'%20cy='14.2'%20r='3'/%3E%3Ccircle%20cx='14.2'%20cy='14.2'%20r='3'/%3E%3C/g%3E%3Ccircle%20cx='10'%20cy='10'%20r='3.2'%20fill='%23f6f4f0'/%3E%3Ccircle%20cx='10'%20cy='10'%20r='1.6'%20fill='%23eb4d0f'/%3E%3C/svg%3E") center/contain no-repeat;width:14px;height:14px;border-radius:0;margin-top:5px} #asj-detox .btn{position:relative} #asj-detox .btn::after{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.45);border-radius:inherit;pointer-events:none} #asj-detox .btn.outline::after{border-color:rgba(32,40,26,.18)} #asj-detox .step .when::before{border-radius:2px;transform:rotate(45deg);width:11px;height:11px} #asj-detox footer{position:relative} #asj-detox footer::before{content:"";position:absolute;left:0;right:0;top:-1px;height:10px;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='10'%20viewBox='0%200%2024%2010'%3E%3Cpath%20d='M0%2010L12%200l12%2010z'%20fill='%23c4cbaf'%20opacity='.9'/%3E%3C/svg%3E") repeat-x;opacity:.9} #asj-detox .legs .ic,#asj-detox .after ol i,#asj-detox .route .dot{box-shadow:inset 0 0 0 3px var(--warm),inset 0 0 0 4px currentColor} #asj-detox .faq summary::after{content:"✦";font-size:18px} #asj-detox .faq details[open] summary::after{transform:rotate(45deg) scale(.9)} /* photo strip (film) + full-bleed photo bands + photo pebbles */ #asj-detox .strip{overflow:hidden;padding-block:0 24px;background:var(--warm)} #asj-detox .strip-track{display:flex;gap:18px;width:max-content;animation:slide 70s linear infinite;will-change:transform} #asj-detox .strip:hover .strip-track{animation-play-state:paused} #asj-detox .strip img{height:300px;width:auto;object-fit:cover;display:block;box-shadow:0 14px 36px rgba(32,40,26,.12)} #asj-detox .strip img.leaf{border-radius:var(--leaf)}#asj-detox .strip img.arch{border-radius:var(--arch)}#asj-detox .strip img.round{width:300px;border-radius:50%}#asj-detox .strip img.sq{border-radius:4px} @keyframes slide{to{transform:translateX(calc(-50% - 9px))}} @media (prefers-reduced-motion:reduce){#asj-detox .strip{overflow-x:auto}#asj-detox .strip-track{animation:none}} #asj-detox .photo-band{position:relative;height:520px;overflow:hidden;color:var(--white);background:var(--forest)} #asj-detox .photo-band .edge{position:absolute;left:0;right:0;width:100%;height:90px;z-index:2;display:block;pointer-events:none} #asj-detox .photo-band .edge.top{top:-1px} #asj-detox .photo-band .edge.bottom{bottom:-1px;height:100px} #asj-detox .photo-band>img{position:absolute;inset:-14% 0;width:100%;height:128%;object-fit:cover} #asj-detox .photo-band .veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(18,20,16,.6) 0%,rgba(18,20,16,.12) 55%,rgba(18,20,16,0) 100%)} #asj-detox .photo-band .wrap{position:relative;z-index:1;height:100%;display:flex;align-items:flex-end;padding-bottom:140px} #asj-detox .photo-band p{font-family:var(--f-head);font-size:40px;line-height:1.12;max-width:22ch;text-wrap:balance} #asj-detox .photo-band small{display:block;font-family:var(--f-text);font-size:14px;font-weight:500;margin-top:12px;opacity:.9} #asj-detox .photo-band.night .veil{background:linear-gradient(to top,rgba(18,20,16,.7),rgba(18,20,16,.15))} #asj-detox .day .pts li img{width:104px;height:104px;border-radius:50%;object-fit:cover;margin:0 auto 10px;border:5px solid var(--white);box-shadow:0 12px 30px rgba(32,40,26,.14)} /* narrow fallback only (phone version comes later) */ @media (max-width:980px){ #asj-detox [data-px]{transform:none!important} #asj-detox .cards4,#asj-detox .people,#asj-detox .steps,#asj-detox .reviews,#asj-detox .rooms,#asj-detox .excur{grid-template-columns:1fr 1fr} #asj-detox .results,#asj-detox .diff,#asj-detox .place,#asj-detox .price,#asj-detox .road,#asj-detox .exit,#asj-detox .faq,#asj-detox .apply{grid-template-columns:1fr} #asj-detox .card:nth-child(even),#asj-detox .person:nth-child(even),#asj-detox .room:nth-child(even),#asj-detox .step:nth-child(2),#asj-detox .review:nth-child(2),#asj-detox .exit .box.alt,#asj-detox .excur div{margin-top:0} #asj-detox h2{font-size:36px} #asj-detox .navlinks,#asj-detox .shape{display:none} #asj-detox .prama-stage{min-height:0}#asj-detox .tri{position:static;transform:none;margin:0 auto} #asj-detox .collage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}#asj-detox .collage img{position:static;width:100%;height:220px;border-radius:4px} #asj-detox .route-map{height:auto}#asj-detox .route-map svg{display:none}#asj-detox .route-map .pt{position:static;transform:none;width:auto;text-align:left;margin-bottom:16px} #asj-detox .faq-wrap{padding:28px 20px;border-radius:24px} } @media (max-width:600px){ #asj-detox .cards4,#asj-detox .people,#asj-detox .steps,#asj-detox .reviews,#asj-detox .rooms,#asj-detox .excur,#asj-detox .two,#asj-detox .results ul,#asj-detox .collage,#asj-detox .day .pts{grid-template-columns:1fr} #asj-detox h2{font-size:32px}#asj-detox .band{padding-block:60px} } /* v68: mixed alignment: name left on the photo, receipt rows in the price block. */ /* v67: price cards, style B + ticket. Tall photo with the room name on it, facts strip, tear line with notches, centred price. */ #asj-detox .vh{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #asj-detox .pcommon{display:flex;flex-wrap:wrap;align-items:center;gap:10px 0;margin:-8px 0 30px;padding:0;list-style:none} #asj-detox .pcommon li{display:flex;align-items:center;gap:9px;margin:0;padding:0 22px;font-size:16px;font-weight:600;line-height:1.3;color:var(--forest);border-left:1px solid rgba(32,40,26,.18)} #asj-detox .pcommon li::before{content:none} #asj-detox .pcommon li.t{padding-left:0;border-left:0;font-weight:500;color:var(--subtle)} #asj-detox .pcommon svg{flex:none;width:24px;height:24px;fill:none;stroke:var(--orange);color:var(--orange);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} #asj-detox .pcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} #asj-detox .pcard{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 5;row-gap:0;background:var(--white);border-radius:6px 6px 44px 6px;box-shadow:0 0 0 1px rgba(32,40,26,.06),0 18px 48px rgba(32,40,26,.09);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease} /* gallery */ #asj-detox .pg{position:relative;aspect-ratio:1/1.04;overflow:hidden;border-radius:6px 6px 0 0;background:var(--sage-light)} #asj-detox .pg-track{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch} #asj-detox .pg-track::-webkit-scrollbar{display:none} #asj-detox .pg-track:focus-visible{outline:3px solid var(--orange);outline-offset:-3px} #asj-detox .pg figure{position:relative;flex:0 0 100%;height:100%;margin:0;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always} #asj-detox .pg img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);user-select:none} #asj-detox .pg figure::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,26,16,.9) 0,rgba(20,26,16,.66) 24%,rgba(20,26,16,0) 58%),linear-gradient(to bottom,rgba(20,26,16,.46),rgba(20,26,16,0) 20%);pointer-events:none} #asj-detox .pg figcaption{position:absolute;left:0;right:70px;top:14px;z-index:1;padding:0 0 0 20px;text-align:left;font-size:12.5px;font-weight:600;line-height:1.3;color:#fff;text-shadow:0 1px 6px rgba(20,26,16,.55)} #asj-detox .pg .ttl{position:absolute;left:0;right:0;bottom:22px;z-index:2;padding:0 20px;text-align:left;pointer-events:none} #asj-detox .pg .ttl h3{font-size:29px;line-height:1.1;color:#fff;text-shadow:0 1px 12px rgba(20,26,16,.5)} #asj-detox .pg .ttl p{margin:8px 0 0;max-width:34ch;font-size:14px;line-height:1.45;color:rgba(255,255,255,.92);text-wrap:balance} #asj-detox .pg-dots{position:absolute;right:20px;top:20px;z-index:2;display:flex;gap:5px;pointer-events:none} #asj-detox .pg-dots i{width:6px;height:6px;border-radius:6px;background:rgba(255,255,255,.55);transition:width .3s ease,background-color .3s ease} #asj-detox .pg-dots i.on{width:18px;background:#fff} #asj-detox .pg-a{position:absolute;top:42%;z-index:3;width:44px;height:44px;margin-top:-22px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--forest);cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 16px rgba(20,26,16,.22);transition:opacity .3s ease,transform .3s ease,background-color .2s ease,color .2s ease} #asj-detox .pg-a.prev{left:12px}#asj-detox .pg-a.next{right:12px} #asj-detox .pg-a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} #asj-detox .pg-a:hover{background:var(--orange);color:#fff} @media (hover:hover){ #asj-detox .pg-a{opacity:0} #asj-detox .pg-a.prev{transform:translateX(-8px)}#asj-detox .pg-a.next{transform:translateX(8px)} #asj-detox .pcard:hover .pg-a,#asj-detox .pg:focus-within .pg-a{opacity:1;transform:none} #asj-detox .pcard:hover{transform:translateY(-8px);box-shadow:0 0 0 1px rgba(255,97,35,.4),0 32px 64px rgba(32,40,26,.16)} #asj-detox .pcard:hover .pg img{transform:scale(1.045)} #asj-detox .pcard:hover .eb .star4{transform:rotate(90deg)} } /* facts strip: three equal cells, icons on one line, labels centred in equal two-line slots */ #asj-detox .strip{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.22fr)} #asj-detox .strip li{display:grid;justify-items:center;align-content:center;gap:7px;margin:0;padding:16px 6px 14px;text-align:center;font-size:12.5px;font-weight:500;line-height:1.3;color:var(--forest)} #asj-detox .strip li::before{content:none} #asj-detox .strip li+li{border-left:1px solid var(--line)} #asj-detox .strip svg{width:22px;height:22px;fill:none;stroke:var(--mid);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} #asj-detox .strip li>span{display:grid;align-content:center;min-height:2.6em} #asj-detox .strip b{font-weight:700} #asj-detox .strip li.own{background:#edf2e4;color:#2c4226} #asj-detox .strip li.shared{color:var(--subtle)} #asj-detox .strip li.shared svg{stroke:var(--muted)} /* ticket tear line: quiet, small notches */ #asj-detox .tear{position:relative;display:flex;align-items:center;height:30px;padding-left:20px} #asj-detox .tear::before{content:"";position:absolute;left:18px;right:18px;top:50%;border-top:1.5px dashed rgba(32,40,26,.22)} #asj-detox .tear i{position:absolute;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--cream)} #asj-detox .tear i:first-child{left:-11px;box-shadow:inset -1px 0 0 rgba(32,40,26,.08)} #asj-detox .tear i:last-child{right:-11px;box-shadow:inset 1px 0 0 rgba(32,40,26,.08)} #asj-detox .tear .eb{position:relative;display:inline-flex;align-items:center;gap:7px;height:27px;margin:0;padding:0 13px 0 10px;background:var(--orange);color:var(--forest);border-radius:4px 14px 14px 4px;font-size:12.5px;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 6px 14px rgba(255,97,35,.24)} #asj-detox .tear .eb small{font-size:12px;font-weight:600} #asj-detox .tear .eb .star4{width:11px;height:11px;fill:var(--forest);transition:transform .6s cubic-bezier(.2,.7,.2,1)} /* price: receipt rows, label on the left, number on the right */ #asj-detox .pcard .pr{padding:12px 20px 0;display:grid;gap:12px;align-content:start} #asj-detox .pr p{margin:0} #asj-detox .pr .one{display:flex;align-items:flex-end;justify-content:space-between;gap:12px} #asj-detox .pr .lb{font-size:14px;font-weight:600;line-height:1.35;color:var(--forest)} #asj-detox .pr .lb small{display:block;margin-top:2px;font-size:12.5px;font-weight:500;color:var(--muted)} #asj-detox .pr .lb .gain b{font-weight:700;color:var(--mid)} #asj-detox .pr .am{display:flex;flex-direction:column;align-items:flex-end;gap:5px;white-space:nowrap;line-height:1} #asj-detox .pr .am s{position:relative;font-size:15px;font-weight:500;color:var(--muted);text-decoration:none} #asj-detox .pr .am s::after{content:"";position:absolute;left:-3px;right:-3px;top:52%;height:1.5px;background:var(--orange);transform:rotate(-8deg)} #asj-detox .pr .am b{font-family:var(--f-head);font-weight:400;font-size:46px;line-height:.95;letter-spacing:-.5px} #asj-detox .pr .am small{font-size:13.5px;font-weight:500;color:var(--subtle)} #asj-detox .pr .am small span{font-weight:700;color:var(--forest)} #asj-detox .pr .inc{display:flex;align-items:flex-start;gap:8px;margin-top:-2px;font-size:12.5px;line-height:1.45;color:var(--subtle)} #asj-detox .pr .inc svg{flex:none;width:14px;height:14px;margin-top:2px;fill:none;stroke:var(--mid);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round} #asj-detox .pr .inc b{font-weight:700;color:var(--forest)} #asj-detox .pr .add{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;background:var(--cream);border:1.5px solid transparent;border-radius:10px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease} #asj-detox .pr .add input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer} #asj-detox .pr .add .chk{width:20px;height:20px;border-radius:5px;border:1.5px solid var(--muted);background:var(--white);display:grid;place-items:center;transition:background-color .2s ease,border-color .2s ease} #asj-detox .pr .add .chk svg{width:13px;height:13px;fill:none;stroke:var(--white);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0} #asj-detox .pr .add:hover{box-shadow:0 4px 12px rgba(32,40,26,.08)} #asj-detox .pr .add:has(input:checked){border-color:var(--mid)} #asj-detox .pr .add:has(input:checked) .chk{background:var(--mid);border-color:var(--mid)} #asj-detox .pr .add:has(input:checked) .chk svg{opacity:1} #asj-detox .pr .add:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:2px} #asj-detox .pr .add .tx{font-size:13.5px;font-weight:600;line-height:1.3} #asj-detox .pr .add .tx small{display:block;font-size:12px;font-weight:500;color:var(--muted)} #asj-detox .pr .add>b{font-size:15px;font-weight:700;line-height:1.25;white-space:nowrap;color:var(--mid);text-align:right} #asj-detox .pr .later{margin-top:-4px;padding-left:2px;font-size:12.5px;line-height:1.4;color:var(--subtle)} #asj-detox .pr .prepay{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px dashed rgba(32,40,26,.22);line-height:1.3} #asj-detox .pr .prepay b{display:block;font-size:13.5px;font-weight:700;color:var(--forest)} #asj-detox .pr .prepay small{display:block;margin-top:2px;font-size:12.5px;font-weight:500;color:var(--muted)} #asj-detox .pr .prepay .pv{text-align:right;white-space:nowrap} #asj-detox .pr .prepay .pv b{font-size:17px} #asj-detox .pcard .pa{display:grid;align-content:end;padding:16px 20px 30px} #asj-detox .pcard .pa .btn{width:100%;padding-inline:16px;line-height:1.3;text-align:center;text-wrap:balance} #asj-detox .pcard .pa .fix{margin-top:10px;text-align:center;font-size:12.5px;line-height:1.4;color:var(--muted)} #asj-detox #price.noeb .eb,#asj-detox #price.noeb .am s,#asj-detox #price.noeb .gain,#asj-detox #price.noeb .eb-only{display:none} #asj-detox .pall span{white-space:nowrap} #asj-detox .pall{margin:22px 0 60px;font-size:14.5px;line-height:1.5;color:var(--subtle);text-align:center} #asj-detox .price2{display:grid;grid-template-columns:1fr 1fr;gap:28px 56px;align-items:start} #asj-detox .price2 .incl{display:contents} #asj-detox .price2 .pay-rule{grid-column:1/-1;margin-top:8px} #asj-detox .exdays .box .btn{justify-self:start;margin-top:6px} #asj-detox .picked{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 18px;background:var(--sage-light);border-radius:999px;font-size:14px;line-height:1.35} #asj-detox .picked b{font-weight:600} #asj-detox .picked button{appearance:none;border:0;background:none;padding:6px 8px;font:inherit;font-size:13px;font-weight:600;color:var(--forest);text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap} @media (max-width:1180px) and (min-width:981px){ #asj-detox .pg .ttl h3{font-size:25px} #asj-detox .pg .ttl p{font-size:13.5px} #asj-detox .pr .am b{font-size:38px} #asj-detox .pr .lb{font-size:13px} #asj-detox .pr .lb .dot{display:none} #asj-detox .pr .lb .ppn{display:block;margin-top:2px} #asj-detox .pr .one{min-height:80px} #asj-detox .pr .prepay>p:first-child b{max-width:10.5em} #asj-detox .pcard .pa .btn{min-height:62px} #asj-detox .pr .prepay b{font-size:13px} #asj-detox .pcard .pr{padding-inline:14px} #asj-detox .pr .add .tx{font-size:13px} #asj-detox .strip li{font-size:11.5px;padding-inline:4px} } @media (max-width:980px){ #asj-detox .pcards{grid-template-columns:minmax(0,520px);justify-content:center;gap:22px} #asj-detox .pcard{grid-row:auto;grid-template-rows:none} #asj-detox .pg{aspect-ratio:4/3} #asj-detox .pall{margin-bottom:44px} } @media (max-width:600px){ #asj-detox .pcard{border-radius:6px 6px 36px 6px} #asj-detox .pcommon{margin:-4px 0 22px;gap:8px 18px} #asj-detox .pcommon li{padding:0;border-left:0;font-size:15px} #asj-detox .pcommon li.t{flex:0 0 100%} #asj-detox .pg{aspect-ratio:1/1} #asj-detox .pg .ttl h3{font-size:27px} #asj-detox .pcard .pr{padding-inline:16px} #asj-detox .pcard .pa{padding:16px 16px 24px} #asj-detox .price2{grid-template-columns:1fr} #asj-detox .pall{text-align:left} } /* v65: programme cards on phones. The desktop fan sizes (.compact, .few, .on) were stronger than the phone rules: the card was 200px wide and half off screen, and the photo covered the title. */ @media (max-width:760px){ #asj-detox .deck-stage .dcard,#asj-detox .deck-stage.compact .dcard,#asj-detox .deck-stage.few .dcard{position:relative;left:auto;top:auto;width:min(100%,360px);height:auto;margin:0 auto} #asj-detox .deck-stage .dcard .in,#asj-detox .deck-stage .dcard.on .in,#asj-detox .deck-stage.compact .dcard .in,#asj-detox .deck-stage.compact .dcard.on .in,#asj-detox .deck-stage.few .dcard .in,#asj-detox .deck-stage.few .dcard.on .in{grid-template-rows:auto 1fr;animation:none} #asj-detox .deck-stage .dcard .txt,#asj-detox .deck-stage.compact .dcard .txt,#asj-detox .deck-stage.few .dcard .txt{padding:16px 20px 18px;gap:8px} #asj-detox .deck-stage .dcard h3,#asj-detox .deck-stage.compact .dcard h3,#asj-detox .deck-stage.few .dcard h3{font-size:21px;max-width:none} #asj-detox .deck-stage .dcard .sub,#asj-detox .deck-stage.compact .dcard .sub,#asj-detox .deck-stage.few .dcard .sub{font-size:14.5px;line-height:1.45;max-width:none} #asj-detox .deck-stage .dcard p.more,#asj-detox .deck-stage.compact .dcard p.more,#asj-detox .deck-stage.few .dcard p.more{font-size:14.5px;line-height:1.5} #asj-detox .deck-nav .hint .hd{display:none} #asj-detox .deck-nav .hint .hm{display:inline} } #asj-detox .deck-nav .hint .hm{display:none} @media (max-width:760px){#asj-detox .deck-nav .hint .hm{display:inline}} /* v73: phone layout fixes found in the review of 12.11 */ #asj-detox section.facts>div.wrap{padding-left:max(24px,env(safe-area-inset-left,0px));border-left:0} @media (max-width:980px){ #asj-detox .collage img[class]{position:static;width:100%;height:220px;border-radius:4px;border:0} #asj-detox .photo-stack{min-height:0;aspect-ratio:1/1.14;max-width:560px;margin-inline:auto;width:100%} #asj-detox .photo-stack .small{bottom:0} } @media (max-width:760px){ #asj-detox .notfor{flex-direction:column;align-items:flex-start;gap:6px;padding:18px 20px;border-radius:4px 4px 28px 4px} #asj-detox .notfor b{white-space:normal} } @media (max-width:600px){ #asj-detox .collage{grid-template-columns:1fr 1fr;gap:8px} #asj-detox .collage img[class]{height:150px} #asj-detox .globe-hint{position:static;transform:none;white-space:normal;justify-content:center;text-align:left;margin-top:14px;line-height:1.35} #asj-detox .globe-wrap{aspect-ratio:auto;display:flex;flex-direction:column}#asj-detox .globe-wrap canvas{aspect-ratio:1;height:auto} #asj-detox .lens{position:relative;right:auto;bottom:auto;order:2;align-self:center;margin-top:-64px;width:200px;height:200px} #asj-detox .globe-hint{order:3} #asj-detox .globe-hint svg{flex:none} #asj-detox nav.top .btn{min-height:44px} #asj-detox .hero .vctl{width:44px;height:44px} } /* v74: changes from the review of 12.11 (Dada: «делай») */ #asj-detox{--orange-ink:#b5460f} #asj-detox .person .role,#asj-detox .step .when{color:var(--orange-ink)} #asj-detox .dcard .when,#asj-detox .dcard .who span,#asj-detox .proc.compact .who span{font-size:11px} #asj-detox .tri4 .vx:focus-visible .halo{opacity:.85;stroke:var(--forest);stroke-width:3} /* menu button for narrow screens */ #asj-detox .navbtn{display:none;appearance:none;-webkit-appearance:none;width:44px;height:44px;flex:none;padding:0;border:1px solid rgba(32,40,26,.22);border-radius:50%;background:none;color:var(--forest);cursor:pointer;place-items:center} #asj-detox .navbtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round} #asj-detox .navbtn .x{display:none} #asj-detox nav.top.open .navbtn{background:var(--forest);border-color:var(--forest);color:#fff} #asj-detox nav.top.open .navbtn .x{display:block}#asj-detox nav.top.open .navbtn .m{display:none} #asj-detox .navbtn:focus-visible{outline:3px solid var(--orange);outline-offset:2px} #asj-detox .navlinks .mo{display:none} @media (max-width:1270px){ #asj-detox .navbtn{display:grid} #asj-detox nav.top .wrap{gap:14px} #asj-detox nav.top.open .navlinks{display:flex;position:absolute;top:calc(100% + 8px);right:max(24px,env(safe-area-inset-right,0px));width:min(300px,calc(100vw - 48px));flex-direction:column;align-items:stretch;gap:0;padding:8px 22px 12px;background:var(--white);border:1px solid rgba(32,40,26,.08);border-radius:4px 4px 28px 4px;box-shadow:0 24px 50px rgba(32,40,26,.18);font-size:16px} #asj-detox nav.top.open .navlinks a{display:block;padding:13px 2px;color:var(--forest);border-bottom:1px solid var(--line)} #asj-detox nav.top.open .navlinks a:last-child{border-bottom:0} #asj-detox .navlinks .mo{display:block} } @media (max-width:600px){ #asj-detox nav.top .wrap{gap:8px} #asj-detox .brand .mark{display:none} } @media (max-width:400px){#asj-detox nav.top .btn{padding:7px 12px}} /* «С чем уедете»: a ruled row instead of white pills */ #asj-detox .results.gains{display:block} #asj-detox .results.gains h3{margin-bottom:24px} #asj-detox .results.gains ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-block:1px solid var(--line)} #asj-detox .results.gains li{display:grid;align-content:start;justify-items:start;gap:14px;padding:26px 20px 28px;background:none;border:0;border-left:1px solid var(--line);border-radius:0;font-size:16px;font-weight:500;line-height:1.4;text-wrap:balance} #asj-detox .results.gains li:first-child{border-left:0;padding-left:0} #asj-detox .results.gains li::before{width:20px;height:20px} @media (max-width:1100px){ #asj-detox .results.gains ul{grid-template-columns:1fr} #asj-detox .results.gains li,#asj-detox .results.gains li:first-child{grid-template-columns:20px minmax(0,1fr);align-items:center;gap:14px;padding:15px 0;border-left:0;border-top:1px solid var(--line);text-wrap:wrap} #asj-detox .results.gains li:first-child{border-top:0} } /* «Место»: tidy mosaic, notes without pills, numbers row */ #asj-detox .mosaic{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:225px 225px;gap:14px} #asj-detox .mosaic img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;border-radius:4px;box-shadow:0 14px 36px rgba(32,40,26,.10)} #asj-detox .mosaic .m1{grid-row:1/3;border-radius:4px 4px 4px 56px} #asj-detox .mosaic .m3{border-radius:4px 56px 4px 4px} #asj-detox .mosaic .m4{object-position:50% 30%} #asj-detox .mosaic .m5{border-radius:4px 4px 56px 4px} #asj-detox .pnotes{display:grid;gap:0;border-block:1px solid var(--line)} #asj-detox .pnotes li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;align-items:start;padding:18px 0;font-size:15px;line-height:1.5;color:var(--subtle)} #asj-detox .pnotes li+li{border-top:1px solid var(--line)} #asj-detox .pnotes li::before{content:"";width:30px;height:30px;border-radius:50%;background:#f1742e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M8.2 14.6l3.9 3.9 7.8-8.6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;box-shadow:0 0 0 3px rgba(241,116,46,.2)} #asj-detox .pnotes b{display:block;font-family:var(--f-head);font-weight:400;font-size:20px;line-height:1.2;color:var(--forest);margin-bottom:3px} #asj-detox .pnums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px;padding-block:30px;border-block:1px solid var(--line)} #asj-detox .pnums div{display:grid;gap:6px;align-content:start;padding-left:22px;border-left:1px solid var(--line)} #asj-detox .pnums div:first-child{border-left:0;padding-left:0} #asj-detox .pnums b{font-family:var(--f-head);font-weight:400;font-size:40px;line-height:1;color:var(--forest)} #asj-detox .pnums span{font-size:14px;line-height:1.45;color:var(--subtle)} @media (max-width:760px){ #asj-detox .mosaic{grid-template-columns:1fr 1fr;grid-template-rows:210px 140px 140px;gap:8px} #asj-detox .mosaic .m1{grid-row:auto;grid-column:1/3;border-radius:4px 44px 4px 4px} #asj-detox .mosaic .m3{border-radius:4px} #asj-detox .mosaic .m5{border-radius:4px 4px 44px 4px} #asj-detox .pnums{grid-template-columns:1fr;gap:0;margin-top:40px;padding-block:6px} #asj-detox .pnums div,#asj-detox .pnums div:first-child{grid-template-columns:132px minmax(0,1fr);align-items:center;gap:14px;padding:14px 0;border-left:0;border-top:1px solid var(--line)} #asj-detox .pnums div:first-child{border-top:0} #asj-detox .pnums b{font-size:30px} } /* phones: people and excursion cards swipe sideways */ #asj-detox .swipe-hint{display:none;align-items:center;gap:8px;margin:2px 0 0;font-size:13px;color:var(--muted)} #asj-detox .swipe-hint svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} @media (max-width:600px){ #asj-detox .people,#asj-detox .excur{display:flex;grid-template-columns:none;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:-24px;padding:6px 24px 18px;scroll-padding-inline:24px} #asj-detox .people::-webkit-scrollbar,#asj-detox .excur::-webkit-scrollbar{display:none} #asj-detox .people .wave{display:none} #asj-detox .people .person{flex:0 0 70%;scroll-snap-align:start;align-content:start} #asj-detox .people .person .photo{width:78%} #asj-detox .excur>div{flex:0 0 72%;scroll-snap-align:start;margin-top:0!important} #asj-detox .swipe-hint{display:flex} } #asj-detox .notfor{border-radius:4px 4px 28px 4px} /* v76: «всё включено» reads as a line of its own in the card */ #asj-detox .pr .inc{gap:9px;margin-top:0} #asj-detox .pr .inc svg{width:17px;height:17px;margin-top:1px;stroke-width:2.6} #asj-detox .pr .inc b{display:block;font-size:14.5px;line-height:1.25;margin-bottom:2px} #asj-detox .pr .inc>span{text-wrap:balance} /* v77: programme as three sphere cards; every item the same size, details open in place */ #asj-detox .sph3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;margin-top:36px} #asj-detox .s3-col{padding:0 22px 14px;border:1px solid rgba(32,40,26,.12);border-radius:4px 4px 40px 4px;overflow:hidden;scroll-margin-top:88px;transition:box-shadow .35s} #asj-detox .s3-col.body{--c:#d99a5b;--ci:#a85710;background:linear-gradient(180deg,#f8efe4 0,#fff 150px)} #asj-detox .s3-col.mind{--c:#a9c48a;--ci:#4f7030;background:linear-gradient(180deg,#eef3e6 0,#fff 150px)} #asj-detox .s3-col.soul{--c:#9fcfdc;--ci:#2a7389;background:linear-gradient(180deg,#e8f3f6 0,#fff 150px)} #asj-detox .s3-col.hl{box-shadow:0 0 0 2px var(--c),0 20px 40px -26px rgba(32,40,26,.45)} #asj-detox .s3-hd{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 16px;align-items:center;padding:22px 0 16px 6px} #asj-detox .s3-hd i{width:26px;height:26px;border-radius:50%;background:var(--c);border:3px solid #fff;box-shadow:0 0 0 7px color-mix(in srgb,var(--c) 35%,transparent);grid-row:1/span 2;grid-column:1} #asj-detox .s3-hd b{font-family:var(--f-head);font-weight:400;font-size:32px;line-height:1;color:var(--forest);grid-column:2;grid-row:1} #asj-detox .s3-hd small{font-size:13px;color:var(--subtle);line-height:1.35;grid-column:2;grid-row:2} #asj-detox .s3-e{--ph:58px;--pg:14px;display:block;position:relative;padding:10px 0;border-top:1px solid rgba(32,40,26,.12);cursor:pointer;-webkit-tap-highlight-color:transparent} #asj-detox .s3-e:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px} #asj-detox .s3-row{display:flex;align-items:center;min-height:var(--ph)} #asj-detox .s3-ph{flex:none;width:var(--ph);height:var(--ph);margin-right:var(--pg);border-radius:4px 4px 16px 4px;overflow:hidden;transition:opacity .25s .08s,transform .3s} #asj-detox .s3-e.on .s3-ph{position:absolute;left:0;top:10px;margin:0;opacity:0;transform:scale(.8);pointer-events:none;transition:opacity .14s,transform .2s} #asj-detox .s3-ph img{display:block;width:100%;height:100%;object-fit:cover} #asj-detox .s3-ph img.zoom{object-position:100% 50%} #asj-detox .s3-ph img.zk{object-position:100% 100%;transform:scale(1.5);transform-origin:100% 100%} #asj-detox .s3-tx{display:block;flex:1;min-width:0;transition:transform .36s cubic-bezier(.22,.8,.24,1)} #asj-detox .s3-tt{display:block;position:relative;padding-right:24px;font-family:var(--f-head);font-size:18px;line-height:1.15;color:var(--forest);transition:color .2s} #asj-detox .s3-tt::after{content:"";position:absolute;right:4px;top:.3em;width:7px;height:7px;border-right:1.6px solid var(--ci);border-bottom:1.6px solid var(--ci);transform:rotate(45deg);transition:transform .3s,top .3s} #asj-detox .s3-e.on .s3-tt::after{transform:rotate(-135deg);top:.55em} #asj-detox .s3-ss{display:block;font-size:13.5px;color:var(--muted);line-height:1.35;margin-top:3px} #asj-detox .s3-mo{display:block;height:0;overflow:hidden} #asj-detox .s3-mo>span{display:block;padding:10px 0 6px;font-size:14px;color:var(--subtle);line-height:1.5;opacity:0;transition:opacity .18s} #asj-detox .s3-e.on .s3-mo>span{opacity:1;transition:opacity .3s .08s} #asj-detox .s3-bp{display:block;position:relative;aspect-ratio:16/9;border-radius:4px 4px 28px 4px;overflow:hidden;margin-bottom:10px;background:var(--cream)} #asj-detox .s3-bp img{display:block;width:100%;height:100%;object-fit:cover} #asj-detox .s3-bp img.zoom{width:165%;height:auto;max-width:none;margin:-46% 0 0 -59%} #asj-detox .s3-bp img.zk{width:150%;height:auto;max-width:none;margin:-44.5% 0 0 -50%} #asj-detox .s3-bp .stock{position:absolute;left:8px;top:8px;font-size:10px;padding:3px 7px;border-radius:100px;white-space:nowrap} #asj-detox .s3-wh{display:block;font-size:12px;font-weight:700;color:var(--ci);margin-bottom:2px} #asj-detox .s3-who{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:12px;font-weight:600;color:var(--mid)} #asj-detox .s3-who span{display:inline-flex;align-items:center;gap:6px} #asj-detox .s3-who span::before{content:"";width:9px;height:9px;background:var(--orange);clip-path:path("M4.5 0C4.8 2.8 6.2 4.2 9 4.5 6.2 4.8 4.8 6.2 4.5 9 4.2 6.2 2.8 4.8 0 4.5 2.8 4.2 4.2 2.8 4.5 0Z")} #asj-detox .s3-e:hover .s3-tt,#asj-detox .s3-e.on .s3-tt{color:var(--orange-ink)} #asj-detox .s3-hint{display:flex;align-items:center;gap:8px;margin:22px 0 0;font-size:13px;color:var(--muted)} #asj-detox .s3-hint::before{content:"";flex:none;width:10px;height:10px;background:var(--orange);clip-path:path("M5 0C5.3 3.1 6.9 4.7 10 5 6.9 5.3 5.3 6.9 5 10 4.7 6.9 3.1 5.3 0 5 3.1 4.7 4.7 3.1 5 0Z")} @media (min-width:1060px) and (max-width:1180px){ #asj-detox .sph3{gap:14px} #asj-detox .s3-col{padding-inline:16px} #asj-detox .s3-e{--ph:48px;--pg:12px} #asj-detox .s3-tt{font-size:17px} } @media (max-width:1059px){ #asj-detox .sph3{grid-template-columns:minmax(0,1fr);gap:16px} } @media (min-width:760px) and (max-width:1059px){ #asj-detox .s3-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;align-items:start} } @media (max-width:640px){ #asj-detox .s3-col{padding:0 16px 10px} } @media (max-width:400px){ #asj-detox .s3-col{padding-inline:12px} #asj-detox .s3-e{--ph:50px;--pg:12px} #asj-detox .s3-tt{font-size:17px;padding-right:20px} #asj-detox .s3-ss{font-size:13px} } /* ===== v78: accepted blocks. Everything below lives under .nbA / .nbB and does not reach other blocks ===== */ /* the landing gives headings a tight line; the accepted blocks were drawn with the line of the text around them */ #asj-detox .nbA h4,#asj-detox .nbB h4{line-height:inherit;letter-spacing:normal} #asj-detox .nbA{--forest:#20281a; --mid:#3c5535; --sage:#c4cbaf; --sage-light:#e5e4d4; --warm:#f6f4f0; --cream:#efeee4; --white:#ffffff; --orange:#ff6123; --orange-hover:#e9521a; --orange-ink:#b5460f; --muted:#666a5c; --subtle:#5f6456; --line:rgba(32,40,26,.12); --tbd-bg:#fff1c9; --tbd-ink:#7a4d00; --body-tint:#f8efe4; --mind:#a9c48a; --mind-tint:#eef3e6; --soul-tint:#e8f3f6; --f-head:'Vidaloka', Georgia, 'Times New Roman', serif; --f-text:'Montserrat', 'Segoe UI', Roboto, system-ui, sans-serif; --wrap:1180px; --leaf:4px 4px 28px 4px; --star:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%); color-scheme:light;} #asj-detox .nbA h2,#asj-detox .nbA h2,#asj-detox .nbA h4{font-family:var(--f-head);font-weight:400;margin:0;text-wrap:balance} #asj-detox .nbA p{margin:0} #asj-detox .nbA img{display:block;max-width:100%} #asj-detox .nbA .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 22px;border-radius:999px;border:0;background:var(--orange);color:var(--white);font:inherit;font-size:14px;font-weight:600;letter-spacing:.02em;text-decoration:none;white-space:nowrap;flex:none;cursor:pointer;transition:background-color .2s} #asj-detox .nbA .btn::after{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.45);border-radius:inherit;pointer-events:none} #asj-detox .nbA .btn:hover{background:var(--orange-hover)} #asj-detox .nbA .sx{display:inline-block;flex:none;width:14px;height:14px;background:var(--orange);clip-path:var(--star)} #asj-detox .nbA .hint{font-size:13px;color:var(--muted)} #asj-detox .nbA .inx{list-style:none;margin:0;padding:0;font-size:14.5px} #asj-detox .nbA .inx li{position:relative;padding:3px 0 3px 22px} #asj-detox .nbA .inx li::before{content:"";position:absolute;left:0;top:.62em;width:11px;height:11px;background:var(--orange);clip-path:var(--star)} #asj-detox .nbA .nfx{margin-top:32px;padding:14px 18px;background:var(--cream);border-radius:4px 4px 18px 4px;font-size:14px;color:var(--subtle);max-width:860px} #asj-detox .nbA .nfx b{color:var(--forest)} #asj-detox .nbA .last{display:flex;align-items:center;gap:16px;background:var(--forest);color:var(--white);border-radius:var(--leaf);padding:18px 24px;margin-top:22px} #asj-detox .nbA .last .sx{width:18px;height:18px} #asj-detox .nbA .last p{font-family:var(--f-head);font-size:22px;line-height:1.2} #asj-detox .nbA .acc details{border-top:1px solid var(--bd,rgba(32,40,26,.2))} #asj-detox .nbA .acc summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 0;cursor:pointer;list-style:none;font-weight:600;font-size:16px;line-height:1.3} #asj-detox .nbA .acc summary::-webkit-details-marker{display:none} #asj-detox .nbA .acc summary::after{content:"";flex:none;width:14px;height:14px;background:currentColor;clip-path:polygon(43% 0,57% 0,57% 43%,100% 43%,100% 57%,57% 57%,57% 100%,43% 100%,43% 57%,0 57%,0 43%,43% 43%);transition:rotate .25s} #asj-detox .nbA .acc details[open]>summary::after{rotate:45deg} @supports (interpolate-size:allow-keywords){#asj-detox .nbA .acc{interpolate-size:allow-keywords}#asj-detox .nbA .acc details::details-content{block-size:0;overflow:clip;transition:block-size .3s ease,content-visibility .3s allow-discrete}#asj-detox .nbA .acc details[open]::details-content{block-size:auto}} #asj-detox .nbA .rb{margin-top:12px;font-size:clamp(17px,1.7vw,20px);line-height:1.45;color:var(--subtle);max-width:44ch} #asj-detox .nbA .ic{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:var(--white);border:1px solid var(--forest);color:var(--forest)} #asj-detox .nbA .ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} #asj-detox .nbA .rd .g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:48px;align-items:center} #asj-detox .nbA .rd .gl{position:relative;max-width:640px;width:100%;margin:0 auto} #asj-detox .nbA .rd .gl::after{content:"";position:absolute;left:18%;right:18%;bottom:3%;height:7%;border-radius:50%;background:radial-gradient(closest-side,rgba(32,40,26,.22),rgba(32,40,26,0));z-index:0;pointer-events:none} #asj-detox .nbA .rd canvas{position:relative;z-index:1;display:block;width:100%;aspect-ratio:1;border-radius:50%;cursor:grab;touch-action:pan-y} #asj-detox .nbA .rd canvas.grabbing{cursor:grabbing} #asj-detox .nbA .rd .gl .hint{text-align:center;margin-top:2px} #asj-detox .nbA .rd .we{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 40px;align-items:start;margin-top:36px;padding:22px 26px 20px;background:var(--cream);border-radius:4px 4px 30px 4px} #asj-detox .nbA .rd .we h4{font-size:22px;line-height:1.15} #asj-detox .nbA .rd .we .inx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 24px} @media (max-width:980px){#asj-detox .nbA .rd .g{grid-template-columns:minmax(0,1fr);gap:20px}#asj-detox .nbA .rd .gl{max-width:520px}#asj-detox .nbA .rd .we{grid-template-columns:minmax(0,1fr)}#asj-detox .nbA .rd .we .inx{grid-template-columns:minmax(0,1fr)}} #asj-detox .nbA .fm{display:grid;gap:14px} #asj-detox .nbA .fld{display:grid;gap:6px;min-width:0} #asj-detox .nbA .fm input.in{width:100%;min-width:0;min-height:50px;border:1px solid rgba(32,40,26,.4);border-radius:4px;padding:11px 14px;font:inherit;font-size:16px;background:var(--white);color:var(--forest)} #asj-detox .nbA .agree{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;font-size:13px;color:var(--subtle);cursor:pointer;max-width:64ch} #asj-detox .nbA .agree input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--forest)} #asj-detox .nbA .fm .btn,#asj-detox .nbA .btn.tg{min-height:50px;padding-inline:26px;font-size:15px} #asj-detox .nbA .ctn{font-size:13.5px;color:var(--subtle);max-width:46ch} #asj-detox .nbA .btn.tg{background:var(--forest)} #asj-detox .nbA .btn.tg:hover{background:var(--mid)} #asj-detox .nbA .tgi{width:20px;height:20px;flex:none} #asj-detox .nbA .btn.tg{gap:10px} #asj-detox .nbA .band.r2{background:var(--cream)} #asj-detox .nbA .r2 .film{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px} #asj-detox .nbA .r2 .film figure{margin:0} #asj-detox .nbA .r2 .v{position:relative;aspect-ratio:9/13;border-radius:4px 4px 44px 4px;overflow:hidden;background:linear-gradient(165deg,#cdd3ba,#8c9d7b)} #asj-detox .nbA .r2 .play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:76px;height:76px;border-radius:50%;background:var(--white);color:var(--forest);display:grid;place-items:center} #asj-detox .nbA .r2 .play svg{width:28px;height:28px;margin-left:4px} #asj-detox .nbA .r2 .v small{position:absolute;left:14px;bottom:14px;font-size:12.5px} #asj-detox .nbA .r2 .film figcaption{margin-top:14px} #asj-detox .nbA .r2 .film figcaption p{font-size:15.5px} #asj-detox .nbA .r2 .film figcaption>span{display:block;margin-top:6px;font-size:13px;font-weight:700;color:var(--mid)} @media (max-width:760px){#asj-detox .nbA .r2 .film{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:70%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-24px;padding-inline:24px;scroll-padding-inline:24px;scrollbar-width:none}#asj-detox .nbA .r2 .film figure{scroll-snap-align:start}} @media (max-width:640px){#asj-detox .nbA .r2 .film{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}} #asj-detox .nbA .rd .g{align-items:start} #asj-detox .nbA .rd .fork{margin-top:12px} #asj-detox .nbA .rd .ways{display:grid;gap:12px;margin-top:14px} #asj-detox .nbA .rd .way{display:grid;gap:14px;width:100%;padding:16px 18px 18px;border:1px solid rgba(32,40,26,.28);border-radius:4px 4px 26px 4px;background:var(--white);font:inherit;color:var(--forest);text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s} #asj-detox .nbA .rd .way[data-r=air]{background:var(--mind-tint)} #asj-detox .nbA .rd .way:hover{border-color:var(--forest)} #asj-detox .nbA .rd .way.on{border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest)} #asj-detox .nbA .rd .way:focus-visible{outline-offset:3px} #asj-detox .nbA .rd .way .tp{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:4px 12px;align-items:center} #asj-detox .nbA .rd .way .tp::before{content:"";width:18px;height:18px;border-radius:50%;border:1.5px solid var(--forest)} #asj-detox .nbA .rd .way.on .tp::before{border-color:var(--orange);background:radial-gradient(var(--orange) 0 4.5px,transparent 5px)} #asj-detox .nbA .rd .way .tp b{font-family:var(--f-head);font-weight:400;font-size:24px;line-height:1.1} #asj-detox .nbA .rec{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;border-radius:3px 3px 12px 3px;font-size:12.5px;font-weight:700;line-height:1.3;white-space:nowrap} #asj-detox .nbA .rec.yes{background:var(--mid);color:var(--white)} #asj-detox .nbA .rec.yes .sx{width:11px;height:11px} #asj-detox .nbA .rd .gl{position:sticky;top:72px} #asj-detox .nbA .rd .cv{position:relative;z-index:1} #asj-detox .nbA .rd .zm{position:absolute;right:2%;bottom:4%;z-index:2;display:grid;gap:8px} #asj-detox .nbA .rd .zm button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--forest);border-radius:50%;background:var(--white);color:var(--forest);cursor:pointer;box-shadow:0 4px 12px rgba(32,40,26,.16);transition:background-color .2s,color .2s} #asj-detox .nbA .rd .zm button:hover{background:var(--forest);color:var(--white)} #asj-detox .nbA .rd .zm button:disabled{opacity:.4;cursor:default;background:var(--white);color:var(--forest)} #asj-detox .nbA .rd .zm svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} @media (max-width:980px){#asj-detox .nbA .rd .gl{position:relative;top:auto}} @media (max-width:480px){#asj-detox .nbA .rd .way{padding:14px 14px 16px}#asj-detox .nbA .rd .way .tp{grid-template-columns:18px minmax(0,1fr)}#asj-detox .nbA .rd .way .tp b{font-size:22px}#asj-detox .nbA .rd .way .tp .rec{grid-column:2;justify-self:start}} #asj-detox .nbA .fq .cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px} #asj-detox .nbA .fq .col{display:grid;grid-template-rows:auto 1fr;gap:20px} #asj-detox .nbA .fq .c{border-radius:4px 4px 44px 4px;padding:26px 30px 18px;--bd:rgba(32,40,26,.16)} #asj-detox .nbA .fq .c1{background:var(--body-tint)} #asj-detox .nbA .fq .c2{background:var(--soul-tint)} #asj-detox .nbA .fq .c3{background:var(--cream)} #asj-detox .nbA .fq .c4{background:var(--mind-tint)} #asj-detox .nbA .fq header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:16px} #asj-detox .nbA .fq h4{font-size:32px;line-height:1.05} #asj-detox .nbA .fq header span{font-size:13px;font-weight:700;white-space:nowrap} #asj-detox .nbA .fq .c1 header span{color:#a85710} #asj-detox .nbA .fq .c2 header span{color:#2a7389} #asj-detox .nbA .fq .c3 header span,#asj-detox .nbA .fq .c4 header span{color:var(--mid)} #asj-detox .nbA .fq .acc summary{font-size:16px;min-height:62px} #asj-detox .nbA .fq .acc summary::after{width:32px;height:32px;clip-path:none;border-radius:50%;border:1px solid rgba(32,40,26,.45);background:linear-gradient(currentColor,currentColor) center/12px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 12px no-repeat;transition:rotate .25s,background-color .2s,color .2s,border-color .2s} #asj-detox .nbA .fq .acc summary:hover::after{border-color:var(--forest)} #asj-detox .nbA .fq .acc details[open]>summary::after{rotate:45deg;background-color:var(--forest);border-color:var(--forest);color:var(--white)} #asj-detox .nbA .fq .acc .a{background:var(--white);border-radius:4px 4px 20px 4px;padding:16px 18px 18px;margin-bottom:16px} #asj-detox .nbA .fq .acc .a p{font-size:14.5px;line-height:1.6;color:var(--subtle);max-width:68ch} #asj-detox .nbA .fq .ask{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;margin-top:20px;padding:18px 26px 18px 24px;background:var(--forest);color:var(--white);border-radius:var(--leaf)} #asj-detox .nbA .fq .ask .sx{width:18px;height:18px} #asj-detox .nbA .fq .ask p{flex:1 1 320px;font-size:15px;color:var(--sage)} #asj-detox .nbA .fq .ask b{font-family:var(--f-head);font-weight:400;font-size:22px;line-height:1.2;color:var(--white);margin-right:10px} #asj-detox .nbA .fq .ask .btn{min-height:48px;padding-inline:24px;background:var(--white);color:var(--forest)} #asj-detox .nbA .fq .ask .btn::after{border-color:rgba(32,40,26,.3)} #asj-detox .nbA .fq .ask .btn:hover{background:var(--sage)} #asj-detox .nbA .fq .ask :focus-visible{outline-color:var(--white)} @media (max-width:860px){#asj-detox .nbA .fq .cols{grid-template-columns:minmax(0,1fr);gap:14px}#asj-detox .nbA .fq .col{display:contents}#asj-detox .nbA .fq .c{padding:22px 20px 10px;border-radius:4px 4px 36px 4px}#asj-detox .nbA .fq .c1{order:1}#asj-detox .nbA .fq .c2{order:2}#asj-detox .nbA .fq .c3{order:3}#asj-detox .nbA .fq .c4{order:4}#asj-detox .nbA .fq h4{font-size:28px}#asj-detox .nbA .fq .ask{padding:18px 20px 20px}#asj-detox .nbA .fq .ask b{display:block}#asj-detox .nbA .fq .ask .btn{flex:1 1 100%}} #asj-detox .nbA .big{font-family:var(--f-head);font-size:clamp(24px,2.6vw,32px);line-height:1.12} #asj-detox .nbA .seg{border:0;margin:0;padding:0;min-width:0} #asj-detox .nbA .seg legend{padding:0;font-size:13px;font-weight:700;margin-bottom:8px} #asj-detox .nbA .seg>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} #asj-detox .nbA .seg label{position:relative;cursor:pointer} #asj-detox .nbA .seg input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer} #asj-detox .nbA .seg span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:8px 12px;border:1px solid rgba(32,40,26,.35);border-radius:4px 4px 14px 4px;font-weight:600;font-size:15px;transition:background-color .2s,color .2s,border-color .2s} #asj-detox .nbA .seg label:hover span{border-color:var(--forest)} #asj-detox .nbA .seg input:checked+span{background:var(--forest);border-color:var(--forest);color:var(--white)} #asj-detox .nbA .seg input:focus-visible+span{outline:2px solid var(--forest);outline-offset:3px} @media (max-width:600px){#asj-detox .nbA .seg>div{grid-template-columns:repeat(2,minmax(0,1fr))}} #asj-detox .nbA .dw .tb{display:grid;gap:10px;margin-top:30px;--sp:57%} #asj-detox .nbA .dw .hd{display:grid;grid-template-columns:var(--sp) minmax(0,1fr);align-items:end;margin-bottom:-2px} #asj-detox .nbA .dw .hd b{justify-self:start;display:flex;align-items:center;gap:10px;padding:9px 20px 10px 28px;border-radius:4px 4px 16px 4px;font-family:var(--f-head);font-weight:400;font-size:20px;line-height:1.15;background:var(--cream)} #asj-detox .nbA .dw .r{position:relative;display:grid;grid-template-columns:var(--sp) minmax(0,1fr);align-items:baseline;border:1px solid var(--line);border-radius:4px 4px 34px 4px;overflow:hidden;background:linear-gradient(90deg,var(--t) 0 var(--sp),var(--white) var(--sp))} #asj-detox .nbA .dw .k1{--t:var(--body-tint)} #asj-detox .nbA .dw .k2{--t:var(--mind-tint)} #asj-detox .nbA .dw .k3{--t:var(--soul-tint)} #asj-detox .nbA .dw .k4{--t:var(--cream)} #asj-detox .nbA .dw .was{margin:0;padding:24px 52px 24px 28px} #asj-detox .nbA .dw blockquote{margin:0;font-family:var(--f-head);font-size:clamp(24px,2.5vw,30px);line-height:1.12} #asj-detox .nbA .dw blockquote::before{content:"«"} #asj-detox .nbA .dw blockquote::after{content:"»"} #asj-detox .nbA .dw figcaption{font-size:14.5px;line-height:1.55;color:var(--subtle);margin-top:8px;max-width:60ch} #asj-detox .nbA .dw .now{padding:24px 30px 24px 44px} #asj-detox .nbA .dw .now small{display:none} #asj-detox .nbA .dw .now p{font-family:var(--f-head);font-size:clamp(21px,2.2vw,27px);line-height:1.18;color:var(--mid)} #asj-detox .nbA .dw .ar{position:absolute;left:var(--sp);top:21px;translate:-50% 0;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--white);border:1px solid rgba(32,40,26,.22);color:var(--orange-ink)} #asj-detox .nbA .dw .ar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} @media (max-width:1000px){#asj-detox .nbA .dw .tb{--sp:54%}#asj-detox .nbA .dw .was{padding:20px 40px 22px 22px}#asj-detox .nbA .dw .now{padding:20px 22px 22px 36px}#asj-detox .nbA .dw .ar{top:16px}} @media (max-width:700px){#asj-detox .nbA .dw .hd{display:none}#asj-detox .nbA .dw .tb{gap:12px}#asj-detox .nbA .dw .r{grid-template-columns:minmax(0,1fr);align-items:start;background:var(--white);border-radius:4px 4px 30px 4px}#asj-detox .nbA .dw .was{background:var(--t);padding:20px 20px 32px}#asj-detox .nbA .dw blockquote{font-size:25px}#asj-detox .nbA .dw figcaption{font-size:14px}#asj-detox .nbA .dw .ar{position:relative;left:auto;top:auto;translate:none;rotate:90deg;margin:-19px 0 -19px 20px;z-index:1}#asj-detox .nbA .dw .now{padding:26px 20px 22px}#asj-detox .nbA .dw .now small{display:block;font-size:12.5px;font-weight:700;color:var(--subtle);margin-bottom:4px}#asj-detox .nbA .dw .now p{font-size:22px}} @media (min-width:981px) and (max-width:1160px){#asj-detox .nbA .rd .way .tp{grid-template-columns:18px minmax(0,1fr)}#asj-detox .nbA .rd .way .tp .rec{grid-column:2;justify-self:start}} #asj-detox .nbA [hidden]{display:none!important} #asj-detox .nbA .ar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--white);border:1px solid rgba(32,40,26,.22);color:var(--orange-ink)} #asj-detox .nbA .ar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #asj-detox .nbA .rd .hd2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 48px;align-items:end} #asj-detox .nbA .rd .hd2 .rb{margin-top:0;justify-self:end} #asj-detox .nbA .rd .pre{margin-top:30px;padding:22px 28px 26px;background:var(--cream);border-radius:4px 4px 34px 4px} #asj-detox .nbA .rd .pre ol{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:22px;align-items:start} #asj-detox .nbA .rd .pre li:not(.ar){display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px} #asj-detox .nbA .rd .pre li b{display:block;font-family:var(--f-head);font-weight:400;font-size:20px;line-height:1.2;padding-top:2px} #asj-detox .nbA .rd .pre li p{font-size:14px;color:var(--subtle);margin-top:4px} #asj-detox .nbA .rd .pre .ar{margin-top:4px} #asj-detox .nbA .rd .g{margin-top:36px;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:44px;align-items:center} #asj-detox .nbA .rd .fork{margin-top:0} #asj-detox .nbA .rd .gl{position:relative;top:auto;max-width:600px} #asj-detox .nbA .rd canvas{border-radius:0} @media (max-width:980px){#asj-detox .nbA .rd .hd2{grid-template-columns:minmax(0,1fr)}#asj-detox .nbA .rd .hd2 .rb{justify-self:start}#asj-detox .nbA .rd .g{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:30px}#asj-detox .nbA .rd .gl{max-width:520px}} @media (max-width:760px){#asj-detox .nbA .rd .pre{padding:20px 18px 22px;border-radius:4px 4px 28px 4px}#asj-detox .nbA .rd .zm{position:static;grid-auto-flow:column;justify-content:center;gap:10px;margin-top:6px}#asj-detox .nbA .rd .pre ol{grid-template-columns:minmax(0,1fr);gap:16px}#asj-detox .nbA .rd .pre .ar{display:none}} #asj-detox .nbA .fq .cols{align-items:start} #asj-detox .nbA .fq .col{grid-template-rows:none} #asj-detox .nbA .fq .acc{interpolate-size:numeric-only} #asj-detox .nbA .fq .acc details::details-content{block-size:auto;overflow:visible;transition:none} #asj-detox .nbA .fq .acc summary::after{transition:rotate .2s,background-color .15s,color .15s,border-color .15s} @keyframes fq-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}} #asj-detox .nbA .fq .acc details[open] .a{animation:fq-in .22s ease-out both} @media (prefers-reduced-motion:reduce){#asj-detox .nbA .fq .acc details[open] .a{animation:none}} #asj-detox .nbA .band.ap{background:var(--cream)} #asj-detox .nbA .ap .hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 40px;flex-wrap:wrap} #asj-detox .nbA .ap .fm{margin-top:26px} #asj-detox .nbA .ap .row{display:grid;grid-template-columns:minmax(0,1.2fr) auto minmax(0,.8fr) auto;gap:12px;align-items:end} #asj-detox .nbA .ap .seg>div{grid-template-columns:repeat(4,auto)} #asj-detox .nbA .ap .seg span{padding-inline:16px;background:var(--white)} #asj-detox .nbA .ap .ok{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 48px;align-items:center;margin-top:26px;padding:26px 30px 28px;background:var(--white);border-radius:4px 4px 40px 4px} #asj-detox .nbA .ap .ok:focus{outline:none} #asj-detox .nbA .ap .ok .big{display:flex;gap:12px;align-items:baseline} #asj-detox .nbA .ap .ok .big .sx{width:16px;height:16px} #asj-detox .nbA .ap .ok .t{margin-top:8px;font-size:15.5px;line-height:1.6;color:var(--subtle);max-width:60ch} #asj-detox .nbA .ap .back{min-height:44px;padding:0 8px;border:0;background:none;font:inherit;font-size:13px;color:var(--subtle);text-decoration:underline;text-underline-offset:3px;cursor:pointer} #asj-detox .nbA .ap .ok.plain{grid-template-columns:minmax(0,1fr) auto} #asj-detox .nbA .ap .next{margin-top:34px;padding-top:26px;border-top:1px solid rgba(32,40,26,.25)} #asj-detox .nbA .ap .next h4{font-size:24px;line-height:1.15} #asj-detox .nbA .path{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:22px;counter-reset:p} #asj-detox .nbA .path li{position:relative;counter-increment:p;display:grid;gap:14px;align-content:start} #asj-detox .nbA .path:not([data-ch=tg]) .tgo{display:none} #asj-detox .nbA .path li>i{position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--white);border:1px solid var(--forest);font-family:var(--f-head);font-style:normal;font-size:22px;line-height:1;color:var(--forest)} #asj-detox .nbA .path li>i::before{content:counter(p)} #asj-detox .nbA .path li:not(:last-child)::before{content:"";position:absolute;left:54px;right:-14px;top:22.5px;border-top:1.5px dashed rgba(32,40,26,.4)} #asj-detox .nbA .path li b{display:block;font-family:var(--f-head);font-weight:400;font-size:20px;line-height:1.2} #asj-detox .nbA .path li p{font-size:14px;line-height:1.55;color:var(--subtle);margin-top:5px} #asj-detox .nbA .path[data-at="1"] .s1>i,#asj-detox .nbA .path[data-at="2"] .s2>i,#asj-detox .nbA .path[data-at="3"] .s3>i{background:var(--orange);border-color:var(--orange);color:var(--white);box-shadow:0 0 0 4px var(--cream),0 0 0 5.5px var(--orange)} #asj-detox .nbA .path[data-at="2"] .s1>i,#asj-detox .nbA .path[data-at="3"] .s1>i,#asj-detox .nbA .path[data-at="3"] .s2>i{background:var(--forest);color:var(--white)} #asj-detox .nbA .path[data-at="2"] .s1>i::before,#asj-detox .nbA .path[data-at="3"] .s1>i::before,#asj-detox .nbA .path[data-at="3"] .s2>i::before{content:"";width:16px;height:9px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;rotate:-45deg;margin-top:-4px} #asj-detox .nbA .path[data-at="2"] .s1::before,#asj-detox .nbA .path[data-at="3"] .s1::before,#asj-detox .nbA .path[data-at="3"] .s2::before{border-top:1.5px solid var(--forest)} @media (max-width:1100px){#asj-detox .nbA .ap .row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#asj-detox .nbA .ap .row .seg{grid-column:1/-1;grid-row:2}#asj-detox .nbA .ap .seg>div{grid-template-columns:repeat(4,minmax(0,1fr))}#asj-detox .nbA .ap .row .fld:first-child{grid-column:1/-1}#asj-detox .nbA .ap .row .ct{grid-row:3}#asj-detox .nbA .ap .row .btn{grid-row:3}} @media (max-width:900px){#asj-detox .nbA .ap .ok{grid-template-columns:minmax(0,1fr);padding:22px 20px 20px;border-radius:4px 4px 32px 4px}#asj-detox .nbA .path{grid-auto-flow:row;grid-auto-columns:auto;gap:0}#asj-detox .nbA .path li{grid-template-columns:46px minmax(0,1fr);gap:16px;padding-bottom:22px}#asj-detox .nbA .path li:last-child{padding-bottom:0}#asj-detox .nbA .path li:not(:last-child)::before{left:22.5px;right:auto;top:52px;bottom:6px;border-top:0;border-left:1.5px dashed rgba(32,40,26,.4)}#asj-detox .nbA .path[data-at="2"] .s1::before,#asj-detox .nbA .path[data-at="3"] .s1::before,#asj-detox .nbA .path[data-at="3"] .s2::before{border-top:0;border-left:1.5px solid var(--forest)}#asj-detox .nbA .path li b{padding-top:10px}} @media (max-width:600px){#asj-detox .nbA .ap .seg>div{grid-template-columns:repeat(2,minmax(0,1fr))}#asj-detox .nbA .ap .row{grid-template-columns:minmax(0,1fr)}#asj-detox .nbA .ap .row>*{grid-column:1!important;grid-row:auto!important}} #asj-detox .nbA .dw .tb{--sp:50%} #asj-detox .nbA .dw .r{align-items:stretch;background:var(--t);min-height:168px} #asj-detox .nbA .dw .k1{--t:var(--mind-tint)} #asj-detox .nbA .dw .k2{--t:var(--soul-tint)} #asj-detox .nbA .dw .k3{--t:var(--body-tint)} #asj-detox .nbA .dw .k4{--t:var(--cream)} #asj-detox .nbA .dw .was{padding:24px 46px 26px 28px} #asj-detox .nbA .dw blockquote{line-height:1.13} #asj-detox .nbA .dw .now{position:relative;overflow:hidden;padding:24px 28px 26px 44px;background:var(--forest);color:var(--white)} #asj-detox .nbA .dw .now img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} #asj-detox .nbA .dw .now::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(26,33,21,.9) 0%,rgba(26,33,21,.72) 38%,rgba(26,33,21,.12) 78%)} #asj-detox .nbA .dw .now small{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #asj-detox .nbA .dw .now p{position:relative;z-index:2;color:var(--white);line-height:1.26;max-width:16em;text-wrap:balance} #asj-detox .nbA .dw .ar{position:absolute;z-index:3;left:var(--sp);top:21px;translate:-50% 0} #asj-detox .nbA .dw .k1 .now img{object-position:50% 62%} #asj-detox .nbA .dw .k2 .now img{object-position:50% 55%} #asj-detox .nbA .dw .k3 .now img{object-position:50% 40%} #asj-detox .nbA .dw .k4 .now img{object-position:50% 50%} @media (max-width:1000px){#asj-detox .nbA .dw .tb{--sp:50%}#asj-detox .nbA .dw .was{padding:20px 36px 22px 22px}#asj-detox .nbA .dw .now{padding:20px 22px 22px 36px}#asj-detox .nbA .dw .ar{top:17px}} @media (max-width:700px){#asj-detox .nbA .dw .r{background:var(--t);min-height:0}#asj-detox .nbA .dw .was{background:none;padding:20px 20px 32px}#asj-detox .nbA .dw .ar{position:relative;left:auto;top:auto;translate:none;rotate:90deg;margin:-19px 0 -19px 20px}#asj-detox .nbA .dw .now{padding:30px 20px 24px;min-height:150px}#asj-detox .nbA .dw .now::before{background:linear-gradient(170deg,rgba(26,33,21,.88) 0%,rgba(26,33,21,.6) 45%,rgba(26,33,21,.1) 90%)}#asj-detox .nbA .dw .now small{position:relative;z-index:2;width:auto;height:auto;overflow:visible;clip-path:none;font-size:12.5px;font-weight:700;color:var(--sage);margin-bottom:4px}#asj-detox .nbA .dw .now p{font-size:23px}} #asj-detox .nbA .rd .way{gap:0;padding:16px 18px 18px} #asj-detox .nbA .rec.eco{box-shadow:inset 0 0 0 1px rgba(32,40,26,.45);color:var(--forest)} #asj-detox .nbA .rd .way .fx{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 30px;margin-top:16px;padding-left:30px} #asj-detox .nbA .rd .way .rt{display:flex;align-items:center;margin:40px 0 0;padding:0 8px 26px 31px} #asj-detox .nbA .rt .stp{position:relative;flex:none;width:14px;height:14px;display:grid;place-items:center} #asj-detox .nbA .rt .stp i{width:12px;height:12px;border-radius:50%;background:var(--forest)} #asj-detox .nbA .rt .stp.z i{width:14px;height:14px;background:var(--orange);box-shadow:0 0 0 4px rgba(255,97,35,.22)} #asj-detox .nbA .rt .stp em{position:absolute;top:26px;left:-1px;white-space:nowrap;font-style:normal;font-size:12.5px;font-weight:700;line-height:1.2} #asj-detox .nbA .rt .stp.m em{left:50%;translate:-50% 0} #asj-detox .nbA .rt .stp.z em{left:auto;right:-2px} #asj-detox .nbA .rt .lg2{position:relative;flex:1 1 0;min-width:0;height:36px;display:grid;place-items:center} #asj-detox .nbA .rt .lg2::before{content:"";position:absolute;left:5px;right:5px;top:50%;margin-top:-1px;border-top:2px dashed rgba(32,40,26,.45)} #asj-detox .nbA .rt .lg2.gr::before{border-top-style:solid;border-top-color:rgba(32,40,26,.55)} #asj-detox .nbA .rt .lg2 em{position:absolute;bottom:calc(100% + 3px);left:50%;translate:-50% 0;white-space:nowrap;font-style:normal;font-size:12.5px;font-weight:700;line-height:1.2} @media (max-width:480px){#asj-detox .nbA .rd .way .fx{grid-template-columns:minmax(0,1fr);padding-left:0}#asj-detox .nbA .rd .way .rt{padding-left:4px;padding-right:6px}} #asj-detox .nbA .fq .acc details[open] .a{animation:none} #asj-detox .nbA .fq.js .aw{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.3,.7,.2,1)} #asj-detox .nbA .fq.js details.on>.aw{grid-template-rows:1fr} #asj-detox .nbA .fq.js .ai{min-height:0;overflow:hidden} #asj-detox .nbA .fq.js .a{opacity:0;transition:opacity .2s} #asj-detox .nbA .fq.js details.on .a{opacity:1;transition:opacity .3s .06s} #asj-detox .nbA .fq.js .acc details[open]:not(.on)>summary::after{rotate:0deg;background-color:transparent;border-color:rgba(32,40,26,.45);color:inherit} @media (prefers-reduced-motion:reduce){#asj-detox .nbA .fq.js .aw,#asj-detox .nbA .fq.js .a,#asj-detox .nbA .fq.js details.on .a{transition:none}} #asj-detox .nbA .seg .ci{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} #asj-detox .nbA .ap .seg span{padding-inline:12px;gap:7px;font-size:14.5px} #asj-detox .nbA .ap .row{grid-template-columns:minmax(0,1.25fr) auto minmax(0,1fr) auto} #asj-detox .nbA .ap .row .btn{padding-inline:20px} #asj-detox .nbA .ap .fm input.in{font-size:15px;padding-inline:12px} #asj-detox .nbA .ap .fa{min-width:0} #asj-detox .nbA .ap .next .lead{margin-top:6px;font-size:15px;line-height:1.5;color:var(--subtle)} #asj-detox .nbA .path li>div{min-width:0} @media (max-width:1240px){#asj-detox .nbA .ap .bd{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px 48px;align-items:start;margin-top:26px}#asj-detox .nbA .ap .fa{max-width:440px}#asj-detox .nbA .ap .fm input.in{font-size:16px;padding-inline:14px}#asj-detox .nbA .ap .row .btn{padding-inline:26px}#asj-detox .nbA .ap .fm{margin-top:0}#asj-detox .nbA .ap .row{grid-template-columns:minmax(0,1fr)}#asj-detox .nbA .ap .row>*{grid-column:1!important;grid-row:auto!important}#asj-detox .nbA .ap .seg>div{grid-template-columns:repeat(2,minmax(0,1fr))}#asj-detox .nbA .ap .row .btn{justify-self:start;margin-top:4px}#asj-detox .nbA .ap .ok{margin-top:0;grid-template-columns:minmax(0,1fr);padding:22px 22px 20px;border-radius:4px 4px 32px 4px}#asj-detox .nbA .ap .next{margin-top:0;padding-top:0;border-top:0;padding-left:44px;border-left:1px solid rgba(32,40,26,.25)}#asj-detox .nbA .path{grid-auto-flow:row;grid-auto-columns:auto;gap:0}#asj-detox .nbA .path li{grid-template-columns:46px minmax(0,1fr);gap:16px;padding-bottom:20px}#asj-detox .nbA .path li:last-child{padding-bottom:0}#asj-detox .nbA .path li:not(:last-child)::before{left:22.5px;right:auto;top:52px;bottom:6px;border-top:0;border-left:1.5px dashed rgba(32,40,26,.4)}#asj-detox .nbA .path[data-at="2"] .s1::before,#asj-detox .nbA .path[data-at="3"] .s1::before,#asj-detox .nbA .path[data-at="3"] .s2::before{border-top:0;border-left:1.5px solid var(--forest)}#asj-detox .nbA .path li b{padding-top:0}} @media (max-width:760px){#asj-detox .nbA .ap .bd{grid-template-columns:minmax(0,1fr)}#asj-detox .nbA .ap .fa{max-width:520px}#asj-detox .nbA .ap .seg>div{grid-template-columns:repeat(4,auto);justify-content:start}#asj-detox .nbA .ap .next{padding-left:0;border-left:0;margin-top:10px;padding-top:24px;border-top:1px solid rgba(32,40,26,.25)}} @media (max-width:520px){#asj-detox .nbA .ap .fa{max-width:none}#asj-detox .nbA .ap .seg>div{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}#asj-detox .nbA .ap .row .btn{justify-self:stretch}} #asj-detox .nbA .rd .pre.c{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 34px;align-items:center;margin-top:24px;padding:15px 26px 16px} #asj-detox .nbA .rd .pre.c ol{margin-top:0;gap:18px;grid-template-columns:minmax(0,1fr) 30px minmax(0,1.25fr);align-items:center} #asj-detox .nbA .rd .pre.c li:not(.ar){grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center} #asj-detox .nbA .rd .pre.c .ic{width:38px;height:38px} #asj-detox .nbA .rd .pre.c .ic svg{width:18px;height:18px} #asj-detox .nbA .rd .pre.c li b{font-size:18px;padding-top:0} #asj-detox .nbA .rd .pre.c li p{font-size:13px;line-height:1.45;margin-top:2px} #asj-detox .nbA .rd .pre.c .ar{width:30px;height:30px;margin-top:0} #asj-detox .nbA .rd .pre.c .ar svg{width:15px;height:15px} #asj-detox .nbA .rd .g.c{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:40px;margin-top:28px} #asj-detox .nbA .rd .g.c .gl{width:100%;max-width:400px;justify-self:center} #asj-detox .nbA .rd .g.c .ways{gap:10px;margin-top:12px} #asj-detox .nbA .rd .way.c{padding:13px 18px 14px} #asj-detox .nbA .rd .way.c .tp b{font-size:22px} #asj-detox .nbA .rd .way.c .fx{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-top:8px;padding-left:30px} #asj-detox .nbA .rd .way.c .fx b{font-family:var(--f-head);font-weight:400;font-size:20px;line-height:1.2;white-space:nowrap} #asj-detox .nbA .rd .way.c .fx small{font-size:12.5px;color:var(--subtle);margin-right:10px;white-space:nowrap} #asj-detox .nbA .rd .way.c .rt{margin:12px 0 0;padding:0 8px 20px 31px} #asj-detox .nbA .rd .way.c .rt .lg2{height:30px;min-width:max-content;padding-inline:9px} #asj-detox .nbA .rt .lg2 .chp{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;background:var(--white);border:1px solid rgba(32,40,26,.32);border-radius:4px 4px 12px 4px;white-space:nowrap} #asj-detox .nbA .rt .lg2 .chp svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} #asj-detox .nbA .rt .lg2 .chp em{position:static;translate:none;font-style:normal;font-size:12.5px;font-weight:700;line-height:1.2} #asj-detox .nbA .rd .way.c .rt .stp em{top:23px} @media (max-width:980px){#asj-detox .nbA .rd .g.c{grid-template-columns:minmax(0,1fr);gap:16px}} @media (max-width:900px){#asj-detox .nbA .rd .pre.c{grid-template-columns:minmax(0,1fr)}} @media (max-width:760px){#asj-detox .nbA .rd .pre.c{padding:16px 18px 18px}#asj-detox .nbA .rd .pre.c ol{grid-template-columns:minmax(0,1fr);gap:12px}#asj-detox .nbA .rd .pre.c li:not(.ar){align-items:start}} @media (max-width:480px){#asj-detox .nbA .rd .way.c .fx{padding-left:0}#asj-detox .nbA .rd .way.c .rt{padding-left:4px;padding-right:6px}} #asj-detox .nbA .ap .next{margin-top:26px;padding:22px 28px 26px;border-top:0;background:var(--white);border-radius:4px 4px 34px 4px} #asj-detox .nbA .ap .next h4{font-size:22px} #asj-detox .nbA .ap .next .lead{margin-top:4px;font-size:14px} #asj-detox .nbA .path.pi{margin-top:18px} #asj-detox .nbA .path.pi li{gap:10px} #asj-detox .nbA .path.pi li>i{width:40px;height:40px} #asj-detox .nbA .path.pi li>i::before{content:none} #asj-detox .nbA .path.pi li>i svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} #asj-detox .nbA .path.pi[data-at="2"] .s1>i svg,#asj-detox .nbA .path.pi[data-at="3"] .s1>i svg{display:none} #asj-detox .nbA .path.pi[data-at="1"] .s1>i,#asj-detox .nbA .path.pi[data-at="2"] .s2>i,#asj-detox .nbA .path.pi[data-at="3"] .s3>i{box-shadow:0 0 0 4px var(--white),0 0 0 5.5px var(--orange)} #asj-detox .nbA .path.pi li:not(:last-child)::before{left:48px;top:19.5px} #asj-detox .nbA .path.pi li b{font-size:19px} #asj-detox .nbA .path.pi li p{font-size:13.5px;line-height:1.5;margin-top:3px} @media (max-width:1240px){#asj-detox .nbA .ap .next{margin-top:0;padding:22px 26px 24px;border-left:0}#asj-detox .nbA .path.pi li{grid-template-columns:40px minmax(0,1fr);gap:14px;padding-bottom:14px}#asj-detox .nbA .path.pi li:last-child{padding-bottom:0}#asj-detox .nbA .path.pi li:not(:last-child)::before{left:19.5px;top:45px;bottom:1px}#asj-detox .nbA .path.pi li>div{padding-top:1px}} @media (max-width:760px){#asj-detox .nbA .ap .next{margin-top:8px;padding:20px 20px 22px;border-top:0;border-radius:4px 4px 30px 4px}} #asj-detox .nbA .dw .hd{grid-template-columns:auto minmax(0,1fr) calc(100% - var(--sp));align-items:end} #asj-detox .nbA .dw .hd .via{position:relative;align-self:center;display:grid;place-items:center;height:20px;margin:0 16px 0 14px} #asj-detox .nbA .dw .hd .via::before{content:"";position:absolute;left:0;right:5px;top:50%;border-top:1.5px dashed rgba(32,40,26,.5)} #asj-detox .nbA .dw .hd .via::after{content:"";position:absolute;right:3px;top:50%;width:9px;height:9px;margin-top:-5px;border-top:1.5px solid var(--forest);border-right:1.5px solid var(--forest);rotate:45deg} #asj-detox .nbA .dw .hd .via em{position:relative;padding:0 12px;background:var(--white);font-style:normal;font-size:12.5px;font-weight:700;color:var(--subtle);white-space:nowrap} #asj-detox .nbA .dw .hd b:last-child{background:var(--forest);color:var(--white);padding-left:20px} #asj-detox .nbA .dw .th,#asj-detox .nbA .dw .ar .cv{display:none} #asj-detox .nbA .dw .r{background:var(--forest)} #asj-detox .nbA .dw .was{background:var(--t)} #asj-detox .nbA .dw.v5 .was{padding-right:0} #asj-detox .nbA .dw.v5 blockquote{display:flex;align-items:flex-start;gap:16px} #asj-detox .nbA .dw.v5 blockquote::before,#asj-detox .nbA .dw.v5 blockquote::after{content:none} #asj-detox .nbA .dw.v5 blockquote span::before{content:"«"} #asj-detox .nbA .dw.v5 blockquote span::after{content:"»"} #asj-detox .nbA .dw.v5 .th{display:block;flex:1 1 30px;min-width:26px;margin-top:.56em;border-top:2px dashed rgba(32,40,26,.42)} #asj-detox .nbA .dw.v5 figcaption{padding-right:56px} #asj-detox .nbA .dw.v5 .ar{top:calc(24px + clamp(24px,2.5vw,30px)*.59);translate:-50% -50%;width:34px;height:34px;background:var(--orange);border:3px solid var(--white)} #asj-detox .nbA .dw.v5 .ar svg{display:none} #asj-detox .nbA .dw.v5 .ar::before{content:"";width:14px;height:14px;background:var(--white);clip-path:var(--star)} #asj-detox .nbA .dw.v5 .now{padding-left:40px} @media (max-width:1000px){#asj-detox .nbA .dw.v5 .ar{top:calc(20px + clamp(24px,2.5vw,30px)*.59)}} @media (max-width:700px){#asj-detox .nbA .dw .r{background:var(--forest)}#asj-detox .nbA .dw .was{background:var(--t)}#asj-detox .nbA .dw.v5 .was{position:relative;padding:20px 20px 44px}#asj-detox .nbA .dw.v5 .th{display:none}#asj-detox .nbA .dw.v5 figcaption{padding-right:0}#asj-detox .nbA .dw.v5 .was::after{content:"";position:absolute;left:36px;bottom:0;height:30px;border-left:2px dashed rgba(32,40,26,.42)}#asj-detox .nbA .dw.v5 .ar{position:relative;z-index:3;left:auto;top:auto;translate:none;rotate:none;margin:-17px 0 -17px 20px}#asj-detox .nbA .dw.v5 .now{padding:34px 20px 24px}} @media (max-width:480px){#asj-detox .nbA .rd .way.c .rt .lg2{flex-grow:1!important}} @media (max-width:1240px){#asj-detox .nbA .ap .ok.plain{grid-template-columns:minmax(0,1fr)}} #asj-detox .nbA .rd .stg{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:28px} #asj-detox .nbA .rd .stg>li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px 16px;align-items:center} #asj-detox .nbA .rd .stg .sn{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--forest);color:var(--white);font-family:var(--f-head);font-style:normal;font-size:20px;line-height:1;box-shadow:0 0 0 3px var(--white),0 0 0 4px rgba(32,40,26,.4)} #asj-detox .nbA .rd .stg>li>h4{font-size:24px;line-height:1.15} #asj-detox .nbA .rd .stg .stb{grid-column:2;min-width:0} #asj-detox .nbA .rd .stg>li:first-child::before{content:"";position:absolute;left:17.5px;top:46px;bottom:-22px;border-left:1.5px dashed rgba(32,40,26,.45)} #asj-detox .nbA .rd .stg .pre.c{display:block;margin-top:0} #asj-detox .nbA .rd .stg .g.c{margin-top:0;align-items:start} #asj-detox .nbA .rd .stg .g.c .ways{margin-top:0} #asj-detox .nbA .rd .stg+.we{margin-top:30px} #asj-detox .nbA .rd .way.c .tp b{text-wrap:balance} @media (max-width:700px){#asj-detox .nbA .rd .stg{gap:24px}#asj-detox .nbA .rd .stg>li{grid-template-columns:30px minmax(0,1fr);gap:12px}#asj-detox .nbA .rd .stg .sn{width:30px;height:30px;font-size:17px}#asj-detox .nbA .rd .stg>li>h4{font-size:21px}#asj-detox .nbA .rd .stg .stb{grid-column:1/-1}#asj-detox .nbA .rd .stg>li:first-child::before{content:none}} @media (max-width:480px){#asj-detox .nbA .rd .way.c .tp b{font-size:20px}#asj-detox .nbA .rd .way.c .rt .lg2{padding-inline:5px}#asj-detox .nbA .rt .lg2 .chp{gap:4px;padding:3px 7px 3px 6px}#asj-detox .nbA .rt .lg2 .chp svg{width:14px;height:14px}#asj-detox .nbA .rt .lg2 .chp em{font-size:12px}#asj-detox .nbA .rt .lg2.tr .chp svg{display:none}#asj-detox .nbA .rt .lg2.tr .chp{padding-left:8px}} #asj-detox .nbA .path.wt li.mn>i{width:12px;height:12px;border:0;background:#a2a79a;box-shadow:0 0 0 3px var(--white)} #asj-detox .nbA .path.wt li.mn>i::before{content:none!important} #asj-detox .nbA .path.wt li.mn b{font-family:var(--f-text);font-size:13.5px;font-weight:500;line-height:1.45;color:var(--subtle)} #asj-detox .nbA .path.wt[data-at="2"] .s2.mn>i,#asj-detox .nbA .path.wt[data-at="3"] .s3.mn>i{background:var(--orange);box-shadow:0 0 0 3px var(--white),0 0 0 4.5px var(--orange)} #asj-detox .nbA .path.wt[data-at="3"] .s2.mn>i{background:var(--forest)} #asj-detox .nbA .path.wt[data-at="2"] .s2.mn b,#asj-detox .nbA .path.wt[data-at="3"] .s3.mn b{color:var(--forest);font-weight:700} @media (min-width:1241px){#asj-detox .nbA .path.wt{display:flex;gap:22px}#asj-detox .nbA .path.wt li{flex:1.3 1 0}#asj-detox .nbA .path.wt li.mn{flex:.82 1 0}#asj-detox .nbA .path.wt li.mn>i{margin:14px 0}#asj-detox .nbA .path.wt li.mn:not(:last-child)::before{left:22px}} @media (max-width:1240px){#asj-detox .nbA .path.wt li:not(:last-child)::before{left:19.5px;top:20px;bottom:-20px}#asj-detox .nbA .path.wt li.mn{padding-bottom:12px;align-items:start}#asj-detox .nbA .path.wt li.mn>i{justify-self:center;margin-top:4px}#asj-detox .nbA .path.wt li.mn:not(:last-child)::before{top:10px}#asj-detox .nbA .path.wt li.mn>div{padding-top:0}#asj-detox .nbA .path.wt .s1{padding-bottom:12px}} #asj-detox .nbB{--forest:#20281a; --mid:#3c5535; --sage:#c4cbaf; --sage-light:#e5e4d4; --warm:#f6f4f0; --cream:#efeee4; --white:#ffffff; --orange:#ff6123; --orange-hover:#e9521a; --orange-ink:#b5460f; --muted:#666a5c; --subtle:#5f6456; --line:rgba(32,40,26,.12); --tbd-bg:#fff1c9; --tbd-ink:#7a4d00; --body-tint:#f8efe4; --mind:#a9c48a; --mind-tint:#eef3e6; --soul-tint:#e8f3f6; --f-head:'Vidaloka', Georgia, 'Times New Roman', serif; --f-text:'Montserrat', 'Segoe UI', Roboto, system-ui, sans-serif; --wrap:1180px; --leaf:4px 4px 28px 4px; --star:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%); color-scheme:light;} #asj-detox .nbB h2,#asj-detox .nbB h2{font-family:var(--f-head);font-weight:400;margin:0;text-wrap:balance} #asj-detox .nbB p{margin:0} #asj-detox .nbB img{display:block;max-width:100%} #asj-detox .nbB .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 22px;border-radius:999px;border:0;background:var(--orange);color:var(--white);font:inherit;font-size:14px;font-weight:600;letter-spacing:.02em;text-decoration:none;white-space:nowrap;flex:none;cursor:pointer;transition:background-color .2s} #asj-detox .nbB .btn::after{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.45);border-radius:inherit;pointer-events:none} #asj-detox .nbB .btn:hover{background:var(--orange-hover)} #asj-detox .nbB .mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--forest);color:var(--sage);flex:none} #asj-detox .nbB .ft{position:relative;background:var(--forest);color:rgba(255,255,255,.74);font-size:14px} #asj-detox .nbB .ft b{display:block;font-family:var(--f-head);font-weight:400;font-size:19px;line-height:1.2;color:var(--white);margin-bottom:6px} #asj-detox .nbB .ft .cols{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:28px 44px;padding:44px 36px 40px} #asj-detox .nbB .fb{display:flex;gap:14px;align-items:flex-start} #asj-detox .nbB .fb .mark{background:var(--sage);color:var(--forest)} #asj-detox .nbB .fb div>span,#asj-detox .nbB .fc>span{display:block} #asj-detox .nbB .fc>span{padding:2px 0} #asj-detox .nbB .fl{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-content:start} #asj-detox .nbB .fl a{color:inherit;text-decoration:none;padding:7px 0} #asj-detox .nbB .fl a:hover{color:var(--white)} @container (max-width:820px){#asj-detox .nbB .ft .cols{grid-template-columns:1fr 1fr;padding:36px 24px 32px}#asj-detox .nbB .ft .cols>.fb{grid-column:1/-1}} @container (max-width:520px){#asj-detox .nbB .ft .cols{grid-template-columns:1fr;padding:30px 18px 28px}} #asj-detox .nbB .f2{background:var(--warm)} #asj-detox .nbB .f2 .hills{display:block;width:100%;height:clamp(70px,11cqw,140px);margin-bottom:-1px} #asj-detox .nbB .f2 .hills .h6{fill:var(--forest)} #asj-detox .nbB .f2 .hills path+path:not(.h6){filter:drop-shadow(0 -2px 5px rgba(32,40,26,.13))} #asj-detox .nbB .f2 .in{position:relative;overflow:hidden;background:var(--forest)} #asj-detox .nbB .f2 .mand{position:absolute;right:-70px;bottom:-150px;width:380px;max-width:none;opacity:.09;filter:brightness(0) invert(1);pointer-events:none} #asj-detox .nbB .f2 .cols{position:relative} #asj-detox .nbB .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #asj-detox .nbB .mf .call{position:relative;text-align:center;padding:40px 20px 42px} #asj-detox .nbB .mf .date{font-size:13px;font-weight:600;color:var(--sage)} #asj-detox .nbB .mf .h{font-family:var(--f-head);font-size:clamp(28px,4.4cqw,46px);line-height:1.08;color:var(--white);margin-top:8px} #asj-detox .nbB .mf .btn{margin-top:22px;min-height:50px;padding:13px 32px} #asj-detox .nbB .mf .nb{font-size:13px;margin-top:10px} #asj-detox .nbB .mf .fl a{color:rgba(255,255,255,.74)} #asj-detox .nbB .mf .hills{height:clamp(80px,13cqw,170px)} #asj-detox .nbB .mf .mand{opacity:.06} #asj-detox .nbB .mf.sky .up{position:relative;background:linear-gradient(180deg,var(--warm),#eef0e4)} #asj-detox .nbB .mf.sky .call{padding:64px 20px 0;z-index:1} #asj-detox .nbB .mf.sky .date{color:var(--mid)} #asj-detox .nbB .mf.sky .h{color:var(--forest)} #asj-detox .nbB .mf.sky .nb{color:var(--subtle)} #asj-detox .nbB .mf.sky .hills{margin-top:-18px;height:clamp(96px,16cqw,210px)} @container (max-width:520px){#asj-detox .nbB .mf .call{padding:28px 18px 32px}#asj-detox .nbB .mf.sky .call{padding:44px 18px 0}} #asj-detox .nbB .ob .k{font-family:var(--f-head);line-height:1.05} #asj-detox .nbB .ob .k s{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--orange);text-decoration-thickness:3px} #asj-detox .nbB .ob li::before{display:inline-block;width:10px;height:19px;border:solid var(--mid);border-width:0 2.6px 2.6px 0;transform:rotate(40deg)} #asj-detox .nbB .ob .nots{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr)} #asj-detox .nbB .ob .c{padding:6px 28px 6px 0} #asj-detox .nbB .ob .c+.c{border-left:1px solid var(--line);padding-left:28px} #asj-detox .nbB .ob .k{font-size:clamp(30px,3.4vw,44px)} #asj-detox .nbB .ob .c p+p{margin-top:12px;font-size:15px;color:var(--subtle)} #asj-detox .nbB .ob .yes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px 56px;align-items:center;margin-top:38px;background:var(--forest);color:var(--white);border-radius:4px 4px 48px 4px;padding:40px 44px 42px} #asj-detox .nbB .ob .yes .k{font-size:clamp(36px,4.4vw,58px)} #asj-detox .nbB .ob .yes .w{margin-top:14px;font-size:17px;line-height:1.45;color:rgba(255,255,255,.82);max-width:36ch} #asj-detox .nbB .ob ul{list-style:none;margin:0;padding:0} #asj-detox .nbB .ob li{display:flex;align-items:center;gap:20px;padding:13px 0 13px 6px;font-size:16.5px;line-height:1.3;border-top:1px solid rgba(255,255,255,.16)} #asj-detox .nbB .ob li:first-child{border-top:0} #asj-detox .nbB .ob li::before{content:"";flex:none;border-color:var(--orange);margin-top:-6px} @media (max-width:860px){#asj-detox .nbB .ob .nots{grid-template-columns:minmax(0,1fr)}#asj-detox .nbB .ob .c{padding:18px 0}#asj-detox .nbB .ob .c:first-child{padding-top:0}#asj-detox .nbB .ob .c+.c{border-left:0;border-top:1px solid var(--line);padding-left:0}#asj-detox .nbB .ob .yes{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:14px;padding:28px 22px 22px;border-radius:4px 4px 36px 4px}#asj-detox .nbB .ob li{font-size:15px;gap:16px}} /* ---- v78: what the accepted blocks need inside the landing ---- */ #asj-detox .nbA [hidden],#asj-detox .nbB [hidden]{display:none!important} #asj-detox .nbA .sh,#asj-detox .nbB .sh{max-width:22ch} #asj-detox .nbA .band,#asj-detox .nbB .band{border-top:1px solid var(--line)} #asj-detox .ground + .nbA .band{border-top:var(--hang) solid transparent} /* header: the bookmark under the button */ #asj-detox nav.top .cw{position:relative;display:flex;align-self:stretch;align-items:center;flex:none} #asj-detox nav.top .flag{position:absolute;left:50%;top:100%;translate:-50% 0;z-index:3;display:flex;align-items:center;gap:7px;padding:7px 13px 9px 11px;background:var(--forest);color:var(--white);border-radius:0 0 16px 3px;font-size:11.5px;font-weight:700;font-style:normal;line-height:1.25;white-space:nowrap;box-shadow:0 8px 16px rgba(32,40,26,.22);pointer-events:none} #asj-detox nav.top .flag i{width:10px;height:10px;flex:none;background:var(--orange);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)} #asj-detox nav.top.open .flag{display:none} /* the bookmark hangs below the fixed header, so it leaves once the page is scrolled and never covers text */ #asj-detox nav.top .flag{transition:opacity .25s,translate .25s} #asj-detox nav.top.away .flag{opacity:0;translate:-50% -10px;visibility:hidden;transition:opacity .25s,translate .25s,visibility 0s .25s} @media (prefers-reduced-motion:reduce){#asj-detox nav.top .flag,#asj-detox nav.top.away .flag{transition:none}} @media (max-width:600px){#asj-detox nav.top .flag{font-size:11px;padding:6px 11px 8px 9px}} /* footer: it is its own size container, as it was drawn */ #asj-detox .nbB.fw{container-type:inline-size;position:relative} #asj-detox .nbB.fw .ft .cols{max-width:calc(var(--wrap) + 24px);margin-inline:auto} /* yellow marks keep the letters of the place they stand in */ #asj-detox .nbA .fx b .tbd{font-family:inherit;font-size:1em;font-weight:inherit;padding:0 .2em} #asj-detox .nbA .chp .tbd{font-weight:inherit;font-size:1em} /* the application on the real form */ #asj-detox .nbA .ap .fld>label{font-size:13px;font-weight:700;line-height:1.55} #asj-detox .nbA .ap .row{grid-template-columns:minmax(0,1fr) auto minmax(0,1.22fr) auto;align-items:start} #asj-detox .nbA .ap .fm input.in{text-overflow:ellipsis} @media (min-width:1241px){ #asj-detox .nbA .ap .fm input.in::placeholder{font-size:14px} #asj-detox .nbA .ap .row{column-gap:10px} #asj-detox .nbA .ap .seg span{padding-inline:10px;gap:6px;font-size:14.5px} #asj-detox .nbA .ap .seg>div{gap:7px} } #asj-detox .nbA .ap .row>.btn{margin-top:26px} #asj-detox .nbA .ap .err{padding-left:0;margin-top:0} #asj-detox .nbA .ap .in[aria-invalid="true"]{border-color:#b3261e} #asj-detox .nbA .ap .fm{display:grid;gap:14px} #asj-detox .nbA .ap .more{max-width:640px} #asj-detox .nbA .ap .more .field textarea{border-radius:4px;border-color:rgba(32,40,26,.4);padding:11px 14px} #asj-detox .nbA .ap .picked{max-width:640px;border-radius:4px 4px 16px 4px} #asj-detox .nbA .ap .agr{display:grid;gap:6px} #asj-detox .nbA .ap .agr .err{padding-left:32px} #asj-detox .nbA .ap .agree input[aria-invalid="true"]{outline:2px solid #b3261e;outline-offset:1px} #asj-detox .nbA .ap .form-fail{max-width:640px} #asj-detox .nbA .ap .btn[disabled]{opacity:.6;cursor:default;transform:none} @media (max-width:1240px){ #asj-detox .nbA .ap .row{grid-template-columns:minmax(0,1fr)} #asj-detox .nbA .ap .row>.btn{margin-top:4px} } /* «Заявка принята»: words on the left, the bot button on the right, the draft list under both */ #asj-detox .nbA .ap .ok{grid-template-columns:minmax(0,1fr) auto;gap:14px 40px;align-items:center} #asj-detox .nbA .ap .ok .okh{grid-column:1} #asj-detox .nbA .ap .ok .ok-tg{display:contents;padding:0;background:none} #asj-detox .nbA .ap .ok #ok-tg-text{grid-column:1;font-size:15px;line-height:1.55;color:var(--subtle);max-width:60ch} #asj-detox .nbA .ap .ok #ok-tg-link{grid-column:2;grid-row:1/3;align-self:center;min-height:58px;padding-inline:30px;font-size:16px;gap:10px} #asj-detox .nbA .ap .ok .draft-note,#asj-detox .nbA .ap .ok .ok-list{grid-column:1/-1} #asj-detox .nbA .ap .ok .back{grid-column:1/-1;justify-self:start;padding-left:0} @media (max-width:1240px){ #asj-detox .nbA .ap .ok{grid-template-columns:minmax(0,1fr)} #asj-detox .nbA .ap .ok #ok-tg-link{grid-column:1;grid-row:auto;justify-self:start} } @media (max-width:520px){#asj-detox .nbA .ap .ok #ok-tg-link{justify-self:stretch;white-space:normal;text-align:center}} /* the road heading keeps two lines on small laptops */ @media (max-width:1140px){#asj-detox .nbA .rd .hd2{grid-template-columns:minmax(0,1fr)}#asj-detox .nbA .rd .hd2 .rb{justify-self:start}} /* ===== v79: the next four blocks, everything lives under .nbC ===== */ #asj-detox .nbC{--forest:#20281a; --mid:#3c5535; --sage:#c4cbaf; --sage-light:#e5e4d4; --warm:#f6f4f0; --cream:#efeee4; --white:#ffffff; --orange:#ff6123; --orange-hover:#e9521a; --orange-ink:#b5460f; --muted:#666a5c; --subtle:#5f6456; --line:rgba(32,40,26,.12); --tbd-bg:#fff1c9; --tbd-ink:#7a4d00; --body-tint:#f8efe4; --mind:#a9c48a; --mind-tint:#eef3e6; --soul-tint:#e8f3f6; --f-head:'Vidaloka', Georgia, 'Times New Roman', serif; --f-text:'Montserrat', 'Segoe UI', Roboto, system-ui, sans-serif; --wrap:1180px; --leaf:4px 4px 28px 4px; --star:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%); color-scheme:light;} #asj-detox .nbC h2,#asj-detox .nbC h2,#asj-detox .nbC h4{font-family:var(--f-head);font-weight:400;margin:0;text-wrap:balance} #asj-detox .nbC p{margin:0} #asj-detox .nbC img{display:block;max-width:100%} #asj-detox .nbC .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 22px;border-radius:999px;border:0;background:var(--orange);color:var(--white);font:inherit;font-size:14px;font-weight:600;letter-spacing:.02em;text-decoration:none;white-space:nowrap;flex:none;cursor:pointer;transition:background-color .2s} #asj-detox .nbC .btn::after{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.45);border-radius:inherit;pointer-events:none} #asj-detox .nbC .btn:hover{background:var(--orange-hover)} #asj-detox .nbC{--body-ink:#a85710;--soul-ink:#2a7389} #asj-detox .nbC .hh{max-width:780px} #asj-detox .nbC .hh p{margin-top:10px;font-size:16px;color:var(--subtle)} #asj-detox .nbC .krole{display:block;font-size:12.5px;font-weight:700;color:var(--mid)} #asj-detox .nbC .kpf,#asj-detox .nbC .inx{list-style:none;margin:0;padding:0} #asj-detox .nbC .kpf{font-size:13.5px;color:var(--subtle)} #asj-detox .nbC .kpf li,#asj-detox .nbC .inx li{position:relative;padding:3px 0 3px 22px} #asj-detox .nbC .kpf li::before,#asj-detox .nbC .inx li::before{content:"";position:absolute;left:0;top:.62em;width:11px;height:11px;background:var(--orange);clip-path:var(--star)} #asj-detox .nbC .inx{font-size:14.5px;margin-top:8px} #asj-detox .nbC .av{display:block;flex:none;width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--sage-light)} #asj-detox .nbC .av img{width:100%;height:100%;object-fit:cover} #asj-detox .nbC .av.no{display:grid;place-items:center;color:var(--mid);border:1px dashed rgba(60,85,53,.5)} #asj-detox .nbC .av.no b{font-family:var(--f-head);font-weight:400;font-size:.42em;line-height:1} #asj-detox .nbC .av{font-size:72px} #asj-detox .nbC .kn{margin-top:32px;padding:16px 20px;background:var(--cream);border-radius:4px 4px 18px 4px;font-size:14.5px;color:var(--subtle);max-width:900px} #asj-detox .nbC .kn b{font-family:var(--f-head);font-weight:400;font-size:19px;color:var(--forest);margin-right:12px} #asj-detox .nbC .t1 .tline{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);margin-top:44px} #asj-detox .nbC .t1 .tline::before{content:"";position:absolute;left:0;right:0;top:8px;height:2px;background:var(--sage)} #asj-detox .nbC .t1 .tp{position:relative;padding:36px 24px 0 0} #asj-detox .nbC .t1 .tp:last-child{padding-right:0} #asj-detox .nbC .t1 .p3::before{content:"";position:absolute;left:0;right:0;top:7px;height:4px;background:var(--orange)} #asj-detox .nbC .t1 .tp>i{position:absolute;left:0;top:0;width:18px;height:18px;background:var(--orange);clip-path:var(--star)} #asj-detox .nbC .t1 .tp>b{display:block;font-family:var(--f-head);font-weight:400;font-size:30px;line-height:1.1} #asj-detox .nbC .t1 .tp img{width:100%;height:170px;object-fit:cover;border-radius:4px 4px 26px 4px;margin-top:14px} #asj-detox .nbC .t1 .tp strong{display:block;font-size:14.5px;font-weight:700;line-height:1.3;margin-top:14px} #asj-detox .nbC .t1 ul{list-style:none;margin:10px 0 0;padding:0;font-size:14px;line-height:1.4} #asj-detox .nbC .t1 li{position:relative;padding:5px 0 5px 16px} #asj-detox .nbC .t1 li::before{content:"";position:absolute;left:0;top:.86em;width:7px;height:7px;background:var(--mid);clip-path:var(--star)} #asj-detox .nbC .t1 details{margin-top:8px} #asj-detox .nbC .t1 summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13.5px;font-weight:700;color:var(--mid);cursor:pointer;list-style:none} #asj-detox .nbC .t1 summary::-webkit-details-marker{display:none} #asj-detox .nbC .t1 summary::after{content:"";width:7px;height:7px;border:solid var(--mid);border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-4px;transition:transform .2s} #asj-detox .nbC .t1 details[open] summary::after{transform:rotate(-135deg);margin-top:4px} #asj-detox .nbC .t1 .tfull p{font-size:14px;color:var(--subtle)} #asj-detox .nbC .t1 .tfull p+p{margin-top:8px} @supports (interpolate-size:allow-keywords){#asj-detox .nbC .t1 .tline{interpolate-size:allow-keywords}#asj-detox .nbC .t1 details::details-content{block-size:0;overflow:clip;transition:block-size .3s ease,content-visibility .3s allow-discrete}#asj-detox .nbC .t1 details[open]::details-content{block-size:auto}} @media (max-width:900px){#asj-detox .nbC .t1 .tline{grid-template-columns:minmax(0,1fr);margin-top:28px}#asj-detox .nbC .t1 .tline::before{left:8px;right:auto;top:6px;bottom:0;width:2px;height:auto}#asj-detox .nbC .t1 .tp{padding:0 0 30px 38px}#asj-detox .nbC .t1 .tp:last-child{padding-bottom:0}#asj-detox .nbC .t1 .p3::before{left:7px;right:auto;top:0;bottom:0;width:4px;height:auto}#asj-detox .nbC .t1 .tp>i{top:6px}#asj-detox .nbC .t1 .tp>b{font-size:27px}#asj-detox .nbC .t1 .tp img{height:auto;aspect-ratio:16/9;margin-top:12px}} #asj-detox .nbC .plus{font-family:var(--f-head);line-height:.95;color:var(--orange)} #asj-detox .nbC .xfrom{display:flex;flex-direction:column} #asj-detox .nbC .xfrom small{font-size:13px;font-weight:600} #asj-detox .nbC .xfrom b{font-family:var(--f-head);font-weight:400;font-size:clamp(44px,5vw,64px);line-height:1} #asj-detox .nbC .pr{list-style:none;margin:0;padding:0;font-size:14.5px} #asj-detox .nbC .pr li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:7px 0} #asj-detox .nbC .pr li+li{border-top:1px solid var(--line)} #asj-detox .nbC .pr b{font-weight:700;white-space:nowrap} #asj-detox .nbC .disc{margin-top:14px;font-size:13.5px;line-height:1.7} #asj-detox .nbC .xcta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:20px} #asj-detox .nbC .xcta .btn{min-height:50px;padding:13px 32px} #asj-detox .nbC .xcta span{font-size:13.5px;max-width:22ch;line-height:1.35} #asj-detox .nbC .pcx{position:relative;margin:0;padding:10px 10px 16px;background:var(--white);border:1px solid rgba(32,40,26,.07);box-shadow:0 16px 32px rgba(32,40,26,.16);transition:transform .35s cubic-bezier(.22,.8,.24,1);color:var(--forest)} #asj-detox .nbC .pcx img{width:100%;aspect-ratio:4/4.2;object-fit:cover} #asj-detox .nbC .pcx figcaption{padding-top:10px} #asj-detox .nbC .pcx figcaption b{display:block;font-family:var(--f-head);font-weight:400;font-size:19px;line-height:1.15} #asj-detox .nbC .pcx figcaption span{display:block;font-size:13px;color:var(--subtle);margin-top:3px} #asj-detox .nbC .pcx:hover{transform:rotate(0) scale(1.04);z-index:2} #asj-detox .nbC .band.x1{background:var(--forest);color:var(--white);border-color:transparent} #asj-detox .nbC .x1 .gx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center} #asj-detox .nbC .x1 .plus{font-size:clamp(64px,8.4vw,116px)} #asj-detox .nbC .x1 .sh{font-size:clamp(24px,2.6vw,32px);margin-top:14px;max-width:none} #asj-detox .nbC .x1 .xwhy{font-size:15.5px;color:rgba(255,255,255,.82);margin-top:12px;max-width:52ch} #asj-detox .nbC .x1 .inx{margin-top:16px;color:rgba(255,255,255,.92)} #asj-detox .nbC .x1 .xprice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;margin-top:24px;padding:20px 24px 20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:4px 4px 30px 4px} #asj-detox .nbC .x1 .xfrom small{color:var(--sage)} #asj-detox .nbC .x1 .xfrom small:last-child{margin-top:4px;font-weight:500;color:rgba(255,255,255,.7)} #asj-detox .nbC .x1 .pr li+li{border-color:rgba(255,255,255,.16)} #asj-detox .nbC .x1 .pr span{color:rgba(255,255,255,.82)} #asj-detox .nbC .x1 .xcta span{color:rgba(255,255,255,.74)} #asj-detox .nbC .x1 .pc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px;padding:10px 6px 30px} #asj-detox .nbC .x1 .c1{transform:rotate(-3deg)} #asj-detox .nbC .x1 .c2{transform:rotate(2.5deg) translateY(26px)} #asj-detox .nbC .x1 .c3{transform:rotate(1.5deg) translateY(-6px)} #asj-detox .nbC .x1 .c4{transform:rotate(-2deg) translateY(22px)} #asj-detox .nbC .x1 .pcx:hover{transform:rotate(0) scale(1.04)} @media (max-width:980px){#asj-detox .nbC .x1 .gx{grid-template-columns:minmax(0,1fr);gap:36px}#asj-detox .nbC .x1 .pc{max-width:620px;padding-bottom:16px}} @media (max-width:520px){#asj-detox .nbC .x1 .xprice{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px 18px 16px}#asj-detox .nbC .x1 .pc{gap:20px 8px;padding:6px 2px 12px}#asj-detox .nbC .x1 .pcx{padding:7px 7px 12px}#asj-detox .nbC .x1 .pcx figcaption b{font-size:16.5px}#asj-detox .nbC .x1 .c2{transform:rotate(2deg) translateY(12px)}#asj-detox .nbC .x1 .c4{transform:rotate(-2deg) translateY(10px)}} #asj-detox .nbC .nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} #asj-detox .nbC .nums b{display:block;font-family:var(--f-head);font-weight:400;font-size:40px;line-height:1.1} #asj-detox .nbC .nums span{display:block;font-size:14px;margin-top:2px} #asj-detox .nbC .m1 .mhero{position:relative;display:flex;align-items:flex-end;min-height:clamp(380px,46vw,580px);margin-top:28px;border-radius:4px 4px 68px 4px;overflow:hidden;background:var(--cream)} #asj-detox .nbC .m1 .mhero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%} #asj-detox .nbC .m1 .mhero::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 42%,rgba(32,40,26,.9))} #asj-detox .nbC .m1 .mpin{position:absolute;z-index:1;left:24px;top:24px;display:flex;align-items:center;gap:10px;padding:10px 18px 10px 14px;background:var(--white);border-radius:4px 4px 16px 4px;font-size:14.5px;font-weight:700;box-shadow:0 6px 18px rgba(32,40,26,.18)} #asj-detox .nbC .m1 .mpin i{flex:none;width:15px;height:15px;background:var(--orange);clip-path:var(--star)} #asj-detox .nbC .m1 .nums{position:relative;z-index:1;width:100%;gap:0;padding:0 36px 30px;color:var(--white)} #asj-detox .nbC .m1 .nums>div{padding:0 24px;border-left:1px solid rgba(255,255,255,.3)} #asj-detox .nbC .m1 .nums>div:first-child{padding-left:0;border-left:0} #asj-detox .nbC .m1 .nums b{font-size:clamp(34px,4.4vw,56px)} #asj-detox .nbC .m1 .nums span{color:rgba(255,255,255,.88)} #asj-detox .nbC .m1 .where{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);margin-top:20px;background:var(--forest);color:var(--white);border-radius:4px 4px 56px 4px;overflow:hidden} #asj-detox .nbC .m1 .where figure{margin:0;min-height:230px;position:relative} #asj-detox .nbC .m1 .where img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} #asj-detox .nbC .m1 .where>div{padding:30px 40px 34px} #asj-detox .nbC .m1 .where h4{font-size:30px;line-height:1.1} #asj-detox .nbC .m1 .where ul{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 28px} #asj-detox .nbC .m1 .where li{position:relative;padding-top:24px} #asj-detox .nbC .m1 .where li::before{content:"";position:absolute;left:0;top:0;width:14px;height:14px;background:var(--orange);clip-path:var(--star)} #asj-detox .nbC .m1 .where li b{display:block;font-family:var(--f-head);font-weight:400;font-size:23px;line-height:1.12} #asj-detox .nbC .m1 .where li span{display:block;font-size:14px;color:rgba(255,255,255,.78);margin-top:6px} #asj-detox .nbC .m1 .fh{font-size:30px;line-height:1.1;margin-top:48px} #asj-detox .nbC .m1 .fac{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;margin-top:20px} #asj-detox .nbC .m1 .fac figure{margin:0} #asj-detox .nbC .m1 .fac img{width:100%;aspect-ratio:4/2.8;object-fit:cover;border-radius:4px 4px 30px 4px} #asj-detox .nbC .m1 .fac figcaption{padding-top:14px} #asj-detox .nbC .m1 .fac b{display:block;font-family:var(--f-head);font-weight:400;font-size:24px;line-height:1.12} #asj-detox .nbC .m1 .fac ul{list-style:none;margin:8px 0 0;padding:0;font-size:14.5px;color:var(--subtle)} #asj-detox .nbC .m1 .fac li{position:relative;padding:3px 0 3px 18px} #asj-detox .nbC .m1 .fac li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;background:var(--mid);clip-path:var(--star)} #asj-detox .nbC .m1 .gx{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px;align-items:start;margin-top:44px;padding-top:30px;border-top:1px solid var(--line)} #asj-detox .nbC .m1 .tx p{font-size:17px;line-height:1.5} #asj-detox .nbC .m1 .tx .mquiet{font-size:13.5px;color:var(--muted);margin-top:12px} #asj-detox .nbC .m1 .med{font-size:14.5px;color:var(--subtle)} #asj-detox .nbC .m1 .med b{display:block;font-size:15.5px;font-weight:700;color:var(--forest);margin-bottom:2px} @media (max-width:900px){#asj-detox .nbC .m1 .where{grid-template-columns:minmax(0,1fr)}#asj-detox .nbC .m1 .where figure{min-height:0;aspect-ratio:16/8}#asj-detox .nbC .m1 .where>div{padding:24px 24px 30px}#asj-detox .nbC .m1 .fac{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}} @media (max-width:760px){#asj-detox .nbC .m1 .mhero{min-height:500px;border-radius:4px 4px 48px 4px}#asj-detox .nbC .m1 .mhero>img{object-position:38% 50%}#asj-detox .nbC .m1 .mhero::after{background:linear-gradient(transparent 20%,rgba(32,40,26,.92) 64%)}#asj-detox .nbC .m1 .mpin{left:14px;top:14px;font-size:13px;padding:8px 14px 8px 11px}#asj-detox .nbC .m1 .nums{grid-template-columns:minmax(0,1fr);padding:0 22px 26px}#asj-detox .nbC .m1 .nums>div,#asj-detox .nbC .m1 .nums>div:first-child{padding:10px 0;border-left:0;border-top:1px solid rgba(255,255,255,.3)}#asj-detox .nbC .m1 .nums>div:first-child{border-top:0}#asj-detox .nbC .m1 .where{border-radius:4px 4px 40px 4px}#asj-detox .nbC .m1 .where ul{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:16px}#asj-detox .nbC .m1 .where li{padding:0 0 0 28px}#asj-detox .nbC .m1 .where li::before{top:6px}#asj-detox .nbC .m1 .fh{margin-top:36px;font-size:27px}#asj-detox .nbC .m1 .fac b{font-size:21px}#asj-detox .nbC .m1 .gx{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:32px;padding-top:24px}} @media (max-width:520px){#asj-detox .nbC .m1 .fac{grid-template-columns:minmax(0,1fr);gap:24px}#asj-detox .nbC .m1 .fac img{aspect-ratio:16/9}} /* ---- v79: what the four blocks need inside the landing ---- */ #asj-detox .nbC [hidden]{display:none!important} #asj-detox .nbC .sh{max-width:22ch} #asj-detox .nbC .band{border-top:1px solid var(--line)} #asj-detox .nbC h4{line-height:inherit;letter-spacing:normal} /* tablets: the numbers on the photo of the house stay readable, the photos of the stages stay modest */ @media (min-width:761px) and (max-width:940px){ #asj-detox .nbC .m1 .mhero{min-height:440px} #asj-detox .nbC .m1 .mhero::after{background:linear-gradient(transparent 30%,rgba(32,40,26,.92) 80%)} #asj-detox .nbC .m1 .nums{padding:0 24px 26px} #asj-detox .nbC .m1 .nums>div{padding:0 16px} #asj-detox .nbC .m1 .nums b{font-size:30px} } @media (min-width:521px) and (max-width:900px){#asj-detox .nbC .t1 .tp img{aspect-ratio:auto;height:240px}} /* ===== v80 ===== */ /* --- dark band: price «от» under «Всё включено» --- */ #asj-detox .ground .tix .from80{justify-self:stretch;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:6px 22px;margin:2px 0 0;padding-top:16px;border-top:1px solid rgba(246,244,240,.18);font-size:15px;line-height:1.35;color:rgba(246,244,240,.78);max-width:none} #asj-detox .ground .tix .from80 .a{font-size:18px;font-weight:600;color:#fff;white-space:nowrap} #asj-detox .ground .tix .from80 .a b{font-family:var(--f-head);font-weight:400;font-size:26px;letter-spacing:.01em;color:#ffb08a} #asj-detox .ground .tix .from80 a{color:#fff;font-weight:600;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:4px;white-space:nowrap} #asj-detox .ground .tix .from80 a:hover{text-decoration-color:#fff} @media (max-width:600px){#asj-detox .ground .tix .from80{justify-content:flex-start;gap:4px 16px;padding-top:14px}#asj-detox .ground .tix .from80 .n{flex:0 0 100%}} /* --- the early price beside the form --- */ #asj-detox .nbA .ap .eb80{display:flex;align-items:center;gap:10px;margin:14px 0 0;font-size:14px;font-weight:500;color:var(--orange-ink,#b5460f);max-width:none} #asj-detox .nbA .ap .eb80 i{flex:none;width:14px;height:14px;background:var(--orange);-webkit-clip-path:var(--star);clip-path:var(--star)} #asj-detox .nbA .ap .eb80 b{font-weight:700} /* --- price: the switch. Hidden where the three cards stand side by side --- */ #asj-detox .ptabs{display:none} @media (max-width:980px){ #asj-detox #price{overflow:clip} /* `hidden` here would stop the switch from sticking; where `clip` is unknown the switch simply scrolls away */ #asj-detox .pzone{display:grid;justify-items:center} #asj-detox .pzone>.pcards{width:100%} #asj-detox .ptabs{position:sticky;top:calc(env(safe-area-inset-top,0px) + 61px);z-index:6;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,520px);margin:0 0 14px;padding:8px 0;background:var(--cream)} #asj-detox .ptabs::before{content:"";position:absolute;inset:0 -24px;background:var(--cream);z-index:-1} #asj-detox .ptabs button{display:grid;justify-items:center;gap:1px;min-height:62px;padding:8px 4px 9px;border:1px solid rgba(32,40,26,.22);border-left-width:0;background:#fff;color:var(--forest);font:inherit;line-height:1.2;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s,color .2s} #asj-detox .ptabs button:first-child{border-left-width:1px;border-radius:4px 0 0 4px} #asj-detox .ptabs button:last-child{border-radius:0 4px 18px 0} #asj-detox .ptabs b{font-size:13.5px;font-weight:600} #asj-detox .ptabs small{font-size:12px;color:var(--subtle)} #asj-detox .ptabs span{margin-top:3px;font-family:var(--f-head);font-size:18px;line-height:1} #asj-detox .ptabs button.on{background:var(--forest);border-color:var(--forest);color:#fff} #asj-detox .ptabs button.on small{color:rgba(255,255,255,.7)} #asj-detox .ptabs button.on span{color:#ffb08a} #asj-detox .ptabs button:focus-visible{outline:2px solid var(--orange);outline-offset:2px;position:relative} #asj-detox .pzone.sw .pcard:not(.on80){display:none} } @media (max-width:360px){#asj-detox .ptabs b{font-size:12.5px}#asj-detox .ptabs small{font-size:11.5px}} /* --- «Что есть в центре»: one row that swipes sideways on phones --- */ #asj-detox .nbC .m1 .swh80{display:none} @media (max-width:520px){ #asj-detox .nbC .m1 .swh80{display:block;margin:6px 0 0;font-size:13px;color:var(--subtle)} #asj-detox .nbC .m1 .fac{display:flex;grid-template-columns:none;gap:24px;margin:14px -24px 0;padding:0 24px 12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:24px;-webkit-overflow-scrolling:touch;scrollbar-width:none} #asj-detox .nbC .m1 .fac::-webkit-scrollbar{display:none} #asj-detox .nbC .m1 .fac figure{flex:0 0 80%;scroll-snap-align:start} #asj-detox .nbC .m1 .fac img{aspect-ratio:4/3} #asj-detox .nbC .m1 .fac b{font-size:22px} } /* --- three spheres: on phones one is open, a press on the title opens another --- */ #asj-detox .s3-hd .cnt80{display:none} @media (max-width:760px){ #asj-detox .sph3.acc80 .s3-col{display:grid;grid-template-rows:auto 0fr;padding-bottom:0;transition:grid-template-rows .4s cubic-bezier(.3,.7,.2,1),padding-bottom .4s} #asj-detox .sph3.acc80 .s3-col.open80{grid-template-rows:auto 1fr;padding-bottom:10px} #asj-detox .sph3.acc80 .s3-list{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s .4s} #asj-detox .sph3.acc80 .s3-col.open80 .s3-list{visibility:visible;transition:visibility 0s} #asj-detox .sph3.acc80 .s3-hd{grid-template-columns:auto minmax(0,1fr) auto auto;padding:18px 2px 18px 6px;cursor:pointer;-webkit-tap-highlight-color:transparent} #asj-detox .sph3.acc80 .s3-hd .cnt80{display:block;grid-column:3;grid-row:1/span 2;font-style:normal;font-size:13px;font-weight:600;color:var(--ci);white-space:nowrap} #asj-detox .sph3.acc80 .s3-hd::after{content:"";grid-column:4;grid-row:1/span 2;width:10px;height:10px;margin:0 4px 4px 6px;border-right:1.6px solid var(--ci);border-bottom:1.6px solid var(--ci);transform:rotate(45deg);transition:transform .3s} #asj-detox .sph3.acc80 .s3-col.open80 .s3-hd::after{transform:translateY(4px) rotate(-135deg)} #asj-detox .sph3.acc80 .s3-hd:focus-visible{outline:2px solid var(--orange);outline-offset:-2px} } @media (max-width:760px){#asj-detox .sph3.acc80{overflow-anchor:none}#asj-detox .sph3.still80 .s3-col,#asj-detox .sph3.still80 .s3-list{transition:none!important}} @media (prefers-reduced-motion:reduce){#asj-detox .sph3.acc80 .s3-col,#asj-detox .sph3.acc80 .s3-hd::after{transition:none}} /* --- tap targets --- */ #asj-detox .nbA .agree{grid-template-columns:26px minmax(0,1fr);padding-block:8px} #asj-detox .nbA .agree input{width:24px;height:24px;margin:0} @media (max-width:760px){ #asj-detox .nbB .fl a{display:flex;align-items:center;min-height:44px;padding-block:4px} #asj-detox nav.top .brand{min-height:44px} } #asj-detox nav.top .brand small{font-size:12px} /* ===== v81 ===== */ /* «Кто ведёт»: one plaque for all five, the heading takes the first cell, portraits stand on the upper edge and on the inner line. Dada 13.11: everyone and every description visible at once, nothing to press, no kitchen line (variants page b15, kind 2). */ #asj-detox .nbC .band.kw{background:var(--cream)} #asj-detox .nbC .kw h4{overflow-wrap:break-word} #asj-detox .nbC .kw .av.no{background:var(--cream)} #asj-detox .nbC .kplq{--tp:14px;--ts:10px;--tx:polygon(calc(var(--tp) + var(--ts)) 0,calc(100% - var(--tp) - var(--ts)) 0,calc(100% - var(--tp) - var(--ts)) var(--ts),calc(100% - var(--tp)) var(--ts),calc(100% - var(--tp)) calc(50% - 16px),100% 50%,calc(100% - var(--tp)) calc(50% + 16px),calc(100% - var(--tp)) calc(100% - var(--ts)),calc(100% - var(--tp) - var(--ts)) calc(100% - var(--ts)),calc(100% - var(--tp) - var(--ts)) 100%,calc(var(--tp) + var(--ts)) 100%,calc(var(--tp) + var(--ts)) calc(100% - var(--ts)),var(--tp) calc(100% - var(--ts)),var(--tp) calc(50% + 16px),0 50%,var(--tp) calc(50% - 16px),var(--tp) var(--ts),calc(var(--tp) + var(--ts)) var(--ts));position:relative;margin-top:90px;padding:0 22px 42px} #asj-detox .nbC .kplq::before,#asj-detox .nbC .kplq>i{content:"";position:absolute;-webkit-clip-path:var(--tx);clip-path:var(--tx)} #asj-detox .nbC .kplq::before{inset:0;background:var(--white)} #asj-detox .nbC .kplq>i.l{inset:6px;background:rgba(60,85,53,.42)} #asj-detox .nbC .kplq>i.f{inset:7px;background:var(--white)} #asj-detox .nbC .kgr{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))} #asj-detox .nbC .kc{padding:0 22px} #asj-detox .nbC .kc:nth-child(n+4){margin-top:122px;border-top:1px solid rgba(60,85,53,.34)} #asj-detox .nbC .kw .kc .av{width:168px;height:168px;font-size:168px;margin-top:-84px;box-shadow:0 0 0 6px var(--white),0 0 0 7px rgba(60,85,53,.42)} #asj-detox .nbC .knm{margin-top:18px} #asj-detox .nbC .kw h4{font-size:27px;line-height:1.1;margin-top:3px} #asj-detox .nbC .kw .ld{font-size:14.5px;line-height:1.5;color:var(--subtle);margin-top:10px;text-wrap:pretty} #asj-detox .nbC .kw .kpf{display:flex;flex-wrap:wrap;gap:0 18px;margin-top:10px} #asj-detox .nbC .khd{align-self:center;display:grid;gap:20px;padding-top:38px} #asj-detox .nbC .khd .sh{font-size:clamp(32px,3.3vw,44px);line-height:1.08;max-width:9ch} #asj-detox .nbC .khd .kmd{width:104px;opacity:.5} @media (max-width:1020px){ #asj-detox .nbC .kplq{margin-top:0;padding:30px 34px 32px} #asj-detox .nbC .kgr{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 36px} #asj-detox .nbC .kc,#asj-detox .nbC .kc:nth-child(n+4){margin-top:0;padding:0;border-top:0} #asj-detox .nbC .khd{grid-column:1/-1;order:-1;padding-top:0} #asj-detox .nbC .khd .sh{max-width:22ch} #asj-detox .nbC .khd .kmd{display:none} #asj-detox .nbC .kw .kc .av{width:132px;height:132px;font-size:132px;margin-top:0;box-shadow:none} } @media (max-width:640px){ #asj-detox .nbC .kplq{padding:26px 28px 28px} #asj-detox .nbC .kgr{grid-template-columns:minmax(0,1fr);gap:26px} #asj-detox .nbC .kc:not(.khd){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:center;justify-items:start} #asj-detox .nbC .kw .kc .av{width:88px;height:88px;font-size:88px} #asj-detox .nbC .knm{margin-top:0;justify-self:stretch;min-width:0} #asj-detox .nbC .kw .ld,#asj-detox .nbC .kw .kpf{grid-column:1/-1} #asj-detox .nbC .kw .ld{margin-top:12px} #asj-detox .nbC .kw h4{font-size:21px} } @media (max-width:375px){#asj-detox .nbC .kw .kc .av{width:76px;height:76px;font-size:76px}#asj-detox .nbC .kc:not(.khd){column-gap:12px}#asj-detox .nbC .kw h4{font-size:20px}#asj-detox .nbC .kplq{padding-inline:26px}} @media (max-width:364px){#asj-detox .nbC .kw .kc .av{width:68px;height:68px;font-size:68px}#asj-detox .nbC .kw h4{font-size:19px}} @media (max-width:340px){#asj-detox .nbC .kw h4{overflow-wrap:anywhere}}