:root{--pink:#e6ecf2;--pink-dark:#38526b;--blue:#edf1f5;--teal:#38536e;--ink:#29333c;--muted:#656d75;--line:#e2e5e9;--soft:#f7f9f9;--radius:14px;font-family:Arial,Helvetica,sans-serif}
body.storefront{background:#fff;--muted:#666e75;color:var(--ink)}
.storefront .topbar{background:#eef2f5;color:#525f6c;font-size:12px;letter-spacing:.035em;padding:9px}
.brand{height:auto;overflow:visible;display:flex;align-items:center}.brand img{position:static;object-fit:contain;width:100%;height:auto;max-height:80px}.header-main .brand{width:268px}.header-main{min-height:98px}.search input{border-radius:9px;background:#f5f7f7;border:1px solid #edeff0}.store-nav-band{background:#f5f7f8;border-color:#e5e9ed}.store-nav{gap:56px}.store-nav a{color:#404e5b}.store-nav a.active,.store-nav a:hover{background:#e6ebf0;color:#2d4761;border-radius:5px}
.storefront .btn{border-radius:7px;background:#37526d;color:#fff;box-shadow:none}.storefront .btn.secondary{background:#fff;border:1px solid #ccd5dd;color:#364a5e}.storefront .btn:hover{background:#294056}.storefront .btn.secondary:hover{background:#eaeff3}.storefront .count{background:#e2e9ef;color:#2e465d}.storefront .hero{background:#f3f5f7;border:1px solid #e6eaed;border-radius:16px;margin-top:25px;min-height:390px;grid-template-columns:1.15fr 1fr}.hero-copy{padding:42px 44px}.hero h1{font-size:clamp(32px,3.65vw,50px);font-weight:600;line-height:1.15;letter-spacing:-.045em}.hero h1 em{font-family:inherit;font-style:normal;font-weight:600;color:#698199}.hero-copy p{max-width:470px;font-size:15px;line-height:1.8;color:#636a71}.eyebrow{font-size:10px;color:#506376;letter-spacing:.16em;margin-bottom:13px}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.hero-link{font-size:12px;text-decoration:underline;text-underline-offset:4px}.hero-note{font-size:11px;color:#6a747e;margin-top:28px}.hero-note span{padding:0 7px}
.hero-product{margin:22px 24px 22px 0;background:white;border:1px solid #e2e6ea;border-radius:11px;display:flex;flex-direction:column;position:relative;padding:20px;text-decoration:none!important}.hero-product img{width:100%;height:235px;object-fit:contain;mix-blend-mode:multiply}.hero-product-tag{position:absolute;top:16px;left:16px;border:1px solid #dfe5eb;background:#f4f7fa;border-radius:20px;font-size:10px;padding:3px 9px;z-index:1}.hero-product-caption{border-top:1px solid #edeff1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:13px}.hero-product-caption span{font-size:10px;color:#7c858e}.hero-product-caption h2{font-size:13px;line-height:1.5;letter-spacing:0;margin:4px 0 0;max-width:290px}.hero-product-caption b{font-size:19px;white-space:nowrap;color:#3e576f}.benefits{border-bottom:1px solid #e7eaec;padding:25px 8px;gap:22px}.benefit strong{font-size:13px;font-weight:600}.benefit span{font-size:11px}.benefit svg{color:#758799}.section{padding-top:38px;padding-bottom:10px}.section-heading h2{font-size:26px;font-weight:600}.section-heading>a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.medical-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.medical-category-grid>a{border:1px solid #e4e8eb;border-radius:9px;display:flex;align-items:center;gap:12px;padding:18px 14px;background:#fff;font-size:12px}.medical-category-grid>a:hover{background:#f2f4f7;text-decoration:none}.category-number{font-size:11px;color:#8797a7}.medical-category-grid strong{flex:1}.medical-category-grid svg{width:16px;height:16px;color:#7d8c9b}
.storefront .product-card{background:#fff;border:1px solid #e5e8eb;border-radius:10px;padding:13px;box-shadow:none;overflow:hidden}.storefront .product-img{background:#f9fbfa!important;border:0;border-radius:6px;aspect-ratio:1.2}.storefront .product-img img{padding:14px;mix-blend-mode:multiply}.storefront .product-card h3{font-size:13px;font-weight:600;margin-top:15px;letter-spacing:0;min-height:54px}.storefront .product-meta{font-size:10px;color:#727a83}.storefront .product-skus{font-size:10px;margin-top:4px}.storefront .product-card .price,.storefront .product-detail .price{color:#33495f;text-shadow:none}.storefront .product-card .price{font-size:19px}.catalog-tax{font-size:9px}.catalog-add-form select,.catalog-add-form input{font-size:11px;border-radius:5px;min-height:36px;padding:7px}.catalog-add-form label{font-size:10px;font-weight:500}.catalog-add-form .btn{font-size:11px;min-height:38px}.storefront .product-tag{background:#e3e9ef;color:#395169}.storefront .chip{border:1px solid #dce2e7;box-shadow:none;border-radius:6px}.storefront .chip.active{background:#e4eaf0;border-color:#9aabbb;color:#3e5368;box-shadow:none}.product-img .empty{font-size:11px;color:#818a93;padding:30px 15px}.medical-contact-band{margin:50px 0 45px;border-radius:12px;padding:34px 38px;background:#eff2f5;display:flex;align-items:center;justify-content:space-between;gap:30px}.medical-contact-band h2{font-size:28px;font-weight:600}.medical-contact-band p{font-size:13px;margin:0}.footer{background:#f6f8f7!important;border-top:1px solid #e6e9ec}.footer .brand{width:215px;margin-bottom:20px}.footer p,.footer a{font-size:12px}.footer h3{font-size:13px}.footer-bottom{font-size:11px}.hidden{display:none!important}.whatsapp{background:#526d87}.storefront .page-title{font-size:34px}.storefront .club-banner{background:#f1f4f7}
/* Keep the ERP layout and controls, with a restrained palette. */
body:not(.storefront){background:#f5f7f7;--pink:#e4eaef;--pink-dark:#465a6e;--blue:#eef1f4;--teal:#41586e;--ink:#343d45;--muted:#687179;--line:#dfe3e8}
.sidebar{background:#fff;border-right:1px solid #e1e5e9}.sidebar .brand{height:auto;width:100%;padding:14px 10px 5px}.sidebar .brand img{max-height:72px}.erp-subbrand{padding:8px 25px 18px;text-align:center}.erp-subbrand img{width:118px;height:auto}.erp-subbrand small{display:block;font-size:9px;color:#808992;margin-top:5px}.sidebar nav a.active,.nav-group summary.contains-active{background:#e8edf2;color:#36506a;border-color:#dbe2e9}.sidebar nav a:hover{background:#f2f4f7}.admin-top{background:#fff}.stat,.panel{background:#fff;border-color:#e1e4e8;box-shadow:0 2px 8px #23313e04}.stats .stat:nth-child(n){background:#fff;border-top:3px solid #b4c2cf}.stats .stat b{color:#34495d}.chart-bar{background:#b4c2cf}.admin-title h1{color:#34404b}.btn{border-radius:8px}.btn.secondary{background:#edf0f3;color:#3c5166}.login-card .brand{height:auto;min-height:90px}.print-secondary-brands{display:flex;gap:18px;justify-content:center;align-items:center;margin-top:15px}.print-secondary-brands img{max-width:85px;max-height:38px;object-fit:contain}
@media(max-width:900px){.wrap{padding:0 24px}.header-main{gap:22px}.header-main .brand{width:220px}.hero-copy{padding:30px}.hero h1{font-size:34px}.hero-product{padding:15px}.hero-product img{height:230px}.hero-product-caption{display:block}.hero-product-caption b{display:block;margin-top:8px}.medical-category-grid{grid-template-columns:repeat(2,1fr)}.store-nav{gap:25px}.grid{gap:15px}}
@media(max-width:600px){.wrap{padding:0 16px}.header-main{min-height:105px;padding-top:14px;padding-bottom:13px;gap:10px}.header-main .brand{width:200px;height:auto}.header-main .search{order:3;max-width:none;flex-basis:100%}.header-actions{gap:3px}.store-nav{gap:4px;justify-content:space-around}.store-nav a{font-size:11px;padding:10px 5px}.storefront .hero{display:flex;flex-direction:column;margin-top:16px}.hero-copy{padding:27px 22px}.hero h1{font-size:34px}.hero-copy p{font-size:13px}.hero-note{font-size:9px;margin-top:22px}.hero-product{margin:0 15px 15px}.hero-product img{height:215px}.hero-product-caption{display:flex}.hero-product-caption h2{font-size:11px}.hero-product-caption b{font-size:16px}.hero-product-tag{font-size:9px}.hero-actions{gap:15px}.hero-actions .btn{font-size:12px}.hero-link{font-size:11px}.benefits{padding:22px 0;display:grid;grid-template-columns:1fr;gap:19px}.section-heading{align-items:flex-end;gap:10px}.section-heading h2{font-size:23px}.section-heading>a{font-size:10px}.medical-category-grid{gap:8px}.medical-category-grid>a{font-size:11px;padding:13px 9px;gap:8px}.category-number{font-size:9px}.storefront .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.storefront .product-card{padding:9px}.storefront .product-card h3{font-size:11px;line-height:1.5}.storefront .product-card .price{font-size:16px}.catalog-add-form .btn{font-size:10px}.medical-contact-band{padding:25px;display:block;margin-top:35px}.medical-contact-band h2{font-size:25px}.medical-contact-band .btn{margin-top:20px}.storefront .page-title{font-size:29px}.footer .brand{width:200px}}

/* User palette: white, gray and a blue-leaning turquoise. */
.storefront .store-nav-band{background:#386189;border-color:#32577c}
.storefront .store-nav a{color:#fff}.storefront .store-nav a:hover,.storefront .store-nav a.active{color:#fff;background:#ffffff20;box-shadow:none}
.storefront .store-nav a.active{box-shadow:inset 0 -3px 0 #c5d6e7}
:root,body:not(.storefront){--pink:#ebf1f7;--pink-dark:#33587c;--blue:#eff3f8;--teal:#386189;--ink:#34404b;--muted:#6b7680;--line:#e0e7ed}
.storefront .btn,.whatsapp,.ai-launch{background:#386189}.storefront .btn:hover{background:#2f5172}
.storefront .product-card .price,.storefront .product-detail .price{color:#34597e}.hero h1 em{color:#6389af}
.stats .stat:nth-child(n){border-top-color:#bdd1e4}.stats .stat b{color:#365b80}

/* Palette confirmed by owner: white, gray, blue. */
.storefront .store-nav-band{background:#39749e;border-color:#32678c}.storefront .store-nav a,.storefront .store-nav a:hover,.storefront .store-nav a.active{color:white}:root,body:not(.storefront){--pink:#edf3f9;--pink-dark:#3c6388;--blue:#eef3f9;--teal:#3d709e;--ink:#34424f;--muted:#6c7782;--line:#e2e7ed}.storefront .btn,.ai-launch,.whatsapp{background:#3d709e}.storefront .btn:hover{background:#315c83}.storefront .btn.secondary{background:#fff;color:#3d709e}.hero h1 em{color:#7399bb}

.storefront .header{background:#edf6fc}.storefront .header-main{background:#edf6fc}.storefront .header-main .brand img{mix-blend-mode:normal}.storefront .header-main .search input{background:#fff;border-color:#dce8f0}

/* Store discovery and nationwide service. */
.category-photo.category-illustration{padding:0}.category-illustration img{object-fit:cover;mix-blend-mode:normal}.catalog-stock{font-size:11px;color:#527086;line-height:1.6;margin:10px 0 12px}.detail-skus{margin:-6px 0 18px}.detail-skus .product-skus{font-size:13px}.product-detail .catalog-stock{font-size:14px}
.storefront .hero h1{font-size:clamp(30px,3.2vw,43px);line-height:1.15;max-width:580px}
.storefront .hero-copy p{max-width:540px;font-size:15px}.storefront .hero-actions{gap:12px}
.storefront .hero-actions .btn,.storefront .section-heading>.section-cta{font-size:13px;min-height:47px;padding:12px 18px;text-decoration:none;box-shadow:0 5px 15px #315c8317}
.storefront .section-heading>.section-cta{flex-shrink:0;border:1px solid #3d709e}
.category-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.category-photo-card{overflow:hidden;min-width:0;border-radius:14px;background:#fff;border:1px solid #dfe8ee;box-shadow:0 7px 20px #244c6910;transition:transform .15s,box-shadow .15s;text-decoration:none!important}
.category-photo-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #244c691c}.category-photo{aspect-ratio:1.35;background:#f1f6f8;padding:15px;display:flex;align-items:center;justify-content:center}
.category-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.category-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 17px;font-size:14px;line-height:1.4;min-height:74px}.category-caption .icon{color:#3d709e}
.category-placeholder{flex-direction:column;gap:16px;color:#728b9e;font-size:12px}.category-placeholder .icon{width:52px;height:52px;stroke-width:1}.category-choices.category-photo-grid{max-width:none;margin-top:32px}
.company-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding:38px 24px;margin-top:42px;border-top:1px solid #e1eaf1;border-bottom:1px solid #e1eaf1;text-align:center}.company-trust article{padding:8px}.company-trust .icon{width:36px;height:36px;color:#3d709e;margin-bottom:17px}.company-trust h3{font-size:16px;line-height:1.4;margin-bottom:8px}.company-trust p{font-size:13px;color:#657482;margin:0;line-height:1.7}
.why-medishop{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;padding:48px 35px;margin-top:38px;border-radius:18px;background:#f1f6fa}.why-medishop h2{font-size:31px;line-height:1.15}.why-medishop p{font-size:14px;line-height:1.8;color:#5d7080}.why-medishop ul{margin:0;padding:0;list-style:none}.why-medishop li{display:flex;gap:16px;padding:15px 0;border-bottom:1px solid #dce6ed}.why-medishop li:first-child{padding-top:0}.why-medishop li:last-child{border:0;padding-bottom:0}.why-medishop li>.icon{color:#3d709e;margin-top:2px}.why-medishop h3{font-size:15px;line-height:1.4;margin-bottom:7px}.why-medishop li p{font-size:13px;margin:0}

/* Accessible product suggestions use the same catalog prices and search index. */
.search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:min(520px,calc(100vw - 32px));z-index:40;background:#fff;border:1px solid #d7e2eb;border-radius:12px;box-shadow:0 12px 35px #25465e24;overflow:hidden}
#search-options{max-height:min(490px,60vh);overflow:auto}.search-option{display:flex;align-items:center;gap:12px;padding:13px;text-decoration:none!important;border-bottom:1px solid #edf1f5;color:#34424f}
.search-option:hover,.search-option[aria-selected=true]{background:#edf6fc}.search-option>img,.search-image-placeholder{width:45px;height:45px;flex-shrink:0;object-fit:contain;background:#f4f7f9;border-radius:5px}.search-image-placeholder{display:grid;place-items:center}.search-option>span:not(.search-image-placeholder){flex:1;min-width:0}.search-option strong{display:block;font-size:12px;line-height:1.4}.search-option small{display:block;color:#6a7985;font-size:10px;margin-top:4px;overflow-wrap:anywhere}.search-option b{font-size:13px;white-space:nowrap}.search.search-option svg,.search .search-option svg{position:static}.search .search-image-placeholder svg{position:static}
.search-all{justify-content:space-between;font-size:13px;font-weight:700;color:#315c83}.search-result-count{margin:0;padding:10px 14px;font-size:11px;color:#637480;background:#f7fafc}

/* Informational pages, branch maps and annual plans. */
.storefront .about-page{max-width:1000px}.about-lead{padding:30px;border-left:4px solid #6796ba;background:#f1f6fa;border-radius:0 12px 12px 0}.about-lead h2{font-size:28px;line-height:1.3}.about-section{margin-top:38px}.about-section h2{font-size:25px;line-height:1.3}.about-page p,.about-page li{font-size:15px;line-height:1.9}.about-solutions{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px;padding-left:20px}.about-commitments{margin:0;display:grid;gap:15px}.about-commitments>div{display:grid;grid-template-columns:145px 1fr;border-bottom:1px solid #e1e8ef;padding-bottom:15px}.about-commitments dt{font-weight:700;color:#3d709e}.about-commitments dd{margin:0;line-height:1.8}.about-closing{padding:28px;background:#f1f6fa;border-radius:12px}.about-closing .row{gap:12px;margin-top:26px}
.storefront .contact-page{max-width:1100px}.contact-options{margin:25px 0 40px}.contact-locations h2{font-size:30px}.branch-contact-card{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(280px,1.2fr);border:1px solid #dce5ed;border-radius:13px;overflow:hidden;margin-top:25px;background:#fff}.branch-contact-info{padding:29px;align-self:center}.branch-contact-info h3{font-size:23px;line-height:1.3}.branch-contact-info p{line-height:1.9;font-size:14px}.branch-contact-info .btn{font-size:12px;padding:12px}.branch-map{width:100%;height:320px;border:0;background:#edf3f7;display:block}.branch-contact-card:not(:has(iframe)){display:block}
.membership-intro{max-width:760px;text-align:center;margin:0 auto 38px}.membership-intro p{line-height:1.8}.membership-page .plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.membership-page .plan-mini{border:1px solid #dce5ed;border-radius:15px;padding:28px;display:flex;flex-direction:column;box-shadow:0 8px 20px #2847600b;background:#fff}.membership-page .plan-mini.recommended{border:2px solid #5a8fb7;background:#f5faff}.plan-mini>.pill{align-self:flex-start;font-size:11px}.plan-mini h2{font-size:25px;margin:22px 0 16px}.plan-mini .plan-price{font-size:29px;font-weight:700;margin-bottom:21px;color:#344c63}.plan-price small{font-size:13px;font-weight:400}.plan-discount{display:flex;gap:11px;align-items:center;border-top:1px solid #dce6ee;padding-top:20px;margin-bottom:17px}.plan-discount b{font-size:35px;color:#3d709e}.plan-discount span{font-size:13px}.plan-mini>p{font-size:14px;line-height:1.8}.plan-mini details{font-size:13px;margin-bottom:22px}.plan-inclusions{max-height:190px;overflow:auto;line-height:1.8;margin-top:12px}.plan-inclusions a{display:block}.plan-mini .checkline{margin-top:auto;font-size:12px;line-height:1.7;padding-top:18px}.plan-mini .plan-pending{margin-top:auto;padding-top:16px;color:#677b8a;font-size:13px}.membership-terms{margin-top:32px;padding:25px;background:#f2f6f9;border-radius:12px;font-size:14px}.membership-terms h2{font-size:21px}.membership-terms p{line-height:1.8}.tax-breakdown{margin-top:18px;padding-top:15px;border-top:1px solid #dce5ed;font-size:13px}.tax-breakdown summary{font-weight:700;color:#486075;cursor:pointer;margin-bottom:12px}.summary-row.tax-detail{font-size:12px;color:#657687;gap:12px;margin:9px 0}.summary-row.tax-detail span:last-child{white-space:nowrap}.tax-explanation{font-size:11px;line-height:1.7;color:#687c8c;margin:14px 0 0}
@media(max-width:900px){.category-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.company-trust{grid-template-columns:repeat(2,minmax(0,1fr))}.why-medishop{gap:30px;padding:35px 25px}.membership-page .plans-grid{gap:12px}.membership-page .plan-mini{padding:20px}.plan-mini .plan-price{font-size:24px}.search-suggestions{left:auto;right:0}.about-page,.contact-page{padding-left:24px;padding-right:24px}}
@media(max-width:650px){.category-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-photo{padding:10px}.category-caption{font-size:12px;padding:14px 11px;min-height:65px;gap:5px}.category-caption .icon{width:17px}.company-trust{gap:20px 8px;padding:24px 0;margin-top:26px}.company-trust h3{font-size:14px}.company-trust p{font-size:12px}.why-medishop{grid-template-columns:1fr;gap:25px;padding:27px 22px}.why-medishop h2{font-size:27px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px}.storefront .section-heading>.section-cta{font-size:12px;min-height:42px;padding:9px 14px}.storefront .hero-actions{flex-direction:column;align-items:stretch;width:100%}.storefront .hero-actions .btn{font-size:13px;width:100%}.storefront .hero h1{font-size:32px}.search-suggestions{min-width:0;width:100%;left:0;right:0}.search-option{gap:8px;padding:11px 9px}.search-option>img,.search-image-placeholder{width:36px;height:36px}.search-option strong{font-size:11px}.search-option b{font-size:11px}.search-result-count{font-size:10px}.branch-contact-card{grid-template-columns:1fr}.branch-contact-info{padding:23px}.branch-map{height:270px}.about-lead,.about-closing{padding:22px}.about-lead h2{font-size:24px}.about-section h2{font-size:23px}.about-solutions{grid-template-columns:1fr;gap:7px}.about-commitments>div{display:block}.about-commitments dt{margin-bottom:5px}.membership-page .plans-grid{grid-template-columns:1fr;max-width:440px;margin:auto;gap:20px}.membership-page .plan-mini{padding:26px}.about-page,.contact-page{padding-left:16px;padding-right:16px}.storefront .hero-copy p{font-size:14px}}

.checkout-invoice-notice{margin:0 0 18px;line-height:1.65;border-left:3px solid #416c97}.checkout-invoice-review{display:block;text-align:left;line-height:1.5;margin:14px 0;padding:4px 0}#checkout-invoice-section{scroll-margin-top:140px}
