/* Apichemxo: additive device and enquiry refinements; supplied APIChemX site.css is unchanged. */
html{scroll-padding-top:calc(var(--header-h) + 24px)}
[id]{scroll-margin-top:calc(var(--header-h) + 24px)}
.apxo-mobile-actions{display:none}
.apxo-enquiry-status{font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.apxo-enquiry-status.error{color:var(--danger);font-weight:500}
.apxo-request-preview{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-height:280px;overflow:auto}
.apxo-enquiry-options{display:flex;flex-wrap:wrap;gap:10px}
.apxo-enquiry-options .btn{justify-content:center}
.apxo-record{display:flex;flex-direction:column;gap:16px;min-width:0;scroll-margin-top:100px}
.apxo-record h2,.apxo-record-facts dd{overflow-wrap:anywhere}
.apxo-record .row{margin-top:auto}
.apxo-record-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.apxo-record-facts dt{font:500 11px/1.4 var(--mono);color:var(--fg-2)}
.apxo-record-facts dd{margin:4px 0 0;font-size:14px}
.apxo-pagination{justify-content:center;gap:20px;margin:0 0 28px}
.apxo-pagination:last-child{margin:28px 0 0}
.apxo-name-list{columns:2;gap:30px;list-style-position:inside;padding:0;overflow-wrap:anywhere}
.apxo-name-list li{break-inside:avoid;margin:0 0 15px}
.apxo-enquiry-basket{padding:16px;border:1px solid var(--line);border-radius:12px;display:grid;gap:12px}
.apxo-enquiry-basket [data-basket-line]{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;align-items:center}
.apxo-enquiry-basket b{font-size:14px;overflow-wrap:anywhere}
.apxo-enquiry-basket label{font-size:12px}
.apxo-enquiry-basket .field{width:100%;min-width:0}
.apxo-focus-mode .apxo-mobile-actions,.apxo-overlay-open .apxo-mobile-actions{display:none!important}
.apxo-overlay-open{overflow:hidden}
input,select,textarea{max-width:100%}
@media(max-width:1000px){
 .menu{height:100dvh;overflow-y:auto;overscroll-behavior:contain}
 .menu-top{flex-shrink:0}
 .menu nav{margin-top:24px}
 .menu nav a{font-size:clamp(25px,5.3vw,44px);padding:8px 0;min-height:44px}
 .menu nav a small{font-size:10px;letter-spacing:.06em}
 .menu-foot{margin-top:20px;padding-bottom:12px}
}
@media(max-width:900px){
 body{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 .apxo-mobile-actions{position:fixed;z-index:65;inset:auto 0 0;background:rgba(7,10,12,.97);border-top:1px solid var(--line-dark);padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));display:grid;grid-template-columns:1fr 1.1fr;gap:12px;backdrop-filter:blur(12px)}
 .apxo-mobile-actions .btn{height:52px;justify-content:center;padding:0 12px;font-size:15px;min-width:0}
 .apxo-mobile-actions .apxo-enquire{color:var(--on-dark);border-color:rgba(237,243,240,.5)}
 .apxo-mobile-actions .apxo-whatsapp{background:#a9ecd1;color:#0b3b30;border-color:#a9ecd1;font-weight:600;box-shadow:0 0 0 1px #a9ecd120,0 4px 20px #0004}
 .apxo-mobile-actions .apxo-whatsapp svg{width:26px;height:26px;stroke-width:1.9}
 .apxo-mobile-actions .list-count:not([data-n="0"]){background:var(--amber);color:var(--amber-ink);border-radius:30px;padding:1px 7px;font:600 12px/20px var(--mono)}
 .apxo-mobile-actions .list-count[data-n="0"]{display:none}
 .site-head .head-wa{width:auto!important;min-width:48px!important;height:46px!important;padding:0 13px!important;gap:7px}
 .site-head .head-wa span{display:inline;font-size:13px}
 .site-head .head-wa svg{width:22px;height:22px}
 .site-head .head-login{display:none}
 .site-head .wrap{gap:8px}
 .btn,.icon-btn{min-height:44px}
 .composer .field,.drawer .field,.cat-bar .field{font-size:16px;min-height:48px}
 .composer .row .btn{min-height:50px;height:auto;padding-block:12px;white-space:normal;text-align:center}
 .composer .seg{flex-wrap:wrap;overflow:visible;gap:6px}
 .composer .seg label{min-height:44px;display:inline-flex;align-items:center;white-space:normal;line-height:1.35;padding:10px 12px}
 .checks label{min-height:44px;align-items:center}
 input[type="checkbox"],input[type="radio"]{min-width:20px;min-height:20px;accent-color:var(--teal)}
 .drawer{height:100dvh;max-height:100dvh;padding-bottom:max(20px,env(safe-area-inset-bottom,0px));overscroll-behavior:contain}
 .drawer .li{grid-template-columns:minmax(0,1fr) 100px 44px;gap:8px}
 .drawer .li .icon-btn{width:44px;height:44px}
 .drawer footer .btn{white-space:normal;text-align:center;height:auto;min-height:50px;padding:10px 14px}
 .modal{max-height:calc(100dvh - 24px);overscroll-behavior:contain}
 .apxo-enquiry-options{display:grid;grid-template-columns:1fr 1fr}
 .apxo-enquiry-options .btn{padding:10px 12px;white-space:normal;height:auto;min-height:48px;font-size:14px}
}
@media(max-width:600px){
 .apxo-name-list{columns:1}
 .apxo-record-facts{grid-template-columns:1fr}
 .apxo-pagination{gap:12px;flex-wrap:wrap}
 .apxo-pagination .btn{height:46px;padding:0 14px}
 .composer .row>[data-send]{width:100%;justify-content:center}
 .apxo-record .row{gap:10px}
 .apxo-record .btn{white-space:normal;height:auto;min-height:44px;padding:10px 14px}
}
@media(max-width:380px){
 .site-head .logo{gap:7px}.site-head .logo svg{width:27px;height:27px}.site-head .logo b{font-size:17px}
 .site-head .head-wa{padding:0 10px!important}.site-head .head-wa span{font-size:12px}.site-head .head-wa svg{width:20px;height:20px}
 .head-actions{gap:5px}.site-head .head-actions [data-open-list]{display:none}
 .composer{padding:20px 16px}
 .drawer .li{grid-template-columns:minmax(0,1fr) 80px 44px}
 .apxo-enquiry-options{grid-template-columns:1fr}
 .apxo-mobile-actions{gap:8px}.apxo-mobile-actions .btn{font-size:14px;padding:0 8px}
 .apxo-enquiry-basket [data-basket-line]{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.apxo-mobile-actions{transition:none}}