:root{--ink:#193c36;--green:#1f5749;--paper:#f6f8f6;--line:#dce4df;--muted:#60746c;--accent:#c7dd63;--white:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:16px;background:var(--paper)}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #86a92b;outline-offset:4px}header{display:flex;align-items:center;gap:42px;padding:27px 5%;border-bottom:1px solid var(--line);background:white}.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1}.brand-top{font-size:12px;letter-spacing:.31em;font-weight:700}.brand-name{font-family:Georgia,serif;font-size:36px;font-weight:bold;letter-spacing:-1.4px}.brand-period{color:#819b34}.header-label{font-size:12px;letter-spacing:.12em;font-weight:700;border-left:1px solid var(--line);padding-left:30px}.header-label span{display:block;font-size:14px;letter-spacing:0;font-weight:400;color:var(--muted);margin-top:8px}.header-contact{margin-left:auto;text-decoration:none;border-bottom:1px solid;padding:10px 0;font-size:14px}.header-contact span{margin-left:25px}.intro{background:var(--ink);color:white;padding:32px 5% 37px;display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:700;margin:0 0 20px}.intro .eyebrow{color:var(--accent);margin-bottom:12px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(27px,3vw,43px);margin:0;line-height:1.16}.intro p:last-child{color:#d0ddd6;margin:13px 0 0;line-height:1.5}.total{display:flex;align-items:center;gap:17px;border-left:1px solid #587269;padding-left:36px}.total strong{font-family:Georgia,serif;font-size:56px;font-weight:400;color:var(--accent)}.total span{font-size:12px;line-height:1.9;letter-spacing:.1em}.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:40px;max-width:1500px;margin:auto;padding:36px 5% 64px}aside{align-self:start;position:sticky;top:24px}aside .eyebrow{color:var(--muted);font-size:11px;line-height:1.5}nav{display:grid;gap:6px}nav button{border:0;background:transparent;text-align:left;display:flex;gap:12px;align-items:center;justify-content:space-between;border-radius:4px;padding:14px 12px;font-size:14px;line-height:1.4;color:var(--ink)}nav button[aria-pressed=true]{background:var(--green);color:white}nav button:hover{background:#e4ebe5}nav button[aria-pressed=true]:hover{background:var(--ink)}nav .n{font-size:12px;opacity:.8}.aside-contact{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.aside-contact p{font-family:Georgia,serif;font-size:23px;line-height:1.25;margin:0 0 14px}.aside-contact span{font-size:14px;line-height:1.6;color:var(--muted);display:block}.aside-contact a{font-size:14px;display:block;margin-top:18px;font-weight:bold;text-decoration:none}.aside-contact .phone{font-weight:400;color:var(--muted);margin-top:12px}.print{font-size:14px;background:transparent;border:1px solid var(--line);border-radius:4px;padding:12px;margin-top:28px;width:100%;color:var(--ink)}.search-wrap{background:white;display:flex;gap:15px;align-items:center;border:1px solid #acbeb3;border-radius:5px;padding:0 17px}.search-wrap span{font-size:31px}.search-wrap input{min-width:0;width:100%;border:0;padding:18px 0;background:transparent;color:var(--ink);outline:none}.search-wrap:focus-within{outline:2px solid var(--green)}.filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:17px 0 30px}.type-filters{display:flex;gap:6px}.type-filters button{border:1px solid var(--line);background:white;color:var(--muted);padding:8px 13px;border-radius:4px;font-size:14px}.type-filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.sub-filter{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}select{max-width:210px;font-size:14px;padding:8px;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:white}.results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}h2{font-family:Georgia,serif;font-weight:400;font-size:26px;margin:0}#count{font-size:13px;color:var(--muted);white-space:nowrap}.table-wrap{background:white;border:1px solid var(--line);border-radius:6px;overflow:hidden}table{border-collapse:collapse;width:100%;text-align:left}thead{background:#ecf1ed;color:var(--muted)}th{font-size:11px;letter-spacing:.08em;font-weight:600;padding:13px 16px}td{font-size:14px;padding:18px 16px;border-top:1px solid var(--line);line-height:1.5;vertical-align:middle}th:first-child{width:45%}.product-name{font-size:16px;font-weight:600;display:inline;background:none;color:var(--ink);border:0;padding:0;text-align:left;line-height:1.4}.product-name:hover{text-decoration:underline}.botanical{font-size:13px;font-style:italic;color:var(--muted);display:block;margin-top:4px}.ref{font-size:12px;color:var(--muted);display:block;margin-top:5px}.badge{display:inline-block;padding:3px 7px;background:#edf3d8;color:#4a641c;border:1px solid #d7e4af;border-radius:3px;font-size:11px;letter-spacing:.03em;font-weight:700;margin-left:8px;vertical-align:middle}.row-action{border:1px solid var(--line);color:var(--green);background:white;border-radius:4px;padding:8px 10px;white-space:nowrap;font-size:13px}.row-action:hover{background:var(--green);color:white}tr:hover td{background:#fafcf9}#empty{text-align:center;background:white;border:1px solid var(--line);padding:50px 20px}#reset{background:var(--green);color:white;padding:12px 20px;border:0;border-radius:4px}footer{padding:25px 5%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);background:white}dialog{padding:40px;max-width:760px;width:calc(100% - 32px);max-height:90vh;overflow:auto;border:0;border-radius:8px;color:var(--ink);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#102b25b8}.close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:30px;color:var(--muted);padding:8px}.detail-category{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}#detail-title{font-size:32px;padding-right:20px}.detail-botanical{font-style:italic;color:var(--muted);line-height:1.6}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:28px 0}.detail-grid div{border-top:1px solid var(--line);padding:14px 0}.detail-grid dt{font-size:12px;color:var(--muted);margin-bottom:7px}.detail-grid dd{margin:0;font-size:15px;line-height:1.6;overflow-wrap:anywhere}.detail-section h3{font-size:15px;margin-bottom:8px}.detail-section p{font-size:14px;line-height:1.7;white-space:pre-line;color:var(--muted)}.contact-button{display:block;background:var(--green);color:white;text-decoration:none;padding:16px 20px;margin-top:25px;text-align:center;border-radius:4px}.detail-note{font-size:12px;color:var(--muted);line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:absolute;left:10px;top:-60px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1600px){.workspace{padding-left:40px;padding-right:40px}}@media(max-width:1000px){.workspace{grid-template-columns:200px minmax(0,1fr);gap:24px;padding-left:3%;padding-right:3%}.sub-filter{width:100%;justify-content:space-between}.fema-col{display:none}.header-label{display:none}td,th{padding:14px 12px}}@media(max-width:700px){header{padding:20px 5%}.brand-name{font-size:30px}.intro{padding:26px 5%}.intro .total{display:none}.intro p:last-child{font-size:14px}.workspace{display:block;padding:25px 5%}aside{position:static}aside .eyebrow{margin-bottom:10px}nav{display:flex;overflow-x:auto;gap:8px;padding-bottom:12px}nav button{flex-shrink:0;border:1px solid var(--line);padding:10px;font-size:13px}nav button span:first-child{max-width:140px}aside .aside-contact{display:none}.print{margin:0 0 22px;width:auto;padding:9px 12px;font-size:12px}.search-wrap input{font-size:14px}.search-wrap{gap:8px;padding:0 12px}.results-head{align-items:baseline}h2{font-size:23px}table,tbody{display:block}thead{display:none}tr{display:grid;grid-template-columns:1fr auto;padding:16px;gap:10px;border-bottom:1px solid var(--line)}td{border:0;padding:0;display:block}td:first-child{grid-column:1/-1}.fema-col{display:none}td.cas-col{font-size:12px;color:var(--muted);align-self:center}.cas-col:before{content:'CAS ';font-size:10px}.row-action{font-size:12px}dialog{padding:30px 23px}.detail-grid{grid-template-columns:1fr}.header-contact{font-size:13px}.filters{margin-bottom:23px}footer{line-height:1.6}.botanical{font-size:14px}}@media print{header{padding:10px 0}.intro{background:white;color:black;padding:20px 0}.intro p:last-child,.intro .eyebrow{color:#333}.total{display:none}.workspace{display:block;padding:0}aside,.search-wrap,.filters,.row-action,.header-contact,.skip{display:none}.table-wrap{overflow:visible}table{font-size:10px}td{padding:9px;font-size:11px}.product-name{font-size:12px}th{padding:8px}tr{break-inside:avoid}body{background:white}footer{margin-top:20px}dialog{position:static;max-height:none;box-shadow:none;width:100%}body:has(dialog[open])>*:not(dialog){display:none}.close,.contact-button{display:none}}

/* Lozano logo; original catalogue palette preserved */
.brand{flex-shrink:0}
.brand-logo{display:block;width:184px;height:auto;object-fit:contain}
@media(max-width:700px){.brand-logo{width:142px}header{gap:18px}}
@media print{.brand-logo{width:145px}}

/* Catalogue families and subcategories */
.nav-family>button{width:100%}.nav-family .nav-subgroup{padding:9px 10px 9px 24px;font-size:13px;border-left:1px solid var(--line);border-radius:0;margin-left:8px;width:calc(100% - 8px)}
.catalogue-family{margin-bottom:38px}.family-heading{font-size:18px;letter-spacing:.045em;text-transform:uppercase;border-bottom:2px solid var(--green);padding-bottom:13px;margin:0 0 22px;font-weight:600}.catalogue-subgroup{margin-bottom:28px}.group-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px}.group-heading h4{font-family:Georgia,serif;font-size:21px;font-weight:400;margin:0}.group-heading>span{font-size:12px;color:var(--muted);white-space:nowrap}
@media(max-width:700px){nav .nav-family{flex:0 0 210px}.nav-family .nav-subgroup{white-space:normal}.group-heading h4{font-size:19px}.family-heading{font-size:16px}}
@media print{.family-heading,.group-heading{break-after:avoid}.catalogue-subgroup{margin-bottom:18px}}

