/* Shared components for inner pages */
.banner{padding:70px max(40px,calc(50% - 545px)) 40px;background:#f6f6ff url(/assets/bg.webp) center/cover;text-align:center}
.banner .kicker{font:500 18px/36px 'Open Sans',sans-serif;letter-spacing:3px;text-transform:uppercase;color:#00b4d8;margin:0 0 10px}
.banner h1{font:500 72px/86.4px Poppins,sans-serif;color:#07448b}

.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:40px 5px}
.split>*{min-width:0}
.pill-btn{display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:50px;background:#0077b6;color:#fff;text-decoration:none}
.pill-btn.lg{width:311px;height:69px;font:500 16px Poppins,sans-serif;letter-spacing:1px;text-transform:uppercase}
.pill-btn.md{width:241px;height:66px;font:500 16px 'Open Sans',sans-serif;letter-spacing:2px}

.h-blue{font:400 36px/46.8px Poppins,sans-serif;color:#0077b6}
.p-big{font:400 20px/26px Poppins,sans-serif;color:#000}
.card-title{background:rgba(202,240,248,.46);border:1px solid #efefef;border-radius:10px;padding:10px 0 10px 10px}
.card-title h2{font:600 36px/46.8px Poppins,sans-serif;color:#0077b6}
.lead{font:500 20px/28px Poppins,sans-serif;color:rgba(0,0,0,.5)}
.feat{border-top:1px solid #efefef;padding:20px 0;font:500 19px/24.7px Montserrat,sans-serif;color:#000}
.feat p+p{margin-top:0}

/* accordion */
.acc{display:block}
.acc-item{border:1px solid #c9d8e0;border-radius:10px;margin-bottom:10px;overflow:hidden;background:#fff}
.acc-head{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px;border:0;background:#fff;text-align:left;cursor:pointer;font:700 18px/27px Inter,sans-serif;color:#565a7c;border-radius:10px}
.acc-head::after{content:'';flex:none;width:0;height:0;margin-left:8px;border:4px solid transparent;border-top:5px solid #565a7c;border-bottom:0}
.acc-item.open .acc-head{border-radius:10px 10px 0 0}
.acc-item.open .acc-head::after{border-top:0;border-bottom:5px solid #565a7c}
.acc-body{display:none;padding:15px;background:#f6f6ff;font:400 16px/24px Inter,sans-serif;color:#8893a8}
.acc-item.open .acc-body{display:block}

/* CTA card */
.cta-wrap{padding:20px 0}
.cta-outer{max-width:1170px;margin:0 auto;padding:40px 96px 20px}
@media (min-width:768px) and (max-width:1439px){.cta-outer{max-width:none;padding-left:calc(24.55vw - 122.5px);padding-right:calc(24.55vw - 122.5px)}}
.cta-frame{border:2px solid #565a7c;border-radius:20px}
.cta{border-radius:18px;background:center/cover no-repeat;text-align:center;color:#fff;padding:60px 60px 70px}
.cta h1{font:500 36px/43.2px Poppins,sans-serif;letter-spacing:-1px;margin-bottom:10px}
.cta h2{font:500 18px/27px Poppins,sans-serif;margin-bottom:20px}
.cta .kicker{font:500 16px/32px 'Open Sans',sans-serif;letter-spacing:2px;text-transform:uppercase;color:#0077b6}

.faq-kicker{font:500 18px/36px 'Open Sans',sans-serif;letter-spacing:2px;text-transform:uppercase;color:#0038ff;text-align:center}
.faq-title{font:700 56px/67.2px 'Open Sans',sans-serif;letter-spacing:-1px;color:#000321;text-align:center}

.divider-pad{padding:10px 15px}
.badges-bg{background:#f6f6ff url(/assets/bg.webp) center/cover}
.badges-bg .badges{padding:30px 20px}

.offer{padding:20px 0;background:#fff}
.offer-block{display:flex;align-items:center;padding:50px 0}
.offer-block.a{padding-bottom:49px}
.offer-block.a{padding-left:40px;padding-right:35px;justify-content:space-between}
.offer-block.a .offer-text{width:min(609px,calc(50vw - 111px));flex:none}
.offer-block.a .offer-img{width:min(641px,calc(50vw - 79px));height:auto}
.offer-block.b{padding-left:35px;padding-right:40px}
.offer-block.b .offer-img{width:min(662px,calc(50vw - 58px));height:auto}
.offer-block.b .offer-text{width:min(668px,calc(50vw - 52px));margin-left:35px;flex:none}
.offer-img{display:block;flex:none;max-width:100%;height:auto}
.faq-sec{padding:20px 0}
.faq-block{display:flex;align-items:center;padding:0 10px 0 20px}
.faq-block>img{flex:0 1 513px;min-width:0;height:auto;display:block;margin:0 20px 0 0}
.faq-block>div{flex:1.1 1 877px;min-width:0;padding:20px 0 40px}
.faq-kicker{margin:0}
.faq-title{min-height:67.2px;margin:0 0 20px}
.faq-block .faq-title strong{font-weight:700}

.acc-item:last-child{margin-bottom:0}
.offer-block.b .feat:last-child{padding-bottom:11px}

/* split (intro) responsive */
.split>div:first-child{padding:0 5px 0 25px}
.split .h-blue{padding-right:20px}
.split>.acc{padding:0 20px 0 15px}
@media (max-width:767px){
  .banner{padding:50px 10px 60px}
  .banner .kicker{font-size:12px;line-height:24px}
  .banner h1{font-size:32px;line-height:38.4px}
  .split{display:block!important;padding:40px 0 60px}
  .split>div:first-child{padding:0 10px 0 30px}
  .split>.acc{padding:0 20px;margin-top:30px!important}
  .h-blue{font-size:28px;line-height:36.4px}
  .pill-btn.lg{width:284px;font-size:14px}
  .acc-head{font-size:15px;line-height:22.5px}
  .acc-body{font-size:12px;line-height:18px;padding-bottom:20px}
  .offer-block{display:block;padding:50px 10px}
  .offer-block.a,.offer-block.b{padding-left:10px;padding-right:10px}
  .offer-block .offer-text{width:auto!important;margin-left:0!important}
  .offer-block .offer-img{width:350px!important;margin:30px auto 0}
  .offer-block.a .offer-img{display:none}
  .offer-block.a{padding-bottom:69px}
  .offer-block.b .offer-img{margin:10px auto 30px}
  .cta-outer{padding:40px 10px 20px}
  .cta{padding:60px 12px 70px}
  .cta h1{font-size:32px;line-height:38.4px}
  .cta h2{font-size:12px;line-height:18px}
  .pill-btn.md{width:224px;font-size:14px}
  .faq-block{display:block;padding:0}
  .faq-block>img{width:350px;margin:30px auto}
  .faq-block>div{padding:0 0 40px}
  .faq-kicker{font-size:12px;line-height:24px}
  .faq-title{font-size:32px;line-height:38.4px;min-height:0}
  .faq-block .acc{margin:0 20px!important}
}

/* weight loss */
.products{padding:80px 0 40px;background:#fff}
.prod-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1216px;width:calc(100% - 2*(7.44vw + 4.9px));margin:0 auto;padding:10px 15px}
.prod{display:flex;flex-direction:column;border:3px solid #1b72bd;border-radius:10px;background:#efefef;padding:20px 40px 19.6px;font-family:Poppins,sans-serif}
.prod.alt{background:#eaeaea}
.prod img{display:block;width:100%;height:auto;margin:0}
.prod h2,.prod .ptitle{font:500 18px/23.4px Poppins,sans-serif;color:#333;margin:20px 0 0}
.prod .ptitle+h2{margin-top:0}
.prod .price{font:600 18px/23.4px Poppins,sans-serif;color:#192c47;margin-top:20px}
.prod .desc{font:400 17px/22.1px Poppins,sans-serif;color:rgba(0,0,0,.5);margin-top:20px}
.prod-btn{display:flex;align-items:center;justify-content:center;height:64px;margin-top:auto;border:2px solid #fff;border-radius:15px;background:#192c47;color:#fff;font:400 20px Poppins,sans-serif;text-decoration:none}
.prod .desc+.prod-btn{margin-top:20px}
.wl-faq{padding:20px 0;background:#fff}
.wl-faq-block{--d:max(0px,calc(1440px - 100vw));display:flex;align-items:center;padding:30px calc(145px - var(--d)*.2009) 30px calc(155px - var(--d)*.2009);gap:20px}
.wl-faq-block>img{flex:none;display:block;width:calc(550px - var(--d)*.299);height:auto}
.wl-faq-col{flex:1;min-width:0;position:relative;top:-9px}
.ct-p{font:600 36px/46.8px Poppins,sans-serif;color:#0077b6}
.card-title .ct-p+h2{display:block}
.divider-wrap.wide{padding:25px 145px}

@media (max-width:767px){
  .products{padding:80px 0 40px}
  .prod-row{grid-template-columns:1fr;gap:10px;width:auto;padding:10px 20px}
  .prod{padding:20px 10px 19.6px}
  .wl-faq-block{display:block;padding:30px 0}
  .wl-faq-block>img{width:350px;margin:0 20px}
  .wl-faq-col{padding:0 10px;top:0}
  .wl-faq-col .card-title{margin-top:29px}
  .divider-wrap.wide{padding:25px 20px}
  .cta h1+.pill-btn{margin-top:10px}
}

.cta .kicker{margin-bottom:10px}
.divider-wrap.wide .divider-dark{padding-bottom:0}

/* feature list v2 (indented, soft borders) */
.feat2-list{margin-top:10px}
.feat2{border-top:1px solid rgba(0,0,0,.11);padding:40px 40px;font:500 22px/28.6px Montserrat,sans-serif;color:#000}
.feat2:first-child{border-top:0}
.feat2 p+p{margin-left:28px}
.feat2:last-child{padding-bottom:40px}
.prod .desc strong{font-weight:600}

/* product page (sermorelin) */
.product-sec{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start;padding:80px 5px 40px;background:#fff}
.pd-card{background:#fcfcfc;border-radius:8px;padding:10px;min-width:0}
.pd-main{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.pd-thumbs{margin-top:20px;display:flex}
.pd-thumbs img{display:block;width:83px;height:80px;object-fit:cover;border:2px solid #2563eb;box-sizing:border-box}
.pd-name{font:400 16px/24px Oswald,sans-serif;color:#000;margin-top:40px}
.pd-price{font:400 18px/26px Oswald,sans-serif;color:#000;margin-top:10px}
.pd-qlabel{font:600 14px/16px Lato,sans-serif;color:#344054;margin-top:24px}
.pd-qty{display:flex;align-items:center;justify-content:space-between;width:224px;height:44px;margin-top:6px;padding:0 16px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;font:400 14px 'Inter',sans-serif}
.pd-qty button{border:0;background:none;font-size:22px;line-height:1;color:#101828;cursor:pointer;padding:0}
.pd-add,.pd-buy{display:block;width:464px;max-width:100%;height:48px;font:700 16px 'Open Sans',sans-serif;cursor:pointer;border:1px solid #188bf6}
.pd-add{margin-top:24px;background:#188bf6;color:#fff}
.pd-buy{margin-top:10px;background:#fff;color:#188bf6}
.pd-text{min-width:0;font:500 22px/28.6px Montserrat,sans-serif;color:#000}
.pd-text .card-title h2{display:block}
.faq-wide{padding:50px 0 59px;background:#fff}
.faq-wide h1{font:500 36px/43.2px Poppins,sans-serif;letter-spacing:-1px;color:#848484;padding-left:10px;margin-bottom:11px}
.faq-wide .acc{margin:0 20px}

.how-bg.tall{padding:40px 20px 40px}
.pd-gap-t{}

@media (min-width:768px) and (max-width:1439px){ .pd-name{margin-top:64px} }
@media (max-width:767px){
  .product-sec{display:block;padding:80px 10px 40px}
  .pd-main{aspect-ratio:350/360}
  .pd-thumbs{margin-top:22px}
  .pd-thumbs img{width:76px;height:76px}
  .pd-name{font-size:14px;line-height:21px;margin-top:26px}
  .pd-price{font-size:16px;line-height:24px;margin-top:10px}
  .pd-qlabel{margin-top:24px}
  .pd-add,.pd-buy{height:44px}
  .pd-add{margin-top:24px}
  .pd-buy{margin-top:10px}
  .pd-text{padding-top:0}
  .pd-text .card-title+p{margin-top:10px}
  .how-bg.tall{padding:40px 10px 40px}
  .faq-wide h1{font-size:28px;line-height:33.6px}
}
@media (max-width:767px){ .pd-text .card-title h2{letter-spacing:-.4px} .pd-text p{font-size:19px} }

/* about us */
.team{padding:40px 0 55px;background:#fff}
.team-head{display:flex;align-items:flex-start;padding:0 5px 0 25px}
.team-head h1{flex:none;width:calc(43.6vw - 30px);margin-top:min(45px,calc(45px - (1440px - 100vw)*.0432));font:500 38px/49.4px Poppins,sans-serif;color:#0077b6}
.team-head p{flex:1;min-width:0;margin-left:10px;margin-top:25px;font:400 16px/27.2px 'Open Sans',sans-serif;color:#848484}
.team-cards{display:flex;gap:20px;width:82%;margin:40px auto 0}
.member{flex:1 1 0;min-width:0;max-width:580px;padding:21px 0 39px 20px;border:1px solid #c9d8e0;border-radius:25px;background:#f6f6ff;text-align:left}
.member img{display:block;margin:0 auto 20px;height:300px;object-fit:cover}
.member h2{font:500 20px/26px Poppins,sans-serif;color:#0077b6}
.member p{font:400 17px/22.1px Poppins,sans-serif;color:#848484}
.rev-wide{padding:60px 0 51px;background:#fff}
.rev-wide h2{padding-left:30px;font:500 38px/49.4px Poppins,sans-serif;color:#0077b6;margin-bottom:10px}
.rev-wide .testimonial{margin:0 10px}
.rev3 .car-track{gap:20px}
.rev3 .review{flex:0 0 calc((100% - 40px)/3);border:1px solid #e5e7eb}
.rev3 .author img{border:2px solid #e5e7eb;box-sizing:border-box}

@media (max-width:767px){
  .team{padding:40px 0 55px}
  .team-head{display:block;padding:0}
  .team-head h1{width:auto;margin:25px 0 0;padding-left:30px}
  .team-head p{margin:39px 10px 0 10px}
  .team-cards{display:block;width:auto;margin:40px 10px 0}
  .member{max-width:none}
  .rev-wide h2{padding-left:30px}
  .rev3 .review{flex-basis:100%}
}

/* contact */
.contact{display:grid;grid-template-columns:50% 47.2%;align-items:center;padding:30px 2.8% 30px 0;background:#fff}
.contact-text{padding:0 5px 0 calc(2.53vw + 29.6px);font:400 18px/23.4px Poppins,sans-serif;color:#000}
.contact-text .h-blue{padding:0 20px 0 0;margin-bottom:10px}
.contact-text p{margin-top:23px}
.contact-text p:first-of-type{margin-top:10px}
.contact-text .btn-row{margin-top:30px}
.contact-card{border:1px solid rgba(202,240,248,.46);border-radius:50px;box-shadow:2px 2px 2px rgba(112,112,112,.15);padding:30px 15px 70px}
.contact-inner{background:#fff;padding:30px 30px 46px}
.cform{font:500 14px/25.2px Inter,sans-serif;color:#2c3345}
.fg{border:1px solid transparent;border-radius:4px;margin-bottom:16px}
.fg label{display:block;height:25px}
.fg label span{color:#2c3345}
.fg input[type=text],.fg input[type=email],.fg input[type=tel],.fg textarea{display:block;width:100%;margin-top:8px;height:36px;padding:0 10px;border:1px solid #acacac;border-radius:5px;background:#fff;font:400 14px Inter,sans-serif;color:#2c3345}
.fg textarea{height:108px;padding:8px 10px;resize:vertical}
.fg.title{height:31px;margin-bottom:16px;font:400 16px/19.2px Inter,sans-serif;color:#3296a7;padding:6px 0 0}
.fg.msg{height:143px}
.consent-row{display:flex;gap:10px;padding:1px 0 8px}
.consent-row input{flex:none;margin:2px 10px 0 0;width:16px;height:16px}
.consent-row p{font:400 16px/20px Inter,sans-serif;color:#2c3345;margin:0 0 20px}
.consent-row p.links{margin:0}
.consent-row a{color:#335dff}
.fg.bot{height:108px;margin-bottom:31px}
.fg.send{margin:0}
.fg.send button{display:block;width:100%;height:45px;border:0;border-radius:5px;background:#188bf6;color:#fff;font:400 15px/27px Inter,sans-serif;cursor:pointer}

@media (max-width:767px){
  .contact{display:block;padding:40px 0 30px}
  .contact-text{padding:0 10px 0 30px}
  .contact-text .h-blue{font-size:28px;line-height:36.4px}
  .contact-card{margin:10px 10px 0}
  .contact-text .btn-row .pill-btn{width:284px;font-size:14px}
}

/* legal pages */
.legal{padding:20px 0 50px;background:#fff}
.legal-inner{max-width:1150px;margin:0 auto;padding:0 29px;font-family:Poppins,sans-serif}
.legal-inner .lg-p,.legal-inner .lg-li{font:400 18px/23.4px Poppins,sans-serif;color:#000}
.legal-inner .lg-li{margin-left:20px}
.legal-inner .lg-h{font:600 22px/28.6px Poppins,sans-serif;color:#000}
.legal-inner a{color:#e94558;text-decoration:none}
.legal-inner a:hover{text-decoration:underline}
@media (max-width:767px){.legal-inner{padding:0 10px}}

/* blog list */
.blog{padding:45px 0 65px;background:#fff}
.blog-list{max-width:1160px;width:calc(100% - 10px);margin:0 auto;padding:40px 40px 44px}
.post{display:flex;justify-content:space-between;align-items:flex-start;min-height:200px}
.post-body{flex:1;max-width:648px;min-width:0}
.post-title{display:block;font:500 20px/28px Poppins,sans-serif;color:#000;text-transform:capitalize;text-decoration:none;max-width:617px}
.post-by{display:flex;align-items:center;gap:8px;margin-top:8px;font:400 12px/15px Lato,sans-serif;color:#060606}
.post-by img{width:24px;height:24px;border-radius:20px}
.post-desc{margin-top:0;font:400 14px/21px Poppins,sans-serif;color:#000;text-transform:capitalize}
.post-tags{display:flex;flex-wrap:wrap;gap:20px 5px;margin-top:10px}
.post-tags span{display:block;height:25px;padding:5px 5px;border-radius:3px;background:#d1fadf;font:400 12px/15px Lato,sans-serif;color:#000;text-transform:capitalize}
.post-more{display:inline-block;margin-top:10px;font:700 14px/21px Poppins,sans-serif;color:#777;text-transform:capitalize;text-decoration:none}
.post-img{flex:none;width:340px;height:200px;object-fit:cover;display:block}
.pager{display:flex;justify-content:center;gap:8px;margin-top:36px}
.pager button{height:33px;padding:0 12px;border:0;background:#fff;font:400 16px Montserrat,sans-serif;color:#000;cursor:pointer}
.pager button.cur{color:#007bff;font-weight:700}
.pager button[disabled]{color:rgba(16,16,16,.3);cursor:default}

@media (max-width:1159px){ .post{margin-top:38px!important} .post:first-child{margin-top:0!important} .post-body{max-width:none} }
@media (max-width:767px){
  .blog-list{padding:40px 15px 44px}
  .post{flex-direction:column-reverse;align-items:stretch}
  .post-body{padding:10px 0 0}
  .post-desc{margin-top:10px}
  .post-tags{row-gap:0}
  .post{margin-top:66px!important}
  .post:first-child{margin-top:0!important}
  .post-img{width:100%;max-width:350px}
}

/* shop */
.shop{padding:20px 0;background:#fff}
.shop-box{max-width:1150px;margin:20px auto;width:calc(100% - 290px);min-width:0;padding:46px 20px 23px}
.shop-bar{display:flex;justify-content:space-between;align-items:center;height:54px;padding:0;border-top:1px solid #eaecf0;border-bottom:1px solid #eaecf0;font:500 14px/20px Inter,sans-serif;color:#000}
.shop-bar button{border:0;background:none;font:700 14px/20px Inter,sans-serif;color:#000;margin-left:16px;cursor:pointer;padding:0}
.shop-filters button+button{margin-left:34px}
.shop-bar button i{display:inline-block;margin-left:8px;border:4px solid transparent;border-top:5px solid #000;border-bottom:0;vertical-align:middle}
.shop-bar .lbl{font-weight:500}
.shop-sort{display:flex;align-items:center}
.shop-sort .count{margin-left:39px;font:700 13px/20px Inter,sans-serif;color:#475467}
.shop-sort button{font-weight:500}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:34px;row-gap:31.3px;margin-top:36px;margin-left:-1px;margin-right:-1px}
.sc{min-width:0}
.sc img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.sn{margin-top:24px;font:400 16px/25px Poppins,sans-serif;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sprice{display:flex;flex-wrap:wrap;align-items:baseline;margin-top:8px;font-family:Poppins,sans-serif}
.sp{font:400 18px/28.8px Poppins,sans-serif;color:#000}
.sp.was{text-decoration:line-through}
.sale{margin-left:18px;font:700 14px/21px Poppins,sans-serif;color:#000}
.off{margin-left:23px;font:400 16px/25px Poppins,sans-serif;color:#12b76a}
.shop-pager{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:29px}
.shop-pager button{height:39px;padding:0 14px;border:0;background:none;font:400 14px 'Open Sans',sans-serif;color:#000;cursor:pointer}
.shop-pager button[disabled]{color:rgba(16,16,16,.3);cursor:default}
.shop-pager span{font:700 16px 'Open Sans',sans-serif;color:#000}

@media (max-width:1023px){
  .shop{padding:0}
  .shop-box{position:relative;width:100%;margin:0;padding:50px 0 29px}
  .shop-bar{display:grid;grid-template-columns:1fr 1fr;justify-items:center;height:38px;border-left:0;border-right:0;box-shadow:0 1px 2px rgba(16,24,40,.05);font-weight:600}
  .shop-sort{order:1;display:block;width:auto}.shop-filters{order:2}
  .shop-bar button,.shop-bar b{display:none}
  .shop-bar .lbl{font-weight:600;line-height:17px}
  .shop-sort .count{position:absolute;left:34px;top:104px;margin:0;font:500 14px/17px Inter,sans-serif;color:#344054}
  .shop-grid{margin:49px 26px 0;column-gap:28px;row-gap:36px}
  .sn{white-space:normal;overflow:visible;text-overflow:clip}
  .sprice{display:block}.sp{display:block}
  .sale{margin-left:0}.off{margin-left:22px}
}
@media (max-width:767px){
  .shop-grid{grid-template-columns:repeat(2,1fr);margin:49px 24px 0;column-gap:20px;row-gap:20px}
  .off{font-size:14px;margin-left:23px}
  .sn{font-size:14px;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sp{font-size:16px;line-height:26px}
}

/* contact form: spam trap + status message */
.cform .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cform .form-status{margin:0 0 14px;font:500 15px/22px Inter,sans-serif}
.cform .form-status:empty{display:none}
.cform .form-status.ok{color:#0a7a3d}
.cform .form-status.err{color:#b42318}
.cform button[disabled]{opacity:.7;cursor:wait}

/* ERP shop embed + live product cards */
.shop-frame{display:block;width:100%;min-height:640px;border:0;background:#fff}
.pd-note{margin-top:6px;font:600 14px/20px Lato,sans-serif;color:#b45309}
.pd-note.out{color:#b42318}
.pd-add[disabled],.pd-buy[disabled],.pd-qty button[disabled]{opacity:.5;cursor:not-allowed}
