.brand-healthcare-logo { width: 168px; height: 58px; object-fit: contain; object-position: left center; }
.brand-footer .brand-healthcare-logo { width: 190px; height: 72px; filter: drop-shadow(0 6px 16px rgba(0,0,0,.12)); }
.favorite-button { border: 1px solid #c9dde7; background: #fff; color: #0a718d; border-radius: 999px; min-height: 42px; padding: 0 14px; font: inherit; font-weight: 800; cursor: pointer; }
.favorite-button.active { color: #ef5a82; border-color: #efb1c3; background: #fff5f8; }
.product-card { position: relative; }
.favorite-toggle { position: absolute; z-index: 2; top: 12px; right: 12px; width: 38px; height: 38px; border-radius: 50%; border: 1px solid #d3e3ea; background: rgba(255,255,255,.94); color: #0d6c87; font-size: 22px; cursor: pointer; box-shadow: 0 5px 16px rgba(8,47,69,.1); }
.favorite-toggle.active { color: #ef4f7b; }
.health-banner { margin-top: 42px; margin-bottom: 60px; min-height: 270px; padding: 42px 48px; display: grid; grid-template-columns: 1.4fr .6fr; align-items: center; gap: 32px; border-radius: 28px; overflow: hidden; background: linear-gradient(120deg,#e8fbf8 0%,#eaf6ff 58%,#fff0f5 100%); border: 1px solid #cbe8ee; }
.health-banner h2 { margin: 8px 0; font-size: clamp(28px,4vw,46px); color: #082f45; }
.health-banner p:not(.eyebrow) { color: #4b6977; max-width: 650px; }
.health-banner img { width: 100%; max-height: 230px; object-fit: contain; }
.delivery-status { color: #078c7e; font-size: 13px; font-weight: 700; }
.password-wrap { display: flex; align-items: stretch; gap: 8px; }
.password-wrap input { flex: 1; }
.password-toggle { min-width: 64px; border: 1px solid #bdd5df; border-radius: 10px; background: #f5fbfc; color: #075b73; cursor: pointer; }
.text-link { border: 0; background: transparent; color: #067b89; font: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; }
.approval-hint { color: #58717d; line-height: 1.55; }
.cart-option { display: grid; gap: 5px; margin-top: 10px; font-weight: 700; }
.cart-option input,.cart-option select { min-height: 44px; border: 1px solid #bdd5df; border-radius: 10px; padding: 8px 10px; font: inherit; }
.invoice-option { display: flex; gap: 9px; align-items: center; margin: 12px 0; font-weight: 700; }
.line-float { position: fixed; z-index: 25; right: 22px; bottom: 22px; display: grid; place-items: center; width: 84px; height: 84px; border-radius: 50%; background: #00b900; color: #fff; text-decoration: none; text-align: center; font-size: 12px; box-shadow: 0 12px 28px rgba(0,110,70,.28); }
.dialog-thumbnails { display: flex; gap: 8px; margin-top: 10px; overflow-x: auto; }
.dialog-thumbnails button { width: 66px; height: 66px; padding: 3px; border: 1px solid #cbdfe7; border-radius: 10px; background: #fff; cursor: pointer; }
.dialog-thumbnails img { width: 100%; height: 100%; object-fit: contain; }
.detail-list { margin-top: 14px; padding: 14px 16px; border-radius: 12px; background: #f3f9fa; }
.detail-list h3 { margin: 0 0 6px; font-size: 16px; }
.detail-list ul { margin: 0; padding-left: 20px; }
@media (max-width: 820px) { .health-banner { grid-template-columns: 1fr; padding: 30px 24px; } .health-banner img { max-height: 150px; } .favorite-button { padding: 0 10px; } .line-float { width: 68px; height: 68px; right: 14px; bottom: 14px; } }