:root{--md-blue:#005ab6;--md-deep:#051d43;--md-cyan:#00b5ef}
.brand{display:flex!important;align-items:center;gap:8px;text-decoration:none;width:auto!important;flex:none}
.brand img{width:74px!important;height:74px!important;object-fit:contain}
.brand::after{content:"MD BIO";white-space:nowrap;font:800 27px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.02em;color:#073666}
.menu-brand-logo{height:75px!important;width:100px!important;object-fit:contain}
.site-header{border-top:3px solid #00a8df}
.home-page .hero-visual{background:#041c40;aspect-ratio:1.45;border-color:#0a6cc1;display:flex;align-items:center}
.home-page .hero-visual>img{display:block;width:100%;height:100%;object-fit:contain}
.md-whatsapp{position:fixed;bottom:22px;right:22px;z-index:45;display:flex;align-items:center;gap:10px;border:1px solid #24d888;border-radius:50px;padding:13px 20px;background:linear-gradient(135deg,#08754e,#109766);color:white;box-shadow:0 6px 24px #073b4630;font:600 14px/1.4 "Segoe UI",Arial,sans-serif;cursor:pointer}
.md-whatsapp svg{width:24px;height:24px}
.back-to-top{bottom:88px!important}
.md-inquiry-dialog{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;border:1px solid #9dcce4;border-radius:18px;padding:30px;background:white;color:#153853;font:15px/1.6 "Segoe UI",Arial,sans-serif;overflow:auto}
.md-inquiry-dialog::backdrop{background:#031a40aa;backdrop-filter:blur(5px)}
.md-inquiry-dialog h2{padding-right:30px;margin-top:0}
.md-inquiry-dialog p{color:#506c83}
.md-inquiry-dialog textarea{box-sizing:border-box;width:100%;resize:vertical;border:1px solid #c3dcea;border-radius:9px;padding:12px;background:#f4f9fc;color:#173c5d;margin:8px 0 18px;font:14px/1.6 "Segoe UI",Arial,sans-serif}
.md-dismiss{position:absolute;top:14px;right:14px;border:1px solid #c7dfed;width:36px;height:36px;border-radius:50%;background:#f0f7fb;color:#194a6c;font-size:24px;cursor:pointer}
.md-contact-intro{max-width:740px;margin-bottom:36px}
.md-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:28px 0 50px}
.md-contact-grid article{border:1px solid #bfdbe9;background:linear-gradient(145deg,#f4faff,white);border-radius:16px;padding:26px}
.md-contact-grid h2{font-size:23px;letter-spacing:-.025em}
.md-policy{border-top:1px solid #d6e6ef;padding-top:22px;margin-top:32px;scroll-margin-top:140px}
.md-policy p{max-width:800px;color:#5b7388;line-height:1.8}
.md-offers{display:grid;gap:14px}
.md-offers article{padding:18px;border:1px solid #66b5de;border-radius:12px;background:#eff9ff}
.md-offers h3{color:#064f8f!important;font:700 24px/1.3 "Segoe UI",Arial,sans-serif!important;letter-spacing:0!important;margin:0 0 10px}
.product-detail-page .purchase-actions button{white-space:normal}
.footer-grid a[href^="mailto"]{display:none}
@media(max-width:600px){
.brand img{width:49px!important;height:49px!important}.brand::after{font-size:21px}.header-inner{gap:12px!important}
.md-whatsapp{bottom:16px;right:16px;padding:13px}.md-whatsapp span{display:none}
.md-contact-grid{grid-template-columns:1fr}.md-inquiry-dialog{padding:23px}
.home-page .hero-visual{aspect-ratio:1.5}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Keep the new emblem in normal flow alongside its wordmark. */
.brand img{position:static!important;transform:none!important;flex:none;inset:auto!important}
.home-page .hero .hero-visual{aspect-ratio:3/1}
