/* Optical finish requested by the client: restrained blur, specular edges, clear text. */
:root{--gloss-ease:cubic-bezier(.22,1,.36,1)}
.site-header{background:rgba(12,23,43,.88);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border-bottom:1px solid #ffffff20;box-shadow:inset 0 1px 0 #ffffff12}
.button,.portal-button,.text-button,.underlink{border-radius:999px;min-height:52px;gap:20px;box-shadow:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #00000014;transition:transform .35s var(--gloss-ease),background-color .3s,border-color .3s}
.button{background:linear-gradient(180deg,#ffffff50 0%,#ffffff0a 49%,#0000000a 51%,#ffffff15 100%),var(--brand);color:#101c30;border-color:color-mix(in srgb,var(--brand) 70%,white)}
.button:before,.portal-button:before,.text-button:before,.underlink:before{content:"";position:absolute;pointer-events:none;inset:-40% auto -40% -80%;width:45%;background:linear-gradient(110deg,transparent,#ffffff50,transparent);transform:skewX(-20deg);transition:translate .75s var(--gloss-ease);z-index:-1}
.button:hover:before,.portal-button:hover:before,.text-button:hover:before,.underlink:hover:before{translate:440% 0}
.button:hover{background:linear-gradient(180deg,#ffffff65,#ffffff15 49%,#00000008 51%,#ffffff20),var(--brand);box-shadow:inset 0 1px 0 #ffffff90,inset 0 -1px 0 #00000014;transform:translateY(-2px)}
.button>span[aria-hidden],.portal-button>span[aria-hidden],.text-button>span[aria-hidden],.underlink>span[aria-hidden]{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.19)!important;box-shadow:inset 0 1px 0 #ffffff55;transition:transform .4s var(--gloss-ease),background-color .3s}
.button>span[aria-hidden]>svg,.portal-button>span[aria-hidden]>svg,.text-button>span[aria-hidden]>svg,.underlink>span[aria-hidden]>svg{width:16px;height:16px}
.button:hover>span[aria-hidden],.portal-button:hover>span[aria-hidden],.text-button:hover>span[aria-hidden],.underlink:hover>span[aria-hidden]{transform:rotate(45deg);background:#ffffff3b!important}
.portal-button,.text-button{background:linear-gradient(180deg,#ffffff24,#ffffff08),rgba(16,32,55,.55);border-color:#ffffff55;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;box-shadow:inset 0 1px 0 #ffffff45}
.site-header .portal-button{padding:6px 8px 6px 18px;min-height:44px;gap:12px;font-size:12px;background:linear-gradient(180deg,#ffffff25,#ffffff09);color:#fff;border-color:#ffffff50}
.portal-button .portal-label{width:auto;height:auto;box-shadow:none;background:transparent!important;transform:none}
.underlink{box-shadow:inset 0 1px 0 #ffffff25;backdrop-filter:blur(8px)}
.filtration-feature .button,.exp-hero-copy .text-button,.cin-opening .text-button{color:#10243d}
.newsletter-live-form .button{background:linear-gradient(180deg,#fff,#e4edf8);border-color:#ffffffaa;color:#14243c}
.hero-bottom>div{display:flex;gap:8px;flex-wrap:wrap}.hero-bottom>div>span,.hero-label,.dx-name,.ae-opening-copy .ae-eyebrow,.cin-eyebrow{width:fit-content;max-width:100%;padding:8px 14px;border-radius:999px;line-height:1.5;background:linear-gradient(180deg,#ffffff1c,#ffffff08),#10243d66;color:#edf6ff;border:1px solid #ffffff2b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff25;font-size:11px;letter-spacing:.035em}
.dx-name{display:inline-flex!important;margin-bottom:20px}.cin-eyebrow{display:inline-block}
.specialty-link>div>span{align-self:flex-start;display:inline-flex;padding:8px 14px;background:#15263d99;border:1px solid #ffffff45;backdrop-filter:blur(14px);border-radius:999px;font-size:12px;box-shadow:inset 0 1px 0 #ffffff30}
.specialty-link b{align-self:flex-start;padding:10px 12px 10px 18px;border:1px solid #ffffff60;border-radius:999px;background:linear-gradient(180deg,#ffffff26,#ffffff0c),#10243d80;backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #ffffff35;color:#fff;min-height:46px}.specialty-link b>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffff20;transition:transform .35s var(--gloss-ease)}.specialty-link:hover b>span{transform:rotate(45deg)}
.specialty-nav a{background:linear-gradient(180deg,#ffffffdd,#ffffff88);box-shadow:inset 0 1px 0 #fff;border-color:#c5d2e2}.specialty-nav a:hover{background:#14243c}
.company-logo-grid>a{border-radius:16px;overflow:hidden;transition:transform .45s var(--gloss-ease),background-color .35s}.company-logo-grid>a:hover{transform:translateY(-5px)}
.company-logo-grid>a>b,.exp-circle-arrow{display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#fff,#e5edf7);border:1px solid #c7d4e2;box-shadow:inset 0 1px 0 #fff;color:#14243c;width:36px;height:36px;transition:transform .4s var(--gloss-ease)}
.premium-coverage{display:flex;align-items:center;gap:24px;flex-wrap:wrap;border:1px solid #c7d8e8;border-radius:16px;padding:24px 28px;margin:28px 0;background:linear-gradient(115deg,#ffffffed,#eef6ffca);color:#14243c;box-shadow:inset 0 1px 0 #fff}.premium-coverage strong{font-size:clamp(40px,5vw,64px);letter-spacing:-.05em;line-height:1}.premium-coverage h3{font-size:18px;line-height:1.4;margin:0}.premium-coverage span{display:inline-flex;font-size:11px;border:1px solid #b7c8dc;border-radius:999px;padding:5px 10px;margin-top:9px;background:#fff;color:#43576e}.tyre-portfolio .premium-coverage{max-width:600px;background:linear-gradient(130deg,#ffffff26,#ffffff08),#10243dbd;color:#fff;border-color:#ffffff50;backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff40}
.specialty-link:after{z-index:0}
@media(hover:hover){.filtration-sector:hover .exp-photo img{transform:scale(1.055)}.company-logo-grid>a:hover>b{transform:rotate(45deg)}}
@media(max-width:760px){.button,.text-button,.underlink{min-height:50px;padding:9px 12px 9px 20px;gap:14px}.site-header .portal-button{min-height:42px;font-size:11px;padding-left:12px;gap:8px}.site-header .portal-button>span[aria-hidden]{width:26px;height:26px}.hero-label{font-size:9px}.hero-bottom>div>span{padding:6px 10px;font-size:10px}.premium-coverage{padding:20px;gap:18px}.premium-coverage h3{font-size:16px}.site-header.menu-is-open{background:#0c172b}.company-logo-grid>a{border-radius:12px}}
@supports not (backdrop-filter:blur(1px)){.site-header{background:#0c172b}.portal-button,.text-button,.specialty-link b{background:#182d46}}
@media(prefers-reduced-motion:reduce){.button,.portal-button,.text-button,.underlink,.company-logo-grid>a,.button>span,.portal-button>span,.text-button>span,.underlink>span,.specialty-link b>span,.exp-circle-arrow{transition:none}.button:before,.portal-button:before,.text-button:before,.underlink:before{display:none}.button:hover,.company-logo-grid>a:hover,.button:hover>span,.portal-button:hover>span,.text-button:hover>span,.underlink:hover>span,.specialty-link:hover b>span{transform:none}}

.location-detail{display:flex;flex-direction:column;gap:9px;align-items:flex-start;padding:25px!important;border-radius:16px!important;background:linear-gradient(130deg,#ffffff17,#ffffff06),#0b1b33a8!important;border:1px solid #ffffff30;box-shadow:inset 0 1px 0 #ffffff35;backdrop-filter:blur(16px);min-height:230px}.location-detail>strong{font-size:22px}.location-detail .warehouse-company{color:#a8d7f9;font-weight:600;font-size:14px}.location-detail address{font-style:normal;font-size:15px;line-height:1.7;color:#eef5ff;max-width:100%;overflow-wrap:anywhere}.warehouse-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.location-list button{border-radius:999px;background:linear-gradient(180deg,#ffffff12,#ffffff04);border:1px solid #ffffff20;min-height:44px}.location-list button.active{box-shadow:inset 0 1px 0 #ffffff60}.location-list button span{transition:transform .35s var(--gloss-ease)}.location-list button:hover span{transform:rotate(45deg)}@media(max-width:760px){.location-detail{padding:20px!important}.warehouse-actions{width:100%}.warehouse-actions a{font-size:12px}.location-list{gap:8px}.location-list button{font-size:12px;padding:12px 14px}.portugal-map .map-location span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.location-list button span{transition:none}.location-list button:hover span{transform:none}}

/* Companies: a calm row of official logos, no cards or captions. */
.company-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;align-items:center;padding:14px 0}
.company-logo-grid>a{display:grid;place-items:center;min-height:135px;padding:24px 10px;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0;transform:none!important;overflow:visible}
.company-logo-grid>a .brand-logo{display:block;width:100%;max-width:230px;height:75px;max-height:none;object-fit:contain;object-position:center;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s}
.company-logo-grid>a:hover .brand-logo{transform:scale(1.045)}.company-logo-grid>a:focus-visible{outline:3px solid #2878b5;outline-offset:6px;border-radius:10px}
@media(max-width:900px){.company-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 26px}.company-logo-grid>a .brand-logo{max-width:230px;height:70px}}
@media(max-width:480px){.company-logo-grid{gap:12px 22px}.company-logo-grid>a{padding:20px 0;min-height:100px}.company-logo-grid>a .brand-logo{height:55px}}
@media(prefers-reduced-motion:reduce){.company-logo-grid>a .brand-logo{transition:none}.company-logo-grid>a:hover .brand-logo{transform:none}}
