.theme-toggle{display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;background:#ecf7ff;border:1px solid #4ea8ee;border-radius:24px;color:#0088e6;font-size:22px;min-width:85px;height:38px;padding:3px 4px 3px 10px}
.theme-toggle i{font-style:normal;display:grid;place-items:center;background:linear-gradient(135deg,#0089de,#06192c);color:white;border-radius:50%;width:35px;height:30px}
html[data-theme=dark]{color-scheme:dark;--navy:#e0edfa;--muted:#9db3c7;--line:#294054}
[data-theme=dark] body,[data-theme=dark] header{background:#0b1826;color:#e0edfa}
[data-theme=dark] header nav{background:#112335;border-color:#284054}
[data-theme=dark] header .brand img{filter:none;mix-blend-mode:screen}
[data-theme=dark] header .brand{background:transparent}
[data-theme=dark] form[role=search]{background:#162b3f;border-color:#294b68}
[data-theme=dark] form input{color:#e0edfa}
[data-theme=dark] .category,[data-theme=dark] .product-card{background:#112335;border-color:#284054}
[data-theme=dark] .category.selected{border-color:#008dff}
[data-theme=dark] .category small,[data-theme=dark] .code,[data-theme=dark] .price small{color:#9fb5c7}
[data-theme=dark] .blue,[data-theme=dark] .text-button,[data-theme=dark] .price{color:#57b8ff}
[data-theme=dark] .add-button{background:#173b58;border-color:#265478;color:#9bd3ff}
[data-theme=dark] .add-button:hover{background:#007fe4;color:white}
[data-theme=dark] .quote-banner{background:#132c43}
[data-theme=dark] dialog{background:#112335;color:#e0edfa}
[data-theme=dark] .close,[data-theme=dark] .quantity button{background:#213c54;color:#e0edfa}
[data-theme=dark] .quotation-dialog{background:white;color:#081d35;color-scheme:light}
[data-theme=dark] .quotation-dialog .total-row{color:#081d35}
[data-theme=dark] .quotation-dialog .grand{color:#007bd4}
#cartButton{color:#153d5c;background:#edf6fd}
#cartButton svg{stroke:currentColor;stroke-width:2.2;opacity:1}
html[data-theme=dark] #cartButton{color:#f1f8ff;background:#23455f}
#cartButton:hover{background:#d6edff;color:#0067ae}
html[data-theme=dark] #cartButton:hover{background:#315e7e;color:#fff}
html header .brand,html[data-theme=dark] header .brand{background:transparent}
html header .brand img,html[data-theme=dark] header .brand img{filter:none;mix-blend-mode:normal;box-shadow:none}
#cartButton{display:grid;place-items:center;padding:0;flex-shrink:0}
#cartButton svg{display:block;margin:0}
#themeToggle{position:relative;display:flex;justify-content:space-between;align-items:center;isolation:isolate;box-sizing:border-box;min-width:76px;width:76px;height:36px;padding:3px 7px;gap:0;background:#e8f3fb;border:1px solid #bad8ee;transition:background .25s,border-color .25s}
#themeToggle::before{content:'';position:absolute;left:3px;top:3px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #112d4826;transform:translateX(0);transition:transform .28s ease,background .28s;z-index:-1}
#themeToggle>span,#themeToggle>i{display:grid;place-items:center;width:24px;height:28px;font-size:19px;font-style:normal;background:none;color:#326485;border-radius:0}
html[data-theme=dark] #themeToggle{background:#19364e;border-color:#46647e}
html[data-theme=dark] #themeToggle::before{transform:translateX(40px);background:#5c819f}
html[data-theme=dark] #themeToggle>span,html[data-theme=dark] #themeToggle>i{color:#f0f8ff}
@media(prefers-reduced-motion:reduce){#themeToggle,#themeToggle::before{transition:none}}
html[data-theme=dark] header .brand img[data-logo]{filter:invert(1);mix-blend-mode:normal}
header .contact-top{display:flex;flex-direction:column;gap:2px;white-space:nowrap;line-height:1.4}
header .contact-top>a{font-size:14px;font-weight:600;text-decoration:none}
header .contact-top .contact-line{font-size:12px;color:#078442}
html[data-theme=dark] header .contact-top .contact-line{color:#73e6aa}
@media(max-width:900px){header .contact-top{display:none}}
html[data-theme=dark] header .brand img{filter:brightness(0) invert(1)!important;mix-blend-mode:normal}
header .header-inner form[role=search]{flex:1 1 300px;min-width:140px;max-width:580px}
header .contact-top{position:relative;padding-right:48px;min-height:48px;justify-content:center}
header .contact-top .contact-line{position:absolute;right:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;border-radius:10px}
header .contact-line svg{display:block;width:36px;height:36px}
header .contact-line:hover{filter:brightness(1.08)}
header .contact-top .contact-line{margin-top:-6px}
header .contact-line .line-click-hint{position:absolute;top:37px;left:-8px;display:flex;align-items:center;gap:2px;white-space:nowrap;font-size:10px;font-weight:400;line-height:1;color:#54758c}
header .line-click-hint svg{width:28px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html[data-theme=dark] header .line-click-hint{color:#b4d4e8}
#shippingEstimate{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#245878;padding:6px 0;font:inherit;white-space:nowrap;text-align:left}
#shippingEstimate svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
#shippingEstimate span{font-size:11px;line-height:1.5}
html[data-theme=dark] #shippingEstimate{color:#b4defa}
#shippingDialog{max-width:420px}#shippingDialog p{font-size:14px;line-height:1.7}
@media(max-width:650px){#shippingEstimate span{font-size:10px}}
.cart-shipping{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.cart-shipping h3{font-size:16px;margin:0 0 10px}.cart-shipping label{display:inline-flex;align-items:center;gap:6px;margin:0 18px 8px 0;font-size:14px}.cart-shipping p{font-size:12px;color:var(--muted)}
header .header-inner .contact-top{display:flex;flex-direction:row;align-items:center;gap:14px;padding-right:47px;min-height:52px;flex-shrink:0}
header .header-inner .contact-top>span{display:none}
header .header-inner .contact-top .phone-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500}
header .phone-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
header .header-inner .phone-link span{font-size:13px;color:inherit}
header .header-inner{gap:20px}
@media(max-width:1050px){header .header-inner .contact-top{gap:9px}header .header-inner{gap:12px}}
@media(max-width:900px){header .header-inner .contact-top{display:none}}
header .header-inner .contact-top.contact-top{padding-right:110px}
header .header-inner .contact-top .contact-line{width:100px;display:flex;align-items:center;gap:6px;justify-content:flex-start}
header .contact-line>.line-account-id{font-size:12px;font-weight:600;color:inherit}
header .contact-line>svg{flex-shrink:0}
header .header-inner .contact-top.contact-top .contact-line{margin-top:0;box-sizing:border-box;width:108px;height:36px;padding:3px 7px;gap:6px;border:1px solid #54bb83;border-radius:9px;background:#06c7550a}
header .header-inner .contact-top.contact-top{padding-right:118px}
header .contact-top.contact-top .contact-line>svg{width:26px;height:26px}
header .contact-top.contact-top .contact-line>.line-account-id{font-size:13px;line-height:1.4}
header .contact-top.contact-top .line-click-hint{top:37px;left:24px}