/* Approved gentle header, 2026-10-07. Existing controls, menus and cart own behaviour. */
#shop-header{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:18px;padding:20px max(32px,calc((100vw - 1888px)/2));min-height:100px;max-width:none;background:#fff;border-bottom:1px solid #E2E0DA;z-index:100}
#shop-header .bar-l,#shop-header .bar-r{display:flex;align-items:center;gap:12px;width:auto!important;min-width:0!important;flex-basis:auto!important}
#shop-header .logo{margin:0 8px 0 0;gap:10px;padding:0}
#shop-header .logo b{display:block;font-size:17px}
#shop-header .logo img{height:32px;width:32px}
#shop-header .sep,#shop-header #a-lk-m{display:none}
#shop-header .pill{height:48px;padding:0 13px;border:1px solid #CBD3D9;border-radius:9px;background:white;gap:8px;font-size:13px;color:#4D6373;max-width:190px}
#shop-header .pill>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#shop-header .pill>svg,#shop-header .pill>em{flex:none}
#shop-header .pill.on,#shop-header .pill:hover,#shop-header .pill[aria-expanded=true]{background:#EDF2F5;border-color:#9DB6C4;color:#285873}
#shop-header .sbox{grid-column:auto;grid-row:auto;width:100%;max-width:none;min-width:0;margin:0;background:white;box-shadow:none;border:0}
#shop-header #q{width:100%;height:50px;min-height:50px;border:1px solid #DEDDD7;border-radius:11px;background:white;padding:0 48px 0 42px;font-size:14px}
#shop-header .inact{right:8px;gap:0}
#shop-header .lupa{left:14px}
#shop-header .bar-r{gap:8px;justify-content:flex-end}
#shop-header .bar-r>.ico{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:60px;min-width:62px;width:auto;padding:6px;color:#536675;border:0;background:transparent;text-decoration:none;border-radius:9px;white-space:nowrap}
#shop-header .bar-r>.ico:hover{background:#EDF2F4;color:#285873}
#shop-header .bar-r>.ico svg{width:22px;height:22px;flex:none}
#shop-header .header-action-label,#shop-header .partner-login-label{display:block;font-size:10px;font-weight:500;line-height:1.25;color:#536675}
#shop-header #a-bmk{position:relative}
#shop-header #bmkn{position:absolute;top:0;right:12px}
#shop-header .cartw,#shop-header .cartw.has{display:flex;width:164px;min-width:164px;height:60px;padding:6px 8px;gap:12px;flex:none;align-items:center;justify-content:flex-start;background:transparent;border:0;border-radius:9px;color:#536675}
#shop-header .cartw:hover{background:#EDF2F4}
#shop-header .cartw-t,#shop-header .cartw.has .cartw-t{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;max-width:none;overflow:visible}
#shop-header #cart-lbl{font-size:11px;line-height:1.2;color:#63727D;font-weight:400;white-space:nowrap}
#shop-header #cart-sum{font-size:14px;line-height:1.2;font-weight:600;color:#285873;font-variant-numeric:tabular-nums;white-space:nowrap}
#shop-header #cart-ask{font-size:10px;color:#735921;white-space:nowrap;line-height:1.2}
#shop-header .cartw-n{background:#285873;min-width:18px;height:18px;line-height:18px;padding:0 4px;right:-9px;top:-10px;box-shadow:0 0 0 2px #fff;font-size:10px}
#shop-header [hidden]{display:none!important}
.header-service-inner{max-width:none;padding:0 max(32px,calc((100vw - 1888px)/2));min-height:34px}
#shop-nav{display:flex;max-width:none;align-items:center;gap:16px;padding:12px max(32px,calc((100vw - 1888px)/2));min-height:66px;background:#F6F5F2}
#shop-nav .quick{display:flex;flex:1;min-width:0;width:auto;overflow:hidden;flex-wrap:nowrap;gap:8px;align-items:center}
#shop-nav .quick>button,#shop-nav .quick>a{flex:none;border:1px solid #DEDFD9;border-radius:24px;background:white;color:#536675;min-height:36px;padding:0 14px;white-space:nowrap;font-size:12px}
#shop-nav .quick>a{display:inline-flex;align-items:center}
#shop-nav .quick>button.on,#shop-nav .quick>button:hover,#shop-nav .quick>a:hover{background:#EDF2F4;border-color:#9DB6C4;color:#285873}
#shop-nav .quick>[hidden]{display:none!important}
#shop-nav .header-links{display:flex;align-items:center;gap:18px;flex:none}
#shop-nav .hlink{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:12px;white-space:nowrap;padding:0;color:#536675}
#shop-nav #a-useful{color:#285873;font-weight:600}
#shop-nav #a-partner{display:flex;align-items:center;min-height:42px;margin:0;padding:9px 15px;font-size:12px;white-space:nowrap;background:white;color:#285873;border:1px solid #CBD3D5;border-radius:9px}
#shop-nav .info{position:relative}
#shop-nav #pop-info{z-index:2000}
#shop-header :is(button,a,input):focus-visible,#shop-nav :is(button,a):focus-visible{outline:2px solid #285873;outline-offset:3px}
@media(min-width:761px) and (max-width:1370px){
 #shop-header{gap:12px;padding-left:24px;padding-right:24px}
 #shop-header .bar-l{gap:8px}#shop-header .logo{margin-right:4px}#shop-header .logo b{font-size:15px}
 #shop-header .pill{padding:0 10px;max-width:150px}#shop-header .bar-r{gap:4px}
 #shop-nav{padding-left:24px;padding-right:24px;gap:14px}#shop-nav .header-links{gap:14px}
 .header-service-inner{padding-left:24px;padding-right:24px}
}
@media(min-width:761px) and (max-width:1100px){
 #shop-header{grid-template-columns:minmax(0,1fr) auto;padding-top:14px;padding-bottom:14px;gap:12px}
 #shop-header .bar-l{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr)}
 #shop-header .header-filter{min-width:0}#shop-header .pill{width:100%;max-width:none}
 #shop-header .bar-r>.ico{min-width:44px;width:44px}
 #shop-header .header-action-label,#shop-header .partner-login-label{display:none}
 #shop-header .sbox{grid-row:2;grid-column:1/-1}
}
@media(max-width:760px){
 .header-service{display:block;font-size:10px}.header-service-inner{padding:0 14px;min-height:32px}.header-service-inner>span{display:none}
 .header-service-contact{width:100%;justify-content:space-between;gap:8px}.header-service-contact a{font-size:11px}
 #shop-header{position:relative;top:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 8px;padding:12px 14px;min-height:0}
 #shop-header .bar-l{display:contents}
 #shop-header .logo{grid-column:1;grid-row:1;margin:0;gap:7px;max-width:100%}
 #shop-header .logo img{width:28px;height:28px}#shop-header .logo b{font-size:16px}
 #shop-header .header-filter{grid-row:2;min-width:0}
 #shop-header .pill{width:100%;max-width:none;height:44px;justify-content:center;font-size:13px;padding:0 10px}
 #shop-header .bar-r{grid-column:2;grid-row:1;justify-content:flex-end;gap:0;width:100%!important}
 #shop-header .bar-r>.ico{min-width:34px;width:34px;height:44px;padding:6px;gap:0}
 #shop-header .header-action-label,#shop-header .partner-login-label{display:none}
 #shop-header .bar-r>.ico svg{width:20px;height:20px}
 #shop-header .cartw,#shop-header .cartw.has{width:93px;min-width:93px;height:52px;padding:3px 0;gap:4px;flex-direction:column;justify-content:center;align-items:center}
 #shop-header .cartw-t,#shop-header .cartw.has .cartw-t{align-items:center;gap:0}
 #shop-header #cart-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #shop-header #cart-sum{font-size:11px}#shop-header #cart-ask{display:none}
 #shop-header .cartw-n{top:-7px;font-size:9px;height:16px;line-height:16px;min-width:16px}
 #shop-header #bmkn{right:0;top:0}
 #shop-header .sbox{grid-column:1/-1;grid-row:3;min-width:0}
 #shop-header #q{height:48px;min-height:48px;font-size:14px}
 #shop-header .pop-cat,#shop-header .pop-brand{position:fixed;top:158px;left:12px;right:12px;width:auto;max-width:calc(100vw - 24px);max-height:calc(100dvh - 176px);overflow:auto;z-index:2000}
 #shop-nav{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;padding:10px 14px 12px;min-height:0}
 #shop-nav .quick{grid-column:1;grid-row:1;flex:none;width:auto;overflow:visible}
 #shop-nav .quick>button:not(.all){display:none!important}
 #shop-nav .quick>.all{min-height:44px;font-size:12px;padding:0 12px}
 #shop-nav .quick.ux-quick{grid-column:1/-1;overflow:auto}
 #shop-nav .header-links{display:contents}
 #shop-nav #a-useful{grid-column:2;grid-row:1;justify-self:start;font-size:12px}
 #shop-nav .info{grid-column:2;grid-row:1;justify-self:end}
 #shop-nav #a-info{font-size:12px}
 #shop-nav #a-partner{grid-row:2;grid-column:1/-1;width:100%;justify-content:flex-start;min-height:44px;font-size:12px}
 #shop-nav:has(.ux-quick) #a-useful,#shop-nav:has(.ux-quick) .info{grid-row:2}
 #shop-nav:has(.ux-quick) #a-useful{grid-column:1}
 #shop-nav:has(.ux-quick) #a-partner{grid-row:3}
 #shop-nav #pop-info:not([hidden]){grid-template-columns:1fr;gap:22px;right:12px;left:12px;width:auto;max-width:calc(100vw - 24px);padding:20px}
}
@media(max-width:359px){
 #shop-header .logo b{font-size:14px}#shop-header .logo img{width:24px;height:24px}#shop-header .logo{gap:5px}
 #shop-header .bar-r>.ico{min-width:28px;width:28px;padding:4px}
 #shop-nav{gap:8px}#shop-nav .quick>.all{padding:0 9px;font-size:11px}
 #shop-nav #a-useful,#shop-nav #a-info{font-size:11px}
}
@media(prefers-reduced-motion:reduce){#shop-header .cartw-t.in,#shop-header .cartw-n.bump,#shop-header #cart-sum.upd{animation:none!important}}

#shop-nav #a-partner::before{margin-left:auto}
@media(max-width:600px){.mbar-cart{width:93px;height:48px;flex-direction:column;gap:3px}.mbar-cart b{font-size:10px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:#285873}.mbar-cart i{right:26px;top:-2px;font-size:9px;min-width:16px;height:16px;line-height:16px;padding:0 4px}}