/* Unified editorial layout, matching the reference's typography and spacing. */
:root{--paper:#fff;--ink:#282828;--soft:#686868;--line:#e7e7e3;--tint:#f7f7f4;--mark:#b30000}
body{font:400 15px/1.8 var(--sans);color:var(--ink)}
.frame{padding-inline:clamp(24px,5vw,76px)}
main>.frame,main>section.frame{max-width:1280px;margin-inline:auto}
h2.title,.shop-head .title,.member-intro .title,.patient-intro .title,.profile-section .title{font:400 clamp(28px,3vw,40px)/1.3 var(--serif);letter-spacing:0}
h3.title,.menu h3,.media-card h3{font:400 26px/1.4 var(--serif);letter-spacing:0}
.label{font:400 12px/1.5 var(--sans);letter-spacing:.07em;color:#8e3b31}
.btn{border:1px solid #b30000;border-radius:26px;background:#b30000;color:#fff;padding:11px 25px;font:400 13px/1.5 var(--sans);letter-spacing:0;min-height:42px;text-align:center;transition:background .2s}
.btn:hover{background:#900000;border-color:#900000;color:white}
.home-intro{padding-block:85px;gap:60px;border:0}.intro-links{gap:25px}.intro-links a{font-size:13px;letter-spacing:0}.intro-copy p{font-size:15px;line-height:1.9}
#tuina,#homecare{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;padding-block:55px 85px;align-items:center}
#tuina>.panel,#homecare>.panel{grid-row:1/3;min-height:540px;margin:0;padding:35px;justify-content:flex-end;align-items:flex-start;text-align:start;border-radius:0;background-color:#ffffff15;background-blend-mode:screen}
#tuina>.panel::before,#homecare>.panel::before{background:linear-gradient(0deg,#00000050,transparent 70%)}
#tuina .display,#homecare .display{font:400 40px/1.3 var(--serif);letter-spacing:0}
#tuina>.menu,#homecare>.menu{display:grid;grid-template-columns:1fr;gap:32px;padding:10px 0 20px;width:100%;text-align:start}
#tuina .col,#homecare .col{align-items:flex-start;gap:9px}#tuina .menu ul,#homecare .menu ul{width:100%;font-size:14px;line-height:2.1}
.menu ul li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eeeeea;padding:6px 0}.menu ul li span{text-align:start;min-width:0;margin:0}
#tuina>.cta,#homecare>.cta{text-align:start;padding:0}#homecare>.panel{grid-column:2}#homecare>.menu,#homecare>.cta{grid-column:1}#homecare>.menu{grid-row:1}#homecare>.cta{grid-row:2}
#shop>.panel,#pharmacy>.panel,#member>.panel{min-height:330px;padding:55px 6vw;align-items:flex-start;text-align:start;margin-block:25px 0}
#shop .panel .display,#pharmacy .panel .display,#member .panel .display{font:400 clamp(34px,4vw,50px)/1.3 var(--serif);letter-spacing:0}.panel.inset::before{background:linear-gradient(90deg,#00000028,transparent 80%)}
.shop{padding-block:65px 80px}.shop-head{margin-bottom:28px}.chips{gap:12px 25px}.chips button{font-size:13px;letter-spacing:0;padding:8px 0}.chips button.on{font-weight:500;color:#b30000;border-color:#b30000}.grid{gap:40px 28px}.item{align-items:flex-start;text-align:start;gap:10px}.pic{aspect-ratio:1/1;margin-bottom:5px;background:#f5f5f0}.item h3{font:400 21px/1.4 var(--serif);letter-spacing:0}.item p{font-size:13px}.price{font:500 15px var(--sans);color:#8e201b}.item .btn{margin-top:auto;padding:9px 20px;min-height:38px}.pic .badge{font-weight:400;letter-spacing:0}.notice,.image-note{font-size:12px;color:#777;line-height:1.8}.notice{background:#f8f8f5;border:0;padding:18px 24px;max-width:100%}
.member-intro{margin:65px auto 35px}.membership-plans .col{background:#fff;border:1px solid #e5e5df;padding:32px;gap:16px}.membership-plans .col:nth-child(2){background:#fcf8f5;border:1px solid #b30000}.membership-plans .col:nth-child(2) .btn{background:#b30000;color:#fff}.membership-plans .label{color:#923f34;font-weight:400}.membership-plans .price{font-size:27px!important}.membership-plans ul li{display:block;border-bottom:0}.member-note{font-size:12px}
#media,.patient-hub,.about,.profile-section{padding-block:75px;border-top:1px solid #ecece6}.media-tabs{gap:25px}.media-tabs button{font-size:14px;letter-spacing:0;font-weight:400}.media-card{border:1px solid #e7e7df;box-shadow:none}.media-card p{font-size:14px;line-height:1.8}.patient-intro{max-width:700px;margin-bottom:40px}.patient-cover{border-radius:0}.patient-hub h3{font:400 27px/1.4 var(--serif)}.patient-status{font-size:11px;letter-spacing:0}.patient-hub details{border:0;border-bottom:1px solid #deded6;border-radius:0;background:transparent;padding:18px 0}.patient-hub summary{font-weight:400;font-size:15px}
.about{max-width:1100px!important;text-align:start;align-items:flex-start;gap:24px}.about>p{max-width:900px;line-height:1.95}.founder{align-items:flex-start;padding-block:25px}.founder ul{font-size:14px;line-height:2.1}.values{gap:35px;padding-block:12px}.values b{font:400 25px/1.4 var(--serif);letter-spacing:0}.values span{display:block;margin-top:10px}
.institution-card{background:#f7f7f3;border:0;padding:35px}.city-name{color:#343d32;font-weight:400}.profile-health-grid article{border:0;background:#f8f8f4;padding:30px}.profile-tag{background:#eeeae3;color:#744b3e}.profile-number{color:#b09a8a}.profile-health-grid a{color:#9c3127;border-color:#d9b9b4}.exchange-placeholder{background:#f5f5f0;border:1px solid #e5e5db}.profile-story-link{padding-top:35px}.profile-section p{line-height:1.9}
footer.frame{background:#f5f5f1;padding-block:65px 28px}.foot{grid-template-columns:1fr 1.2fr;gap:60px}.foot .brand{font:400 29px/1.3 var(--serif);letter-spacing:0}.foot .brand small{font:400 10px var(--sans);letter-spacing:.18em}.creds dt{font:400 19px/1.5 var(--serif);letter-spacing:0;color:#30332e;margin-bottom:12px}.creds dd{font-size:14px;word-break:normal}.legal{font-size:11px;color:#777}.modal{border-radius:8px}.modal label{font-weight:400;letter-spacing:0;font-size:13px}.qty button{border-color:#ddd;border-radius:3px}.drawer .ft .btn{border-radius:24px}
html[lang="ar"] :is(.label,.btn,.title,.display,.creds dt,.menu h3,.item h3){letter-spacing:0;line-height:1.65}html[lang="ar"] .item,html[lang="ar"] .about{text-align:right}
@media(max-width:820px){#tuina,#homecare{grid-template-columns:1fr;gap:25px;padding-block:35px 55px}#tuina>.panel,#homecare>.panel{grid-column:1;grid-row:auto;min-height:330px;padding:28px}#homecare>.menu,#homecare>.cta{grid-row:auto;grid-column:1}#tuina>.menu,#homecare>.menu{gap:28px;padding:10px 0}.home-intro{padding-block:50px;gap:25px}.shop{padding-block:45px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.item h3{font-size:18px}.item .btn{padding:9px 14px;font-size:12px}.membership-plans{grid-template-columns:1fr}.foot,.creds{grid-template-columns:1fr;gap:25px}#media,.patient-hub,.about,.profile-section{padding-block:50px}.values{grid-template-columns:1fr;gap:25px}#shop>.panel,#pharmacy>.panel,#member>.panel{min-height:260px;padding:32px}.service-carousel .hero-copy{text-shadow:0 1px 10px #0007}}
/* Reference timing: 4500 ms interval, 500 ms image fade, 600 ms title slide. */
#nav{background:transparent;max-width:none;padding-inline:max(28px,calc((100% - 1200px)/2));height:90px}.service-carousel{max-height:none;min-height:640px;height:100svh;background:#d6d0c8}.hero-backgrounds,.hero-backdrop,.reference-shade{position:absolute;inset:0}.hero-backdrop{background-position:center;background-size:cover;opacity:0;transition:opacity .5s ease}.hero-backdrop.is-current{opacity:1}.reference-shade{background:linear-gradient(180deg,#00000020,transparent 45%,#00000032);pointer-events:none}.reference-copy{position:absolute;inset-inline-start:7%;bottom:55px;z-index:2;color:white;max-width:80%;text-shadow:0 1px 8px #0003}.reference-copy .hero-eyebrow{font:400 16px/1.5 var(--sans);margin:0 0 24px;color:white;letter-spacing:0}.reference-headline{display:grid;overflow:hidden;margin:0 0 27px;padding:6px 0;font:400 43px/1.2 var(--serif);letter-spacing:0}.headline-word{grid-area:1/1;opacity:0;pointer-events:none}.headline-word.is-current{opacity:1;animation:reference-title-in .6s both}.headline-word.is-leaving{animation:reference-title-out .6s both}.reference-copy .hero-book{font:400 14px/1.4 var(--sans);border:0;background:#b30000;padding:10px 25px;border-radius:25px;color:#fff}.carousel-bar{inset-inline-start:7%;bottom:13px;gap:10px}.carousel-pause{width:24px;height:24px}.carousel-image-note{inset-inline-end:95px;font-size:9px;background:#ffffffa0}.whatsapp-float{border-radius:50%;width:58px;height:58px;min-width:0;padding:0;display:flex;align-items:center;justify-content:center}.whatsapp-float span{display:none}.whatsapp-float svg{width:28px;height:28px}
@keyframes reference-title-in{0%{opacity:0;transform:translateY(-100%)}60%{opacity:1;transform:translateY(20%)}100%{opacity:1;transform:translateY(0)}}@keyframes reference-title-out{0%{opacity:1;transform:translateY(0)}60%{opacity:0;transform:translateY(120%)}100%{opacity:0;transform:translateY(100%)}}
html[lang="ar"] .reference-headline{font-family:var(--sans);line-height:1.6;font-size:40px}@media(max-width:760px){#nav{padding-inline:20px;height:80px}.reference-copy{inset-inline-start:7%;bottom:70px;max-width:86%}.reference-copy .hero-eyebrow{font-size:13px}.reference-headline{font-size:34px;line-height:1.3}.carousel-bar{bottom:25px}.whatsapp-float{width:50px;height:50px}.service-carousel{min-height:620px}.reference-shade{background:linear-gradient(180deg,#0002,transparent 35%,#0005)}}@media(prefers-reduced-motion:reduce){.hero-backdrop{transition:none}.headline-word.is-current,.headline-word.is-leaving{animation:none}.headline-word.is-leaving{opacity:0}}
.reference-faq{max-width:1120px!important;margin:0 auto;padding-block:80px 90px}.reference-faq>h2{font:400 40px/1.3 var(--serif);text-align:center;letter-spacing:0;margin:0 0 14px}.faq-subtitle{text-align:center;font-size:14px;color:#777;margin:0 0 38px}.faq-list{border-top:1px solid #dededb}.faq-item{border-bottom:1px solid #dededb}.faq-item h3{margin:0}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;border:0;background:transparent;color:#292929;text-align:start;padding:23px 4px;font:400 17px/1.6 var(--sans);cursor:pointer}.faq-question:hover,.faq-question[aria-expanded=true]{color:#b30000}.faq-question:focus-visible{outline:2px solid #b30000;outline-offset:3px}.faq-icon{position:relative;display:block;flex:0 0 16px;width:16px;height:16px}.faq-icon::before,.faq-icon::after{content:"";position:absolute;background:currentColor;inset:7px 1px auto;height:1px}.faq-icon::after{transform:rotate(90deg);transition:transform .3s ease}.is-open .faq-icon::after{transform:rotate(0)}.faq-answer{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .3s ease,opacity .3s ease,visibility .3s}.faq-answer>div{overflow:hidden;min-height:0}.faq-answer p{font:400 15px/1.9 var(--sans);color:#666;margin:0;padding:0 32px 24px 4px}.is-open .faq-answer{grid-template-rows:1fr;opacity:1;visibility:visible}.patient-faq:empty{display:none}@media(max-width:760px){.reference-faq{padding-block:50px 60px}.reference-faq>h2{font-size:34px}.faq-question{font-size:15px;padding:20px 2px}.faq-answer p{font-size:14px;padding-inline:2px 20px}}@media(prefers-reduced-motion:reduce){.faq-answer,.faq-icon::after{transition:none}}
.about.founder-profile{display:grid;grid-template-columns:.7fr 1.3fr;max-width:1280px!important;align-items:start;gap:70px;padding-block:60px 70px;border-top:0}.founder-identity{background:#f6f5ef;border-inline-start:2px solid #a8392b;padding:42px 32px}.founder-identity .title{font-size:48px;margin:22px 0 18px}.founder-identity p{font-size:14px;color:#68635b}.founder-story-link{display:inline-block;margin-top:22px;font-size:12px;color:#a63729;border-bottom:1px solid #c9958b}.founder-bio-title{font:400 28px/1.4 var(--serif);margin:0 0 22px}.founder-biography>p{font-size:14px;line-height:1.95;margin:0 0 18px;color:#666}.founder-biography .founder{padding-block:18px;gap:10px}.founder-biography .founder ul{font-size:12px}.founder-biography .values{gap:20px;margin-block:22px}.founder-biography .values b{font-size:20px}.founder-biography .values span{font-size:12px}.founder-exchange{border-top:1px solid #e4e4de;margin-top:22px;padding-top:16px;width:100%}.founder-exchange summary,.service-guidance summary{cursor:pointer;font:400 15px/1.7 var(--sans);color:#923429;padding:8px 0}.founder-exchange p{font-size:13px;color:#666;margin-block:15px}.service-guidance{grid-column:1/-1;margin-top:38px;border-top:1px solid #e6e6de;border-bottom:1px solid #e6e6de;padding:12px 0;width:100%}.service-guidance-body{padding:12px 0 25px}.service-guidance .profile-lead{font-size:13px;margin:0 0 22px}.service-guidance .profile-health-grid h3{font-size:22px}.service-guidance .profile-health-grid p{font-size:13px}.patient-conversation:has(.patient-faq:empty){grid-template-columns:1fr}.patient-conversation:has(.patient-faq:empty)>div:first-child{max-width:760px}@media(max-width:820px){.about.founder-profile{grid-template-columns:1fr;gap:30px;padding-block:35px 45px}.founder-identity{padding:28px}.founder-identity .title{font-size:38px}.founder-biography .values{grid-template-columns:1fr}.service-guidance{margin-top:10px}.service-guidance .profile-health-grid{grid-template-columns:1fr}}
.about.founder-profile{grid-template-columns:1fr 1fr;gap:65px;padding-block:85px;align-items:center}.founder-identity{border:0;background:transparent;padding:0}.founder-portrait-slot{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eeeae2;color:#968573}.founder-monogram{font:400 110px/1.4 var(--serif);opacity:.5}.founder-portrait-slot p{font-size:12px;letter-spacing:.05em}.founder-signature{font:400 30px/1.4 var(--serif);margin-top:20px}.founder-identity>p{font-size:13px;margin-top:6px}.founder-main-title{font:400 40px/1.3 var(--serif);margin:15px 0 20px}.founder-bio-title{font-size:23px;margin-bottom:22px}.founder-background{border-top:1px solid #e7e4df;border-bottom:1px solid #e7e4df;margin-top:25px}.founder-background>summary{cursor:pointer;padding:16px 0;font-size:14px;color:#8c2d23}.founder-contact{margin-top:25px}.founder-background .founder{border-top:0}@media(max-width:820px){.about.founder-profile{grid-template-columns:1fr;padding-block:45px;gap:32px}.founder-portrait-slot{min-height:240px}.founder-monogram{font-size:80px}.founder-main-title{font-size:34px}}
/* Claude 2026-09-27: anchor offset, English logo, mobile menu vs language picker */
html{scroll-padding-top:104px}
@media(max-width:760px){html{scroll-padding-top:92px}}
html[lang="en"] .nav .brand small{display:none}
#nav.open:has(.language-trigger[aria-expanded="true"]) .links{visibility:hidden}
.panel.inset .label{color:#fff}

/* Codex 2026-09-27: keep the original founder layout while showing credentials by default. */
.founder-background>.founder-background-title{padding:16px 0;font-size:14px;line-height:1.7;color:#8c2d23}
@media(min-width:821px){.about.founder-profile>.founder-identity{transform:translateY(-26px)}}
@media(max-width:820px){.about.founder-profile>.founder-identity{transform:translateY(-10px)}}

/* Codex 2026-09-27: persistent cart access on desktop and mobile. */
.cart-float{position:fixed;right:24px;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:35;display:flex;align-items:center;gap:9px;min-height:52px;padding:11px 17px;border:1px solid #ded8cf;border-radius:30px;background:#fff;color:#2d2925;box-shadow:0 6px 24px #0002;cursor:pointer;font:500 13px/1 var(--sans);transition:transform .2s,box-shadow .2s,background .2s}
.cart-float:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0003;background:#faf8f4}
.cart-float-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:12px;background:#b30000;color:#fff;font:700 11px/1 var(--sans)}
body:has(#mask:not([hidden])) .cart-float{visibility:hidden;pointer-events:none}
@media(max-width:820px){.cart-float{right:16px;bottom:calc(78px + env(safe-area-inset-bottom,0px));width:50px;height:50px;min-height:50px;padding:0;justify-content:center;border-radius:50%}.cart-float-label{display:none}.cart-float-count{position:absolute;top:-3px;right:-3px;min-width:19px;height:19px;border:2px solid #fff;font-size:10px}}

/* Codex 2026-09-27: one-step cart and checkout, inspired by the NOMIO shop. */
.drawer{width:min(490px,100%)}
.drawer .hd{padding:24px 28px}.drawer .hd>div{display:flex;flex-direction:column;gap:4px}.drawer .hd .label{font-size:18px;letter-spacing:.02em;color:#292520}.drawer .hd small{font-size:11px;color:#858079}
.drawer-checkout-body{padding:0 28px 30px!important}.checkout-line{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid #e8e4de}.checkout-line .g{width:72px;height:86px;border-radius:8px;background:#f1eee8 center/cover no-repeat;display:flex;align-items:center;justify-content:center;font:400 26px var(--serif);color:#aaa197}.checkout-line-main h4{margin:0 0 5px;font:500 15px/1.5 var(--sans)}.checkout-line-main p{margin:0;color:#77716a;font-size:13px}.checkout-line-main p strong{color:#2e2924;font-weight:600}.checkout-line-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:13px}.checkout-line .qty{gap:0;border:1px solid #ded8d0;border-radius:20px;overflow:hidden}.checkout-line .qty button{border:0;width:31px;height:29px}.checkout-line .qty span{min-width:28px;text-align:center;font-size:13px}.remove-line{border:0;background:none;color:#9b3c32;padding:4px 0;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.cart-empty{display:flex;min-height:170px;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#77716a;gap:8px}.cart-empty b{font:400 22px/1.4 var(--serif);color:#39342e}.cart-empty span{font-size:13px;max-width:260px}
.checkout-form{border-top:1px solid #dfdad3;margin-top:8px;padding-top:26px;display:grid;gap:9px}.checkout-form[hidden]{display:none}.checkout-form h3{margin:0;font:400 25px/1.4 var(--serif)}.checkout-form>p{margin:0 0 12px;color:#77716a;font-size:13px;line-height:1.7}.checkout-form label{font-size:12px;color:#514b45}.checkout-form label span{color:#a62f27}.checkout-form input,.checkout-form textarea{width:100%;border:1px solid #d9d3cb;border-radius:7px;background:#fff;padding:11px 12px;font:400 14px/1.5 var(--sans);resize:vertical}.checkout-form input:focus,.checkout-form textarea:focus{outline:2px solid #b3000030;border-color:#a93b31}
.checkout-foot{padding:20px 28px 24px!important;background:#fff}.checkout-foot .row{padding:0;border:0}.checkout-foot .row .label{font-size:12px;letter-spacing:.04em;color:#69635c}.checkout-foot .row .price{font-size:25px;color:#2d2823}.checkout-foot #rxHint{margin:10px 0 0;padding:10px 12px;border-radius:6px;background:#fff4e5;color:#8c4b1f;font-size:12px;line-height:1.6}.checkout-foot .btn{width:100%;margin-top:14px;border-radius:26px}.checkout-fine{margin:10px 0 0;color:#77716a;font-size:11px;line-height:1.6;text-align:center}.checkout-error{margin:0 0 10px;padding:9px 11px;border-radius:5px;background:#fff0ee;color:#a2261d;font-size:12px}
@media(max-width:560px){.drawer .hd{padding:20px}.drawer-checkout-body{padding-inline:20px!important}.checkout-foot{padding-inline:20px!important}.checkout-line{grid-template-columns:62px minmax(0,1fr)}.checkout-line .g{width:62px;height:74px}}
