/* httpdocs/assets/css/style.css */ :root{--ink:#111516;--red:#24392c;--paper:#f3f3ef;--line:#d8d9d4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #36c2cb;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Barlow Condensed',Impact,Arial,sans-serif;line-height:.99;font-weight:600}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#101415;color:white;position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff20}.logo{font-size:28px;font-weight:800;letter-spacing:-1.3px;line-height:1;display:flex;align-items:center}.logo span{font-weight:400}.logo i{width:8px;height:8px;background:var(--red);margin:14px 0 0 7px}nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600}nav a:hover{color:#9fb9a7}.nav-contact{padding:11px 18px;border:1px solid #ffffff55}.menu{display:none;color:white;border:0;background:none;font-size:26px}.hero{height:min(780px,calc(100svh - 86px));min-height:610px;position:relative;background:#333 url('/assets/hero.jpg') center/cover;color:white;overflow:hidden}.hero video{width:100%;height:100%;position:absolute;object-fit:cover;filter:saturate(.65)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,16,18,.87),rgba(9,16,18,.25)),linear-gradient(0deg,#0a1214bd,transparent 35%)}.hero-content{position:relative;padding:85px 7% 100px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;color:#b9c0c0;display:flex;gap:10px;align-items:center;margin-bottom:25px}.eyebrow.dark{color:#727774}.eyebrow span{width:28px;height:2px;background:#24392c}h1{font-size:clamp(65px,7.8vw,116px);letter-spacing:-1.4px;max-width:950px}h1 em{font-style:normal;color:#fff;position:relative}h1 em:after{content:'';position:absolute;bottom:-12px;left:0;width:90px;height:5px;background:#24392c}.hero-description{margin-top:40px;color:#ddd;font-size:18px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button{padding:15px 25px;display:inline-flex;justify-content:center;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.red{color:white;background:var(--red)}.red:hover{background:#355540}.text-link{font-size:14px;border-bottom:1px solid #ffffff60;padding:5px 0}.hero-bottom{position:absolute;bottom:26px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:end;font-size:12px;letter-spacing:1px}.hero-bottom p{font-size:11px;color:#bfc5c3}.hero-bottom strong{font-size:13px;font-weight:500;color:#fff;letter-spacing:0}.video-toggle{color:white;border:1px solid #ffffff50;background:#1118;padding:9px 15px;font-size:14px}.video-toggle span{margin-left:6px}.scroll-link span{margin-left:15px;font-size:24px}.sector-strip{background:#171c1d;color:white;display:grid;grid-template-columns:repeat(5,1fr);padding:0 5%}.sector-strip a{padding:25px 18px;display:flex;justify-content:space-between;align-items:center;border-left:1px solid #ffffff14;position:relative;font-size:14px}.sector-strip a:after{content:'';height:3px;position:absolute;bottom:0;left:18px;right:18px;background:var(--sector)}.sector-strip b{font-weight:400;color:#87918e;font-size:12px}.section{padding:100px 7%}h2{font-size:clamp(42px,4.8vw,72px);letter-spacing:-.8px}h2 span{color:#818983}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:105px;padding-bottom:105px}.about-copy .lead{font-size:24px;line-height:1.45;color:#252c29;margin-bottom:22px}.about-copy>p:not(.lead){color:#626a64;font-size:16px}.mini-facts{display:flex;gap:60px;margin-top:32px;border-top:1px solid var(--line);padding-top:24px}.mini-facts b,.mini-facts span{display:block}.mini-facts b{font-size:20px}.mini-facts span{font-size:13px;color:#737973}.sectors{background:var(--ink);color:white}.section-top{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:42px}.section-top>p{font-size:16px;color:#89938c}.sectors h2 span{color:#87918a}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sector-card{height:420px;position:relative;overflow:hidden;background:#26302b}.sector-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.6);transition:transform .7s}.sector-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#081211f5,transparent 90%)}.sector-card:hover img{transform:scale(1.05)}.sector-card>div{position:absolute;z-index:1;bottom:30px;left:26px;right:26px}.card-index{position:absolute;z-index:1;top:25px;left:26px;font-size:11px;letter-spacing:2px}.sector-card h3{font-size:36px;margin-bottom:12px}.sector-card p{font-size:14px;color:#bdc5bf}.card-link{display:block;margin-top:24px;font-size:12px;border-top:1px solid #ffffff30;padding-top:14px;font-weight:500}.secondary-sectors{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:35px}.secondary-sectors a{border-top:1px solid #ffffff25;padding-top:22px}.secondary-sectors span{color:#82968d;font-size:11px;letter-spacing:2px}.secondary-sectors h3{font-size:30px;margin:10px 0}.secondary-sectors p{color:#aab3ae;font-size:14px}.partners{background:#e9ece7;display:grid;grid-template-columns:1fr 1.2fr;column-gap:65px}.partners-intro>p:not(.eyebrow){color:#67716a;max-width:470px;margin-top:26px}.outline{border:1px solid #adb5ac;margin-top:30px}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);align-content:center}.brand{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid #cdd2c9;border-right:1px solid #cdd2c9;transition:background .2s}.brand:hover{background:#dce2d9}.brand:nth-child(3n){border-right:none}.brand b{font-size:22px;font-weight:800;letter-spacing:-.8px}.brand span{font-size:10px;letter-spacing:1.5px;color:#7e877b;margin-top:3px}.brand-note{grid-column:2;font-size:12px;color:#757e72;margin-top:20px}.portfolio{background:#f7f7f4}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filters button{border:1px solid #d9ddd6;background:transparent;padding:9px 17px;font-size:13px;color:#616a61}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{background:#e9ece5;text-align:left;border:1px solid #dce0d7;padding:28px;min-height:280px;position:relative;display:flex;flex-direction:column;transition:background .2s}.product:hover{background:#dfe5da}.product .number{font-size:11px;letter-spacing:1px;color:#84917f}.product .category{font-size:11px;letter-spacing:1.5px;margin-top:38px;color:var(--red);font-weight:600}.product h3{font-size:33px;margin:9px 0 13px;max-width:300px}.product p{font-size:14px;color:#697461;line-height:1.45}.product .learn{font-size:12px;margin-top:auto;padding-top:22px;font-weight:600}.product[hidden]{display:none}.process{background:#1b2420;color:#fff}.process h2 span{color:#849689}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.steps article{border-top:1px solid #546056;padding-top:24px}.steps b{font:42px 'Barlow Condensed',Arial;color:#758e79;font-weight:500}.steps h3{font-size:26px;margin:22px 0 15px}.steps p{font-size:14px;color:#aeb8af}.contact{background:#24392c;color:white;display:grid;grid-template-columns:1.4fr .6fr;gap:70px}.contact .eyebrow{color:#eab5bc}.contact h2{font-size:clamp(48px,5.5vw,82px)}.contact h2 span{color:#c6d8cb}.contact>div>p:not(.eyebrow){color:#d7e3da;margin:25px 0 30px}.white{background:white;color:#24392c}.contact aside{border-left:1px solid #ffffff45;padding-left:50px;align-self:center}.contact aside>span{font-size:11px;letter-spacing:2px;color:#c6d8cb}.contact aside h3{font-size:36px;margin:20px 0}.contact aside p{color:#eac2c7;font-size:15px}.contact aside a{display:inline-block;border-bottom:1px solid #ffffff70;margin-top:20px}.contact-note{margin-top:35px;font-size:13px!important}footer{background:#101415;color:#aab2ad;display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:55px 7% 30px}footer .logo{color:white}footer>p{text-align:right;font-size:15px}footer>div{display:flex;gap:25px;font-size:13px}footer small{text-align:right;font-size:12px}dialog{max-width:660px;width:calc(100% - 32px);border:none;background:#f5f6f1;color:var(--ink);padding:55px;box-shadow:0 25px 100px #0005}dialog::backdrop{background:#07100de0;backdrop-filter:blur(5px)}dialog h2{font-size:48px;margin-bottom:24px}dialog>p:not(.eyebrow){color:#687463}.close{position:absolute;right:18px;top:10px;background:none;border:none;font-size:32px}.detail-brands{margin:25px 0;padding:20px 0;border-block:1px solid #cfd7ca;font-weight:600}.detail-note{font-size:13px;margin-bottom:25px!important} @media(min-width:1600px){.section{padding-left:calc((100% - 1380px)/2);padding-right:calc((100% - 1380px)/2)}}@media(max-width:900px){nav{gap:15px;font-size:12px}.section{padding:70px 6%}.hero-content{padding:90px 6%}.hero{min-height:650px}.about{gap:40px}.partners{gap:35px;grid-template-columns:1fr 1fr}.brand b{font-size:17px}.sector-card h3{font-size:29px}.sector-card>div,.card-index{left:18px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.contact{gap:30px}.contact aside{padding-left:30px}} @media(max-width:640px){header{height:72px;padding:0 6%}.logo{font-size:24px}.menu{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#141b18;flex-direction:column;align-items:stretch;padding:25px 6%;font-size:16px;gap:22px}nav.open{display:flex}.hero{min-height:660px;height:calc(100svh - 72px)}.hero-content{padding-top:90px}h1{font-size:68px}h1 em:after{height:4px;bottom:-9px}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero-description{font-size:16px;max-width:310px}.hero-description br{display:none}.hero-actions{align-items:start;flex-direction:column;gap:18px}.hero-bottom{left:6%;right:6%;bottom:23px}.hero-bottom p{display:none}.scroll-link{font-size:10px}.video-toggle{font-size:12px}.sector-strip{padding:0 2%;grid-template-columns:repeat(5,1fr)}.sector-strip a{padding:20px 8px;font-size:11px}.sector-strip a:after{left:8px;right:8px}.sector-strip b{display:none}.about,.partners,.contact{grid-template-columns:1fr;gap:35px}.section{padding:60px 6%}h2{font-size:48px}.about-copy .lead{font-size:21px}.mini-facts{gap:25px}.section-top{align-items:start;flex-direction:column;gap:22px}.section-top>p br{display:none}.sector-grid{grid-template-columns:1fr}.sector-card{height:340px}.sector-card h3{font-size:36px}.secondary-sectors{grid-template-columns:1fr;gap:25px}.brand-note{grid-column:1}.brand-grid{margin-top:10px}.brand{min-height:90px}.brand b{font-size:21px}.portfolio-grid{grid-template-columns:1fr}.product{min-height:245px}.product .category{margin-top:28px}.filters{gap:6px}.filters button{padding:8px 11px;font-size:12px}.steps{gap:30px 20px}.steps h3{font-size:25px}.contact aside{padding:25px 0 0;border-left:0;border-top:1px solid #ffffff40}.contact p br{display:none}footer{grid-template-columns:1fr;gap:20px;padding:40px 6%}footer>p,footer small{text-align:left}dialog{padding:42px 25px}dialog h2{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}} .credits{grid-column:1/-1;font-size:10px!important;text-align:left!important;color:#707b73;max-width:900px}.credits a{text-decoration:underline} /* Partner wall inspired by the supplied ARLE section. */ .partners{display:block;background:#e9ece7}.partners-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;align-items:end;margin-bottom:52px}.partners-heading>p{color:#667160;max-width:460px;line-height:1.75}.partners-heading .eyebrow span{width:6px;height:6px;background:#24392c;border-radius:50%}.partner-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.partner-tile{position:relative;min-height:260px;display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid #d3dacd;background:#f8f9f5;color:#233023;overflow:hidden}.partner-logo{height:200px;display:flex;align-items:center;justify-content:center;padding:40px 35px}.partner-logo img{max-width:85%;max-height:95px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;transition:opacity .25s}.partner-logo img[hidden]{display:none}.brand-wordmark{font-size:32px;font-weight:800;letter-spacing:-1px}.brand-wordmark[hidden]{display:none}.partner-foot{margin:auto 23px 0;padding:15px 0 18px;border-top:1px solid #d8dfd2;display:flex;justify-content:space-between;gap:15px;font-size:14px;font-weight:500;align-items:center}.partner-foot>span:last-child{font-size:24px;font-weight:400;line-height:1}.partner-overlay{position:absolute;inset:0;background:#243b2e;color:#f5f7ed;padding:28px;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility .25s;pointer-events:none}.partner-overlay strong{font-family:'Barlow Condensed',Arial,sans-serif;font-size:32px;font-weight:600;line-height:1.1;margin-bottom:16px}.partner-description{font-size:15px;line-height:1.5;color:#d2ddcf}.partner-more{font-size:13px;font-weight:600;margin-top:auto;padding-top:15px;color:#e0eab1}.partner-tile:focus-visible .partner-overlay{opacity:1;visibility:visible;transform:none}.brand-note{margin:22px 0 0;font-size:12px;color:#757e72}.brand-detail-logo{display:flex;align-items:center;height:95px;margin-bottom:25px}.brand-detail-logo img{max-width:240px;max-height:85px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}.brand-detail-logo img[hidden]{display:none}.brand-detail-actions{display:flex;gap:12px;flex-wrap:wrap}.brand-detail-actions .outline{margin-top:0}.brand-detail-actions .button{font-size:14px}#brand-detail{max-width:700px} @media(hover:hover){.partner-tile:hover .partner-overlay{opacity:1;visibility:visible;transform:none}} @media(max-width:900px){.partners-heading{gap:35px}.partner-overlay{padding:22px}.partner-overlay strong{font-size:28px}.partner-description{font-size:14px}.partner-tile{min-height:285px}.partner-logo{height:220px;padding:35px 20px}} @media(max-width:640px){.partners-heading{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.partner-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.partner-tile{min-height:190px}.partner-logo{height:140px;padding:22px 18px}.partner-logo img{max-width:100%;max-height:65px}.partner-foot{margin:0 13px;font-size:12px;padding:12px 0;line-height:1.2}.partner-foot>span:last-child{font-size:21px}.brand-wordmark{font-size:20px}.partner-overlay{display:none}.brand-detail-actions{flex-direction:column}.brand-detail-actions .button{width:100%}.brand-detail-logo{height:80px}} /* Five columns, three visible rows, all brands accessible by vertical scrolling. */ .partner-wall{--brand-cols:5;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:224px;gap:12px;max-height:696px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#738a76 #dfe5d9;padding-right:7px;scroll-behavior:smooth;scroll-snap-type:y proximity}.partner-tile{min-height:0;height:224px;scroll-snap-align:start}.partner-logo{height:166px;padding:27px 20px}.partner-logo img{max-width:100%;max-height:85px}.partner-foot{margin:0 16px;padding:16px 0;font-size:13px}.partner-overlay{padding:19px}.partner-overlay strong{font-size:26px;margin-bottom:12px}.partner-description{font-size:13px;line-height:1.45}.partner-more{font-size:12px;padding-top:12px}.brand-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px}.brand-pagination>span{font-size:13px;color:#697760}.brand-pagination>div{display:flex;gap:8px}.brand-page-control{background:transparent;color:#233c2a;border:1px solid #adbaa5;padding:9px 20px;font-size:14px;font-weight:600}.brand-page-control:hover:not(:disabled){background:#243b2e;color:white}.brand-page-control:disabled{opacity:.35;cursor:default}.phone-button{border:1px solid #aeb9a5;color:#253b28;background:transparent}.phone-button:hover{background:#e3e9dc}.brand-detail-actions{gap:10px}.brand-detail-actions .button{padding:13px 17px}#brand-detail-description{max-height:250px;overflow-y:auto;padding-right:5px}.brand-detail-logo img{width:auto;height:auto;max-width:200px;max-height:90px}.back-to-partners{border-bottom:1px solid #69766d;font-size:14px}.brand-breadcrumb{display:flex;gap:14px;flex-wrap:wrap;padding:28px 7% 0;font-size:13px;color:#758171}.brand-breadcrumb a:hover{color:#24392c}.brand-page-hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:start;padding-top:65px;padding-bottom:85px}.brand-page-visual{background:#e8ede3;border:1px solid #d3ddcb;padding:35px;position:sticky;top:120px}.brand-page-logobox{background:#fff;height:250px;display:flex;justify-content:center;align-items:center;margin-bottom:30px}.brand-page-logobox img{width:auto;height:auto;max-width:80%;max-height:150px;mix-blend-mode:multiply}.brand-page-visual>span{font-size:11px;color:#708064;letter-spacing:1.5px}.brand-page-visual>p{font-family:'Barlow Condensed',Arial;font-size:32px;font-weight:600;margin-top:5px}.brand-page-intro h1{font-size:clamp(52px,5.5vw,90px);overflow-wrap:anywhere;color:#172018;margin-bottom:30px;letter-spacing:-.8px}.brand-page-lead{font-size:22px;line-height:1.5;color:#2e3b2e;margin-bottom:27px}.brand-page-copy p{margin:0 0 20px;color:#66745f;font-size:16px;line-height:1.8}.brand-page-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.brand-supply{background:#23392c;color:white;display:grid;grid-template-columns:1fr 1fr;gap:80px}.brand-supply h2 span{color:#a0b48d}.brand-supply>div>p{color:#d3dfcb;font-size:17px}.supply-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.supply-tags span{font-size:12px;border:1px solid #6b8061;padding:7px 12px;color:#c2d6b4}.brand-supply .supply-note{font-size:13px;margin-top:25px;color:#a6bc98}.brand-contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.brand-contact h3{font-size:32px;margin-bottom:16px}.brand-contact p{color:#6c7c62;margin-bottom:15px}.brand-contact a{display:block;font-size:18px;margin-top:8px}.brand-contact a:hover{color:var(--red)} @media(max-width:1100px){.partner-wall{--brand-cols:3;grid-template-columns:repeat(3,minmax(0,1fr))}.brand-page-hero{gap:45px}.brand-page-visual{padding:25px}.brand-page-logobox{height:220px}.brand-supply,.brand-contact{gap:45px}} @media(max-width:640px){.partner-wall{--brand-cols:2;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px;max-height:594px}.partner-tile{height:190px;min-height:0}.partner-logo{height:140px;padding:22px 18px}.partner-logo img{max-height:65px}.partner-foot{margin:0 13px;padding:12px 0;font-size:12px}.brand-pagination{align-items:start;flex-direction:column}.brand-page-hero,.brand-supply,.brand-contact{grid-template-columns:1fr;gap:35px}.brand-page-hero{padding-top:35px}.brand-page-visual{position:static;padding:22px}.brand-page-logobox{height:150px;margin-bottom:20px}.brand-page-logobox img{max-height:100px}.brand-page-visual>p{font-size:28px}.brand-page-intro h1{font-size:58px}.brand-page-lead{font-size:20px}.brand-page-actions{flex-direction:column}.brand-page-actions .button{width:100%}.back-to-partners{font-size:12px}.brand-breadcrumb{padding:22px 6% 0;font-size:12px}} @media(prefers-reduced-motion:reduce){.partner-wall{scroll-behavior:auto}} .partner-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.partner-overlay strong{overflow-wrap:anywhere} /* All five operational domains in one row. */ .sector-grid-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.sector-card-five{height:435px;border-bottom:4px solid var(--sector-color)}.sector-card-five img{filter:none;object-position:center top}.sector-card-five:after{background:linear-gradient(180deg,#08121165,transparent 25%,transparent 65%,#08121150)}.sector-card-five .card-index{font-size:10px;letter-spacing:1px;top:20px;left:17px;right:12px;line-height:1.5;text-shadow:0 1px 8px #000}.sector-card-five>div{background:var(--sector-color);color:var(--sector-text);left:0;right:0;bottom:0;padding:20px 17px 15px;min-height:145px}.sector-card-five h3{font-size:34px;margin-bottom:10px}.sector-card-five p{color:var(--sector-text);opacity:.85;font-size:13px;line-height:1.45;min-height:38px}.sector-card-five .card-link{color:var(--sector-text);border-top:1px solid currentColor;font-size:11px;margin-top:14px;padding-top:10px;opacity:.9}.sector-scroll-hint{display:none;font-size:12px;color:#adb9b0;margin-top:18px}.sector-card-five:hover img{transform:scale(1.04)} @media(max-width:1100px){.sector-grid-five{grid-template-columns:repeat(5,minmax(210px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#647a67 #19241c;padding-bottom:12px}.sector-card-five{height:410px;scroll-snap-align:start}.sector-scroll-hint{display:block}} @media(max-width:640px){.sector-grid-five{grid-template-columns:repeat(5,235px);gap:14px}.sector-card-five{height:420px}.sector-card-five h3{font-size:36px}.sector-card-five .card-index{left:17px}.sector-card-five>div{left:0;padding:20px 17px 15px}} /* Centered navigation, unified TECHPLANET wordmark and five category squares. */ .logo{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;line-height:1;letter-spacing:-1.1px;flex-shrink:0}.logo .logo-wordmark{font-size:28px;font-weight:800;line-height:1}.logo .logo-squares{display:flex;gap:5px;align-items:center;justify-content:center;line-height:1}.logo .logo-squares i{display:block;flex:none;width:6px;height:6px;margin:0} header{display:grid;grid-template-columns:minmax(200px,1fr) auto minmax(200px,1fr);column-gap:20px}header>.logo{justify-self:start;grid-column:1}header>nav{grid-column:2;justify-content:center;gap:26px}header>.menu{grid-column:3;justify-self:end}header>.back-to-partners{grid-column:2;justify-self:center} footer{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:21px;padding:55px 7% 32px}footer>.logo{align-self:center}footer>p,footer small{text-align:center}footer>div{justify-content:center;flex-wrap:wrap;gap:27px}footer .credits{text-align:center!important;margin:10px auto 0;max-width:760px} @media(max-width:1100px){header{grid-template-columns:1fr auto;gap:20px}header>.menu{grid-column:2;display:block}header>nav{display:none;position:absolute;top:86px;left:0;right:0;background:#141b18;flex-direction:column;align-items:center;padding:27px 6%;font-size:16px;gap:22px;border-bottom:1px solid #ffffff20}header>nav.open{display:flex}header>.back-to-partners{grid-column:2;justify-self:end}.brand-page header{grid-template-columns:1fr auto}} @media(max-width:640px){.logo .logo-wordmark{font-size:24px}.logo .logo-squares{gap:4px}.logo .logo-squares i{width:5px;height:5px}header>nav{top:72px}footer{padding:42px 6% 30px;gap:20px}footer>p,footer small{text-align:center}footer>div{justify-content:center;gap:24px}} /* Header content grouped nearer the center, with logo left and menu right. */ header{display:flex;justify-content:space-between;align-items:center;padding-left:max(6%,calc((100% - 1080px)/2));padding-right:max(6%,calc((100% - 1080px)/2));gap:35px}header>nav{justify-content:flex-end;gap:24px}header>.logo{align-self:center}header>.back-to-partners{margin-left:auto} @media(max-width:1100px){header{padding-left:7%;padding-right:7%;gap:20px}header>nav{align-items:center;justify-content:center;gap:22px}} @media(max-width:640px){header{padding-left:6%;padding-right:6%}} header>nav{gap:17px}.nav-number{font-size:11px;font-weight:500;color:#96a296;margin-right:4px;letter-spacing:.5px}header>nav a:hover .nav-number{color:#9fb9a7} @media(max-width:1100px){header>nav{gap:22px}.nav-number{font-size:12px;margin-right:7px}} /* Brand introduction: full-width photograph, details on the right. */ .brand-background-section{position:relative;isolation:isolate;background:#15221b;color:#fff;overflow:hidden} .brand-background-photo,.brand-background-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1} .brand-background-photo{object-fit:cover;object-position:28% center} .brand-background-section[data-brand-hero="v1"] .brand-background-photo{object-position:center center} .brand-background-section[data-brand-hero="v1"] .brand-background-shade{background:linear-gradient(90deg,rgba(8,18,14,.12) 0%,rgba(8,18,14,.18) 38%,rgba(8,18,14,.76) 58%,rgba(8,18,14,.92) 100%)} @media(max-width:700px){.brand-background-section[data-brand-hero="v1"] .brand-background-photo{object-position:28% center}.brand-background-section[data-brand-hero="v1"] .brand-background-shade{background:rgba(8,18,14,.82)}} .brand-background-shade{background:linear-gradient(90deg,rgba(8,18,14,.22) 0%,rgba(8,18,14,.55) 35%,rgba(8,18,14,.94) 65%,rgba(8,18,14,.96) 100%)} .brand-background-section .brand-breadcrumb{position:relative;color:#d2dcd4} .brand-background-section .brand-breadcrumb a:hover{color:#fff} .brand-background-section .brand-page-hero{display:flex;justify-content:flex-end;min-height:680px;align-items:center;padding-top:65px;padding-bottom:85px} .brand-background-section .brand-page-intro{width:55%;max-width:680px} .brand-background-section .eyebrow.dark{color:#d3ddd6} .brand-background-section .brand-page-intro h1{color:#fff} .brand-background-section .brand-page-lead{color:#f3f5f3} .brand-background-section .brand-page-copy p{color:#d7e0d9} .brand-background-section .phone-button{color:#fff;border-color:#a8b6ac;background:rgba(10,23,17,.25)} .brand-background-section .phone-button:hover{background:rgba(255,255,255,.13)} @media(max-width:1100px){.brand-background-section .brand-page-intro{width:64%}.brand-background-shade{background:linear-gradient(90deg,rgba(8,18,14,.4),rgba(8,18,14,.94) 65%)}} @media(max-width:640px){.brand-background-section .brand-page-hero{min-height:0;padding-top:45px;padding-bottom:60px}.brand-background-section .brand-page-intro{width:100%;max-width:none}.brand-background-shade{background:rgba(8,18,14,.85)}.brand-background-photo{object-position:28% center}.brand-background-section .brand-page-intro h1{font-size:clamp(42px,12vw,58px)}} /* Compact Delta Fire introduction. */ .delta-fire-page .brand-background-section{height:600px;max-height:600px} .delta-fire-page .brand-breadcrumb{padding-top:18px;font-size:12px} .delta-fire-page .brand-background-section .brand-page-hero{min-height:0;height:calc(600px - 38px);padding-top:24px;padding-bottom:32px} .delta-fire-page .brand-background-section .brand-page-intro{width:59%;max-width:720px} .delta-fire-page .brand-page-intro .eyebrow{margin-bottom:14px} .delta-fire-page .brand-page-intro h1{font-size:clamp(48px,4.6vw,68px);margin-bottom:18px} .delta-fire-page .brand-page-lead{font-size:18px;line-height:1.5;margin-bottom:16px} .delta-fire-page .brand-page-copy p{font-size:16px;line-height:1.55;margin-bottom:12px} .delta-fire-page .brand-page-actions{margin-top:20px} @media(max-width:1100px){.delta-fire-page .brand-background-section .brand-page-intro{width:75%}} @media(max-width:760px){.delta-fire-page .brand-background-section{height:auto;max-height:none}.delta-fire-page .brand-background-section .brand-page-hero{height:auto;padding-top:30px;padding-bottom:40px}.delta-fire-page .brand-background-section .brand-page-intro{width:100%}.delta-fire-page .brand-background-shade{background:rgba(8,18,14,.85)}} /* More photograph, compact category color bands. */ .sector-card-five{--sector-band-height:120px} .sector-card-five img{height:calc(100% - var(--sector-band-height));display:block} .sector-card-five>div{height:var(--sector-band-height);min-height:0;padding:12px 17px 10px;display:flex;flex-direction:column} .sector-card-five h3{font-size:30px;margin-bottom:4px} .sector-card-five p{font-size:12px;line-height:1.35;min-height:0} .sector-card-five .card-link{margin-top:auto;padding-top:6px;font-size:11px;line-height:1.4} @media(max-width:640px){.sector-card-five{--sector-band-height:124px}.sector-card-five>div{padding:12px 17px 10px}.sector-card-five h3{font-size:32px}} /* Left wordmark, right navigation and B2B access. */ header{padding-left:4%;padding-right:4%;gap:24px}header>nav{gap:20px}.nav-b2b{background:#24392c;color:#fff;padding:11px 18px}.nav-b2b:hover{color:#fff;background:#355540}.contact-b2b{border:1px solid #ffffffa0;color:#fff;margin-left:12px}.contact-b2b:hover{background:#ffffff18}.news{background:#f3f3ef}.news-all{font-size:14px;border-bottom:1px solid #a1aca2;padding-bottom:5px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.news-card{display:flex;flex-direction:column;border:1px solid #d6ddd3;background:#fff}.news-image{height:240px;overflow:hidden;background:#e4e9e0}.news-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.news-card:hover .news-image img{transform:scale(1.04)}.news-copy{padding:25px;display:flex;flex:1;flex-direction:column}.news-copy time{font-size:13px;color:#737f72}.news-copy h3{font-size:34px;margin:14px 0}.news-copy p{font-size:16px;color:#61705e;line-height:1.55}.news-copy>span{font-size:14px;color:#24392c;font-weight:600;margin-top:auto;padding-top:23px} .b2b-intro{background:#1b2921;color:#fff;padding-top:65px;padding-bottom:55px}.b2b-intro h1{font-size:clamp(60px,6vw,90px);max-width:950px}.b2b-intro h1 span{color:#a7ba9a}.b2b-intro>p:not(.eyebrow){max-width:740px;margin-top:25px;color:#d1ded1;font-size:20px;line-height:1.6}.b2b-benefits{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.b2b-benefits span{border:1px solid #6e826c;font-size:14px;padding:7px 13px;color:#d9e6d4}.b2b-form-section{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:70px;align-items:start}.form-heading{display:flex;gap:20px;margin-bottom:25px;align-items:start}.form-heading:not(:first-child){margin-top:48px}.form-heading>span{font-family:'Barlow Condensed',Arial;font-size:36px;color:#24392c;line-height:1}.form-heading h2{font-size:36px;letter-spacing:0}.form-heading p{font-size:14px;color:#697663;margin-top:9px}.b2b-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.b2b-fields label,.item-fields label{display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:8px;color:#344232}.b2b-fields input,.b2b-fields select,.b2b-fields textarea,.item-fields input,.item-fields select{font:16px Barlow,Arial,sans-serif;color:#172219;padding:13px 14px;border:1px solid #bfcaba;background:#fff;border-radius:0;width:100%;min-width:0}.b2b-fields input:focus,.b2b-fields select:focus,.b2b-fields textarea:focus,.item-fields input:focus,.item-fields select:focus{outline:2px solid #4d785c;outline-offset:2px}.field-full{grid-column:1/-1}.b2b-fields textarea{resize:vertical;line-height:1.5}.b2b-item{background:#e6ece1;border:1px solid #d2ddcb;padding:20px;margin-bottom:14px}.item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.item-top strong{font-size:16px}.remove-item{font-size:14px;color:#24392c;background:none;border:0;padding:3px 0}.remove-item:disabled{visibility:hidden}.item-fields{display:grid;grid-template-columns:minmax(0,1fr) 105px 110px;gap:14px}.add-item{background:#fff;border:1px solid #9eaf97;color:#253c2a;padding:11px 18px;font-size:16px}.add-item:hover{background:#dce7d7}.b2b-submit{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.b2b-submit .button{border:0;font-size:16px}.b2b-submit .b2b-download{background:transparent;border:1px solid #a9b6a1;color:#253b28}.b2b-email-note{font-size:14px;line-height:1.6;color:#63745d;margin-top:20px;max-width:740px}.b2b-email-note a{color:#24392c;text-decoration:underline}#b2b-status{font-size:16px;color:#284a2c;margin-top:18px}.b2b-help{position:sticky;top:120px;border-top:3px solid #24392c;padding-top:25px}.b2b-help h3{font-size:32px;margin-bottom:18px}.b2b-help p:not(.eyebrow){font-size:16px;color:#687962;margin-bottom:25px}.b2b-help strong,.b2b-help>a{display:block;margin-top:10px;font-size:16px}.b2b-help>a:hover{color:#24392c}.b2b-help-note{border-top:1px solid #ccd6c6;margin-top:28px;padding-top:22px;color:#6a7b64;font-size:14px} @media(max-width:1250px){header>.menu{display:block}header>nav{display:none;position:absolute;top:86px;left:0;right:0;background:#141b18;flex-direction:column;align-items:center;justify-content:center;padding:24px 6%;gap:18px;max-height:calc(100svh - 86px);overflow-y:auto}header>nav.open{display:flex}.b2b-form-section{gap:35px;grid-template-columns:minmax(0,1fr) 260px}} @media(max-width:900px){.b2b-form-section{grid-template-columns:1fr}.b2b-help{position:static;max-width:650px}.news-image{height:190px}.news-copy{padding:20px}.news-copy h3{font-size:29px}} @media(max-width:640px){header{padding-left:6%;padding-right:6%}header>nav{top:72px;max-height:calc(100svh - 72px)}.news-grid{grid-template-columns:1fr}.news-image{height:230px}.contact-b2b{margin-left:0;margin-top:12px;display:flex;max-width:300px}.b2b-intro{padding-top:45px;padding-bottom:40px}.b2b-intro h1{font-size:60px}.b2b-intro>p:not(.eyebrow){font-size:18px}.b2b-fields{grid-template-columns:1fr;gap:18px}.item-fields{grid-template-columns:1fr 1fr}.item-fields>label:first-child{grid-column:1/-1}.b2b-item{padding:16px}.form-heading{gap:14px}.form-heading h2{font-size:32px}.b2b-submit{flex-direction:column}.b2b-submit .button{width:100%}} .b2b-upload{border:1px dashed #9bad93;padding:26px;background:#eaf0e6;min-width:0}.b2b-upload.dragging{outline:2px solid #4d785c;background:#d9e7d2}.b2b-upload p{font-size:14px;line-height:1.5;color:#596953;margin:10px 0}.b2b-upload input{max-width:100%;font-size:14px}.b2b-upload ul{padding-left:20px;font-size:14px;overflow-wrap:anywhere;line-height:1.7}.b2b-upload #file-error{color:#24392c}.b2b-consents{margin-top:25px;padding:22px;background:#e6ece1;border:1px solid #d2ddcb}.b2b-consents label{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.6;margin-bottom:16px}.b2b-consents input{width:18px;height:18px;flex:0 0 18px;margin-top:3px;accent-color:#4d785c}.b2b-consents p{font-size:14px;line-height:1.6;color:#596953}.b2b-consents a{text-decoration:underline}.b2b-help-content a{overflow-wrap:anywhere} /* Compact B2B layout with native date controls contained on mobile. */ .b2b-page .b2b-intro{padding-top:38px;padding-bottom:32px}.b2b-intro>p:not(.eyebrow){margin-top:16px}.b2b-benefits{margin-top:18px}.b2b-page .b2b-form-section{padding-top:36px;padding-bottom:40px;gap:40px}.b2b-page .form-heading{margin-bottom:16px;gap:14px}.b2b-page .form-heading:not(:first-child){margin-top:28px}.b2b-page .form-heading p{margin-top:5px}.b2b-page .b2b-fields{gap:14px 18px}.b2b-fields label,.item-fields label{gap:6px}.b2b-page .b2b-item{padding:15px;margin-bottom:10px}.b2b-page .item-top{margin-bottom:10px}.b2b-page .b2b-upload{padding:18px}.b2b-page .b2b-consents{margin-top:18px;padding:16px}.b2b-page .b2b-consents label{margin-bottom:10px}.b2b-page .b2b-submit{margin-top:20px}.b2b-page .b2b-email-note{margin-top:12px}.b2b-page #b2b-form,.b2b-fields>*,.item-fields>*{min-width:0}.b2b-fields input,.b2b-fields select,.b2b-fields textarea{box-sizing:border-box;max-width:100%;padding:11px 12px}.b2b-fields input[type="date"]{display:block;appearance:none;-webkit-appearance:none;width:100%;min-width:0;min-inline-size:0;max-inline-size:100%;min-height:46px}.b2b-fields input[type="date"]::-webkit-date-and-time-value{text-align:left;min-width:0}.b2b-fields input[type="date"]::-webkit-datetime-edit{min-width:0;padding:0}@media(max-width:900px){.b2b-page .b2b-form-section{gap:28px}} .gallery{background:#101715;color:#fff}.gallery .eyebrow{color:#b3c3b3}.gallery h2 span{color:#a4b99d}.gallery-intro{max-width:300px;color:#b3bfb5;font-size:16px;line-height:1.6}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:240px;gap:14px}.gallery-tile{position:relative;overflow:hidden;border:0;padding:0;background:#1b2420;text-align:left;color:#fff;cursor:pointer;min-width:0}.gallery-tile.featured{grid-column:span 2;grid-row:span 2}.gallery-tile.wide{grid-column:span 2}.gallery-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gallery-tile.equipment img{object-fit:contain;background:#fff;padding:16px}.gallery-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.8));pointer-events:none}.gallery-tile:hover img{transform:scale(1.045)}.gallery-tile:focus-visible{outline:3px solid #36c2cb;outline-offset:4px}.gallery-caption{position:absolute;bottom:22px;left:22px;right:50px;z-index:1}.gallery-caption small{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px;color:#d0dccd}.gallery-caption strong{font-size:22px;line-height:1.15;display:block}.gallery-tile.featured strong{font-size:32px}.gallery-expand{position:absolute;right:18px;bottom:20px;z-index:1;font-size:28px;line-height:1}.gallery-note{font-size:14px;color:#9aa99c;margin-top:20px}#gallery-viewer{background:#080c0a;color:#fff;border:1px solid #39483b;width:min(1100px,94vw);max-width:94vw;padding:46px 20px 20px;max-height:94svh;overflow:auto}#gallery-viewer::backdrop{background:rgba(0,0,0,.9)}#gallery-viewer figure{margin:0}#gallery-full{display:block;width:100%;height:70svh;max-height:740px;object-fit:contain}#gallery-full-caption{font-size:18px;text-align:center;padding-top:16px}.gallery-close{position:absolute;right:14px;top:7px;color:#fff;background:none;border:0;font-size:32px;padding:0 10px}.gallery-controls{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:18px}.gallery-controls button{color:#fff;background:#24352a;border:1px solid #58715a;padding:10px 16px;font-size:14px}.gallery-controls span{font-size:14px;color:#b7c5b8}@media(max-width:1000px){.gallery-grid{grid-auto-rows:200px}.gallery-caption{left:15px;bottom:15px}.gallery-caption strong{font-size:20px}}@media(max-width:640px){.gallery .section-top{display:block}.gallery-intro{margin-top:18px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:210px;gap:10px}.gallery-tile.featured{grid-row:span 1;grid-column:span 2}.gallery-tile.featured strong{font-size:26px}.gallery-caption strong{font-size:18px}.gallery-caption small{font-size:12px;letter-spacing:1px}.gallery-tile.wide{grid-column:span 1}#gallery-full{height:62svh}.gallery-controls{gap:14px}} /* Numărul 5: compact vertical spacing across the site. */ .section,.about{padding-top:60px;padding-bottom:60px} .eyebrow{margin-bottom:16px} .section-top,.partners-heading{margin-bottom:28px} .hero{height:min(650px,calc(100svh - 86px));min-height:560px} .hero-content{padding-top:54px;padding-bottom:82px} .hero-description{margin-top:27px} .hero-actions{margin-top:24px} .sector-strip a{padding-top:16px;padding-bottom:16px} .about-copy .lead{margin-bottom:16px} .mini-facts{margin-top:22px;padding-top:17px} .filters{margin-bottom:20px} .portfolio-grid{row-gap:12px} .product{min-height:250px;padding-top:22px;padding-bottom:22px} .product .category{margin-top:24px} .product h3{margin-top:8px;margin-bottom:10px} .product .learn{padding-top:16px} .steps article{padding-top:17px} .steps h3{margin-top:14px;margin-bottom:10px} .brand-pagination{margin-top:14px} .brand-note,.gallery-note{margin-top:14px} .contact>div>p:not(.eyebrow){margin-top:18px;margin-bottom:22px} .contact aside h3{margin-top:13px;margin-bottom:13px} .contact aside a{margin-top:13px} .contact-note{margin-top:22px} footer{padding-top:32px;padding-bottom:24px;gap:14px} footer .credits{margin-top:4px} .brand-breadcrumb{padding-top:18px} .brand-background-section .brand-page-hero{min-height:520px;padding-top:38px;padding-bottom:42px} .brand-page-intro h1{margin-bottom:18px} .brand-page-lead{margin-bottom:16px} .brand-page-copy p{margin-bottom:12px} .brand-page-actions{margin-top:20px} .brand-supply,.brand-contact{padding-top:48px;padding-bottom:48px} .brand-supply p,.brand-contact p{margin-bottom:14px} .supply-tags{margin-top:16px;margin-bottom:16px} dialog{padding-top:40px;padding-bottom:35px} dialog h2{margin-bottom:18px} .detail-brands{margin-top:18px;margin-bottom:18px;padding-top:14px;padding-bottom:14px} .brand-detail-logo{margin-bottom:16px} .b2b-page .b2b-intro{padding-top:28px;padding-bottom:26px} .b2b-intro>p:not(.eyebrow){margin-top:12px} .b2b-benefits{margin-top:14px} .b2b-page .b2b-form-section{padding-top:28px;padding-bottom:30px} .b2b-page .form-heading{margin-bottom:12px} .b2b-page .form-heading:not(:first-child){margin-top:22px} .b2b-page .b2b-fields{row-gap:12px} .b2b-page .b2b-consents{margin-top:14px} .b2b-page .b2b-submit{margin-top:16px} .b2b-help{padding-top:18px} .b2b-help h3{margin-bottom:12px} .b2b-help p:not(.eyebrow){margin-bottom:16px} .b2b-help-note{margin-top:18px;padding-top:16px} @media(max-width:900px){.section,.about{padding-top:44px;padding-bottom:44px}.about,.brand-supply,.brand-contact{row-gap:26px}} @media(max-width:640px){.section,.about{padding-top:36px;padding-bottom:36px}.eyebrow{margin-bottom:14px}.section-top,.partners-heading{margin-bottom:22px;row-gap:16px}.hero{min-height:640px;height:auto}.hero-content{padding-top:48px;padding-bottom:110px}.hero-description{margin-top:25px}.hero-actions{margin-top:22px;gap:14px}.sector-strip a{padding-top:14px;padding-bottom:14px}.about,.contact{row-gap:24px}.product{min-height:225px;padding-top:20px;padding-bottom:20px}.steps{row-gap:22px}.contact aside{padding-top:18px}footer{padding-top:28px;padding-bottom:22px;gap:12px}.brand-background-section .brand-page-hero{min-height:0;padding-top:28px;padding-bottom:34px}.brand-page-actions{gap:10px}.brand-supply,.brand-contact{padding-top:34px;padding-bottom:34px;row-gap:24px}.b2b-page .b2b-form-section{padding-top:24px;padding-bottom:28px}.gallery-intro{margin-top:12px}dialog{padding-top:36px;padding-bottom:28px}} /* Delta Fire pilot: ten product groups immediately below contact actions. */ .delta-product-range{margin-top:18px;border-top:1px solid #ffffff30;padding-top:12px}.delta-product-range h2{font-family:Barlow,Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:0;margin-bottom:10px;color:#d4dfd5}.delta-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.delta-product-grid a{display:flex;gap:7px;align-items:flex-start;padding:9px 8px;min-height:59px;border:1px solid #ffffff26;background:#15261bd9;color:#edf3eb;font-size:13px;line-height:1.3;transition:background .2s,border-color .2s}.delta-product-grid a:hover{background:#263d2d;border-color:#b0c3a2}.delta-product-number{font-size:11px;line-height:1.6;color:#a5b8a8;flex-shrink:0}.delta-product-grid a:focus-visible{outline:2px solid #fff;outline-offset:3px}.delta-fire-page .brand-background-section{height:auto;min-height:600px;max-height:none}.delta-fire-page .brand-background-section .brand-page-hero{height:auto;min-height:562px;padding-top:24px;padding-bottom:28px}.delta-fire-page .brand-background-section .brand-page-intro{width:64%;max-width:850px}.delta-fire-page .brand-page-copy p{margin-bottom:8px}.delta-fire-page .brand-page-lead{margin-bottom:12px}.delta-fire-page .brand-page-intro h1{margin-bottom:14px}.delta-fire-page .brand-page-actions{margin-top:14px}@media(max-width:1100px){.delta-fire-page .brand-background-section .brand-page-intro{width:82%;max-width:none}.delta-product-grid a{font-size:13px}}@media(max-width:760px){.delta-fire-page .brand-background-section{min-height:0}.delta-fire-page .brand-background-section .brand-page-hero{min-height:0}.delta-fire-page .brand-background-section .brand-page-intro{width:100%}.delta-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.delta-product-grid a{min-height:54px;font-size:14px}.delta-product-range{margin-top:20px}} /* Main product ranges on all partner pages. */ .brand-product-range{margin-top:18px;border-top:1px solid #ffffff30;padding-top:12px}.brand-product-range h2{font-family:Barlow,Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:0;margin-bottom:10px;color:#d4dfd5}.brand-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.brand-product-item{display:flex;gap:7px;align-items:flex-start;padding:9px 8px;min-height:59px;border:1px solid #ffffff26;background:#15261bd9;color:#edf3eb;font-size:13px;line-height:1.3}.brand-product-number{font-size:11px;line-height:1.6;color:#a5b8a8;flex-shrink:0}.brand-catalog-link{display:inline-block;font-size:13px;line-height:1.5;color:#d7e3d2;border-bottom:1px solid #ffffff50;margin-top:12px}.brand-catalog-link:hover{color:#fff;border-color:#fff}.brand-range-pending{font-size:16px;line-height:1.5;color:#d7e0d9}.brand-background-section .brand-page-intro{width:64%;max-width:850px}@media(max-width:1100px){.brand-background-section .brand-page-intro{width:82%;max-width:none}}@media(max-width:760px){.brand-background-section .brand-page-intro{width:100%}.brand-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-product-item{font-size:14px;min-height:54px}.brand-product-range{margin-top:20px}} /* Manufacturer product links */ a.brand-product-item{color:inherit;text-decoration:none;transition:background .2s,border-color .2s} a.brand-product-item:hover{background:#263d2d;border-color:#b0c3a2} a.brand-product-item:focus-visible{outline:2px solid #fff;outline-offset:3px} .portfolio-brand-link{color:inherit;text-decoration:underline;text-underline-offset:4px}.portfolio-brand-link:hover{color:#24392c}.portfolio-brand-link:focus-visible{outline:2px solid #24392c;outline-offset:4px}.partner-tile.portfolio-brand-highlight{outline:3px solid #24392c;outline-offset:-3px} /* HOLIK product collection */ .holik-collection{background:#fff;color:#111516}.holik-collection-heading{margin-bottom:28px}.holik-collection-heading h2{font-size:clamp(32px,4vw,52px)}.holik-product-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;row-gap:0}.holik-product-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:28px 0;border-top:1px solid #dfe5e0}.holik-product-image{display:flex;align-items:flex-start;justify-content:center;padding-top:12px}.holik-product-image img{width:100%;height:220px;object-fit:contain;transition:transform .25s}.holik-product-category{font-size:12px;font-weight:600;letter-spacing:1px;color:#4d785c;margin-bottom:6px}.holik-product-info h3{font-size:28px;line-height:1.15;margin:0 0 14px}.holik-product-description{font-size:16px;line-height:1.6;margin-bottom:16px;color:#405045}.holik-product-features{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 18px;padding:0}.holik-product-features li{font-size:14px;line-height:1.35;background:#f1f5f2;border:1px solid #dbe5dd;padding:6px 9px;color:#314638}.holik-product-link{display:inline-block;font-size:14px;font-weight:600;border-bottom:1px solid #4d785c;padding-bottom:3px}.holik-product-link:hover,.holik-product-info h3 a:hover{color:#4d785c}.holik-product-card a:focus-visible{outline:2px solid #4d785c;outline-offset:4px}@media(max-width:1100px){.holik-product-card{grid-template-columns:115px minmax(0,1fr);gap:14px}.holik-product-catalog{column-gap:24px}.holik-product-image img{height:190px}}@media(max-width:760px){.holik-product-catalog{grid-template-columns:1fr}.holik-product-card{grid-template-columns:110px minmax(0,1fr);padding:24px 0}.holik-product-info h3{font-size:26px}}@media(max-width:420px){.holik-product-card{grid-template-columns:1fr}.holik-product-image img{height:180px;width:180px}.holik-product-image{padding:0}.holik-product-description{font-size:16px}} .holik-switch{background:#fff;padding-top:30px;padding-bottom:0}.holik-tabs{display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid #dfe5e0;padding-bottom:16px}.holik-tabs button{background:#fff;border:1px solid #b8c9bd;padding:12px 20px;font-size:16px;font-weight:600;color:#314638}.holik-tabs button[aria-selected="true"]{background:#4d785c;color:#fff;border-color:#4d785c}.holik-tabs button:hover{border-color:#4d785c}.holik-tabs button:focus-visible{outline:2px solid #4d785c;outline-offset:4px}.holik-switch+.holik-collection{padding-top:30px}.holik-collection[hidden],.holik-switch[hidden]{display:none!important}@media(max-width:500px){.holik-tabs{gap:8px}.holik-tabs button{flex:1;padding:10px 12px;font-size:15px}} /* Uniform product photography across all HOLIK collections. */ .holik-product-image{align-items:center;padding:0;width:100%;height:220px}.holik-product-image img{display:block;width:100%;max-width:150px;height:220px;object-fit:contain;object-position:center;transition:none}@media(max-width:1100px){.holik-product-image,.holik-product-image img{height:190px}.holik-product-image img{max-width:115px}}@media(max-width:760px){.holik-product-image img{max-width:110px}}@media(max-width:420px){.holik-product-image,.holik-product-image img{height:200px}.holik-product-image img{width:150px;max-width:150px}} /* Match the visible glove height rather than the source image canvas. */ .holik-product-card{grid-template-columns:252px minmax(0,1fr)} .holik-product-image{position:relative;display:block;width:252px;max-width:100%;height:180px;overflow:hidden;margin:8px auto 0} .holik-product-image img{position:absolute;display:block;width:calc(180px * var(--photo-w));height:calc(180px * var(--photo-h));max-width:none;left:calc(50% - 180px * var(--photo-x));top:calc(-180px * var(--photo-y));object-fit:fill} @media(max-width:1100px){.holik-product-catalog{grid-template-columns:1fr}.holik-product-card{grid-template-columns:252px minmax(0,1fr)}} @media(max-width:600px){.holik-product-card{grid-template-columns:1fr}.holik-product-image{margin:0 auto 8px}} .delta-product-collection .holik-product-image img{position:absolute;max-width:none;object-fit:fill}.delta-product-collection .holik-product-image{height:180px} .delta-product-flow{font-size:15px;line-height:1.55;margin:12px 0 0;padding:10px 12px;background:#f1f5f2;border-left:3px solid #4d785c;color:#314638}.delta-product-flow strong{font-weight:700} .pentagon-product-collection .holik-product-catalog{grid-template-columns:1fr;max-width:1000px}.pentagon-product-collection .holik-product-card{grid-template-columns:300px minmax(0,1fr);gap:36px}.pentagon-product-collection .holik-product-image{width:280px;height:280px;margin:0 auto}.pentagon-product-collection .holik-product-image img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain}.pentagon-photo-choices{display:flex;justify-content:center;gap:6px;margin-top:12px}.pentagon-photo-choice{padding:3px;width:50px;height:50px;border:1px solid #d3ddcb;background:white;cursor:pointer}.pentagon-photo-choice[aria-pressed="true"]{border:2px solid #4d785c}.pentagon-photo-choice img{width:100%;height:100%;object-fit:contain}.pentagon-product-code{font-size:13px;color:#697760;margin:0 0 12px}@media(max-width:600px){.pentagon-product-collection .holik-product-card{grid-template-columns:1fr;gap:22px}.pentagon-product-collection .holik-product-image{width:240px;height:240px}} .mtac-product-collection .holik-product-image img{position:absolute;max-width:none;object-fit:fill} /* Product collections mega menu */ .header-brand-group{display:flex;align-items:center;gap:22px;flex-shrink:0}.products-menu-toggle{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid #ffffff50;color:white;padding:10px 13px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.products-menu-toggle span{font-size:20px;line-height:1}.products-menu-toggle[aria-expanded="true"]{background:#24392c;border-color:#24392c}.products-menu{position:absolute;top:100%;left:0;right:0;background:white;color:#172018;border-bottom:4px solid #24392c;padding:22px max(4%,calc((100% - 1320px)/2)) 30px;box-shadow:0 18px 35px #0004;max-height:calc(100svh - 86px);overflow:auto}.products-menu[hidden]{display:none}.products-menu-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.products-menu-heading>span{font-size:12px;letter-spacing:1.5px;color:#687461}.products-menu-close{border:0;background:transparent;font-size:30px;line-height:1;color:#172018;cursor:pointer;padding:4px 10px}.products-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.products-menu-category{min-width:0}.products-menu-category summary{font-size:19px;font-weight:700;list-style:none;border-bottom:1px solid #dce2d8;padding-bottom:12px;pointer-events:none}.products-menu-category summary::-webkit-details-marker{display:none}.products-menu-photo{display:block;width:100%;height:100px;object-fit:contain;margin:14px 0}.products-menu-category a{display:flex;flex-direction:column;gap:3px;padding:12px 0;border-bottom:1px solid #e7ebe3;font-size:15px;line-height:1.4}.products-menu-category a small{font-size:12px;color:#71806b}.products-menu-category a:hover{color:#24392c}.products-menu-toggle:focus-visible,.products-menu a:focus-visible,.products-menu summary:focus-visible{outline:2px solid #36c2cb;outline-offset:4px}.holik-collection[id]{scroll-margin-top:100px} @media(min-width:1201px){header:has(.header-brand-group){gap:20px;padding-left:3%;padding-right:3%}header:has(.header-brand-group) nav{gap:16px;font-size:12px}.header-brand-group{gap:16px}.header-brand-group .logo-wordmark{font-size:26px}} @media(max-width:1200px){header:has(.header-brand-group) nav{display:none}header:has(.header-brand-group) nav.open{display:flex}header:has(.header-brand-group) button.menu{display:block}.header-brand-group{gap:18px}} @media(max-width:700px){.header-brand-group{gap:12px}.header-brand-group .logo-wordmark{font-size:23px}.products-menu-toggle{padding:8px;font-size:13px;gap:6px}.products-menu-grid{grid-template-columns:1fr;gap:0}.products-menu-category summary{pointer-events:auto;cursor:pointer;font-size:17px;padding:16px 0;display:flex;justify-content:space-between}.products-menu-category summary:after{content:'+'}.products-menu-category[open] summary:after{content:'−'}.products-menu-photo{display:none}.products-menu-category a{padding:12px}.products-menu{padding:14px 6% 24px;max-height:calc(100svh - 72px)}.products-menu-heading{margin-bottom:0}.products-menu-category[open]{padding-bottom:12px}.holik-collection[id]{scroll-margin-top:86px}} .products-search{display:block;margin:0 0 24px;max-width:560px}.products-search>span{display:block;font-size:14px;margin-bottom:8px;font-weight:600}.products-search input{width:100%;box-sizing:border-box;border:1px solid #c6d0c1;background:#f7f9f5;padding:12px 14px;font:inherit;font-size:16px;color:#172018}.products-navigation-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px}.products-category-list{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow:auto;border-right:1px solid #dce2d8;padding-right:16px}.products-category-list button{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;border:0;background:transparent;padding:15px 12px;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;color:#24352a}.products-category-list button[aria-selected="true"]{background:#24392c;color:white}.products-category-list button span{font-size:12px;opacity:.7}.products-content-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.products-content-heading h2{font-size:28px;color:#172018;margin:0}.products-content-heading>a{font-size:14px;border-bottom:1px solid #24392c;padding-bottom:4px;color:#24392c}.products-subcategory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.products-subcategory-grid>a{display:flex;flex-direction:column;align-items:flex-start;padding:20px;border:1px solid #dce2d8;min-height:132px;gap:8px;background:#fafbf8}.products-subcategory-grid>a:hover{border-color:#24392c;background:white}.products-subcategory-grid strong{font-size:17px;line-height:1.4}.products-subcategory-grid small{font-size:13px;color:#6b7b64}.products-subcategory-grid span{font-size:13px;margin-top:auto;color:#24392c}.products-no-results{padding:20px 0;color:#64725b}.product-category-page{background:white}.catalog-intro h1{font-size:clamp(38px,5vw,64px);color:#172018;margin:0 0 25px}.catalog-controls{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:24px}.catalog-controls label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#324530;min-width:220px}.catalog-controls input,.catalog-controls select{padding:12px;border:1px solid #bcc8b5;background:white;font-size:16px;color:#24352a;max-width:100%;box-sizing:border-box}.catalog-shortcuts{display:flex!important;position:static!important;background:transparent!important;padding:0!important;justify-content:flex-start;flex-direction:row!important;flex-wrap:wrap;gap:10px!important}.catalog-shortcuts a{padding:10px 14px;border:1px solid #d4ddcc;font-size:14px;color:#324530}.catalog-section{scroll-margin-top:100px}.catalog-section[hidden],.catalog-section article[hidden]{display:none!important}.product-category-page .pentagon-product-gallery .holik-product-image{width:252px;height:220px}.product-category-page .pentagon-product-gallery .holik-product-image img{position:static;width:100%;height:100%;object-fit:contain;max-width:100%} @media(max-width:900px){.products-subcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.products-navigation-layout{grid-template-columns:210px minmax(0,1fr);gap:20px}} @media(max-width:700px){.products-navigation-layout{grid-template-columns:1fr;gap:20px}.products-category-list{max-height:180px;border-right:0;border-bottom:1px solid #dce2d8;padding:0 0 10px}.products-category-list button{padding:12px}.products-content-heading{align-items:flex-start;flex-direction:column;gap:10px}.products-content-heading h2{font-size:24px}.products-subcategory-grid{grid-template-columns:1fr}.products-subcategory-grid>a{min-height:0;padding:16px}.products-subcategory-grid span{display:none}.products-search{margin-bottom:18px}.catalog-controls{flex-direction:column}.catalog-controls label{min-width:0}.catalog-shortcuts{align-items:flex-start!important}.catalog-section{scroll-margin-top:86px}} .product-sku{display:flex;align-items:center;gap:7px;font-size:14px;color:#344733;margin:10px 0 12px}.product-sku strong{font-family:monospace;font-size:15px;letter-spacing:.3px;background:#eef3e9;padding:5px 8px;color:#24392c}.product-manufacturer-code{font-size:13px;color:#687760;margin:0 0 12px}.holik-product-card[data-sku]{scroll-margin-top:105px}.catalog-section article:target{outline:2px solid #4d785c;outline-offset:8px}.products-subcategory-grid .menu-result-sku{font-family:monospace;display:block!important;font-weight:700;color:#24392c;background:#eef3e9;padding:5px 8px} .kong-catalog-controls{padding-bottom:0}.kong-product-collection .holik-product-image img{position:absolute;max-width:none;object-fit:fill} .product-availability-note{font-size:13px;line-height:1.5;padding:10px 12px;border-left:3px solid #24392c;background:#eff4f0;color:#405b48;margin-top:12px}.kong-catalog-controls .catalog-shortcuts{margin-bottom:24px} .brand-page .kong-product-collection{padding-top:30px} .product-availability-note{font-size:13px;line-height:1.5;padding:10px 12px;border-left:3px solid #24392c;background:#eff4f0;color:#405b48;margin-top:12px}.kong-catalog-controls .catalog-shortcuts{margin-bottom:24px} .goodpro-product-collection .holik-product-image img{position:absolute;max-width:none;object-fit:fill} .brandbull-product-collection .holik-product-image img{position:absolute;max-width:none;object-fit:fill} /* Collection navigation remains available on long catalogue pages. */ .collection-sticky-bar,.brand-page .holik-switch{position:sticky;top:var(--sticky-header-height,80px);z-index:80;background:#fff;padding-top:12px;padding-bottom:12px;border-bottom:1px solid #d4ddcc;box-shadow:0 5px 16px #1019160a} .collection-sticky-bar .catalog-shortcuts{flex-wrap:nowrap;overflow-x:auto;align-items:center!important;padding-bottom:3px!important;scrollbar-width:thin} .collection-sticky-bar .catalog-shortcuts a{flex-shrink:0;white-space:nowrap;background:#fff} .brand-page .holik-switch .holik-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin} .brand-page .holik-switch .holik-tabs button{flex-shrink:0;white-space:nowrap} .product-category-page .catalog-section,.brand-page .holik-collection{scroll-margin-top:calc(var(--sticky-header-height,80px) + 84px)} .back-to-top{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:150;display:flex;align-items:center;gap:8px;min-width:64px;min-height:48px;padding:10px 16px;border:1px solid #24392c;background:#24392c;color:#fff;font-family:inherit;font-size:15px;font-weight:700;line-height:1.2;box-shadow:0 4px 18px #0003;cursor:pointer} .back-to-top[hidden]{display:none}.back-to-top:hover{background:#355540}.back-to-top:focus-visible{outline:3px solid #36c2cb;outline-offset:4px}.back-to-top span:first-child{font-size:23px} @media(max-width:600px){.back-to-top{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));min-width:56px;min-height:48px;padding:10px 12px}.collection-sticky-bar,.brand-page .holik-switch{padding-top:8px;padding-bottom:8px}.collection-sticky-bar .catalog-shortcuts a{padding:9px 12px}} /* Keep header menus above sticky collection navigation. */ header{z-index:300} /* Consistent compact spacing on partner pages after removing product ranges. */ .brand-page .brand-background-section{height:auto;min-height:0;max-height:none} .brand-page .brand-background-section .brand-page-hero{height:auto;min-height:0;padding-top:24px;padding-bottom:24px} .brand-page .brand-breadcrumb{padding-top:16px} .brand-page .brand-page-actions{margin-top:16px} .brand-page .brand-page-intro h1{margin-bottom:16px} .brand-page .brand-page-lead{margin-bottom:14px} .brand-page .brand-page-copy p{margin-bottom:10px} .brand-page .brand-page-copy p:last-child{margin-bottom:0} .brand-page .brand-supply,.brand-page .brand-contact{padding-top:32px;padding-bottom:32px} .brand-page .holik-collection{padding-top:24px;padding-bottom:32px} .brand-page .holik-collection-heading{margin-bottom:20px} .brand-page .holik-switch{padding-top:10px;padding-bottom:8px} .brand-page .holik-switch .holik-tabs{margin:0} @media(max-width:700px){.brand-page .brand-background-section .brand-page-hero{padding-top:20px;padding-bottom:20px}.brand-page .brand-supply,.brand-page .brand-contact{padding-top:24px;padding-bottom:24px}.brand-page .holik-collection{padding-top:20px;padding-bottom:24px}.brand-page .holik-collection-heading{margin-bottom:16px}} /* Clean collection tabs without duplicate horizontal separators. */ .brand-page .holik-switch{border-bottom:0;box-shadow:none} .brand-page .holik-switch .holik-tabs{border-bottom:0;padding-bottom:0} /* One title scale for every partner, including Delta Fire. */ .brand-page .brand-background-section .brand-page-intro h1,.brand-page .brand-page-intro h1{font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(42px,5vw,68px);font-weight:700;line-height:1.05;letter-spacing:-.5px;margin-bottom:16px} @media(max-width:700px){.brand-page .brand-background-section .brand-page-intro h1,.brand-page .brand-page-intro h1{font-size:42px;line-height:1.08}} /* Consistent brand-description width, type and six-line preview. */ .brand-page .brand-background-section .brand-page-intro{width:100%;max-width:640px} .brand-page .brand-description{position:relative;width:100%;max-width:640px} .brand-page .brand-description-text{font-family:Barlow,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.6;height:9.6em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;color:#e4eae5} .brand-page .brand-description-text .brand-page-lead,.brand-page .brand-description-text .brand-page-copy p{display:inline;font:inherit;color:inherit;margin:0;letter-spacing:normal} .brand-page .brand-description-text .brand-page-copy{display:contents} .brand-page .brand-description-text p::after{content:" "} .brand-page .brand-description-toggle{display:block;margin-top:10px;padding:6px 0;background:transparent;border:0;border-bottom:1px solid #ffffff60;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer} .brand-page .brand-description-toggle[hidden]{display:none} .brand-page .brand-description-toggle:focus-visible{outline:2px solid #36c2cb;outline-offset:4px} .brand-page .brand-description.is-expanded .brand-description-text{height:auto;display:block;-webkit-line-clamp:unset;overflow:visible} /* Full brand descriptions without expansion controls or truncation. */ .brand-page .brand-description-text{height:auto;min-height:0;display:block;overflow:visible;-webkit-line-clamp:unset} .brand-page .brand-description-text .brand-page-lead,.brand-page .brand-description-text .brand-page-copy p{display:block;margin:0 0 10px} .brand-page .brand-description-text .brand-page-copy p:last-child{margin-bottom:0} .osw-product-collection .holik-product-image img{position:absolute;max-width:none;object-fit:fill}.osw-product-collection .holik-product-info{min-width:0}.osw-specs{overflow-x:auto;margin-top:12px}.osw-specs table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.osw-specs th,.osw-specs td{padding:7px 8px;border-bottom:1px solid #dce3d6}.osw-specs th{background:#eef3e9;color:#344733}.osw-spec-note{font-size:12px!important;line-height:1.5!important;color:#687760;margin-top:10px}.osw-length{font-size:14px;line-height:1.5;margin-top:12px} .osw-table-label{font-size:14px;font-weight:600;margin:14px 0 6px;color:#344733}.osw-specs table{font-size:14px}.osw-specs table th,.osw-specs table td{overflow-wrap:normal;line-height:1.4} .honda-product-collection .holik-product-image img{position:absolute;max-width:none;object-fit:fill}.honda-product-collection .holik-product-info{min-width:0}.honda-specs table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.4;text-align:left}.honda-specs th,.honda-specs td{padding:7px 8px;border-bottom:1px solid #dce3d6;vertical-align:top}.honda-specs th{width:52%;font-weight:500;color:#405045}.honda-specs td{color:#24392c}.honda-product-collection .holik-collection-heading>p:last-child{font-size:14px;line-height:1.5;color:#687760;max-width:760px;margin-top:12px} .mini-facts{gap:clamp(20px,3vw,60px);flex-wrap:wrap}.mini-facts .catalog-total b{white-space:nowrap}.mini-facts #catalog-total-count{display:inline;font-size:inherit;color:inherit} .holik-product-card .product-sku{flex-wrap:wrap;align-items:center;gap:7px}.holik-product-card .product-sku .select-b2b{display:inline-flex;align-items:center;justify-content:center;flex:0 0 100px;box-sizing:border-box;width:100px;min-width:100px;max-width:100px;height:32px;min-height:32px;max-height:32px;margin:0;padding:0 6px;background:#24392c;color:#fff;border:1px solid #24392c;border-radius:0;font:inherit;font-size:13px;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;cursor:pointer;align-self:center}.holik-product-card .product-sku .select-b2b[aria-pressed="true"]{background:#fff;color:#24392c}.select-b2b[aria-pressed="true"]{background:#fff;color:#24392c}.selection-request{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:45;background:#24392c;color:white;text-decoration:none;padding:14px 20px;box-shadow:0 4px 18px #0003;max-width:calc(100vw - 100px);text-align:center;font-size:14px}.selection-request[hidden]{display:none}.selection-status{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.b2b-count{font-size:inherit}.item-note-label{display:block;margin-top:12px}.item-note{display:block;width:100%;box-sizing:border-box;margin-top:6px}.b2b-page #b2b-items{scroll-margin-top:140px} .portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-grid .product{min-width:0}.portfolio-grid .product h3{font-size:clamp(26px,2.15vw,33px);overflow-wrap:break-word} @media(max-width:1100px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.portfolio-grid{grid-template-columns:1fr}} .portfolio-grid .product{min-height:190px;padding:16px 20px}.portfolio-grid .product .category{margin-top:12px;line-height:1.3}.portfolio-grid .product h3{margin:7px 0 8px}.portfolio-grid .product .learn{padding-top:10px}.portfolio-grid{row-gap:10px} /* Selected compact section designs */ .sector-panorama{gap:0!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}.sector-panorama .sector-card-five{height:300px!important;min-height:0!important;background:#101515!important;position:relative;border-right:1px solid #ffffff30;overflow:hidden}.sector-panorama .sector-card-five:last-child{border-right:0}.sector-panorama .sector-card-five img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important}.sector-panorama .sector-card-five:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.82));pointer-events:none}.sector-panorama .card-index{display:none}.sector-panorama .sector-card-five>div{position:absolute!important;bottom:22px!important;left:18px!important;right:18px!important;z-index:1;padding:0!important;background:none!important;color:white!important}.sector-panorama h3{font-size:25px!important;margin:0 0 12px!important;color:white!important}.sector-panorama h3:after{content:"";display:block;width:62px;height:4px;background:var(--sector-color);margin-top:12px}.sector-panorama .sector-card-five p,.sector-panorama .card-link{display:none}.sector-panorama .sector-card-five>div:after{content:"+";position:absolute;right:0;bottom:0;color:white;font-size:25px}.sector-panorama a:focus-visible{outline:3px solid white;outline-offset:-5px}.sector-panorama a:hover img{transform:scale(1.035)} .process-selectable{background:#fff!important;color:#151b19!important}.process-selectable h2{font-size:clamp(30px,3.4vw,48px);margin:12px 0 24px}.process-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #ccd2ce;margin-bottom:20px}.process-tabs button{padding:16px 12px;display:flex;gap:16px;align-items:center;background:none;border:0;border-bottom:3px solid transparent;color:#535c56;font-size:17px;font-weight:600;cursor:pointer}.process-tabs button span{font-weight:400}.process-tabs button[aria-selected="true"]{color:#24392c;border-bottom-color:#24392c}.process-panel{display:grid;grid-template-columns:100px 1fr;gap:24px;padding:24px;border:1px solid #d7ddd8}.process-panel[hidden]{display:none}.process-number{color:#24392c;font-size:64px;font-weight:700;line-height:1.15;border-right:1px solid #d7ddd8}.process-panel h3{font-size:26px;margin:0 0 10px}.process-panel p{font-size:16px;line-height:1.6;color:#515c55;max-width:850px;margin:0 0 18px}.process-panel-bottom{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.process-panel ul{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none;margin:0}.process-panel li{border:1px solid #ccd2ce;padding:7px 10px;font-size:14px}.process-panel .btn{padding:12px 18px;background:#24392c;color:#fff;font-size:14px} .brand-domain-filters{display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid #ccd2ce;margin-bottom:20px}.brand-domain-filters button{background:none;border:0;border-bottom:3px solid transparent;padding:12px 18px;color:#535c56;font-size:16px;cursor:pointer}.brand-domain-filters button.active{color:#24392c;border-bottom-color:#24392c}.brand-domain-wall{--brand-cols:4!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:175px!important;max-height:549px!important;gap:12px!important}.brand-domain-wall .partner-tile{height:175px;min-height:0;text-decoration:none;border:1px solid #d7ddd8;background:white;color:#17221b;display:flex;flex-direction:column;justify-content:center;padding:16px;overflow:hidden}.brand-domain-wall .partner-tile[hidden]{display:none}.brand-domain-wall .partner-logo{height:68px!important;min-height:0!important}.brand-domain-wall .partner-logo img{width:130px!important;height:60px!important;object-fit:contain}.brand-domain-wall .partner-foot{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:0;padding:10px 0 0!important}.brand-domain-wall .partner-foot strong{font-size:16px}.brand-domain-wall .partner-foot>span{font-size:14px;color:#24392c}.brand-domain-wall .partner-tile:hover{background:#f6f8f6;border-color:#24392c}.brand-domain-wall .partner-tile:hover img{filter:none!important}.brand-domain-wall .partner-tile:focus-visible{outline:2px solid #24392c;outline-offset:-3px} @media(max-width:900px){.sector-panorama{grid-template-columns:repeat(5,190px)!important;overflow-x:auto}.sector-panorama .sector-card-five{height:260px!important}.brand-domain-wall{--brand-cols:3!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.process-tabs button{font-size:15px;gap:8px;padding:14px 8px}} @media(max-width:600px){.brand-domain-wall{--brand-cols:2!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.brand-domain-filters{gap:0}.brand-domain-filters button{padding:10px;font-size:14px}.process-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.process-panel{grid-template-columns:1fr;padding:18px;gap:12px}.process-number{font-size:36px;border:0}.process-panel h3{font-size:23px}.brand-domain-wall .partner-tile{padding:12px}.brand-domain-wall .partner-foot strong{font-size:15px}.brand-domain-wall .partner-foot>span{font-size:13px}} .sector-panorama .sector-card-five>div{height:auto!important;min-height:0!important}.sector-panorama .sector-card-five{border-bottom:0!important} /* Portfolio variant 1: compact four-column equipment grid. */ .portfolio-compact .section-top h2{font-size:clamp(30px,3.4vw,48px);max-width:750px}.portfolio-compact .portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.portfolio-compact .product{background:#fff;min-height:172px;padding:16px 18px;border:1px solid #d7ddd8;border-radius:0;cursor:pointer;box-shadow:none}.portfolio-compact .product:hover{background:#f7f9f7;border-color:#24392c}.portfolio-compact .product:focus-visible{outline:2px solid #24392c;outline-offset:3px}.portfolio-compact .product .number{font-size:12px;letter-spacing:.4px;color:#24392c;font-weight:600}.portfolio-compact .product .category{display:none}.portfolio-compact .product h3{font-size:20px;line-height:1.25;letter-spacing:0;margin:9px 0 8px;max-width:none;color:#17221b}.portfolio-compact .product p{font-size:14px;line-height:1.5;color:#59655d;margin:0 0 8px}.portfolio-compact .product .learn{font-size:14px;color:#24392c;padding-top:8px;margin-top:auto}.portfolio-compact .filters{gap:8px;margin-bottom:20px}.portfolio-compact .filters button{padding:10px 14px;font-size:14px} @media(max-width:1100px){.portfolio-compact .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.portfolio-compact .portfolio-grid{grid-template-columns:1fr}.portfolio-compact .product{min-height:0;padding:16px}.portfolio-compact .product h3{font-size:21px}.portfolio-compact .filters button{padding:9px 11px}} /* Match the approved photograph: inline numbering and low white cards. */ .portfolio-compact .section-top{display:block;margin-bottom:20px}.portfolio-compact .section-top>p{display:none}.portfolio-compact .section-top h2{font-size:clamp(28px,3vw,42px);line-height:1.12;margin:8px 0 0;max-width:none}.portfolio-compact .portfolio-grid{gap:12px}.portfolio-compact .product{display:grid;grid-template-columns:24px minmax(0,1fr) 12px;grid-template-rows:auto 1fr auto;column-gap:8px;row-gap:5px;min-height:130px;padding:14px;align-items:start;background:#fff}.portfolio-compact .product .number{grid-column:1;grid-row:1;font-size:13px;line-height:1.4;letter-spacing:0}.portfolio-compact .product h3{grid-column:2/4;grid-row:1;font-size:17px;line-height:1.3;margin:0;font-weight:700;overflow-wrap:normal}.portfolio-compact .product p{grid-column:2/4;grid-row:2;font-size:14px;line-height:1.4;margin:0;color:#68706a}.portfolio-compact .product .learn{grid-column:2;grid-row:3;font-size:14px;line-height:1.4;padding:0;margin:0;color:#24392c}.portfolio-chevron{grid-column:3;grid-row:3;font-size:25px;line-height:.8;color:#24392c;align-self:center}.portfolio-compact .filters{gap:10px;margin-bottom:16px}.portfolio-compact .filters button{background:#fff;border:1px solid var(--filter-color,#24392c);color:var(--filter-color,#24392c);border-radius:4px;padding:9px 17px;font-size:14px;line-height:1.2}.portfolio-compact .filters [data-filter="pompieri"]{--filter-color:#ad202d}.portfolio-compact .filters [data-filter="politie"]{--filter-color:#259aa5}.portfolio-compact .filters [data-filter="armata"]{--filter-color:#4d785c}.portfolio-compact .filters [data-filter="ambulanta"]{--filter-color:#218e80}.portfolio-compact .filters [data-filter="tehnica"]{--filter-color:#707773}.portfolio-compact .filters button.active{background:var(--filter-color,#24392c);color:white}.portfolio-compact .product[hidden]{display:none} @media(max-width:600px){.portfolio-compact .product{min-height:125px}.portfolio-compact .product h3{font-size:18px}.portfolio-compact .filters{gap:7px}.portfolio-compact .filters button{padding:9px 12px}} /* Brand domain cards, matching the selected photograph. */ .partners-heading{display:block}.partners-heading>p{display:none}.partners-heading h2{font-size:clamp(30px,3.4vw,48px);line-height:1.15;margin:10px 0 22px}.brand-domain-filters{gap:14px;margin-bottom:22px}.brand-domain-filters button{--domain-color:#24392c;color:#636c66;padding:12px 18px;border-bottom:3px solid transparent}.brand-domain-filters [data-brand-domain="pompieri"]{--domain-color:#ad202d}.brand-domain-filters [data-brand-domain="politie"]{--domain-color:#36c2cb}.brand-domain-filters [data-brand-domain="armata"]{--domain-color:#4d785c}.brand-domain-filters [data-brand-domain="ambulanta"]{--domain-color:#3ad1be}.brand-domain-filters [data-brand-domain="tehnica"]{--domain-color:#acacac}.brand-domain-filters button.active{color:#17221b;border-bottom-color:var(--domain-color);font-weight:700}.brand-domain-filters [data-brand-domain="all"].active,.brand-domain-filters [data-brand-domain="pompieri"].active{color:#ad202d}.brand-domain-wall{--brand-accent:#24392c;grid-auto-rows:142px!important;max-height:296px!important;gap:12px!important}.brand-domain-wall[data-active-domain="politie"]{--brand-accent:#36c2cb}.brand-domain-wall[data-active-domain="armata"]{--brand-accent:#4d785c}.brand-domain-wall[data-active-domain="ambulanta"]{--brand-accent:#3ad1be}.brand-domain-wall[data-active-domain="tehnica"]{--brand-accent:#acacac}.brand-domain-wall .partner-tile{height:142px!important;padding:20px!important;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;background:white;border:1px solid #d7ddd8;box-sizing:border-box}.brand-card-name{font-size:25px;line-height:1.1;text-transform:uppercase;letter-spacing:-.3px;color:#151d18}.brand-card-specialty{font-size:15px;line-height:1.4;color:#68716b}.brand-card-link{font-size:15px;line-height:1.4;margin-top:auto;color:#24392c}.brand-domain-wall .partner-tile:hover{border-color:var(--brand-accent);background:#fafbfa}.brand-domain-wall .partner-tile:focus-visible{outline-color:var(--brand-accent)}.brand-card-link:after{content:"";display:inline-block;width:6px;height:6px;background:var(--brand-accent);margin-left:8px;vertical-align:middle}.brand-domain-wall[data-active-domain="armata"] .brand-card-link{color:#4d785c}.brand-pagination{margin-top:12px}.brand-note{font-size:14px;color:#68716b;margin-top:14px} @media(max-width:600px){.brand-domain-wall .partner-tile{padding:14px!important}.brand-card-name{font-size:21px}.brand-card-specialty,.brand-card-link{font-size:14px}.brand-domain-filters{gap:0}.brand-domain-filters button{padding:10px;font-size:14px}} /* General navy accent; operational domain colors remain independent. */ :root{--accent:#24392c;--red:#24392c}.brand-domain-filters [data-brand-domain="all"].active{color:#24392c}.brand-domain-filters [data-brand-domain="pompieri"].active{color:#ad202d}.brand-domain-wall[data-active-domain="pompieri"]{--brand-accent:#ad202d}.brand-domain-wall[data-active-domain="pompieri"] .brand-card-link{color:#ad202d}.brand-domain-wall[data-active-domain="all"]{--brand-accent:#24392c}.portfolio-compact .filters [data-filter="all"]{--filter-color:#24392c}.portfolio-compact .filters [data-filter="pompieri"]{--filter-color:#ad202d} /* Color audit: independent domain borders, neutral accessible text. */ .portfolio-compact .filters [data-filter="politie"]{--filter-color:#36c2cb}.portfolio-compact .filters [data-filter="ambulanta"]{--filter-color:#3ad1be}.portfolio-compact .filters [data-filter="tehnica"]{--filter-color:#acacac}.portfolio-compact .filters button{color:#24392c}.portfolio-compact .filters [data-filter="all"].active,.portfolio-compact .filters [data-filter="pompieri"].active,.portfolio-compact .filters [data-filter="armata"].active{color:#fff}.portfolio-compact .filters [data-filter="politie"].active,.portfolio-compact .filters [data-filter="ambulanta"].active,.portfolio-compact .filters [data-filter="tehnica"].active{color:#14252f}.brand-domain-wall[data-active-domain="politie"] .brand-card-link,.brand-domain-wall[data-active-domain="ambulanta"] .brand-card-link,.brand-domain-wall[data-active-domain="tehnica"] .brand-card-link{color:#24392c}.back-to-top:focus-visible{outline-color:#9fb9a7}.b2b-intro{background:#24392c}.b2b-intro h1 span{color:#c6d8cb}.b2b-intro>p:not(.eyebrow){color:#d7e3da}.b2b-benefits span{border-color:#8ba692} /* Compact brand grid and domain-colored links. */ .brand-domain-wall{--brand-cols:6!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-rows:126px!important;max-height:262px!important;gap:10px!important}.brand-domain-wall .partner-tile{height:126px!important;padding:14px!important;gap:5px}.brand-domain-wall .brand-card-name{font-size:21px;line-height:1.15;overflow-wrap:anywhere}.brand-domain-wall .brand-card-specialty{font-size:14px;line-height:1.35}.brand-domain-wall .brand-card-link{font-size:14px;color:var(--brand-accent)}.brand-domain-wall[data-active-domain] .brand-card-link{color:var(--brand-accent)} @media(max-width:1400px){.brand-domain-wall{--brand-cols:5!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}} @media(max-width:1100px){.brand-domain-wall{--brand-cols:4!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}} @media(max-width:900px){.brand-domain-wall{--brand-cols:3!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:600px){.brand-domain-wall{--brand-cols:2!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.brand-domain-wall .brand-card-name{font-size:19px}} /* Requested red contact eyebrow. */ #contact>div>.eyebrow{color:#ad202d} /* Restore the original red contact section, with light text. */ #contact{background:#a51e2d;color:#fff}#contact>div>.eyebrow{color:#fff}#contact h2 span{color:#f0b1ba}#contact>div>p:not(.eyebrow){color:#efc1c8}#contact aside>span{color:#e4abb4}#contact .white{color:#921525;background:#fff} .sector-panorama .sector-product-count{position:absolute;right:28px;bottom:0;color:#fff;font-size:14px;line-height:25px;font-weight:500}.sector-panorama .sector-card-five h3{padding-right:0;font-size:23px!important}.sector-panorama .sector-card-five>div{bottom:18px!important}.sector-panorama .sector-card-five>div:after{line-height:25px}.sector-panorama .sector-card-five h3:after{margin-top:10px} .sector-panorama .sector-card-five>div{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;bottom:28px!important}.sector-panorama .sector-card-five h3{flex:1;min-width:0;font-size:21px!important;margin:0!important}.sector-panorama .sector-card-five h3:after{position:absolute;left:0;bottom:-12px;margin:0}.sector-panorama .sector-product-count{position:static;font-size:12px;line-height:1.3;white-space:nowrap}.sector-panorama .sector-card-five>div:after{position:static;font-size:22px;line-height:1;flex-shrink:0} .portfolio-compact .product .learn{display:flex;align-items:center;gap:12px;justify-content:space-between}.portfolio-product-count{font-size:12px;font-weight:400;color:#68716b;white-space:nowrap} .brand-domain-wall .brand-card-link{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.brand-domain-wall .brand-card-link:after{display:none}.brand-product-count{font-size:12px;line-height:1.3;white-space:nowrap;color:#68716b}.brand-product-count:before{content:"· ";color:#a5aaa6} /* Product count on a separate line below the brand link. */ .brand-domain-wall .brand-card-link{flex-direction:column;align-items:flex-start;gap:3px;line-height:1.25}.brand-domain-wall .brand-product-count{display:block;white-space:normal}.brand-product-count:before{content:none}.brand-domain-wall{grid-auto-rows:144px!important;max-height:298px!important}.brand-domain-wall .partner-tile{height:144px!important} /* Reserve space for the longest names and specialties across all 48 brands. */ .brand-domain-wall{grid-auto-rows:180px!important;max-height:370px!important}.brand-domain-wall .partner-tile{height:180px!important;overflow:visible;min-width:0}.brand-domain-wall .brand-card-name{font-size:18px;line-height:1.2;overflow-wrap:anywhere}.brand-domain-wall .brand-card-specialty{font-size:14px;line-height:1.3;overflow-wrap:anywhere}.brand-domain-wall .brand-card-link{font-size:14px;flex-shrink:0}.brand-domain-wall .brand-product-count{font-size:13px;line-height:1.3} /* Center brand names in every card. */ .brand-domain-wall .brand-card-name{display:block;width:100%;text-align:center;align-self:center} /* Logos positioned at the exact horizontal and vertical center of each brand card. */ .brand-domain-wall .partner-tile{position:relative}.brand-domain-wall .brand-card-emblem{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 28px);height:54px;display:flex;align-items:center;justify-content:center}.brand-domain-wall .brand-card-emblem img{display:block;max-width:130px;width:100%;height:54px;object-fit:contain;filter:none!important}.brand-domain-wall .brand-card-emblem img[hidden]{display:none}.brand-domain-wall .brand-wordmark{font-size:18px;text-align:center;line-height:1.2}.brand-domain-wall .brand-card-specialty{width:100%;text-align:center;margin:0}.brand-domain-wall .brand-card-link{position:absolute;left:14px;right:14px;bottom:12px;margin:0;align-items:center;text-align:center}.brand-domain-wall .brand-product-count{text-align:center} .brand-domain-wall .brand-card-emblem{width:100px;height:46px}.brand-domain-wall .brand-card-emblem img{width:100px;height:46px;max-width:100px;object-fit:contain} /* White logo backgrounds blend into the card surface, including hover. */ .brand-domain-wall .brand-card-emblem img{mix-blend-mode:normal;background:transparent}.brand-domain-wall .brand-card-emblem{background:transparent;mix-blend-mode:multiply}.brand-domain-wall .partner-tile{isolation:isolate} /* Slightly tighter brand cards, with two complete rows visible. */ .brand-domain-wall{grid-auto-rows:166px!important;max-height:342px!important}.brand-domain-wall .partner-tile{height:166px!important}.brand-domain-wall .brand-card-link{bottom:10px} /* Legal information and privacy controls. */ .legal-footer-links{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px 20px!important;max-width:1000px;margin:24px auto 0!important;font-size:13px}.legal-footer-links a,.legal-footer-links button{color:inherit;text-decoration:underline;text-underline-offset:4px}.legal-footer-links button{padding:0;background:none;border:0;font:inherit}.legal-page{max-width:1000px;margin:auto;padding:145px 28px 60px}.legal-page h1{font-size:clamp(32px,5vw,54px);line-height:1.15;margin:12px 0}.legal-page h2{font-size:24px;line-height:1.3;margin:0 0 10px}.legal-page section{padding:20px 0;border-bottom:1px solid #d8ddd8}.legal-page p{margin:0 0 12px}.legal-page a,.cookie-banner a,.cookie-dialog a{text-decoration:underline;text-underline-offset:3px}.legal-date,.legal-source{font-size:14px;color:#59645c}.legal-source{margin-top:24px!important}.cookie-banner{position:fixed;bottom:18px;left:18px;right:18px;z-index:10000;max-width:1100px;margin:auto;background:#fff;color:#17221b;border:1px solid #a8b5ab;box-shadow:0 12px 40px #0002;padding:22px;display:flex;gap:24px;align-items:center}.cookie-banner[hidden]{display:none}.cookie-banner strong{font-size:20px}.cookie-banner p{font-size:14px;line-height:1.5;margin:6px 0 0}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.cookie-actions button{background:#24392c;color:#fff;border:1px solid #24392c;padding:10px 14px;font-size:14px;line-height:1.3}.cookie-actions button:hover{background:#355540}.cookie-actions button:focus-visible,.legal-footer-links button:focus-visible{outline:3px solid #36c2cb;outline-offset:3px}.cookie-dialog{width:min(560px,calc(100% - 32px));max-height:85vh;overflow:auto;background:#fff;color:#17221b;border:1px solid #a8b5ab;padding:28px}.cookie-dialog::backdrop{background:#10191399}.cookie-dialog h2{font-size:28px;line-height:1.2;margin:0 0 16px}.cookie-dialog p{font-size:15px;line-height:1.6}.cookie-category{border-top:1px solid #d8ddd8;padding:16px 0}.cookie-category span{display:block;color:#5e6d62;font-size:13px}.cookie-dialog .cookie-actions{margin-top:20px}.cookie-save-error{color:#ad202d}@media(max-width:850px){.cookie-banner{flex-direction:column;align-items:stretch;gap:14px;max-height:65vh;overflow:auto}.cookie-actions button{flex:1}.legal-page{padding-top:120px}.legal-footer-links{gap:10px!important}} /* Readable domain link colors; operational accent borders keep their original colors. */ .brand-domain-wall[data-active-domain="politie"] .brand-card-link{color:#18717b}.brand-domain-wall[data-active-domain="ambulanta"] .brand-card-link{color:#167568}.brand-domain-wall[data-active-domain="tehnica"] .brand-card-link{color:#5d655f} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.hero video{display:none}} /* Equal contact actions on mobile. */ @media(max-width:640px){#contact>div>.button{display:flex;width:100%;max-width:300px;height:54px;min-height:54px;padding:10px 14px;border:1px solid #ffffffa0;margin-left:0;align-items:center;justify-content:center;text-align:center;font-size:14px;line-height:1.3;box-sizing:border-box}#contact>div>.button.white{border-color:#fff}#contact>div>.contact-b2b{margin-top:12px}} /* Compact portfolio on phones; content stays fully visible. */ @media(max-width:600px){#portfolio.portfolio-compact{padding-top:40px;padding-bottom:40px}.portfolio-compact .section-top{margin-bottom:14px}.portfolio-compact .section-top h2{font-size:27px;line-height:1.15}.portfolio-compact .filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}.portfolio-compact .filters button{font-size:12px;padding:8px 4px;line-height:1.25;min-height:34px}.portfolio-compact .portfolio-grid{gap:8px}.portfolio-compact .product{min-height:0;padding:11px 12px;grid-template-columns:20px minmax(0,1fr) 10px;grid-template-rows:auto auto auto;column-gap:7px;row-gap:5px}.portfolio-compact .product .number{font-size:12px}.portfolio-compact .product h3{font-size:17px;line-height:1.2}.portfolio-compact .product p{font-size:12px;line-height:1.35}.portfolio-compact .product .learn{font-size:12px;gap:6px;flex-wrap:wrap;margin-top:3px}.portfolio-compact .portfolio-product-count{font-size:11px}.portfolio-compact .portfolio-chevron{font-size:21px;margin-top:3px}} /* Shared footer contact and social links. */ footer .footer-contact{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 24px;margin:22px auto 12px;font-size:16px}footer .footer-contact a{border-bottom:1px solid #ffffff40}footer .footer-social{display:flex;justify-content:center;align-items:center;gap:12px;margin:12px auto 22px}footer .footer-social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #ffffff50;border-radius:50%;color:#fff;transition:background .2s}footer .footer-social a:hover{background:#355540}footer .footer-social svg{width:21px;height:21px;fill:currentColor}.social-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:600px){footer .footer-contact{flex-direction:column;gap:8px;font-size:15px}} /* Replace brand logos with centered text, preserving the original cards. */ .brand-domain-wall .brand-card-emblem{width:calc(100% - 28px);height:auto;min-height:46px;mix-blend-mode:normal} .brand-domain-wall .brand-card-emblem .brand-wordmark{display:block;width:100%;font-size:22px;line-height:1.15;font-weight:700;letter-spacing:.3px;text-transform:uppercase;text-align:center;color:#17221b;overflow-wrap:normal} @media(max-width:600px){.brand-domain-wall .brand-card-emblem .brand-wordmark{font-size:19px}} /* Contact portrait in the marked middle column; details aligned to the right. */ #contact.contact-with-portrait{grid-template-columns:minmax(0,1fr) 220px 300px;column-gap:24px;align-items:center} #contact .contact-portrait{margin:0;width:220px;height:310px;align-self:center;overflow:hidden;background:#8d1926} #contact .contact-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%} #contact.contact-with-portrait aside{width:100%;min-width:0;justify-self:end;padding-left:24px;padding-top:0;overflow-wrap:break-word} @media(min-width:641px) and (max-width:1099px){ #contact.contact-with-portrait{grid-template-columns:220px minmax(0,1fr);gap:28px} #contact.contact-with-portrait>div{grid-column:1/-1} #contact.contact-with-portrait aside{max-width:340px;justify-self:end} } @media(max-width:640px){ #contact.contact-with-portrait{grid-template-columns:minmax(0,1fr);gap:24px} #contact .contact-portrait{width:min(220px,100%);height:auto;aspect-ratio:2/3;justify-self:center} #contact.contact-with-portrait aside{max-width:none;justify-self:stretch;padding:22px 0 0;border-left:0;border-top:1px solid #ffffff40} } /* Align the contact columns on their bottom edge and compact the footer. */ #contact.contact-with-portrait{align-items:end} #contact.contact-with-portrait .contact-portrait,#contact.contact-with-portrait aside{align-self:end} footer{gap:8px;padding-top:22px;padding-bottom:18px} footer>div{gap:10px 22px} footer .credits{margin:0 auto;line-height:1.4} footer .footer-contact{margin:4px auto 0;gap:6px 22px} footer .footer-social{margin:4px auto 0;gap:12px} footer .legal-footer-links{margin:8px auto 0!important;gap:6px 18px!important;line-height:1.45} footer .legal-footer-links a,footer .legal-footer-links button{max-width:100%;overflow-wrap:break-word} @media(max-width:640px){ #contact.contact-with-portrait{align-items:stretch;gap:20px} #contact.contact-with-portrait .contact-portrait,#contact.contact-with-portrait aside{align-self:stretch} #contact.contact-with-portrait>div{min-width:0} #contact.contact-with-portrait aside{padding-top:18px} footer{gap:7px;padding-top:20px;padding-bottom:16px} footer>div{gap:8px 16px} footer .footer-contact{gap:5px;margin-top:3px} footer .footer-social{margin-top:4px} footer .legal-footer-links{font-size:12px;gap:7px 14px!important;margin-top:6px!important} } /* Minimal architectural L corners for brand cards. */ .brand-domain-wall .partner-tile,.brand-domain-wall .partner-tile:hover{border-color:transparent} .brand-domain-wall .partner-tile:before{ content:"";position:absolute;inset:0;z-index:2;pointer-events:none;color:#a6b3aa; background: linear-gradient(currentColor,currentColor) left top/18px 1px, linear-gradient(currentColor,currentColor) left top/1px 18px, linear-gradient(currentColor,currentColor) right top/18px 1px, linear-gradient(currentColor,currentColor) right top/1px 18px, linear-gradient(currentColor,currentColor) left bottom/18px 1px, linear-gradient(currentColor,currentColor) left bottom/1px 18px, linear-gradient(currentColor,currentColor) right bottom/18px 1px, linear-gradient(currentColor,currentColor) right bottom/1px 18px; background-repeat:no-repeat;transition:color .2s ease; } .brand-domain-wall .partner-tile:after{content:none} .brand-domain-wall .partner-tile:hover:before,.brand-domain-wall .partner-tile:focus-visible:before{color:var(--brand-accent)} /* Subtle operational-domain backgrounds for the L-corner brand cards. */ .brand-domain-wall{--brand-tint:#f0f4f1;--brand-tint-hover:#e1eae4} .brand-domain-wall[data-active-domain="pompieri"]{--brand-tint:#f8e9eb;--brand-tint-hover:#f3d7dc} .brand-domain-wall[data-active-domain="politie"]{--brand-tint:#e6f9fa;--brand-tint-hover:#d0f1f4} .brand-domain-wall[data-active-domain="armata"]{--brand-tint:#edf3ef;--brand-tint-hover:#dce8e0} .brand-domain-wall[data-active-domain="ambulanta"]{--brand-tint:#e5faf7;--brand-tint-hover:#cdf3ed} .brand-domain-wall[data-active-domain="tehnica"]{--brand-tint:#f1f1f1;--brand-tint-hover:#e4e4e4} .brand-domain-wall .partner-tile{background:var(--brand-tint);transition:background-color .2s ease} .brand-domain-wall .partner-tile:hover,.brand-domain-wall .partner-tile:focus-visible{background:var(--brand-tint-hover)} /* CLEJUSO product photographs use a uniform frame without cropping. */ .clejuso-product-collection .holik-product-image{width:252px;max-width:100%;height:180px;background:#fff} .clejuso-product-collection .holik-product-image img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center} /* Compact collection buttons across brand pages. */ .brand-page .holik-switch{padding-top:7px;padding-bottom:7px} .brand-page .holik-switch .holik-tabs{gap:5px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:0} .brand-page .holik-switch .holik-tabs button{flex:0 0 auto;padding:7px 10px;font-size:12px;line-height:1.35;white-space:nowrap} @media(max-width:600px){ .brand-page .holik-switch{padding-top:6px;padding-bottom:6px} .brand-page .holik-switch .holik-tabs{gap:4px} .brand-page .holik-switch .holik-tabs button{padding:8px 9px;font-size:12px;min-height:34px} } .detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.detail-actions .button{margin:0}.portfolio-catalog-summary{color:#526b59;margin:12px 0 22px}.catalog-controls[hidden],.collection-sticky-bar[hidden]{display:none!important}.portfolio-empty-note{max-width:680px;margin:22px 0;line-height:1.65}@media(max-width:600px){.detail-actions{flex-direction:column}.detail-actions .button{width:100%;text-align:center}} /* Compact portfolio category navigation, one row at every viewport. */ .portfolio-catalog-page .collection-sticky-bar{padding-top:7px;padding-bottom:7px} .portfolio-catalog-page .catalog-shortcuts{gap:5px!important;overscroll-behavior-x:contain} .portfolio-catalog-page .catalog-shortcuts a{font-size:11px;line-height:1.25;padding:7px 8px;font-weight:600} .portfolio-catalog-page .catalog-shortcuts a[aria-current="true"]{background:#24392c;border-color:#24392c;color:#fff} .portfolio-catalog-page .catalog-section{scroll-margin-top:calc(var(--sticky-header-height,80px) + 54px)} @media(max-width:700px){.portfolio-catalog-page .catalog-shortcuts a{font-size:11px;padding:7px 8px}} /* Short labels on desktop; category selector on phones. */ .portfolio-catalog-page .catalog-shortcuts a{font-size:13px;padding:8px 10px} .portfolio-category-picker{display:none} @media(max-width:700px){ .portfolio-catalog-page .collection-sticky-bar .catalog-shortcuts{display:none!important} .portfolio-category-picker{display:flex;align-items:center;gap:10px;color:#24392c;font-size:12px;font-weight:600} .portfolio-category-picker>span{flex-shrink:0} .portfolio-category-picker select{min-width:0;width:100%;max-width:100%;box-sizing:border-box;min-height:42px;border:1px solid #bcc8b5;background:#fff;color:#24392c;padding:8px;font:inherit;font-size:16px} } /* Complete portfolio: combined filters and paginated catalog. */ #detail-full-portfolio[hidden]{display:none!important} .full-catalog-intro{padding-bottom:24px}.full-catalog-intro h1{font-size:clamp(30px,4vw,52px);margin:12px 0;color:#24392c} .full-catalog-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;padding-top:0} .full-catalog-filters{align-self:start;border:1px solid #d4ddcc;background:#f6f8f4;padding:18px;position:sticky;top:calc(var(--sticky-header-height,80px) + 14px)} #full-filters{display:grid;gap:16px}#full-filters>label{display:grid;gap:6px;font-size:13px;font-weight:600} #full-filters input[type=search],#full-filters select{width:100%;min-width:0;box-sizing:border-box;padding:10px;border:1px solid #bcc8b5;background:#fff;font:inherit;font-size:16px;color:#24392c} #full-filters summary{cursor:pointer;font-weight:600;font-size:14px}#full-brands{max-height:210px;overflow:auto;margin-top:10px;display:grid;gap:8px}#full-brands label{display:flex;align-items:center;gap:8px;font-size:13px}#full-brands input{accent-color:#24392c} #full-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#full-grid article{min-width:0;margin:0}#full-grid article[hidden]{display:none!important} #full-grid .holik-product-image{width:100%;height:190px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center} #full-grid .holik-product-image img{position:static!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;transform:none!important} #full-grid .pentagon-photo-choice,#full-grid .pentagon-photo-choices{display:none} #full-grid .holik-product-info{padding:14px}#full-grid h3{font-size:19px}#full-grid .holik-product-description{font-size:13px} #full-count{scroll-margin-top:calc(var(--sticky-header-height,80px) + 20px);font-weight:600;color:#24392c} .full-pagination{position:static!important;display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:16px;background:transparent;padding:24px 0!important} .full-pagination button{border:1px solid #bcc8b5;background:#fff;color:#24392c;padding:10px 14px;cursor:pointer;font:inherit}.full-pagination button:disabled{opacity:.4;cursor:default} @media(max-width:1100px){#full-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.full-catalog-layout{grid-template-columns:1fr;gap:16px}.full-catalog-filters{position:static}#full-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#full-filters>label:first-child,#full-filters details{grid-column:1/-1}#full-brands{grid-template-columns:repeat(2,minmax(0,1fr));max-height:130px}#full-grid{grid-template-columns:1fr}.full-pagination{gap:8px}.full-pagination button{padding:10px}} #full-technical[hidden]{display:none}#full-technical>label{display:grid;gap:5px;margin-top:12px;font-size:13px}#full-grid .holik-product-body{padding:14px}#full-grid table{width:100%;font-size:12px}#full-grid td,#full-grid th{overflow-wrap:anywhere}#full-grid .holik-product-features{font-size:12px} /* Equal-width actions in portfolio details. */ #detail .detail-actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;width:100%;align-items:stretch} #detail .detail-actions .button{flex:1 1 0;min-width:0;width:auto;min-height:54px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:10px 8px;margin:0;text-align:center;font-size:13px;line-height:1.25;white-space:normal} #detail .detail-actions .button[hidden]{display:none!important} @media(max-width:600px){#detail .detail-actions{gap:5px}#detail .detail-actions .button{font-size:11px;padding:8px 4px;min-height:60px}} /* Complete portfolio cards: photo above content, independent of brand layouts. */ .full-catalog-layout{grid-template-columns:240px minmax(0,1fr);gap:24px} .full-catalog-results{min-width:0} #full-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start} #full-grid article.holik-product-card{display:flex;flex-direction:column;grid-template-columns:none;gap:0;width:100%;height:auto;min-height:0;border:1px solid #dde3dc;background:#fff;overflow:hidden;box-sizing:border-box;padding:0} #full-grid .holik-product-image{flex:none;width:100%;height:210px;min-width:0;margin:0;padding:16px;box-sizing:border-box;border-bottom:1px solid #edf0eb;align-items:center} #full-grid .holik-product-info,#full-grid .holik-product-body{width:100%;min-width:0;box-sizing:border-box;padding:18px;display:block} #full-grid .holik-product-category{font-size:11px;line-height:1.5;margin:0 0 7px;letter-spacing:1px} #full-grid h3{font-size:23px;line-height:1.2;margin:0 0 12px;overflow-wrap:normal;word-break:normal} #full-grid .product-sku{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 12px;font-size:12px} #full-grid .product-sku strong{white-space:nowrap;word-break:normal;overflow-wrap:normal;padding:5px 7px} #full-grid .product-sku .select-b2b{margin:0;white-space:nowrap} #full-grid .full-card-excerpt{font-size:14px;line-height:1.55;color:#526154;margin:10px 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:65px} #full-grid .full-card-details{border-top:1px solid #dde3dc;padding-top:12px} #full-grid .full-card-details summary{cursor:pointer;color:#24392c;font-size:13px;font-weight:600;line-height:1.4} #full-grid .full-card-details[open] summary{margin-bottom:12px} #full-grid .full-card-details .holik-product-description{font-size:14px;line-height:1.6} #full-grid .full-card-details table{display:table;max-width:100%;table-layout:fixed;font-size:12px} #full-grid .full-card-details th,#full-grid .full-card-details td{white-space:normal;overflow-wrap:anywhere;padding:6px} .full-catalog-filters{max-height:calc(100dvh - var(--sticky-header-height,80px) - 28px);overflow-y:auto} .full-filter-toggle{display:none} @media(max-width:950px){.full-catalog-layout{grid-template-columns:210px minmax(0,1fr);gap:16px}#full-grid{gap:12px}#full-grid .holik-product-image{height:175px}#full-grid .holik-product-info,#full-grid .holik-product-body{padding:12px}} @media(max-width:700px){.full-catalog-layout{grid-template-columns:1fr}.full-catalog-filters{max-height:none;overflow:visible;padding:12px}#full-grid{grid-template-columns:1fr}#full-grid .holik-product-image{height:210px}.full-filter-toggle{display:block;width:100%;padding:12px;border:1px solid #24392c;background:#24392c;color:#fff;font:inherit;font-weight:600}.full-catalog-filters #full-filters{display:none}.full-catalog-filters.filters-open #full-filters{display:grid;margin-top:16px}} /* Three vertical cards on desktop; two on tablet; one on mobile. */ @media(min-width:1200px){#full-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#full-grid .holik-product-image{height:190px}#full-grid .holik-product-info,#full-grid .holik-product-body{padding:15px}#full-grid h3{font-size:21px}} /* Four columns on wide desktops; retain three, two and one below. */ @media(min-width:1400px){#full-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}#full-grid .holik-product-image{height:175px}#full-grid .holik-product-info,#full-grid .holik-product-body{padding:13px}#full-grid h3{font-size:20px}} /* Readable SKU with the B2B action aligned to the card's right edge. */ #full-grid .product-sku{display:flex;flex-wrap:nowrap;align-items:center;gap:3px;font-size:11px;line-height:1.2;letter-spacing:0;white-space:nowrap;width:100%;box-sizing:border-box} #full-grid .product-sku>span{flex:0 0 auto;font-size:11px} #full-grid .product-sku strong{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 auto;height:30px;min-height:30px;max-height:30px;font-size:11px;line-height:1.2;letter-spacing:0;padding:0 3px;white-space:nowrap} #full-grid .product-sku .select-b2b{flex:0 1 100px;width:100px;min-width:84px;max-width:100px;height:30px;min-height:30px;max-height:30px;padding:0 5px;font-size:12px;line-height:1;letter-spacing:0;margin:0 0 0 auto;white-space:nowrap} @media(min-width:701px) and (max-width:800px){#full-grid{grid-template-columns:1fr}} /* Brand collections: short summaries, full details and eight products per page. */ .brand-collection-paged article[hidden]{display:none!important} .brand-collection-paged .holik-product-info,.brand-collection-paged .holik-product-body{min-width:0} .brand-collection-paged .brand-product-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:4.8em;font-size:14px;line-height:1.6;color:#405045;margin:0 0 12px} .brand-product-details{border-top:1px solid #dde3dc;padding-top:10px;margin-top:8px;min-width:0} .brand-product-details summary{font-size:13px;line-height:1.4;font-weight:600;color:#24392c;cursor:pointer} .brand-product-details[open] summary{margin-bottom:12px} .brand-product-details .holik-product-description{font-size:14px;line-height:1.6} .brand-product-details summary:focus-visible,.brand-products-pagination button:focus-visible{outline:2px solid #36c2cb;outline-offset:3px} .brand-products-pagination{position:static!important;display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:20px 0 0!important;margin:10px 0 0;width:100%;background:transparent!important;box-shadow:none!important;transform:none!important;visibility:visible!important;opacity:1!important;inset:auto!important} .brand-products-pagination[hidden]{display:none!important} .brand-products-pagination button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border:1px solid #bcc8b5;background:#fff;color:#24392c;font:inherit;font-size:13px;font-weight:600;cursor:pointer} .brand-products-pagination button:hover:not(:disabled){background:#24392c;color:#fff} .brand-products-pagination button:disabled{opacity:.4;cursor:default} .brand-products-page-status{font-size:13px;color:#526154;text-align:center} @media(max-width:600px){.brand-products-pagination{gap:8px}.brand-products-page-status{flex-basis:100%;order:-1}.brand-products-pagination button{min-width:100px}} /* Highlight the exact product opened from a direct SKU link. */ .brand-collection-paged .holik-product-card.product-link-target{outline:none;border:2px solid #4d785c;background:#fff;box-shadow:none} .product-link-target .holik-product-image{background:#fff} .selected-product-label{display:inline-block;width:max-content;max-width:100%;padding:5px 8px;margin:0 0 8px;background:#24392c;color:#fff;font-family:Barlow,Arial,sans-serif;font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.5px;text-transform:uppercase} /* Collapsible descriptions throughout portfolio and product-category pages. */ .catalog-product-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:4.8em;font-size:14px;line-height:1.6;color:#405045;margin:0 0 12px} .catalog-product-details{border-top:1px solid #dde3dc;padding-top:10px;margin-top:8px;min-width:0;max-width:100%} .catalog-product-details summary{font-size:13px;line-height:1.4;font-weight:600;color:#24392c;cursor:pointer} .catalog-product-details[open] summary{margin-bottom:12px} .catalog-product-details .holik-product-description{font-size:14px;line-height:1.6} .catalog-product-details summary:focus-visible{outline:2px solid #36c2cb;outline-offset:3px} /* Asymmetric project mosaic; captions remain directly over each photograph. */ .gallery-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,clamp(155px,13vw,220px));grid-auto-rows:auto;gap:12px;grid-template-areas:"mission mission msa tools" "mission mission kong mactronic" "holik holik kong osw" "honda eu eu osw"} .gallery-mosaic .gallery-tile{min-height:0;min-width:0} .gallery-mosaic .gallery-media{position:absolute;inset:0;display:block;overflow:hidden} .gallery-mosaic .gallery-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center} .gallery-mosaic [data-gallery="0"]{grid-area:mission} .gallery-mosaic [data-gallery="1"]{grid-area:msa} .gallery-mosaic [data-gallery="2"]{grid-area:tools} .gallery-mosaic [data-gallery="3"]{grid-area:kong} .gallery-mosaic [data-gallery="4"]{grid-area:mactronic} .gallery-mosaic [data-gallery="5"]{grid-area:holik} .gallery-mosaic [data-gallery="6"]{grid-area:honda} .gallery-mosaic [data-gallery="7"]{grid-area:osw} .gallery-mosaic [data-gallery="8"]{grid-area:eu} .gallery-mosaic [data-gallery="0"] .gallery-caption strong{font-size:32px} .gallery-mosaic [data-gallery="0"] img{object-position:50% 42%} .gallery-mosaic [data-gallery="8"] img{object-position:50% 18%} @media(max-width:900px){ .gallery-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:clamp(220px,43vw,350px) repeat(5,clamp(120px,23vw,205px)) clamp(190px,34vw,290px);gap:10px;grid-template-areas:"mission mission" "msa tools" "kong mactronic" "kong holik" "honda osw" "honda osw" "eu eu"} .gallery-mosaic [data-gallery="6"] img{object-position:62% center} } @media(max-width:560px){ .gallery-mosaic .gallery-caption{left:12px;right:30px;bottom:12px} .gallery-mosaic .gallery-caption small{font-size:10px;letter-spacing:1px;margin-bottom:4px} .gallery-mosaic .gallery-caption strong{font-size:16px;line-height:1.2} .gallery-mosaic [data-gallery="0"] .gallery-caption strong{font-size:26px} .gallery-mosaic [data-gallery="8"] .gallery-caption strong{font-size:21px} .gallery-mosaic .gallery-expand{right:10px;bottom:12px;font-size:23px} } @media(hover:none),(prefers-reduced-motion:reduce){.gallery-mosaic .gallery-tile:hover img{transform:none}} /* Consistent framing for verified PROTEKTOR product photos. */ .protektor-product-card .holik-product-image{background:#fff}.protektor-product-card .holik-product-image img{position:static!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;transform:none!important} /* Compact TECHPLANET catalog menu, variant 1. */ .products-menu-compact{padding-top:14px;padding-bottom:14px;max-height:calc(100svh - var(--sticky-header-height,80px));overscroll-behavior:contain} .products-menu-compact .products-menu-heading{margin-bottom:8px} .products-menu-compact .products-search{max-width:none;margin-bottom:16px} .products-menu-compact .products-search>span{font-size:12px;margin-bottom:5px} .products-menu-compact .products-search input{padding:10px 12px;font-size:14px;background:#fff} .products-menu-compact .products-navigation-layout{grid-template-columns:230px minmax(0,1fr);gap:24px} .products-menu-compact .products-category-list{gap:2px;max-height:320px;padding-right:12px;scrollbar-width:thin} .products-menu-compact .products-category-list button{min-height:40px;padding:9px 10px;font-size:13px;line-height:1.3} .products-menu-compact .products-category-list button span{border-radius:3px;padding:2px 5px;background:#eef3ed;color:#24392c;opacity:1;font-variant-numeric:tabular-nums;font-size:11px} .products-menu-compact .products-category-list button:hover{background:#edf2ed} .products-menu-compact .products-category-list button[aria-selected=true]{background:#24392c;color:white} .products-menu-compact .products-category-content{max-height:320px;overflow:auto;scrollbar-width:thin;min-width:0} .products-menu-compact .products-content-heading{margin-bottom:10px;gap:12px} .products-menu-compact .products-content-heading h2{font-size:25px} .products-menu-compact .products-content-heading>a,.products-menu-compact .products-content-heading>span{font-size:12px} .products-menu-compact .products-subcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px} .products-menu-compact .products-compact-row{position:relative;min-height:68px;padding:12px 24px 12px 4px;gap:4px;border:0;border-bottom:1px solid #dce2d8;background:white;justify-content:center} .products-menu-compact .products-compact-row:hover{background:#f0f4ef;border-color:#c2cec1} .products-menu-compact .products-compact-row strong{font-size:14px;line-height:1.35} .products-menu-compact .products-compact-row small{font-size:11px;line-height:1.5;color:#677667} .products-menu-compact .products-row-arrow{position:absolute;right:6px;top:50%;transform:translateY(-50%);margin:0;display:block;font-size:18px} .products-menu-compact .menu-result-sku{display:inline!important;background:none;padding:0;font-size:11px;font-weight:600} .products-menu-footer{display:flex;gap:16px;margin-top:14px;padding-top:12px;border-top:1px solid #dce2d8} .products-menu-footer>a{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#f4f6f2;color:#24392c;font-size:13px;font-weight:600} .products-menu-footer>a:hover{background:#24392c;color:white} .products-search-all{display:inline-block;margin-top:12px;font-size:13px;font-weight:600;color:#24392c} .products-mobile-categories{display:none} @media(max-width:700px){ .products-menu-compact{padding:12px 5%} .products-menu-compact .products-navigation-layout{display:none} .products-mobile-categories{display:block} .products-mobile-categories details{border-bottom:1px solid #dce2d8} .products-mobile-categories summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 4px;font-size:14px;font-weight:600;cursor:pointer;list-style:none} .products-mobile-categories summary::-webkit-details-marker{display:none} .products-mobile-categories summary span{font-size:11px;color:#677667;font-weight:400} .products-mobile-categories details[open]>summary{color:#24392c;background:#edf2ed} .products-mobile-categories .products-compact-row{display:flex;flex-direction:column;align-items:flex-start;padding-left:12px} .products-mobile-all{display:block;padding:12px;font-size:12px;font-weight:600} .products-menu-compact.products-search-active .products-navigation-layout{display:block} .products-search-active .products-category-list,.products-search-active .products-mobile-categories{display:none} .products-menu-compact .products-category-content{max-height:none} .products-menu-compact .products-subcategory-grid{grid-template-columns:1fr} .products-menu-compact .products-content-heading{flex-direction:row;align-items:center} .products-menu-footer{gap:6px;flex-wrap:wrap} .products-menu-footer>a{flex:1 1 90px;padding:10px 8px;font-size:11px} } @media(prefers-reduced-motion:no-preference){.products-menu-compact .products-compact-row,.products-menu-footer>a{transition:background .15s,color .15s}} .products-menu-compact .menu-category-name{flex:1;min-width:0;font:inherit;text-align:left} /* Compact B2B request with clear purchasing guidance. */ .b2b-page .b2b-intro{padding-top:22px;padding-bottom:22px} .b2b-page .b2b-intro .eyebrow{margin-bottom:10px} .b2b-page .b2b-intro h1{font-size:clamp(38px,4.5vw,64px);line-height:1.06;max-width:none;margin:0} .b2b-page .b2b-intro>p:not(.eyebrow){font-size:17px;line-height:1.45;margin-top:10px;max-width:900px} .b2b-page .b2b-benefits{gap:7px;margin-top:10px} .b2b-page .b2b-benefits span{padding:5px 9px;font-size:12px} .b2b-order-guidance{margin-top:16px;padding:14px 16px;background:#ffffff0c;border:1px solid #ffffff30;max-width:1050px} .b2b-guidance-label{font-size:11px;letter-spacing:1.2px;margin:0 0 10px;color:#c6d8cb} .b2b-order-thresholds{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px} .b2b-order-thresholds>div{display:flex;flex-direction:column;gap:3px} .b2b-order-thresholds strong{font-size:22px;line-height:1.15;color:#fff} .b2b-order-thresholds span{font-size:13px;color:#d7e3da} .b2b-order-guidance>p:last-child{font-size:12px;line-height:1.5;color:#d7e3da;margin:10px 0 0} .b2b-page .b2b-form-section{grid-template-columns:minmax(0,1fr) 300px;gap:30px;padding-top:22px;padding-bottom:24px} .b2b-page .form-heading{margin-bottom:10px;gap:10px} .b2b-page .form-heading:not(:first-child){margin-top:18px} .b2b-page .form-heading h2{font-size:28px;line-height:1.12} .b2b-page .form-heading>span{font-size:28px} .b2b-page .b2b-fields{gap:10px 14px} .b2b-page .b2b-fields label,.b2b-page .item-fields label{font-size:13px;gap:4px} .b2b-page .b2b-fields input,.b2b-page .b2b-fields select,.b2b-page .b2b-fields textarea,.b2b-page .item-fields input,.b2b-page .item-fields select{box-sizing:border-box;padding:9px 10px;max-width:100%;min-height:40px;font-size:16px} .b2b-page .b2b-fields input[type=date]{min-height:40px} .b2b-page .b2b-item{background:#fff;padding:12px;margin-bottom:8px;border-color:#d2ddcb} .b2b-page .item-top{margin-bottom:8px} .b2b-page .item-fields{gap:10px;grid-template-columns:minmax(0,1fr) 88px 96px} .b2b-page .add-item{font-size:13px;padding:8px 12px} .b2b-page .b2b-upload{padding:12px} .b2b-page .b2b-upload p{margin:6px 0;font-size:12px} .b2b-page .b2b-consents{padding:12px;margin-top:12px} .b2b-page .b2b-consents label{font-size:12px;line-height:1.45;gap:9px;margin-bottom:8px} .b2b-page .b2b-consents p{font-size:12px;line-height:1.45} .b2b-page .b2b-submit{margin-top:12px;gap:8px} .b2b-page .b2b-submit .button{font-size:13px;padding:11px 14px} .b2b-page .b2b-email-note{font-size:12px;line-height:1.5;margin-top:10px} .b2b-page .b2b-help{position:static;padding-top:12px} .b2b-page .b2b-help h3{font-size:27px;margin-bottom:8px} .b2b-page .b2b-help p:not(.eyebrow){font-size:14px;line-height:1.5;margin-bottom:12px} .b2b-page .b2b-help strong,.b2b-page .b2b-help>a{font-size:14px;margin-top:7px} .b2b-page .b2b-help-note{font-size:12px;margin-top:12px;padding-top:12px;line-height:1.5} .b2b-processing{margin-top:22px;padding-top:16px;border-top:1px solid #ccd6c6} .b2b-processing .eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:8px} .b2b-processing ol{list-style:none;padding:0;margin:12px 0;counter-reset:b2bstep} .b2b-processing li{position:relative;padding:0 0 14px 26px;counter-increment:b2bstep} .b2b-processing li:before{content:counter(b2bstep);position:absolute;left:0;top:0;color:#4d785c;font-size:12px;font-weight:700} .b2b-processing li strong{display:block;margin:0!important;font-size:13px!important;color:#24392c} .b2b-processing li span{display:block;margin-top:4px;font-size:12px;line-height:1.55;color:#63745f} .b2b-page .b2b-processing-note{font-size:11px!important;line-height:1.55;background:#eef2eb;padding:10px} @media(max-width:900px){.b2b-page .b2b-form-section{grid-template-columns:1fr;gap:22px}.b2b-page .b2b-help{max-width:none}} @media(max-width:640px){.b2b-page .b2b-intro{padding-top:20px;padding-bottom:20px}.b2b-order-thresholds{grid-template-columns:1fr;gap:12px}.b2b-order-guidance{padding:12px}.b2b-page .b2b-fields{grid-template-columns:1fr}.b2b-page .item-fields{grid-template-columns:1fr 1fr}.b2b-page .item-fields>label:first-child{grid-column:1/-1}.b2b-page .b2b-form-section{padding-top:20px}.b2b-page .b2b-submit .button{min-height:44px}} /* Compact context for SKU-based counters. */ .count-explanation{font-size:12px;line-height:1.5;max-width:850px;margin:0 0 16px;opacity:.76}.full-catalog-page .count-explanation{margin-top:12px}.sectors .count-explanation{color:inherit}.sectors>.count-explanation{max-width:none;margin:0 auto 16px;text-align:center}@media(max-width:600px){.count-explanation{font-size:11px;margin-bottom:12px}} /* IPL: common white photo canvas and scrollable diameter-specific specifications. */ .ipl-product-card .holik-product-image img{position:static!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important} .ipl-product-card .osw-spec-table-wrap{max-width:100%;overflow-x:auto} .ipl-product-card .osw-spec-table caption{text-align:left;font-weight:600;margin:10px 0} .ipl-product-card .osw-spec-table th,.ipl-product-card .osw-spec-table td{white-space:nowrap} /* Pentagon fleece uses the shared compact collection layout. */ .pentagon-fleece-card .holik-product-image img{position:static!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important} /* Uniform color controls for apparel variants; color samples are illustrative. */ .product-options-gallery{min-width:0}.product-color-options{max-width:252px;margin:8px auto 0;min-height:102px;text-align:center}.product-color-swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.product-color-swatch{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;padding:3px;border:1px solid transparent;background:#fff;cursor:pointer;border-radius:3px}.product-color-chip{display:block;width:24px;height:24px;border:1px solid #b9c2bb;border-radius:2px}.product-color-swatch:hover{border-color:#829487}.product-color-swatch[aria-pressed="true"]{border:2px solid #24392c;padding:2px}.product-color-swatch:focus-visible{outline:2px solid #24392c;outline-offset:2px}.product-color-label{font-size:12px;line-height:1.4;color:#344638;margin:5px 0;min-height:17px}.product-color-photo-note{font-size:11px;line-height:1.35;color:#687760;margin:3px 0}.product-color-photo-note:empty{display:none}#full-grid .product-color-options{max-width:100%;padding:0 8px;min-height:96px} @media(pointer:coarse){.product-color-swatch{width:40px;height:40px;flex-basis:40px}.product-color-options{min-height:118px}} .product-color-options.product-color-options-single,#full-grid .product-color-options.product-color-options-single{min-height:0;margin-top:5px} /* Compact color controls; keep the single-color layout free of selector space. */ .product-color-options,#full-grid .product-color-options{min-height:0;margin-top:6px;margin-bottom:6px;padding:0;max-width:100%;} .product-color-swatches{gap:3px} .product-color-swatch{width:28px;height:28px;flex-basis:28px;padding:3px} .product-color-chip{width:20px;height:20px} .product-color-label{font-size:11px;line-height:1.3;margin:3px 0;min-height:0;overflow-wrap:anywhere} .product-color-photo-note{font-size:10px;line-height:1.3;margin:3px 0 0} .product-color-options.product-color-options-single,#full-grid .product-color-options.product-color-options-single{min-height:0;margin-top:4px;margin-bottom:4px} @media(pointer:coarse){.product-color-swatch{width:36px;height:36px;flex-basis:36px}.product-color-chip{width:24px;height:24px}.product-color-options{min-height:0}} /* POK manufacturer configuration tables remain inside expanded cards. */ .pok-variants-table{max-width:100%;overflow-x:auto;margin:8px 0}.pok-variants-table table{min-width:600px;border-collapse:collapse;font-size:11px}.pok-variants-table th,.pok-variants-table td{padding:5px;border:1px solid #d7ded8;text-align:left} /* Mil-Tec uses normalized square canvases, never legacy glove crop coordinates. Apply to every copy of the SKU and every selected manufacturer color. */ .holik-product-card[data-brand="MIL-TEC"] .holik-product-image{background:#fff;padding:0} .holik-product-card[data-brand="MIL-TEC"] .holik-product-image img{position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important} /* ABEBA: full product photograph inside the shared image frame. */ .holik-product-card[data-brand="ABEBA"] .holik-product-image{background:#fff;padding:0} .holik-product-card[data-brand="ABEBA"] .holik-product-image img{position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important} /* Compact centered variant row across portfolio and category catalog cards. */ :is(.portfolio-sidebar-page,#full-grid) .catalog-variant-slot{min-height:46px;display:flex;align-items:center;justify-content:center;min-width:0} :is(.portfolio-sidebar-page,#full-grid) .catalog-variant-slot .product-color-options{width:100%;max-width:100%;height:auto;min-height:0;margin:0;padding:2px 0;text-align:center;overflow:visible} :is(.portfolio-sidebar-page,#full-grid) .product-color-swatches{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin:0} :is(.portfolio-sidebar-page,#full-grid) .product-color-swatch{width:28px;height:28px;flex:0 0 28px;padding:3px} :is(.portfolio-sidebar-page,#full-grid) .product-color-chip{width:20px;height:20px} :is(.portfolio-sidebar-page,#full-grid) .product-color-label{margin:2px 0;font-size:10px;line-height:1.3;min-height:0} :is(.portfolio-sidebar-page,#full-grid) article:not([data-selected-color]) .product-color-options:not(.product-color-options-single) .product-color-label{display:none} :is(.portfolio-sidebar-page,#full-grid) .product-color-photo-note{font-size:10px;margin:2px 0} #full-grid .full-card-excerpt{-webkit-line-clamp:2;max-height:3.1em;margin:8px 0} @media(pointer:coarse){:is(.portfolio-sidebar-page,#full-grid) .product-color-swatch{width:32px;height:32px;flex-basis:32px}} /* Variants follow descriptions/details, with no blank row for other products. */ :is(.portfolio-sidebar-page,#full-grid) .catalog-variant-slot{min-height:0;margin:6px 0 0;display:block;text-align:center} :is(.portfolio-sidebar-page,#full-grid) .catalog-variant-slot .product-color-options{padding:0;margin:0} :is(.portfolio-sidebar-page,#full-grid) .holik-product-info h3,:is(.portfolio-sidebar-page,#full-grid) .holik-product-body h3{min-height:0} /* One palette layout for brand, category, portfolio and recent-product cards. */ :is(#full-grid,main) article[data-sku] .catalog-variant-slot{display:block;min-height:0;height:auto;margin:8px 0;padding:0;width:100%} :is(#full-grid,main) article[data-sku] .catalog-variant-slot .product-color-options{display:block;width:100%;max-width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;overflow:visible;text-align:center} :is(#full-grid,main) article[data-sku] .product-color-swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;margin:0;padding:0;overflow:visible} :is(#full-grid,main) article[data-sku] .product-color-swatch{box-sizing:border-box;width:24px;height:24px;min-width:24px;min-height:24px;flex:0 0 24px;padding:3px;border-radius:3px} :is(#full-grid,main) article[data-sku] .product-color-chip{box-sizing:border-box;width:16px;height:16px;min-width:16px;min-height:16px;flex:none} :is(#full-grid,main) article[data-sku] .product-color-swatch[aria-pressed="true"]{padding:2px;border:2px solid #24392c} :is(#full-grid,main) article[data-sku] .product-color-label{display:block;font-size:11px;line-height:1.3;text-align:center;margin:3px 0 0;min-height:0} :is(#full-grid,main) article[data-sku] .product-color-photo-note{font-size:10px;line-height:1.3;text-align:center;margin:3px 0 0} :is(#full-grid,main) article[data-sku] .product-color-photo-note:empty{display:none} @media(pointer:coarse){:is(#full-grid,main) article[data-sku] .product-color-swatch{width:32px;height:32px;min-width:32px;min-height:32px;flex-basis:32px}} body :is(#full-grid,main) article[data-sku] .catalog-variant-slot .product-color-options .product-color-label{display:block} /* Shared excerpts remain compact; expanded descriptions show the complete text. */ :is(#full-grid,main) article[data-sku] :is(.catalog-product-excerpt,.brand-product-excerpt,.full-card-excerpt,.new-product-description){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:0;max-height:4.65em;font-size:14px;line-height:1.55;margin:8px 0} :is(#full-grid,main) article[data-sku] details :is(.holik-product-description,.new-product-full-description){display:block;-webkit-line-clamp:unset;max-height:none;height:auto;overflow:visible;font-size:14px;line-height:1.55;margin:8px 0} /* Whole-product framing: legacy offsets must not crop replacement/color photos. PROTEKTOR retains its separately calibrated source-sheet crop. */ body :is(main,#full-grid) article[data-sku] :is(.holik-product-image,.new-product-image){box-sizing:border-box;background:#fff;padding:6px;} body :is(main,#full-grid) article[data-sku] :is(.holik-product-image,.new-product-image) img{position:static!important;inset:auto!important;display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;object-fit:contain!important;object-position:center!important;transform:none!important;clip-path:none!important;} /* ROTO Rescue catalog photos and source-specific technical tables */ .roto-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.roto-photo-grid figure{margin:0;min-width:0}.roto-photo-grid img{display:block;width:100%;height:220px;object-fit:contain;background:#fff;border:1px solid #dce2d8}.roto-photo-grid figcaption{font-size:12px;line-height:1.5;margin-top:8px;color:#55634f}.roto-rescue-gallery .roto-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.roto-table-wrap{overflow-x:auto;margin:18px 0}.roto-spec-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.roto-spec-table caption{text-align:left;font-weight:600;padding:8px 0}.roto-spec-table th,.roto-spec-table td{border-bottom:1px solid #dce2d8;padding:10px;vertical-align:top}.roto-spec-table th{width:44%}.roto-catalog-details p{line-height:1.6}.roto-catalog-details h4{margin-top:24px}.roto-catalog-details a,.roto-rescue-gallery>a{text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.roto-photo-grid,.roto-rescue-gallery .roto-photo-grid{grid-template-columns:1fr}.roto-photo-grid img{height:auto;max-height:360px}} /* Institutional project enquiries: original heading and compact copy. */ .brand-contact.brand-contact-project{grid-template-columns:minmax(0,1.35fr) minmax(0,1.4fr) minmax(0,.8fr);column-gap:clamp(20px,2.5vw,40px);row-gap:16px;align-items:start} .brand-contact-project>div{min-width:0} .brand-contact-project .brand-contact-message h3{font-size:18px;line-height:1.25;margin:0 0 8px} .brand-contact-project .brand-contact-message p{font-size:14px;line-height:1.4;margin:0 0 6px} .brand-contact-project .brand-contact-message p:last-child{margin-bottom:0} .brand-contact-project .brand-contact-details h3{font-size:26px;line-height:1.25;margin:0 0 10px} .brand-contact-project .brand-contact-details p{font-size:15px;line-height:1.4;margin:0 0 8px} .brand-contact-project .brand-contact-details a{font-size:16px;overflow-wrap:anywhere} @media(min-width:641px) and (max-width:1100px){.brand-contact.brand-contact-project{grid-template-columns:1fr 1fr;column-gap:45px}.brand-contact-project .brand-contact-heading{grid-column:1;grid-row:1/3}.brand-contact-project .brand-contact-message,.brand-contact-project .brand-contact-details{grid-column:2}} @media(max-width:640px){.brand-contact.brand-contact-project{grid-template-columns:minmax(0,1fr);gap:16px}} /* Approved topographic background, About section only. */ #about.about{background-color:#f3f3ef;background-image:url("/assets/about-topographic.webp");background-size:cover;background-position:center;background-repeat:no-repeat} /* Brand directory — approved variant 1. */ #partners .brand-domain-wall{--brand-cols:4!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:176px!important;gap:14px!important;max-height:none!important;height:auto!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important} #partners .brand-domain-wall .partner-tile{position:relative;height:176px!important;min-height:176px!important;padding:22px 26px 20px!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;background:#f9faf7;border:1px solid #ccd5cd;overflow:hidden!important;isolation:isolate;transition:color .22s ease,background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease} #partners .brand-domain-wall .partner-tile:before,#partners .brand-domain-wall .partner-tile:after{content:"";position:absolute;inset:auto;width:18px;height:18px;pointer-events:none;transition:border-color .22s ease} #partners .brand-domain-wall .partner-tile:before{left:-1px;top:-1px;border-left:2px solid #708578;border-top:2px solid #708578} #partners .brand-domain-wall .partner-tile:after{right:-1px;bottom:-1px;border-right:2px solid #708578;border-bottom:2px solid #708578} #partners .brand-domain-wall .brand-card-specialty{position:static;width:100%;min-height:34px;margin:0;text-align:center;color:#6b756f;font-size:13px;line-height:1.35;display:flex;align-items:flex-start;justify-content:center} #partners .brand-domain-wall .brand-card-emblem{position:static;transform:none;width:100%;height:auto;min-height:48px;margin:8px 0 4px;display:flex;align-items:center;justify-content:center;mix-blend-mode:normal} #partners .brand-domain-wall .brand-card-emblem .brand-wordmark{font-family:'Barlow Condensed',Arial,sans-serif;font-size:25px;line-height:1.05;font-weight:700;letter-spacing:.2px;text-transform:uppercase;text-align:center;color:#17221b;overflow-wrap:anywhere;transition:color .22s ease} #partners .brand-domain-wall .brand-card-link{position:static;width:100%;margin-top:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;color:#294334;font-size:13px;line-height:1.2;font-weight:700;letter-spacing:.5px;text-transform:uppercase;text-align:center} #partners .brand-domain-wall .brand-card-link:after{content:"→";display:inline;color:inherit;background:none;width:auto;height:auto;margin:0;font-size:18px;font-weight:400;line-height:1} #partners .brand-domain-wall .brand-product-count{position:absolute;left:0;right:0;bottom:40px;color:#727c75;font-size:12px;line-height:1.2;text-align:center;text-transform:none;letter-spacing:0;font-weight:400} #partners .brand-domain-rail{position:absolute;right:0;top:22px;bottom:22px;width:3px;display:flex;flex-direction:column;gap:2px} #partners .brand-domain-rail i{display:block;flex:1;min-height:4px;background:#708578} #partners .brand-domain-rail .domain-pompieri{background:#ad202d}#partners .brand-domain-rail .domain-politie{background:#36c2cb}#partners .brand-domain-rail .domain-armata{background:#4d785c}#partners .brand-domain-rail .domain-ambulanta{background:#3ad1be}#partners .brand-domain-rail .domain-tehnica{background:#8f9691} #partners .brand-domain-wall .partner-tile:hover,#partners .brand-domain-wall .partner-tile:focus-visible{background:#24392c;color:#fff;border-color:#24392c;transform:translateY(-3px);box-shadow:0 12px 26px #1c2e2326;outline:none} #partners .brand-domain-wall .partner-tile:hover:before,#partners .brand-domain-wall .partner-tile:hover:after,#partners .brand-domain-wall .partner-tile:focus-visible:before,#partners .brand-domain-wall .partner-tile:focus-visible:after{border-color:#b9cbbf} #partners .brand-domain-wall .partner-tile:hover .brand-wordmark,#partners .brand-domain-wall .partner-tile:focus-visible .brand-wordmark,#partners .brand-domain-wall .partner-tile:hover .brand-card-specialty,#partners .brand-domain-wall .partner-tile:focus-visible .brand-card-specialty,#partners .brand-domain-wall .partner-tile:hover .brand-card-link,#partners .brand-domain-wall .partner-tile:focus-visible .brand-card-link,#partners .brand-domain-wall .partner-tile:hover .brand-product-count,#partners .brand-domain-wall .partner-tile:focus-visible .brand-product-count{color:#fff} #partners .brand-expand-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px} #partners .brand-expand-row>span{font-size:13px;color:#697760} #partners .brand-expand-control{min-width:330px;padding:15px 24px;border:1px solid #788b7d;background:transparent;color:#24392c;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:background .2s,color .2s} #partners .brand-expand-control span{display:inline-block;margin-left:12px;font-size:18px;line-height:1;transition:transform .2s} #partners .brand-expand-control:hover,#partners .brand-expand-control:focus-visible{background:#24392c;color:#fff;outline:none} #partners .brand-expand-control:hover span{transform:translateX(4px)} #partners .brand-expand-control[hidden]{display:none} @media(max-width:1050px){#partners .brand-domain-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:600px){#partners .brand-domain-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}#partners .brand-domain-filters button{padding:9px 4px;font-size:12px}#partners .brand-domain-wall{grid-template-columns:1fr!important;gap:10px!important}#partners .brand-domain-wall .partner-tile{height:154px!important;min-height:154px!important;padding:18px 22px 16px!important}#partners .brand-domain-wall .brand-card-specialty{min-height:28px;font-size:12px}#partners .brand-domain-wall .brand-card-emblem{min-height:40px;margin:5px 0 2px}#partners .brand-domain-wall .brand-card-emblem .brand-wordmark{font-size:23px}#partners .brand-domain-wall .brand-product-count{bottom:35px}#partners .brand-expand-row{align-items:stretch;flex-direction:column;gap:12px}#partners .brand-expand-control{width:100%;min-width:0}} /* Partner map — approved variant 6. */ #partners .brand-map-intro{max-width:none;margin:-6px 0 18px;color:#66716a;font-size:15px;line-height:1.55;white-space:nowrap} #partners .brand-partner-map{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:0!important;max-height:none!important;height:auto!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important} #partners .brand-domain-column{--domain-accent:#24392c;min-width:0;padding:0 12px 8px;border-right:1px solid #d5dcd6} #partners .brand-domain-column:first-child{padding-left:0}#partners .brand-domain-column:last-child{padding-right:0;border-right:0} #partners .domain-column-pompieri{--domain-accent:#ad202d}#partners .domain-column-politie{--domain-accent:#287e88}#partners .domain-column-armata{--domain-accent:#4d785c}#partners .domain-column-ambulanta{--domain-accent:#218e80}#partners .domain-column-tehnica{--domain-accent:#707773} #partners .brand-domain-heading{display:flex;align-items:flex-start;gap:10px;min-height:92px;padding:15px 14px;background:#101415;color:#fff} #partners .brand-domain-swatch{width:10px;height:30px;flex:0 0 10px;background:var(--domain-accent)} #partners .brand-domain-heading>div{width:100%;min-width:0} #partners .brand-domain-column h3{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin:0;font-size:20px;line-height:1.1;text-transform:uppercase;color:#fff} #partners .brand-domain-column h3 small{font-family:Barlow,Arial,sans-serif;font-size:10px;font-weight:500;line-height:1.2;text-transform:none;color:#c7cfca;white-space:nowrap} #partners .brand-domain-heading p{margin:6px 0 0;color:#c7cfca;font-size:12px;line-height:1.35} #partners .brand-domain-list{display:flex;flex-direction:column;gap:9px} #partners .brand-domain-wall .partner-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;height:132px!important;min-height:132px!important;padding:16px 18px!important;background:#f9faf7;border:1px solid #d4dcd5;overflow:hidden!important;isolation:isolate;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s} #partners .brand-domain-wall .partner-tile[hidden]{display:none!important} #partners .brand-domain-wall .partner-tile:before,#partners .brand-domain-wall .partner-tile:after{content:none!important} #partners .brand-domain-wall .brand-card-emblem{position:static;transform:none;width:100%;height:auto;min-height:27px;margin:0;display:block;mix-blend-mode:normal} #partners .brand-domain-wall .brand-card-emblem .brand-wordmark{display:block;width:100%;padding-right:50px;font-family:'Barlow Condensed',Arial,sans-serif;font-size:21px;line-height:1.1;font-weight:700;letter-spacing:.2px;text-align:left;text-transform:uppercase;color:#17221b;overflow-wrap:anywhere} #partners .brand-domain-wall .brand-card-specialty{position:static;width:100%;min-height:0;margin:5px 0 0;color:#69736d;font-size:12px;line-height:1.35;text-align:left;display:block} #partners .brand-domain-wall .brand-card-link{position:static;width:100%;margin-top:auto;display:flex;align-items:center;justify-content:space-between;flex-direction:row;color:#33483a;font-size:12px;line-height:1.2;text-align:left} #partners .brand-domain-wall .brand-card-link:after{display:none} #partners .brand-domain-wall .brand-product-count{position:static;order:1;color:#6b766f;font-size:11px;line-height:1.2;text-align:left;text-transform:none;letter-spacing:0;font-weight:400} #partners .brand-card-arrow{order:2;font-size:18px;line-height:1;color:var(--domain-accent)} #partners .brand-domain-rail{position:absolute;right:14px;top:15px;bottom:auto;width:auto;display:flex;flex-direction:row;gap:3px} #partners .brand-domain-rail i{display:block;flex:none;width:13px;height:5px;min-height:0;background:#708578;border-radius:1px} #partners .brand-domain-rail .domain-pompieri{background:#ad202d}#partners .brand-domain-rail .domain-politie{background:#287e88}#partners .brand-domain-rail .domain-armata{background:#4d785c}#partners .brand-domain-rail .domain-ambulanta{background:#218e80}#partners .brand-domain-rail .domain-tehnica{background:#707773} #partners .brand-domain-wall .partner-tile:hover,#partners .brand-domain-wall .partner-tile:focus-visible{background:#24392c;border-color:#24392c;transform:translateY(-2px);box-shadow:0 9px 18px #1d302426;outline:none} #partners .brand-domain-wall .partner-tile:hover .brand-wordmark,#partners .brand-domain-wall .partner-tile:focus-visible .brand-wordmark,#partners .brand-domain-wall .partner-tile:hover .brand-card-specialty,#partners .brand-domain-wall .partner-tile:focus-visible .brand-card-specialty,#partners .brand-domain-wall .partner-tile:hover .brand-product-count,#partners .brand-domain-wall .partner-tile:focus-visible .brand-product-count,#partners .brand-domain-wall .partner-tile:hover .brand-card-arrow,#partners .brand-domain-wall .partner-tile:focus-visible .brand-card-arrow{color:#fff} #partners .brand-expand-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px;padding-top:14px;border-top:1px solid #d4dbd5} #partners .brand-expand-row>span{font-size:13px;color:#697760} #partners .brand-expand-control{min-width:330px;padding:14px 22px;border:1px solid #788b7d;background:transparent;color:#24392c;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:background .2s,color .2s} #partners .brand-expand-control span{display:inline-block;margin-left:12px;font-size:18px;line-height:1;transition:transform .2s} #partners .brand-expand-control:hover,#partners .brand-expand-control:focus-visible{background:#24392c;color:#fff;outline:none}#partners .brand-expand-control:hover span{transform:translateX(4px)}#partners .brand-expand-control[hidden]{display:none} #partners .brand-note{margin-top:9px} #partners .brand-domain-legend{display:flex;align-items:center;gap:10px 24px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid #cfd7d0;color:#56625b;font-size:13px} #partners .brand-domain-legend strong{color:#24392c;font-size:14px} #partners .brand-domain-legend span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap} #partners .brand-domain-legend i{display:block;width:12px;height:12px;background:#707773} #partners .brand-domain-legend .domain-pompieri{background:#ad202d}#partners .brand-domain-legend .domain-politie{background:#287e88}#partners .brand-domain-legend .domain-armata{background:#4d785c}#partners .brand-domain-legend .domain-ambulanta{background:#218e80}#partners .brand-domain-legend .domain-tehnica{background:#707773} @media(max-width:1180px){#partners .brand-partner-map{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 0!important}#partners .brand-domain-column:nth-child(2n){border-right:0}#partners .brand-domain-column:nth-child(odd){padding-left:0}#partners .brand-domain-column:nth-child(even){padding-right:0}} @media(max-width:1050px){#partners .brand-map-intro{white-space:normal}} @media(max-width:640px){#partners .brand-map-intro{font-size:14px;white-space:normal}#partners .brand-partner-map{grid-template-columns:1fr!important;gap:20px!important}#partners .brand-domain-column{padding:0 0 20px!important;border-right:0;border-bottom:1px solid #d5dcd6}#partners .brand-domain-heading{min-height:0;padding:14px}#partners .brand-domain-wall .partner-tile{height:120px!important;min-height:120px!important}#partners .brand-expand-row{align-items:stretch;flex-direction:column;gap:10px}#partners .brand-expand-control{width:100%;min-width:0}#partners .brand-domain-legend{gap:9px 16px}} #partners.partners{padding-bottom:70px} /* TECHPLANET 2026-10-20: compact product PDFs and in-flow brand collections. */ main nav.tp-scoped-collections{position:static;inset:auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;background:var(--paper);color:#24392c} main nav.tp-scoped-collections a{color:#24392c;background:#fff;border-color:#aeb9ae;opacity:1} main nav.tp-scoped-collections a[aria-current="page"]{color:#fff;background:#24392c;border-color:#24392c} main nav.tp-scoped-collections a:hover{color:#17251c;background:#e5ece5} main nav.tp-scoped-collections a[aria-current="page"]:hover{color:#fff;background:#355540} main nav.tp-scoped-collections a:focus-visible{outline:3px solid #24392c;outline-offset:3px} main article[data-sku] [data-product-section="documents"] .tp-document-button-grid{display:flex;flex-wrap:wrap;gap:6px;align-items:stretch;max-width:298px} main article[data-sku] [data-product-section="documents"] .tp-document-button-grid> :not(.tp-pdf-button):not(.tp-document-button-item){flex:0 0 100%} main article[data-sku] [data-product-section="documents"] .tp-document-button-item{flex:0 0 70px;width:70px;max-width:100%;margin:0} main article[data-sku] [data-product-section="documents"] a.tp-pdf-button{width:70px;max-width:100%;min-height:44px;padding:5px;gap:4px;font-size:12px;line-height:1.2;justify-content:center} main article[data-sku] [data-product-section="documents"] .tp-pdf-icon{flex:0 0 14px;width:14px;height:18px} @media(max-width:640px){main nav.tp-scoped-collections{background:#141b18;color:#f3f6f3;align-items:stretch}main nav.tp-scoped-collections a{color:#f3f6f3;background:#1d2922;border-color:#8f9f94}main nav.tp-scoped-collections a[aria-current="page"]{color:#fff;background:#3c5b46;border-color:#d6e4da;font-weight:700}main nav.tp-scoped-collections a:hover{color:#fff;background:#304638}main nav.tp-scoped-collections a[aria-current="page"]:hover{color:#fff;background:#496b54}main nav.tp-scoped-collections a:focus-visible{outline-color:#fff}} /* httpdocs/assets/css/new-products.css */ .new-products-section{background:#f3f4ef;border-top:1px solid #dce2da;padding-top:40px!important;padding-bottom:30px!important} .new-products-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px} .new-products-heading .eyebrow{margin-bottom:10px;font-size:11px;letter-spacing:1.8px} .new-products-heading h2{font-size:clamp(34px,3.3vw,50px);line-height:1.05} .new-products-tools,.new-products-arrows{display:flex;align-items:center;gap:10px} .new-products-tools{gap:24px} .new-products-all{font-size:14px;font-weight:600;border-bottom:1px solid #8b9b8b;white-space:nowrap;padding-bottom:3px;color:#24392c} .new-products-arrows button{display:grid;place-items:center;width:40px;height:40px;padding:0;background:transparent;color:#24392c;border:1px solid #a4b1a4;font-size:22px;line-height:1} .new-products-arrows button:hover:not(:disabled){background:#24392c;color:white} .new-products-arrows button:disabled{opacity:.3;cursor:default} .new-products-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 4px;scroll-behavior:smooth} .new-products-track::-webkit-scrollbar{display:none} .new-products-track:focus-visible{outline:2px solid #36c2cb;outline-offset:4px} .new-product-card.holik-product-card{display:flex;flex-direction:column;gap:0;min-width:0;height:100%;margin:0;padding:0;overflow:hidden;border:1px solid #d9e0d7;background:#fff;box-shadow:none;scroll-snap-align:start;scroll-snap-stop:normal;transition:border-color .2s} .new-product-card.holik-product-card:hover{border-color:#849681;background:#fff;transform:none} .new-product-image{position:relative;display:block;flex:none;width:100%;height:186px;padding:12px 16px 0;background:#fff;overflow:hidden} .new-product-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#fff;filter:none;mix-blend-mode:normal} .new-product-badge{position:absolute;z-index:1;left:12px;top:12px;background:#24392c;color:#fff;font-size:10px;line-height:1;font-weight:700;letter-spacing:1px;padding:6px 8px} .new-product-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:14px} .new-product-brand{font-size:10px;font-weight:700;letter-spacing:1px;color:#5b6c5b;margin:0 0 5px} .new-product-card h3{font-size:22px!important;line-height:1.15!important;min-height:2.3em;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .new-product-card h3 a:hover{color:#355540} .new-product-description{font-size:13px;line-height:1.45;min-height:2.9em;max-height:2.9em;color:#657063;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px} .new-product-card .product-sku{display:flex;align-items:center;flex-wrap:nowrap;gap:4px;white-space:nowrap;min-width:0;width:100%;margin:auto 0 0;padding:0;font-size:10px;line-height:1;color:#51604f;letter-spacing:0} .new-product-card .product-sku span{font-size:10px;flex:none} .new-product-card .product-sku strong{font-size:10px;letter-spacing:0;line-height:1;font-weight:600;padding:0;background:transparent;color:#24392c;white-space:nowrap;flex:none} .new-product-card .product-sku .select-b2b{flex:0 0 88px;width:88px;min-width:88px;max-width:88px;height:30px;min-height:30px;padding:0 4px;margin:0 0 0 auto;border:1px solid #24392c;border-radius:0;background:#24392c;color:#fff;font-size:11px;font-weight:600;line-height:1;white-space:nowrap;letter-spacing:0} .new-product-card .product-sku .select-b2b:hover{background:#355540} .new-product-card .product-sku .select-b2b[aria-pressed=true]{background:#e5eee1;color:#24392c} .new-product-details{align-self:flex-start;font-size:12px;line-height:1.3;font-weight:600;color:#24392c;margin-top:10px;border-bottom:1px solid #b8c3b4} .new-products-navigation{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:18px} .new-products-navigation[hidden]{display:none} .new-products-dots{display:flex;align-items:center;gap:4px} .new-products-dots button{width:26px;height:24px;position:relative;background:transparent;padding:0;border:0} .new-products-dots button:after{content:'';position:absolute;left:0;right:0;top:10px;height:3px;background:#ccd4c9} .new-products-dots button[aria-current=true]:after{background:#24392c} .new-products-position{font-size:11px;font-weight:600;letter-spacing:1px;color:#24392c;min-width:50px} .new-products-archive{padding-top:40px!important;min-height:65vh} .new-products-archive h1{font-size:clamp(38px,4.5vw,66px);margin:12px 0 16px} .new-products-back{display:inline-block;font-size:13px;color:#4e624e;margin-bottom:24px} .new-products-archive .eyebrow{margin-bottom:8px} .new-products-intro{font-size:15px;color:#5c6d59;max-width:760px;margin-bottom:18px} #new-products-total{font-size:13px;color:#5c6d59;margin-bottom:18px;scroll-margin-top:100px} .new-products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .new-products-pagination{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin:28px 0 0;position:static;color:#24392c} .new-products-pagination button{padding:8px 14px;min-height:38px;background:#fff;border:1px solid #a9b9a1;color:#24392c;font-size:13px} .new-products-pagination button:disabled{opacity:.35;cursor:default} .new-products-pagination span{font-size:13px} @media(max-width:1199px){.new-products-track{grid-auto-columns:calc((100% - 32px)/3)}.new-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:900px){.new-products-track{grid-auto-columns:calc((100% - 16px)/2)}.new-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.new-products-heading{align-items:flex-start}.new-products-tools{flex-wrap:wrap;justify-content:flex-end;gap:10px}} @media(max-width:600px){.new-products-section{padding-top:28px!important;padding-bottom:22px!important}.new-products-heading{display:block;margin-bottom:16px}.new-products-tools{justify-content:space-between;margin-top:14px}.new-products-all{font-size:13px}.new-products-arrows button{width:40px;height:40px}.new-products-track{grid-auto-columns:100%;gap:12px}.new-product-image{height:180px}.new-product-body{padding:14px}.new-product-card h3{font-size:23px!important}.new-product-card .product-sku,.new-product-card .product-sku span,.new-product-card .product-sku strong{font-size:11px}.new-product-card .product-sku .select-b2b{flex-basis:96px;width:96px;min-width:96px;max-width:96px;font-size:12px}.new-products-grid{grid-template-columns:1fr}.new-products-dots{gap:3px}.new-products-dots button{width:13px}.new-products-navigation{gap:12px}} @media(prefers-reduced-motion:reduce){.new-products-track{scroll-behavior:auto}.new-product-card.holik-product-card{transition:none}} /* Match the optical product size used on the brand and catalog cards. */ .new-product-card[data-sku="TP-PRT-00001"]{--boot-height:183.3616%;--boot-x:49.9576%;--boot-y:53.8452%} .new-product-card[data-sku="TP-PRT-00002"]{--boot-height:185.4987%;--boot-x:50.3393%;--boot-y:53.5625%} .new-product-card[data-sku="TP-PRT-00003"]{--boot-height:262.6368%;--boot-x:59.0759%;--boot-y:50.2827%} .new-product-card[data-sku="TP-PRT-00004"]{--boot-height:159.4768%;--boot-x:49.5759%;--boot-y:50.7351%} .new-product-card[data-brand="PROTEKTOR"] .new-product-image{padding:0} .new-product-card[data-brand="PROTEKTOR"] .new-product-image img{position:absolute;left:50%;top:50%;width:auto;height:var(--boot-height);max-width:none;transform:translate(calc(-1 * var(--boot-x)),calc(-1 * var(--boot-y)))} .new-product-card[data-sku="TP-PRT-00003"] .new-product-image img{clip-path:inset(31% 28% 30% 47%)} /* Colors belong to the text body, never between the photo and its title. */ .new-product-body{padding:12px;gap:0} .new-product-image{height:174px;padding:10px 14px 0} .new-product-card h3{font-size:20px!important;line-height:1.2!important;height:2.4em;min-height:2.4em;margin-bottom:6px;flex:none} .new-product-brand{line-height:1.4;height:14px;flex:none;margin-bottom:4px} .new-product-description{height:2.9em;min-height:2.9em;margin-bottom:6px;flex:none} .new-product-body .product-color-options{width:100%;max-width:100%;margin:0 0 8px;text-align:left;min-height:0;flex:none} .new-product-body .product-color-swatches{justify-content:flex-start} .new-product-body .product-color-label{margin:3px 0 0;font-size:11px} .new-product-body .product-color-options-single{margin:0 0 6px} .new-product-card .product-sku{padding-top:6px} .new-product-details{margin-top:8px} @media(max-width:600px){.new-product-image{height:174px}.new-product-card h3{font-size:20px!important}.new-product-body{padding:12px}} /* Recent products use the same compact, centered bottom variant row. */ .new-product-body .catalog-variant-slot{margin:6px 0 0;min-height:0;width:100%;flex:none} .new-product-body .catalog-variant-slot .product-color-options{margin:0;padding:0;width:100%;min-height:0;text-align:center} .new-product-body .product-color-swatches{justify-content:center;gap:4px} .new-product-body .product-color-swatch{width:28px;height:28px;flex-basis:28px;padding:3px} .new-product-body .product-color-chip{width:20px;height:20px} .new-product-body .product-color-options-single{margin:0} .new-product-body .product-color-label{font-size:10px;line-height:1.3;margin:2px 0;text-align:center} .new-product-card:not([data-selected-color]) .product-color-options:not(.product-color-options-single) .product-color-label{display:none} .new-product-card h3{height:auto;min-height:0} .new-product-description{height:auto;min-height:0} .new-product-card .product-sku{margin-top:0;padding-top:4px} .new-product-details{margin-top:6px} .new-product-expandable{margin-top:6px;border-top:1px solid #d8ded8;padding-top:7px;width:100%} .new-product-expandable summary{font-size:12px;font-weight:600;color:#24392c;cursor:pointer} .new-product-full-description{font-size:12px;line-height:1.5;margin:8px 0} .new-product-expandable .new-product-details{display:inline-block;margin:4px 0} /* httpdocs/assets/css/site-navigation.css */ /* Return routes remain visible even when a product link skips the brand introduction. */ .page-return-nav{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;margin-left:auto;font-size:13px;font-weight:600;line-height:1.25} .page-return-nav a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 10px;white-space:nowrap;color:#e5ede7;border:1px solid transparent;transition:background .2s,border-color .2s} .page-return-nav a:hover{background:#ffffff0d;border-color:#718878;color:#fff} .page-return-nav .page-return-back{border-color:#657b6c;color:#fff} .page-return-nav .page-return-back span{margin-right:5px} header.has-return-nav.has-main-navigation{height:auto;min-height:86px;flex-wrap:wrap;row-gap:0;padding-top:14px;padding-bottom:8px} header.has-main-navigation .page-return-nav{flex:0 0 100%;margin-top:8px;padding-top:5px;border-top:1px solid #ffffff18} header.has-return-nav>nav{top:100%;max-height:calc(100svh - var(--sticky-header-height,86px))} html{scroll-padding-top:calc(var(--sticky-header-height,86px) + 10px)} @media(max-width:760px){ header.has-return-nav{height:auto;min-height:72px;flex-wrap:wrap;row-gap:8px;padding-top:16px;padding-bottom:9px} header.has-return-nav .page-return-nav{flex:0 0 100%;display:grid;grid-template-columns:auto auto 1fr auto;gap:4px;margin:0;padding-top:7px;border-top:1px solid #ffffff18} .page-return-nav a{min-height:38px;padding:7px 6px;font-size:12px} header.has-main-navigation .page-return-nav{margin-top:0} } @media(prefers-reduced-motion:reduce){.page-return-nav a{transition:none}} @media(max-width:380px){header.has-return-nav .header-brand-group{gap:12px}.page-return-nav a{padding-left:4px;padding-right:4px;font-size:11px}} /* httpdocs/assets/css/company-news.css */ /* Compact editorial updates with alternating, floated photographs. */ .company-news-section{background:#e3ebe4;padding-top:44px;padding-bottom:44px;border-top:1px solid var(--line)} .company-news-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px} .company-news-heading h2{margin:0;font-size:clamp(30px,3.2vw,46px);line-height:1.12} .company-news-heading .eyebrow{margin:0 0 12px} .company-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch} .company-news-card{background:#fff;border:1px solid var(--line);padding:22px;min-width:0;display:flow-root} .company-news-card .company-news-date{display:block;font-size:11px;font-weight:600;letter-spacing:1.2px;color:#68756d;text-transform:uppercase;margin-bottom:10px} .company-news-card h3{font:600 22px/1.15 Barlow,Arial,sans-serif;margin:0 0 14px;color:var(--ink)} .company-news-photo{float:left;width:142px;height:152px;object-fit:contain;background:#fff;margin:0 18px 8px 0} .company-news-card:nth-child(even) .company-news-photo{float:right;margin:0 0 8px 18px} .company-news-card p{font-size:15px;line-height:1.6;margin:0;color:#4c5750;overflow-wrap:anywhere} .company-news-archive-link{display:inline-flex;align-items:center;gap:16px;padding:9px 0;border-bottom:1px solid #24392c;color:#24392c;font-size:14px;font-weight:600;white-space:nowrap} .company-news-archive-link:hover{border-color:#628d70;color:#4d785c} .company-news-archive{padding-top:46px;padding-bottom:54px;min-height:65vh} .company-news-archive>h1{font-size:clamp(36px,4.2vw,58px);line-height:1.1;margin:12px 0} .company-news-archive-intro{margin:0 0 26px;color:#647067;max-width:720px} .company-news-back{display:inline-block;margin-bottom:20px;color:#4d785c;font-size:14px} @media(min-width:1251px){header:has(.header-brand-group)>nav#nav{gap:10px;font-size:11.5px}header:has(.header-brand-group)>nav#nav .nav-number{font-size:10px;margin-right:3px}} @media(max-width:800px){.company-news-grid{grid-template-columns:1fr;gap:14px}.company-news-heading{align-items:flex-start;flex-direction:column;gap:14px}.company-news-section{padding-top:30px;padding-bottom:30px}.company-news-card{padding:18px}.company-news-photo{width:126px;height:136px;margin-right:14px}.company-news-card:nth-child(even) .company-news-photo{margin-left:14px}.company-news-card h3{font-size:21px}.company-news-card p{font-size:14px;line-height:1.65}} @media(max-width:380px){.company-news-photo{width:98px;height:112px}} .company-news-footer{display:flex;justify-content:flex-end;margin-top:16px} /* Homepage news — TECHPLANET horizontal editorial cards. */ .company-news-section{padding-top:68px;padding-bottom:72px;background:#e3ebe4} .company-news-section .company-news-heading{align-items:flex-end;margin-bottom:30px} .company-news-section .company-news-heading h2{font-family:'Barlow Condensed',Impact,Arial,sans-serif;font-size:clamp(42px,4.8vw,72px);line-height:.99;letter-spacing:-.8px} .company-news-section .company-news-heading .eyebrow{margin-bottom:22px} .company-news-section .company-news-archive-link{margin-bottom:5px;text-transform:uppercase;letter-spacing:.7px;font-size:12px} .company-news-section .company-news-grid{gap:16px} .company-news-section .company-news-card{min-height:320px;padding:0;display:grid;grid-template-columns:minmax(210px,36%) minmax(0,1fr);grid-template-rows:auto auto 1fr auto;grid-template-areas:"image date" "image title" "image summary" "image action";align-items:start;overflow:hidden} .company-news-section .company-news-card:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(210px,36%);grid-template-areas:"date image" "title image" "summary image" "action image"} .company-news-section .company-news-photo,.company-news-section .company-news-card:nth-child(even) .company-news-photo{grid-area:image;float:none;width:100%;height:100%;min-height:320px;margin:0;padding:28px;object-fit:contain;background:#fff} .company-news-section .company-news-card:nth-child(odd) .company-news-photo{border-right:1px solid var(--line)} .company-news-section .company-news-card:nth-child(even) .company-news-photo{border-left:1px solid var(--line)} .company-news-section .company-news-date{grid-area:date;margin:0;padding:28px 30px 0} .company-news-section .company-news-card h3{grid-area:title;margin:0;padding:15px 30px 0;font-family:'Barlow Condensed',Impact,Arial,sans-serif;font-size:clamp(25px,1.8vw,32px);line-height:1.05;font-weight:600} .company-news-section .company-news-card p{grid-area:summary;margin:0;padding:18px 30px 0;font-size:14px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden} .company-news-read{grid-area:action;justify-self:start;display:inline-flex;align-items:center;gap:14px;margin:22px 30px 28px;padding:6px 0;border-bottom:1px solid #24392c;color:#24392c;font-size:12px;font-weight:700;letter-spacing:.9px;text-transform:uppercase} .company-news-read:hover{color:#4d785c;border-color:#4d785c} .company-news-footer[hidden]{display:none!important} @media(max-width:1050px){.company-news-section .company-news-card,.company-news-section .company-news-card:nth-child(even){grid-template-columns:170px minmax(0,1fr);grid-template-areas:"image date" "image title" "image summary" "image action"}.company-news-section .company-news-card:nth-child(even) .company-news-photo{border-left:0;border-right:1px solid var(--line)}} @media(max-width:800px){.company-news-section{padding-top:52px;padding-bottom:54px}.company-news-section .company-news-heading{gap:18px;margin-bottom:22px}.company-news-section .company-news-heading .eyebrow{margin-bottom:14px}.company-news-section .company-news-card,.company-news-section .company-news-card:nth-child(even){min-height:0;grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"image" "date" "title" "summary" "action"}.company-news-section .company-news-photo,.company-news-section .company-news-card:nth-child(even) .company-news-photo{height:230px;min-height:230px;padding:24px;border:0;border-bottom:1px solid var(--line)}.company-news-section .company-news-date{padding:20px 20px 0}.company-news-section .company-news-card h3{padding:12px 20px 0;font-size:27px}.company-news-section .company-news-card p{padding:14px 20px 0;-webkit-line-clamp:4}.company-news-read{margin:18px 20px 22px}} /* httpdocs/assets/css/product-lightbox.css */ .tp-image-trigger{cursor:zoom-in;position:relative} .tp-image-trigger::after{content:'↗';position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:28px;height:28px;border:1px solid #d6dfd8;border-radius:50%;background:#fff;color:#263b2d;font:20px/1 Arial,sans-serif;opacity:0;transition:opacity .15s;pointer-events:none} .tp-image-trigger:hover::after,.tp-image-trigger:focus-visible::after{opacity:1} .tp-image-trigger:focus-visible{outline:2px solid #4d785c;outline-offset:3px} .tp-photo-dialog{box-sizing:border-box;width:min(880px,94vw);max-width:880px;max-height:94dvh;margin:auto;padding:18px;border:1px solid #dbe3dd;border-radius:12px;background:#fff;color:#18241c;box-shadow:0 24px 90px #0005;overflow:auto} .tp-photo-dialog::backdrop{background:rgba(8,18,14,.78);backdrop-filter:blur(3px)} .tp-photo-dialog .tp-photo-heading{position:static;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:0 0 10px;margin:0;background:#fff;color:#18241c;border:0;box-shadow:none;height:auto;min-height:0} .tp-photo-heading h2{font-family:Barlow,Arial,sans-serif;font-size:20px;line-height:1.3;margin:0;font-weight:600;letter-spacing:0} .tp-photo-sku{font:13px/1.5 Barlow,Arial,sans-serif;color:#607165;margin:4px 0 0} .tp-photo-close{flex:none;width:36px;height:36px;border:1px solid #dbe3dd;border-radius:50%;background:#f3f6f3;color:#263b2d;font:28px/1 Arial,sans-serif;cursor:pointer} .tp-photo-stage{position:relative;display:grid;place-items:center;background:#fff} .tp-photo-stage>img{display:block;position:static;object-fit:contain;object-position:center;width:100%;height:min(64dvh,800px);max-width:800px;max-height:800px;margin:0 auto;background:#fff;touch-action:pan-y} .tp-photo-prev,.tp-photo-next{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:44px;border:1px solid #dbe3dd;border-radius:6px;background:#fffffff0;color:#263b2d;font:32px/1 Arial,sans-serif;cursor:pointer} .tp-photo-prev{left:0}.tp-photo-next{right:0} .tp-photo-thumbnails{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding-top:10px} .tp-photo-thumbnails button{width:52px;height:52px;padding:2px;border:1px solid #dbe3dd;border-radius:5px;background:#fff;cursor:pointer} .tp-photo-thumbnails button[aria-pressed=true]{border:2px solid #4d785c} .tp-photo-thumbnails img{width:100%;height:100%;object-fit:contain;background:#fff} .tp-photo-dialog [hidden]{display:none!important} .tp-photo-help,.tp-photo-error{font:13px/1.5 Barlow,Arial,sans-serif;text-align:center;color:#607165;margin:10px 0 0} .tp-photo-dialog button:focus-visible{outline:2px solid #4d785c;outline-offset:3px} @media(max-width:600px){.tp-photo-dialog{padding:12px;border-radius:8px}.tp-photo-heading h2{font-size:17px}.tp-photo-stage>img{height:min(58dvh,800px)}.tp-image-trigger::after{opacity:1;width:24px;height:24px;font-size:18px}} @media(prefers-reduced-motion:reduce){.tp-image-trigger::after{transition:none}} /* httpdocs/assets/css/banners.css */ .tp-promo{max-width:1400px;width:calc(100% - 48px);margin:24px auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);background:#24392c;color:#fff;overflow:hidden}.tp-promo-media{display:block;min-height:230px}.tp-promo-media img{display:block;width:100%;height:100%;object-fit:cover}.tp-promo-body{padding:28px 36px;min-width:0}.tp-promo .tp-promo-label{font-size:11px;letter-spacing:1.8px;color:#b9d0bd;margin-bottom:10px}.tp-promo h2{font-size:clamp(25px,2.7vw,38px);line-height:1.08;margin:0 0 12px}.tp-promo-body>p:not(.tp-promo-label){font-size:14px;line-height:1.55;max-width:680px;margin:0 0 18px;color:#e1e9e2}.tp-promo-button{display:inline-flex;align-items:center;min-height:42px;border:1px solid #c8d8cb;padding:8px 18px;font-size:13px;font-weight:600;transition:background .18s,color .18s}.tp-promo-button:hover{background:#fff;color:#24392c}.tp-promo-button:focus-visible{outline:3px solid #36c2cb;outline-offset:4px}.tp-promo:not(:has(.tp-promo-media)){grid-template-columns:1fr}@media(max-width:600px){.tp-promo{width:calc(100% - 28px);margin:18px auto;grid-template-columns:1fr}.tp-promo-media{height:150px;min-height:0}.tp-promo-body{padding:20px}.tp-promo h2{font-size:28px}.tp-promo-button{min-height:44px}} /* httpdocs/assets/css/brands-scroll-three-rows-20261010.css */ #partners #brands.brand-partner-map { max-height: var(--brand-three-row-height, 506px) !important; overflow-y: scroll !important; overflow-x: hidden !important; padding-right: 10px !important; scrollbar-gutter: stable; scrollbar-width: auto; scrollbar-color: #4d785c #dbe2dc; } #partners #brands::-webkit-scrollbar { width: 12px; } #partners #brands::-webkit-scrollbar-track { background: #dbe2dc; border-radius: 8px; } #partners #brands::-webkit-scrollbar-thumb { background: #4d785c; border: 2px solid #dbe2dc; border-radius: 8px; } #partners #brands::-webkit-scrollbar-thumb:hover { background: #24392c; } #partners #brands .brand-domain-heading { position: sticky; top: 0; z-index: 2; } #partners #brands:focus-visible { outline: 2px solid #4d785c; outline-offset: 4px; } #partners .brand-expand-row { display: none !important; } @media (max-width: 640px) { #partners #brands.brand-partner-map { max-height: var(--brand-three-row-height, 426px) !important; padding-right: 8px !important; } } /* httpdocs/assets/css/hero-playlist-20261014.css */ .hero.tp-has-playlist .tp-hero-video{inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease;pointer-events:none} .hero.tp-has-playlist .tp-hero-video.tp-hero-active{opacity:1} .tp-hero-controls{display:flex;flex-direction:column;align-items:center;gap:5px;max-width:100%;color:#fff} .tp-hero-status{font-size:11px;letter-spacing:1px;font-variant-numeric:tabular-nums} .tp-hero-control-row{display:flex;gap:6px;align-items:center} .hero .tp-hero-controls button{cursor:pointer;color:#fff;background:#1119;border:1px solid #ffffff60;min-height:44px;font:inherit} .hero .tp-hero-controls .video-toggle{min-width:130px;padding:8px 12px;font-size:13px} .hero .tp-hero-button{min-width:44px;padding:6px;font-size:26px;line-height:1} .hero .tp-hero-choices{display:flex;gap:4px} .hero .tp-hero-choices .tp-hero-button{min-width:32px;font-size:10px;background:transparent;border-color:transparent;border-bottom:2px solid #ffffff40} .hero .tp-hero-choices .tp-hero-button[aria-pressed=true]{border-bottom-color:#fff;background:#ffffff15} .hero .tp-hero-controls button:hover{background:#ffffff20} .hero .tp-hero-controls button:focus-visible{outline:2px solid white;outline-offset:3px} .tp-hero-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} @media(max-width:760px){.hero.tp-has-playlist .hero-bottom{align-items:center;gap:14px;flex-wrap:wrap;bottom:18px}.hero.tp-has-playlist .hero-bottom .tp-hero-controls{order:3;flex-basis:100%}.hero.tp-has-playlist .hero-content{padding-bottom:185px}.hero.tp-has-playlist{min-height:740px;height:auto}.tp-hero-status{font-size:10px}} @media(prefers-reduced-motion:reduce){.hero.tp-has-playlist .tp-hero-video{transition:none}} /* httpdocs/assets/css/catalog-characteristics.3b5f97970757.css */ dl.tp-published-characteristics{display:block;margin:.65rem 0;padding:0;border:0;background:none;font:inherit;color:inherit} dl.tp-published-characteristics>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:.75rem;margin:0;padding:.18rem 0;border:0;background:none} dl.tp-published-characteristics dt,dl.tp-published-characteristics dd{min-width:0;margin:0;padding:0;border:0;background:none;font:inherit;line-height:1.4;overflow-wrap:anywhere;text-align:left} dl.tp-published-characteristics dt{font-weight:600}dl.tp-published-characteristics dd{font-weight:400} details.tp-characteristics-details{margin:.6rem 0}details.tp-characteristics-details>summary{cursor:pointer;font-weight:600} @media(max-width:480px){dl.tp-published-characteristics>div{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:.5rem}} dl.tp-published-characteristics:empty{display:none;margin:0;padding:0} /* httpdocs/assets/css/catalog-peer-presentation.44d473246b29.css */ /* V3910: visible choices followed by four independent peer disclosures. */ article[data-sku] .catalog-peer-sections{display:block;min-width:0;max-width:100%;border:0!important;background:none;padding:0!important;margin:8px 0 0} article[data-sku] .catalog-peer-sections[hidden]{display:none!important} article[data-sku] .catalog-peer-sections>.catalog-selection-controls{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin:6px 0 12px;padding:0;min-width:0;max-width:100%} article[data-sku] .catalog-peer-sections :is(.catalog-variant-slot,.product-size-options){width:100%;min-width:0;max-width:100%;text-align:left} article[data-sku] .catalog-peer-sections :is(.product-color-options,.product-color-swatches,.product-size-choices){direction:ltr;text-align:left;justify-content:flex-start;align-items:center;max-width:100%;min-width:0;margin-left:0;margin-right:0} article[data-sku] .catalog-peer-sections :is(.product-color-label,.product-size-label,.product-color-photo-note){text-align:left} article[data-sku] .catalog-peer-sections>.catalog-product-section{border:0;border-top:1px solid #dce3d6;background:none;margin:0;padding:0} article[data-sku] .catalog-peer-sections>.catalog-product-section:last-child{border-bottom:1px solid #dce3d6} article[data-sku] .catalog-peer-sections>.catalog-product-section>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;padding:9px 0;margin:0;font-family:inherit;font-size:14px!important;font-weight:600;line-height:1.4} article[data-sku] .catalog-peer-sections>.catalog-product-section>summary::marker{content:''} article[data-sku] .catalog-peer-sections>.catalog-product-section>summary::-webkit-details-marker{display:none} article[data-sku] .catalog-peer-sections>.catalog-product-section>summary::before{content:'+';display:inline-block;box-sizing:border-box;flex:0 0 1em;width:1em;height:auto;border:0;transform:none;text-align:center;font-family:inherit;font-weight:400;font-size:16px;line-height:1} article[data-sku] .catalog-peer-sections>.catalog-product-section[open]>summary::before{content:'';flex:0 0 .55em;width:.55em;height:.55em;border:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:.18em;margin-right:.27em;margin-top:-.25em} article[data-sku] .catalog-peer-sections>.catalog-product-section>summary::after{content:none;display:none} article[data-sku] .catalog-peer-sections>.catalog-product-section>.catalog-section-content{padding:0 0 9px;min-width:0;max-width:100%;overflow-wrap:anywhere} article[data-sku] .catalog-peer-sections .catalog-visitor-fact-row{border:0;border-bottom:1px solid #dce3d6;background:none} article[data-sku] .catalog-peer-sections .catalog-product-section[data-product-section="details"] :is(table.holik-product-specs,.honda-specs>table,table.roto-spec-table):not(:has(tr>:nth-child(3),[colspan],[rowspan],table,th[scope="col"])):not(table table,[data-product-section="documents"] table) :is(th,td){border:0!important;border-bottom:1px solid #dce3d6!important;background:none!important;box-shadow:none!important} /* Override the full-grid ID rule only for ordinary technical facts. */ article[data-sku] .catalog-peer-sections .catalog-product-section[data-product-section="details"] :is(table.holik-product-specs,.honda-specs>table,table.roto-spec-table):not(:has(tr>:nth-child(3),[colspan],[rowspan],table,th[scope="col"])):not(table table,[data-product-section="documents"] table){font-size:13px!important;line-height:1.35!important} article[data-sku] .catalog-peer-sections .holik-product-features{display:block;margin:0;padding:0;list-style:none} article[data-sku] .catalog-peer-sections .holik-product-features>li{display:block;border:0!important;background:none!important;box-shadow:none!important;margin:0;padding:3px 0;line-height:1.35} article[data-sku] .catalog-peer-sections [hidden]{display:none!important} article[data-sku] .catalog-peer-sections .product-color-swatch{width:26px;height:26px;min-width:26px;padding:3px;margin:0} article[data-sku] .catalog-peer-sections .product-color-chip{display:block;width:18px;height:18px} article[data-sku] .catalog-peer-sections .product-color-swatches{display:flex;flex-wrap:wrap;gap:5px} article[data-sku] .catalog-peer-sections .product-size-select{font:inherit;max-width:100%;padding:3px 6px} article[data-sku] .catalog-peer-sections .catalog-section-content{font-size:13px;line-height:1.35} article[data-sku] .catalog-peer-sections th,article[data-sku] .catalog-peer-sections dt{font-weight:600} article[data-sku] .catalog-peer-sections td,article[data-sku] .catalog-peer-sections dd{font-weight:400} article[data-sku] .catalog-peer-sections dl.tp-peer-facts{display:block;margin:0;padding:0;border:0;background:none;font:inherit} article[data-sku] .catalog-peer-sections dl.tp-peer-facts>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:10px;padding:3px 0;margin:0;border:0;background:none} article[data-sku] .catalog-peer-sections dl.tp-peer-facts dt,article[data-sku] .catalog-peer-sections dl.tp-peer-facts dd{margin:0;padding:0;min-width:0;overflow-wrap:anywhere} article[data-sku] .catalog-peer-sections dl.tp-peer-facts p{grid-column:1/-1;margin:0} article[data-sku] .catalog-peer-sections .product-size-choices{display:flex;flex-wrap:wrap;gap:5px} article[data-sku] .catalog-peer-sections .product-size-choice{min-width:26px;min-height:26px;padding:3px 6px;border:1px solid #b8c5bb;background:#fff;color:inherit;font:inherit;font-size:12px;line-height:1.2;cursor:pointer} article[data-sku] .catalog-peer-sections .product-size-choice[aria-pressed="true"]{border-color:#294533;background:#edf2ee;font-weight:600} article[data-sku] .catalog-peer-sections .product-size-label{margin:5px 0;font-size:12px} @media(pointer:coarse){article[data-sku] .catalog-peer-sections :is(.product-color-swatch,.product-size-choice){min-width:32px;min-height:32px}} article[data-sku] .catalog-peer-sections :is(.catalog-selection-controls,.catalog-variant-slot,.product-color-options,.product-color-swatches,.product-size-options,.product-size-choices,.product-color-label,.product-size-label,.product-color-photo-note){text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important;margin-left:0!important;margin-right:0!important} article[data-sku] .catalog-peer-sections :is(dl.tp-peer-facts,dl.tp-published-characteristics)>div{border-bottom:1px solid #dce3d6!important} /* httpdocs/assets/css/product-options-compact.7ce92f3d0a94.css */ /* V551: compact, wrapping options. No scrolling or clipped size labels. */ :is(#full-grid,main) article[data-sku].tp-multi-product, :is(#full-grid,main) article[data-sku].tp-multi-product :is(.holik-product-info,.holik-product-body,.new-product-body,.catalog-peer-sections,.catalog-selection-controls,.catalog-variant-slot){min-width:0;max-width:100%} :is(#full-grid,main) article[data-sku] .catalog-peer-sections .product-color-options.product-options-multi{display:flex;flex-direction:column;gap:2px;width:100%;min-width:0;max-width:100%;box-sizing:border-box;margin:0;padding:0} :is(#full-grid,main) article[data-sku] .catalog-peer-sections .product-options-multi :is(.product-color-label,.product-size-label,.product-color-photo-note){margin:0;font-size:11px;line-height:1.2;overflow-wrap:anywhere} :is(#full-grid,main) article[data-sku] .product-options-multi .product-color-photo-note:empty{display:none} :is(#full-grid,main) article[data-sku] .catalog-peer-sections .product-options-multi .product-color-swatches{display:flex;flex-flow:row wrap;flex-wrap:wrap;gap:2px;width:100%;min-width:0;max-width:100%;overflow:visible;overflow-x:visible;overflow-y:visible} :is(#full-grid,main) article[data-sku] .catalog-peer-sections .product-options-multi .product-color-swatch{box-sizing:border-box;flex:0 0 28px;min-width:28px;width:28px;min-height:28px;height:28px;padding:4px} :is(#full-grid,main) article[data-sku] .catalog-peer-sections .product-options-multi .product-size-options{margin:0;padding:0;width:100%;min-width:0;max-width:100%} :is(#full-grid,main) article[data-sku] .catalog-peer-sections .product-options-multi .product-size-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px;min-width:0;max-width:100%} :is(#full-grid,main) article[data-sku] .catalog-peer-sections .product-options-multi .product-size-label{margin:0;flex:0 0 auto;font-size:11px} :is(#full-grid,main) article[data-sku] .catalog-peer-sections .product-options-multi .product-size-all{appearance:none;-webkit-appearance:none;box-sizing:border-box;font:inherit;font-size:10px;line-height:1.2;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;color:inherit;text-decoration:underline;padding:2px 3px;min-width:0;min-height:24px;height:auto;max-width:100%;white-space:normal;overflow-wrap:anywhere;cursor:pointer} :is(#full-grid,main) article[data-sku] .product-options-multi .product-size-all:disabled{opacity:.6;cursor:default} :is(#full-grid,main) article[data-sku] .catalog-peer-sections .product-options-multi .product-size-choices{display:flex;flex-flow:row wrap;flex-wrap:wrap;align-items:flex-start;gap:2px;width:100%;min-width:0;max-width:100%;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0} :is(#full-grid,main) article[data-sku] .catalog-peer-sections .product-options-multi .product-size-item{box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;flex:0 1 auto;gap:1px;min-width:28px;max-width:100%} :is(#full-grid,main) article[data-sku] .catalog-peer-sections .product-options-multi .product-size-choice{box-sizing:border-box;flex:0 0 auto;margin:0;min-width:28px;max-width:100%;min-height:26px;height:auto;padding:2px 3px;font-size:11px;line-height:1.2;white-space:normal;overflow-wrap:anywhere;border-radius:2px} /* Autosizing keeps one-digit quantities compact and exposes every valid digit. Monospace/tabular digits make Nch exact; 10px covers padding, borders and caret. */ :is(#full-grid,main) article[data-sku] .catalog-peer-sections .product-options-multi .product-size-quantity{appearance:textfield;-moz-appearance:textfield;box-sizing:border-box;min-width:28px;width:max(28px,calc(var(--tp-quantity-chars,6)*1ch + 10px));max-width:100%;min-height:26px;height:26px;margin:0;padding:1px 2px;border:1px solid #b8c5bb;border-radius:2px;font-style:normal;font-weight:400;font-size:13px;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-variant-numeric:tabular-nums;line-height:1.2;text-align:center;align-self:center} :is(#full-grid,main) article[data-sku] .catalog-peer-sections .product-options-multi .product-size-quantity::-webkit-inner-spin-button, :is(#full-grid,main) article[data-sku] .catalog-peer-sections .product-options-multi .product-size-quantity::-webkit-outer-spin-button{-webkit-appearance:none;margin:0} :is(#full-grid,main) article[data-sku] .product-options-multi .product-size-quantity:invalid{border-color:#a12525} :is(#full-grid,main) article[data-sku] .product-options-multi :is(button,input):focus-visible{outline:2px solid #294533;outline-offset:-2px} :is(#full-grid,main) article[data-sku] .product-options-multi [hidden]{display:none!important} @media(pointer:coarse),(max-width:600px){ :is(#full-grid,main) article[data-sku] .catalog-peer-sections .product-options-multi .product-size-choice{min-height:30px} :is(#full-grid,main) article[data-sku] .catalog-peer-sections .product-options-multi .product-size-all{min-height:28px} :is(#full-grid,main) article[data-sku] .catalog-peer-sections .product-options-multi .product-size-quantity{min-height:28px;height:28px;font-size:16px} } :is(#full-grid,main) article[data-sku].tp-multi-product .catalog-peer-sections>.catalog-selection-controls{gap:2px;margin:2px 0 4px} :is(#full-grid,main) article[data-sku].tp-multi-product .catalog-variant-slot{margin:0;padding:0} body:has(> .selection-request:not([hidden])) footer{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))} /* httpdocs/assets/css/new-arrivals-20261108.css */ /* Scoped layouts: homepage variant 2; arrivals archive variant 3. */ .tp-arrivals-v2{padding-top:52px!important;padding-bottom:38px!important} .tp-arrivals-v2 .new-products-heading{margin-bottom:28px;gap:24px} .tp-arrivals-v2 .new-products-heading h2{font-size:clamp(34px,3.3vw,50px)} .tp-arrivals-showcase{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px;align-items:stretch} .tp-arrival-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #d8ded6;background:#fff;min-height:430px;min-width:0} .tp-arrival-feature-photo{display:flex;align-items:center;padding:22px 8px 22px 22px;background:#fff;min-width:0} .tp-arrival-photo{width:100%;aspect-ratio:1;display:grid;place-items:center;background:#fff;min-width:0} .tp-arrival-photo img,.tp-arrival-teaser-photo img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;mix-blend-mode:normal;filter:none} .tp-arrival-feature .tp-arrival-copy{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:30px 26px 30px 20px;min-width:0} .tp-arrival-badge{display:inline-block;padding:7px 10px;background:#24392c;color:#fff;font-size:10px;line-height:1.2;letter-spacing:1.1px;font-weight:700;margin-bottom:20px} .tp-arrival-brand{font-size:11px;line-height:1.4;letter-spacing:1.1px;text-transform:uppercase;font-weight:700;color:#425a46;margin:0 0 8px} .tp-arrival-title{font-family:'Barlow Condensed',Impact,Arial,sans-serif;font-size:clamp(28px,2.3vw,38px);line-height:1.08;font-weight:600;margin:0 0 16px;overflow-wrap:anywhere} .tp-arrival-title a:hover,.tp-arrival-detail:hover{color:#426748} .tp-arrival-description{color:#667162;font-size:14px;line-height:1.6;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .tp-arrival-sku{font-size:10px;line-height:1.4;color:#778171;font-weight:500;letter-spacing:.2px;overflow-wrap:anywhere;margin:0} .tp-arrival-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap} .tp-arrival-feature .tp-arrival-actions{margin-top:24px;gap:14px} .tp-arrival-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:#24392c;border:1px solid #24392c;color:#fff;padding:10px 19px;font-size:14px;line-height:1.3;font-weight:600;white-space:nowrap;transition:background .15s} .tp-arrival-cta:hover{background:#38533e;color:#fff} .tp-arrival-detail{font-size:12px;font-weight:600;line-height:1.5;border-bottom:1px solid #aab8a7;color:#24392c;padding-bottom:3px;white-space:nowrap} .tp-arrival-rail{display:grid;grid-template-rows:repeat(3,1fr);gap:14px;min-width:0} .tp-arrival-teaser{display:grid;grid-template-columns:92px minmax(0,1fr) 16px;align-items:center;gap:14px;text-align:left;background:#fff;border:1px solid #d8ded6;color:#111516;padding:17px 18px 17px 12px;min-width:0;transition:border-color .15s} .tp-arrival-teaser:hover{border-color:#647e64} .tp-arrival-teaser-photo{display:block;width:100%;aspect-ratio:1;background:#fff;min-width:0} .tp-arrival-teaser-copy{display:flex;flex-direction:column;min-width:0;border-left:1px solid #e0e4dd;padding-left:14px} .tp-arrival-teaser .tp-arrival-brand{font-size:10px;margin-bottom:5px;letter-spacing:.6px} .tp-arrival-teaser-title{font-family:'Barlow Condensed',Impact,Arial,sans-serif;font-size:22px;font-weight:600;line-height:1.12;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin-bottom:10px} .tp-arrival-arrow{font-size:24px;line-height:1;color:#24392c} .tp-arrival-single{grid-template-columns:1fr}.tp-arrival-single .tp-arrival-rail{display:none} .tp-arrival-navigation{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:24px} .tp-arrival-dots{display:flex;gap:4px;flex-wrap:wrap;justify-content:center} .tp-arrival-dots button{position:relative;width:22px;min-width:22px;height:28px;border:0;padding:0;background:transparent} .tp-arrival-dots button:after{content:'';height:3px;position:absolute;left:0;right:0;top:12px;background:#ccd4c9} .tp-arrival-dots button[aria-current=true]:after{background:#24392c} .tp-arrival-position{color:#4d604c;font-size:11px;line-height:1;white-space:nowrap;font-weight:600;letter-spacing:1px} .tp-arrival-loading,.tp-arrival-error{grid-column:1/-1;padding:35px 24px;background:#fff;border:1px solid #d8ded6;color:#53634f;font-size:14px} .tp-arrival-error{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.tp-arrival-error p{flex:1 1 100%} .tp-arrival-photo-fallback{font-size:12px;color:#7a8575;padding:20px;text-align:center} .new-products-archive.tp-arrivals-archive-v2{width:100%;max-width:1440px;margin:0 auto;padding-top:44px;padding-left:clamp(20px,6vw,30px)!important;padding-right:clamp(20px,6vw,30px)!important} .tp-arrivals-archive-v2 .new-products-intro{max-width:780px;margin-top:16px} .tp-arrivals-archive-v2 #new-products-total{scroll-margin-top:110px;margin-top:30px;margin-bottom:16px;font-size:12px;color:#64745f} .tp-arrival-filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,280px);gap:16px;margin-bottom:22px} .tp-arrival-filters label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;color:#53634f;letter-spacing:.4px} .tp-arrival-filters input,.tp-arrival-filters select{width:100%;min-height:44px;border:1px solid #cbd4c7;background:#fff;font:14px Barlow,Arial,sans-serif;padding:11px 14px;color:#24392c;border-radius:0} .tp-arrival-filters :is(input,select):focus-visible{outline:2px solid #426748;outline-offset:2px} .tp-arrivals-list{display:flex;flex-direction:column;border-top:1px solid #d8ded6} .tp-arrival-row{display:grid;grid-template-columns:44px 120px minmax(0,1fr) 158px;align-items:center;gap:24px;padding:22px 26px;background:#fff;border:1px solid #d8ded6;border-top:0;border-left:3px solid #d8ded6;min-height:166px;min-width:0} .tp-arrival-row.tp-arrival-is-new{border-left-color:#24392c} .tp-arrival-number{font-family:'Barlow Condensed',Impact,Arial,sans-serif;font-size:36px;line-height:1;font-weight:600;color:#c4cbc0} .tp-arrival-row-photo{position:relative;width:120px;display:block} .tp-arrival-row .tp-arrival-copy{min-width:0;padding-left:24px;border-left:1px solid #e0e4dd} .tp-arrival-row .tp-arrival-title{font-size:26px;margin-bottom:7px;line-height:1.13} .tp-arrival-row .tp-arrival-brand{font-size:10px;margin-bottom:5px} .tp-arrival-row .tp-arrival-description{font-size:13px;-webkit-line-clamp:2;margin-bottom:9px} .tp-arrival-row .tp-arrival-actions{flex-direction:column;align-items:stretch;gap:12px} .tp-arrival-row .tp-arrival-detail{align-self:center} .tp-arrival-row-badge{position:absolute;top:-7px;left:-7px;color:#fff;background:#24392c;padding:4px 6px;font-size:9px;line-height:1.2;font-weight:700;letter-spacing:.8px} .tp-arrivals-archive-v2 .new-products-pagination{margin-top:28px} @media(min-width:1500px){.tp-arrival-feature{min-height:470px}.tp-arrival-feature .tp-arrival-copy{padding:35px 30px 35px 24px}.tp-arrival-teaser{grid-template-columns:106px minmax(0,1fr) 18px}} @media(max-width:1100px){.tp-arrivals-showcase{grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr);gap:14px}.tp-arrival-feature{min-height:405px}.tp-arrival-feature .tp-arrival-copy{padding:24px 18px 24px 12px}.tp-arrival-feature-photo{padding:18px 4px 18px 14px}.tp-arrival-teaser{grid-template-columns:72px minmax(0,1fr) 12px;padding:14px 12px;gap:10px}.tp-arrival-teaser-title{font-size:20px}.tp-arrival-feature .tp-arrival-title{font-size:30px}.tp-arrival-row{gap:18px;padding:20px;grid-template-columns:32px 100px minmax(0,1fr) 142px}.tp-arrival-row-photo{width:100px}.tp-arrival-row .tp-arrival-copy{padding-left:18px}} @media(max-width:820px){.tp-arrivals-showcase{grid-template-columns:1fr}.tp-arrival-feature{min-height:350px}.tp-arrival-feature-photo{padding:25px}.tp-arrival-feature .tp-arrival-copy{padding:30px 28px 30px 12px}.tp-arrival-rail{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;gap:12px}.tp-arrival-teaser{grid-template-columns:60px minmax(0,1fr);gap:10px;padding:13px 10px}.tp-arrival-teaser-title{font-size:18px;-webkit-line-clamp:3}.tp-arrival-teaser .tp-arrival-sku,.tp-arrival-arrow{display:none}.tp-arrival-teaser-copy{padding-left:10px}.tp-arrival-row{grid-template-columns:25px 86px minmax(0,1fr);gap:16px;padding:18px}.tp-arrival-row-photo{width:86px}.tp-arrival-row .tp-arrival-title{font-size:24px}.tp-arrival-row .tp-arrival-actions{grid-column:3;flex-direction:row;align-items:center;flex-wrap:wrap;gap:14px}.tp-arrival-row .tp-arrival-copy{padding-left:14px}.tp-arrival-number{font-size:30px}} @media(max-width:540px){.tp-arrivals-v2{padding-top:34px!important;padding-bottom:28px!important}.tp-arrivals-v2 .new-products-heading{align-items:flex-start;gap:18px;margin-bottom:20px}.tp-arrivals-v2 .new-products-tools{width:100%;justify-content:space-between;gap:16px}.tp-arrival-feature{grid-template-columns:1fr;min-height:0}.tp-arrival-feature-photo{padding:20px 38px 8px}.tp-arrival-feature-photo .tp-arrival-photo{max-width:260px;margin:0 auto}.tp-arrival-feature .tp-arrival-copy{padding:18px 22px 25px}.tp-arrival-feature .tp-arrival-title{font-size:32px}.tp-arrival-badge{margin-bottom:14px;font-size:9px}.tp-arrival-feature .tp-arrival-actions{margin-top:20px;width:100%}.tp-arrival-rail{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);gap:10px}.tp-arrival-teaser{grid-template-columns:70px minmax(0,1fr) 16px;padding:10px 16px;gap:14px}.tp-arrival-teaser-title{font-size:21px;-webkit-line-clamp:2;margin-bottom:5px}.tp-arrival-teaser .tp-arrival-sku,.tp-arrival-arrow{display:block}.tp-arrival-dots button{width:13px;min-width:13px}.tp-arrival-navigation{gap:14px}.tp-arrival-filters{grid-template-columns:1fr;gap:12px}.tp-arrival-row{grid-template-columns:76px minmax(0,1fr);gap:14px;padding:18px 14px}.tp-arrival-number{display:none}.tp-arrival-row-photo{width:76px}.tp-arrival-row .tp-arrival-copy{border-left:0;padding-left:0}.tp-arrival-row .tp-arrival-title{font-size:23px;line-height:1.12}.tp-arrival-row .tp-arrival-description{-webkit-line-clamp:2;font-size:12px;line-height:1.5}.tp-arrival-row .tp-arrival-actions{grid-column:1/-1;justify-content:space-between;padding-top:12px;border-top:1px solid #e4e8e1;gap:12px}.tp-arrival-row .tp-arrival-cta{min-height:40px;font-size:13px;padding:9px 15px}.tp-arrival-row .tp-arrival-detail{font-size:12px}.tp-arrivals-archive-v2 #new-products-total{margin-top:22px}.tp-arrival-filters input,.tp-arrival-filters select{font-size:16px}} @media(prefers-reduced-motion:reduce){.tp-arrival-cta,.tp-arrival-teaser{transition:none}} /* httpdocs/assets/css/chatbot.css */ .tp-chat-launch{position:fixed;right:22px;bottom:86px;z-index:1200;border:0;border-radius:28px;background:#ad202d;color:#fff;padding:15px 20px;box-shadow:0 6px 28px #0003;font:600 14px Arial,sans-serif;cursor:pointer}.tp-chat-panel{position:fixed;right:22px;bottom:146px;z-index:1201;width:390px;max-width:calc(100vw - 24px);height:600px;max-height:calc(100dvh - 175px);background:#fff;color:#182025;border:1px solid #e0e4e5;border-radius:18px;box-shadow:0 12px 55px #0003;display:flex;flex-direction:column;overflow:hidden;font:14px/1.5 Arial,sans-serif}.tp-chat-panel[hidden]{display:none}.tp-chat-head{background:#152329;color:#fff;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.tp-chat-head strong{display:block;font-size:15px;letter-spacing:.06em}.tp-chat-head small{color:#b9c7ca;font-size:11px}.tp-chat-icon{background:transparent;color:inherit;border:0;font-size:24px;padding:4px 8px;cursor:pointer}.tp-chat-log{overflow-y:auto;flex:1;padding:16px;overscroll-behavior:contain}.tp-chat-message{padding:11px 13px;background:#f1f4f4;border-radius:12px;margin:0 0 12px;white-space:pre-wrap;overflow-wrap:anywhere}.tp-chat-message.user{background:#ad202d;color:#fff;margin-left:28px}.tp-chat-choices{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.tp-chat-choices button{background:#fff;border:1px solid #d5dcde;border-radius:18px;font:inherit;font-size:12px;padding:7px 11px;cursor:pointer}.tp-chat-products{display:grid;gap:9px;margin-bottom:16px}.tp-chat-product{border:1px solid #e1e5e6;border-radius:10px;padding:10px;display:grid;grid-template-columns:56px 1fr;gap:10px}.tp-chat-product img{width:56px;height:56px;object-fit:contain;background:white}.tp-chat-product a{color:#ad202d;font-weight:600;text-decoration:none}.tp-chat-product small{display:block;color:#626e73;font-size:11px}.tp-chat-product p{margin:5px 0;font-size:12px;line-height:1.4}.tp-chat-compose{border-top:1px solid #e1e5e6;padding:12px;display:flex;gap:8px}.tp-chat-compose textarea{flex:1;min-width:0;resize:none;max-height:100px;border:1px solid #ccd4d7;border-radius:9px;padding:10px;font:inherit;color:#182025;background:#fff}.tp-chat-compose button{border:0;border-radius:9px;background:#ad202d;color:#fff;padding:10px 13px;font:inherit;cursor:pointer}.tp-chat-compose button:disabled{opacity:.5;cursor:wait}.tp-chat-footer{padding:0 12px 10px;display:flex;justify-content:space-between;font-size:11px}.tp-chat-footer a{color:#ad202d}.tp-chat-footer button{border:0;background:none;color:#56666c;font:inherit;cursor:pointer}.tp-chat-panel :focus-visible,.tp-chat-launch:focus-visible{outline:3px solid #36c2cb;outline-offset:2px}@media(max-width:480px){.tp-chat-launch{right:12px;bottom:80px}.tp-chat-panel{right:12px;bottom:140px;max-height:calc(100dvh - 155px)}} /* Keep the widget independent of catalog form/header styles. */ .tp-chat-panel,.tp-chat-panel *{box-sizing:border-box} .tp-chat-panel .tp-chat-head{position:static;width:auto;min-height:0;flex:0 0 auto} .tp-chat-panel .tp-chat-log{min-height:0;min-width:0} .tp-chat-panel .tp-chat-compose{width:100%;min-width:0;margin:0;flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto} .tp-chat-panel .tp-chat-compose textarea{width:100%;min-width:0;min-height:0;margin:0;font-size:16px;line-height:1.4} .tp-chat-panel .tp-chat-compose button{width:auto;min-width:0;margin:0;align-self:stretch;white-space:nowrap} .tp-chat-panel .tp-chat-footer{flex:0 0 auto;gap:8px;flex-wrap:wrap} .tp-chat-product>div,.tp-chat-head>div{min-width:0} @media(max-width:600px){ .tp-chat-panel{left:calc(var(--tp-chat-vleft,0px) + 8px);right:auto;top:calc(var(--tp-chat-vtop,0px) + 8px);bottom:auto;width:calc(var(--tp-chat-vw,100vw) - 16px);max-width:none;height:calc(var(--tp-chat-vh,100dvh) - 16px);max-height:none;border-radius:14px} .tp-chat-panel .tp-chat-head{padding:10px 12px} .tp-chat-panel .tp-chat-log{padding:12px} .tp-chat-panel .tp-chat-compose{padding:10px;gap:6px} .tp-chat-panel .tp-chat-compose button{padding:9px 12px;font-size:14px} .tp-chat-panel .tp-chat-footer{padding:0 10px 10px;font-size:12px} .tp-chat-launch{right:12px;max-width:calc(100vw - 24px)} } /* TECHPLANET mobile usability, 2026-11-09. */ @media(max-width:760px){ body > .tp-chat-launch{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:52px;height:52px;min-height:52px;padding:0;border-radius:50%;font-size:0} body > .tp-chat-launch::after{content:'Chat';font:600 12px Arial,sans-serif} .hero .tp-hero-choices .tp-hero-button{min-width:44px;min-height:44px} .b2b-page input:not([type=checkbox]):not([type=radio]),.b2b-page select,.b2b-page textarea{font-size:16px} .b2b-page select,.b2b-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]){min-height:44px} } @media(max-width:760px){.b2b-page #b2b-items .item-product,.b2b-page #b2b-items .item-quantity,.b2b-page #b2b-items .item-unit{font-size:16px}} /* The poster paints the hero once; reduced-motion visitors keep the static image. */ .hero{background-image:none} @media(prefers-reduced-motion:reduce){.hero{background-image:url('/assets/hero.jpg')}}