/* Program pages (thyroid, diabetes, weight-loss-plans, plans-overview) and Dietitian Mac.
   Base vocabulary the legacy markup relies on, restyled with the rebrand tokens. */

/* ---------- legacy utility classes ---------- */
.in .container{width:100%;max-width:var(--max);margin:0 auto;padding-inline:var(--pad)}
:where(.in) .flex{display:flex;flex-wrap:wrap}
.in .img-contain{max-width:100%;height:auto}
.in .md-btn{font-size:15px}
.in .h1{font-size:clamp(32px,4.2vw,56px);line-height:1.1}
.in .h2{font-size:clamp(28px,3.4vw,44px)}
.in .h3{font-size:clamp(22px,2.4vw,30px)}
.in .title-1{font-family:var(--serif);font-size:clamp(20px,2vw,26px);font-weight:500;letter-spacing:-.02em;color:var(--maroon);margin:0}
.in .title-4,.in .title-5{margin:0 0 1em;font-size:17px;line-height:1.65;color:var(--ink2);font-family:var(--sans);font-weight:400}
.in .mobile-only,.in .desktop-below-only{display:none}
@media(max-width:767px){.in .mobile-only{display:revert}.in .desktop-only{display:none!important}}
@media(max-width:991px){.in .desktop-below-only{display:revert}.in .desktop-above-only{display:none!important}}
.in .mobile_only{display:none}
@media(max-width:767px){.in .mobile_only{display:block}}
.in section{position:relative}
.in section:not(.fight-pcos):not(.banner):not(.diabetes-main-banner-div):not(.consultation-banner):not([class*="hero"]){padding-block:var(--sgap)}
.in h1,.in h2,.in h3,.in h4{text-wrap:balance}
.in :is(h1,h2) span{display:inline-block;font-style:italic;margin:0 .08em;padding:.07em .34em .12em;line-height:1.04;border:1.6px solid var(--orange);border-radius:999px;vertical-align:baseline}

/* ---------- hero: Thyroid ---------- */
.fight-pcos{color:#fff;isolation:isolate;border-radius:0 0 var(--r-xl) var(--r-xl);padding:calc(136px + env(safe-area-inset-top,0px)) 0 clamp(48px,6vw,88px);overflow:hidden;background:radial-gradient(60% 70% at 78% 35%,rgba(255,138,110,.32),transparent 62%),radial-gradient(50% 60% at 8% 100%,rgba(125,20,52,.6),transparent 66%),linear-gradient(180deg,#4a0716 0,#330511 60%,#24050d 100%)}
.fight-pcos .descr{max-width:760px;margin:0 auto clamp(32px,4vw,56px);text-align:center}
.fight-pcos .descr>*+*{margin-top:18px}
.fight-pcos h1{color:#fff;font-size:clamp(38px,5.4vw,72px);letter-spacing:-.045em}
.fight-pcos .title-5{color:rgba(255,255,255,.74);font-size:clamp(17px,1.5vw,20px)}
.fight-pcos>.container>ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,28px);align-items:end}
.fight-pcos .fight .img{border-radius:var(--r-xl);overflow:hidden;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 40px 80px -30px rgba(0,0,0,.55);aspect-ratio:3/4}
.fight-pcos .fight .img img{width:100%;height:100%;object-fit:cover;display:block}
.fight-pcos .fighter-2{transform:translateY(-24px)}
@media(max-width:620px){.fight-pcos>.container>ul{grid-template-columns:1fr 1fr 1fr;gap:8px}.fight-pcos .fighter-2{transform:none}.fight-pcos .fight .img{border-radius:var(--r-md)}}

