/* WINZOU HEALTH V8 - UX GAP CLOSURE */
:root{--v8-green:#0a9b67;--v8-navy:#123d73;--v8-ink:#17313d;--v8-muted:#6c7d84;--v8-line:#e4ecef;--v8-soft:#f5faf8;--v8-shadow:0 14px 40px rgba(20,61,78,.08)}
.v8-page{background:#f8fbfc;min-height:70vh}.v8-wrap{max-width:1280px;width:calc(100% - 32px);margin:auto}.v8-banner{position:relative;min-height:250px;border-radius:0 0 28px 28px;overflow:hidden;display:flex;align-items:center;background:#123d73}.v8-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,38,67,.9),rgba(8,38,67,.5),rgba(8,38,67,.12))}.v8-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.v8-banner-content{position:relative;z-index:2;color:#fff;padding:48px 0;max-width:680px}.v8-banner-content h1{font-size:42px;font-weight:900;letter-spacing:-1px;margin:8px 0}.v8-banner-content p{margin:0;color:#e8f4f5;line-height:1.6}.v8-crumb{font-size:12px;color:#cce5e7}.v8-crumb a{color:#fff}.v8-card{background:#fff;border:1px solid var(--v8-line);border-radius:20px;box-shadow:0 8px 28px rgba(20,61,78,.045)}.v8-card-pad{padding:24px}.v8-section{padding:42px 0}.v8-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--v8-green);font-weight:900}.v8-title{font-size:28px;font-weight:900;color:var(--v8-ink);margin:4px 0}.v8-muted{color:var(--v8-muted);font-size:13px;line-height:1.6}.v8-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.v8-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.v8-stat{padding:20px;text-align:center}.v8-stat i{font-size:24px;color:var(--v8-green)}.v8-stat strong{display:block;font-size:23px;margin-top:7px}.v8-stat span{font-size:11px;color:var(--v8-muted)}.v8-actions{display:flex;gap:10px;flex-wrap:wrap}.v8-btn{min-height:46px;border-radius:13px!important;padding:0 18px;border:1px solid var(--v8-green);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:850;font-size:13px}.v8-btn.primary{background:var(--v8-green);color:#fff;box-shadow:0 8px 20px rgba(10,155,103,.18)}.v8-btn.secondary{background:#fff;color:var(--v8-green)}.v8-btn.soft{background:#eef9f5;color:var(--v8-green);border-color:#d8eee7}.v8-input{min-height:48px;border:1px solid #dce7ea;border-radius:13px;padding:0 15px;width:100%;outline:none;font-size:13px}.v8-input:focus{border-color:#79c6b0;box-shadow:0 0 0 4px rgba(10,155,103,.1)}.v8-searchbar{display:flex;gap:10px;background:#fff;padding:8px;border:1px solid var(--v8-line);border-radius:16px;box-shadow:0 7px 24px rgba(20,61,78,.05)}.v8-searchbar .v8-input{border:0;box-shadow:none}.v8-searchbar button{width:48px;border:0;border-radius:12px;background:var(--v8-green);color:#fff}.v8-list{display:grid;gap:10px}.v8-list-item{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--v8-line);border-radius:15px;background:#fff}.v8-iconbox{width:46px;height:46px;border-radius:14px;background:#edf8f4;color:var(--v8-green);display:grid;place-items:center;font-size:20px;flex:none}.v8-status{font-size:10px;font-weight:900;border-radius:30px;padding:7px 10px;background:#e9f8f1;color:#087d55}.v8-status.warn{background:#fff5df;color:#a46b00}.v8-status.blue{background:#edf5ff;color:#2869a7}.v8-status.red{background:#fff0ee;color:#c34b3c}.v8-table{width:100%;border-collapse:separate;border-spacing:0}.v8-table th{background:#f6fafb;color:#63767d;font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:13px;text-align:left}.v8-table td{padding:15px 13px;border-top:1px solid var(--v8-line);font-size:12px;vertical-align:middle}.v8-table tr:first-child td{border-top:0}.v8-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.v8-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:20px 0}.v8-step{position:relative;text-align:center;font-size:11px;color:#718087}.v8-step:before{content:"";position:absolute;top:17px;left:50%;right:-50%;height:2px;background:#dfe9eb}.v8-step:last-child:before{display:none}.v8-step-dot{position:relative;z-index:2;width:36px;height:36px;margin:auto;border-radius:50%;background:#e8f5f0;color:var(--v8-green);display:grid;place-items:center;font-weight:900;border:4px solid #fff;box-shadow:0 0 0 1px #dbe9e5}.v8-step.done .v8-step-dot,.v8-step.active .v8-step-dot{background:var(--v8-green);color:#fff}.v8-step strong{display:block;margin-top:8px;color:var(--v8-ink)}.v8-empty{text-align:center;padding:55px 20px}.v8-empty i{font-size:45px;color:#a5bbb9}.v8-empty h3{font-size:20px;font-weight:900;margin:14px 0 5px}.v8-empty p{font-size:12px;color:var(--v8-muted)}.v8-product-detail{display:grid;grid-template-columns:1fr 1fr;gap:28px}.v8-product-gallery{padding:20px}.v8-product-main{height:390px;border-radius:18px;background:#f4f8f7;display:grid;place-items:center;overflow:hidden}.v8-product-main img{width:100%;height:100%;object-fit:cover}.v8-product-info h1{font-size:32px;font-weight:900;margin:8px 0}.v8-price{font-size:30px;font-weight:950;color:var(--v8-green)}.v8-old{text-decoration:line-through;color:#9aa8ad;margin-left:7px}.v8-review{color:#f2a900;font-size:13px}.v8-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.v8-benefit{background:#f6faf9;border-radius:13px;padding:12px;font-size:11px;font-weight:800}.v8-benefit i{color:var(--v8-green);margin-right:5px}.v8-qty{display:flex;align-items:center;border:1px solid var(--v8-line);border-radius:13px;overflow:hidden;width:max-content}.v8-qty button{width:42px;height:42px;border:0;background:#fff;font-size:18px}.v8-qty span{width:42px;text-align:center;font-weight:800}.v8-sidebar{position:sticky;top:110px}.v8-quick-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v8-quick{padding:15px;border:1px solid var(--v8-line);border-radius:14px;background:#fff;font-size:12px;font-weight:800}.v8-quick i{color:var(--v8-green);font-size:19px;display:block;margin-bottom:7px}.v8-mobile-sticky{display:none}
@media(max-width:900px){.v8-grid-4{grid-template-columns:repeat(2,1fr)}.v8-grid-3{grid-template-columns:1fr 1fr}.v8-product-detail{grid-template-columns:1fr}.v8-sidebar{position:static}.v8-banner{min-height:220px}.v8-banner-content h1{font-size:34px}}
@media(max-width:600px){.v8-wrap{width:calc(100% - 24px)}.v8-section{padding:30px 0}.v8-grid-4,.v8-grid-3{grid-template-columns:1fr}.v8-banner{border-radius:0 0 20px 20px;min-height:210px}.v8-banner-content{padding:34px 0}.v8-banner-content h1{font-size:29px}.v8-product-main{height:300px}.v8-benefits{grid-template-columns:1fr 1fr}.v8-table{min-width:720px}.v8-table-wrap{overflow:auto;border-radius:16px}.v8-stepper{grid-template-columns:repeat(4,1fr);min-width:520px}.v8-stepper-wrap{overflow:auto}.v8-mobile-sticky{display:flex;position:fixed;bottom:66px;left:10px;right:10px;z-index:998;background:#fff;border:1px solid var(--v8-line);border-radius:16px;padding:8px;box-shadow:0 12px 35px rgba(20,61,78,.16);justify-content:space-between;align-items:center}.v8-mobile-sticky strong{font-size:15px}.v8-mobile-sticky .v8-btn{min-height:42px}.v8-actions .v8-btn{flex:1}.v8-searchbar{position:sticky;top:75px;z-index:10}.v8-card-pad{padding:18px}}


:root{
 --navy:#123d73; --navy2:#0b5d7a; --green:#0a9b67; --green2:#18b37c;
 --mint:#eef9f5; --soft:#f6fafb; --ink:#142b39; --muted:#6c7f87;
 --line:#e2eaed; --white:#fff; --radius:18px; --shadow:0 10px 28px rgba(20,61,78,.08);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{text-decoration:none;color:inherit}.container-xl{max-width:1390px}
.top-strip{background:var(--navy);color:#fff;font-size:12px}
.top-strip .inner{height:34px;display:flex;justify-content:flex-end;align-items:center;gap:25px}
.main-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1000}
.header-row{min-height:82px;display:flex;align-items:center;gap:25px}
.logo{width:205px;height:auto}
.search{flex:1;max-width:600px;position:relative}
.search input{width:100%;height:46px;border:1px solid #dbe5e8;border-radius:24px;padding:0 52px 0 18px;outline:none;background:#fbfdfe}
.search button{position:absolute;right:4px;top:4px;width:38px;height:38px;border:0;border-radius:50%;background:var(--green);color:#fff}
.header-actions{display:flex;align-items:center;gap:10px}
.btn-outline-app,.btn-green{border-radius:10px;padding:11px 17px;font-weight:800;font-size:13px}
.btn-outline-app{border:1px solid #9ccfc1;background:#fff;color:var(--green)}
.btn-green{border:1px solid var(--green);background:var(--green);color:#fff}
.nav-row{border-top:1px solid #f2f5f6}
.nav{display:flex;justify-content:center;gap:0;overflow:auto}
.nav a{padding:13px 20px;font-size:13px;font-weight:700;white-space:nowrap}
.nav a:hover,.nav a.active{color:var(--green);box-shadow:inset 0 -3px var(--green)}
.page{min-height:70vh}
.hero{background:#eff9f7;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;min-height:455px;align-items:center}
.hero-copy{padding:50px 0}
.kicker{display:inline-flex;padding:8px 12px;border-radius:20px;background:#e0f4ed;color:#0c8760;font-weight:800;font-size:11px}
.hero h1{font-size:50px;line-height:1.05;letter-spacing:-1.8px;margin:15px 0;color:#132d4b;font-weight:850}
.hero h1 span{color:var(--green)}
.hero p{font-size:17px;color:#526a73;max-width:580px;line-height:1.65}
.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin:24px 0}.trust-row span{font-size:12px;font-weight:700;color:#48636d}
.hero-buttons{display:flex;gap:12px}.hero-buttons .btn-green,.hero-buttons .btn-outline-app{padding:13px 20px}
.hero-image{align-self:stretch;display:flex;align-items:end;justify-content:center;padding-top:25px}
.hero-image img{width:100%;max-width:720px}
.section{padding:45px 0}.section.soft{background:#f7fafb}
.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}
.section-title h2{font-size:25px;font-weight:850;margin:0}.section-title p{margin:5px 0 0;color:var(--muted);font-size:13px}.view-all{color:var(--green);font-size:13px;font-weight:800}
.service-grid{display:grid;grid-template-columns:repeat(8,1fr);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
.service{padding:20px 10px;text-align:center;border-right:1px solid var(--line);transition:.2s}.service:last-child{border:0}.service:hover{background:#f5fbf8}
.service .round{width:50px;height:50px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#edf7ff;color:#1664a5;font-size:23px}
.service h4{font-size:13px;margin:11px 0 4px;font-weight:800}.service p{font-size:10px;color:var(--muted);margin:0}
.promo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.promo{min-height:205px;border-radius:18px;overflow:hidden;padding:20px;position:relative;border:1px solid var(--line)}
.promo h3{font-size:18px;margin:0 0 5px;font-weight:850}.promo p{font-size:11px;color:#52666e;max-width:58%;line-height:1.5}
.promo img{position:absolute;right:-5px;bottom:0;width:53%;height:auto;max-height:155px;object-fit:contain}
.promo .small-btn{position:absolute;left:20px;bottom:17px;border:0;border-radius:9px;background:var(--green);color:#fff;font-weight:800;font-size:11px;padding:8px 12px}
.promo.doctor{background:#f4efff}.promo.lab{background:#eaf8f2}.promo.package{background:#eef5ff}.promo.wellness{background:#fff4e9}
.stats{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
.stat{padding:22px;text-align:center;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;color:var(--green);font-size:24px}.stat span{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.filter-layout{display:grid;grid-template-columns:220px 1fr;gap:22px}
.filter-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px;height:max-content;position:sticky;top:120px}
.filter-card h4{font-size:13px;font-weight:850}.filter-card a{display:block;padding:8px;border-radius:8px;font-size:11px;color:#5e7178}.filter-card a.active,.filter-card a:hover{background:#e6f6ef;color:var(--green);font-weight:800}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card-ui{border:1px solid var(--line);border-radius:16px;background:#fff;padding:15px;box-shadow:0 5px 16px rgba(20,61,78,.035)}
.test-icon{height:120px;border-radius:13px;background:#f2f8fb;display:grid;place-items:center;margin-bottom:12px}.test-icon img{width:110px;height:100px;object-fit:contain}
.card-ui h3{font-size:14px;font-weight:850;line-height:1.35;margin:0 0 5px}.muted{font-size:11px;color:var(--muted)}.price{font-size:18px;font-weight:900}.old{text-decoration:line-through;color:#a4afb3;font-size:11px;margin-left:5px}
.card-footer{display:flex;gap:7px;margin-top:13px}.card-footer button{flex:1;padding:9px;border-radius:9px;font-size:11px;font-weight:800}
.btn-white{border:1px solid var(--line);background:#fff;color:var(--green)}.btn-solid{border:1px solid var(--green);background:var(--green);color:#fff}
.doctor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.doctor-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.doctor-photo{height:180px;background:#edf7fb}.doctor-photo img{width:100%;height:100%;object-fit:cover}.doctor-body{padding:15px}.rating{color:#f2a900;font-size:12px}.doctor-body h3{font-size:15px;font-weight:850;margin:5px 0}.doctor-body p{font-size:11px;color:var(--muted);margin:3px 0}
.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.detail-image{background:#eff9f7;border-radius:22px;padding:25px;text-align:center}.detail-image img{max-width:100%;height:330px}.detail-copy h1{font-size:38px;font-weight:850}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.check{font-size:12px;font-weight:700;padding:11px;border-radius:10px;background:#f5faf8}.check i{color:var(--green);margin-right:6px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{border:1px solid var(--line);border-radius:15px;padding:18px;background:#fff}.step-no{width:30px;height:30px;border-radius:50%;background:#e5f5ee;color:var(--green);display:grid;place-items:center;font-weight:900;font-size:12px}.step h4{font-size:13px;font-weight:850;margin:12px 0 5px}.step p{font-size:11px;color:var(--muted);margin:0}
.cart-layout{display:grid;grid-template-columns:1fr 330px;gap:22px}.cart-box,.summary{border:1px solid var(--line);border-radius:16px;background:#fff}.cart-row{display:grid;grid-template-columns:60px 1fr 110px 100px 35px;gap:14px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.cart-row:last-child{border:0}.thumb{width:55px;height:55px;border-radius:10px;background:#eef8f5;display:grid;place-items:center}.summary{padding:20px;height:max-content;position:sticky;top:120px}.summary h3{font-size:17px;font-weight:850}.summary-line{display:flex;justify-content:space-between;padding:9px 0;font-size:12px}.summary-line.total{font-size:17px;font-weight:900;border-top:1px solid var(--line);margin-top:6px;padding-top:15px}
.auth{min-height:calc(100vh - 150px);background:#eff9f7;display:grid;place-items:center;padding:40px 15px}.auth-box{max-width:1000px;width:100%;background:#fff;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:var(--shadow)}.auth-art{background:#eef9f5;padding:35px;display:flex;flex-direction:column;justify-content:center}.auth-art img{width:100%;max-height:330px}.auth-form{padding:42px}.auth-form h1{font-size:28px;margin:0 0 6px}.auth-form p{font-size:12px;color:var(--muted)}.form-control,.form-select{border-color:#dce6e9;border-radius:10px;min-height:45px;font-size:13px}.form-label{font-size:11px;font-weight:800}.mobile-bottom{display:none}
.footer{background:#0d3048;color:#d4e1e5;padding:45px 0 85px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:35px}.footer h4{color:#fff;font-size:13px}.footer a{display:block;color:#b9cbd1;font-size:11px;margin:8px 0}.footer p{font-size:11px;line-height:1.7;color:#b9cbd1}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(4,1fr)}.promo-grid{grid-template-columns:repeat(2,1fr)}.cards,.doctor-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:42px}}
@media(max-width:767px){
 .top-strip{display:none}.header-row{min-height:65px;padding:8px 14px}.logo{width:150px}.search{display:none}.header-actions .btn-outline-app{display:none}.header-actions .btn-green{padding:9px 10px;font-size:11px}.nav-row{display:none}
 .main-header{position:sticky;top:0}.hero-grid{display:flex;flex-direction:column;min-height:auto}.hero-copy{padding:28px 14px 10px}.hero h1{font-size:34px;letter-spacing:-1px}.hero p{font-size:14px}.hero-image{padding:0 10px}.hero-image img{max-height:270px}
 .trust-row{gap:9px}.trust-row span{font-size:10px}.hero-buttons{flex-wrap:wrap}
 .section{padding:30px 14px}.section-title h2{font-size:20px}.service-grid{grid-template-columns:repeat(4,1fr);border-radius:14px}.service{padding:12px 4px}.service .round{width:42px;height:42px;font-size:18px}.service h4{font-size:10px}.service p{display:none}
 .promo-grid{grid-template-columns:1fr 1fr;gap:9px}.promo{min-height:180px;padding:13px}.promo h3{font-size:14px}.promo p{font-size:9px;max-width:62%}.promo img{width:52%;max-height:115px}.promo .small-btn{left:13px;bottom:12px;padding:7px 9px;font-size:9px}
 .stats{grid-template-columns:repeat(5,180px);overflow:auto}.stat{padding:15px}.stat strong{font-size:20px}
 .filter-layout{display:block}.filter-card{position:static;margin-bottom:15px;overflow:auto;white-space:nowrap}.filter-card a{display:inline-block;margin-right:4px}.cards,.doctor-grid{grid-template-columns:1fr 1fr;gap:9px}.card-ui{padding:10px}.test-icon{height:100px}.card-ui h3{font-size:12px}.price{font-size:15px}.card-footer button{padding:8px 3px;font-size:9px}
 .service-detail{grid-template-columns:1fr;gap:18px}.detail-image img{height:240px}.detail-copy h1{font-size:29px}.checks{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}
 .cart-layout{grid-template-columns:1fr}.summary{position:static}.cart-row{grid-template-columns:45px 1fr 70px 25px;gap:8px}.cart-row .qty{display:none}
 .auth{padding:20px 12px;min-height:calc(100vh - 80px)}.auth-box{grid-template-columns:1fr}.auth-art{display:none}.auth-form{padding:28px 20px}
 .footer{padding-bottom:90px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}
 .mobile-bottom{display:none}
}


/* ===== Professional photography + UI layer V2 ===== */
.photo-frame{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(15,54,70,.15)}
.photo-frame img{width:100%;height:100%;object-fit:cover;display:block}
.hero-image{position:relative;min-height:455px}
.hero-image img{height:430px;object-fit:cover;border-radius:28px;box-shadow:0 22px 60px rgba(16,55,71,.16)}
.hero-image:before{content:"";position:absolute;left:0;bottom:20px;width:90px;height:90px;background:#0a9b67;border-radius:24px;opacity:.12}
.floating-care{
 position:absolute;left:25px;bottom:42px;background:#fff;border:1px solid #e5edef;border-radius:16px;
 padding:13px 15px;box-shadow:0 14px 35px rgba(15,55,70,.15);display:flex;gap:10px;align-items:center
}
.floating-care .icon{width:38px;height:38px;border-radius:11px;background:#e8f8f1;color:#0a9b67;display:grid;place-items:center}
.floating-care strong{display:block;font-size:12px}.floating-care span{font-size:10px;color:#73858b}
.hero-offer{
 position:absolute;right:-8px;top:30px;background:#fff;border:1px solid #e2eaed;border-radius:18px;
 padding:16px 18px;min-width:160px;box-shadow:0 16px 40px rgba(15,55,70,.12)
}
.hero-offer small{color:#64777e;font-size:10px}.hero-offer strong{display:block;color:#0a9b67;font-size:24px;margin:3px 0}
.hero-offer .mini{font-size:10px;color:#52676f;display:flex;gap:5px;margin-top:5px}
.section-soft-card{background:linear-gradient(135deg,#effaf6,#f8fcfd);border:1px solid #e2efea;border-radius:22px;padding:24px}
.icon-tile{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#eaf7f2;color:#0a9b67;font-size:22px}
.promo{transition:.25s;box-shadow:0 8px 25px rgba(15,55,70,.04)}
.promo:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(15,55,70,.12)}
.promo img{border-radius:14px 14px 0 0}
.card-ui{transition:.22s;box-shadow:0 6px 20px rgba(15,55,70,.035)}
.card-ui:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,55,70,.10)}
.test-icon{overflow:hidden;position:relative}
.test-icon img{width:100%;height:100%;object-fit:cover}
.test-icon:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,65,75,.12))}
.doctor-photo img{object-fit:cover}
.doctor-card{transition:.22s;box-shadow:0 7px 24px rgba(15,55,70,.04)}
.doctor-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(15,55,70,.12)}
.trust-strip{background:#fff;border:1.8px solid #d4e7e1!important;border-radius:20px!important;box-shadow:0 6px 22px rgba(15,55,72,.05)!important;overflow:hidden}
.trust-strip .item{display:flex;align-items:center;gap:12px;padding:18px 20px;border-right:1.5px solid #edf4f1}
.trust-strip .item:last-child{border:0}
.trust-strip i{color:#008f70;font-size:24px}.trust-strip strong{font-size:13px;font-weight:800;color:#143848}.trust-strip span{display:block;color:#647b83;font-size:11px;margin-top:2px}
.review-card{background:#fff;border:1px solid #e3ecef;border-radius:18px;padding:20px;box-shadow:0 7px 24px rgba(15,55,70,.05)}
.review-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}
.mobile-app-banner{background:linear-gradient(120deg,#0d3855,#087d72);color:#fff;border-radius:24px;padding:30px;position:relative;overflow:hidden}
.mobile-app-banner:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-120px;top:-130px;background:rgba(255,255,255,.08)}
.quick-book{position:fixed;right:24px;bottom:24px;z-index:1200;border:0;border-radius:15px;background:#0a9b67;color:#fff;padding:13px 17px;font-size:12px;font-weight:900;box-shadow:0 12px 30px rgba(10,155,103,.3)}
@media(max-width:767px){
 .hero-image{min-height:280px;padding:0 8px}
 .hero-image img{height:270px;border-radius:22px}
 .hero-offer{right:2px;top:12px;min-width:135px;padding:11px 12px}.hero-offer strong{font-size:19px}
 .floating-care{left:14px;bottom:12px;padding:9px 11px}
 .trust-strip{overflow:auto;display:flex}.trust-strip .item{min-width:190px}
 .quick-book{right:15px;bottom:82px;border-radius:50%;width:54px;height:54px;padding:0;font-size:0}
 .quick-book i{font-size:20px}
}

/* ===== Footer / FAQ / Franchise Upgrade V3 ===== */
.footer-prof{background:#092b43;color:#c9d8de;padding:58px 0 24px;border-top:1px solid #dce7e9}
.footer-top{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:48px;padding-bottom:38px}
.footer-logo-wrap{display:inline-flex;background:#fff;border-radius:10px;padding:6px}.footer-logo-wrap img{width:175px;height:auto;display:block}
.footer-brand p{font-size:12px;line-height:1.8;max-width:340px;color:#b9cbd2;margin:17px 0}
.footer-contact{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#c8d7dc}.footer-contact i{width:18px;color:#68d5ad}.footer-socials{display:flex;gap:8px;margin-top:18px}.footer-socials a{width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:10px;display:grid;place-items:center;color:#d7e5e9;transition:.2s}.footer-socials a:hover{background:#0a9b67;color:#fff;border-color:#0a9b67}
.footer-col h4{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin:4px 0 16px}.footer-col a{display:block;color:#b9cbd2;font-size:11px;margin:11px 0;transition:.2s}.footer-col a:hover{color:#74ddb9;transform:translateX(2px)}
.footer-trust{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:18px 0;gap:16px}.footer-trust>div{display:flex;align-items:center;gap:10px;padding-right:16px;border-right:1px solid rgba(255,255,255,.08)}.footer-trust>div:last-child{border-right:0}.footer-trust i{font-size:20px;color:#69d6af}.footer-trust span{font-size:10px;color:#a9bec6}.footer-trust strong{display:block;color:#fff;font-size:11px;margin-bottom:2px}
.footer-bottom{padding-top:22px;text-align:center}.footer-legal{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap}.footer-legal a,.footer-legal span{font-size:10px;color:#9fb5bd}.footer-legal a:hover{color:#73dcb7}.footer-copy{color:#fff;font-size:11px;font-weight:700;margin:13px 0}.footer-payments{display:flex;justify-content:center;align-items:center;gap:8px;color:#8fa8b1;font-size:9px}.footer-payments b{font-size:8px;padding:5px 7px;border:1px solid rgba(255,255,255,.13);border-radius:6px;color:#d7e4e8}
.rating-summary{min-width:130px;text-align:right}.rating-summary strong{display:block;font-size:26px;color:#0a9b67;line-height:1}.rating-summary .rating{display:block;letter-spacing:2px;margin:4px 0}.rating-summary small{font-size:10px;color:#7c8e95}.review-card-premium{height:100%;position:relative;padding:22px}.review-card-premium p{font-size:13px;line-height:1.7;color:#4d626b;min-height:88px}.review-quote{position:absolute;top:16px;right:18px;width:30px;height:30px;border-radius:9px;background:#effaf6;color:#0a9b67;display:grid;place-items:center}.review-person{display:flex;align-items:center;gap:10px;margin-top:16px}.review-person img{width:44px;height:44px;border-radius:50%;object-fit:cover}.review-person strong{display:block;font-size:12px}.review-person span{display:block;color:#7c8e95;font-size:10px;margin-top:2px}.review-card-premium>.rating{margin-top:12px;font-size:11px;letter-spacing:2px;color:#f4a62a}
.faq-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.faq-grid .accordion-item{border:1px solid #e1eaec;border-radius:12px!important;overflow:hidden;margin-bottom:10px}.faq-grid .accordion-button{font-size:12px;font-weight:800;color:#173f50;padding:17px 18px;box-shadow:none;background:#fff}.faq-grid .accordion-button:not(.collapsed){color:#0a9b67;background:#f6fbf9}.faq-grid .accordion-body{font-size:11px;line-height:1.8;color:#667b83;padding:0 18px 18px}.faq-side{background:linear-gradient(145deg,#0c3855,#0a806e);border-radius:20px;padding:25px;color:#fff;position:sticky;top:100px;box-shadow:0 15px 35px rgba(10,75,85,.12)}.faq-side-icon{width:50px;height:50px;border-radius:15px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:23px;margin-bottom:18px}.faq-side h3{font-size:19px}.faq-side p{font-size:11px;line-height:1.7;color:#d3e6e5}.faq-side .btn-white{background:#fff;color:#0a7d6b}
.franchise-home-cta{padding-top:0}.franchise-cta-card{display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#0c3855,#0a806e);color:#fff;box-shadow:0 24px 55px rgba(11,63,78,.16)}.franchise-cta-copy{padding:42px}.franchise-cta-copy h2{font-size:30px;line-height:1.15;margin:10px 0 14px}.franchise-cta-copy p{font-size:13px;line-height:1.8;color:#d7e9e8;max-width:620px}.franchise-cta-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 25px}.franchise-cta-points span{font-size:10px;color:#e3f1f0}.franchise-cta-points i{color:#78dfbd;margin-right:5px}.franchise-cta-image{min-height:340px}.franchise-cta-image img{width:100%;height:100%;object-fit:cover;display:block}.franchise-hero{background:linear-gradient(180deg,#eff9f6 0%,#fff 100%);padding:54px 0 50px}.franchise-hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:50px;align-items:center}.franchise-hero h1{font-size:48px;line-height:1.05;letter-spacing:-1.5px;color:#0d3449;margin:12px 0 16px}.franchise-hero p{font-size:15px;line-height:1.8;color:#5d737b;max-width:650px}.franchise-hero-photo{position:relative;min-height:420px}.franchise-hero-photo img{width:100%;height:420px;object-fit:cover;border-radius:28px;box-shadow:0 25px 60px rgba(14,59,73,.16)}.franchise-float{position:absolute;left:-18px;bottom:25px;background:#fff;border:1px solid #e0e9eb;border-radius:17px;padding:13px 15px;box-shadow:0 15px 35px rgba(14,59,73,.13);display:flex;gap:10px;align-items:center}.franchise-float>i{width:40px;height:40px;border-radius:12px;background:#e9f8f2;color:#0a9b67;display:grid;place-items:center;font-size:19px}.franchise-float strong{display:block;font-size:12px;color:#173f50}.franchise-float span{display:block;font-size:9px;color:#73858b;margin-top:2px}.franchise-mini-trust{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px}.franchise-mini-trust span{font-size:10px;color:#4f6972}.franchise-mini-trust i{color:#0a9b67;margin-right:4px}.franchise-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.benefit-card{background:#fff;border:1px solid #e1eaec;border-radius:18px;padding:23px;box-shadow:0 7px 22px rgba(15,55,70,.04)}.benefit-card h3{font-size:15px;margin:17px 0 8px;color:#153e50}.benefit-card p{font-size:11px;line-height:1.75;color:#6d8188;margin:0}.franchise-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.franchise-step{background:#fff;border:1px solid #e1eaec;border-radius:18px;padding:22px;position:relative;box-shadow:0 7px 22px rgba(15,55,70,.035)}.franchise-step>span{position:absolute;right:17px;top:15px;color:#d9e9e6;font-size:23px;font-weight:900}.franchise-step>i{width:44px;height:44px;border-radius:13px;background:#e9f8f2;color:#0a9b67;display:grid;place-items:center;font-size:19px}.franchise-step h3{font-size:14px;margin:15px 0 7px}.franchise-step p{font-size:10px;line-height:1.7;color:#6d8188;margin:0}.franchise-model-card{display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border:1px solid #dfe9eb;border-radius:24px;background:#f7fbfa}.franchise-model-card>div{padding:38px}.franchise-model-card h2{font-size:28px;color:#153e50;margin:12px 0}.franchise-model-card p{font-size:12px;line-height:1.8;color:#647980}.franchise-model-card>img{width:100%;height:100%;min-height:340px;object-fit:cover}.model-list{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:20px}.model-list span{font-size:10px;color:#506a72}.model-list i{color:#0a9b67;margin-right:4px}.franchise-form-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:30px;align-items:start}.franchise-form-intro{padding:25px 10px 25px 0}.franchise-form-intro h2{font-size:31px;color:#153e50;margin:12px 0}.franchise-form-intro>p{font-size:12px;line-height:1.8;color:#6b8088}.form-side-points{display:grid;gap:14px;margin-top:25px}.form-side-points>div{display:flex;gap:11px}.form-side-points i{width:36px;height:36px;border-radius:11px;background:#eaf8f2;color:#0a9b67;display:grid;place-items:center;flex:0 0 36px}.form-side-points span{font-size:10px;color:#6a7f86;line-height:1.6}.form-side-points strong{display:block;color:#244a5a;font-size:11px}.franchise-form-card{background:#fff;border:1px solid #dfe9eb;border-radius:22px;padding:28px;box-shadow:0 15px 35px rgba(15,55,70,.06)}.franchise-form-card .form-control,.franchise-form-card .form-select{background:#fbfdfd}.franchise-form-card textarea{resize:vertical}.franchise-success{text-align:center;padding:35px 20px}.success-icon{width:62px;height:62px;border-radius:20px;background:#e8f8f1;color:#0a9b67;display:grid;place-items:center;font-size:28px;margin:0 auto 16px}.franchise-success h3{font-size:22px;color:#173f50}.franchise-success p{font-size:11px;color:#6b8088;max-width:430px;margin:0 auto 18px;line-height:1.7}
@media(max-width:900px){.footer-top{grid-template-columns:1.3fr 1fr 1fr}.footer-brand{grid-column:1/-1}.footer-trust{grid-template-columns:repeat(2,1fr)}.franchise-hero-grid,.franchise-cta-card,.franchise-model-card,.franchise-form-layout{grid-template-columns:1fr}.franchise-benefits,.franchise-steps{grid-template-columns:1fr 1fr}.franchise-hero h1{font-size:40px}.franchise-hero-photo{min-height:350px}.franchise-hero-photo img{height:350px}.franchise-form-intro{padding:0}.faq-grid{grid-template-columns:1fr}.faq-side{position:static}}
@media(max-width:767px){.footer-prof{padding:42px 0 90px}.footer-top{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-brand{grid-column:1/-1}.footer-logo-wrap img{width:155px}.footer-brand p{font-size:11px}.footer-trust{grid-template-columns:1fr 1fr}.footer-trust>div{border-right:0;padding-right:0}.footer-payments{flex-wrap:wrap}.rating-summary{text-align:left;margin-top:8px}.review-card-premium p{min-height:auto}.franchise-cta-copy{padding:28px 22px}.franchise-cta-copy h2{font-size:24px}.franchise-cta-points{grid-template-columns:1fr}.franchise-cta-image{min-height:220px}.franchise-hero{padding:34px 0}.franchise-hero h1{font-size:34px}.franchise-hero p{font-size:13px}.franchise-hero-photo{min-height:280px}.franchise-hero-photo img{height:280px;border-radius:22px}.franchise-float{left:10px;bottom:12px}.franchise-benefits,.franchise-steps,.model-list{grid-template-columns:1fr}.franchise-model-card>div{padding:27px 22px}.franchise-model-card>img{min-height:230px}.franchise-form-card{padding:20px}.faq-grid .accordion-button{font-size:11px}.faq-side{padding:22px}.footer-legal{gap:6px}}

/* ===== WINZOU PROFESSIONAL UI V4 ===== */
:root{--container-width:1240px}.container-xl{width:min(100% - 32px,var(--container-width));max-width:var(--container-width);margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}body{overflow-x:hidden;color:#183646}.top-strip{background:#0e3150;height:38px;font-size:11px}.utility-inner{height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px}.utility-left,.utility-right{display:flex;align-items:center;gap:20px}.utility-left{color:#d7e8ed}.utility-left i{color:#68d5ad;margin-right:6px}.utility-right{color:#c9dbe0}.utility-right a,.utility-location{color:#c9dbe0;background:none;border:0;font:inherit;padding:0}.utility-right a:hover,.utility-location:hover{color:#fff}.utility-location strong{color:#fff;margin-left:4px}.main-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e6edef;box-shadow:0 5px 22px rgba(13,48,72,.05)}.header-row{min-height:82px;gap:16px}.brand-link{display:flex;align-items:center;flex:0 0 auto}.logo{width:188px}.location-chip{display:flex;align-items:center;gap:8px;border:1px solid #dce8eb;background:#fbfdfd;border-radius:13px;padding:8px 10px;min-width:132px;color:#31535f}.location-chip>i:first-child{color:var(--green);font-size:16px}.location-chip span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.location-chip small{font-size:8px;color:#809198}.location-chip strong{font-size:11px;color:#173d4d;margin-top:2px}.location-chip>i:last-child{font-size:10px;color:#7d9198}.search{max-width:none;flex:1}.search input{height:46px;background:#f7fafb;border-color:#dbe7ea;font-size:12px}.search input:focus{background:#fff;border-color:#8ccdbd;box-shadow:0 0 0 4px rgba(10,155,103,.07)}.header-actions{gap:7px}.icon-action,.mobile-menu-btn{position:relative;width:42px;height:42px;border:1px solid #dce8eb;background:#fff;border-radius:12px;display:grid;place-items:center;color:#385965;font-size:18px}.icon-action:hover,.mobile-menu-btn:hover{color:var(--green);border-color:#a9d9cd}.notification-badge{position:absolute;right:-3px;top:-5px;min-width:17px;height:17px;border-radius:10px;background:#e24f4f;color:#fff;font-size:8px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}.account-action{display:flex;align-items:center;gap:8px;padding:5px 7px;color:#31535f}.account-action>i{font-size:26px;color:#65808a}.account-action span{display:flex;flex-direction:column;line-height:1.15}.account-action small{font-size:8px;color:#85979d}.account-action strong{font-size:10px;color:#183e4e;margin-top:3px}.cart-action{position:relative;display:flex;align-items:center;gap:6px;padding:10px 9px;border:1px solid #dce8eb;border-radius:11px;font-size:11px;font-weight:800;color:#31535f}.cart-action i{font-size:17px}.cart-badge{min-width:17px;height:17px;border-radius:9px;background:#eaf8f2;color:#0a8d63;display:grid;place-items:center;font-size:8px}.header-book{padding:11px 15px}.mobile-menu-btn,.mobile-search{display:none}.notification-menu{width:350px;padding:0;border:1px solid #e2eaed;border-radius:16px;box-shadow:0 20px 50px rgba(14,49,73,.16);overflow:hidden}.notification-head{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #edf1f2}.notification-head strong{display:block;font-size:13px;color:#173e4f}.notification-head span{display:block;font-size:9px;color:#829399;margin-top:2px}.btn-link-small{border:0;background:none;color:var(--green);font-size:9px;font-weight:800}.notification-item{display:flex;gap:10px;padding:13px 15px;border-bottom:1px solid #f0f3f4}.notif-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 34px}.notif-icon.green{background:#e9f8f2;color:#0a9b67}.notif-icon.blue{background:#edf4ff;color:#3b6fb6}.notif-icon.orange{background:#fff4e7;color:#d9821b}.notification-item strong{font-size:10px;color:#234a5a}.notification-item p{font-size:9px;line-height:1.45;color:#71848a;margin:3px 0}.notification-item small{font-size:8px;color:#9aa9ad}.notification-footer{display:flex;justify-content:space-between;padding:12px 15px;color:var(--green);font-size:10px;font-weight:800}.nav{justify-content:center;gap:0}.nav a{padding:12px 18px;font-size:11px}.nav a.active{box-shadow:inset 0 -3px var(--green)}.hero-carousel-wrap{background:#f3faf8;padding:20px 0 28px}.hero-carousel{border-radius:24px;overflow:hidden;box-shadow:0 20px 55px rgba(14,57,74,.10)}.hero-slide{min-height:455px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.hero-slide-copy{padding:55px 40px 48px 54px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#eff9f6 0%,#e7f5f2 100%)}.hero-slide-copy h1{font-size:46px;line-height:1.06;letter-spacing:-1.7px;color:#14364a;font-weight:850;margin:16px 0}.hero-slide-copy h1 span{color:var(--green)}.hero-slide-copy p{font-size:14px;line-height:1.75;color:#587079;max-width:540px}.hero-trust-row{display:flex;gap:16px;flex-wrap:wrap;margin:17px 0 22px}.hero-trust-row span{font-size:10px;color:#4d6872;font-weight:750}.hero-trust-row i{color:var(--green);margin-right:4px}.hero-slide-media{position:relative;min-height:455px;overflow:hidden;background:#dcefeb}.hero-slide-media>img{width:100%;height:100%;object-fit:cover;display:block}.hero-slide-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,35,48,.04),rgba(7,35,48,.02))}.hero-floating-card{position:absolute;z-index:2;right:24px;bottom:24px;width:190px;background:rgba(255,255,255,.97);border:1px solid rgba(220,232,235,.95);border-radius:16px;padding:14px;box-shadow:0 18px 40px rgba(14,53,70,.16)}.hero-floating-card .floating-label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#819399;font-weight:800}.hero-floating-card strong{display:block;color:#173e4f;font-size:18px;margin:4px 0 8px}.hero-floating-card small{display:block;color:#60757d;font-size:9px;margin-top:5px}.hero-floating-card small i{color:var(--green);margin-right:5px}.hero-carousel .carousel-control-prev,.hero-carousel .carousel-control-next{width:42px;height:42px;top:50%;transform:translateY(-50%);margin:0 12px;border-radius:50%;background:rgba(10,47,67,.58);opacity:1}.hero-carousel .carousel-control-prev-icon,.hero-carousel .carousel-control-next-icon{width:16px;height:16px}.hero-carousel .carousel-indicators{bottom:13px;margin-bottom:0}.hero-carousel .carousel-indicators [data-bs-target]{width:24px;height:4px;border:0;border-radius:4px;background:#fff;opacity:.55}.hero-carousel .carousel-indicators .active{opacity:1;background:#0a9b67}.hero-carousel .carousel-item{transition:transform .55s ease-in-out}.section{padding:48px 0}.testimonial-carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 8px}.testimonial-carousel::-webkit-scrollbar{display:none}.testimonial-slide{flex:0 0 calc(25% - 12px);scroll-snap-align:start}.testimonial-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:12px}.testimonial-controls button{width:34px;height:34px;border-radius:50%;border:1px solid #dce8eb;background:#fff;color:#4d6872}.testimonial-controls button:hover{color:var(--green);border-color:#9bcfc1}.testimonial-dots{display:flex;gap:5px}.testimonial-dots span{width:6px;height:6px;border-radius:50%;background:#cad8dc}.testimonial-dots span.active{width:18px;border-radius:5px;background:var(--green)}.location-modal{border:0;border-radius:22px;overflow:hidden;box-shadow:0 25px 70px rgba(12,47,69,.2)}.location-modal .modal-header{padding:24px 25px 12px;border:0}.modal-kicker{font-size:8px;color:var(--green);font-weight:900;letter-spacing:.12em}.location-modal h5{font-size:21px;color:#173e4f;margin:5px 0}.location-modal .modal-header p{font-size:10px;color:#7b8c92;margin:0;max-width:480px;line-height:1.6}.location-search{display:flex;align-items:center;gap:9px;border:1px solid #dce8eb;background:#f8fbfb;border-radius:11px;padding:0 12px;height:43px;margin-bottom:15px}.location-search i{color:#7f9299}.location-search input{border:0;outline:0;background:transparent;width:100%;font-size:11px}.city-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.city-option{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #e0eaed;background:#fff;border-radius:12px;padding:11px;color:#4b6872}.city-option>i:first-child{width:30px;height:30px;border-radius:9px;background:#edf8f4;color:var(--green);display:grid;place-items:center}.city-option span{display:flex;flex-direction:column}.city-option strong{font-size:11px;color:#234b5b}.city-option small{font-size:8px;color:#85969c;margin-top:2px}.city-option>i:last-child{opacity:0;color:var(--green)}.city-option.active{border-color:#8ccfbe;background:#f3fbf8}.city-option.active>i:last-child{opacity:1}.location-modal .modal-footer{justify-content:space-between;border-top:1px solid #edf2f3;padding:14px 22px}.location-note{font-size:8px;color:#84969c}.location-note i{color:var(--green);margin-right:3px}.mobile-menu{width:min(390px,92vw);border:0}.mobile-menu .offcanvas-header{padding:18px 18px 12px;border-bottom:1px solid #edf1f2}.mobile-menu-logo{width:145px}.mobile-menu-location{font-size:9px;color:#70838a;margin-top:7px}.mobile-menu-location i{color:var(--green);margin-right:4px}.mobile-menu-links{display:grid;gap:3px}.mobile-menu-links a{display:flex;align-items:center;gap:12px;padding:13px 9px;border-radius:11px;font-size:12px;font-weight:800;color:#294e5d}.mobile-menu-links a>i:first-child{width:28px;text-align:center;color:var(--green);font-size:17px}.mobile-menu-links a:hover{background:#f0f9f6}.mobile-menu-actions{border-top:1px solid #edf2f3;margin-top:15px;padding-top:15px;display:grid;gap:8px}.mobile-menu-actions a,.mobile-menu-actions button{display:flex;align-items:center;gap:10px;border:0;background:#f7fafb;border-radius:10px;padding:12px;font-size:10px;font-weight:800;color:#3e606b;text-align:left}.mobile-menu-actions i{color:var(--green);font-size:16px}.mobile-menu-actions span{margin-left:auto}.mobile-menu-support{margin-top:18px;background:linear-gradient(135deg,#0d3c58,#0a806e);border-radius:15px;padding:15px;color:#fff}.mobile-menu-support strong{display:block;font-size:12px}.mobile-menu-support a{display:block;color:#fff;font-size:11px;font-weight:800;margin-top:6px}.mobile-menu-support span{display:block;font-size:8px;color:#d4e8e6;margin-top:3px}@media(max-width:1100px){.container-xl{width:min(100% - 28px,1240px)}.location-chip{display:none}.account-action{display:none}.header-book{display:none}.service-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:767px){.container-xl{width:calc(100% - 24px)}.top-strip{height:32px}.utility-left{display:none}.utility-inner{height:32px;justify-content:center}.utility-right{gap:12px;font-size:9px}.utility-right a:first-of-type,.utility-right a:nth-of-type(2){display:none}.utility-location{font-size:9px}.utility-right>a:last-child{display:inline}.main-header{position:sticky;top:0}.header-row{min-height:60px;padding:7px 0;gap:7px}.logo{width:142px}.header-actions{margin-left:auto}.icon-action,.mobile-menu-btn{width:37px;height:37px;border-radius:10px;font-size:16px}.cart-action{width:37px;height:37px;padding:0;justify-content:center;border-radius:10px}.cart-action .cart-label{display:none}.cart-badge{position:absolute;right:-4px;top:-4px}.mobile-menu-btn{display:grid}.mobile-search{display:block;padding:0 0 9px;background:#fff}.mobile-search .search{display:block}.mobile-search .search input{height:40px;font-size:11px}.mobile-search .search button{width:34px;height:34px;top:3px;right:3px}.nav-row{display:none}.hero-carousel-wrap{padding:12px 0 22px}.hero-carousel{border-radius:18px;overflow:hidden}.hero-slide{display:flex;flex-direction:column-reverse;min-height:0}.hero-slide-media{min-height:0;height:245px}.hero-slide-media>img{height:245px}.hero-slide-copy{padding:25px 20px 42px;min-height:300px;justify-content:flex-start}.hero-slide-copy .kicker{align-self:flex-start;font-size:8px;padding:6px 9px}.hero-slide-copy h1{font-size:29px;line-height:1.1;letter-spacing:-.8px;margin:12px 0 10px}.hero-slide-copy p{font-size:11px;line-height:1.65;margin-bottom:8px}.hero-trust-row{gap:7px;margin:11px 0 14px}.hero-trust-row span{font-size:8px}.hero-buttons{gap:7px}.hero-buttons .btn-green,.hero-buttons .btn-outline-app{padding:9px 11px;font-size:9px}.hero-floating-card{right:12px;bottom:12px;width:170px;padding:11px;border-radius:13px}.hero-floating-card strong{font-size:15px}.hero-floating-card small{font-size:8px}.hero-carousel .carousel-control-prev,.hero-carousel .carousel-control-next{width:30px;height:30px;margin:0 8px}.hero-carousel .carousel-control-prev-icon,.hero-carousel .carousel-control-next-icon{width:12px;height:12px}.hero-carousel .carousel-indicators{bottom:9px}.hero-carousel .carousel-indicators [data-bs-target]{width:18px;height:3px}.section{padding:34px 0}.section-title{align-items:flex-start;gap:10px}.section-title h2{font-size:20px}.section-title p{font-size:10px;line-height:1.5}.service-grid{grid-template-columns:repeat(4,1fr)}.service{padding:13px 3px}.service .round{width:39px;height:39px;font-size:17px}.service h4{font-size:9px;line-height:1.2}.promo-grid{grid-template-columns:1fr 1fr}.promo{min-height:180px}.cards,.doctor-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(5,155px)}.testimonial-slide{flex:0 0 86%}.review-card-premium{padding:20px}.review-card-premium p{font-size:12px}.testimonial-controls{margin-top:8px}.faq-grid{grid-template-columns:1fr}.faq-side{padding:20px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-trust{grid-template-columns:1fr 1fr}.city-grid{grid-template-columns:1fr}.location-modal .modal-header{padding:20px 18px 10px}.location-modal .modal-body{padding:0 18px 18px}.location-modal .modal-footer{padding:12px 18px;align-items:flex-start;gap:10px}.location-note{max-width:180px;line-height:1.4}.mobile-bottom{height:66px}}@media(max-width:380px){.logo{width:126px}.header-row{gap:4px}.hero-slide-media,.hero-slide-media>img{height:220px}.hero-slide-copy{min-height:315px;padding-left:17px;padding-right:17px}.hero-slide-copy h1{font-size:26px}.hero-floating-card{width:155px}.service h4{font-size:8px}.stats{grid-template-columns:repeat(5,140px)}}

/* =========================================================
   WINZOU HEALTH — PREMIUM UI POLISH V5
   Consistent rounded controls, centered grid, soft surfaces,
   stronger hierarchy and mobile-first touch treatment.
   ========================================================= */
:root{
  --radius-xs:8px;
  --radius-sm:12px;
  --radius-md:16px;
  --radius-lg:20px;
  --radius-xl:26px;
  --shadow-soft:0 8px 24px rgba(15,55,70,.055);
  --shadow-card:0 12px 34px rgba(15,55,70,.075);
  --focus:0 0 0 4px rgba(10,155,103,.12);
}

/* One centered content grid throughout the site */
.container-xl{
  width:calc(100% - 40px);
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
}

/* Buttons: no square corners anywhere in the main UI */
.btn,
.btn-green,
.btn-outline-app,
.btn-solid,
.btn-white,
.small-btn,
.quick-book,
.header-book,
.btn-link-small{
  border-radius:13px !important;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  line-height:1;
  transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
}
.btn:hover,
.btn-green:hover,
.btn-outline-app:hover,
.btn-solid:hover,
.btn-white:hover,
.small-btn:hover,
.quick-book:hover,
.header-book:hover{
  transform:translateY(-1px);
}
.btn-green,
.btn-solid{
  box-shadow:0 7px 18px rgba(10,155,103,.16);
}
.btn-green:hover,
.btn-solid:hover{box-shadow:0 11px 24px rgba(10,155,103,.22);}
.btn-outline-app,.btn-white{
  box-shadow:0 4px 12px rgba(15,55,70,.035);
}

/* Bootstrap utility buttons that were still appearing too square */
.btn-light,
.btn-primary,
.btn-secondary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger{
  border-radius:13px !important;
}

/* Icon controls */
.icon-action,
.mobile-menu-btn,
.cart-action,
.search button,
.testimonial-controls button{
  border-radius:12px !important;
  transition:all .18s ease;
}
.icon-action:hover,
.mobile-menu-btn:hover,
.cart-action:hover{
  background:#eef9f5;
  border-color:#b9dfd2;
  color:var(--green);
}
.search button{border-radius:50% !important;box-shadow:0 5px 14px rgba(10,155,103,.22);}

/* Header feels like a premium healthcare platform, not a template */
.main-header{box-shadow:0 4px 18px rgba(20,61,78,.035);}
.header-row{max-width:1280px;margin:auto;}
.search input{
  box-shadow:inset 0 1px 2px rgba(20,61,78,.025);
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.search input:focus{border-color:#8bcdbd;background:#fff;box-shadow:var(--focus);}
.nav a{border-radius:10px 10px 0 0;transition:color .18s ease,background .18s ease;}
.nav a:hover{background:#f4faf8;box-shadow:none;}
.nav a.active{background:#f1faf7;box-shadow:inset 0 -3px var(--green);}

/* Location / notification / account surfaces */
.location-chip,
.utility-location{
  border-radius:12px !important;
  transition:.18s ease;
}
.location-chip:hover{background:#f0faf7 !important;border-color:#b9dfd2 !important;}
.notification-btn{position:relative;}
.notification-btn .notification-dot,
.notification-btn .badge{
  border:2px solid #fff;
}

/* Hero and section surfaces */
.hero-carousel,
.hero,
.hero-slide,
.franchise-cta-card,
.mobile-app-banner{border-radius:24px;}
.section-title{max-width:1280px;margin-left:auto;margin-right:auto;}
.section-title h2{letter-spacing:-.4px;}
.section-title .view-all{padding:8px 11px;border-radius:10px;}
.section-title .view-all:hover{background:#eef9f5;}

/* Service shortcuts */
.service-grid{border-radius:20px;box-shadow:var(--shadow-card);}
.service{min-height:128px;display:flex;flex-direction:column;justify-content:center;}
.service .round{box-shadow:0 6px 15px rgba(22,100,165,.08);}
.service:hover{transform:none;background:#f7fcfa;}

/* Cards — consistent premium language */
.card-ui,
.doctor-card,
.review-card,
.benefit-card,
.franchise-step,
.filter-card,
.cart-box,
.summary,
.step{
  border-radius:18px;
  box-shadow:var(--shadow-soft);
}
.card-ui:hover,.doctor-card:hover,.benefit-card:hover,.franchise-step:hover{
  border-color:#d3e6e1;
}
.card-ui h3,.doctor-body h3{letter-spacing:-.15px;}

/* Card buttons */
.card-footer button,
.card-footer a{
  min-height:40px;
  border-radius:11px !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Pills / badges / tags */
.badge,
.kicker,
.chip,
.tag,
.specialty-chip,
.hero-trust-row span{
  border-radius:999px !important;
}

/* Forms */
.form-control,
.form-select,
input.form-control,
textarea.form-control{
  border-radius:12px !important;
  min-height:46px;
  padding-left:14px;
  padding-right:14px;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
textarea.form-control{padding-top:12px;}
.form-control:focus,.form-select:focus{
  border-color:#8bcdbd;
  box-shadow:var(--focus);
}
.form-label{letter-spacing:.01em;}

/* FAQ */
.faq-grid .accordion-item{border-radius:15px !important;box-shadow:0 4px 14px rgba(15,55,70,.035);}
.faq-grid .accordion-button{border-radius:15px !important;}

/* Franchise CTA */
.franchise-cta-card{box-shadow:0 22px 50px rgba(11,63,78,.14);}
.franchise-cta-copy .btn-light{box-shadow:0 8px 20px rgba(0,0,0,.08);}

/* Footer */
.footer-prof{margin-top:10px;}
.footer-socials a{border-radius:12px !important;}
.footer-payments b{border-radius:8px !important;}

/* Modals / offcanvas */
.modal-content,
.offcanvas,
.dropdown-menu{
  border-radius:20px !important;
  border:1px solid #e1eaed;
  box-shadow:0 24px 70px rgba(12,47,69,.16);
}
.modal-header,.modal-footer{border-color:#edf2f3;}
.btn-close{border-radius:50% !important;background-color:#f3f7f8;padding:.65rem;opacity:.7;}

/* ═══════════════════════════════════════════════════════════════
   ULTRA-ATTRACTIVE & STYLISH MOBILE BOTTOM NAVIGATION DOCK
   ═══════════════════════════════════════════════════════════════ */
.mobile-bottom {
  display: none !important;
}

@media (max-width: 767px) {
  body {
    padding-bottom: 84px !important;
  }

  .mobile-bottom {
    display: flex !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 68px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-top: 1.5px solid rgba(226, 234, 238, 0.85) !important;
    border-radius: 22px 22px 0 0 !important;
    box-shadow: 0 -8px 32px rgba(15, 45, 60, 0.09), 0 -2px 6px rgba(0, 0, 0, 0.02) !important;
    z-index: 2050 !important;
    padding: 0 6px !important;
    padding-bottom: max(6px, env(safe-area-inset-bottom)) !important;
    align-items: stretch !important;
    justify-content: space-around !important;
    box-sizing: border-box !important;
  }

  .mobile-nav-item {
    flex: 1 1 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    position: relative !important;
    padding: 4px 0 6px 0 !important;
    color: #64748b !important;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
    user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
    background: transparent !important;
    border: none !important;
  }

  .mobile-nav-icon {
    width: 40px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    font-size: 20px !important;
    color: #64748b !important;
    transition: all 0.22s ease !important;
    position: relative !important;
  }

  .mobile-nav-label {
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.15px !important;
    color: #64748b !important;
    transition: all 0.22s ease !important;
    margin-top: 1px !important;
  }

  /* Active Tab State */
  .mobile-nav-item.active {
    color: #008f70 !important;
  }
  .mobile-nav-item.active .mobile-nav-icon {
    color: #008f70 !important;
    background: #e6f7f2 !important;
    transform: translateY(-1px) !important;
  }
  .mobile-nav-item.active .mobile-nav-label {
    color: #008f70 !important;
    font-weight: 850 !important;
  }
  .mobile-nav-item .active-dot {
    display: none !important;
    position: absolute !important;
    bottom: 2px !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: #008f70 !important;
    box-shadow: 0 0 6px rgba(0, 143, 112, 0.6) !important;
  }
  .mobile-nav-item.active .active-dot {
    display: block !important;
  }

  /* Center Elevated "Book" Floating Action Button (FAB) */
  .mobile-nav-fab-item {
    overflow: visible !important;
    z-index: 5 !important;
    padding-top: 0 !important;
  }

  .mobile-fab-circle {
    width: 52px !important;
    height: 52px !important;
    margin-top: -24px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #008f70 0%, #059669 100%) !important;
    border: 4px solid #ffffff !important;
    box-shadow: 0 8px 24px rgba(0, 143, 112, 0.42), 0 3px 8px rgba(0, 0, 0, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-size: 22px !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
  }

  .mobile-fab-circle i {
    font-size: 22px !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.25s ease !important;
  }

  .mobile-nav-fab-item:hover .mobile-fab-circle,
  .mobile-nav-fab-item:active .mobile-fab-circle {
    transform: translateY(-3px) scale(1.08) !important;
    box-shadow: 0 12px 28px rgba(0, 143, 112, 0.55), 0 4px 10px rgba(0, 0, 0, 0.12) !important;
  }

  .mobile-nav-fab-item:active .mobile-fab-circle i {
    transform: rotate(90deg) !important;
  }

  .fab-label {
    color: #008f70 !important;
    font-weight: 850 !important;
    margin-top: 2px !important;
  }

  /* Cart Badge on Mobile Bottom Navigation */
  .nav-cart-badge {
    position: absolute !important;
    top: -3px !important;
    right: -6px !important;
    min-width: 17px !important;
    height: 17px !important;
    border-radius: 10px !important;
    background: #dc3e26 !important;
    color: #ffffff !important;
    font-size: 8.5px !important;
    font-weight: 900 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 2px 6px rgba(220, 62, 38, 0.38) !important;
    padding: 0 3px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 380px) {
  .mobile-bottom {
    height: 64px !important;
  }
  .mobile-fab-circle {
    width: 48px !important;
    height: 48px !important;
    margin-top: -22px !important;
    font-size: 20px !important;
  }
  .mobile-fab-circle i {
    font-size: 20px !important;
  }
  .mobile-nav-icon {
    font-size: 18px !important;
    height: 25px !important;
  }
  .mobile-nav-label {
    font-size: 9.5px !important;
  }
}

/* Quick book */
.quick-book{border-radius:14px !important;box-shadow:0 12px 30px rgba(10,155,103,.28);}

/* Better mobile rhythm and touch targets */
@media(max-width:767px){
  .container-xl{width:calc(100% - 24px);}
  .header-row{width:calc(100% - 24px);}
  .section-title{width:100%;}
  .btn,.btn-green,.btn-outline-app,.btn-solid,.btn-white{min-height:44px;}
  .hero-buttons .btn-green,.hero-buttons .btn-outline-app{min-height:42px;border-radius:12px !important;}
  .hero-carousel{border-radius:20px;}
  .hero-slide-copy{border-radius:0;}
  .hero-slide-media{border-radius:0;}
  .service-grid{border-radius:18px;}
  .service{min-height:112px;}
  .promo,.card-ui,.doctor-card,.review-card-premium{border-radius:16px;}
  .promo .small-btn{border-radius:11px !important;min-height:38px;}
  .faq-grid .accordion-button{padding:15px 14px;}
  .footer-top{gap:24px;}
  .footer-prof{padding-bottom:86px;}
}

/* Small phone: prevent CTA wrapping from looking cramped */
@media(max-width:420px){
  .hero-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%;}
  .hero-buttons>*{width:100%;}
  .header-actions{gap:5px;}
  .icon-action,.mobile-menu-btn,.cart-action{width:36px;height:36px;}
}

/* =========================================================
   V6 — COMMERCE / LISTING REFINEMENT
   ========================================================= */
.card-footer{display:grid !important;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;align-items:stretch}
.card-footer > a,.card-footer > button{width:100%;min-width:0;min-height:46px !important;padding:10px 12px !important;border-radius:12px !important;font-size:11px !important;font-weight:850 !important}
.card-footer > a{border:1px solid #d9e6e9;background:#fff;color:#285665;text-decoration:none}
.card-footer > a:hover{background:#f2faf7;border-color:#a8d7c9;color:#087f5b}
.card-footer > button{border:1px solid #0a9b67}
.card-ui{height:100%;display:flex;flex-direction:column}
.card-ui .card-footer{margin-top:auto;padding-top:14px}
.package-card-image,.wellness-product-image{height:190px !important;border-radius:15px !important;background:#f4f8f8 !important;overflow:hidden !important;position:relative !important}
.package-card-image img,.wellness-product-image img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;transition:transform .35s ease}
.card-ui:hover .package-card-image img,.card-ui:hover .wellness-product-image img{transform:scale(1.035)}
.package-card-image:after,.wellness-product-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,38,50,0) 55%,rgba(8,38,50,.10));pointer-events:none}
.listing-hero{background:linear-gradient(135deg,#eff9f6,#f7fbfa);border:1px solid #e2efec;border-radius:22px;padding:28px 30px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.listing-hero h1{font-size:32px;letter-spacing:-.9px;color:#14364a;font-weight:900;margin:7px 0 8px}.listing-hero p{margin:0;color:#60777f;font-size:12px;line-height:1.7;max-width:680px}.listing-hero-art{width:180px;height:120px;border-radius:18px;overflow:hidden;flex:0 0 180px}.listing-hero-art img{width:100%;height:100%;object-fit:cover}
.listing-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.listing-search{flex:1;position:relative}.listing-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#81959b}.listing-search input{width:100%;height:46px;border:1px solid #dce8eb;border-radius:13px;padding:0 14px 0 40px;font-size:11px;outline:none;background:#fff}.listing-search input:focus{border-color:#8ccdbd;box-shadow:var(--focus)}.listing-count{font-size:10px;color:#7a8d93;white-space:nowrap}.sort-select{height:46px;min-width:175px;border:1px solid #dce8eb;border-radius:13px;background:#fff;padding:0 13px;font-size:10px;color:#345866;outline:none}.sort-select:focus{border-color:#8ccdbd;box-shadow:var(--focus)}
.category-chips{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding-bottom:3px;margin-bottom:18px}.category-chips::-webkit-scrollbar{display:none}.category-chip{border:1px solid #dce8eb;background:#fff;color:#4d6872;border-radius:999px;padding:9px 14px;font-size:9px;font-weight:800;white-space:nowrap}.category-chip.active,.category-chip:hover{background:#eaf8f2;border-color:#a7d8ca;color:#087f5b}
.package-layout{display:grid;grid-template-columns:220px 1fr;gap:22px}.listing-filter{border:1px solid #e1eaed;border-radius:17px;background:#fff;padding:17px;height:max-content;position:sticky;top:118px;box-shadow:var(--shadow-soft)}.listing-filter h4{font-size:12px;color:#234b5a;font-weight:900;margin:0 0 14px}.filter-group{border-top:1px solid #edf2f3;padding:14px 0}.filter-group:first-of-type{border-top:0;padding-top:0}.filter-group-title{font-size:9px;font-weight:900;color:#4a6670;text-transform:uppercase;letter-spacing:.06em;margin-bottom:9px}.filter-option{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:10px;color:#657980}.filter-option input{accent-color:#0a9b67}.clear-filter{border:0;background:none;color:#0a9b67;font-size:9px;font-weight:850;padding:0}.mobile-filter-btn{display:none}
.package-grid,.wellness-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.package-grid .card-ui,.wellness-grid .card-ui{min-width:0}.package-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:8px 0}.package-meta .tag{font-size:8px;font-weight:850;color:#087f5b;background:#eaf8f2;border-radius:999px;padding:5px 8px}.package-meta .tat{font-size:8px;color:#819198}.saving-line{font-size:9px;color:#0a9b67;font-weight:800;margin-top:5px}
.wellness-hero{background:linear-gradient(120deg,#eaf8f2,#f8fbfa);border:1px solid #dfede9;border-radius:24px;padding:30px;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center;margin-bottom:24px;overflow:hidden}.wellness-hero h1{font-size:34px;line-height:1.08;letter-spacing:-1px;color:#14364a;font-weight:900;margin:9px 0}.wellness-hero p{font-size:12px;color:#61777f;line-height:1.7;max-width:600px}.wellness-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.wellness-benefits span{background:#fff;border:1px solid #dcebe7;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:800;color:#4d6872}.wellness-hero-image{height:235px;border-radius:19px;overflow:hidden}.wellness-hero-image img{width:100%;height:100%;object-fit:cover}.wellness-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 15px}.wellness-toolbar-left{display:flex;align-items:center;gap:9px;flex:1}.view-toggle{display:flex;border:1px solid #dce8eb;border-radius:12px;padding:3px;background:#fff}.view-toggle button{border:0;background:transparent;width:35px;height:35px;border-radius:9px;color:#789098}.view-toggle button.active{background:#eaf8f2;color:#087f5b}.product-wishlist{position:absolute;z-index:3;right:11px;top:11px;width:35px;height:35px;border:1px solid rgba(220,232,235,.95);border-radius:50%;background:rgba(255,255,255,.95);color:#60777f;display:grid;place-items:center}.product-wishlist:hover{color:#e45d68}.product-badge{position:absolute;z-index:3;left:11px;top:11px;border-radius:999px;background:#0a9b67;color:#fff;padding:6px 8px;font-size:8px;font-weight:900}.product-info{padding-top:13px}.product-category{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#87979d;font-weight:850}.product-title{font-size:14px !important;line-height:1.3 !important;margin:4px 0 5px !important;color:#1c4352}.rating-row{display:flex;align-items:center;gap:6px;margin:6px 0}.rating-stars{color:#f0a62c;font-size:10px;letter-spacing:-2px}.rating-count{font-size:8px;color:#8a999e}.product-price-row{display:flex;align-items:baseline;gap:7px;margin-top:6px}.product-price{font-size:18px;font-weight:900;color:#143b4c}.product-old{font-size:10px;color:#9ba8ad;text-decoration:line-through}.product-save{font-size:8px;color:#0a9b67;font-weight:850}.product-card-actions{display:grid;grid-template-columns:1fr 1.45fr;gap:8px;margin-top:13px}.product-card-actions button{min-height:43px;border-radius:11px !important;font-size:10px;font-weight:850}.product-card-actions .quick-view{background:#fff;border:1px solid #d9e6e9;color:#365b68}.product-card-actions .add-product{background:#0a9b67;border:1px solid #0a9b67;color:#fff;box-shadow:0 7px 18px rgba(10,155,103,.14)}.product-card-actions .add-product:hover{background:#087f5b}.trust-strip-commerce{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.trust-commerce{background:#fff;border:1px solid #e2ebed;border-radius:15px;padding:14px;display:flex;align-items:center;gap:10px}.trust-commerce i{width:38px;height:38px;border-radius:12px;background:#eaf8f2;color:#0a9b67;display:grid;place-items:center;font-size:18px}.trust-commerce strong{font-size:10px;color:#284e5d;display:block}.trust-commerce span{font-size:8px;color:#84959b;display:block;margin-top:3px}
.empty-state{display:none;text-align:center;border:1px dashed #cbdde1;border-radius:18px;padding:45px 20px;color:#71858c;background:#fbfdfd}.empty-state i{font-size:32px;color:#9cb2b8}.empty-state strong{display:block;color:#315766;margin-top:9px}.empty-state span{font-size:10px}
@media(max-width:991px){.package-layout{grid-template-columns:1fr}.listing-filter{display:none}.mobile-filter-btn{display:inline-flex}.package-grid,.wellness-grid{grid-template-columns:repeat(2,1fr)}.wellness-hero{grid-template-columns:1fr}.wellness-hero-image{height:220px}.trust-strip-commerce{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.listing-hero{padding:20px;border-radius:18px}.listing-hero h1{font-size:24px}.listing-hero-art{display:none}.listing-tools{display:grid;grid-template-columns:1fr auto}.listing-search{grid-column:1/-1}.sort-select{min-width:145px}.listing-count{font-size:9px}.mobile-filter-btn{height:46px;border:1px solid #dce8eb;background:#fff;color:#365b68;border-radius:13px;font-size:10px;font-weight:850;padding:0 12px}.package-grid,.wellness-grid{grid-template-columns:1fr 1fr;gap:10px}.package-card-image,.wellness-product-image{height:150px !important}.card-ui{padding:10px}.card-ui h3{font-size:12px}.card-footer > a,.card-footer > button{min-height:44px !important;font-size:9px !important;padding:8px 5px !important}.wellness-hero{padding:20px}.wellness-hero h1{font-size:26px}.wellness-hero p{font-size:10px}.wellness-hero-image{height:175px}.wellness-toolbar{display:block}.wellness-toolbar-left{margin-bottom:9px}.product-title{font-size:12px !important}.product-price{font-size:16px}.product-card-actions{grid-template-columns:1fr}.product-card-actions .quick-view{display:none}.trust-strip-commerce{grid-template-columns:1fr 1fr;gap:8px}.trust-commerce{padding:10px}.trust-commerce i{width:32px;height:32px;font-size:15px}.trust-commerce strong{font-size:9px}.trust-commerce span{font-size:7px}.category-chips{margin-bottom:13px}}
@media(max-width:390px){.package-grid,.wellness-grid{grid-template-columns:1fr}.package-card-image,.wellness-product-image{height:190px !important}.listing-tools{grid-template-columns:1fr}.sort-select,.mobile-filter-btn{width:100%}.trust-strip-commerce{grid-template-columns:1fr}.wellness-hero h1{font-size:24px}}
.wellness-list-view{grid-template-columns:1fr !important}.wellness-list-view .wellness-item{display:grid !important;grid-template-columns:220px 1fr;gap:18px}.wellness-list-view .wellness-product-image{height:210px !important}.wellness-list-view .product-card-actions{max-width:360px}@media(max-width:767px){.wellness-list-view .wellness-item{grid-template-columns:120px 1fr;gap:10px}.wellness-list-view .wellness-product-image{height:160px !important}.wellness-list-view .product-card-actions{grid-template-columns:1fr}.wellness-list-view .product-card-actions .quick-view{display:none}}

/* V7 page system */
.page-banner{position:relative;min-height:330px;overflow:hidden;background:#10344b;color:#fff;display:flex;align-items:stretch}.page-banner-media{position:absolute;inset:0}.page-banner-media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.92)}.page-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,37,55,.94) 0%,rgba(8,37,55,.78) 45%,rgba(8,37,55,.32) 100%)}.page-banner-inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:36px 20px}.breadcrumb-modern{display:flex;align-items:center;gap:9px;font-size:11px;margin-bottom:32px;color:rgba(255,255,255,.76)}.breadcrumb-modern a{color:#fff;text-decoration:none;font-weight:700}.breadcrumb-modern i{font-size:9px;opacity:.65}.page-banner-copy{max-width:700px}.banner-kicker{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:1.2px;font-weight:900;color:#9be4c6}.page-banner h1{font-size:44px;line-height:1.08;margin:8px 0 10px;font-weight:900;letter-spacing:-1.2px}.page-banner p{font-size:18px;margin:0 0 6px;font-weight:600}.page-banner small{font-size:12px;color:rgba(255,255,255,.76)}
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.offer-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(20,61,78,.06);transition:.2s}.offer-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(20,61,78,.11)}.offer-card>img{width:100%;height:190px;object-fit:cover}.offer-card>div{padding:20px}.offer-tag{font-size:9px;font-weight:900;letter-spacing:1px;color:var(--green)}.offer-card h3{font-size:20px;font-weight:900;margin:7px 0}.offer-card p{font-size:12px;color:var(--muted);line-height:1.65;min-height:40px}.offer-card .btn-green{display:inline-flex;text-decoration:none;margin-top:8px}.tracking-box{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:28px}.tracking-search{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:end}.tracking-search h2{font-size:28px;font-weight:900;margin:7px 0}.tracking-search p{font-size:12px;color:var(--muted);max-width:500px}.track-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.tracking-demo{display:flex;align-items:flex-start;margin-top:36px}.tracking-status{display:flex;align-items:flex-start;gap:10px;min-width:170px}.status-dot{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eef2f4;color:#91a0a5;font-size:16px;flex:none}.status-dot.done{background:#e4f6ee;color:var(--green)}.status-dot.current{background:#e8f2ff;color:#2871b7;box-shadow:0 0 0 5px #e8f2ff88}.tracking-status strong{display:block;font-size:12px;margin-top:2px}.tracking-status small{display:block;color:var(--muted);font-size:9px;margin-top:4px;line-height:1.4}.tracking-line{height:2px;background:#cfe8dc;flex:1;margin:20px 8px 0}.muted-line{background:#e5eaec}.muted-status{opacity:.55}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.policy-card{padding:24px}.policy-card>i{width:48px;height:48px;border-radius:14px;background:#e8f7f0;color:var(--green);display:grid;place-items:center;font-size:22px;margin-bottom:16px}.policy-card h3{font-size:16px;font-weight:900}.policy-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.policy-content{max-width:920px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:0 8px 24px rgba(20,61,78,.04)}.policy-content h2{font-size:27px;font-weight:900;margin-bottom:20px}.policy-content h3{font-size:16px;font-weight:900;margin:26px 0 8px}.policy-content p{font-size:13px;color:#586e76;line-height:1.8}.policy-updated{display:inline-flex;background:#f2f7f8;padding:7px 10px;border-radius:8px;font-size:10px;font-weight:800;color:#60767e;margin-bottom:18px}.policy-note{display:flex;gap:12px;background:#f0f7ff;border:1px solid #dcecff;border-radius:12px;padding:14px;font-size:12px;color:#49616b;margin:15px 0}.policy-note i{font-size:18px;color:#2871b7}.faq-page-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:start}.faq-page-grid h2{font-size:30px;font-weight:900;margin:7px 0}.faq-page-grid .accordion{border:1px solid var(--line);border-radius:16px;overflow:hidden}.faq-page-grid .accordion-item{border:0;border-bottom:1px solid var(--line)}.faq-page-grid .accordion-item:last-child{border-bottom:0}.faq-page-grid .accordion-button{font-size:13px;font-weight:800;padding:18px 20px;box-shadow:none}.faq-page-grid .accordion-button:not(.collapsed){background:#f2faf6;color:var(--green)}.faq-page-grid .accordion-body{font-size:12px;color:var(--muted);line-height:1.7}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}.contact-card{padding:28px}.contact-card h2{font-size:28px;font-weight:900;margin:8px 0}.contact-list{margin-top:25px;display:grid;gap:10px}.contact-list>a,.contact-list>div{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:inherit}.contact-list i{width:40px;height:40px;border-radius:11px;background:#edf8f3;color:var(--green);display:grid;place-items:center}.contact-list strong,.contact-list small{display:block}.contact-list strong{font-size:12px}.contact-list small{font-size:10px;color:var(--muted);margin-top:2px}
@media(max-width:767px){.page-banner{min-height:300px}.page-banner-inner{padding:28px 16px}.breadcrumb-modern{margin-bottom:25px}.page-banner h1{font-size:31px}.page-banner p{font-size:15px}.page-banner small{font-size:10px}.offer-grid,.policy-grid,.contact-grid,.faq-page-grid{grid-template-columns:1fr}.offer-card>img{height:175px}.tracking-box{padding:18px}.tracking-search{grid-template-columns:1fr;gap:15px}.track-form{grid-template-columns:1fr}.tracking-demo{display:block}.tracking-status{min-width:0}.tracking-line{width:2px;height:30px;margin:4px 0 4px 20px}.policy-content{padding:22px}.policy-content h2{font-size:23px}.footer-bottom{gap:10px}.footer-legal{flex-wrap:wrap;justify-content:center}.footer-payments{justify-content:center}.nav-row .nav{overflow-x:auto}.page-banner-media img{object-position:center}.page-banner:after{background:linear-gradient(90deg,rgba(8,37,55,.95),rgba(8,37,55,.68))}}
/* WINZOU HEALTH V8.1 - FINAL UI POLISH */
:root{
  --ui-text:#173d4d;--ui-muted:#60757e;--ui-green:#0a9b67;--ui-navy:#103b5b;
  --ui-radius:14px;--ui-card-radius:20px;
}
html{font-size:16px}
body{font-size:15px;line-height:1.55;color:var(--ui-text)}
/* Typography scale - deliberately more readable than the earlier compact build */
.nav a{font-size:13px;font-weight:750;padding:14px 18px}
.search input{font-size:13px}
.location-chip strong{font-size:12px}.location-chip small{font-size:9px}
.account-action strong{font-size:11px}.account-action small{font-size:9px}
.cart-action{font-size:12px}.header-book{font-size:13px!important}
.btn-green,.btn-outline-app{font-size:13px!important;min-height:46px;border-radius:13px!important}
.section-title h2{font-size:28px}.section-title p{font-size:13px}
.service h4{font-size:12px}.service small{font-size:10px}
.card-ui h3{font-size:15px}.card-ui p{font-size:12px}.card-ui .price{font-size:18px}
.card-footer>a,.card-footer>button{font-size:12px!important;min-height:48px!important;border-radius:13px!important}
.listing-hero h1{font-size:34px}.listing-hero p{font-size:14px}
.listing-count,.sort-select,.mobile-filter-btn{font-size:12px}
.product-title{font-size:15px!important}.product-price{font-size:19px}
.v8-title{font-size:30px}.v8-muted{font-size:14px}.v8-btn{font-size:14px;min-height:48px}
.v8-table td{font-size:13px}.v8-table th{font-size:11px}
.policy-content p,.faq-page-grid .accordion-body{font-size:14px}
.faq-page-grid .accordion-button{font-size:14px}
.contact-card h2{font-size:30px}.contact-list strong{font-size:13px}.contact-list small{font-size:11px}
.footer-col a{font-size:12px}.footer-col h4{font-size:13px}.footer-brand p{font-size:13px}.footer-contact{font-size:12px}
/* Professional utility dropdown */
.nav-more{position:relative;display:flex;align-items:center}
.nav-more>a{display:flex!important;align-items:center;gap:6px}
.nav-more .dropdown-menu{min-width:260px;padding:8px;border:1px solid #e1eaed;border-radius:16px;box-shadow:0 20px 45px rgba(15,52,73,.16)}
.nav-more .dropdown-menu a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px!important;box-shadow:none!important;color:#315663;font-size:12px}
.nav-more .dropdown-menu a:hover{background:#eef9f5;color:var(--ui-green)}
.nav-more .dropdown-menu a i{width:20px;color:var(--ui-green);font-size:15px}
.nav-prescription{margin-left:8px!important;background:var(--ui-green)!important;color:#fff!important;border-radius:13px!important;padding:10px 15px!important;display:flex!important;align-items:center;gap:7px;box-shadow:0 7px 18px rgba(10,155,103,.18)}
.nav-prescription:hover{color:#fff!important;background:#07875b!important;box-shadow:0 10px 22px rgba(10,155,103,.24)}
/* Mobile general adjustments */
@media(max-width:767px){
  html{font-size:16px}
  body{font-size:15px}
  .container-xl{width:calc(100% - 20px)}
  /* Bigger mobile reading scale */
  .section-title h2{font-size:23px}.section-title p{font-size:12px}
  .service h4{font-size:11px}.service small{font-size:9px}
  .card-ui h3{font-size:14px}.card-ui p{font-size:12px}.card-ui .price{font-size:18px}
  .card-footer>a,.card-footer>button{font-size:11px!important;min-height:48px!important}
  .v8-title{font-size:26px}.v8-muted{font-size:13px}.v8-btn{font-size:13px;min-height:48px}
  .page-banner h1{font-size:34px}.page-banner p{font-size:15px}
  .footer-col a{font-size:12px}
  .mobile-menu-links a{font-size:14px;padding:14px 9px}.mobile-menu-actions a,.mobile-menu-actions button{font-size:12px;padding:13px}
}
/* V8.1 navigation + prescription upload */
.nav{align-items:center}
.nav a{padding-left:13px!important;padding-right:13px!important;font-size:12.5px!important}
.nav-prescription{font-size:12px!important;white-space:nowrap}
.mobile-prescription-btn{display:flex;align-items:center;gap:11px;margin:16px 0 12px;padding:13px 12px;border-radius:15px;background:linear-gradient(135deg,#0a9b67,#087f68);color:#fff;box-shadow:0 10px 22px rgba(10,155,103,.16)}
.mobile-prescription-btn>i:first-child{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:19px;flex:none}.mobile-prescription-btn span{display:flex;flex-direction:column;line-height:1.25}.mobile-prescription-btn strong{font-size:12px}.mobile-prescription-btn small{font-size:9px;color:#d9f5eb;margin-top:3px}.mobile-more-box{border-top:1px solid #edf2f3;margin-top:12px;padding-top:8px}.mobile-more-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:#f7fafb;border-radius:12px;padding:13px 11px;color:#315765;font-weight:800;font-size:12px}.mobile-more-toggle span{display:flex;align-items:center;gap:9px}.mobile-more-toggle span i{color:var(--green);font-size:16px}.mobile-more-links{display:none;padding:6px 0 2px}.mobile-more-links.open{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mobile-more-links a{display:flex;align-items:center;gap:7px;padding:10px 8px;border-radius:9px;background:#fff;color:#47646e;font-size:10px;font-weight:750}.mobile-more-links a i{color:var(--green);font-size:14px}.prescription-layout{display:grid;grid-template-columns:1fr .85fr;gap:22px;align-items:start}.prescription-steps{display:grid;gap:14px;margin-top:24px}.prescription-steps>div{display:flex;gap:12px;align-items:flex-start}.prescription-steps>div>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eaf8f2;color:var(--green);font-weight:900;flex:none}.prescription-steps strong{font-size:14px}.prescription-steps p{font-size:12px;color:var(--v8-muted);margin:3px 0 0;line-height:1.5}.prescription-note{display:flex;gap:12px;padding:14px;border-radius:14px;background:#f2f8ff;border:1px solid #dceaf8;margin-top:22px}.prescription-note>i{font-size:20px;color:#2c71b0}.prescription-note strong{font-size:12px}.prescription-note p{font-size:10px;color:#657a83;margin:3px 0 0}.upload-dropzone{border:2px dashed #a8d7ca;border-radius:18px;padding:30px 18px;text-align:center;background:#f7fcfa;transition:.2s}.upload-dropzone.dragging,.upload-dropzone.has-file{border-color:var(--green);background:#effaf6}.upload-dropzone>i{width:58px;height:58px;border-radius:18px;background:#e5f7f0;color:var(--green);display:grid;place-items:center;font-size:28px;margin:0 auto 13px}.upload-dropzone h3{font-size:19px;font-weight:900;margin:0 0 5px}.upload-dropzone p{font-size:12px;color:var(--v8-muted);margin:0 0 16px}.upload-file-name{font-size:10px;color:#6e8188;margin-top:12px;min-height:15px}.prescription-upload-card .form-label{font-size:12px}.prescription-upload-card .v8-input{font-size:13px}
@media(max-width:991px){.prescription-layout{grid-template-columns:1fr}.nav{justify-content:flex-start}.nav a{padding-left:11px!important;padding-right:11px!important}.nav-prescription{margin-left:4px!important}}
@media(max-width:767px){.nav-row{display:none}.mobile-prescription-btn{margin-top:14px}.prescription-layout{grid-template-columns:1fr}.prescription-info .v8-title{font-size:24px}.prescription-steps strong{font-size:13px}.prescription-steps p{font-size:11px}.upload-dropzone{padding:25px 14px}.mobile-more-links.open{grid-template-columns:1fr 1fr}}



/* =========================================================
   WINZOU HEALTH V8.2 - FINAL RESPONSIVE UI ADJUSTMENTS
   1) Compact hero so the mobile home screen fits naturally
   2) Desktop More dropdown opens as a proper floating submenu
   3) Larger typography across the complete frontend
   ========================================================= */

/* --- Larger global reading scale --- */
html{font-size:16px!important}
body{font-size:16px!important;line-height:1.58!important}
.nav a{font-size:14px!important;font-weight:750!important;padding:14px 18px!important}
.search input{font-size:14px!important}
.location-chip strong{font-size:13px!important}
.location-chip small{font-size:10px!important}
.account-action strong{font-size:13px!important}
.account-action small{font-size:10px!important}
.cart-action{font-size:13px!important}
.header-book{font-size:14px!important}
.btn-green,.btn-outline-app{font-size:14px!important}
.section-title h2{font-size:30px!important}
.section-title p{font-size:14px!important}
.service h4{font-size:13px!important}
.service small,.service p{font-size:11px!important}
.card-ui h3{font-size:16px!important}
.card-ui p{font-size:14px!important}
.card-ui .price,.price{font-size:19px!important}
.card-footer>a,.card-footer>button{font-size:13px!important}
.listing-hero h1{font-size:36px!important}
.listing-hero p{font-size:15px!important}
.listing-count,.sort-select,.mobile-filter-btn{font-size:13px!important}
.product-title{font-size:16px!important}
.product-price{font-size:20px!important}
.auth-form h1{font-size:30px!important}
.auth-form p{font-size:14px!important}
.form-control,.form-select{font-size:14px!important}
.form-label{font-size:13px!important}
.footer-col a{font-size:13px!important}
.footer-col h4{font-size:14px!important}
.footer-brand p,.footer-contact{font-size:13px!important}

/* --- Desktop More menu: never clip it inside the horizontal nav --- */
@media(min-width:768px){
  .nav-row{position:relative!important;z-index:1100!important;overflow:visible!important}
  .nav{position:relative!important;overflow:visible!important;max-width:none!important}
  .nav-more{position:relative!important;z-index:1200!important}
  .nav-more .dropdown-menu{
    position:absolute!important;
    top:calc(100% + 7px)!important;
    left:0!important;
    right:auto!important;
    display:none;
    min-width:285px!important;
    max-height:none!important;
    overflow:visible!important;
    padding:9px!important;
    margin:0!important;
    background:#fff!important;
    border:1px solid #dfeaec!important;
    border-radius:15px!important;
    box-shadow:0 18px 45px rgba(15,52,73,.18)!important;
    z-index:5000!important;
  }
  .nav-more.show .dropdown-menu,
  .nav-more .dropdown-menu.show{display:block!important}
  .nav-more .dropdown-menu a{
    width:100%!important;
    min-height:44px!important;
    padding:10px 13px!important;
    margin:0!important;
    font-size:14px!important;
    line-height:1.35!important;
    white-space:nowrap!important;
    box-shadow:none!important;
    border:0!important;
  }
  .nav-more .dropdown-menu a:hover{box-shadow:none!important}
  .nav-more>a{font-size:14px!important}
}

/* --- Compact mobile hero: full width but much shorter --- */
@media(max-width:767px){
  html{font-size:16px!important}
  body{font-size:16px!important;line-height:1.55!important}




  /* Bigger page typography on mobile too */
  .section-title h2{font-size:25px!important}
  .section-title p{font-size:14px!important}
  .service h4{font-size:13px!important}
  .service p,.service small{font-size:11px!important}
  .card-ui h3{font-size:15px!important}
  .card-ui p{font-size:13px!important}
  .card-ui .price,.price{font-size:18px!important}
  .card-footer>a,.card-footer>button{font-size:12px!important}
  .v8-title{font-size:28px!important}
  .v8-muted{font-size:14px!important}
  .v8-btn{font-size:14px!important}
  .page-banner h1{font-size:36px!important}
  .page-banner p{font-size:15px!important}
  .footer-col a{font-size:13px!important}
  .footer-col h4{font-size:14px!important}
  .mobile-menu-links a{font-size:15px!important;padding:14px 9px!important}
  .mobile-menu-actions a,.mobile-menu-actions button{font-size:13px!important;padding:14px!important}
}





/* =========================================================
   V8.3 CUSTOMER-FIRST POLISH
   Frontend-only visual refinement. No API/backend changes.
   ========================================================= */
/* Let desktop dropdowns escape the horizontal navigation wrapper. */
@media(min-width:768px){
  .nav-row,.nav-row .container-xl,.nav{overflow:visible!important}
  .nav{position:relative;z-index:1010}
  .nav-more{position:relative;z-index:1020}
  .nav-more .dropdown-menu{
    position:absolute!important;top:calc(100% + 10px)!important;left:50%!important;right:auto!important;
    transform:translateX(-50%)!important;display:none;z-index:3000!important;
    min-width:270px!important;padding:9px!important;background:#fff!important;
    border:1px solid #dfeaec!important;border-radius:16px!important;
    box-shadow:0 18px 50px rgba(16,55,72,.18)!important;
  }
  .nav-more.show .dropdown-menu{display:block!important}
  .nav-more .dropdown-menu:before{content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;background:#fff;border-left:1px solid #dfeaec;border-top:1px solid #dfeaec;transform:translateX(-50%) rotate(45deg)}
  .nav-more .dropdown-menu a{font-size:14px!important;line-height:1.3!important;padding:12px 13px!important}
  .nav-more .dropdown-menu a i{font-size:16px!important}
}

/* Clearer visual hierarchy and more tactile cards/buttons. */
:root{--customer-green:#079d68;--customer-ink:#10364b;--customer-soft:#f2faf7}
body{font-size:16px;line-height:1.58}
.section{padding-top:52px;padding-bottom:52px}
.section-title h2{font-size:30px!important;line-height:1.15}
.section-title p{font-size:15px!important}
.view-all{font-size:14px!important;font-weight:850!important}
.btn-green,.btn-outline-app,.small-btn,.btn-solid,.btn-white{font-size:14px!important;min-height:46px}
.card-ui,.doctor-card,.review-card-premium,.promo,.benefit-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.card-ui:hover,.doctor-card:hover,.review-card-premium:hover,.promo:hover,.benefit-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(20,61,78,.12);border-color:#cfe3df}
.service-grid{display:grid!important;grid-template-columns:repeat(8,1fr)!important;gap:14px!important;background:transparent!important;border:none!important;box-shadow:none!important;overflow:visible!important;padding:6px 0 14px!important}
.service{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;text-decoration:none!important;background:#fff!important;border:1.8px solid #d4e7e1!important;border-radius:20px!important;padding:20px 10px 18px!important;min-height:146px!important;box-shadow:0 4px 18px rgba(15,55,72,.05)!important;position:relative!important;transition:all .28s cubic-bezier(.16,1,.3,1)!important;cursor:pointer!important;overflow:hidden!important}
.service::after{content:"";position:absolute;top:0;left:0;right:0;height:3.5px;background:transparent;transition:background .25s ease;border-radius:20px 20px 0 0}
.service:hover,.service:active,.service:focus{transform:translateY(-5px)!important;border-color:#008f70!important;box-shadow:0 14px 30px rgba(0,143,112,.16),0 2px 8px rgba(0,0,0,.04)!important;background:linear-gradient(180deg,#fff 0%,#f4fbf8 100%)!important}
.service:hover::after,.service:active::after{background:linear-gradient(90deg,#008f70,#00c996)}
.service:hover .round{transform:scale(1.1)}
.service .round{width:54px!important;height:54px!important;border-radius:18px!important;margin:0 auto 11px!important;display:grid!important;place-items:center!important;font-size:24px!important;border:1.5px solid transparent!important;transition:transform .25s ease,box-shadow .25s ease!important;box-shadow:0 6px 14px rgba(0,0,0,.05)!important}
.service.service-lab .round,.service:nth-child(1) .round{background:linear-gradient(135deg,#e6f8f5 0%,#ccf3eb 100%)!important;color:#008f70!important;border-color:#9fe3d3!important}
.service.service-doctor .round,.service:nth-child(2) .round{background:linear-gradient(135deg,#edf5ff 0%,#dbeafe 100%)!important;color:#1d63c6!important;border-color:#bfdbfe!important}
.service.service-care .round,.service:nth-child(3) .round{background:linear-gradient(135deg,#fff1ee 0%,#ffe2dc 100%)!important;color:#dc3e26!important;border-color:#ffc8be!important}
.service.service-supplements .round,.service:nth-child(4) .round{background:linear-gradient(135deg,#fff6ea 0%,#ffebd0 100%)!important;color:#d06d0b!important;border-color:#fed7aa!important}
.service.service-store .round,.service:nth-child(5) .round{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)!important;color:#15803d!important;border-color:#bbf7d0!important}
.service.service-packages .round,.service:nth-child(6) .round{background:linear-gradient(135deg,#f5f0ff 0%,#ece0fd 100%)!important;color:#7c3aed!important;border-color:#ddd6fe!important}
.service.service-corporate .round,.service:nth-child(7) .round{background:linear-gradient(135deg,#f0f4f8 0%,#e1e9f0 100%)!important;color:#335979!important;border-color:#cbd5e1!important}
.service.service-franchise .round,.service:nth-child(8) .round{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%)!important;color:#059669!important;border-color:#a7f3d0!important}
.service h4{font-size:13.5px!important;font-weight:800!important;color:#143848!important;margin:0 0 3px!important;line-height:1.25!important;letter-spacing:-.2px}
.service p{font-size:11px!important;color:#647b83!important;margin:0!important;line-height:1.3!important;font-weight:500!important}
.customer-first-section{background:linear-gradient(180deg,#f3f9f7 0%,#fff 100%)!important;border-top:1.5px solid #dcebe6!important;border-bottom:1.5px solid #dcebe6!important;padding:44px 0!important;position:relative!important}
.customer-first-head{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:20px!important;margin-bottom:22px!important}
.cf-kicker-pill{display:inline-flex!important;align-items:center!important;gap:7px!important;background:linear-gradient(135deg,#e7f8f3 0%,#d4f4eb 100%)!important;color:#00795e!important;font-size:11px!important;font-weight:850!important;letter-spacing:.08em!important;padding:5px 14px!important;border-radius:999px!important;border:1.5px solid #a4e5d4!important;box-shadow:0 3px 10px rgba(0,143,112,.08)!important;margin-bottom:10px!important;text-transform:uppercase!important}
.customer-first-head h2{font-size:30px!important;font-weight:850!important;color:#102e3c!important;letter-spacing:-.6px!important;margin:0 0 6px 0!important;line-height:1.25!important}
.cf-title-accent{background:linear-gradient(120deg,#008f70 0%,#1677c2 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}
.customer-first-head p{color:#55707d!important;font-size:14px!important;margin:0!important;line-height:1.5!important;max-width:640px!important;font-weight:500!important}
.customer-first-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important;margin-top:12px!important}
.customer-first-card{position:relative!important;display:flex!important;align-items:center!important;gap:14px!important;min-height:118px!important;padding:18px 18px!important;border-radius:20px!important;text-decoration:none!important;transition:all .28s cubic-bezier(.16,1,.3,1)!important;overflow:hidden!important;z-index:1!important}
.customer-first-card::before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:4.5px!important;border-radius:20px 20px 0 0!important;z-index:2!important;transition:height .22s ease!important}
.customer-first-card:hover{transform:translateY(-4px)!important}
.customer-first-card:hover::before{height:6px!important}

.card-lab{background:linear-gradient(180deg,#f4fbf8 0%,#fff 55%)!important;border:2px solid #008f70!important;box-shadow:0 6px 20px rgba(0,143,112,.08)!important}
.card-lab::before{background:linear-gradient(90deg,#008f70 0%,#20c997 100%)!important}
.card-lab:hover{border-color:#00765d!important;box-shadow:0 14px 32px rgba(0,143,112,.18)!important}
.badge-lab{background:#e6f8f3!important;color:#00765d!important;border:1px solid #a8e8d8!important}
.card-lab .customer-first-arrow{background:#f0fbf7!important;border:1.5px solid #a8e8d8!important;color:#008f70!important}
.card-lab:hover .customer-first-arrow{background:#008f70!important;border-color:#008f70!important;color:#fff!important;transform:translate(2px,-2px)!important}
.icon-lab{background:linear-gradient(135deg,#e6f9f4 0%,#c4f1e5 100%)!important;border:1.5px solid #95e5d1!important;color:#008f70!important;box-shadow:0 4px 14px rgba(0,143,112,.16)!important}

.card-doctor{background:linear-gradient(180deg,#f4f8ff 0%,#fff 55%)!important;border:2px solid #1d63c6!important;box-shadow:0 6px 20px rgba(29,99,198,.08)!important}
.card-doctor::before{background:linear-gradient(90deg,#1d63c6 0%,#60a5fa 100%)!important}
.card-doctor:hover{border-color:#1754aa!important;box-shadow:0 14px 32px rgba(29,99,198,.18)!important}
.badge-doctor{background:#edf5ff!important;color:#1754aa!important;border:1px solid #bfdbfe!important}
.card-doctor .customer-first-arrow{background:#f2f7ff!important;border:1.5px solid #bfdbfe!important;color:#1d63c6!important}
.card-doctor:hover .customer-first-arrow{background:#1d63c6!important;border-color:#1d63c6!important;color:#fff!important;transform:translate(2px,-2px)!important}
.icon-doctor{background:linear-gradient(135deg,#eef5ff 0%,#d8e8fe 100%)!important;border:1.5px solid #b2d3fd!important;color:#1d63c6!important;box-shadow:0 4px 14px rgba(29,99,198,.16)!important}

.card-care{background:linear-gradient(180deg,#fff5f4 0%,#fff 55%)!important;border:2px solid #dc3e26!important;box-shadow:0 6px 20px rgba(220,62,38,.08)!important}
.card-care::before{background:linear-gradient(90deg,#dc3e26 0%,#fb7185 100%)!important}
.card-care:hover{border-color:#bc2d17!important;box-shadow:0 14px 32px rgba(220,62,38,.18)!important}
.badge-care{background:#fff0ed!important;color:#bc2d17!important;border:1px solid #ffcec6!important}
.card-care .customer-first-arrow{background:#fff5f3!important;border:1.5px solid #ffcec6!important;color:#dc3e26!important}
.card-care:hover .customer-first-arrow{background:#dc3e26!important;border-color:#dc3e26!important;color:#fff!important;transform:translate(2px,-2px)!important}
.icon-care{background:linear-gradient(135deg,#fff0ed 0%,#ffe0da 100%)!important;border:1.5px solid #ffc1b7!important;color:#dc3e26!important;box-shadow:0 4px 14px rgba(220,62,38,.16)!important}

.card-wellness{background:linear-gradient(180deg,#fffaf0 0%,#fff 55%)!important;border:2px solid #d97706!important;box-shadow:0 6px 20px rgba(217,119,6,.08)!important}
.card-wellness::before{background:linear-gradient(90deg,#d97706 0%,#fbbf24 100%)!important}
.card-wellness:hover{border-color:#b45309!important;box-shadow:0 14px 32px rgba(217,119,6,.18)!important}
.badge-wellness{background:#fff8e8!important;color:#ad5c04!important;border:1px solid #fde49a!important}
.card-wellness .customer-first-arrow{background:#fffbf0!important;border:1.5px solid #fde49a!important;color:#d97706!important}
.card-wellness:hover .customer-first-arrow{background:#d97706!important;border-color:#d97706!important;color:#fff!important;transform:translate(2px,-2px)!important}
.icon-wellness{background:linear-gradient(135deg,#fff8e8 0%,#fef0c7 100%)!important;border:1.5px solid #fde088!important;color:#d97706!important;box-shadow:0 4px 14px rgba(217,119,6,.16)!important}

.customer-first-icon{width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:15px!important;display:grid!important;place-items:center!important;font-size:22px!important;transition:transform .25s cubic-bezier(.16,1,.3,1)!important}
.customer-first-card:hover .customer-first-icon{transform:scale(1.08)}
.cf-info{flex:1 1 auto!important;padding-right:4px!important;min-width:0!important}
.cf-title-row{display:flex!important;align-items:center!important;gap:7px!important;margin-bottom:4px!important}
.cf-info strong{display:block!important;color:#112d3d!important;font-size:15px!important;font-weight:850!important;letter-spacing:-.2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.cf-badge{display:inline-flex!important;align-items:center!important;font-size:9.5px!important;font-weight:800!important;padding:2px 7px!important;border-radius:999px!important;letter-spacing:.03em!important;text-transform:uppercase!important;flex-shrink:0!important}
.cf-desc{display:block!important;color:#5a7380!important;font-size:12px!important;line-height:1.4!important;font-weight:500!important}
.customer-first-arrow{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:13px!important;font-weight:800!important;margin-left:auto!important;align-self:center!important;transition:all .25s ease!important}
.customer-first-card:hover .customer-first-arrow{transform:translate(2px,-2px)!important;box-shadow:0 4px 12px rgba(0,0,0,.12)!important}

@media(max-width:1100px){
  .customer-first-grid{gap:12px!important}
  .customer-first-card{padding:14px 12px!important;gap:10px!important}
  .customer-first-icon{width:44px!important;height:44px!important;flex-basis:44px!important;font-size:20px!important}
  .cf-info strong{font-size:13.5px!important}
  .cf-desc{font-size:11px!important}
}

@media(max-width:767px){
  .customer-first-head{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:18px!important}
  .customer-first-head h2{font-size:22px!important;margin-bottom:4px!important}
  .customer-first-head p{font-size:12.5px!important}
  .customer-first-grid{grid-template-columns:repeat(4,1fr)!important;gap:8px!important;padding-bottom:6px!important;margin-top:8px!important}
  .customer-first-card{min-height:124px!important;padding:12px 6px 8px!important;border-radius:16px!important;border-width:2px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;position:relative!important;text-align:left!important}
  .customer-first-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:12px!important;font-size:17px!important;margin-bottom:7px!important}
  .customer-first-arrow{position:absolute!important;top:10px!important;right:8px!important;width:22px!important;height:22px!important;flex:0 0 22px!important;font-size:11px!important;margin-left:0!important}
  .cf-info{width:100%!important;padding-right:0!important}
  .cf-title-row{margin-bottom:2px!important}
  .cf-info strong{font-size:10.5px!important;font-weight:800!important;white-space:normal!important;line-height:1.25!important}
  .cf-badge{display:none!important}
  .cf-desc{font-size:8.5px!important;line-height:1.25!important;display:block!important;font-weight:500!important}
}

@media(max-width:380px){
  .customer-first-grid{gap:6px!important}
  .customer-first-card{min-height:116px!important;padding:10px 4px 6px!important}
  .customer-first-icon{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:15px!important;border-radius:10px!important;margin-bottom:5px!important}
  .customer-first-arrow{width:20px!important;height:20px!important;flex-basis:20px!important;font-size:10px!important;top:8px!important;right:6px!important}
  .cf-info strong{font-size:9.5px!important}
  .cf-desc{font-size:8px!important}
}


/* WINZOU HEALTH V8.1 - FINAL UI POLISH */
:root{
  --ui-text:#173d4d;--ui-muted:#60757e;--ui-green:#0a9b67;--ui-navy:#103b5b;
  --ui-radius:14px;--ui-card-radius:20px;
}
html{font-size:16px}
body{font-size:15px;line-height:1.55;color:var(--ui-text)}
/* Typography scale - deliberately more readable than the earlier compact build */
.nav a{font-size:13px;font-weight:750;padding:14px 18px}
.search input{font-size:13px}
.location-chip strong{font-size:12px}.location-chip small{font-size:9px}
.account-action strong{font-size:11px}.account-action small{font-size:9px}
.cart-action{font-size:12px}.header-book{font-size:13px!important}
.btn-green,.btn-outline-app{font-size:13px!important;min-height:46px;border-radius:13px!important}
.section-title h2{font-size:28px}.section-title p{font-size:13px}
.service h4{font-size:12px}.service small{font-size:10px}
.card-ui h3{font-size:15px}.card-ui p{font-size:12px}.card-ui .price{font-size:18px}
.card-footer>a,.card-footer>button{font-size:12px!important;min-height:48px!important;border-radius:13px!important}
.listing-hero h1{font-size:34px}.listing-hero p{font-size:14px}
.listing-count,.sort-select,.mobile-filter-btn{font-size:12px}
.product-title{font-size:15px!important}.product-price{font-size:19px}
.v8-title{font-size:30px}.v8-muted{font-size:14px}.v8-btn{font-size:14px;min-height:48px}
.v8-table td{font-size:13px}.v8-table th{font-size:11px}
.policy-content p,.faq-page-grid .accordion-body{font-size:14px}
.faq-page-grid .accordion-button{font-size:14px}
.contact-card h2{font-size:30px}.contact-list strong{font-size:13px}.contact-list small{font-size:11px}
.footer-col a{font-size:12px}.footer-col h4{font-size:13px}.footer-brand p{font-size:13px}.footer-contact{font-size:12px}
/* Professional utility dropdown */
.nav-more{position:relative;display:flex;align-items:center}
.nav-more>a{display:flex!important;align-items:center;gap:6px}
.nav-more .dropdown-menu{min-width:260px;padding:8px;border:1px solid #e1eaed;border-radius:16px;box-shadow:0 20px 45px rgba(15,52,73,.16)}
.nav-more .dropdown-menu a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px!important;box-shadow:none!important;color:#315663;font-size:12px}
.nav-more .dropdown-menu a:hover{background:#eef9f5;color:var(--ui-green)}
.nav-more .dropdown-menu a i{width:20px;color:var(--ui-green);font-size:15px}
.nav-prescription{margin-left:8px!important;background:var(--ui-green)!important;color:#fff!important;border-radius:13px!important;padding:10px 15px!important;display:flex!important;align-items:center;gap:7px;box-shadow:0 7px 18px rgba(10,155,103,.18)}
.nav-prescription:hover{color:#fff!important;background:#07875b!important;box-shadow:0 10px 22px rgba(10,155,103,.24)}
/* Clean separation before luxury polish */



/* ═════════════════════════════════════════════════════════════════════════════
   V8 ULTRA-ATTRACTIVE & LUXURY MODERN POLISH (SAME LAYOUT - HIGH-END AESTHETIC)
   ═════════════════════════════════════════════════════════════════════════════ */

/* Smooth Base Typography & Antialiasing */
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  color: #1e293b;
  background-color: #f8fafc !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  letter-spacing: -0.025em;
  color: #0f172a;
}

/* ═══════════════════════════════════════════════════════════════
   🌟 ULTRA-ATTRACTIVE & STYLISH PAGE BANNER SYSTEM 🌟
   ═══════════════════════════════════════════════════════════════ */
.page-banner {
  position: relative !important;
  min-height: 280px !important;
  background: linear-gradient(135deg, #071f2c 0%, #0c3349 50%, #04382c 100%) !important;
  color: #ffffff !important;
  overflow: hidden !important;
  padding: 55px 0 45px !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(52, 211, 153, 0.2) !important;
  box-shadow: inset 0 -20px 40px rgba(0, 0, 0, 0.35) !important;
}

.page-banner:after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 18% 45%, rgba(12, 51, 73, 0.88) 0%, rgba(7, 31, 44, 0.82) 55%, rgba(4, 56, 44, 0.72) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.page-banner-media {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  opacity: 0.32 !important;
}

.page-banner-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(1.1) brightness(0.9) !important;
  transform: scale(1.02) !important;
  transition: transform 6s ease-out !important;
}

.page-banner:hover .page-banner-media img {
  transform: scale(1.07) !important;
}

.page-banner-inner {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  width: 100% !important;
}

/* Breadcrumb Styling */
.breadcrumb-modern {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 0.82rem !important;
  color: #94a3b8 !important;
  margin-bottom: 16px !important;
  background: rgba(15, 23, 42, 0.45) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  padding: 5px 14px !important;
  border-radius: 99px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  width: max-content !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.breadcrumb-modern a {
  color: #cbd5e1 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: color 0.2s ease !important;
}

.breadcrumb-modern a:hover {
  color: #ffffff !important;
}

.breadcrumb-modern i {
  font-size: 0.65rem !important;
  color: #64748b !important;
}

.breadcrumb-modern span {
  color: #34d399 !important;
  font-weight: 700 !important;
}

/* Banner Content */
.page-banner-copy {
  max-width: 720px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.banner-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #34d399 !important;
  background: rgba(52, 211, 153, 0.14) !important;
  border: 1px solid rgba(52, 211, 153, 0.35) !important;
  padding: 4px 14px !important;
  border-radius: 99px !important;
  margin-bottom: 12px !important;
  box-shadow: 0 2px 10px rgba(52, 211, 153, 0.15) !important;
}

.page-banner h1,
.page-banner-copy h1 {
  font-size: clamp(2.2rem, 4vw, 3.2rem) !important;
  font-weight: 850 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.12 !important;
  color: #ffffff !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45) !important;
  margin: 0 0 10px 0 !important;
}

.page-banner p,
.page-banner-copy p {
  font-size: clamp(1.05rem, 2vw, 1.25rem) !important;
  font-weight: 500 !important;
  color: #f1f5f9 !important;
  line-height: 1.5 !important;
  margin: 0 0 6px 0 !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35) !important;
}

.page-banner small,
.page-banner-copy small {
  display: block !important;
  font-size: 0.88rem !important;
  font-weight: 400 !important;
  color: #94a3b8 !important;
  line-height: 1.45 !important;
}

@media (max-width: 767px) {
  .page-banner {
    min-height: auto !important;
    padding: 30px 0 28px !important;
    display: block !important;
  }
  .page-banner-inner {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .page-banner h1,
  .page-banner-copy h1 {
    font-size: 1.75rem !important;
    line-height: 1.2 !important;
    margin-bottom: 8px !important;
    word-break: break-word !important;
  }
  .page-banner p,
  .page-banner-copy p {
    font-size: 0.95rem !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
  }
  .page-banner small,
  .page-banner-copy small {
    font-size: 0.78rem !important;
    line-height: 1.4 !important;
  }
  .breadcrumb-modern {
    margin-bottom: 12px !important;
    font-size: 0.75rem !important;
    padding: 4px 10px !important;
  }
}

/* Category Filter Chips */
.category-chips {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 8px;
  margin-bottom: 24px;
  scrollbar-width: none;
}

.category-chips::-webkit-scrollbar {
  display: none;
}

.category-chip {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 99px !important;
  padding: 8px 18px !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: #475569 !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}

.category-chip:hover {
  border-color: #008f70 !important;
  color: #008f70 !important;
  background: #f0fdf4 !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 143, 112, 0.12);
}

.category-chip.active {
  background: linear-gradient(135deg, #008f70 0%, #00a884 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 18px rgba(0, 143, 112, 0.32) !important;
  transform: translateY(-1px);
}

/* Specialty Filter Chips (Doctors page) */
.specialty-chip {
  border-radius: 99px !important;
  padding: 8px 18px !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}

.specialty-chip.btn-solid {
  background: linear-gradient(135deg, #008f70 0%, #00a884 100%) !important;
  border: none !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 18px rgba(0, 143, 112, 0.3) !important;
}

.specialty-chip.btn-white {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #475569 !important;
}

.specialty-chip.btn-white:hover {
  border-color: #008f70 !important;
  color: #008f70 !important;
  background: #f0fdf4 !important;
  transform: translateY(-2px);
}

/* Search Input Luxury Touch */
.search input,
.listing-search input {
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 99px !important;
  padding: 10px 20px !important;
  font-size: 0.88rem !important;
  transition: all 0.25s ease !important;
  background: #ffffff;
}

.search input:focus,
.listing-search input:focus {
  border-color: #008f70 !important;
  box-shadow: 0 0 0 4px rgba(0, 143, 112, 0.12) !important;
  outline: none !important;
}

/* Modern Card UI Polish (Lab Tests, Packages) */
.card-ui,
.package-item {
  background: #ffffff !important;
  border: 1px solid #eef2f6 !important;
  border-radius: 20px !important;
  padding: 20px !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  position: relative;
  overflow: hidden;
}

.card-ui:hover,
.package-item:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 18px 36px -6px rgba(0, 143, 112, 0.15), 0 6px 16px rgba(15, 23, 42, 0.05) !important;
  border-color: #bbf7d0 !important;
}

/* Image Wrappers with Soft Zoom */
.test-icon,
.package-card-image {
  border-radius: 14px !important;
  overflow: hidden !important;
  position: relative;
  background: #f1f5f9;
}

.test-icon img,
.package-card-image img {
  transition: transform 0.45s ease !important;
  width: 100%;
  object-fit: cover;
}

.card-ui:hover .test-icon img,
.card-ui:hover .package-card-image img {
  transform: scale(1.06) !important;
}

/* Doctor Card & Photo Polish - EXACT V8 Prototype */
.doctor-card {
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 7px 24px rgba(15, 55, 70, 0.04) !important;
  transition: all 0.22s ease !important;
}
.doctor-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 38px rgba(15, 55, 70, 0.12) !important;
  border-color: #d3e6e1 !important;
}
.doctor-photo {
  width: 100% !important;
  height: 180px !important;
  background: #edf7fb !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}
.doctor-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}
.doctor-card:hover .doctor-photo img {
  transform: scale(1.05) !important;
}
.doctor-body {
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
}
.doctor-body h3 {
  font-size: 15px !important;
  font-weight: 850 !important;
  margin: 5px 0 !important;
  color: #0f172a !important;
  letter-spacing: -0.15px !important;
}
.doctor-body p {
  font-size: 11px !important;
  color: var(--muted, #7c8e95) !important;
  margin: 3px 0 !important;
}

/* Star Rating Styling */
.rating {
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  color: #f59e0b !important;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Pricing Row Polish */
.price,
.product-price {
  font-size: 1.25rem !important;
  font-weight: 850 !important;
  color: #008f70 !important;
  letter-spacing: -0.02em;
}

.old,
.product-old {
  font-size: 0.85rem !important;
  color: #94a3b8 !important;
  text-decoration: line-through;
  margin-left: 6px;
  font-weight: 500;
}

/* Badges & Tags */
.product-badge {
  position: absolute !important;
  top: 11px !important;
  left: 11px !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  max-width: max-content !important;
  display: inline-flex !important;
  align-items: center !important;
  background: #dc2626 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  box-shadow: 0 2px 8px rgba(220, 38, 38, 0.25) !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  z-index: 3 !important;
}

.package-meta .tag,
.badge.text-bg-light {
  background: #ecfdf5 !important;
  color: #008f70 !important;
  font-weight: 700 !important;
  font-size: 0.72rem !important;
  padding: 4px 10px !important;
  border-radius: 8px !important;
  border: 1px solid #bbf7d0 !important;
}

.package-meta .tat {
  font-size: 0.74rem !important;
  color: #64748b !important;
  font-weight: 600 !important;
}

/* Buttons Polish */
.btn-green,
.btn-solid {
  background: linear-gradient(135deg, #008f70 0%, #00a884 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 10px 20px !important;
  font-weight: 750 !important;
  font-size: 0.85rem !important;
  letter-spacing: -0.01em !important;
  box-shadow: 0 4px 14px rgba(0, 143, 112, 0.25) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-decoration: none !important;
}

.btn-green:hover,
.btn-solid:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0, 143, 112, 0.38) !important;
  filter: brightness(1.04) !important;
  color: #ffffff !important;
}

.btn-white,
.btn-outline-app {
  background: #ffffff !important;
  color: #334155 !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 12px !important;
  padding: 9px 18px !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  letter-spacing: -0.01em !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-decoration: none !important;
}

.btn-white:hover,
.btn-outline-app:hover {
  border-color: #008f70 !important;
  color: #008f70 !important;
  background: #f0fdf4 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(0, 143, 112, 0.12) !important;
}

/* Service Details Page (High-End Layout) */
.service-detail {
  background: #ffffff !important;
  border: 1px solid #eef2f6 !important;
  border-radius: 24px !important;
  padding: 32px !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05) !important;
  display: grid;
  grid-template-columns: minmax(280px, 380px) 1fr;
  gap: 36px;
  align-items: center;
}

@media (max-width: 991px) {
  .service-detail {
    grid-template-columns: 1fr;
    padding: 24px;
    gap: 24px;
  }
}

.detail-image {
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
  background: #f8fafc;
}

.detail-image img {
  width: 100%;
  height: 100%;
  max-height: 380px;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.detail-image:hover img {
  transform: scale(1.04);
}

.detail-copy .kicker {
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  color: #008f70 !important;
  text-transform: uppercase;
}

.detail-copy h1 {
  font-size: 2rem !important;
  font-weight: 850 !important;
  color: #0f172a !important;
  letter-spacing: -0.03em !important;
  line-height: 1.25;
}

.checks {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  margin: 20px 0;
}

.check {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: #334155 !important;
  display: flex;
  align-items: center;
  gap: 8px;
}

.check i {
  color: #008f70 !important;
  font-size: 1rem;
}

/* Steps Section Polish */
.section.soft {
  background: #f1f5f9 !important;
  border-radius: 24px;
  margin: 40px auto;
  padding: 48px 0;
}

.steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}

.step {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 18px !important;
  padding: 24px 20px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03) !important;
  transition: all 0.3s ease !important;
}

.step:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px rgba(0, 143, 112, 0.1) !important;
  border-color: #bbf7d0 !important;
}

.step-no {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #008f70 0%, #00b087 100%) !important;
  color: #ffffff !important;
  font-weight: 850 !important;
  font-size: 1.1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(0, 143, 112, 0.35) !important;
  margin-bottom: 14px !important;
}

.step h4 {
  font-size: 1rem !important;
  font-weight: 800 !important;
  margin-bottom: 6px !important;
  color: #0f172a !important;
}

.step p {
  font-size: 0.84rem !important;
  color: #64748b !important;
  margin-bottom: 0 !important;
  line-height: 1.5;
}

/* Trust Strip Commerce Polish */
.trust-strip-commerce {
  background: #ffffff !important;
  border: 1px solid #eef2f6 !important;
  border-radius: 20px !important;
  padding: 20px 28px !important;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.04) !important;
  margin-top: 36px;
}

.trust-commerce {
  display: flex;
  align-items: center;
  gap: 14px;
}

.trust-commerce i {
  font-size: 1.6rem !important;
  color: #008f70 !important;
  background: #ecfdf5;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.trust-commerce strong {
  display: block;
  font-size: 0.88rem;
  font-weight: 750;
  color: #0f172a;
}

.trust-commerce span {
  font-size: 0.76rem;
  color: #64748b;
}

/* Subtle Card Glow */
.saving-line {
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  color: #059669 !important;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 10px 0;
}

/* === ULTRA-ATTRACTIVE HOMEPAGE SUITE === */
/* ══════════════════════════════════════════════════════════════════════
       🌟 ULTRA-ATTRACTIVE, STYLISH QUICK-ACCESS & CUSTOMER SERVICES 🌟
       ══════════════════════════════════════════════════════════════════════ */

    /* Section 2: Healthcare All in One Place (Service Grid) */
    .service-grid {
      display: grid !important;
      grid-template-columns: repeat(8, 1fr) !important;
      gap: 14px !important;
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
      overflow: visible !important;
      padding: 6px 0 14px !important;
    }

    .service {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
      text-decoration: none !important;
      background: #ffffff !important;
      border: 1.8px solid #d4e7e1 !important;
      border-radius: 20px !important;
      padding: 20px 10px 18px !important;
      min-height: 146px !important;
      box-shadow: 0 4px 18px rgba(15, 55, 72, 0.05) !important;
      position: relative !important;
      transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
      cursor: pointer !important;
      overflow: hidden !important;
    }

    .service::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3.5px;
      background: transparent;
      transition: background 0.25s ease;
      border-radius: 20px 20px 0 0;
    }

    .service:hover, .service:active, .service:focus {
      transform: translateY(-5px) !important;
      border-color: #008f70 !important;
      box-shadow: 0 14px 30px rgba(0, 143, 112, 0.16), 0 2px 8px rgba(0,0,0,0.04) !important;
      background: linear-gradient(180deg, #ffffff 0%, #f4fbf8 100%) !important;
    }

    .service:hover::after, .service:active::after {
      background: linear-gradient(90deg, #008f70, #00c996);
    }

    .service:hover .round {
      transform: scale(1.1);
    }

    .service .round {
      width: 54px !important;
      height: 54px !important;
      border-radius: 18px !important;
      margin: 0 auto 11px !important;
      display: grid !important;
      place-items: center !important;
      font-size: 24px !important;
      border: 1.5px solid transparent !important;
      transition: transform 0.25s ease, box-shadow 0.25s ease !important;
      box-shadow: 0 6px 14px rgba(0, 0, 0, 0.05) !important;
    }

    /* Individual curated vibrant color accents */
    .service.service-lab .round,
    .service:nth-child(1) .round {
      background: linear-gradient(135deg, #e6f8f5 0%, #ccf3eb 100%) !important;
      color: #008f70 !important;
      border-color: #9fe3d3 !important;
    }

    .service.service-doctor .round,
    .service:nth-child(2) .round {
      background: linear-gradient(135deg, #edf5ff 0%, #dbeafe 100%) !important;
      color: #1d63c6 !important;
      border-color: #bfdbfe !important;
    }

    .service.service-care .round,
    .service:nth-child(3) .round {
      background: linear-gradient(135deg, #fff1ee 0%, #ffe2dc 100%) !important;
      color: #dc3e26 !important;
      border-color: #ffc8be !important;
    }

    .service.service-supplements .round,
    .service:nth-child(4) .round {
      background: linear-gradient(135deg, #fff6ea 0%, #ffebd0 100%) !important;
      color: #d06d0b !important;
      border-color: #fed7aa !important;
    }

    .service.service-store .round,
    .service:nth-child(5) .round {
      background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important;
      color: #15803d !important;
      border-color: #bbf7d0 !important;
    }

    .service.service-packages .round,
    .service:nth-child(6) .round {
      background: linear-gradient(135deg, #f5f0ff 0%, #ece0fd 100%) !important;
      color: #7c3aed !important;
      border-color: #ddd6fe !important;
    }

    .service.service-corporate .round,
    .service:nth-child(7) .round {
      background: linear-gradient(135deg, #f0f4f8 0%, #e1e9f0 100%) !important;
      color: #335979 !important;
      border-color: #cbd5e1 !important;
    }

    .service.service-franchise .round,
    .service:nth-child(8) .round {
      background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%) !important;
      color: #059669 !important;
      border-color: #a7f3d0 !important;
    }

    .service h4 {
      font-size: 13.5px !important;
      font-weight: 800 !important;
      color: #143848 !important;
      margin: 0 0 3px !important;
      line-height: 1.25 !important;
      letter-spacing: -0.2px;
    }

    .service p {
      font-size: 11px !important;
      color: #647b83 !important;
      margin: 0 !important;
      line-height: 1.3 !important;
      font-weight: 500 !important;
    }

    @media (max-width: 1100px) {
      .service-grid {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 12px !important;
      }
    }

    @media (max-width: 767px) {
      .service-grid {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 8px !important;
        padding-bottom: 8px !important;
      }
      .service {
        min-height: 124px !important;
        padding: 14px 4px 10px !important;
        border-radius: 16px !important;
        border-width: 1.5px !important;
      }
      .service .round {
        width: 44px !important;
        height: 44px !important;
        font-size: 20px !important;
        border-radius: 13px !important;
        margin-bottom: 7px !important;
      }
      .service h4 {
        font-size: 11px !important;
        font-weight: 800 !important;
      }
      .service p {
        font-size: 9px !important;
        display: block !important;
      }
    }

    @media (max-width: 380px) {
      .service-grid {
        gap: 6px !important;
      }
      .service {
        padding: 10px 3px 8px !important;
        min-height: 116px !important;
      }
      .service .round {
        width: 38px !important;
        height: 38px !important;
        font-size: 17px !important;
        border-radius: 11px !important;
      }
      .service h4 {
        font-size: 10px !important;
      }
      .service p {
        font-size: 8px !important;
      }
    }


    /* Section 3: Start with what you need today (Ultra-Stylish Customer First Section - Keeps Mobile Size) */
    .customer-first-section {
      background: linear-gradient(180deg, #f3f9f7 0%, #ffffff 100%) !important;
      border-top: 1.5px solid #dcebe6 !important;
      border-bottom: 1.5px solid #dcebe6 !important;
      padding: 44px 0 !important;
      position: relative !important;
    }

    .customer-first-head {
      display: flex !important;
      justify-content: space-between !important;
      align-items: flex-end !important;
      gap: 20px !important;
      margin-bottom: 22px !important;
    }

    @keyframes cfSparkle {
      0%, 100% { transform: scale(1) rotate(0deg); opacity: 1; }
      50% { transform: scale(1.2) rotate(12deg); opacity: 0.85; }
    }

    .cf-kicker-pill {
      display: inline-flex !important;
      align-items: center !important;
      gap: 7px !important;
      background: linear-gradient(135deg, #e7f8f3 0%, #d4f4eb 100%) !important;
      color: #00795e !important;
      font-size: 11px !important;
      font-weight: 850 !important;
      letter-spacing: 0.08em !important;
      padding: 5px 14px !important;
      border-radius: 999px !important;
      border: 1.5px solid #a4e5d4 !important;
      box-shadow: 0 3px 10px rgba(0, 143, 112, 0.08) !important;
      margin-bottom: 10px !important;
      text-transform: uppercase !important;
    }

    .cf-kicker-pill .kicker-sparkle {
      display: inline-block !important;
      animation: cfSparkle 2.2s infinite ease-in-out !important;
      font-size: 13px !important;
    }

    .cf-kicker-pill .kicker-dot {
      opacity: 0.45 !important;
      font-weight: bold !important;
    }

    .cf-kicker-pill .kicker-sub {
      color: #0c5c4a !important;
      font-weight: 700 !important;
      text-transform: none !important;
      letter-spacing: 0.02em !important;
    }

    .customer-first-head h2 {
      font-size: 30px !important;
      font-weight: 850 !important;
      color: #102e3c !important;
      letter-spacing: -0.6px !important;
      margin: 0 0 6px 0 !important;
      line-height: 1.25 !important;
    }

    .cf-title-accent {
      background: linear-gradient(120deg, #008f70 0%, #1677c2 100%) !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }

    .customer-first-head p {
      color: #55707d !important;
      font-size: 14px !important;
      margin: 0 !important;
      line-height: 1.5 !important;
      max-width: 640px !important;
      font-weight: 500 !important;
    }

    .cf-health-hub-btn {
      display: inline-flex !important;
      align-items: center !important;
      gap: 9px !important;
      padding: 11px 22px !important;
      background: #ffffff !important;
      border: 1.8px solid #c2e5dc !important;
      border-radius: 999px !important;
      color: #00765d !important;
      font-size: 13.5px !important;
      font-weight: 800 !important;
      text-decoration: none !important;
      box-shadow: 0 4px 14px rgba(15, 55, 72, 0.06) !important;
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
      white-space: nowrap !important;
    }

    .cf-health-hub-btn:hover {
      background: #008f70 !important;
      color: #ffffff !important;
      border-color: #008f70 !important;
      transform: translateY(-2px) !important;
      box-shadow: 0 8px 22px rgba(0, 143, 112, 0.26) !important;
    }

    .cf-health-hub-btn i {
      font-size: 14px !important;
      transition: transform 0.22s ease !important;
    }

    .cf-health-hub-btn:hover i {
      transform: translateX(4px) !important;
    }

    /* Grid Layout: 4 columns across */
    .customer-first-grid {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 16px !important;
      margin-top: 12px !important;
    }

    /* Card Base: Compact & Luxurious */
    .customer-first-card {
      position: relative !important;
      display: flex !important;
      align-items: center !important;
      gap: 14px !important;
      min-height: 118px !important;
      padding: 18px 18px !important;
      border-radius: 20px !important;
      text-decoration: none !important;
      transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
      overflow: hidden !important;
      z-index: 1 !important;
    }

    /* Sleek Top Stripe Accent */
    .customer-first-card::before {
      content: "" !important;
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      height: 4.5px !important;
      border-radius: 20px 20px 0 0 !important;
      z-index: 2 !important;
      transition: height 0.22s ease !important;
    }

    .customer-first-card:hover {
      transform: translateY(-4px) !important;
    }

    .customer-first-card:hover::before {
      height: 6px !important;
    }

    /* Card 1: Lab Test (Emerald Teal) */
    .card-lab {
      background: linear-gradient(180deg, #f4fbf8 0%, #ffffff 55%) !important;
      border: 2px solid #008f70 !important;
      box-shadow: 0 6px 20px rgba(0, 143, 112, 0.08) !important;
    }
    .card-lab::before {
      background: linear-gradient(90deg, #008f70 0%, #20c997 100%) !important;
    }
    .card-lab:hover {
      border-color: #00765d !important;
      box-shadow: 0 14px 32px rgba(0, 143, 112, 0.18) !important;
    }
    .badge-lab {
      background: #e6f8f3 !important;
      color: #00765d !important;
      border: 1px solid #a8e8d8 !important;
    }
    .card-lab .customer-first-arrow {
      background: #f0fbf7 !important;
      border: 1.5px solid #a8e8d8 !important;
      color: #008f70 !important;
    }
    .card-lab:hover .customer-first-arrow {
      background: #008f70 !important;
      border-color: #008f70 !important;
      color: #ffffff !important;
      transform: translate(2px, -2px) !important;
    }
    .icon-lab {
      background: linear-gradient(135deg, #e6f9f4 0%, #c4f1e5 100%) !important;
      border: 1.5px solid #95e5d1 !important;
      color: #008f70 !important;
      box-shadow: 0 4px 14px rgba(0, 143, 112, 0.16) !important;
    }

    /* Card 2: Doctor (Sapphire Blue) */
    .card-doctor {
      background: linear-gradient(180deg, #f4f8ff 0%, #ffffff 55%) !important;
      border: 2px solid #1d63c6 !important;
      box-shadow: 0 6px 20px rgba(29, 99, 198, 0.08) !important;
    }
    .card-doctor::before {
      background: linear-gradient(90deg, #1d63c6 0%, #60a5fa 100%) !important;
    }
    .card-doctor:hover {
      border-color: #1754aa !important;
      box-shadow: 0 14px 32px rgba(29, 99, 198, 0.18) !important;
    }
    .badge-doctor {
      background: #edf5ff !important;
      color: #1754aa !important;
      border: 1px solid #bfdbfe !important;
    }
    .card-doctor .customer-first-arrow {
      background: #f2f7ff !important;
      border: 1.5px solid #bfdbfe !important;
      color: #1d63c6 !important;
    }
    .card-doctor:hover .customer-first-arrow {
      background: #1d63c6 !important;
      border-color: #1d63c6 !important;
      color: #ffffff !important;
      transform: translate(2px, -2px) !important;
    }
    .icon-doctor {
      background: linear-gradient(135deg, #eef5ff 0%, #d8e8fe 100%) !important;
      border: 1.5px solid #b2d3fd !important;
      color: #1d63c6 !important;
      box-shadow: 0 4px 14px rgba(29, 99, 198, 0.16) !important;
    }

    /* Card 3: Home Care (Coral Rose) */
    .card-care {
      background: linear-gradient(180deg, #fff5f4 0%, #ffffff 55%) !important;
      border: 2px solid #dc3e26 !important;
      box-shadow: 0 6px 20px rgba(220, 62, 38, 0.08) !important;
    }
    .card-care::before {
      background: linear-gradient(90deg, #dc3e26 0%, #fb7185 100%) !important;
    }
    .card-care:hover {
      border-color: #bc2d17 !important;
      box-shadow: 0 14px 32px rgba(220, 62, 38, 0.18) !important;
    }
    .badge-care {
      background: #fff0ed !important;
      color: #bc2d17 !important;
      border: 1px solid #ffcec6 !important;
    }
    .card-care .customer-first-arrow {
      background: #fff5f3 !important;
      border: 1.5px solid #ffcec6 !important;
      color: #dc3e26 !important;
    }
    .card-care:hover .customer-first-arrow {
      background: #dc3e26 !important;
      border-color: #dc3e26 !important;
      color: #ffffff !important;
      transform: translate(2px, -2px) !important;
    }
    .icon-care {
      background: linear-gradient(135deg, #fff0ed 0%, #ffe0da 100%) !important;
      border: 1.5px solid #ffc1b7 !important;
      color: #dc3e26 !important;
      box-shadow: 0 4px 14px rgba(220, 62, 38, 0.16) !important;
    }

    /* Card 4: Wellness (Warm Amber) */
    .card-wellness {
      background: linear-gradient(180deg, #fffaf0 0%, #ffffff 55%) !important;
      border: 2px solid #d97706 !important;
      box-shadow: 0 6px 20px rgba(217, 119, 6, 0.08) !important;
    }
    .card-wellness::before {
      background: linear-gradient(90deg, #d97706 0%, #fbbf24 100%) !important;
    }
    .card-wellness:hover {
      border-color: #b45309 !important;
      box-shadow: 0 14px 32px rgba(217, 119, 6, 0.18) !important;
    }
    .badge-wellness {
      background: #fff8e8 !important;
      color: #ad5c04 !important;
      border: 1px solid #fde49a !important;
    }
    .card-wellness .customer-first-arrow {
      background: #fffbf0 !important;
      border: 1.5px solid #fde49a !important;
      color: #d97706 !important;
    }
    .card-wellness:hover .customer-first-arrow {
      background: #d97706 !important;
      border-color: #d97706 !important;
      color: #ffffff !important;
      transform: translate(2px, -2px) !important;
    }
    .icon-wellness {
      background: linear-gradient(135deg, #fff8e8 0%, #fef0c7 100%) !important;
      border: 1.5px solid #fde088 !important;
      color: #d97706 !important;
      box-shadow: 0 4px 14px rgba(217, 119, 6, 0.16) !important;
    }

    /* Card Inner Elements */
    .customer-first-icon {
      width: 48px !important;
      height: 48px !important;
      flex: 0 0 48px !important;
      border-radius: 15px !important;
      display: grid !important;
      place-items: center !important;
      font-size: 22px !important;
      transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .customer-first-card:hover .customer-first-icon {
      transform: scale(1.08);
    }

    .cf-info {
      flex: 1 1 auto !important;
      padding-right: 4px !important;
      min-width: 0 !important;
    }

    .cf-title-row {
      display: flex !important;
      align-items: center !important;
      gap: 7px !important;
      margin-bottom: 4px !important;
    }

    .cf-info strong {
      display: block !important;
      color: #112d3d !important;
      font-size: 15px !important;
      font-weight: 850 !important;
      letter-spacing: -0.2px !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    .cf-badge {
      display: inline-flex !important;
      align-items: center !important;
      font-size: 9.5px !important;
      font-weight: 800 !important;
      padding: 2px 7px !important;
      border-radius: 999px !important;
      letter-spacing: 0.03em !important;
      text-transform: uppercase !important;
      flex-shrink: 0 !important;
    }

    .cf-desc {
      display: block !important;
      color: #5a7380 !important;
      font-size: 12px !important;
      line-height: 1.4 !important;
      font-weight: 500 !important;
    }

    .customer-first-arrow {
      width: 30px !important;
      height: 30px !important;
      flex: 0 0 30px !important;
      border-radius: 50% !important;
      display: grid !important;
      place-items: center !important;
      font-size: 13px !important;
      font-weight: 800 !important;
      margin-left: auto !important;
      align-self: center !important;
      transition: all 0.25s ease !important;
    }

    .customer-first-card:hover .customer-first-arrow {
      transform: translate(2px, -2px) !important;
      box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important;
    }

    /* Responsive Breakpoints - Keep Mobile Size */
    @media (max-width: 1100px) {
      .customer-first-grid {
        gap: 12px !important;
      }
      .customer-first-card {
        padding: 14px 12px !important;
        gap: 10px !important;
      }
      .customer-first-icon {
        width: 44px !important;
        height: 44px !important;
        flex-basis: 44px !important;
        font-size: 20px !important;
      }
      .cf-info strong {
        font-size: 13.5px !important;
      }
      .cf-desc {
        font-size: 11px !important;
      }
    }

    @media (max-width: 767px) {
      .customer-first-head {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
        margin-bottom: 18px !important;
      }
      .customer-first-head h2 {
        font-size: 22px !important;
        margin-bottom: 4px !important;
      }
      .customer-first-head p {
        font-size: 12.5px !important;
      }
      .cf-health-hub-btn {
        width: 100% !important;
        justify-content: center !important;
        padding: 10px 18px !important;
      }

      /* 4-column layout matching mobile size exactly like Section 2 */
      .customer-first-grid {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 8px !important;
        padding-bottom: 6px !important;
        margin-top: 8px !important;
      }

      .customer-first-card {
        min-height: 124px !important;
        padding: 12px 6px 8px !important;
        border-radius: 16px !important;
        border-width: 2px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        position: relative !important;
        text-align: left !important;
      }

      .customer-first-icon {
        width: 38px !important;
        height: 38px !important;
        flex: 0 0 38px !important;
        border-radius: 12px !important;
        font-size: 17px !important;
        margin-bottom: 7px !important;
      }

      .customer-first-arrow {
        position: absolute !important;
        top: 10px !important;
        right: 8px !important;
        width: 22px !important;
        height: 22px !important;
        flex: 0 0 22px !important;
        font-size: 11px !important;
        margin-left: 0 !important;
      }

      .cf-info {
        width: 100% !important;
        padding-right: 0 !important;
      }

      .cf-title-row {
        margin-bottom: 2px !important;
      }

      .cf-info strong {
        font-size: 10.5px !important;
        font-weight: 800 !important;
        white-space: normal !important;
        line-height: 1.25 !important;
      }

      .cf-badge {
        display: none !important;
      }

      .cf-desc {
        font-size: 8.5px !important;
        line-height: 1.25 !important;
        display: block !important;
        font-weight: 500 !important;
      }
    }

    @media (max-width: 380px) {
      .customer-first-grid {
        gap: 6px !important;
      }
      .customer-first-card {
        min-height: 116px !important;
        padding: 10px 4px 6px !important;
      }
      .customer-first-icon {
        width: 34px !important;
        height: 34px !important;
        flex-basis: 34px !important;
        font-size: 15px !important;
        border-radius: 10px !important;
        margin-bottom: 5px !important;
      }
      .customer-first-arrow {
        width: 20px !important;
        height: 20px !important;
        flex-basis: 20px !important;
        font-size: 10px !important;
        top: 8px !important;
        right: 6px !important;
      }
      .cf-info strong {
        font-size: 9.5px !important;
      }
      .cf-desc {
        font-size: 8px !important;
      }
    }

    /* 4. Trust Strip - Floating Luxury Glass Card */
    .trust-strip {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr) !important;
      background: #ffffff !important;
      border: 2px solid #a8e5d6 !important;
      border-radius: 22px !important;
      box-shadow: 0 8px 28px rgba(15, 55, 72, 0.07) !important;
      overflow: hidden !important;
      margin-bottom: 8px !important;
    }
    .trust-strip .item {
      padding: 18px 20px !important;
      border-right: 1.5px dashed #e1efe8 !important;
      display: flex !important;
      align-items: center !important;
      gap: 14px !important;
      transition: background 0.2s ease !important;
    }
    .trust-strip .item:hover {
      background: #f7fdfb !important;
    }
    .trust-strip .item:last-child {
      border-right: none !important;
    }
    .trust-strip i {
      width: 44px !important;
      height: 44px !important;
      border-radius: 14px !important;
      background: linear-gradient(135deg, #e6f9f4 0%, #c4f1e5 100%) !important;
      color: #008f70 !important;
      display: grid !important;
      place-items: center !important;
      font-size: 20px !important;
      border: 1.5px solid #a8e8d8 !important;
      box-shadow: 0 4px 12px rgba(0, 143, 112, 0.12) !important;
      flex-shrink: 0 !important;
    }
    .trust-strip strong {
      font-size: 13.5px !important;
      font-weight: 850 !important;
      color: #102e3c !important;
      display: block !important;
    }
    .trust-strip span {
      font-size: 11px !important;
      color: #5a7380 !important;
      margin-top: 2px !important;
      display: block !important;
      font-weight: 500 !important;
    }

    /* Universal Section Header Enhancements */
    .section-title {
      display: flex !important;
      justify-content: space-between !important;
      align-items: flex-end !important;
      gap: 16px !important;
      margin-bottom: 24px !important;
    }
    .section-title .kicker {
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
      background: linear-gradient(135deg, #e7f8f3 0%, #d4f4eb 100%) !important;
      color: #00795e !important;
      font-size: 11px !important;
      font-weight: 850 !important;
      letter-spacing: 0.08em !important;
      padding: 4px 12px !important;
      border-radius: 999px !important;
      border: 1.5px solid #a4e5d4 !important;
      box-shadow: 0 2px 8px rgba(0, 143, 112, 0.08) !important;
      margin-bottom: 8px !important;
      text-transform: uppercase !important;
    }
    .section-title .kicker-blue {
      background: linear-gradient(135deg, #eef5ff 0%, #dbeafe 100%) !important;
      color: #1d63c6 !important;
      border-color: #bfdbfe !important;
    }
    .section-title .kicker-purple {
      background: linear-gradient(135deg, #f5f0ff 0%, #ece0fd 100%) !important;
      color: #7c3aed !important;
      border-color: #ddd6fe !important;
    }
    .section-title .kicker-amber {
      background: linear-gradient(135deg, #fff8e8 0%, #fef3c7 100%) !important;
      color: #d97706 !important;
      border-color: #fde49a !important;
    }
    .section-title .kicker-red {
      background: linear-gradient(135deg, #fff0ed 0%, #ffe4e6 100%) !important;
      color: #dc3e26 !important;
      border-color: #ffcec6 !important;
    }
    .section-title h2 {
      font-size: 28px !important;
      font-weight: 850 !important;
      color: #102e3c !important;
      letter-spacing: -0.5px !important;
      margin: 0 0 5px 0 !important;
      line-height: 1.25 !important;
    }
    .section-title p {
      color: #55707d !important;
      font-size: 14px !important;
      margin: 0 !important;
      line-height: 1.5 !important;
      font-weight: 500 !important;
    }
    .view-all {
      display: inline-flex !important;
      align-items: center !important;
      gap: 7px !important;
      padding: 9px 18px !important;
      border-radius: 999px !important;
      background: #ffffff !important;
      border: 1.8px solid #c2e5dc !important;
      color: #00765d !important;
      font-size: 13px !important;
      font-weight: 800 !important;
      text-decoration: none !important;
      transition: all 0.22s ease !important;
      box-shadow: 0 3px 10px rgba(15, 55, 72, 0.05) !important;
      white-space: nowrap !important;
    }
    .view-all:hover {
      background: #008f70 !important;
      color: #ffffff !important;
      border-color: #008f70 !important;
      transform: translateY(-2px) !important;
      box-shadow: 0 6px 18px rgba(0, 143, 112, 0.24) !important;
    }
    .view-all i {
      transition: transform 0.2s ease !important;
    }
    .view-all:hover i {
      transform: translateX(3px) !important;
    }

    /* 5. Promo Grid Enhancements */
    .promo-grid {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 16px !important;
    }
    .promo {
      position: relative !important;
      border-radius: 22px !important;
      overflow: hidden !important;
      min-height: 250px !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: flex-end !important;
      padding: 22px !important;
      box-shadow: 0 8px 24px rgba(15, 55, 72, 0.08) !important;
      transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
      z-index: 1 !important;
    }
    .promo::before {
      content: "" !important;
      position: absolute !important;
      inset: 0 !important;
      background: linear-gradient(180deg, rgba(16, 46, 60, 0.08) 0%, rgba(16, 46, 60, 0.88) 100%) !important;
      z-index: 2 !important;
      transition: background 0.28s ease !important;
    }
    .promo:hover::before {
      background: linear-gradient(180deg, rgba(16, 46, 60, 0.15) 0%, rgba(16, 46, 60, 0.94) 100%) !important;
    }
    .promo:hover {
      transform: translateY(-5px) !important;
      box-shadow: 0 16px 36px rgba(15, 55, 72, 0.16) !important;
    }
    .promo img {
      position: absolute !important;
      inset: 0 !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      z-index: 1 !important;
      transition: transform 0.35s ease !important;
    }
    .promo:hover img {
      transform: scale(1.06) !important;
    }
    .promo.lab { border: 2px solid #008f70 !important; }
    .promo.doctor { border: 2px solid #1d63c6 !important; }
    .promo.package { border: 2px solid #7c3aed !important; }
    .promo.wellness { border: 2px solid #d97706 !important; }
    .promo h3 {
      position: relative !important;
      z-index: 3 !important;
      color: #ffffff !important;
      font-size: 19px !important;
      font-weight: 850 !important;
      letter-spacing: -0.3px !important;
      margin: 0 0 6px !important;
      text-shadow: 0 2px 8px rgba(0,0,0,0.35) !important;
    }
    .promo p {
      position: relative !important;
      z-index: 3 !important;
      color: #e2edf0 !important;
      font-size: 12px !important;
      line-height: 1.45 !important;
      margin: 0 0 14px !important;
      font-weight: 500 !important;
    }
    .promo .small-btn {
      position: relative !important;
      z-index: 3 !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
      padding: 9px 18px !important;
      border-radius: 999px !important;
      background: #ffffff !important;
      color: #102e3c !important;
      font-size: 12.5px !important;
      font-weight: 850 !important;
      border: none !important;
      box-shadow: 0 4px 14px rgba(0,0,0,0.2) !important;
      transition: all 0.22s ease !important;
      width: fit-content !important;
      text-decoration: none !important;
    }
    .promo .small-btn:hover {
      transform: translateY(-2px) !important;
      background: #008f70 !important;
      color: #ffffff !important;
    }

    /* 6. Popular Lab Tests Cards UI */
    .cards {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 16px !important;
    }
    .card-ui {
      background: linear-gradient(180deg, #f7fdfb 0%, #ffffff 42%) !important;
      border: 2px solid #a8e5d6 !important;
      border-radius: 20px !important;
      padding: 18px !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: space-between !important;
      min-height: 280px !important;
      box-shadow: 0 6px 20px rgba(0, 143, 112, 0.06) !important;
      transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
      position: relative !important;
      overflow: hidden !important;
    }
    .card-ui::before {
      content: "" !important;
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      height: 4.5px !important;
      background: linear-gradient(90deg, #008f70, #20c997) !important;
      border-radius: 20px 20px 0 0 !important;
      z-index: 2 !important;
    }
    .card-ui:hover {
      transform: translateY(-5px) !important;
      border-color: #008f70 !important;
      box-shadow: 0 16px 36px rgba(0, 143, 112, 0.16) !important;
    }
    .card-ui .test-icon {
      width: 100% !important;
      height: 130px !important;
      border-radius: 14px !important;
      overflow: hidden !important;
      margin-bottom: 12px !important;
      position: relative !important;
      background: #f0f7f4 !important;
    }
    .card-ui .test-icon img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      transition: transform 0.35s ease !important;
    }
    .card-ui:hover .test-icon img {
      transform: scale(1.06) !important;
    }
    .card-ui h3 {
      font-size: 15.5px !important;
      font-weight: 850 !important;
      color: #102e3c !important;
      margin: 0 0 4px !important;
      letter-spacing: -0.2px !important;
      line-height: 1.3 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }
    .card-ui .muted {
      font-size: 11.5px !important;
      color: #5a7380 !important;
      margin-bottom: 8px !important;
      font-weight: 500 !important;
    }
    .card-ui .price {
      font-size: 18.5px !important;
      font-weight: 850 !important;
      color: #00765d !important;
    }
    .card-ui .old {
      font-size: 12.5px !important;
      color: #94a3b8 !important;
      text-decoration: line-through !important;
      margin-left: 6px !important;
    }
    .card-ui .card-footer {
      display: flex !important;
      gap: 8px !important;
      margin-top: 14px !important;
      background: transparent !important;
      border: none !important;
      padding: 0 !important;
    }
    .card-ui .btn-white {
      flex: 1 !important;
      padding: 9px 12px !important;
      border: 1.5px solid #d4e7e1 !important;
      border-radius: 12px !important;
      background: #ffffff !important;
      color: #102e3c !important;
      font-weight: 750 !important;
      font-size: 12.5px !important;
      transition: all 0.2s ease !important;
      text-decoration: none !important;
    }
    .card-ui .btn-white:hover {
      background: #f1f8f5 !important;
      border-color: #008f70 !important;
      color: #008f70 !important;
    }
    .card-ui .btn-solid {
      flex: 1 !important;
      padding: 9px 12px !important;
      border: none !important;
      border-radius: 12px !important;
      background: linear-gradient(135deg, #008f70 0%, #00765d 100%) !important;
      color: #ffffff !important;
      font-weight: 800 !important;
      font-size: 12.5px !important;
      box-shadow: 0 4px 12px rgba(0, 143, 112, 0.24) !important;
      transition: all 0.2s ease !important;
      cursor: pointer !important;
      text-decoration: none !important;
    }
    .card-ui .btn-solid:hover {
      transform: translateY(-1.5px) !important;
      box-shadow: 0 6px 18px rgba(0, 143, 112, 0.35) !important;
    }

    /* 7. Popular Health Packages Cards UI */
    section.section.soft .cards .card-ui {
      background: linear-gradient(180deg, #faf7ff 0%, #ffffff 42%) !important;
      border: 2px solid #ddd6fe !important;
      box-shadow: 0 6px 20px rgba(124, 58, 237, 0.06) !important;
    }
    section.section.soft .cards .card-ui::before {
      background: linear-gradient(90deg, #7c3aed, #a855f7) !important;
    }
    section.section.soft .cards .card-ui:hover {
      border-color: #7c3aed !important;
      box-shadow: 0 16px 36px rgba(124, 58, 237, 0.16) !important;
    }
    section.section.soft .cards .card-ui .price {
      color: #6b21a8 !important;
    }
    section.section.soft .cards .card-ui .btn-solid {
      background: linear-gradient(135deg, #7c3aed 0%, #6b21a8 100%) !important;
      box-shadow: 0 4px 12px rgba(124, 58, 237, 0.24) !important;
    }
    section.section.soft .cards .card-ui .btn-solid:hover {
      box-shadow: 0 6px 18px rgba(124, 58, 237, 0.35) !important;
    }

    /* 8. Consult Top Doctors Cards */
    .doctor-grid {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 16px !important;
    }
    .doctor-card {
      background: linear-gradient(180deg, #f6faff 0%, #ffffff 42%) !important;
      border: 2px solid #bad8fe !important;
      border-radius: 20px !important;
      padding: 18px !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: space-between !important;
      box-shadow: 0 6px 20px rgba(29, 99, 198, 0.06) !important;
      transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
      position: relative !important;
      overflow: hidden !important;
    }
    .doctor-card::before {
      content: "" !important;
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      height: 4.5px !important;
      background: linear-gradient(90deg, #1d63c6, #60a5fa) !important;
      border-radius: 20px 20px 0 0 !important;
      z-index: 2 !important;
    }
    .doctor-card:hover {
      transform: translateY(-5px) !important;
      border-color: #1d63c6 !important;
      box-shadow: 0 16px 36px rgba(29, 99, 198, 0.16) !important;
    }
    .doctor-photo {
      width: 100% !important;
      height: 165px !important;
      border-radius: 14px !important;
      overflow: hidden !important;
      margin-bottom: 12px !important;
      position: relative !important;
      background: #edf5ff !important;
    }
    .doctor-photo img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      object-position: top center !important;
      transition: transform 0.35s ease !important;
    }
    .doctor-card:hover .doctor-photo img {
      transform: scale(1.06) !important;
    }
    .doctor-body {
      padding: 0 !important;
      margin: 0 !important;
      width: 100% !important;
      display: flex !important;
      flex-direction: column !important;
      flex-grow: 1 !important;
      justify-content: space-between !important;
      min-width: 0 !important;
      box-sizing: border-box !important;
    }
    .doctor-body .rating {
      color: #f59e0b !important;
      font-weight: 850 !important;
      font-size: 11.5px !important;
      margin-bottom: 4px !important;
    }
    .doctor-body h3 {
      font-size: 15.5px !important;
      font-weight: 850 !important;
      color: #102e3c !important;
      margin: 0 0 3px !important;
      letter-spacing: -0.2px !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }
    .doctor-body p {
      font-size: 11.5px !important;
      color: #5a7380 !important;
      margin: 0 0 3px !important;
      font-weight: 500 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }
    .doctor-body .price {
      font-size: 17.5px !important;
      font-weight: 850 !important;
      color: #1d63c6 !important;
    }
    .doctor-card .card-footer {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
      gap: 8px !important;
      margin-top: 14px !important;
      background: transparent !important;
      border: none !important;
      padding: 0 !important;
      width: 100% !important;
      box-sizing: border-box !important;
    }
    .doctor-card .btn-white {
      width: 100% !important;
      min-width: 0 !important;
      min-height: 40px !important;
      padding: 8px 6px !important;
      border: 1.5px solid #bad6fb !important;
      border-radius: 12px !important;
      background: #ffffff !important;
      color: #1d63c6 !important;
      font-weight: 800 !important;
      font-size: 12px !important;
      transition: all 0.2s ease !important;
      text-decoration: none !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
      white-space: nowrap !important;
      box-sizing: border-box !important;
    }
    .doctor-card .btn-white:hover {
      background: #edf5ff !important;
      border-color: #1d63c6 !important;
      color: #1557b0 !important;
    }
    .doctor-card .btn-solid {
      width: 100% !important;
      min-width: 0 !important;
      min-height: 40px !important;
      padding: 8px 6px !important;
      border: none !important;
      border-radius: 12px !important;
      background: linear-gradient(135deg, #1d63c6 0%, #1557b0 100%) !important;
      color: #ffffff !important;
      font-weight: 800 !important;
      font-size: 12px !important;
      box-shadow: 0 4px 12px rgba(29, 99, 198, 0.24) !important;
      transition: all 0.2s ease !important;
      text-decoration: none !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
      white-space: nowrap !important;
      box-sizing: border-box !important;
    }
    .doctor-card .btn-solid:hover {
      transform: translateY(-1.5px) !important;
      box-shadow: 0 6px 18px rgba(29, 99, 198, 0.35) !important;
    }

    /* 8.5 Ambulance Cards (Doctor-Style & High Aesthetics) */
    .ambulance-grid {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 16px !important;
    }
    .ambulance-card {
      background: linear-gradient(180deg, #fffafa 0%, #ffffff 42%) !important;
      border: 2px solid #fecaca !important;
      border-radius: 20px !important;
      padding: 18px !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: space-between !important;
      box-shadow: 0 6px 20px rgba(220, 38, 38, 0.06) !important;
      transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
      position: relative !important;
      overflow: hidden !important;
    }
    .ambulance-card::before {
      content: "" !important;
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      height: 4.5px !important;
      background: linear-gradient(90deg, #dc2626, #ef4444) !important;
      border-radius: 20px 20px 0 0 !important;
      z-index: 2 !important;
    }
    .ambulance-card:hover {
      transform: translateY(-5px) !important;
      border-color: #dc2626 !important;
      box-shadow: 0 16px 36px rgba(220, 38, 38, 0.16) !important;
    }
    .ambulance-photo {
      width: 100% !important;
      height: 165px !important;
      border-radius: 14px !important;
      overflow: hidden !important;
      margin-bottom: 12px !important;
      position: relative !important;
      background: #fff5f5 !important;
    }
    .ambulance-photo img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      object-position: center !important;
      transition: transform 0.35s ease !important;
    }
    .ambulance-card:hover .ambulance-photo img {
      transform: scale(1.06) !important;
    }
    .ambulance-photo .badge-avail {
      font-size: 8px !important;
      padding: 3px 8px !important;
      backdrop-filter: blur(4px) !important;
      background: rgba(255, 255, 255, 0.94) !important;
      border: 1px solid rgba(16, 185, 129, 0.25) !important;
      color: #059669 !important;
      font-weight: 800 !important;
      z-index: 2 !important;
    }
    .ambulance-photo .badge-reg {
      font-size: 8.5px !important;
      padding: 3px 8px !important;
      backdrop-filter: blur(4px) !important;
      background: rgba(255, 255, 255, 0.94) !important;
      border: 1px solid rgba(220, 38, 38, 0.2) !important;
      color: #dc2626 !important;
      font-weight: 800 !important;
      font-family: monospace !important;
      z-index: 2 !important;
    }
    .ambulance-body {
      padding: 0 !important;
      margin: 0 !important;
      width: 100% !important;
      display: flex !important;
      flex-direction: column !important;
      flex-grow: 1 !important;
      justify-content: space-between !important;
      min-width: 0 !important;
      box-sizing: border-box !important;
    }
    .ambulance-body .rating {
      color: #dc2626 !important;
      font-weight: 850 !important;
      font-size: 11.5px !important;
      margin-bottom: 4px !important;
    }
    .ambulance-body h3 {
      font-size: 15.5px !important;
      font-weight: 850 !important;
      color: #102e3c !important;
      margin: 0 0 3px !important;
      letter-spacing: -0.2px !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }
    .ambulance-body p {
      font-size: 11.5px !important;
      color: #5a7380 !important;
      margin: 0 0 3px !important;
      font-weight: 500 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }
    .ambulance-body .price {
      font-size: 17.5px !important;
      font-weight: 850 !important;
      color: #dc2626 !important;
    }
    .ambulance-card .card-footer {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
      gap: 8px !important;
      margin-top: 14px !important;
      background: transparent !important;
      border: none !important;
      padding: 0 !important;
      width: 100% !important;
      box-sizing: border-box !important;
    }
    .ambulance-card .btn-white {
      width: 100% !important;
      min-width: 0 !important;
      min-height: 40px !important;
      padding: 8px 6px !important;
      border: 1.5px solid #fecaca !important;
      border-radius: 12px !important;
      background: #ffffff !important;
      color: #dc2626 !important;
      font-weight: 800 !important;
      font-size: 12px !important;
      transition: all 0.2s ease !important;
      text-decoration: none !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
      white-space: nowrap !important;
      box-sizing: border-box !important;
    }
    .ambulance-card .btn-white:hover {
      background: #fef2f2 !important;
      border-color: #dc2626 !important;
      color: #b91c1c !important;
    }
    .ambulance-card .btn-solid {
      width: 100% !important;
      min-width: 0 !important;
      min-height: 40px !important;
      padding: 8px 6px !important;
      border: none !important;
      border-radius: 12px !important;
      background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
      color: #ffffff !important;
      font-weight: 800 !important;
      font-size: 12px !important;
      box-shadow: 0 4px 12px rgba(220, 38, 38, 0.24) !important;
      transition: all 0.2s ease !important;
      text-decoration: none !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
      white-space: nowrap !important;
      box-sizing: border-box !important;
    }
    .ambulance-card .btn-solid:hover {
      transform: translateY(-1.5px) !important;
      box-shadow: 0 6px 18px rgba(220, 38, 38, 0.35) !important;
    }

    /* 9. Health Supplements Cards */
    #supplements .cards .card-ui,
    section:has(.bi-capsule) .cards .card-ui {
      background: linear-gradient(180deg, #fffcf5 0%, #ffffff 42%) !important;
      border: 2px solid #fde49a !important;
      box-shadow: 0 6px 20px rgba(217, 119, 6, 0.06) !important;
    }
    #supplements .cards .card-ui::before,
    section:has(.bi-capsule) .cards .card-ui::before {
      background: linear-gradient(90deg, #d97706, #fbbf24) !important;
    }
    #supplements .cards .card-ui:hover,
    section:has(.bi-capsule) .cards .card-ui:hover {
      border-color: #d97706 !important;
      box-shadow: 0 16px 36px rgba(217, 119, 6, 0.16) !important;
    }
    #supplements .cards .card-ui .price,
    section:has(.bi-capsule) .cards .card-ui .price {
      color: #b45309 !important;
    }
    #supplements .cards .card-ui .btn-solid,
    section:has(.bi-capsule) .cards .card-ui .btn-solid {
      background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
      box-shadow: 0 4px 12px rgba(217, 119, 6, 0.24) !important;
    }

    /* 10. Home Healthcare Cards */
    #homeHealthcareCardsContainer .card-ui {
      display: flex !important;
      flex-direction: column !important;
      justify-content: space-between !important;
      min-height: 380px !important;
      background: linear-gradient(180deg, #fff8f7 0%, #ffffff 42%) !important;
      border: 2px solid #fec7be !important;
      border-radius: 20px !important;
      padding: 16px !important;
      box-shadow: 0 6px 20px rgba(220, 62, 38, 0.06) !important;
      position: relative !important;
      overflow: hidden !important;
      transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }
    #homeHealthcareCardsContainer .card-ui::before {
      content: "" !important;
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      height: 4.5px !important;
      background: linear-gradient(90deg, #dc3e26, #fb7185) !important;
      border-radius: 20px 20px 0 0 !important;
      z-index: 2 !important;
    }
    #homeHealthcareCardsContainer .card-ui:hover {
      transform: translateY(-5px) !important;
      border-color: #dc3e26 !important;
      box-shadow: 0 16px 36px rgba(220, 62, 38, 0.16) !important;
    }
    #homeHealthcareCardsContainer .card-ui .test-icon {
      width: 100% !important;
      height: 140px !important;
      border-radius: 14px !important;
      overflow: hidden !important;
      margin-bottom: 12px !important;
      position: relative !important;
      background: #fff0ed !important;
    }
    #homeHealthcareCardsContainer .card-ui .test-icon img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      transition: transform 0.35s ease !important;
    }
    #homeHealthcareCardsContainer .card-ui:hover .test-icon img {
      transform: scale(1.06) !important;
    }
    #homeHealthcareCardsContainer .card-ui h3 {
      font-size: 15.5px !important;
      font-weight: 850 !important;
      color: #102e3c !important;
      margin: 0 0 4px !important;
      letter-spacing: -0.2px !important;
      line-height: 1.3 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }
    #homeHealthcareCardsContainer .card-ui p.muted {
      font-size: 12px !important;
      line-height: 1.45 !important;
      color: #5a7380 !important;
      margin: 0 0 8px !important;
      display: -webkit-box !important;
      -webkit-line-clamp: 2 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      min-height: 35px !important;
    }
    #homeHealthcareCardsContainer .card-ui .price {
      font-size: 18.5px !important;
      font-weight: 850 !important;
      color: #bc2d17 !important;
    }
    #homeHealthcareCardsContainer .card-ui .card-footer {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 8px !important;
      margin-top: auto !important;
      padding: 12px 0 0 0 !important;
      background: transparent !important;
      border: none !important;
      width: 100% !important;
    }
    #homeHealthcareCardsContainer .card-ui .btn-white {
      width: 100% !important;
      min-height: 40px !important;
      padding: 8px 10px !important;
      border: 1.5px solid #fecdd3 !important;
      border-radius: 12px !important;
      background: #ffffff !important;
      color: #102e3c !important;
      font-weight: 750 !important;
      font-size: 12.5px !important;
      white-space: nowrap !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      transition: all 0.2s ease !important;
      text-decoration: none !important;
    }
    #homeHealthcareCardsContainer .card-ui .btn-white:hover {
      background: #fff1f2 !important;
      border-color: #dc3e26 !important;
      color: #dc3e26 !important;
    }
    #homeHealthcareCardsContainer .card-ui .btn-solid {
      width: 100% !important;
      min-height: 40px !important;
      padding: 8px 10px !important;
      border: none !important;
      border-radius: 12px !important;
      background: linear-gradient(135deg, #dc3e26 0%, #bc2d17 100%) !important;
      color: #ffffff !important;
      font-weight: 800 !important;
      font-size: 12.5px !important;
      white-space: nowrap !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      box-shadow: 0 4px 12px rgba(220, 62, 38, 0.24) !important;
      transition: all 0.2s ease !important;
      cursor: pointer !important;
      text-decoration: none !important;
    }
    #homeHealthcareCardsContainer .card-ui .btn-solid:hover {
      transform: translateY(-1.5px) !important;
      box-shadow: 0 6px 18px rgba(220, 62, 38, 0.35) !important;
    }

    /* 11. Why Families Choose Winzou (Stats Cards) */
    .stats {
      display: grid !important;
      grid-template-columns: repeat(5, 1fr) !important;
      gap: 16px !important;
    }
    .stat {
      background: #ffffff !important;
      border: 2px solid #d4e7e1 !important;
      border-radius: 20px !important;
      padding: 24px 18px !important;
      text-align: center !important;
      box-shadow: 0 6px 20px rgba(15, 55, 72, 0.05) !important;
      transition: all 0.25s ease !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
    }
    .stat:hover {
      transform: translateY(-4px) !important;
      border-color: #008f70 !important;
      box-shadow: 0 14px 30px rgba(0, 143, 112, 0.12) !important;
    }
    .stat-icon {
      width: 48px !important;
      height: 48px !important;
      border-radius: 14px !important;
      display: grid !important;
      place-items: center !important;
      font-size: 20px !important;
      margin-bottom: 10px !important;
      border: 1.5px solid transparent !important;
    }
    .stat-green { background: #e6f9f4 !important; color: #008f70 !important; border-color: #a8e8d8 !important; }
    .stat-blue { background: #edf5ff !important; color: #1d63c6 !important; border-color: #bfdbfe !important; }
    .stat-cyan { background: #e0f7fa !important; color: #00838f !important; border-color: #b2ebf2 !important; }
    .stat-red { background: #fff0ed !important; color: #dc3e26 !important; border-color: #fecdd3 !important; }
    .stat-amber { background: #fffbeb !important; color: #d97706 !important; border-color: #fde68a !important; }
    .stat strong {
      display: block !important;
      font-size: 32px !important;
      font-weight: 900 !important;
      background: linear-gradient(120deg, #008f70 0%, #1d63c6 100%) !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
      margin-bottom: 4px !important;
      letter-spacing: -0.5px !important;
    }
    .stat span {
      font-size: 12.5px !important;
      color: #5a7380 !important;
      font-weight: 750 !important;
      text-transform: uppercase !important;
      letter-spacing: 0.04em !important;
    }

    /* 12. Franchise Partnership CTA */
    .franchise-cta-card {
      background: linear-gradient(135deg, #0f3748 0%, #0c2b3a 100%) !important;
      border: 2px solid #1c566e !important;
      border-radius: 24px !important;
      overflow: hidden !important;
      box-shadow: 0 12px 36px rgba(15, 55, 72, 0.15) !important;
    }
    .franchise-cta-copy .kicker {
      background: rgba(0, 143, 112, 0.22) !important;
      color: #4ade80 !important;
      border: 1px solid rgba(74, 222, 128, 0.35) !important;
    }
    .franchise-cta-points span i {
      color: #34d399 !important;
      font-size: 16px !important;
    }
    .franchise-cta-copy .btn-green {
      background: linear-gradient(135deg, #008f70 0%, #059669 100%) !important;
      color: #ffffff !important;
      border: none !important;
      font-weight: 850 !important;
      padding: 13px 26px !important;
      border-radius: 999px !important;
      box-shadow: 0 6px 20px rgba(0, 143, 112, 0.4) !important;
      text-decoration: none !important;
      display: inline-flex !important;
      align-items: center !important;
    }

    /* 13. Testimonials */
    .review-card-premium {
      background: #ffffff !important;
      border: 2px solid #d4e7e1 !important;
      border-radius: 22px !important;
      padding: 24px !important;
      box-shadow: 0 8px 24px rgba(15, 55, 72, 0.06) !important;
      transition: all 0.25s ease !important;
    }
    .review-card-premium:hover {
      transform: translateY(-4px) !important;
      border-color: #008f70 !important;
      box-shadow: 0 16px 36px rgba(15, 55, 72, 0.12) !important;
    }
    .review-quote i {
      color: #008f70 !important;
      font-size: 24px !important;
    }
    .review-avatar {
      border: 2px solid #a8e8d8 !important;
    }
    .rating-summary {
      background: #ffffff !important;
      border: 2px solid #d4e7e1 !important;
      border-radius: 18px !important;
      padding: 10px 18px !important;
      box-shadow: 0 4px 14px rgba(0,0,0,0.04) !important;
    }

    /* 14. FAQs */
    .accordion-item {
      background: #ffffff !important;
      border: 1.8px solid #d8e8e2 !important;
      border-radius: 16px !important;
      margin-bottom: 12px !important;
      overflow: hidden !important;
      box-shadow: 0 3px 12px rgba(15, 55, 72, 0.04) !important;
      transition: border-color 0.22s ease !important;
    }
    .accordion-item:has(.show) {
      border-color: #008f70 !important;
      box-shadow: 0 6px 20px rgba(0, 143, 112, 0.09) !important;
    }
    .accordion-button {
      font-size: 15px !important;
      font-weight: 750 !important;
      color: #102e3c !important;
      padding: 18px 20px !important;
      background: #ffffff !important;
    }
    .accordion-button:not(.collapsed) {
      color: #00765d !important;
      background: #f6fdfa !important;
    }
    .faq-side {
      background: linear-gradient(135deg, #f4fbf8 0%, #e6f7f2 100%) !important;
      border: 2px solid #a8e8d8 !important;
      border-radius: 22px !important;
      padding: 28px 24px !important;
      box-shadow: 0 6px 22px rgba(0, 143, 112, 0.07) !important;
    }
    .faq-side-icon i {
      font-size: 32px !important;
      color: #008f70 !important;
    }

    /* 15. Mobile App Banner */
    .mobile-app-banner {
      background: linear-gradient(135deg, #0e374a 0%, #0b5042 100%) !important;
      border: 2px solid #207261 !important;
      border-radius: 24px !important;
      padding: 38px 36px !important;
      color: #ffffff !important;
      position: relative !important;
      overflow: hidden !important;
      box-shadow: 0 12px 36px rgba(15, 55, 72, 0.16) !important;
    }

    /* Responsive adjustments across full homepage */
    @media (max-width: 1100px) {
      .promo-grid, .doctor-grid {
        grid-template-columns: repeat(2, 1fr) !important;
      }
      .stats {
        grid-template-columns: repeat(3, 1fr) !important;
      }
    }
    @media (max-width: 767px) {
      /* Universal Section Header on Mobile */
      .section-title {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
        margin-bottom: 16px !important;
      }
      .section-title h2 {
        font-size: 21px !important;
        line-height: 1.25 !important;
        margin-bottom: 4px !important;
      }
      .section-title p {
        font-size: 12px !important;
        line-height: 1.4 !important;
      }
      .section-title .kicker {
        font-size: 9.5px !important;
        padding: 3px 10px !important;
        margin-bottom: 6px !important;
      }
      .view-all {
        font-size: 11.5px !important;
        padding: 6px 14px !important;
        align-self: flex-start !important;
        margin-top: 2px !important;
      }

      /* 4. Trust Strip Mobile */
      .trust-strip {
        grid-template-columns: 1fr 1fr !important;
      }
      .trust-strip .item {
        padding: 14px !important;
      }
      .trust-strip .item:nth-child(2) {
        border-right: none !important;
      }
      .trust-strip .item:nth-child(3) {
        border-top: 1.5px dashed #e1efe8 !important;
      }
      .trust-strip .item:nth-child(4) {
        border-top: 1.5px dashed #e1efe8 !important;
        border-right: none !important;
      }

      /* 5. Promo Grid Mobile */
      .promo-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
      }
      .promo {
        min-height: 200px !important;
        padding: 16px !important;
        border-radius: 18px !important;
      }
      .promo h3 {
        font-size: 15px !important;
      }
      .promo p {
        font-size: 10.5px !important;
        margin-bottom: 10px !important;
      }

      /* 6, 7, 9. Cards Mobile (Lab Tests, Health Packages, Supplements) */
      .cards {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
      }
      .card-ui {
        min-height: 250px !important;
        padding: 12px !important;
        border-radius: 16px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
      }
      .card-ui .test-icon {
        height: 95px !important;
        margin-bottom: 8px !important;
        border-radius: 12px !important;
      }
      .card-ui h3 {
        font-size: 13px !important;
        line-height: 1.3 !important;
        margin: 0 0 3px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
      }
      .card-ui .muted {
        font-size: 10.5px !important;
        margin-bottom: 6px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
      }
      .card-ui .price {
        font-size: 15.5px !important;
      }
      .card-ui .old {
        font-size: 11px !important;
      }
      .card-ui .card-footer {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 6px !important;
        margin-top: auto !important;
        padding-top: 10px !important;
        background: transparent !important;
        border: none !important;
        width: 100% !important;
      }
      .card-ui .btn-white,
      .card-ui .btn-solid {
        width: 100% !important;
        min-height: 36px !important;
        padding: 6px 4px !important;
        font-size: 11px !important;
        border-radius: 10px !important;
        white-space: nowrap !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
      }

      /* 8. Doctor Grid Mobile */
      .doctor-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
      }
      .doctor-card {
        min-height: 295px !important;
        padding: 10px !important;
        border-radius: 16px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
      }
      .doctor-photo {
        height: 155px !important;
        border-radius: 12px !important;
        margin-bottom: 8px !important;
        width: 100% !important;
      }
      .doctor-photo img {
        object-position: top center !important;
      }
      .doctor-body {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
      }
      .doctor-body .rating {
        font-size: 10px !important;
        margin-bottom: 2px !important;
      }
      .doctor-body h3 {
        font-size: 13px !important;
        margin: 0 0 2px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
      }
      .doctor-body p {
        font-size: 10.5px !important;
        margin: 0 0 2px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
      }
      .doctor-body .price {
        font-size: 15px !important;
      }
      .doctor-card .card-footer {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 6px !important;
        margin-top: auto !important;
        padding-top: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
      }
      .doctor-card .btn-white,
      .doctor-card .btn-solid {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 36px !important;
        padding: 6px 2px !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        border-radius: 10px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
        letter-spacing: -0.2px !important;
      }

      /* 8.5 Ambulance Grid Mobile (Doctor-Style Layout) */
      .ambulance-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
      }
      .ambulance-card {
        min-height: 295px !important;
        padding: 10px !important;
        border-radius: 16px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
      }
      .ambulance-photo {
        height: 155px !important;
        border-radius: 12px !important;
        margin-bottom: 8px !important;
        width: 100% !important;
      }
      .ambulance-body {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
      }
      .ambulance-body .rating {
        font-size: 10px !important;
        margin-bottom: 2px !important;
      }
      .ambulance-body h3 {
        font-size: 13px !important;
        margin: 0 0 2px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
      }
      .ambulance-body p {
        font-size: 10.5px !important;
        margin: 0 0 2px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
      }
      .ambulance-body .price {
        font-size: 15px !important;
      }
      .ambulance-card .card-footer {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 6px !important;
        margin-top: auto !important;
        padding-top: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
      }
      .ambulance-card .btn-white,
      .ambulance-card .btn-solid {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 36px !important;
        padding: 6px 2px !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        border-radius: 10px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
        letter-spacing: -0.2px !important;
      }

      /* 10. Home Healthcare Mobile */
      #homeHealthcareCardsContainer .card-ui {
        min-height: 250px !important;
        padding: 12px !important;
      }
      #homeHealthcareCardsContainer .card-ui .test-icon {
        height: 95px !important;
      }
      #homeHealthcareCardsContainer .card-ui h3 {
        font-size: 13px !important;
      }
      #homeHealthcareCardsContainer .card-ui p.muted {
        font-size: 10px !important;
        min-height: 28px !important;
        -webkit-line-clamp: 2 !important;
      }
      #homeHealthcareCardsContainer .card-ui .price {
        font-size: 15px !important;
      }
      #homeHealthcareCardsContainer .card-ui .card-footer {
        grid-template-columns: 1fr 1fr !important;
        gap: 6px !important;
      }
      #homeHealthcareCardsContainer .card-ui .btn-white,
      #homeHealthcareCardsContainer .card-ui .btn-solid {
        min-height: 36px !important;
        font-size: 11px !important;
        padding: 6px 4px !important;
      }

      /* 11. Stats Mobile */
      .stats {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
      }
      .stat {
        padding: 16px 12px !important;
        border-radius: 16px !important;
      }
      .stat:last-child {
        grid-column: 1 / -1 !important;
        max-width: 220px !important;
        margin: 0 auto !important;
        width: 100% !important;
      }
      .stat strong {
        font-size: 24px !important;
      }
      .stat span {
        font-size: 11px !important;
      }
      .stat-icon {
        width: 38px !important;
        height: 38px !important;
        font-size: 17px !important;
        margin-bottom: 8px !important;
      }

      /* 12. Franchise CTA Mobile */
      .franchise-cta-card {
        padding: 24px 18px !important;
        border-radius: 20px !important;
      }
      .franchise-cta-copy h2 {
        font-size: 20px !important;
        line-height: 1.3 !important;
      }
      .franchise-cta-copy p {
        font-size: 12.5px !important;
      }
      .franchise-cta-points {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin: 14px 0 20px !important;
      }
      .franchise-cta-points span {
        font-size: 12px !important;
      }
      .franchise-cta-copy .btn-green {
        width: 100% !important;
        justify-content: center !important;
        padding: 12px 20px !important;
        font-size: 13.5px !important;
      }
      .franchise-cta-image {
        display: none !important;
      }

      /* 13. Testimonials Mobile */
      .review-card-premium {
        padding: 18px 16px !important;
        border-radius: 18px !important;
      }
      .review-card-premium p {
        font-size: 13px !important;
      }
      .rating-summary {
        align-self: flex-start !important;
        padding: 8px 14px !important;
      }
      .rating-summary strong {
        font-size: 20px !important;
      }

      /* 14. FAQs Mobile */
      .faq-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
      }
      .accordion-button {
        font-size: 13.5px !important;
        padding: 14px 16px !important;
      }
      .accordion-body {
        font-size: 12.5px !important;
        padding: 12px 16px !important;
      }
      .faq-side {
        padding: 20px 16px !important;
        border-radius: 18px !important;
        text-align: center !important;
      }

      /* 15. Mobile App Banner */
      .mobile-app-banner {
        padding: 26px 20px !important;
        border-radius: 20px !important;
      }
      .mobile-app-banner h2 {
        font-size: 21px !important;
      }
      .mobile-app-banner p {
        font-size: 12.5px !important;
      }
      .mobile-app-banner a.btn {
        width: 100% !important;
        text-align: center !important;
      }
    }

    @media (max-width: 380px) {
      .cards, .doctor-grid {
        gap: 8px !important;
      }
      .card-ui, .doctor-card {
        padding: 9px !important;
        border-radius: 14px !important;
      }
      .card-ui .test-icon {
        height: 85px !important;
      }
      .doctor-photo {
        height: 138px !important;
      }
      .doctor-photo img {
        object-position: top center !important;
      }
      .card-ui h3, .doctor-body h3 {
        font-size: 12px !important;
      }
      .card-ui .price, .doctor-body .price {
        font-size: 14px !important;
      }
      .card-ui .card-footer, .doctor-card .card-footer {
        gap: 5px !important;
        padding-top: 8px !important;
      }
      .card-ui .btn-white, .card-ui .btn-solid,
      .doctor-card .btn-white, .doctor-card .btn-solid {
        min-height: 32px !important;
        font-size: 10px !important;
        padding: 4px 1.5px !important;
        letter-spacing: -0.3px !important;
      }
    }