/* Chemical-Mandi R37 canonical site header */
header.topbar,
.cm-v6-topbar,
.cm-v7-topbar { display:none !important; }
.cm-site-header-r37{position:fixed;top:0;left:0;right:0;width:100%;z-index:10000;display:grid;grid-template-columns:minmax(250px,auto) 1fr auto;align-items:center;gap:22px;min-height:68px;padding:10px clamp(16px,3vw,42px);background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 12px rgba(15,23,42,.06);font-family:Arial,sans-serif;color:#172033}
.cm-r78-header-spacer{display:block;width:100%;height:68px;flex:0 0 auto}
.cm-site-header-r37 *{box-sizing:border-box}.cm-r37-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#111827;min-width:0}.cm-r37-mark{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#f59e0b;color:#111827;font-weight:800}.cm-r37-brand-copy{display:grid;line-height:1.15;min-width:0}.cm-r37-brand-copy strong{font-size:16px;white-space:nowrap}.cm-r37-brand-copy small{margin-top:3px;font-size:11px;color:#d55232;font-weight:600;white-space:nowrap}.cm-r37-nav{display:flex;justify-content:center;align-items:center;gap:clamp(10px,1.45vw,23px);min-width:0}.cm-r37-nav a{color:#334155;text-decoration:none;font-weight:650;font-size:14px;white-space:nowrap}.cm-r37-nav a:hover,.cm-r37-nav a[aria-current="page"]{color:#b45309}.cm-r37-account{justify-self:end;display:flex;align-items:center;gap:8px;white-space:nowrap}.cm-r37-account-button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#334155;font:inherit;font-weight:650;cursor:default;padding:2px 4px}.cm-r37-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f59e0b;color:#111827;font-weight:800}.cm-r37-account-name{max-width:160px;overflow:hidden;text-overflow:ellipsis}.cm-r37-logout{border:1px solid #dbe2ea;background:#fff;color:#475569;padding:8px 11px;border-radius:9px;cursor:pointer;font:inherit;font-size:13px}.cm-r37-login{display:inline-flex;padding:10px 16px;border-radius:10px;background:#f59e0b;color:#111827;text-decoration:none;font-weight:700}.cm-r37-menu{display:none;border:1px solid #dbe2ea;background:#fff;border-radius:9px;padding:8px 10px;font:inherit;cursor:pointer}
@media(max-width:1180px){.cm-site-header-r37{grid-template-columns:auto auto 1fr}.cm-r37-menu{display:inline-flex;justify-self:start}.cm-r37-nav{display:none;position:absolute;left:12px;right:12px;top:100%;padding:14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 14px 35px rgba(15,23,42,.14);flex-direction:column;align-items:stretch}.cm-site-header-r37.is-open .cm-r37-nav{display:flex}.cm-r37-account{justify-self:end}}
@media(max-width:720px){.cm-site-header-r37{grid-template-columns:1fr auto;padding:10px 12px;gap:10px}.cm-r37-menu{grid-column:1/-1;width:100%;justify-content:center}.cm-r37-brand-copy small{display:none}.cm-r37-account-name{display:none}.cm-r37-mark{width:36px;height:36px;flex-basis:36px}}

/* R45 cart in canonical site header */
.cm-r45-cart{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid #c4b5fd;border-radius:12px;background:#eee9ff;color:#172033;text-decoration:none;flex:0 0 42px;box-sizing:border-box;appearance:none;-webkit-appearance:none}
.cm-r45-cart.is-empty{background:#eee9ff;border-color:#c4b5fd}.cm-r45-cart.has-items{background:#dcfce7;border-color:#86efac}
.cm-r45-cart:hover{background:#fff7ed;border-color:#fdba74}
.cm-r45-cart-icon{font-size:20px;line-height:1}
.cm-r45-cart-count{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#781d3b;color:#fff7ed;font-size:11px;font-weight:800;border:2px solid #fff;line-height:1;font-variant-numeric:tabular-nums}
.cm-site-header-r37 button,.cm-site-header-r37 a,.cm-site-header-r37 input{font-family:Arial,sans-serif;box-sizing:border-box}
.cm-r45-cart-count[hidden]{display:none!important}
/* R94 button palette and rounded mobile dropdown. */
.cm-r37-menu,.cm-r37-logout{border-color:#a4291a!important;background:linear-gradient(135deg,#b72e1b,#ef721d)!important;color:#fff!important;border-radius:14px!important}
.cm-r37-nav{border-radius:18px!important}
@media(max-width:860px){.cm-site-header-r37.is-open .cm-r37-nav{background:linear-gradient(145deg,#562040,#783056,#a34732)!important}.cm-site-header-r37.is-open .cm-r37-nav a{color:#fff7e8!important;border-radius:12px!important}}

/* R171: preserve account position but soften its edges; desktop Menu is forbidden. */
.cm-site-header-r37 .cm-r37-account-button{border-radius:14px!important;overflow:hidden!important}
@media(min-width:1181px){.cm-site-header-r37>.cm-r37-menu{display:none!important;visibility:hidden!important;position:absolute!important;pointer-events:none!important}}


/* R172 navigation continuity: prevent the header/session hydration flash between HTML pages. */
html{background:#fff}
body{background:#fff;min-height:100vh}
.cm-r172-account-skeleton{display:block;width:218px;height:42px;border-radius:14px;background:linear-gradient(90deg,#fff7ed 20%,#ffedd5 50%,#fff7ed 80%);background-size:200% 100%;animation:cmR172Skeleton .8s linear infinite}
@keyframes cmR172Skeleton{to{background-position:-200% 0}}
@media(max-width:720px){.cm-r172-account-skeleton{width:84px;height:36px}}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.14s;animation-timing-function:ease-out}
::view-transition-old(root){animation-name:cmR172FadeOut}
::view-transition-new(root){animation-name:cmR172FadeIn}
@keyframes cmR172FadeOut{to{opacity:.96}}
@keyframes cmR172FadeIn{from{opacity:.96}to{opacity:1}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}.cm-r172-account-skeleton{animation:none}}
\n/* R217: one profile dropdown implementation on every canonical-header page. */
.cm-r217-profile-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:2147483000;width:360px;max-width:calc(100vw - 24px);padding:18px;border:1px solid #dbe3ef;border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.22);color:#1f2937}
.cm-r217-profile-menu[hidden]{display:none!important}.cm-r217-profile-title{font-weight:800;font-size:16px;margin-bottom:10px;color:#b7331e}.cm-r217-profile-grid{display:grid;grid-template-columns:110px minmax(0,1fr)}.cm-r217-profile-grid>*{padding:9px 0;border-bottom:1px solid #e5e7eb;overflow-wrap:anywhere}.cm-r217-profile-grid span{color:#64748b}.cm-r217-profile-grid b{color:#1f2937}.cm-r217-profile-link{display:inline-block;margin-top:12px;font-weight:700;color:#173e7a}
