:root{--blue:#0d73df;--dark:#071735;--text:#253a55;--muted:#637089;--light:#eaf7ff;--border:#d9eeff;--shadow:0 14px 34px rgba(28,98,178,.10);--serif:Georgia,'Times New Roman',serif;--sans:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--dark);background:#fff;font-size:16px;line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 24px}svg{width:1em;height:1em;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.site-header{background:#fff;position:sticky;top:0;z-index:99;box-shadow:0 2px 18px rgba(0,0,0,.04)}body.admin-bar .site-header{top:32px}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo img{width:165px;display:block}.main-nav ul{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0}.main-nav a{font-size:14px;font-weight:900;text-transform:uppercase;color:#071735;white-space:nowrap}.main-nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:16px;white-space:nowrap}.phone{font-weight:900;color:#071735}.phone:before{content:'☎';color:#e51d38;margin-right:6px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:900;transition:.2s;border:2px solid var(--blue);padding:13px 22px;line-height:1.1;white-space:nowrap}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 22px rgba(13,115,223,.18)}.btn-primary:hover{transform:translateY(-2px)}.btn-outline{background:#fff;color:var(--blue)}.mobile-toggle{display:none;border:0;background:#fff;font-size:30px;color:var(--dark)}
.hero{min-height:660px;background-color:#eef9ff;background-image:linear-gradient(90deg,rgba(240,250,255,1) 0%,rgba(240,250,255,1) 49%,rgba(240,250,255,.92) 58%,rgba(240,250,255,.40) 68%,rgba(240,250,255,0) 80%),url('../images/hero-bg.png');background-size:auto 100%;background-position:115% center;background-repeat:no-repeat;display:flex;align-items:center;overflow:hidden}.hero-content{max-width:560px;padding:90px 0;position:relative;z-index:2}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:#153b63;font-weight:900;font-size:15px;margin:0 0 22px}.hero h1,.section-title-serif{font-family:var(--serif);font-weight:800;line-height:.98;color:var(--dark)}.hero h1{font-size:64px;margin:0 0 25px;max-width:560px}.blue{color:var(--blue)}.hero p:not(.eyebrow){font-size:19px;line-height:1.55;color:#223651;margin:0 0 30px;max-width:520px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.feature-strip{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);box-shadow:0 16px 40px rgba(25,93,160,.06)}.feature-container{display:grid;grid-template-columns:repeat(6,1fr);padding:0}.feature-item{min-height:112px;display:flex;align-items:center;justify-content:center;gap:16px;padding:18px 14px;border-left:1px solid var(--border)}.feature-item:last-child{border-right:1px solid var(--border)}.feature-icon,.circle-icon{width:54px;height:54px;border:3px solid #d9eeff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--blue);flex:0 0 auto;background:#fff}
.feature-icon svg,.circle-icon svg{width:28px;height:28px}.feature-item strong{display:block;font-size:15px;line-height:1.35;color:#071735;max-width:158px}.section{padding:76px 0}.section-heading{text-align:center;margin-bottom:34px}.section-heading .eyebrow{color:var(--blue);margin-bottom:8px;font-size:14px}.section-heading h2{font-family:var(--serif);font-size:42px;line-height:1.1;margin:0;color:var(--dark)}.mini-line{width:56px;height:3px;background:var(--blue);border-radius:3px;margin:12px auto 0}.compact{margin-bottom:25px}
.about-section-wrap{padding:84px 0}.about-grid{display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(0,1.25fr) minmax(270px,.78fr);gap:36px;align-items:center}.about-grid>*{min-width:0}.about-image img{width:100%;border-radius:18px;display:block;box-shadow:var(--shadow);object-fit:cover}.about-content{max-width:100%;padding:0 4px;min-width:0;overflow-wrap:break-word}.about-content .eyebrow{color:var(--blue);margin-bottom:12px}.about-content h2{font-family:var(--serif);font-size:38px;margin:0 0 20px;line-height:1.12;max-width:100%;overflow-wrap:normal}.about-content p{font-size:18px;color:#243957;margin-bottom:26px;max-width:100%;line-height:1.7}.about-stats{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fff;width:100%;max-width:300px;justify-self:end}.about-stat{display:flex;align-items:center;gap:18px;padding:24px 24px;border-bottom:1px solid var(--border)}.about-stat:last-child{border-bottom:0}.about-stat .circle-icon{width:44px;height:44px;border:2px solid #d7e9ff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;}.about-stat b{font-size:23px;display:block}.about-stat span{display:block;font-weight:800;line-height:1.3}
.product-section{padding-top:50px}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.product-card{border:1px solid #dbeeff;border-radius:14px;overflow:hidden;background:#fff;text-align:center;box-shadow:0 6px 20px rgba(16,88,160,.05);transition:.25s;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(16,88,160,.13)}.product-card img{width:100%;height:170px;object-fit:cover;object-position:center;display:block;background:#f8fcff}.product-card-content{padding:18px 14px 22px;display:flex;flex-direction:column;flex:1;min-height:205px}.product-card h3{font-size:17px;margin:0 0 10px;line-height:1.25}.product-card p{font-size:14px;color:#34455d;margin:0 0 14px;line-height:1.5}.product-card a{margin-top:auto;color:var(--blue);font-weight:900;text-transform:uppercase;font-size:13px}
.partner-brand-grid{display:grid;grid-template-columns:1fr 1.38fr;gap:34px;align-items:stretch}.why-card,.brand-card{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fff}.why-card{padding:34px 32px}.why-card .eyebrow,.brand-card .eyebrow{color:var(--blue);margin-bottom:20px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 30px}.why-item{display:flex;align-items:center;gap:16px;font-size:18px;font-weight:900;line-height:1.35}.brand-card{background-image:linear-gradient(90deg,rgba(234,247,255,.99) 0%,rgba(234,247,255,.96) 45%,rgba(234,247,255,.45) 63%,rgba(234,247,255,.02) 100%),url('../images/brand-bg.png');background-size:cover;background-position:center right;padding:34px 44px}.brand-inner{max-width:510px}.brand-card h2{font-family:var(--serif);font-size:40px;line-height:1.05;margin:0 0 18px}.brand-card p{font-size:18px;color:#263a58}.check-list{list-style:none;margin:22px 0 24px;padding:0}.check-list li{font-size:17px;margin:10px 0;color:#263a58}.check-list li:before{content:'✓';color:var(--blue);font-weight:900;margin-right:12px}
.ingredients-section{padding:58px 0 54px;text-align:center;border-top:1px solid #eef7ff;border-bottom:1px solid #eef7ff}.ingredients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;align-items:start}.ingredient-item{text-align:center;padding:0 8px}.ingredient-item img{width:86px;height:86px;object-fit:contain;display:block;margin:0 auto 15px}.ingredient-item h4{font-size:16px;font-weight:800;margin:0 0 6px;color:var(--dark)}.ingredient-item p{font-size:13px;color:#526276;line-height:1.4;margin:0}.testimonials{background:#fbfdff}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.testimonial-card{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:28px 30px}.quote{font-size:50px;color:var(--blue);line-height:.6;font-family:var(--serif);display:block}.testimonial-card p{font-size:17px;color:#263a58}.testimonial-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px}.client{display:flex;align-items:center;gap:14px;text-align:left}.client img{width:54px;height:54px;border-radius:50%;object-fit:cover}.client b{display:block;font-size:16px}.client span{font-size:13px;color:#526276}
.star{
display:inline-block;
position:relative;
}

.star.full{
color:#ffb300;
}

.star.empty{
color:#ddd;
}

.star.half{
color:#ddd;
position:relative;
}

.star.half:before{
content:'★';
position:absolute;
left:0;
top:0;
width:50%;
overflow:hidden;
color:#ffb300;
}
.dots{text-align:center;margin-top:24px}.dots span{display:inline-block;width:10px;height:10px;border-radius:50%;background:#c6d4e6;margin:0 4px}.dots span:first-child{background:var(--blue)}.process{padding:58px 0}.process-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;align-items:start}.process-step{position:relative;text-align:left;display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center}.process-step:not(:last-child)::after{content:'→';position:absolute;right:-18px;top:24px;color:#8fa8c5;font-size:24px}.process-step .circle-icon{width:58px;height:58px;background:#fff;box-shadow:0 10px 22px rgba(22,104,190,.08)}.process-step b{display:block;color:var(--blue);font-size:18px}.process-step h4{margin:0;font-size:16px}.process-step p{margin:4px 0 0;color:#4b5f78;font-size:13px;line-height:1.35}
.cta-section{background-image:linear-gradient(90deg,rgba(234,247,255,.95),rgba(234,247,255,.72)),url('../images/cta-bg.png');background-repeat:no-repeat;background-size:cover;background-position:center right;padding:42px 0}.cta-wrapper{display:flex;justify-content:space-between;align-items:center;gap:44px}.cta-left h2{font-family:var(--serif);font-size:34px;line-height:1.1;margin:0 0 10px;color:#0752ad}.cta-left p{margin:0 0 20px;color:#31455f}.cta-buttons{display:flex;gap:14px}.cta-right{display:flex;gap:42px}.cta-contact{display:flex;align-items:center;gap:13px}.contact-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.contact-icon svg{width:30px;height:30px}.phone-blue{color:#0d73df;background:#eef7ff;border: 2px solid;}.whatsapp-green{color:#31aa45 !important;background:#eefbf1;border: 2px solid;}.cta-contact span:not(.contact-icon){font-weight:800;color:#263a58;display:block}.cta-contact strong{font-size:17px;color:#071735}
.site-footer{background:#fff;padding:55px 0 20px;border-top:1px solid #eaf2fb}.footer-grid{display:grid;grid-template-columns:1.35fr .85fr 1.25fr 1.05fr 1.45fr;gap:40px;align-items:start}.footer-logo{width:160px}.footer-about p{color:#34455d}.socials{display:flex;gap:16px;margin-top:22px}.socials a{width:28px;height:28px;color:var(--blue);font-weight:900;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:20px}.footer-col h4{text-transform:uppercase;color:var(--blue);letter-spacing:1px;margin:0 0 16px;font-size:14px}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col li{margin:9px 0;color:#34455d}.footer-col a:hover{color:var(--blue)}.contact-list li{display:flex;gap:12px;align-items:flex-start}.contact-list svg{color:var(--blue);margin-top:5px;min-width:18px}.footer-bottom{border-top:1px solid #e2edf8;margin-top:36px;padding-top:20px;display:flex;justify-content:center;gap:22px;flex-wrap:wrap;color:#657188}.footer-bottom a:hover{color:var(--blue)}
.page-hero{padding:80px 0;background:#eef9ff;text-align:center}.page-hero h1{font-family:var(--serif);font-size:54px;margin:0;color:var(--dark)}.content-section{padding:70px 0}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.info-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:30px;box-shadow:var(--shadow)}.info-card h3{margin-top:0}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.blog-card{border:1px solid var(--border);border-radius:16px;padding:28px;background:#fff;box-shadow:var(--shadow)}.blog-card h2{font-family:var(--serif);margin:0 0 12px}.blog-meta{color:var(--blue);font-weight:800;font-size:13px;text-transform:uppercase}.pagination{display:flex;justify-content:center;gap:8px;margin-top:36px}.pagination span,.pagination a{padding:8px 13px;border-radius:7px;border:1px solid var(--border)}.pagination .current{background:var(--blue);color:#fff}.article{max-width:860px;margin:0 auto}.article h1{font-family:var(--serif);font-size:52px;line-height:1.08}.article p{font-size:19px;color:#283d58}
@media(max-width:1200px){.about-grid{grid-template-columns:minmax(280px,.95fr) minmax(0,1.1fr) minmax(250px,.75fr);gap:28px}.about-content h2{font-size:34px}.about-stat{padding:20px 18px}.about-stat b{font-size:21px}.main-nav ul{gap:14px}.logo img{width:150px}.main-nav a{font-size:13px}.header-actions{gap:10px}.phone{font-size:14px}.header-actions .btn{padding:12px 16px}.hero h1{font-size:58px}.footer-grid{grid-template-columns:1fr 1fr 1fr}}@media(max-width:991px){.mobile-toggle{display:block}.main-nav{display:none;position:absolute;top:92px;left:0;right:0;background:#fff;border-top:1px solid var(--border)}.main-nav.open{display:block}.main-nav ul{display:block}.main-nav li{border-bottom:1px solid #eef5fc}.main-nav a{display:block;padding:14px 24px}.header-actions .btn{display:none}.logo img{width:150px}.hero{min-height:auto;background-position:80% center;background-size:auto 100%}.hero h1{font-size:46px;max-width:520px}.hero-content{padding:70px 0;max-width:560px}.feature-container{grid-template-columns:repeat(2,1fr)}.feature-item{justify-content:flex-start}.about-grid,.partner-brand-grid{grid-template-columns:1fr}.about-stats{display:grid;grid-template-columns:repeat(2,1fr)}.about-stat{border-right:1px solid var(--border)}.product-grid{grid-template-columns:repeat(2,1fr)}.ingredients-grid,.process-grid{grid-template-columns:repeat(3,1fr)}.testimonial-grid,.blog-grid,.card-grid{grid-template-columns:1fr}.process-step:not(:last-child)::after{display:none}.footer-grid{grid-template-columns:1fr 1fr}.cta-wrapper{align-items:flex-start;flex-direction:column}.cta-right{flex-direction:column;gap:20px}}@media(max-width:600px){.container{padding:0 18px}.header-inner{height:82px}.main-nav{top:82px}.hero{background-image:linear-gradient(90deg,rgba(240,250,255,.96),rgba(240,250,255,.88)),url('../images/hero-bg.png');background-position:75% center;background-size:auto 100%}.hero h1{font-size:40px;max-width:100%}.hero p:not(.eyebrow){font-size:17px}.feature-container,.product-grid,.ingredients-grid,.process-grid,.about-stats,.footer-grid{grid-template-columns:1fr}.feature-item{min-height:auto}.section{padding:56px 0}.section-heading h2{font-size:34px}.brand-card h2,.about-content h2{font-size:34px}.cta-left h2{font-size:30px}.cta-buttons{flex-direction:column}.footer-bottom{justify-content:flex-start}.product-card img{height:190px}.product-card-content{min-height:auto}}


/* === V4 FIX: visible feature icons + professional left/right margins === */
.container{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px;}
.site-header .container{max-width:1220px;}
.feature-strip{padding:0 28px;background:#fff;}
.feature-container{max-width:1180px;margin:0 auto;padding:0;box-shadow:0 14px 34px rgba(16,88,160,.06);}
.feature-item{min-height:106px;padding:18px 18px;gap:14px;justify-content:center;background:#fff;}
.feature-icon{width:50px;height:50px;border:2px solid #d9eeff;background:#fff;color:#0d73df;box-shadow:0 6px 14px rgba(13,115,223,.05);}
.feature-icon svg{display:block!important;width:27px!important;height:27px!important;stroke:#0d73df!important;stroke-width:2.15!important;fill:none!important;opacity:1!important;visibility:visible!important;}
.feature-item strong{font-size:14px;line-height:1.3;max-width:150px;}
.about-section-wrap{padding-top:76px;padding-bottom:76px;}
.about-grid{max-width:1180px;margin:0 auto;padding-left:28px;padding-right:28px;grid-template-columns:minmax(320px,0.95fr) minmax(420px,1.15fr) minmax(250px,.72fr);gap:42px;align-items:center;overflow:hidden;}
.about-content{min-width:0;max-width:100%;}
.about-content h2{font-size:40px;line-height:1.14;max-width:100%;white-space:normal;overflow-wrap:break-word;}
.about-content p{max-width:100%;overflow-wrap:break-word;}
.about-stats{max-width:280px;justify-self:end;}
.about-stat .circle-icon svg{display:block!important;stroke:#0d73df!important;stroke-width:2.1!important;}
@media(max-width:1200px){
  .container,.feature-container,.about-grid{max-width:calc(100% - 48px);padding-left:24px;padding-right:24px;}
  .feature-strip{padding-left:24px;padding-right:24px;}
  .feature-item strong{font-size:13px;max-width:135px;}
  .about-grid{grid-template-columns:minmax(270px,.9fr) minmax(360px,1.05fr) minmax(230px,.75fr);gap:30px;}
}
@media(max-width:991px){
  .feature-container{grid-template-columns:repeat(2,1fr);max-width:calc(100% - 36px);}
  .feature-item{justify-content:flex-start;}
  .about-grid{grid-template-columns:1fr;max-width:720px;overflow:visible;}
  .about-stats{max-width:none;justify-self:stretch;}
}
@media(max-width:600px){
  .container,.feature-container,.about-grid{max-width:100%;padding-left:18px;padding-right:18px;}
  .feature-strip{padding-left:0;padding-right:0;}
  .feature-container{grid-template-columns:1fr;box-shadow:none;}
  .feature-item{border-left:0;border-right:0;}
}


/* =====================================================
   V6 HERO ONLY FINAL FIX
   - Text stays only on left
   - Product image stays only on right
   - No text overlap on product background
   - Other sections untouched
===================================================== */
.hero{
  position:relative!important;
  min-height:660px!important;
  background:#eef9ff!important;
  background-image:none!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
}
.hero::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:56%;
  background-image:url('../images/hero-bg.png');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center right;
  z-index:0;
}
.hero::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  width:58%;
  background:linear-gradient(90deg,rgba(240,250,255,1) 0%,rgba(240,250,255,1) 72%,rgba(240,250,255,.72) 88%,rgba(240,250,255,0) 100%);
  z-index:1;
  pointer-events:none;
}
.hero .container{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:28px!important;
  padding-right:28px!important;
}
.hero-content{
  width:44%!important;
  max-width:520px!important;
  padding:86px 0!important;
  position:relative!important;
  z-index:3!important;
}
.hero h1{
  font-size:62px!important;
  line-height:.98!important;
  max-width:520px!important;
  margin:0 0 25px!important;
}
.hero p:not(.eyebrow){
  max-width:510px!important;
}
@media(max-width:1200px){
  .hero::after{width:54%;background-size:cover;background-position:center right;}
  .hero::before{width:62%;}
  .hero-content{width:46%!important;max-width:500px!important;}
  .hero h1{font-size:56px!important;max-width:500px!important;}
}
@media(max-width:991px){
  .hero{min-height:auto!important;}
  .hero::after{width:100%;opacity:.18;background-position:center right;}
  .hero::before{width:100%;background:rgba(240,250,255,.92);}
  .hero-content{width:100%!important;max-width:560px!important;padding:70px 0!important;}
  .hero h1{font-size:46px!important;max-width:560px!important;}
}
@media(max-width:600px){
  .hero .container{padding-left:18px!important;padding-right:18px!important;}
  .hero h1{font-size:40px!important;}
  .hero p:not(.eyebrow){font-size:17px!important;}
}

/* === FINAL LOCKED UPDATES: keep approved hero layout, add slider safely === */
.hero.hero-slider::after{background-image:var(--hero-bg)!important;transition:opacity .45s ease, background-image .45s ease;}
.hero-slide-dots{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:5;display:flex;gap:8px;}
.hero-slide-dots button{width:9px;height:9px;border-radius:50%;border:0;background:#b8d7f6;padding:0;cursor:pointer;}
.hero-slide-dots button.active{background:var(--blue);width:24px;border-radius:99px;}
.ingredient-title{font-size:38px!important;line-height:1.12;margin:0 0 28px;color:var(--dark);}
.process .section-heading h2{font-family:var(--serif);font-size:42px;line-height:1.12;margin:0;color:var(--dark);}
.testimonial-carousel{position:relative;overflow:hidden;}
.testimonial-grid{transition:transform .35s ease;}
.testimonial-card{min-height:320px;}
.product-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;}
.product-detail-img{border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);overflow:hidden;background:#fff;}
.product-detail-img img{width:100%;height:420px;object-fit:cover;display:block;}
.product-detail-content h2{font-family:var(--serif);font-size:46px;line-height:1.1;margin:0 0 16px;}
.product-detail-content p{font-size:18px;color:#34455d;}
.product-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;}
.product-benefits span{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:#fff;font-weight:800;color:#1c2b4a;}
.products-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.products-page-grid .product-card img{height:230px;}
.about-page-intro h2{font-family:var(--serif);font-size:54px;line-height:1.08;margin:0 0 20px;color:var(--dark);}
.about-page-intro p{font-size:19px;color:#34455d;max-width:900px;}
@media(max-width:991px){.product-detail-layout,.products-page-grid{grid-template-columns:1fr}.ingredient-title,.process .section-heading h2{font-size:34px!important}.product-detail-content h2,.about-page-intro h2{font-size:38px}.product-benefits{grid-template-columns:1fr}}

/* === V9 FINAL: keep approved hero, real carousel, professional pages === */
.hero.hero-slider .hero-content{transition:opacity .28s ease;}
.hero.hero-slider .hero-desc{min-height:56px;}
.hero-slide-dots{bottom:26px!important;}
.hero-slide-dots button{box-shadow:0 3px 10px rgba(13,115,223,.12);}

.testimonial-carousel{overflow:hidden;position:relative;margin-top:10px;}
.testimonial-track{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;transition:transform .45s ease;will-change:transform;}
.testimonials .dots span{display:inline-block;width:9px;height:9px;border-radius:99px;background:#bddcf8;margin:0 4px;transition:.25s;}
.testimonials .dots span.active,.testimonials .dots span:first-child{background:var(--blue);width:24px;}
.process .section-heading h2{font-size:46px!important;font-weight:700!important;letter-spacing:-.4px;}
.process-grid{margin-top:34px;}
.process-step .circle-icon{min-width:62px;min-height:62px;}

.page-hero{background:#eef9ff;padding:88px 0 72px;text-align:center;border-bottom:1px solid var(--border);}
.page-hero h1{font-family:var(--serif);font-size:58px;line-height:1.06;margin:8px 0 14px;color:var(--dark);font-weight:700;}
.page-hero p{max-width:760px;margin:0 auto;color:#3c4e68;font-size:19px;}
.content-section{padding:78px 0;}
.page-content{font-size:18px;color:#34455d;}
.about-page-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:48px;align-items:center;}
.about-page-intro h2{font-family:var(--serif);font-size:54px;line-height:1.08;margin:0 0 22px;color:var(--dark);font-weight:700;}
.about-page-intro p{font-size:18px;color:#34455d;max-width:850px;}
.about-page-card{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:34px;}
.about-page-card h3{font-family:var(--serif);font-size:30px;margin:0 0 18px;color:var(--dark);}
.products-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.products-page-grid .product-card{height:100%;}
.products-page-grid .product-card a{display:block;height:100%;}
.products-page-grid .product-card img{height:240px;width:100%;object-fit:cover;object-position:center;display:block;}
.products-page-grid .product-card-content{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}
.product-link{margin-top:auto;color:var(--blue);font-weight:800;}
.product-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;}
.product-detail-img{border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;background:#fff;}
.product-detail-img img{width:100%;height:430px;object-fit:cover;display:block;}
.product-detail-content h2{font-family:var(--serif);font-size:48px;line-height:1.08;margin:0 0 18px;color:var(--dark);}
.product-detail-content p{font-size:18px;color:#34455d;}
.product-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;}
.product-benefits span{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:#fff;font-weight:800;color:#1c2b4a;}
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}
.blog-card{border:1px solid var(--border);border-radius:18px;padding:30px;background:#fff;box-shadow:var(--shadow);}
.blog-card h2{font-family:var(--serif);font-size:30px;line-height:1.16;margin:8px 0 14px;}
.blog-meta{color:var(--blue);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.5px;}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:38px;}
.pagination span,.pagination a{padding:9px 14px;border-radius:8px;border:1px solid var(--border);background:#fff;}
.pagination .current{background:var(--blue);color:#fff;border-color:var(--blue);}
.article{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:22px;padding:44px;box-shadow:var(--shadow);}
.article p{font-size:18px;color:#34455d;}
@media(max-width:991px){
  .products-page-grid,.blog-grid,.about-page-grid,.product-detail-layout{grid-template-columns:1fr;}
  .page-hero h1{font-size:44px;}
  .about-page-intro h2,.product-detail-content h2{font-size:38px;}
  .process .section-heading h2{font-size:38px!important;}
  .product-benefits{grid-template-columns:1fr;}
}
@media(max-width:767px){
  .testimonial-carousel{overflow:hidden;}
  .testimonial-track{display:flex;gap:0;}
  .testimonial-track .testimonial-card{min-width:100%;}
  .article{padding:28px 22px;}
}
@media(max-width:600px){
  .page-hero{padding:62px 0 52px;}
  .page-hero h1{font-size:36px;}
  .content-section{padding:56px 0;}
}


/* === V10 fixes: SEO slugs, changed hero carousel images, testimonial carousel, about vision/mission === */
.hero.hero-slider::after{background-image:var(--hero-bg)!important;}
.testimonial-carousel{overflow:hidden;}
.testimonial-track{display:flex!important;gap:0!important;transition:transform .45s ease;will-change:transform;}
.testimonial-track .testimonial-card{flex:0 0 calc((100% - 52px)/3);margin-right:26px;box-sizing:border-box;}
.testimonial-track .testimonial-card:nth-child(3n){margin-right:26px;}
.vision-mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:44px;}
.vm-card{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:34px;}
.vm-card .circle-icon{margin-bottom:18px;}
.vm-card h3{font-family:var(--serif);font-size:32px;line-height:1.08;margin:0 0 12px;color:var(--dark);}
.vm-card p{font-size:17px;line-height:1.7;color:#34455d;margin:0;}
.products-page-grid .product-card a{display:block;color:inherit;text-decoration:none;height:100%;}
.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
@media(max-width:991px){.vision-mission-grid,.blog-grid{grid-template-columns:1fr}.testimonial-track .testimonial-card{flex:0 0 calc((100% - 26px)/2);}}
@media(max-width:767px){.testimonial-track .testimonial-card{flex:0 0 100%;margin-right:0}.testimonial-track .testimonial-card:nth-child(3n){margin-right:0}}

/* === V11 updates: professional services, contact form/map, blog fallback, equal hero carousel height === */
.hero.hero-slider{min-height:660px!important;height:660px!important;}
.hero.hero-slider::after{height:100%!important;background-size:cover!important;background-position:center right!important;}
.hero.hero-slider .container{height:100%;display:flex;align-items:center;}
.hero.hero-slider .hero-content{padding:0!important;}
@media(max-width:991px){.hero.hero-slider{height:auto!important;min-height:560px!important}.hero.hero-slider .container{height:auto}.hero.hero-slider .hero-content{padding:70px 0!important}}

.services-page .services-intro{max-width:850px;margin:0 auto 42px;text-align:center}.services-page .services-intro h2{font-family:var(--serif);font-size:48px;line-height:1.08;margin:0 0 16px;color:var(--dark)}.services-page .services-intro p{font-size:18px;color:#34455d}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.service-card{border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:var(--shadow);padding:30px;transition:.25s}.service-card:hover{transform:translateY(-5px)}.service-card .circle-icon{margin-bottom:18px}.service-card h3{font-family:var(--serif);font-size:28px;line-height:1.12;margin:0 0 12px;color:var(--dark)}.service-card p{color:#34455d;margin:0 0 18px}.service-card a{color:var(--blue);font-weight:900}.service-process-box{margin-top:42px;border-radius:22px;background:#eef9ff;border:1px solid var(--border);padding:34px}.service-process-box h2{font-family:var(--serif);font-size:36px;margin:0 0 22px}.service-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-process-grid span{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 16px;font-weight:800;color:#1d3554}

.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:start}.contact-form-card,.contact-info-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:34px}.contact-form-card h2{font-family:var(--serif);font-size:42px;line-height:1.08;margin:0 0 24px;color:var(--dark)}.medix-contact-form{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.medix-contact-form input,.medix-contact-form select,.medix-contact-form textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:14px 16px;font:inherit;color:#243957;background:#fbfdff;outline:none}.medix-contact-form input:focus,.medix-contact-form select:focus,.medix-contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(13,115,223,.08)}.medix-contact-form button{cursor:pointer;justify-self:start}.form-note{font-size:13px;color:#637089;margin:14px 0 0}.contact-info-card h3{font-family:var(--serif);font-size:34px;margin:0 0 22px}.contact-info-item{display:flex;gap:16px;align-items:flex-start;border-bottom:1px solid var(--border);padding:18px 0}.contact-info-item:first-of-type{padding-top:0}.contact-info-item:last-child{border-bottom:0}.contact-info-item .circle-icon{width:48px;height:48px}.contact-info-item p{margin:0;color:#34455d;font-weight:700}.map-wrap{margin-top:34px}.map-wrap iframe{width:100%;height:360px;border:0;border-radius:24px;box-shadow:var(--shadow);display:block}

.blog-card{min-height:250px;display:flex;flex-direction:column}.blog-card .btn{margin-top:auto;align-self:flex-start}.single .article h2,.article h2{font-family:var(--serif);font-size:34px;color:var(--dark)}

@media(max-width:991px){.services-grid,.service-process-grid,.contact-layout{grid-template-columns:1fr}.services-page .services-intro h2,.contact-form-card h2{font-size:38px}.form-row{grid-template-columns:1fr}}
@media(max-width:600px){.services-grid{gap:18px}.contact-form-card,.contact-info-card,.service-card{padding:24px}.map-wrap iframe{height:300px}}

/* === V13 fixes: blog list visible on static Blog page, contact details, professional blog cards === */
.blog-page-section{background:#fff;}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;}
.blog-card{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:28px;min-height:260px;display:flex;flex-direction:column;}
.blog-card h2{font-family:var(--serif);font-size:30px;line-height:1.15;margin:8px 0 14px;color:var(--dark);}
.blog-card p{color:#34455d;margin:0 0 18px;}
.blog-card .blog-meta{font-weight:900;text-transform:uppercase;letter-spacing:1.2px;font-size:12px;color:var(--blue);margin-bottom:6px;}
.blog-card .blog-thumb{display:block;margin:-28px -28px 18px;max-height:220px;overflow:hidden;border-radius:22px 22px 0 0;background:#eef9ff;}
.blog-card .blog-thumb img{width:100%;height:220px;object-fit:cover;display:block;}
.blog-card .btn{margin-top:auto;align-self:flex-start;}
@media(max-width:767px){.blog-grid{grid-template-columns:1fr}.blog-card h2{font-size:26px}}

/* === V14 professional blog detail page === */
.blog-detail-hero{padding:86px 0 78px;background:#eef9ff;text-align:center}
.blog-detail-hero h1{max-width:960px;margin:10px auto 12px;font-size:58px;line-height:1.08}
.blog-detail-hero p{font-size:17px;color:#34455d;margin:0}
.single-blog-section{background:#fff;padding:72px 0}
.single-blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:42px;align-items:start}
.single-featured-image{border-radius:24px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);background:#eef9ff;margin-bottom:30px}
.single-featured-image img{width:100%;height:430px;object-fit:cover;display:block}
.single-blog-article{background:#fff;border:1px solid var(--border);border-radius:24px;padding:42px;box-shadow:var(--shadow)}
.single-meta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.single-meta span{background:#eef9ff;color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.7px;font-size:12px;padding:8px 12px;border-radius:999px}
.single-blog-article h2{font-family:var(--serif);font-size:44px;line-height:1.1;margin:0 0 22px;color:var(--dark)}
.single-blog-article .entry-content p{font-size:18px;line-height:1.8;color:#34455d;margin:0 0 18px}
.single-blog-article .entry-content h2,.single-blog-article .entry-content h3{font-family:var(--serif);color:var(--dark);margin:30px 0 14px}
.single-cta-box{margin-top:34px;background:#eef9ff;border:1px solid var(--border);border-radius:20px;padding:28px}
.single-cta-box h3{font-family:var(--serif);font-size:30px;margin:0 0 8px;color:var(--dark)}
.single-cta-box p{margin:0 0 18px;color:#34455d}
.single-blog-sidebar{position:sticky;top:110px;display:flex;flex-direction:column;gap:24px}
.sidebar-widget{background:#fff;border:1px solid var(--border);border-radius:22px;padding:26px;box-shadow:var(--shadow)}
.sidebar-widget h3{font-family:var(--serif);font-size:28px;line-height:1.1;margin:0 0 18px;color:var(--dark)}
.sidebar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.sidebar-list li a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#263a57;font-weight:800;background:#f6fbff;border:1px solid #e0f0ff;border-radius:12px;padding:11px 14px;transition:.2s}
.sidebar-list li a:hover{color:var(--blue);transform:translateX(3px)}
.sidebar-post{display:grid;grid-template-columns:82px 1fr;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #eef5fc}
.sidebar-post:last-child{border-bottom:none;padding-bottom:0}
.sidebar-post-img{display:block;border-radius:14px;overflow:hidden;background:#eef9ff}
.sidebar-post-img img{width:82px;height:72px;object-fit:cover;display:block}
.sidebar-post p{margin:0 0 4px;color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase}
.sidebar-post h4{font-size:15px;line-height:1.3;margin:0}
.sidebar-post h4 a{text-decoration:none;color:var(--dark)}
.sidebar-post h4 a:hover{color:var(--blue)}
.sidebar-quote{background:linear-gradient(135deg,#eef9ff,#fff)}
.recent-after-post{margin-top:42px}
.section-heading.compact{text-align:left;margin-bottom:22px}
.section-heading.compact h2{font-size:40px;margin:6px 0 0}
.recent-blog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.mini-post-card{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(13,57,104,.06)}
.mini-post-thumb{display:block;background:#eef9ff}
.mini-post-thumb img{width:100%;height:118px;object-fit:cover;display:block}
.mini-post-card>div{padding:14px}
.mini-post-card h3{font-size:15px;line-height:1.35;margin:4px 0 0}
.mini-post-card h3 a{text-decoration:none;color:var(--dark)}
.mini-post-card h3 a:hover{color:var(--blue)}
@media(max-width:1100px){.single-blog-layout{grid-template-columns:1fr}.single-blog-sidebar{position:static}.recent-blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.blog-detail-hero h1{font-size:38px}.single-blog-article{padding:26px 20px}.single-blog-article h2{font-size:32px}.single-featured-image img{height:260px}.recent-blog-grid{grid-template-columns:1fr}}

/* V15 updates: centered section titles + product hierarchy pages */
.ingredients-section .section-heading.compact,
.process .section-heading.compact {
  text-align: center !important;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.ingredients-section .section-heading.compact h2,
.process .section-heading.compact h2,
.ingredient-title {
  text-align: center !important;
  display: block;
  width: 100%;
}
.ingredients-section .mini-line,
.process .mini-line {
  margin-left: auto !important;
  margin-right: auto !important;
}
.category-page-grid {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
.category-card img { height: 230px; object-fit: cover; }
.products-page-grid .product-card a { color: inherit; text-decoration: none; display: block; height: 100%; }
.product-card-content h3 { min-height: 0; }
.product-detail-content .eyebrow { color: var(--blue); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
@media(max-width:991px){.category-page-grid{max-width:100%;}}


/* =====================================================
   V16 MOBILE FRIENDLY FINAL FIXES
   - Hero background remains visible on mobile
   - No content/image overlap
   - Consistent left/right margins across all pages
   - Responsive cards, grids, footer, process and CTA
===================================================== */
html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
body { -webkit-text-size-adjust: 100%; }
.container,
.site-header .container,
.hero .container,
.about-grid,
.feature-container {
  width: 100%;
  max-width: 1180px;
  margin-left: auto !important;
  margin-right: auto !important;
}
img, svg, iframe { max-width: 100%; }

/* Keep desktop hero exactly controlled */
.hero.hero-slider {
  min-height: 660px !important;
  height: auto !important;
}
.hero.hero-slider::after {
  background-image: var(--hero-bg) !important;
  background-repeat: no-repeat !important;
  background-position: center right !important;
  background-size: cover !important;
}
.hero.hero-slider .hero-content {
  width: 44% !important;
  max-width: 520px !important;
}

/* Tablet */
@media (max-width: 991px) {
  .container,
  .site-header .container,
  .hero .container,
  .about-grid,
  .feature-container {
    max-width: 100% !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .header-inner { height: 82px; }
  .main-nav { top: 82px !important; }
  .header-actions .phone { display: none; }

  .hero.hero-slider {
    min-height: 640px !important;
    align-items: flex-start !important;
    background: #eef9ff !important;
  }
  .hero.hero-slider::before {
    width: 100% !important;
    background: linear-gradient(180deg,
      rgba(240,250,255,.98) 0%,
      rgba(240,250,255,.94) 48%,
      rgba(240,250,255,.70) 66%,
      rgba(240,250,255,.15) 100%) !important;
    z-index: 1 !important;
  }
  .hero.hero-slider::after {
    width: 100% !important;
    opacity: .52 !important;
    background-size: 105% auto !important;
    background-position: right bottom !important;
    z-index: 0 !important;
  }
  .hero.hero-slider .container {
    min-height: 640px !important;
    height: auto !important;
    align-items: flex-start !important;
  }
  .hero.hero-slider .hero-content {
    width: 100% !important;
    max-width: 620px !important;
    padding: 74px 0 230px !important;
  }
  .hero h1 {
    font-size: 48px !important;
    line-height: 1.02 !important;
    max-width: 620px !important;
  }
  .hero p:not(.eyebrow) {
    max-width: 560px !important;
  }

  .feature-strip { padding-left: 0 !important; padding-right: 0 !important; }
  .feature-container { grid-template-columns: repeat(2, minmax(0,1fr)) !important; box-shadow: none !important; }
  .feature-item { justify-content: flex-start !important; border-right: 1px solid var(--border); }

  .about-grid { grid-template-columns: 1fr !important; gap: 26px !important; overflow: visible !important; }
  .about-stats { max-width: 100% !important; justify-self: stretch !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; }

  .partner-brand-grid,
  .contact-layout,
  .about-page-grid,
  .product-detail-layout,
  .single-blog-layout { grid-template-columns: 1fr !important; }
  .products-page-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .product-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .ingredients-grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
  .process-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 24px !important; }
  .process-step { grid-template-columns: 62px 1fr !important; }
  .process-step::after { display: none !important; }
  .testimonial-track .testimonial-card { flex: 0 0 100% !important; margin-right: 0 !important; }

  .brand-card,
  .cta-section {
    background-position: center right !important;
  }
  .cta-wrapper,
  .cta-right { flex-direction: column !important; align-items: flex-start !important; }
  .footer-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}

/* Mobile */
@media (max-width: 600px) {
  .container,
  .site-header .container,
  .hero .container,
  .about-grid,
  .feature-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .logo img { width: 132px !important; }
  .mobile-toggle { font-size: 28px !important; }

  .hero.hero-slider {
    min-height: 690px !important;
  }
  .hero.hero-slider .container {
    min-height: 690px !important;
  }
  .hero.hero-slider .hero-content {
    padding: 56px 0 255px !important;
    max-width: 100% !important;
  }
  .hero.hero-slider::after {
    opacity: .62 !important;
    background-size: 128% auto !important;
    background-position: 72% 100% !important;
  }
  .hero.hero-slider::before {
    background: linear-gradient(180deg,
      rgba(240,250,255,1) 0%,
      rgba(240,250,255,.96) 45%,
      rgba(240,250,255,.70) 67%,
      rgba(240,250,255,.10) 100%) !important;
  }
  .hero h1 {
    font-size: 38px !important;
    line-height: 1.05 !important;
    letter-spacing: -0.5px !important;
  }
  .hero p.eyebrow {
    font-size: 12px !important;
    letter-spacing: 1.4px !important;
    margin-bottom: 16px !important;
  }
  .hero p:not(.eyebrow) {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
  .hero-actions { flex-direction: column !important; align-items: stretch !important; gap: 12px !important; }
  .hero-actions .btn { width: 100%; }
  .hero-slide-dots { bottom: 16px !important; }

  .section, .about-section-wrap, .content-section { padding-top: 54px !important; padding-bottom: 54px !important; }
  .section-heading h2,
  .ingredient-title,
  .process .section-heading h2 { font-size: 32px !important; line-height: 1.15 !important; }

  .feature-container,
  .product-grid,
  .products-page-grid,
  .ingredients-grid,
  .process-grid,
  .about-stats,
  .blog-grid,
  .card-grid,
  .footer-grid,
  .why-grid,
  .vision-mission-grid,
  .service-process-grid,
  .recent-blog-grid {
    grid-template-columns: 1fr !important;
  }
  .feature-item { border-left: 0 !important; border-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }

  .about-content h2,
  .brand-card h2,
  .cta-left h2,
  .about-page-intro h2,
  .product-detail-content h2,
  .services-page .services-intro h2,
  .contact-form-card h2 { font-size: 32px !important; line-height: 1.15 !important; }
  .about-content p, .brand-card p, .page-hero p { font-size: 16px !important; }
  .about-stats { display: grid !important; }
  .about-stat { border-right: 0 !important; }

  .product-card img, .products-page-grid .product-card img { height: 210px !important; }
  .product-detail-img img, .single-featured-image img { height: 260px !important; }
  .ingredient-item img { width: 78px !important; height: 78px !important; }

  .brand-card,
  .cta-section {
    padding: 28px 20px !important;
    background-image: linear-gradient(90deg,rgba(234,247,255,.96),rgba(234,247,255,.78)), var(--mobile-bg, none) !important;
  }
  .cta-buttons { flex-direction: column !important; width: 100%; }
  .cta-buttons .btn { width: 100%; }
  .cta-right { gap: 18px !important; }
  .cta-contact { align-items: flex-start !important; }

  .page-hero { padding: 54px 0 !important; }
  .page-hero h1 { font-size: 36px !important; }
  .single-blog-article, .article, .contact-form-card, .contact-info-card, .service-card, .vm-card { padding: 24px 18px !important; }
}

/* =====================================================
   V17 MOBILE LAYOUT + BACKGROUND FINAL FIXES
   Requested fixes:
   - Restore mobile backgrounds for hero, start-brand and CTA
   - Keep feature strip and Why Partner items 2 per row on mobile
   - Cleaner mobile menu/header with phone in menu
   - Better global side margins on mobile
   - Professional About page spacing
   - Floating WhatsApp button on all pages
===================================================== */

/* Floating WhatsApp */
.floating-whatsapp{
  position:fixed;
  right:18px;
  bottom:20px;
  width:58px;
  height:58px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e9fff1;
  color:#28a745;
  border:2px solid rgba(40,167,69,.22);
  box-shadow:0 14px 34px rgba(6,56,30,.18);
  z-index:9999;
  transition:.25s ease;
}
.floating-whatsapp:hover{transform:translateY(-3px);background:#dffbea;}
.floating-whatsapp svg{width:32px;height:32px;stroke-width:2.2;}

/* Desktop/tablet polish */
.mobile-nav-phone{display:none;}
.brand-card{--mobile-bg:url('../images/brand-bg.png');}
.cta-section{--mobile-bg:url('../images/cta-bg.png');}

/* About page spacing/professional layout */
.about-page-grid,
.content-section .about-page-grid{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}
.about-page-intro{min-width:0;}
.about-page-intro h2{max-width:920px;}
.about-page-intro p{max-width:860px;}

@media(max-width:991px){
  .header-inner{
    justify-content:space-between!important;
    gap:14px!important;
  }
  .mobile-toggle{
    margin-left:auto!important;
    width:48px!important;
    height:48px!important;
    border:2px solid var(--blue)!important;
    border-radius:8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:0!important;
    line-height:1!important;
    padding:0!important;
    background:#fff!important;
    color:var(--blue)!important;
  }
  .mobile-toggle:before{
    content:'☰';
    font-size:28px;
    font-weight:900;
    line-height:1;
  }
  .main-nav{
    box-shadow:0 18px 35px rgba(7,23,53,.08);
  }
  .main-nav.open{display:block!important;}
  .main-nav ul{padding:8px 0!important;}
  .main-nav a{padding:15px 22px!important;font-size:14px!important;}
  .mobile-nav-phone{display:block!important;background:#f3fbff;}
  .mobile-nav-phone a{color:var(--blue)!important;font-weight:900!important;}

  /* Keep site margins professional on tablet */
  .container,.feature-container,.about-grid{
    padding-left:22px!important;
    padding-right:22px!important;
  }

  /* Feature items two per row on tablet */
  .feature-container{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:100%!important;
  }

  /* Why Partner items two per row on tablet */
  .why-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:28px 22px!important;
  }

  .about-page-grid{
    max-width:100%!important;
    padding-left:22px!important;
    padding-right:22px!important;
    gap:30px!important;
  }
}

@media(max-width:600px){
  /* Global margins */
  .container,.site-header .container,.hero .container,.feature-container,.about-grid{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  /* Header: logo left + menu button right, no awkward centered layout */
  .site-header{overflow:visible!important;}
  .header-inner{
    height:86px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .logo img{width:142px!important;}
  .header-actions{display:none!important;}
  .mobile-toggle{width:46px!important;height:46px!important;}
  .main-nav{top:86px!important;left:0!important;right:0!important;}

  /* Hero mobile: product image visible at bottom/right, content readable above */
  .hero.hero-slider,
  .hero{
    min-height:720px!important;
    background:#eef9ff!important;
  }
  .hero.hero-slider::before,
  .hero::before{
    width:100%!important;
    background:linear-gradient(180deg,
      rgba(240,250,255,1) 0%,
      rgba(240,250,255,.98) 45%,
      rgba(240,250,255,.78) 62%,
      rgba(240,250,255,.22) 100%)!important;
    z-index:1!important;
  }
  .hero.hero-slider::after,
  .hero::after{
    width:100%!important;
    opacity:.72!important;
    background-size:132% auto!important;
    background-position:72% 100%!important;
    background-repeat:no-repeat!important;
    z-index:0!important;
  }
  .hero.hero-slider .container,
  .hero .container{
    min-height:720px!important;
    align-items:flex-start!important;
  }
  .hero-content,
  .hero.hero-slider .hero-content{
    width:100%!important;
    max-width:100%!important;
    padding:52px 0 270px!important;
  }
  .hero h1{font-size:38px!important;line-height:1.05!important;max-width:100%!important;}
  .hero p:not(.eyebrow){font-size:16px!important;line-height:1.55!important;max-width:100%!important;}

  /* Feature strip: two items per row, better spacing */
  .feature-strip{padding-left:0!important;padding-right:0!important;}
  .feature-container{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .feature-item{
    min-height:132px!important;
    padding:18px 10px!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    border-left:0!important;
    border-right:1px solid var(--border)!important;
    border-bottom:1px solid var(--border)!important;
  }
  .feature-item:nth-child(2n){border-right:0!important;}
  .feature-icon{width:56px!important;height:56px!important;}
  .feature-item strong{font-size:13px!important;line-height:1.25!important;max-width:140px!important;}

  /* Why Partner: two items per row on mobile with maintained margins */
  .why-card{padding:24px 16px!important;}
  .why-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px 14px!important;
  }
  .why-item{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:10px!important;
    font-size:14px!important;
    line-height:1.3!important;
  }
  .why-item .circle-icon{width:54px!important;height:54px!important;}

  /* Start Your Brand background restored on mobile */
  .brand-card{
    min-height:690px!important;
    background-image:linear-gradient(180deg,
      rgba(234,247,255,.98) 0%,
      rgba(234,247,255,.96) 50%,
      rgba(234,247,255,.70) 68%,
      rgba(234,247,255,.12) 100%), url('../images/brand-bg.png')!important;
    background-size:cover!important;
    background-position:78% 100%!important;
    background-repeat:no-repeat!important;
    padding:28px 18px 230px!important;
  }
  .brand-inner{max-width:100%!important;}

  /* CTA background restored on mobile */
  .cta-section{
    min-height:560px!important;
    background-image:linear-gradient(180deg,
      rgba(234,247,255,.98) 0%,
      rgba(234,247,255,.94) 50%,
      rgba(234,247,255,.60) 72%,
      rgba(234,247,255,.10) 100%), url('../images/cta-bg.png')!important;
    background-size:cover!important;
    background-position:80% 100%!important;
    background-repeat:no-repeat!important;
    padding:48px 0 180px!important;
  }
  .cta-wrapper{gap:26px!important;}
  .cta-right{display:grid!important;grid-template-columns:1fr!important;width:100%!important;}
  .cta-contact{gap:14px!important;}

  /* About page spacing */
  .about-page-grid{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .about-page-intro h2{font-size:36px!important;line-height:1.08!important;}
  .about-page-intro p{font-size:16px!important;line-height:1.7!important;}

  .floating-whatsapp{width:54px;height:54px;right:16px;bottom:16px;}
}

@media(max-width:380px){
  .hero h1{font-size:34px!important;}
  .feature-item strong,.why-item{font-size:12px!important;}
  .brand-card{padding-bottom:210px!important;}
}

/* =====================================================
   V18 MOBILE POLISH FIXES
   - Restore Start Brand/CTA mobile backgrounds closer to V15 reference
   - Keep 2-column mobile feature/why layouts with clean margins
   - Improve About page mobile spacing
   - Ensure floating WhatsApp button displays on all pages
   - Improve mobile hero background balance
===================================================== */
@media(max-width:600px){
  body{overflow-x:hidden!important;}
  .container,.site-header .container,.hero .container,.feature-container,.about-grid,.partner-brand-grid{
    width:100%!important;
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }

  /* Header: logo left, button right, phone inside menu */
  .header-inner{padding-left:16px!important;padding-right:16px!important;justify-content:space-between!important;}
  .logo img{width:145px!important;max-width:145px!important;}
  .mobile-toggle{margin-left:auto!important;right:0!important;}
  .main-nav{left:0!important;right:0!important;text-align:left!important;}

  /* Hero: keep same design but use safer mobile background size/position */
  .hero.hero-slider,.hero{
    min-height:700px!important;
    background:#eef9ff!important;
  }
  .hero.hero-slider::after,.hero::after{
    opacity:.70!important;
    background-size:auto 68%!important;
    background-position:100% 100%!important;
    background-repeat:no-repeat!important;
  }
  .hero.hero-slider::before,.hero::before{
    background:linear-gradient(180deg,
      rgba(240,250,255,1) 0%,
      rgba(240,250,255,.98) 52%,
      rgba(240,250,255,.72) 72%,
      rgba(240,250,255,.22) 100%)!important;
  }
  .hero-content,.hero.hero-slider .hero-content{
    padding:46px 0 250px!important;
  }

  /* Feature strip: exactly 2 items per row on mobile */
  .feature-strip{padding-left:0!important;padding-right:0!important;}
  .feature-container{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .feature-item{
    min-height:132px!important;
    padding:18px 8px!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
    border-bottom:1px solid var(--border)!important;
    border-right:1px solid var(--border)!important;
  }
  .feature-item:nth-child(2n){border-right:none!important;}
  .feature-icon{width:58px!important;height:58px!important;}
  .feature-item strong{font-size:13px!important;max-width:130px!important;}

  /* Why Partner: two items per row with stable margins */
  .partner-section .container{padding-left:16px!important;padding-right:16px!important;}
  .why-card{padding:24px 16px!important;border-radius:16px!important;}
  .why-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px 14px!important;
  }
  .why-item{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:10px!important;
    font-size:14px!important;
    line-height:1.35!important;
  }
  .why-item .circle-icon{width:54px!important;height:54px!important;}

  /* Start Brand: match V15-style mobile background, no huge product crop */
  .brand-card{
    min-height:760px!important;
    border-radius:18px!important;
    padding:30px 18px 250px!important;
    background-image:linear-gradient(180deg,
      rgba(234,247,255,.98) 0%,
      rgba(234,247,255,.96) 50%,
      rgba(234,247,255,.80) 68%,
      rgba(234,247,255,.36) 100%), url('../images/brand-bg.png')!important;
    background-size:auto 72%!important;
    background-position:100% 100%!important;
    background-repeat:no-repeat!important;
  }
  .brand-inner{max-width:100%!important;}
  .brand-card h2{font-size:34px!important;line-height:1.08!important;}
  .brand-card p{font-size:17px!important;line-height:1.65!important;}
  .check-list li{font-size:16px!important;line-height:1.45!important;}
  .brand-card .btn{width:auto!important;max-width:100%;}

  /* CTA: match V15-style mobile background, no extra image block */
  .cta-section{
    min-height:620px!important;
    padding:48px 0 230px!important;
    background-image:linear-gradient(180deg,
      rgba(234,247,255,.98) 0%,
      rgba(234,247,255,.95) 50%,
      rgba(234,247,255,.74) 72%,
      rgba(234,247,255,.28) 100%), url('../images/cta-bg.png')!important;
    background-size:auto 72%!important;
    background-position:100% 100%!important;
    background-repeat:no-repeat!important;
  }
  .cta-left h2{font-size:36px!important;line-height:1.08!important;}
  .cta-buttons .btn{width:100%!important;}
  .cta-right{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:20px!important;}

  /* About page mobile spacing */
  .about-page-grid,.content-section .about-page-grid{
    padding-left:16px!important;
    padding-right:16px!important;
    gap:28px!important;
  }
  .about-page-intro h2{font-size:36px!important;line-height:1.08!important;margin-bottom:18px!important;}
  .about-page-intro p{font-size:16px!important;line-height:1.7!important;margin-bottom:20px!important;}
  .vm-card{padding:24px 18px!important;}

  /* Floating WhatsApp */
  .floating-whatsapp{display:flex!important;width:54px!important;height:54px!important;right:16px!important;bottom:16px!important;}
}


/* =====================================================
   V19 EXACT MOBILE FIXES FROM USER NOTES
   - Start Your Own Skincare Brand mobile uses V15-style card/background
   - CTA mobile uses V15-style background and spacing
   - WhatsApp icons show inner phone mark
   - Feature strip and Why Partner stay 2 items per row with clean margins
   - Mobile header: logo left, menu button right, phone inside menu
===================================================== */
.floating-whatsapp svg,
.whatsapp-green svg{
/*   stroke:currentColor!important; */
  fill:none!important;
  stroke-width:2.1!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.floating-whatsapp{
  background:#eafbf1!important;
  color:#1eb14a!important;
  border:2px solid rgba(30,177,74,.28)!important;
}

@media(max-width:600px){
  html,body{overflow-x:hidden!important;width:100%!important;}
  .container{padding-left:16px!important;padding-right:16px!important;max-width:100%!important;}

  /* Mobile header should not look like open/close floating box */
  .site-header .container.header-inner{height:82px!important;padding-left:16px!important;padding-right:16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;}
  .logo img{width:150px!important;max-width:150px!important;display:block!important;}
  .mobile-toggle{display:flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;width:46px!important;height:46px!important;border:2px solid var(--blue)!important;border-radius:6px!important;background:#fff!important;color:var(--dark)!important;font-size:26px!important;line-height:1!important;}
  .main-nav{top:82px!important;left:0!important;right:0!important;box-shadow:0 18px 30px rgba(0,0,0,.07)!important;}
  .mobile-nav-phone{display:block!important;background:#eef9ff!important;}
  .mobile-nav-phone a{color:var(--blue)!important;font-weight:900!important;}

  /* Feature strip: 2 per row, balanced margins */
  .feature-container{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0!important;margin:0!important;width:100%!important;}
  .feature-item{min-height:125px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:16px 8px!important;border-left:0!important;border-bottom:1px solid var(--border)!important;border-right:1px solid var(--border)!important;}
  .feature-item:nth-child(2n){border-right:0!important;}
  .feature-item strong{font-size:13px!important;line-height:1.28!important;max-width:132px!important;}
  .feature-icon{width:54px!important;height:54px!important;margin-bottom:6px!important;}

  /* Why Partner With Us: 2 per row same as requested */
  .why-card{padding:24px 16px!important;border-radius:18px!important;}
  .why-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 14px!important;}
  .why-item{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;font-size:14px!important;line-height:1.34!important;}
  .why-item .circle-icon{width:54px!important;height:54px!important;}

  /* START YOUR BRAND: restore V15-like mobile result — soft full card bg, leaf visible, no huge bottle crop */
  .brand-card{
    min-height:auto!important;
    border-radius:18px!important;
    padding:30px 22px 32px!important;
    overflow:hidden!important;
    background-color:#eaf7ff!important;
    background-image:linear-gradient(90deg,rgba(234,247,255,.98) 0%,rgba(234,247,255,.96) 45%,rgba(234,247,255,.60) 70%,rgba(234,247,255,.20) 100%),url('../images/brand-bg.png')!important;
    background-size:cover!important;
    background-position:center right!important;
    background-repeat:no-repeat!important;
  }
  .brand-inner{max-width:100%!important;position:relative!important;z-index:2!important;}
  .brand-card .eyebrow{font-size:15px!important;letter-spacing:2px!important;margin-bottom:20px!important;}
  .brand-card h2{font-size:38px!important;line-height:1.05!important;margin-bottom:22px!important;max-width:380px!important;}
  .brand-card p{font-size:17px!important;line-height:1.68!important;max-width:520px!important;margin-bottom:22px!important;}
  .check-list{margin:20px 0 24px!important;}
  .check-list li{font-size:16px!important;line-height:1.5!important;margin:10px 0!important;}
  .brand-card .btn{width:auto!important;max-width:100%!important;padding:15px 22px!important;}

  /* CTA: restore V15-like mobile result — lab glass right/bottom, no blank/huge crop */
  .cta-section{
    min-height:auto!important;
    padding:46px 0 70px!important;
    background-color:#eaf7ff!important;
    background-image:linear-gradient(90deg,rgba(234,247,255,.97) 0%,rgba(234,247,255,.92) 55%,rgba(234,247,255,.55) 78%,rgba(234,247,255,.10) 100%),url('../images/cta-bg.png')!important;
    background-size:cover!important;
    background-position:center right!important;
    background-repeat:no-repeat!important;
  }
  .cta-wrapper{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:30px!important;}
  .cta-left h2{font-size:36px!important;line-height:1.08!important;margin-bottom:14px!important;}
  .cta-left p{font-size:17px!important;line-height:1.55!important;margin-bottom:22px!important;}
  .cta-buttons{display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important;}
  .cta-buttons .btn{width:100%!important;min-height:56px!important;}
  .cta-right{display:grid!important;grid-template-columns:1fr!important;gap:22px!important;width:100%!important;}
  .cta-contact{display:flex!important;align-items:center!important;gap:16px!important;}
  .contact-icon{width:58px!important;height:58px!important;min-width:58px!important;}
  .contact-icon svg{width:32px!important;height:32px!important;}

  /* About page spacing */
  .about-page-grid{padding-left:16px!important;padding-right:16px!important;gap:30px!important;}
  .about-page-intro h2{font-size:38px!important;line-height:1.08!important;margin-bottom:18px!important;}
  .about-page-intro p{font-size:16px!important;line-height:1.75!important;}
  .vm-card{padding:24px 18px!important;}

  .floating-whatsapp{display:flex!important;width:56px!important;height:56px!important;right:16px!important;bottom:16px!important;z-index:99999!important;}
  .floating-whatsapp svg{width:32px!important;height:32px!important;}
}

@media(max-width:390px){
  .brand-card h2{font-size:34px!important;}
  .cta-left h2{font-size:32px!important;}
}


/* =====================================================
   V20 FIXES: WhatsApp theme color, professional mobile menu icon,
   and About page mobile alignment/spacing
===================================================== */
.whatsapp-green svg {
/*   stroke: rgb(15 114 223) !important; */
  fill: none !important;
}
.floating-whatsapp {
  border: 2px solid rgb(15 114 223) !important;
  color: rgb(15 114 223) !important;
  background: #ffffff !important;
}
.floating-whatsapp:hover {
  background: #eef7ff !important;
}

.mobile-toggle span {
  display: block;
  width: 22px;
  height: 2px;
  background: rgb(15 114 223);
  border-radius: 99px;
  margin: 4px 0;
  transition: .2s ease;
}
.mobile-toggle:before { content: none !important; }

@media(max-width:991px){
  .mobile-toggle {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    margin-left: auto !important;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    border: 2px solid rgb(15 114 223) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 20px rgba(15,114,223,.10) !important;
    font-size: 0 !important;
    line-height: 1 !important;
  }
  .mobile-toggle:hover { background: #f3fbff !important; }
}

/* About Us page: consistent mobile card alignment */
.about-page-intro .container,
.content-section.about-page-intro .container {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.about-page-grid {
  align-items: stretch !important;
}
.about-page-card,
.vm-card {
  height: auto !important;
}

@media(max-width:767px){
  .content-section.about-page-intro {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .about-page-grid,
  .vision-mission-grid {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .about-page-grid > div,
  .about-page-card,
  .vm-card {
    width: 100% !important;
    max-width: 100% !important;
  }
  .about-page-card,
  .vm-card {
    border-radius: 20px !important;
    padding: 28px 22px !important;
    margin: 0 !important;
    border: 1px solid #d9eeff !important;
    box-shadow: 0 10px 28px rgba(28,98,178,.06) !important;
  }
  .about-page-card h3,
  .vm-card h3 {
    font-size: 34px !important;
    line-height: 1.1 !important;
    margin-bottom: 18px !important;
  }
  .about-page-card .check-list li,
  .vm-card p {
    font-size: 17px !important;
    line-height: 1.65 !important;
  }
  .vm-card .circle-icon {
    width: 64px !important;
    height: 64px !important;
    margin-bottom: 22px !important;
  }
}


/* =====================================================
   V21 FINAL SPACING FIXES
   - Fix left/right margins for Our Vision and Our Mission
   - Reduce mobile Hero section bottom padding
   - Keep all V20 layouts unchanged otherwise
===================================================== */
.vision-mission-grid{
  width:100% !important;
  max-width:1180px !important;
  margin:44px auto 0 !important;
  padding-left:24px !important;
  padding-right:24px !important;
  box-sizing:border-box !important;
}
.vision-mission-grid .vm-card{
  min-width:0 !important;
  width:100% !important;
}
@media(max-width:991px){
  .vision-mission-grid{
    max-width:720px !important;
    padding-left:22px !important;
    padding-right:22px !important;
    gap:24px !important;
  }
}
@media(max-width:600px){
  .vision-mission-grid{
    max-width:100% !important;
    padding-left:18px !important;
    padding-right:18px !important;
    margin-top:28px !important;
    gap:22px !important;
  }
  .vision-mission-grid .vm-card{
    padding:28px 22px !important;
    border-radius:20px !important;
    margin:0 !important;
  }

  /* Reduced bottom padding for mobile hero without changing design */
  .hero.hero-slider,
  .hero{
    min-height:640px !important;
  }
  .hero.hero-slider .container,
  .hero .container{
    min-height:640px !important;
  }
  .hero-content,
  .hero.hero-slider .hero-content{
    padding-top:42px !important;
    padding-bottom:185px !important;
  }
  .hero.hero-slider::after,
  .hero::after{
    background-size:auto 58% !important;
    background-position:100% 100% !important;
    opacity:.68 !important;
  }
}


/* =====================================================
   V22 Subscribe Popup - Homepage Only
   Locked layout untouched; popup is separate overlay.
===================================================== */
.medix-subscribe-popup{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
}
.medix-subscribe-popup.is-visible{display:flex;}
.medix-subscribe-overlay{
  position:absolute;
  inset:0;
  background:rgba(7,31,56,.58);
  backdrop-filter:blur(4px);
}
.medix-subscribe-box{
  position:relative;
  width:min(480px,100%);
  background:#fff;
  border-radius:24px;
  padding:34px 30px 28px;
  box-shadow:0 30px 80px rgba(12,54,95,.28);
  border:1px solid rgba(15,114,223,.16);
  text-align:left;
  overflow:hidden;
}
.medix-subscribe-box:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:7px;
  background:linear-gradient(90deg,#0f72df,#84cfff);
}
.medix-subscribe-close{
  position:absolute;
  right:18px;
  top:14px;
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:#eef7ff;
  color:#0f72df;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.medix-popup-badge{
  display:inline-block;
  color:#0f72df;
  background:#eef7ff;
  border-radius:999px;
  padding:7px 14px;
  font-size:13px;
  font-weight:700;
  margin-bottom:14px;
}
.medix-subscribe-box h2{
  margin:0 34px 10px 0;
  font-size:30px;
  line-height:1.18;
  color:#11233f;
}
.medix-subscribe-box p{
  margin:0 0 22px;
  color:#5f6f82;
  font-size:15px;
  line-height:1.65;
}
.medix-subscribe-form{
  display:grid;
  gap:12px;
}
.medix-subscribe-form input{
  width:100%;
  border:1px solid #d9eafa;
  border-radius:12px;
  padding:14px 15px;
  font-size:15px;
  outline:none;
  box-sizing:border-box;
}
.medix-subscribe-form input:focus{
  border-color:#0f72df;
  box-shadow:0 0 0 4px rgba(15,114,223,.10);
}
.medix-subscribe-form button{
  border:0;
  border-radius:12px;
  padding:14px 18px;
  background:#0f72df;
  color:#fff;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
}
.medix-subscribe-box small{
  display:block;
  margin-top:13px;
  color:#7d8a99;
  font-size:12px;
}
@media(max-width:600px){
  .medix-subscribe-box{padding:30px 22px 24px;border-radius:20px;}
  .medix-subscribe-box h2{font-size:24px;}
}

#wpforms-218 input,
#wpforms-218 select,
#wpforms-218 textarea{
/*     border:1px solid #d7e7f8;
    border-radius:14px; */
    padding:16px;
    min-height:49px;
}
#wpforms-218 input,
#wpforms-218 select,
#wpforms-218 textarea{
    width: 100%;
    color: rgb(36, 57, 87);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 14px 16px;
    font: inherit;
    background: rgb(251, 253, 255);
    outline: none;
}

#wpforms-218 textarea{
    min-height:180px;
}

#wpforms-218 .wpforms-submit{
    background:#1d73e8;
    border:none;
    border-radius:10px;
    padding:14px 28px;
    color:#fff;
    font-weight:600;
}

@media (max-width: 768px) {

    .site-header {
        padding: 10px 15px;
    }

    .header-inner {
        min-height: 70px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .custom-logo-link,
    .logo {
        display: flex;
        align-items: center;
    }

    .custom-logo,
    .logo img {
        width: auto;
        height: auto;
        max-height: 45px;
        display: block;
    }

    .mobile-menu-toggle {
        flex-shrink: 0;
    }
}