@media(min-width:1051px) and (max-width:1360px){body:has(.brand-profile-page) .nav-wrap{width:calc(100% - 48px);gap:16px}body:has(.brand-profile-page) .brand,body:has(.brand-profile-page) .brand img{width:110px}body:has(.brand-profile-page) .desktop-nav{gap:16px}body:has(.brand-profile-page) .desktop-nav>a,body:has(.brand-profile-page) .nav-trigger{font-size:12px}body:has(.brand-profile-page) .cart-btn .cart-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}}
.brand-profile-page .brand-overview{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:center;padding-block:54px 76px}
.brand-overview figure{display:grid;place-items:center;min-height:270px;padding:46px;border:1px solid var(--line);border-radius:18px;margin:0;background:white}
.brand-overview figure img{width:auto;max-width:100%;height:auto;max-height:170px;object-fit:contain}
.brand-overview h1{font-size:clamp(40px,4.5vw,70px);line-height:1.1;letter-spacing:-.04em;margin:14px 0 22px;overflow-wrap:anywhere}
.brand-overview .lead{font-size:clamp(21px,2vw,28px);line-height:1.45;margin:0 0 26px}
.brand-overview .brand-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.brand-profile-page .brand-overview-copy{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding-block:64px;border-top:1px solid var(--line)}
.brand-profile-page h2{font-size:clamp(30px,3vw,44px);line-height:1.2;letter-spacing:-.03em;margin:0 0 24px}
.brand-profile-page .brand-about p{font-size:18px;line-height:1.8;color:var(--muted);margin:0 0 24px}
.brand-profile-page .brand-value{border-left:3px solid var(--orange);padding-left:22px}
.brand-profile-page .brand-lines{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;list-style:none;padding:0;margin:0}
.brand-profile-page .brand-lines li{font-size:16px;line-height:1.6;padding:14px 0;border-top:1px solid var(--line)}
.brand-profile-page .brand-applications{padding-block:10px 64px}
.brand-profile-page .brand-segments{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.brand-profile-page .brand-segments h3{font-size:20px;font-weight:600;margin:0 0 18px}
.brand-profile-page .brand-tags{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}
.brand-profile-page .brand-tags li{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:9px 13px;font-size:14px;line-height:1.5}
.brand-product-section{padding-block:64px 84px;border-top:1px solid var(--line);scroll-margin-top:160px}
.brand-product-intro{max-width:800px;margin-bottom:32px}
.brand-product-intro p{font-size:16px;line-height:1.7;color:var(--muted);margin:0}
.brand-product-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.6fr) auto;align-items:end;gap:18px;margin-bottom:22px}
.brand-product-controls[hidden]{display:none}
.brand-product-controls label{display:grid;gap:8px;font-size:14px;font-weight:600;min-width:0}
.brand-product-controls input,.brand-product-controls select{width:100%;min-height:48px;border:1px solid var(--line);background:white;border-radius:8px;padding:10px 14px;font:inherit;font-size:15px;color:var(--ink);box-sizing:border-box}
.brand-product-controls .button{min-height:48px;padding:12px 20px;font-size:14px;justify-content:center}
.brand-product-status{font-size:14px;color:var(--muted);margin:0 0 28px;min-height:1.5em}
.brand-products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px;align-items:start}
.brand-product-card{min-width:0;display:flex;flex-direction:column;align-self:stretch;border:0;background:white;scroll-margin-top:160px}
.brand-product-card[hidden]{display:none}
.brand-product-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:9%;border:1px solid var(--line);border-radius:16px;background:white;box-sizing:border-box;overflow:hidden}
.brand-product-image img{display:block;width:100%;height:100%;max-width:min(100%,var(--source-cap,340px));max-height:100%;object-fit:contain}
.brand-product-image.is-placeholder img{width:70%;height:auto;max-width:220px;max-height:75%}
.brand-product-body{padding-top:22px;display:flex;flex-direction:column;flex:1;min-width:0}
.brand-product-body .eyebrow{font-size:10px;line-height:1.6;min-height:3.2em;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.brand-product-body h3{font-size:24px;line-height:1.25;letter-spacing:-.02em;min-height:1.25em;margin:0 0 12px;overflow-wrap:anywhere}
.brand-product-name{font-size:16px;font-weight:600;line-height:1.5;margin:0 0 12px;min-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.brand-product-description{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 20px;min-height:3.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.brand-product-details{padding:0;border:0;border-radius:0;background:none;margin:0 0 20px;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.brand-product-details summary{cursor:pointer;font-weight:600;min-height:44px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid currentColor;width:fit-content;padding-bottom:4px}
.brand-product-details summary::-webkit-details-marker{display:none}.brand-product-details summary:after{content:'+';font-size:18px;font-weight:400}.brand-product-details[open] summary:after{content:'−'}
.brand-product-details dl{margin:20px 0 0}.brand-product-details dt{font-size:12px;font-weight:600;margin:18px 0 5px;color:var(--ink)}.brand-product-details dd{margin:0;color:var(--muted)}
.brand-product-details p{margin:18px 0 0;color:var(--muted)}
.brand-product-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:auto;padding-top:4px}
.brand-product-actions .btn-add{display:flex;align-items:center;justify-content:center;min-height:46px;width:100%;padding:12px 10px;border:1px solid var(--orange);border-radius:6px;background:var(--orange);color:white;font:inherit;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer;box-sizing:border-box}
.brand-product-actions .btn-add:hover{background:#d53e00;border-color:#d53e00}.brand-product-actions .btn-add.added{background:#1d7855;border-color:#1d7855}
.brand-product-empty{padding:32px;background:var(--paper);border:1px solid var(--line);border-radius:12px;line-height:1.7}
.brand-product-empty[hidden]{display:none}
.brand-products-note{font-size:14px;line-height:1.7;color:var(--muted);margin:36px 0 0}
.brand-fleetguard-catalogue{padding-block:64px 84px;border-top:1px solid var(--line)}
.brand-fleetguard-catalogue p{font-size:18px;line-height:1.8;color:var(--muted);max-width:760px;margin:0 0 28px}
.brand-profile-page .button,.brand-profile-page summary,.brand-product-controls input,.brand-product-controls select{outline-offset:4px}
@media(max-width:1200px){.brand-profile-page .brand-overview,.brand-profile-page .brand-overview-copy{gap:40px}}
@media(max-width:1050px){.brand-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-profile-page .brand-overview{gap:32px;padding-block:36px 56px}.brand-overview figure{min-height:220px;padding:30px}.brand-product-section,.brand-product-card{scroll-margin-top:112px}}
@media(max-width:760px){.brand-profile-page .brand-overview{grid-template-columns:1fr;gap:28px}.brand-overview figure{min-height:170px;padding:28px}.brand-overview figure img{max-height:110px;max-width:85%}.brand-profile-page .brand-overview-copy{grid-template-columns:1fr;gap:32px;padding-block:40px}.brand-profile-page .brand-segments{grid-template-columns:1fr;gap:30px}.brand-profile-page .brand-lines{gap:0 18px}.brand-profile-page .brand-lines li{font-size:14px}.brand-profile-page .brand-about p{font-size:16px}.brand-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 14px}.brand-product-controls{grid-template-columns:1fr;gap:14px}.brand-product-controls .button{justify-self:start}.brand-product-body{padding-top:16px}.brand-product-body h3{font-size:20px}.brand-product-name{font-size:14px}.brand-product-description{font-size:13px}.brand-product-details{font-size:13px}.brand-product-actions .btn-add{font-size:12px;padding:11px 5px}.brand-product-image{border-radius:12px;padding:8%}.brand-product-section{padding-block:42px 54px}.brand-profile-page .brand-applications{padding-bottom:42px}.brand-overview .brand-hero-actions .button{font-size:14px;padding:14px 18px}.brand-fleetguard-catalogue{padding-block:42px 54px}}
@media(prefers-reduced-motion:reduce){.brand-product-card{scroll-behavior:auto}}
/* v208: one shared search panel; controls move instead of being duplicated. */
.brand-search-tab{position:fixed;right:0;top:55%;z-index:100;background:var(--orange);color:white;border:0;border-radius:9px 0 0 9px;min-width:44px;min-height:90px;padding:14px 12px;font:inherit;font-size:13px;font-weight:700;writing-mode:vertical-rl;letter-spacing:.04em;box-shadow:-2px 3px 12px #0002;cursor:pointer}
.brand-search-tab[hidden]{display:none}
.brand-search-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(90vw,420px);height:100dvh;max-height:100dvh;max-width:100vw;border:0;padding:0;background:#fff;color:var(--ink);box-shadow:-16px 0 60px #0002;box-sizing:border-box}
.brand-search-drawer[open]{display:flex;flex-direction:column;animation:brand-search-in .2s ease-out}
.brand-search-drawer::backdrop{background:#14201dcc}
.brand-search-head{display:flex;align-items:center;justify-content:space-between;padding:22px 20px;border-bottom:1px solid var(--line);gap:12px}
.brand-search-head h2{font-size:22px;line-height:1.3;margin:0}
.brand-search-head button{width:44px;height:44px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:white;color:var(--ink);font-size:28px;cursor:pointer}
.brand-search-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px 20px}
.brand-search-body .brand-product-controls{display:grid;grid-template-columns:1fr;gap:22px;margin:0}
.brand-search-body .brand-product-controls .button{justify-self:start}
.brand-search-body .brands-side{position:static;display:grid;gap:24px;padding:0;max-height:none;overflow:visible}
.brand-search-body .brand-cats{display:grid;gap:4px}
.brand-search-body .brand-cats .eyebrow{margin:0 0 10px}
.brand-search-body .brand-cats button{min-height:46px}
.brand-search-foot{padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:white}
.brand-search-foot .button{width:100%;min-height:48px;margin:0;box-sizing:border-box;justify-content:center}
.brand-search-drawer input,.brand-search-drawer select{min-width:0;max-width:100%;box-sizing:border-box}
@keyframes brand-search-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.brand-search-drawer[open]{animation:none}}

.brand-search-placeholder[hidden]{display:none}

/* v209: centre the close icon independently of font metrics and inherited padding. */
.brand-search-head button{display:grid;place-items:center;padding:0;line-height:1;box-sizing:border-box}
.brand-search-head button svg{display:block;width:24px;height:24px;pointer-events:none}

/* v210: match catalogue actions: details left, enquiry right; wrap on narrow cards. */
.brand-product-card{container-type:inline-size}
.brand-product-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:auto;padding-top:4px}
.brand-product-footer .brand-product-details{grid-column:1 / -1;grid-row:1;margin:0;min-width:0}
.brand-product-footer .brand-product-actions{grid-column:2;grid-row:2;display:block;margin:0;padding:0;justify-self:end}
.brand-product-footer .btn-add{width:auto;min-width:0;padding:12px 14px}
@container (min-width:260px){
 .brand-product-footer .brand-product-details summary{max-width:calc(100% - 154px);min-height:46px;box-sizing:border-box}
 .brand-product-footer .brand-product-actions{grid-row:1;align-self:start}
}

/* v212: brand cards now link to full product detail pages. */
.brand-product-detail-link{grid-column:1;grid-row:1;align-self:start;display:inline-flex;align-items:center;min-height:46px;width:fit-content;font-size:14px;white-space:nowrap;box-sizing:border-box}
@media(max-width:760px){.brand-product-detail-link{font-size:12px}}

/* v213: catalogue action alignment and equal, separated brand CTA buttons. */
.brand-product-footer .brand-product-detail-link{align-self:center;min-height:0}
.brand-profile-page .brand-hero-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}
.brand-profile-page .brand-hero-actions .button{min-height:56px;box-sizing:border-box;padding:16px 20px;line-height:1.4}
@media(max-width:760px){
 .brand-product-footer{display:flex;flex-direction:column;align-items:stretch;gap:12px}
 .brand-product-footer .brand-product-detail-link{align-self:flex-start;min-height:44px}
 .brand-product-footer .brand-product-actions{width:100%;align-self:stretch}
 .brand-product-footer .btn-add{width:100%;min-height:46px;padding:12px 5px;justify-content:center}
 .brand-profile-page .brand-hero-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
 .brand-profile-page .brand-hero-actions .button{width:100%;height:56px;min-width:0;margin:0;display:flex;align-items:center;justify-content:space-between;font-size:14px;gap:12px}
}

/* v214: avoid stacking a second anchor offset above the product-section padding. */
.brand-profile-page #product-range{scroll-margin-top:0}