.directory-page{background:#eef3f3}.directory-header{position:relative;background:#06131f}.directory-header nav .current{color:#00d8c8}.directory-hero{min-height:470px;background:#06131f;color:#fff;padding:100px max(5vw,calc((100vw - 1325px)/2)) 80px;display:grid;grid-template-columns:1fr auto;gap:5rem;align-items:end;position:relative;overflow:hidden}.directory-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,black,transparent)}.directory-hero>div{position:relative;z-index:1}.directory-hero h1{font-size:clamp(3.4rem,6.2vw,6.6rem);letter-spacing:-.03em;max-width:980px}.directory-hero>div>p:last-child{max-width:760px;color:#9fb0ba;font-size:1.06rem}.directory-count{display:flex;flex-direction:column;min-width:180px;padding:1.5rem;border-left:1px solid rgba(0,216,200,.35)}.directory-count strong{font:600 4.5rem/1 var(--display);color:#00d8c8}.directory-count span{font-size:.875rem;text-transform:uppercase;letter-spacing:.12em;color:#8397a2}
.tidocomp-section{display:grid;grid-template-columns:.82fr 1.18fr;max-width:1440px;margin:0 auto;background:#fff}.tidocomp-image{position:relative;min-height:780px;background:linear-gradient(145deg,#0a1e2c,#0c3441);display:grid;place-items:center;overflow:hidden}.tidocomp-image:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 50% 45%,rgba(0,216,200,.18),transparent 42%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,38px 38px,38px 38px}.tidocomp-image img{position:relative;z-index:1;max-height:650px;width:auto;filter:drop-shadow(0 35px 34px rgba(0,0,0,.45))}.tidocomp-image>span{position:absolute;z-index:2;left:1.5rem;bottom:1.5rem;background:#00d8c8;color:#04151c;padding:.55rem .75rem;text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:700}.tidocomp-copy{padding:4.5rem 4vw}.tidocomp-copy h2,.catalogue-heading h2{font-size:clamp(2.8rem,4.4vw,4.7rem);letter-spacing:-.03em}.tidocomp-copy>p:not(.section-kicker){color:#64747e;max-width:750px}.type-grid{display:grid;grid-template-columns:1fr 1fr;margin:2.2rem 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.type-grid article{padding:1.35rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.type-grid article>span{font:600 1.8rem var(--display);color:#006f68}.type-grid h3{font-size:1.05rem;margin:.4rem 0}.type-grid p{font-size:.875rem;color:#65747d}.type-grid b{font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;color:#006f68}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-left:1px solid var(--line);border-top:1px solid var(--line)}.spec-grid>div{padding:.85rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.spec-grid dt{font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;color:#536773}.spec-grid dd{margin:.25rem 0 0;font:600 .82rem var(--display)}.document-row{display:flex;gap:.65rem;margin-top:1.5rem}.document-row .button{flex:1;flex-direction:column;align-items:flex-start;gap:0}.document-row small{font-size:.875rem;opacity:.6;font-weight:500}
.catalogue-shell{padding:110px max(5vw,calc((100vw - 1325px)/2));background:#eef3f3}.catalogue-heading{display:grid;grid-template-columns:1fr 440px;gap:5rem;align-items:end}.catalogue-heading p:last-child{color:#53636e}.catalogue-tools{margin-top:3rem;display:grid;grid-template-columns:340px 1fr;gap:1rem;align-items:start}.search-box{height:46px;background:#fff;border:1px solid #cdd8da;display:flex;align-items:center;padding:0 .8rem;gap:.5rem}.search-box span{color:#006f68;font-size:1.2rem}.search-box input{border:0;outline:0;width:100%;background:transparent}.category-filters{display:flex;flex-wrap:wrap;gap:.4rem}.category-filters button{border:1px solid #bac8cb;background:transparent;padding:.55rem .7rem;font-size:.875rem;font-weight:700;cursor:pointer}.category-filters button.active{background:#06131f;color:#fff;border-color:#06131f}.result-count{margin:1.2rem 0;color:#6e7d85;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.product-card{background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:360px;display:flex;flex-direction:column;min-width:0;overflow:hidden}.product-image{height:220px;min-height:220px;padding:1.25rem;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f8faf9;border-bottom:1px solid var(--line)}.product-image img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.product-info{padding:1.2rem;display:flex;flex-direction:column;flex:1;position:relative;z-index:1;background:#fff}.product-info small{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:#006f68}.product-info h3{font-size:1rem;margin:.4rem 0}.product-info p{font-size:.875rem;color:#536773;margin:.25rem 0 1rem}.product-info a{margin-top:auto;color:#006e67;font-size:.875rem;font-weight:700;text-decoration:none}.empty-products{text-align:center;padding:5rem 1rem}.empty-products h3{font-size:1.8rem}.empty-products p{color:#6e7d85}
@media(max-width:1100px){.tidocomp-section{grid-template-columns:1fr}.tidocomp-image{min-height:620px}.product-grid{grid-template-columns:repeat(3,1fr)}.catalogue-tools{grid-template-columns:1fr}.catalogue-heading{grid-template-columns:1fr;gap:1rem}}
@media(max-width:820px){.directory-hero{grid-template-columns:1fr;padding-top:70px}.directory-count{display:none}.tidocomp-copy{padding:3.5rem 5vw}.spec-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.document-row{flex-direction:column}}
@media(max-width:560px){.directory-hero{min-height:430px}.directory-hero h1{font-size:3.3rem}.tidocomp-image{min-height:480px}.tidocomp-image img{max-height:410px}.type-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.product-card{min-height:310px}.product-image{height:190px}.catalogue-shell{padding:75px 5vw}}

/* The catalogue uses the same persistent navigation as the main page. */
.directory-header{position:fixed;background:rgba(6,19,31,.94)}

/* In-house EV charging product family */
.ev-product-section{max-width:1440px;margin:0 auto;background:#fff;display:grid;grid-template-columns:.82fr 1.18fr}
.ev-product-media{position:relative;min-height:720px;background:#071722;overflow:hidden}
.ev-product-media:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(0,216,200,.16),rgba(6,19,31,.18));pointer-events:none}
.ev-product-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.82)}
.ev-product-media span{position:absolute;z-index:2;left:1.5rem;bottom:1.5rem;background:#00d8c8;color:#04151c;padding:.55rem .75rem;text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:700}
.ev-product-copy{padding:4.5rem 4vw}
.ev-product-copy h2{font-size:clamp(2.8rem,4.4vw,4.7rem);letter-spacing:-.03em;max-width:760px}
.ev-lead{color:#64747e;max-width:780px;font-size:1rem}
.ev-range-grid{display:grid;grid-template-columns:1fr 1fr;margin:2.2rem 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ev-range-grid article{padding:1.25rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.ev-range-grid article>span{font-size:.875rem;color:#006f68;letter-spacing:.1em;font-weight:700}
.ev-range-grid h3{font-size:1.2rem;margin:.35rem 0}
.ev-range-grid p{font-size:.875rem;color:#65747d;margin:.4rem 0}
.ev-scope{display:flex;flex-direction:column;border-left:3px solid #00a99d;background:#edf7f6;padding:1rem 1.2rem;margin-bottom:1.4rem}
.ev-scope b{font-size:.875rem;text-transform:uppercase;letter-spacing:.07em}
.ev-scope span{font-size:.875rem;color:#566b73;margin-top:.25rem}
@media(max-width:1100px){.ev-product-section{grid-template-columns:1fr}.ev-product-media{min-height:520px}}
@media(max-width:640px){.ev-product-media{min-height:360px}.ev-product-copy{padding:3rem 5vw}.ev-range-grid{grid-template-columns:1fr}.ev-product-copy h2{font-size:2.55rem}}
