/* ALKEMIST Lab Chemicals Library - responsive premium UI v1.5 overflow-safe */
:root{--alk-navy:#063746;--alk-teal:#087d8d;--alk-teal2:#12a9b8;--alk-mint:#e7fbfb;--alk-ink:#0f2f38;--alk-muted:#5d7279;--alk-line:#dcebed;--alk-card:#ffffff;--alk-soft:#f5fbfc;--alk-green:#25d366;--alk-shadow:0 14px 36px rgba(6,55,70,.12);--alk-shadow-soft:0 8px 22px rgba(6,55,70,.08)}
.alk-lab-wrap,.alk-single{box-sizing:border-box;font-family:inherit;color:var(--alk-ink);overflow:hidden;max-width:100%}
.alk-lab-wrap *,.alk-single *{box-sizing:border-box}
.alk-lab-wrap{max-width:1580px;width:100%;margin:0 auto;padding:34px clamp(10px,2vw,18px) 42px;background:linear-gradient(180deg,rgba(231,251,251,.35),rgba(255,255,255,0) 240px)}
.alk-lab-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;align-items:center;justify-content:space-between;background:radial-gradient(circle at 85% 10%,rgba(255,255,255,.26),transparent 22%),linear-gradient(135deg,var(--alk-navy),var(--alk-teal) 58%,#0db5c4);color:#fff;border-radius:32px;padding:34px 36px;margin-bottom:22px;box-shadow:var(--alk-shadow)}
.alk-lab-hero:before{content:"";position:absolute;inset:auto -80px -140px auto;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.11)}
.alk-lab-hero h1{color:#fff;margin:12px 0 10px;font-size:clamp(28px,3.2vw,48px);line-height:1.05;letter-spacing:-.03em;font-weight:900;max-width:980px}
.alk-lab-hero p{font-size:clamp(15px,1.25vw,18px);line-height:1.65;opacity:.96;max-width:880px;margin:0}.alk-lab-hero img{position:relative;z-index:1;width:100%;max-width:280px;justify-self:end;border-radius:24px;background:#fff;padding:8px;box-shadow:0 18px 45px rgba(0,0,0,.18);aspect-ratio:1.22/1;object-fit:cover}.alk-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.26);padding:8px 14px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.02em}.alk-eyebrow:before{content:"🧪"}.alk-lab-search{display:grid;grid-template-columns:minmax(260px,1fr) 210px 240px;gap:12px;margin:20px 0 22px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);padding:12px;border:1px solid var(--alk-line);border-radius:22px;box-shadow:var(--alk-shadow-soft)}.alk-lab-search input,.alk-lab-search select{width:100%;border:1px solid var(--alk-line);border-radius:16px;padding:14px 15px;background:#fff;color:var(--alk-ink);font-size:15px;outline:none;min-height:50px;box-shadow:0 2px 0 rgba(6,55,70,.02)}.alk-lab-search input:focus,.alk-lab-search select:focus{border-color:var(--alk-teal2);box-shadow:0 0 0 4px rgba(18,169,184,.14)}
.alk-lab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:20px;align-items:stretch}.alk-chem-card{position:relative;border:1px solid var(--alk-line);border-radius:26px;background:var(--alk-card);overflow:hidden;box-shadow:var(--alk-shadow-soft);display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.alk-chem-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(6,55,70,.16);border-color:#bfe6ea}.alk-card-img{width:100%;height:172px;object-fit:cover;background:linear-gradient(135deg,#eefbfc,#fff);display:block}.alk-brand-row{display:flex;gap:10px;align-items:center;padding:14px 16px 0;font-size:13px;font-weight:800;color:var(--alk-teal);min-height:43px}.alk-brand-row img{width:46px;height:30px;object-fit:contain;background:#fff;border:1px solid #eef5f6;border-radius:8px;padding:2px}.alk-chem-card h3{font-size:19px;line-height:1.24;margin:10px 16px 8px;color:var(--alk-navy);font-weight:900;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:47px}.alk-desc{font-size:13px;color:var(--alk-muted);margin:0 16px 13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}.alk-info{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin:0 16px 9px;padding:10px 11px;background:linear-gradient(180deg,#f6fbfc,#eef9fa);border:1px solid #e4f2f3;border-radius:14px;font-size:13px}.alk-info span{color:#688089;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.05em;white-space:nowrap}.alk-info b{text-align:right;color:var(--alk-ink);font-size:12.5px;line-height:1.25;word-break:break-word}.alk-quote{margin:5px 16px 14px;background:linear-gradient(135deg,var(--alk-teal),var(--alk-teal2));color:#fff;text-align:center;padding:11px;border-radius:15px;font-weight:900;letter-spacing:.02em;box-shadow:0 8px 20px rgba(8,125,141,.22)}.alk-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:auto;border-top:1px solid #edf5f6}.alk-actions a{text-align:center;padding:13px 10px;background:#f3fafb;color:var(--alk-navy)!important;text-decoration:none!important;font-weight:900;font-size:13px;transition:filter .2s ease,background .2s ease}.alk-actions a:hover{background:#e7f5f7}.alk-actions a.wa{background:var(--alk-green);color:#fff!important}.alk-actions a.wa:hover{filter:brightness(.96)}.alk-empty{grid-column:1/-1;padding:34px;text-align:center;background:#fff;border:1px solid var(--alk-line);border-radius:22px;box-shadow:var(--alk-shadow-soft);font-weight:800;color:var(--alk-muted)}.alk-lab-az{margin:30px 0 0;padding:18px;background:#fff;border:1px solid var(--alk-line);border-radius:20px;box-shadow:var(--alk-shadow-soft);line-height:2.1}.alk-lab-az strong{color:var(--alk-navy);margin-right:8px}.alk-lab-az a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:3px;border-radius:10px;background:#f2fafb;color:var(--alk-teal)!important;text-decoration:none!important;font-weight:900}.alk-lab-az a:hover{background:var(--alk-teal);color:#fff!important}.alk-float-lab{position:fixed;right:18px;bottom:88px;z-index:99999;background:linear-gradient(135deg,var(--alk-green),#16b955);color:#fff!important;text-decoration:none!important;border-radius:999px;padding:10px 15px;display:flex;gap:9px;align-items:center;box-shadow:0 14px 34px rgba(0,0,0,.25);font-size:13px;line-height:1.05;border:2px solid rgba(255,255,255,.7)}.alk-float-lab span{font-size:27px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))}.alk-float-lab b{color:#fff!important}.alk-footer-link{text-align:center;padding:14px 12px;background:linear-gradient(135deg,var(--alk-navy),var(--alk-teal));box-shadow:0 -8px 22px rgba(6,55,70,.12)}.alk-footer-link a{color:#fff!important;text-decoration:none!important;font-weight:900;letter-spacing:.02em}.alk-single{max-width:1480px;width:100%;margin:28px auto 46px;padding:0 clamp(10px,2vw,18px);overflow:hidden}.alk-single-wide{max-width:1520px!important}.alk-single-top{display:grid;grid-template-columns:minmax(280px,450px) minmax(0,1fr);max-width:100%;overflow:hidden;gap:32px;align-items:center;background:linear-gradient(135deg,#f4fbfc,#fff);border-radius:32px;padding:28px;border:1px solid var(--alk-line);box-shadow:var(--alk-shadow)}.alk-single-top>img{width:100%;max-width:100%;border-radius:24px;box-shadow:0 12px 30px rgba(6,55,70,.1);object-fit:cover}.alk-single-logo{max-width:min(185px,100%);max-height:82px;object-fit:contain;background:#fff;border:1px solid var(--alk-line);border-radius:14px;padding:8px;box-shadow:var(--alk-shadow-soft)}.alk-page-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--alk-teal),var(--alk-teal2));color:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:900;margin:14px 0 10px}.alk-page-badge:before{content:"✓"}.alk-single h1{font-size:clamp(30px,3vw,52px);line-height:1.05;color:var(--alk-navy);margin:8px 0 14px;letter-spacing:-.035em}.alk-lead{font-size:17px;line-height:1.75;color:#435d64;max-width:980px;margin:0 0 18px}.alk-page-actions{display:flex;max-width:100%;gap:12px;flex-wrap:wrap}.alk-wa-big,.alk-secondary-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;padding:14px 22px;border-radius:16px;font-weight:900;min-height:50px}.alk-wa-big{background:var(--alk-green);color:#fff!important;box-shadow:0 10px 22px rgba(37,211,102,.22)}.alk-secondary-btn{background:var(--alk-navy);color:#fff!important}.alk-spec{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(245px,100%),1fr));gap:14px;margin:26px 0}.alk-spec-pro{grid-template-columns:repeat(auto-fit,minmax(min(235px,100%),1fr))}.alk-spec div{background:#fff;border:1px solid var(--alk-line);border-radius:18px;padding:16px;box-shadow:var(--alk-shadow-soft)}.alk-spec span{display:block;color:#718890;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.alk-spec b{display:block;margin-top:6px;color:var(--alk-navy);font-size:15px;line-height:1.35;word-break:break-word}.alk-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0;max-width:100%;overflow:hidden}.alk-detail-grid section,.alk-faq{background:#fff;border:1px solid var(--alk-line);border-radius:24px;padding:24px;box-shadow:var(--alk-shadow-soft);min-width:0;max-width:100%;overflow:hidden}.alk-detail-grid section{min-height:220px}.alk-detail-grid h2,.alk-faq h2{margin:0 0 12px;color:var(--alk-navy);font-size:22px;line-height:1.2;letter-spacing:-.02em}.alk-detail-grid p,.alk-detail-grid li,.alk-faq p{color:#435d64;line-height:1.72;overflow-wrap:anywhere;word-break:normal}.alk-detail-grid ul{padding-left:20px;margin:0;max-width:100%;overflow-wrap:anywhere}.alk-faq details{border-top:1px solid var(--alk-line);padding:14px 0}.alk-faq details:first-of-type{border-top:0}.alk-faq summary{font-weight:900;color:var(--alk-navy);cursor:pointer}.alk-faq summary::marker{color:var(--alk-teal)}
@media(max-width:1100px){.alk-lab-hero{grid-template-columns:1fr 220px}.alk-lab-search{grid-template-columns:1fr 180px 200px}.alk-single-top{grid-template-columns:360px 1fr}.alk-detail-grid{grid-template-columns:1fr}}
@media(max-width:820px){.alk-lab-wrap{width:100%;padding:20px 10px 34px}.alk-lab-hero{grid-template-columns:1fr;gap:18px;padding:22px;border-radius:24px}.alk-lab-hero img{max-width:100%;justify-self:center;max-height:230px}.alk-lab-search{position:relative;grid-template-columns:1fr;gap:10px;padding:10px;border-radius:18px}.alk-lab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.alk-single{width:100%;padding:0 10px;margin-top:18px}.alk-single-top{grid-template-columns:1fr;gap:18px;padding:18px;border-radius:22px}.alk-single-top>img{max-height:280px}.alk-lead{font-size:15.5px}.alk-spec{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.alk-detail-grid section,.alk-faq{padding:18px;border-radius:18px}.alk-float-lab{right:10px;bottom:74px;padding:9px 12px}.alk-float-lab span{font-size:24px}}
@media(max-width:560px){.alk-lab-hero h1{font-size:24px}.alk-lab-hero p{font-size:13.5px}.alk-lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.alk-chem-card{border-radius:18px}.alk-card-img{height:92px}.alk-brand-row{padding:8px 9px 0;font-size:10.5px;gap:6px;min-height:33px}.alk-brand-row img{width:34px;height:23px;border-radius:6px}.alk-chem-card h3{font-size:13.5px;line-height:1.22;margin:7px 9px;min-height:33px;-webkit-line-clamp:2}.alk-desc{display:none}.alk-info{display:block;margin:0 9px 6px;padding:7px 8px;border-radius:11px;font-size:10.5px}.alk-info span{font-size:9px}.alk-info b{text-align:left;display:block;margin-top:3px;font-size:10.5px;line-height:1.2}.alk-quote{margin:4px 9px 8px;padding:8px;font-size:11px;border-radius:11px}.alk-actions{grid-template-columns:1fr;gap:0}.alk-actions a{font-size:11px;padding:9px 5px}.alk-lab-az{padding:12px;border-radius:16px}.alk-lab-az a{width:28px;height:28px;font-size:12px}.alk-single h1{font-size:26px}.alk-page-actions{display:grid;grid-template-columns:1fr;width:100%}.alk-wa-big,.alk-secondary-btn{width:100%;padding:13px 14px}.alk-spec{grid-template-columns:repeat(2,minmax(0,1fr))}.alk-spec div{padding:11px;border-radius:14px}.alk-spec span{font-size:9.5px}.alk-spec b{font-size:12px}.alk-detail-grid{gap:12px}.alk-detail-grid h2,.alk-faq h2{font-size:19px}.alk-detail-grid p,.alk-detail-grid li,.alk-faq p{font-size:14px}.alk-float-lab{font-size:11px;bottom:68px;right:8px}.alk-footer-link{padding:12px 8px}}
@media(max-width:390px){.alk-lab-grid{gap:8px!important}.alk-card-img{height:82px}.alk-brand-row span{max-width:78px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alk-actions a{font-size:10px}.alk-spec{grid-template-columns:1fr 1fr}.alk-spec div{padding:9px}.alk-spec b{font-size:11px}}

/* v1.5 client-view cleanup and theme compatibility */
.alk-single,.alk-lab-wrap{clear:both}
.alk-single a,.alk-lab-wrap a{max-width:100%}
.alk-single table,.alk-lab-wrap table{max-width:100%;width:100%}
.alk-single img,.alk-lab-wrap img{max-width:100%;height:auto}
.alk-single h1,.alk-single h2,.alk-single h3,.alk-lab-wrap h1,.alk-lab-wrap h2,.alk-lab-wrap h3{overflow-wrap:anywhere}
@media(max-width:560px){.alk-single{padding-left:8px!important;padding-right:8px!important}.alk-detail-grid section,.alk-faq{padding:14px!important}.alk-detail-grid ul{padding-left:16px}.alk-single-top{padding:14px!important}.alk-spec{gap:8px!important}}
@media(max-width:360px){.alk-lab-grid{grid-template-columns:1fr!important}.alk-spec{grid-template-columns:1fr!important}.alk-float-lab b{display:none}.alk-float-lab{border-radius:50%;padding:10px}}