/* Kapra Falconeri dynamic Brand Template | Scoped | Segoe UI | width <=1280px */
.brand-premium-wrap{--brand-navy:#1c3f60;--brand-deep:#102b47;--brand-gold:#fbc333;--brand-ink:#22384a;--brand-muted:#647588;--brand-line:#dfe7ef;--brand-bg:#f7f9fc;background:var(--brand-bg);color:var(--brand-ink);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:15px;line-height:1.65;overflow-x:clip}
.brand-premium-wrap *{box-sizing:border-box}.brand-premium-wrap a{text-decoration:none}.brand-premium-wrap button,.brand-premium-wrap select{font:inherit}.brand-premium-wrap h1,.brand-premium-wrap h2,.brand-premium-wrap h3{font-family:inherit;font-weight:600;letter-spacing:-.018em;line-height:1.3}.brand-premium-wrap p{margin:0 0 14px}.brand-container{width:min(1280px,calc(100% - 48px));margin-inline:auto;min-width:0}.brand-breadcrumb{padding:15px 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:#778697;font-size:13px}.brand-breadcrumb a{color:#64788a}.brand-breadcrumb [aria-current]{color:var(--brand-navy);font-weight:600}
.brand-hero{background:linear-gradient(112deg,#102b47,var(--brand-hero-bg,#1c3f60));color:white;position:relative;overflow:hidden}.brand-hero:after{content:'';position:absolute;width:500px;aspect-ratio:1;border:1px solid rgba(251,195,51,.12);border-radius:50%;right:-180px;top:-180px;pointer-events:none}.brand-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:45px;align-items:center;padding-block:57px}.brand-hero-content{position:relative;z-index:1;min-width:0}.brand-hero-badge,.brand-section-tag{display:inline-block;color:#be8b07;font-size:11px;letter-spacing:.13em;font-weight:650;text-transform:uppercase}.brand-hero-badge{color:#ffdc73;margin-bottom:13px}.brand-hero-title{color:white;font-size:clamp(29px,3.2vw,42px);font-weight:600;margin:0 0 15px;max-width:780px}.brand-hero-desc,.brand-hero-more{font-size:15px;line-height:1.75;color:#dce6f0;max-width:740px}.brand-hero-desc p:last-child,.brand-hero-more p:last-child{margin-bottom:0}.brand-inline-toggle{background:transparent;color:#ffdb70;border:0;padding:7px 0;cursor:pointer;font-size:13px;font-weight:600}.brand-hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.brand-btn{display:inline-flex;gap:9px;justify-content:center;align-items:center;padding:12px 20px;border-radius:8px;font-weight:600;font-size:14px;line-height:1.3;transition:background .2s,transform .2s}.brand-btn:hover{transform:translateY(-2px)}.brand-btn-primary{background:var(--brand-gold);color:#122e48}.brand-btn-primary:hover{background:#ffe07a;color:#122e48}.brand-btn-secondary{border:1px solid #8095a9;color:white}.brand-btn-secondary:hover{background:rgba(255,255,255,.12);color:white}.brand-hero-visual{position:relative;z-index:1;min-width:0}.brand-hero-image-frame{aspect-ratio:1.12;max-height:320px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:25px;box-shadow:0 15px 38px rgba(0,0,0,.1)}.brand-hero-image{display:block;width:100%;height:100%;max-height:267px;object-fit:contain}.brand-hero-image-fallback{font-size:clamp(28px,4vw,48px);font-weight:600;text-align:center;color:#ffdf7a;overflow-wrap:anywhere}.brand-hero-stats{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}.brand-hero-stat{border-left:2px solid rgba(251,195,51,.65);padding-left:12px}.brand-hero-stat strong{display:block;color:#ffdc74;font-size:20px;font-weight:600;line-height:1.3}.brand-hero-stat span{font-size:12px;color:#d7e2eb}
.brand-main-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:30px;align-items:start;padding-block:37px 65px}.brand-main-column{min-width:0}.brand-sidebar{display:flex;flex-direction:column;gap:18px;position:sticky;top:22px;min-width:0}.brand-sidepanel{background:white;border:1px solid var(--brand-line);border-radius:13px;overflow:hidden}.brand-sidepanel h2{font-size:17px;color:var(--brand-navy);padding:19px 19px 16px;margin:0;border-bottom:1px solid var(--brand-line)}.brand-parent-link,.brand-sidepanel li a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 13px;color:#3c5870;border-radius:8px;font-size:14px;font-weight:500}.brand-parent-link{margin:12px 12px 0;background:#edf3f8}.brand-sidepanel ul{padding:9px 12px 13px;margin:0;list-style:none;max-height:520px;overflow-y:auto}.brand-sidepanel li a{margin:2px 0}.brand-sidepanel a:hover{background:#eaf1f8;color:var(--brand-navy)}.brand-sidepanel a.is-current{background:#fff5d5;border-left:3px solid var(--brand-gold);color:var(--brand-navy);font-weight:600}.brand-sidepanel a span{font-size:12px;color:#7a8b9b}.brand-sidebar-empty{padding:15px;font-size:13px;color:var(--brand-muted)}.brand-side-cta{padding:22px;background:var(--brand-navy);border-radius:12px;color:white}.brand-side-cta>span{font-size:11px;letter-spacing:.1em;color:#ffdf79}.brand-side-cta h3{font-size:19px;color:white;margin:7px 0}.brand-side-cta p{font-size:13px;color:#dce7f0;line-height:1.65}.brand-side-cta a{display:inline-block;border-radius:7px;padding:10px 13px;background:var(--brand-gold);color:#173c5e;font-weight:600;font-size:13px}
.brand-intro{padding:0 0 30px;border-bottom:1px solid var(--brand-line);margin-bottom:30px}.brand-intro h2,.brand-section-header h2,.brand-full-section h2{color:var(--brand-navy);font-size:clamp(22px,2.4vw,29px);margin:9px 0 15px}.brand-intro-text,.brand-richtext{font-size:15px;line-height:1.8;color:#506376;overflow-wrap:anywhere}.brand-richtext h2{font-size:23px}.brand-richtext h3{font-size:18px}.brand-richtext ul,.brand-richtext ol{padding-left:25px}.brand-richtext a{color:#1c3f60;text-decoration:underline;text-decoration-color:var(--brand-gold);text-underline-offset:3px}.brand-section-header{margin-bottom:22px}.brand-section-header p{color:var(--brand-muted);font-size:14px}.brand-products{min-width:0}.brand-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;background:white;border:1px solid var(--brand-line);border-radius:11px;padding:15px;margin-bottom:15px}.brand-filter-label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:#566b7f;flex:1;min-width:130px}.brand-filter-label select{height:41px;padding:8px 11px;border:1px solid #d6e0e9;background:white;color:#274962;border-radius:7px;font-size:13px;max-width:100%}.brand-checkbox{display:flex;gap:7px;align-items:center;color:#425c72;font-size:13px;cursor:pointer;padding-bottom:11px}.brand-checkbox input{accent-color:#1c3f60}.brand-filter-submit{border:0;background:var(--brand-navy);color:white;border-radius:7px;min-height:41px;padding:8px 17px;font-size:13px;cursor:pointer}.brand-login-prompt{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:15px 18px;border:1px solid #d4e3f0;background:#edf4fa;border-radius:10px;margin:0 0 20px}.brand-login-prompt strong{font-size:14px;color:var(--brand-navy);font-weight:600}.brand-login-prompt p{font-size:13px;color:#64788a;margin:0}.brand-login-prompt a{color:var(--brand-navy);font-size:13px;font-weight:600;text-decoration:underline}.brand-results-meta{font-size:12px;color:#647588;margin-bottom:13px}.brand-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.brand-product-card{display:flex;flex-direction:column;min-width:0;background:white;border:1px solid var(--brand-line);border-radius:11px;overflow:hidden;transition:box-shadow .2s,border-color .2s}.brand-product-card:hover{border-color:#e8c65f;box-shadow:0 9px 22px rgba(28,63,96,.07)}.brand-product-img{display:grid;place-items:center;background:#fff;position:relative;aspect-ratio:1.15;min-height:165px;border-bottom:1px solid #eff2f6;padding:15px}.brand-product-img img{display:block;width:100%;height:100%;max-height:210px;object-fit:contain}.brand-product-badge{position:absolute;top:10px;right:10px;background:#fff4cb;border:1px solid #ffe19a;padding:3px 8px;color:#674f00;border-radius:5px;font-size:10px;font-weight:600}.brand-no-image{color:#8e99a7;font-size:12px}.brand-product-body{display:flex;flex-direction:column;flex:1;padding:15px}.brand-product-body h3{font-size:14px;line-height:1.48;min-height:42px;margin:0 0 15px;font-weight:600}.brand-product-body h3 a{color:var(--brand-navy)}.brand-product-price{font-size:15px;color:var(--brand-navy);font-weight:650;margin-top:auto}.brand-product-price small{font-size:11px;color:#6d7e8e;font-weight:400}.brand-product-price-locked{font-size:12px;color:#738294;margin-top:auto}.brand-product-link{display:block;margin-top:12px;padding:10px 12px;background:var(--brand-navy);color:white;text-align:center;border-radius:6px;font-size:12px;font-weight:600}.brand-product-link:hover{background:#28577d;color:white}.brand-no-products{grid-column:1/-1;padding:20px;background:white;border-radius:9px;color:#62788a}.brand-no-products a{color:var(--brand-navy);text-decoration:underline}.brand-pagination{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:27px}.brand-pagination .page-numbers{border:1px solid #d7e0e8;background:#fff;border-radius:6px;padding:7px 12px;color:var(--brand-navy);font-size:13px}.brand-pagination .current{background:var(--brand-navy);color:white}.brand-view-all-wrapper{text-align:center;margin-top:27px}.brand-view-all-btn{background:#fff;color:var(--brand-navy);border:1px solid var(--brand-navy)}.brand-view-all-btn:hover{background:var(--brand-navy);color:white}
.brand-full-section{padding:55px 0;border-top:1px solid var(--brand-line)}.brand-portfolio{background:#fff}.brand-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.brand-portfolio-item{padding:0 0 0 15px;border-left:3px solid var(--brand-gold)}.brand-portfolio-item h3,.brand-why-benefit-item h3{font-size:17px;color:var(--brand-navy);margin:0 0 8px}.brand-portfolio-item p{font-size:14px;color:#607287;margin:0;line-height:1.75}.brand-why{background:var(--brand-bg)}.brand-why-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.brand-why-benefit-item{border-top:2px solid #e5ba3c;padding-top:12px}.brand-seo{background:white}.brand-collapsible[data-collapsed=true]{position:relative;max-height:170px;overflow:hidden}.brand-collapsible[data-collapsed=true]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:70px;background:linear-gradient(transparent,white);pointer-events:none}.brand-expand-btn{display:block;margin:17px auto 0;border:1px solid var(--brand-navy);border-radius:30px;color:var(--brand-navy);background:white;padding:10px 25px;cursor:pointer;font-size:13px;font-weight:600}.brand-faq{background:#f6f8fb}.brand-faq-list{max-width:100%}.brand-faq details{background:white;border:1px solid var(--brand-line);border-radius:10px;margin:0 0 11px;padding:15px 19px}.brand-faq summary{font-size:15px;font-weight:600;cursor:pointer;color:var(--brand-navy)}.brand-faq details .brand-richtext{padding-top:13px;font-size:14px}.brand-cta{background:linear-gradient(112deg,#102b47,#1c3f60);color:white;padding:64px 0;text-align:center}.brand-cta-inner{max-width:1280px}.brand-cta h2{font-size:clamp(24px,3vw,32px);font-weight:600;color:white;margin:10px 0 15px}.brand-cta .brand-richtext,.brand-cta p{color:#e0e9f0;max-width:850px;margin:0 auto 23px}.brand-cta .brand-section-tag{color:#ffdb6d}.brand-cta .brand-richtext a{color:#ffdb6d}.brand-premium-wrap a:focus-visible,.brand-premium-wrap button:focus-visible,.brand-premium-wrap select:focus-visible,.brand-premium-wrap summary:focus-visible{outline:3px solid #eab52b;outline-offset:3px}
@media(max-width:1100px){.brand-main-layout{grid-template-columns:240px minmax(0,1fr);gap:20px}.brand-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.brand-container{width:min(1280px,calc(100% - 32px))}.brand-hero-grid{grid-template-columns:minmax(0,1fr);padding-block:40px;gap:25px}.brand-hero-visual{max-width:430px;width:100%;margin-inline:auto}.brand-hero-image-frame{max-height:240px;aspect-ratio:1.5}.brand-hero-image{max-height:190px}.brand-main-layout{grid-template-columns:minmax(0,1fr);padding-block:26px 45px}.brand-sidebar{order:2;position:static}.brand-main-column{order:1}.brand-sidepanel ul{max-height:280px}.brand-full-section{padding:43px 0}}
@media(max-width:520px){.brand-container{width:min(1280px,calc(100% - 28px))}.brand-hero-title{font-size:28px}.brand-hero-buttons{flex-direction:column}.brand-hero-buttons a{width:100%}.brand-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.brand-product-img{min-height:126px;padding:8px}.brand-product-body{padding:10px}.brand-product-body h3{font-size:12.5px;min-height:56px}.brand-product-link{font-size:11px;padding:9px 6px}.brand-filter-label{min-width:100%}.brand-filter-submit{width:100%}.brand-portfolio-grid,.brand-why-benefits{grid-template-columns:1fr}.brand-hero-stats{gap:14px}}
@media(max-width:365px){.brand-products-grid{grid-template-columns:1fr}.brand-product-img{min-height:180px}.brand-product-body h3{font-size:14px;min-height:0}}
@media(prefers-reduced-motion:reduce){.brand-premium-wrap *{scroll-behavior:auto!important;transition:none!important}}

/* Brand category hierarchy: Consumer Tech > Networking > Routers */
.brand-premium-wrap .brand-sidepanel .brand-category-level{list-style:none;margin:0;padding:8px 11px 13px;max-height:none;overflow:visible}
.brand-premium-wrap .brand-sidepanel .brand-category-level .brand-category-level{padding:4px 0 7px 12px;margin-left:8px;border-left:1px solid #e1e9f1}
.brand-premium-wrap .brand-sidepanel .brand-category-item{margin:0;min-width:0}
.brand-premium-wrap .brand-sidepanel .brand-category-node>summary{display:flex;align-items:center;gap:8px;cursor:pointer;padding:11px 12px;border-radius:8px;color:#1c3f60;font-size:14px;font-weight:600;list-style:none;line-height:1.45}
.brand-premium-wrap .brand-sidepanel .brand-category-node>summary::-webkit-details-marker{display:none}
.brand-premium-wrap .brand-sidepanel .brand-category-node>summary:hover{background:#edf3f8}
.brand-premium-wrap .brand-category-label{min-width:0;flex:1;overflow-wrap:anywhere}
.brand-premium-wrap .brand-category-count{font-size:12px;font-weight:400;color:#768a9a;flex-shrink:0}
.brand-premium-wrap .brand-category-chevron{width:7px;height:7px;border-right:1.8px solid #456580;border-bottom:1.8px solid #456580;transform:rotate(45deg);transition:transform .18s;flex-shrink:0;margin:0 5px}
.brand-premium-wrap .brand-category-node[open]>summary .brand-category-chevron{transform:rotate(225deg)}
.brand-premium-wrap .brand-sidepanel .brand-category-leaf,.brand-premium-wrap .brand-sidepanel .brand-category-all{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:8px;color:#436077;font-size:13px;line-height:1.45;font-weight:400;margin:2px 0;overflow-wrap:anywhere}
.brand-premium-wrap .brand-sidepanel .brand-category-all{color:#61768a;font-size:12px}
.brand-premium-wrap .brand-sidepanel .brand-category-leaf:hover,.brand-premium-wrap .brand-sidepanel .brand-category-all:hover{background:#eef3f8;color:#1c3f60}
.brand-premium-wrap .brand-sidepanel .brand-category-leaf.is-current,.brand-premium-wrap .brand-sidepanel .brand-category-all.is-current{background:#fff3cd;border-left:3px solid #fbc333;color:#1c3f60;font-weight:600;padding-left:9px}
@media(max-width:800px){.brand-premium-wrap .brand-sidepanel .brand-category-level{max-height:none;overflow:visible}}

/* v1.3 — left-hand parent expand arrows and breadcrumbs below hero */
.brand-premium-wrap .brand-breadcrumb{padding:17px 0 5px;min-height:49px;font-size:13px;line-height:1.5;gap:10px}
.brand-premium-wrap .brand-breadcrumb a:hover{color:#1c3f60;text-decoration:underline;text-underline-offset:3px}
.brand-premium-wrap .brand-sidepanel .brand-category-node>summary{display:flex;align-items:center;gap:11px;min-height:43px}
.brand-premium-wrap .brand-sidepanel .brand-category-node>summary .brand-category-chevron{display:inline-block;order:0;width:8px;height:8px;min-width:8px;margin:0 2px 0 3px;transform:rotate(-45deg);border-right:2px solid #315878;border-bottom:2px solid #315878;transition:transform .2s ease}
.brand-premium-wrap .brand-sidepanel .brand-category-node[open]>summary .brand-category-chevron{transform:rotate(45deg)}
.brand-premium-wrap .brand-sidepanel .brand-category-node>summary .brand-category-label{order:1;flex:1}
.brand-premium-wrap .brand-sidepanel .brand-category-node>summary .brand-category-count{order:2;margin-left:auto}
.brand-premium-wrap .brand-category-leaf-label{display:inline-flex;align-items:center;gap:10px;min-width:0}
.brand-premium-wrap .brand-category-leaf-mark{color:#bd9417;font-size:17px;line-height:1;flex-shrink:0}
.brand-premium-wrap .brand-sidepanel .brand-category-level-1{margin-left:12px!important}
.brand-premium-wrap .brand-sidepanel .brand-category-level-2{margin-left:15px!important}
.brand-premium-wrap .brand-sidepanel .brand-category-level-3{margin-left:15px!important}
@media(max-width:520px){.brand-premium-wrap .brand-breadcrumb{font-size:12px;padding:13px 0 3px}.brand-premium-wrap .brand-sidepanel .brand-category-node>summary{font-size:14px;min-height:44px}}

/* v1.4 — category hierarchy first; brand selection separate from category tree */
.brand-premium-wrap .brand-sidepanel>.brand-category-level{padding-top:13px;padding-bottom:9px}
.brand-premium-wrap .brand-sidepanel .brand-category-level-0>.brand-category-item>.brand-category-node>summary,
.brand-premium-wrap .brand-sidepanel .brand-category-level-0>.brand-category-item>.brand-category-leaf{font-size:15px;font-weight:600;color:#1c3f60}
.brand-premium-wrap .brand-sidepanel .brand-category-node>summary{transition:background .18s ease,color .18s ease}
.brand-premium-wrap .brand-sidepanel .brand-category-node>summary:hover,
.brand-premium-wrap .brand-sidepanel .brand-category-node>summary:focus-visible{background:#eaf1f8;color:#123856}
.brand-premium-wrap .brand-sidepanel .brand-category-leaf:hover,
.brand-premium-wrap .brand-sidepanel .brand-category-all:hover{background:#eaf1f8;color:#143e61}
.brand-premium-wrap .brand-current-brand{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 12px 13px;padding:12px 14px;border-top:1px solid #e2e9ef;border-radius:8px;color:#1c3f60;font-size:14px;line-height:1.45;font-weight:600;transition:background .18s ease,color .18s ease}
.brand-premium-wrap .brand-current-brand-label{display:flex;align-items:center;gap:9px;min-width:0}
.brand-premium-wrap .brand-current-brand-marker{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#d1a319}
.brand-premium-wrap .brand-current-brand-count{color:#7a8b9b;font-size:12px;font-weight:400}
.brand-premium-wrap .brand-current-brand.is-current{background:#fff3cd;color:#173c5b;box-shadow:inset 3px 0 0 #fbc333}
.brand-premium-wrap .brand-current-brand:hover{background:#e7f0f8;color:#143e61}
.brand-premium-wrap .brand-current-brand.is-current:hover{background:#ffe9a8;color:#123856}
.brand-premium-wrap .brand-sidepanel .brand-category-level-2 .brand-category-leaf{padding-left:10px}
.brand-premium-wrap .brand-sidepanel .brand-category-level-2 .brand-category-leaf-mark{color:#b9911b}

/* v2 — brand directory + editorial + horizontal related brands */
.brand-premium-wrap .brand-breadcrumb{padding:15px 0 12px;border-bottom:1px solid var(--brand-line)}
.brand-premium-wrap .brand-main-layout{padding-top:25px}
.brand-premium-wrap .brand-directory-search{display:block;padding:12px 13px 4px}
.brand-premium-wrap .brand-directory-search input{display:block;width:100%;padding:11px 12px;border:1px solid var(--brand-line);border-radius:8px;background:#f8fafc;color:var(--brand-ink);font-size:14px}
.brand-premium-wrap .brand-sidepanel .brand-directory-list{list-style:none;padding:8px 11px 13px;margin:0;max-height:490px;overflow-y:auto}
.brand-premium-wrap .brand-directory-list li[hidden]{display:none!important}
.brand-premium-wrap .brand-sidepanel .brand-directory-link{display:flex;gap:10px;justify-content:space-between;align-items:center;color:#345470;padding:11px 12px;border-radius:8px;font-size:14px;font-weight:500;line-height:1.4;min-height:44px}
.brand-premium-wrap .brand-sidepanel .brand-directory-link:hover{background:#edf3f8;color:#143854}
.brand-premium-wrap .brand-sidepanel .brand-directory-link.is-current{background:#fff2ce;color:#173a5b;box-shadow:inset 3px 0 0 var(--brand-gold);font-weight:600}
.brand-premium-wrap .brand-directory-count{flex:none;color:#71869a;font-size:12px;font-weight:400}
.brand-premium-wrap .brand-editorial,.brand-premium-wrap .brand-portfolio,.brand-premium-wrap .brand-why,.brand-premium-wrap .brand-seo{background:#fff;border-top:1px solid var(--brand-line)}
.brand-premium-wrap .brand-portfolio,.brand-premium-wrap .brand-seo{background:#f7f9fb}
.brand-premium-wrap .brand-editorial h2,.brand-premium-wrap .brand-related h2{color:var(--brand-navy);font-size:clamp(23px,2.5vw,30px);margin:8px 0 16px;font-weight:600}
.brand-premium-wrap .brand-collapsible[data-collapsed=true]{max-height:175px}
.brand-premium-wrap .brand-collapsible[data-collapsed=true]:after{background:linear-gradient(transparent,#fff)}
.brand-premium-wrap .brand-portfolio .brand-collapsible[data-collapsed=true]:after,.brand-premium-wrap .brand-seo .brand-collapsible[data-collapsed=true]:after{background:linear-gradient(transparent,#f7f9fb)}
.brand-premium-wrap .brand-related{background:#f7f9fb}
.brand-premium-wrap .brand-related-desc{color:var(--brand-muted);margin-bottom:20px}
.brand-premium-wrap .brand-related-scroller{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 2px 17px;scrollbar-width:thin}
.brand-premium-wrap .brand-related-item{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:9px;flex:0 0 172px;min-height:166px;background:white;border:1px solid var(--brand-line);border-radius:12px;padding:17px 12px;scroll-snap-align:start;text-align:center;color:var(--brand-navy)}
.brand-premium-wrap .brand-related-item:hover{border-color:var(--brand-gold);box-shadow:0 6px 20px rgba(28,63,96,.06);color:var(--brand-navy)}
.brand-premium-wrap .brand-related-item img{width:74px;height:54px;object-fit:contain}
.brand-premium-wrap .brand-related-initial{display:grid;place-items:center;width:54px;height:54px;background:#eef3f8;border-radius:12px;font-size:24px;color:#1c3f60}
.brand-premium-wrap .brand-related-item strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.brand-premium-wrap .brand-related-item small{color:#738497;font-size:12px}
@media(max-width:800px){.brand-premium-wrap .brand-sidebar{order:0}.brand-premium-wrap .brand-main-column{order:1}.brand-premium-wrap .brand-main-layout{gap:19px}.brand-premium-wrap .brand-sidepanel .brand-directory-list{max-height:230px}}
@media(max-width:520px){.brand-premium-wrap .brand-related-item{flex-basis:145px;min-height:145px}}


/* ============================================================
   EXPLORE OTHER BRANDS | responsive no-scroll logo grid (v2.1)
   Uses the existing .brand-related-scroller/.brand-related-item markup.
   ============================================================ */
.brand-premium-wrap .brand-related .brand-container {
  width: 100%;
  max-width: 1280px;
}
.brand-premium-wrap .brand-related-scroller {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  padding: 4px 0 14px;
  margin: 0;
  overflow: visible;
  scroll-snap-type: none;
  scrollbar-width: none;
  align-items: stretch;
}
.brand-premium-wrap .brand-related-scroller::-webkit-scrollbar { display: none; }
.brand-premium-wrap .brand-related-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 170px;
  padding: 23px 14px 18px;
  gap: 12px;
  flex: initial;
  border: 1px solid #e0e8f0;
  border-radius: 16px;
  background: #fff;
  text-align: center;
  scroll-snap-align: none;
  color: #1c3f60;
  text-decoration: none;
  box-shadow: 0 4px 18px rgba(28,63,96,.035);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background-color .22s ease;
}
.brand-premium-wrap .brand-related-item::after {
  content: '↗';
  position: absolute;
  right: 13px;
  top: 12px;
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  color: #a9b8c7;
  transition: color .22s ease, transform .22s ease;
}
.brand-premium-wrap .brand-related-item img {
  display: block;
  width: 100%;
  max-width: 145px;
  height: 90px;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
  padding: 2px;
  transition: transform .25s ease;
}
.brand-premium-wrap .brand-related-initial {
  width: 90px;
  height: 90px;
  border-radius: 12px;
  font-size: 32px;
}
.brand-premium-wrap .brand-related-item strong {
  display: block;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #1c3f60;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.brand-premium-wrap .brand-related-item small {
  color: #75879a;
  font-size: 12px;
  line-height: 1.4;
}
.brand-premium-wrap .brand-related-item:hover {
  transform: translateY(-4px);
  border-color: #fbc333;
  background: #fffefa;
  box-shadow: 0 12px 26px rgba(28,63,96,.10);
  color: #1c3f60;
}
.brand-premium-wrap .brand-related-item:hover::after {
  color: #be8b00;
  transform: translate(2px,-2px);
}
.brand-premium-wrap .brand-related-item:hover img { transform: scale(1.045); }
.brand-premium-wrap .brand-related-item:focus-visible {
  outline: 3px solid #fbc333;
  outline-offset: 3px;
}
@media (max-width: 1150px) {
  .brand-premium-wrap .brand-related-scroller { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .brand-premium-wrap .brand-related-scroller { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .brand-premium-wrap .brand-related-item { min-height: 155px; padding: 20px 10px 14px; }
  .brand-premium-wrap .brand-related-item img { height: 75px; max-width: 125px; }
}
@media (max-width: 540px) {
  .brand-premium-wrap .brand-related-scroller { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
  .brand-premium-wrap .brand-related-item { min-height: 148px; }
  .brand-premium-wrap .brand-related-item img { height: 68px; max-width: 115px; }
}
@media (prefers-reduced-motion: reduce) {
  .brand-premium-wrap .brand-related-item,
  .brand-premium-wrap .brand-related-item img,
  .brand-premium-wrap .brand-related-item::after { transition: none; }
}

/* ============================================================
   v2.2 — Mobile/tablet refinements (brand grid + hero image)
   CSS-only: existing PHP, ACF fields and links unchanged.
   ============================================================ */
.brand-premium-wrap .brand-related .brand-container {
  width: min(1280px, calc(100% - 48px));
  margin-inline: auto;
  padding-inline: 0;
}
.brand-premium-wrap .brand-related-scroller {
  box-sizing: border-box;
  min-width: 0;
  overflow: visible;
}
.brand-premium-wrap .brand-related-item {
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
}
.brand-premium-wrap .brand-related-item img {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 100%;
  max-width: min(145px, 100%);
  height: 82px;
  padding: 7px;
  margin-inline: auto;
  object-fit: contain;
  object-position: center;
}
.brand-premium-wrap .brand-related-initial {
  flex: 0 0 auto;
  max-width: 100%;
}
.brand-premium-wrap .brand-hero-image-frame {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}
.brand-premium-wrap .brand-hero-image {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: auto;
  max-height: 267px;
  margin-inline: auto;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 800px) {
  .brand-premium-wrap .brand-hero-visual {
    width: 100%;
    max-width: min(430px, 100%);
    min-width: 0;
    margin-inline: auto;
  }
  .brand-premium-wrap .brand-hero-image-frame {
    min-height: 180px;
    max-height: none;
    aspect-ratio: auto;
    padding: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .brand-premium-wrap .brand-hero-image {
    width: auto;
    max-width: 100%;
    max-height: 185px;
  }
  .brand-premium-wrap .brand-related .brand-container {
    width: calc(100% - 36px);
  }
}
@media (max-width: 540px) {
  .brand-premium-wrap .brand-related .brand-container {
    width: calc(100% - 32px);
  }
  .brand-premium-wrap .brand-related-scroller {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 4px 0 16px;
  }
  .brand-premium-wrap .brand-related-item {
    min-height: 168px;
    padding: 18px 12px 16px;
    gap: 8px;
    justify-content: space-between;
  }
  .brand-premium-wrap .brand-related-item img {
    max-width: min(125px, 100%);
    height: 75px;
    padding: 9px;
  }
  .brand-premium-wrap .brand-related-initial {
    height: 70px;
    width: 70px;
  }
  .brand-premium-wrap .brand-related-item strong {
    font-size: 14px;
    line-height: 1.35;
  }
  .brand-premium-wrap .brand-related-item small {
    font-size: 12px;
  }
  .brand-premium-wrap .brand-hero-image-frame {
    padding: 18px 22px;
  }
  .brand-premium-wrap .brand-hero-image {
    max-height: 160px;
  }
}
@media (max-width: 360px) {
  .brand-premium-wrap .brand-related .brand-container {
    width: calc(100% - 24px);
  }
  .brand-premium-wrap .brand-related-scroller { gap: 9px; }
  .brand-premium-wrap .brand-related-item { padding: 17px 9px 13px; }
  .brand-premium-wrap .brand-related-item img { height: 65px; padding: 7px; }
}