/* ---------- symptoms + solution ---------- */
.pcos-symptoms{background:var(--ivory)}
.pcos-symptoms .understand>h2,.pcos-symptoms .solution>.container>h2,.weight-journey>.container>h2,.plan-help>.container>h2,.faqs>.container>h2{text-align:center;margin-bottom:clamp(28px,4vw,52px)}
.symptoms-ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.pcos-box{height:100%;background:#fff;border-radius:var(--r-lg);padding:clamp(20px,2.4vw,30px);box-shadow:inset 0 0 0 1px var(--line),0 18px 40px -26px rgba(79,7,22,.18);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.pcos-box:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(255,71,57,.3),0 34px 64px -28px rgba(79,7,22,.28)}
.pcos-box .img{width:64px;height:64px;border-radius:50%;background:#FFF1EC;display:grid;place-items:center;margin-bottom:16px}
.pcos-box .img img{width:60%;height:auto}
.pcos-box h4{margin-bottom:8px}
.pcos-box p{margin:0;color:var(--ink2);font-size:15.5px}
.pcos-symptoms .solution{padding-top:var(--sgap)}
.pcos-symptoms .solution>.container>ul{list-style:none;margin:0;padding:clamp(24px,4vw,56px);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,56px);align-items:center;background:#fff;border-radius:var(--r-xl);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.pcos-symptoms .solution h3{margin-bottom:16px}
.pcos-symptoms .solution .img img{width:100%;border-radius:var(--r-lg);display:block}
@media(max-width:991px){.symptoms-ul:not(.slick-initialized){grid-template-columns:repeat(2,minmax(0,1fr))}.pcos-symptoms .solution>.container>ul{grid-template-columns:1fr}}

/* ---------- weight journey ---------- */
.weight-journey{background:linear-gradient(180deg,var(--ivory2),var(--ivory))}
.weight-inner{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:center}
.weight-inner>.col{min-width:0}
.left-weight .img img{display:block;width:100%;border-radius:var(--r-xl);box-shadow:var(--shadowL)}
.weight-inner .descr>ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.weight-inner .descr>ul>li{padding:clamp(20px,2.4vw,30px);background:#fff;border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .4s}
.weight-inner .descr>ul>li:hover{box-shadow:inset 0 0 0 1.5px rgba(255,71,57,.4),0 24px 50px -26px rgba(79,7,22,.25)}
.weight-inner .step{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}
.weight-inner .step svg{width:20px;height:20px}
.weight-inner h3{margin-bottom:8px}
.weight-inner .title-5{margin:0}
.weight-navs{list-style:none;margin:0 0 20px;padding:0;gap:8px;justify-content:center}
.weight-navs li{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-weight:600;color:var(--ink2);cursor:pointer}
.weight-navs li.active{background:var(--maroon);color:#fff;box-shadow:none}
.weight-navs svg{width:16px;height:16px}
@media(max-width:767px){.weight-inner{grid-template-columns:1fr}.left-weight .head{text-align:center;margin-bottom:12px}.left-weight .content{text-align:center;padding:14px 8px;color:var(--ink2)}}

/* ---------- plans ---------- */
.plan-help{background:var(--ivory)}
.plan-navs{list-style:none;margin:0 0 24px;padding:0;gap:8px;justify-content:center}
.plan-navs li{padding:10px 18px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-weight:600;color:var(--ink2);cursor:pointer}
.plan-navs li.active{background:var(--maroon);color:#fff;box-shadow:none}
@media(min-width:768px){.plan-navs{display:none!important}}
.plans-ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);align-items:stretch}
.plans-ul.slick-initialized{display:block}
.plans-ul .ul-li{height:100%;min-width:0;position:relative;}
@media(max-width:767px){
   .plans-ul .ul-li {width: 85% !important;max-width:390px;}
}
.plans-ul .slick-dots{display:none!important;}
.plans-ul .slick-slide{padding:0 8px;height:auto}
.plans-ul .li-inner{height:100%;position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--r-lg);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line),0 18px 40px -26px rgba(79,7,22,.2);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.plans-ul .li-inner:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(255,71,57,.3),0 34px 64px -28px rgba(79,7,22,.3)}
.plans-ul .top{padding:24px 22px 20px;background:var(--ivory2);display:grid;gap:12px}
.plans-ul .title .title-1{font-size:22px}
.plans-ul .price h3{font-size:clamp(26px,2.6vw,34px);color:var(--maroon)}
.plans-ul .price h3 span{font-family:var(--sans);font-size:14px;color:var(--ink3);letter-spacing:0}
.plans-ul .total-price{margin:4px 0 0;font-size:14px;color:var(--ink3)}
.plans-ul .old-price{color:var(--ink3);text-decoration:line-through;margin:0}
.plans-ul .primary-btn{width:100%}
.plans-ul .li-inner>ul{list-style:none;margin:0;padding:18px 22px 24px;display:grid;gap:10px;flex:1}
.plans-ul .li-inner>ul li{position:relative;padding-left:26px;font-size:15px;color:var(--ink3);line-height:1.45}
.plans-ul .li-inner>ul li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:var(--line)}
.plans-ul .li-inner>ul li.active{color:var(--ink)}
.plans-ul .li-inner>ul li.active::before{background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.8-5' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.plans-ul .li-inner>ul li.head{padding:0;font-weight:700;color:var(--maroon);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.plans-ul .li-inner>ul li.head::before{display:none}
.plans-ul .head .sticker,.plans-ul .sticker,.plans-ul .recommended{position:absolute;top:12px;right:12px;padding:0;border-radius:var(--r-lg);background:var(--orange);color:#fff;font-size:12px;font-weight:700}
@media(max-width:1100px){.plans-ul:not(.slick-initialized){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.plans-ul:not(.slick-initialized){grid-template-columns:1fr}}

/* ---------- faqs ---------- */
.faqs{background:linear-gradient(180deg,var(--ivory),var(--ivory2))}
.faq-inner{max-width:880px;margin:0 auto}
.faq-inner>ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.faq-inner>ul>li{background:#fff;border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;transition:box-shadow .4s var(--ease)}
.faq-inner>ul>li:has(.quest.active){box-shadow:inset 0 0 0 1.5px rgba(255,71,57,.45),0 24px 50px -26px rgba(79,7,22,.25)}
.faq-inner .quest{margin:0;padding:20px 24px;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap;cursor:pointer;font-family:var(--serif);font-size:clamp(17px,1.5vw,20px);font-weight:500;letter-spacing:-.02em;color:var(--maroon)}
.faq-inner .quest svg{flex:none;width:18px;height:18px;color:var(--orange);transition:transform .35s var(--ease)}
.faq-inner .quest.active svg{transform:rotate(180deg)}
.faq-inner .content{padding:0 24px 22px;color:var(--ink2);line-height:1.7}
.faq-inner .content p{margin:0 0 .8em}
.faq-inner+.primary-btn,.faqs .primary-btn{margin-top:28px}

/* ---------- team section on program pages ---------- */
.in--prog .ourteam-wrapper .plans-teams-header{text-align:center}

/* ---------- app showcase ---------- */
.customised-plan-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,72px);align-items:center}
.customised-plan-screen .img img{display:block;width:100%;height:auto;border-radius:var(--r-xl)}
.customised-plan-content>*+*{margin-top:18px}
.customised-plan-feature{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.plan-feature{display:flex;align-items:center;gap:10px}
.plan-feature svg{flex:none;color:var(--orange)}
.plan-feature p{margin:0;font-weight:500}
.store-row{display:flex;gap:12px;flex-wrap:wrap}
.store-row a{display:block;width:150px}
.store-row img{display:block;width:100%;height:auto}
@media(max-width:860px){.customised-plan-inner{grid-template-columns:1fr}.customised-plan-content h2{text-align:center}}

/* ---------- recent videos ---------- */
.video-list{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(16px,2.4vw,32px);align-items:stretch}
.recent-videos h2{text-align:center;margin-bottom:clamp(24px,3vw,44px)}
.recent-videos button{border:0;background:transparent;padding:0;text-align:left;cursor:pointer;font:inherit}
.recent-videos .cover-video,.recent-videos .icon{position:relative;display:block;width:100%;overflow:hidden;border-radius:var(--r-lg);background:var(--ink)}
.recent-videos .cover-video{height:100%;min-height:260px}
.recent-videos .cover-video img,.recent-videos .icon img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.recent-videos .cover-video:hover img,.recent-videos .icon:hover img{transform:scale(1.04)}
.vplay{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);box-shadow:0 14px 34px -10px rgba(0,0,0,.5)}
.vplay svg{width:26px;height:26px;fill:var(--orange)}
.icon .vplay{width:40px;height:40px}.icon .vplay svg{width:18px;height:18px}
.side-video-ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.side-video-ul .ul-inner{display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:center;padding:10px;background:#fff;border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--line)}
.side-video-ul .icon{aspect-ratio:16/10;border-radius:var(--r-sm)}
.side-video-ul .descr .title{display:block;font-family:var(--serif);font-weight:500;font-size:16px;line-height:1.3;letter-spacing:-.02em;color:var(--maroon)}
.side-video-ul .descr .p{display:block;margin-top:4px;font-size:13.5px;color:var(--ink3)}
.recent-videos .view-all{display:flex;justify-content:center;margin-top:clamp(24px,3vw,40px)}
.video-popup{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:24px}
.video-popup[hidden]{display:none}
.video-popup .popup-bg{position:absolute;inset:0;background:rgba(18,3,7,.82);backdrop-filter:blur(6px)}
.video-popup .popup-content{position:relative;width:min(900px,100%);aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;background:#000;box-shadow:var(--shadowL)}
.video-popup iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-popup .close-btn{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:var(--ink);z-index:2}
@media(max-width:860px){.video-list{grid-template-columns:1fr}.recent-videos .cover-video{min-height:0;aspect-ratio:16/9}}

/* ---------- instagram strip ---------- */
.instagram-wrapper{text-align:center}
.instagram-wrapper p{margin-top:16px;color:var(--ink2)}
.instagram-wrapper a{margin-left:8px;color:var(--orange);font-weight:600}

/* ---------- forms (BMI / quiz blocks that stay inline on plans pages) ---------- */
.in .form-group{margin-bottom:16px}
.in .form-group label{display:block;margin-bottom:6px;font-weight:600;color:var(--ink)}
.in input[type=text],.in input[type=number],.in input[type=tel],.in input[type=email],.in select,.in textarea,.in .selectize-input{width:100%;min-height:50px;padding:12px 18px;border:0;border-radius:var(--r-sm);background:#fff;box-shadow:inset 0 0 0 1px var(--line);font:inherit;color:var(--ink)}
.in input:focus,.in select:focus,.in textarea:focus{outline:2px solid var(--orange);outline-offset:2px}
.in .error,.in label.error{color:var(--orangeD);font-size:13px}
.in .gen-radio input{position:absolute;opacity:0}
.in .gen-radio label{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}
.in .gen-radio input:checked+label{background:var(--maroon);color:#fff;box-shadow:none}
.in .gen-radio p{margin:0}
.in .toggle label{display:inline-block;padding:6px 12px;border-radius:999px;cursor:pointer;color:var(--ink2)}
.in .toggle label.active{background:var(--maroon);color:#fff}
.in .toggle input{position:absolute;opacity:0}
.in .calculate-btn{width:100%}

.slick-arrow{ display: none !important; }
.weight-journey .slick-dots { display: none !important;}