/* Compact product listing */
.table-wrap td{padding:9px 14px;line-height:1.3}
.table-wrap th{padding:10px 14px}
.product-name{font-size:15px;line-height:1.3}
.botanical{margin-top:2px;font-size:13px;line-height:1.3}
.row-action{padding:6px 9px}
@media(max-width:1000px){.table-wrap td,.table-wrap th{padding-left:10px;padding-right:10px}}
@media(max-width:700px){.table-wrap tr{padding:11px 12px;gap:6px}.table-wrap td{padding:0}.botanical{font-size:14px}.row-action{padding:6px 9px}}
@media print{.table-wrap td{padding:6px 9px}.product-name{font-size:12px}.botanical{font-size:11px}}

.company-name{display:block;font-size:14px;letter-spacing:.025em;line-height:1.5;margin-bottom:7px}
@media(max-width:1000px){.header-label{display:block;padding-left:20px}.company-name{font-size:13px}}
@media(max-width:700px){header{flex-wrap:wrap}.header-label{order:3;flex-basis:100%;border-left:0;padding-left:0;font-size:12px}.header-label span{font-size:13px}.company-name{font-size:14px}}

/* Category first, followed by its subcategory */
.results-head{justify-content:flex-end;margin-bottom:12px}

.contact-button{overflow-wrap:anywhere;line-height:1.5}

/* Contact emphasis */
.header-contact{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:4px;padding:12px 20px;font-size:15px;font-weight:600;line-height:1.4;text-decoration:none}
.header-contact:hover{background:var(--ink);border-color:var(--ink)}
.aside-contact>span{font-size:16px;font-weight:600;color:var(--green);line-height:1.6}
@media(max-width:700px){.header-contact{font-size:14px;padding:10px 14px}.header-contact span{margin-left:12px}}
@media print{.header-contact{display:none}}

/* Sidebar information link */
.aside-contact>a:not(.phone){display:block;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:4px;padding:12px 16px;font-size:15px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none}
.aside-contact>a:not(.phone):hover{background:var(--ink);border-color:var(--ink)}

/* Prominent catalogue heading */
.header-label .catalogue-title{display:block;font-size:clamp(24px,2.5vw,36px);font-weight:700;line-height:1.2;letter-spacing:.015em;color:var(--ink);margin-top:8px}
@media(max-width:700px){.header-label .catalogue-title{font-size:27px;line-height:1.2}}

/* Light, contemporary product-list title */
.header-label .catalogue-title{font-family:"Segoe UI Variable","Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:clamp(28px,2.7vw,38px);font-weight:350;color:#626b68;letter-spacing:-.025em;line-height:1.2;margin-top:0}
@media(max-width:700px){.header-label .catalogue-title{font-size:30px}}

/* Supplied footer logos */
.brand-strip{background:#fff;border-top:1px solid var(--line);padding:0 3%;overflow-x:auto}
.brand-strip img{display:block;width:100%;max-width:1600px;height:auto;margin:0 auto}
@media(max-width:700px){.brand-strip{padding:0 12px}.brand-strip img{min-width:700px}}
@media print{.brand-strip{break-inside:avoid;padding:0}.brand-strip img{min-width:0}}

/* Smaller certification strip, matching subfamily typography */
.brand-strip{padding-top:24px;padding-bottom:12px}
.brand-strip h3{font-family:Georgia,serif;font-size:21px;font-weight:400;line-height:1.4;text-align:center;margin:0 0 8px;color:var(--ink)}
.brand-strip img{width:50%;max-width:800px;min-width:0}
@media(max-width:700px){.brand-strip h3{font-size:19px}.brand-strip img{width:350px;max-width:none;min-width:0}}
@media print{.brand-strip img{width:50%;max-width:800px;min-width:0}}

/* Compact certification footer */
.brand-strip{background:var(--paper);padding:14px 3% 12px}
.brand-strip h3{font-family:Georgia,serif;font-size:21px;font-weight:400;line-height:1.4;margin:0 0 5px}
.brand-strip-logos{position:relative;width:50%;max-width:800px;aspect-ratio:1920 / 210;margin:0 auto;overflow:hidden}
.brand-strip .brand-strip-logos img{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;max-width:none;min-width:0;height:auto;margin:0;mix-blend-mode:multiply}
@media(max-width:700px){.brand-strip h3{font-size:19px}.brand-strip-logos{width:350px;max-width:100%}}
@media print{.brand-strip{padding:10px 0}.brand-strip-logos{width:50%;max-width:800px}}

.footer-contact{display:flex;flex-direction:column;gap:7px;text-align:right;margin-left:auto}

.language-switch{display:flex;gap:10px;align-items:center;flex-shrink:0}.language-switch a{display:flex;padding:7px;border:1px solid transparent;border-radius:3px}.language-switch a[aria-current="page"]{border-color:var(--line);background:#edf2ee}.language-switch img{display:block;width:24px;height:16px}.language-switch a:hover{background:#e4ebe5}@media(max-width:700px){header .language-switch{padding-bottom:0}.header-contact{margin-left:auto}}

/* A4 catalogue printing: retain technical columns and compact rows */
@page{size:A4 portrait;margin:12mm 10mm}
@media print{
 html,body{background:#fff!important;font-size:10pt}
 header{padding:0 0 8px;gap:22px}.brand-logo{width:115px}.header-label .catalogue-title{font-size:24px}
 .language-switch,.header-contact,aside,.filters,.search-wrap,.row-action{display:none!important}
 .intro{padding:12px 0}.intro h1{font-size:22px}.intro p:last-child{font-size:11px;margin-top:8px}
 .workspace{display:block;max-width:none;padding:0;margin:0}.results-head{margin:5px 0 8px}
 .catalogue-family{margin-bottom:18px}.catalogue-subgroup{margin-bottom:16px}
 .family-heading{font-size:13px;margin:0 0 10px;padding-bottom:6px;break-after:avoid}
 .group-heading{margin-bottom:6px;break-after:avoid}.group-heading h4{font-size:15px}
 .table-wrap{overflow:visible;border-radius:0}table{display:table;width:100%;table-layout:fixed}
 thead{display:table-header-group}tbody{display:table-row-group}
 .table-wrap tr{display:table-row;break-inside:avoid;padding:0}
 .table-wrap th,.table-wrap td{display:table-cell;padding:5px 8px;font-size:9px;line-height:1.2;border-top:1px solid var(--line);overflow-wrap:anywhere}
 .table-wrap th:first-child{width:54%}.table-wrap th:nth-child(2){width:34%}.table-wrap th.fema-col{width:12%}
 .table-wrap .fema-col{display:table-cell!important}.table-wrap th:last-child,.table-wrap td:last-child{display:none}
 .table-wrap .product-name{font-size:10px;line-height:1.2;font-weight:600}
 .table-wrap .botanical{font-size:9px;line-height:1.2;margin-top:1px}
 .table-wrap .cas-col{font-size:9px}.cas-col:before{content:none}
 .badge{font-size:8px;padding:1px 4px;margin-left:5px}
 .brand-strip{padding:10px 0 8px;break-inside:avoid}.brand-strip h3{font-size:15px}.brand-strip-logos{width:60%}
 footer{padding:12px 0;font-size:9px;gap:12px;break-inside:avoid}
}

header{gap:26px}.header-website{font-family:"Segoe UI Variable","Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:18px;font-weight:350;letter-spacing:-.025em;line-height:1.2;color:#626b68;text-decoration:none;margin-left:auto;white-space:nowrap}.header-website:hover{text-decoration:underline}.header-contact{margin-left:0;flex-shrink:0}.header-label{padding-left:24px;min-width:0}.header-label .catalogue-title{font-size:clamp(24px,2.3vw,36px)}
@media(max-width:1100px){header{gap:16px;padding-left:3%;padding-right:3%}.brand-logo{width:145px}.header-website{font-size:16px}.header-label{padding-left:16px}}
@media(max-width:800px){header{flex-wrap:wrap}.header-label{order:3;flex-basis:100%;border-left:0;padding:0}.header-website{margin-left:auto}.header-contact{padding:10px}.language-switch{gap:4px}}
@media print{.header-website{display:none}}

.email-icon{display:inline-block;width:18px;height:18px;flex-shrink:0;vertical-align:-3px;margin-right:7px}.header-contact{gap:0}.header-contact .email-icon{margin-right:8px}.contact-button .email-icon{vertical-align:-3px}