.brands-page main{min-height:65vh;max-width:1240px;margin:auto;padding:32px 28px 80px}
.brands-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#607581;font-size:14px;margin-bottom:34px}
.brands-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.brands-breadcrumb [aria-current]{color:var(--ink)}
.brands-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px;border-bottom:1px solid #dbe4e9;padding-bottom:30px}
.brands-heading .eyebrow{margin-bottom:12px;font-size:14px;letter-spacing:.12em}
.brands-heading h1{font:500 clamp(38px,5vw,64px)/1.1 Georgia;margin:0;overflow-wrap:anywhere}
.brands-page nav a[aria-current]{color:#14739f;text-decoration:underline;text-underline-offset:6px}
.brands-page .brand-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;border-top:1px solid #dbe4e9;border-left:1px solid #dbe4e9}
.brands-page .brand-logos li{display:block;padding:0;min-height:0}
.brand-link{display:flex;height:100%;min-height:180px;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 18px;transition:background .15s ease}
.brand-link:hover{background:#eef5f8}
.brand-directory-tools{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:0 0 18px}.brand-directory-tools label{display:grid;gap:9px;flex:1;max-width:530px;font-size:14px;font-weight:600;color:#26495d}.brand-directory-tools input{display:block;width:100%;background:#fff;border:1px solid #d8e3e9;border-radius:14px;padding:15px 17px;font-size:16px;color:#0c3046}.brand-directory-tools p{color:#5d7481;white-space:nowrap;font-size:14px;margin:0 0 16px}
.brand-alphabet{display:flex;gap:7px;overflow:auto;padding:4px 0 20px;margin-bottom:8px;scrollbar-width:thin}.brand-alphabet button{flex:none;min-width:38px;min-height:38px;padding:8px;border:1px solid #dde7ec;border-radius:50%;background:white;color:#355b70;font:600 13px Arial,Helvetica,sans-serif;cursor:pointer}.brand-alphabet button:first-child{min-width:52px;border-radius:24px}.brand-alphabet button.active{background:#123b51;border-color:#123b51;color:white}
.brands-page .brand-logos{gap:14px;border:0}.brands-page .brand-logos li{border:1px solid #e0e7ec;border-radius:17px;background:white;overflow:hidden}.brand-link{min-height:166px;padding:21px 17px}.brands-heading h1{font:700 clamp(38px,5vw,60px)/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.04em}.brand-logo-art img{object-fit:contain;max-width:100%;max-height:76px}.brand-logo-frame img{max-height:none;max-width:none}
.brand-link:focus-visible{outline:3px solid #14739f;outline-offset:-3px;background:#eef5f8}
.brand-logo-art{display:flex;align-items:center;justify-content:center;width:100%;height:84px;min-width:0}
.brand-link .brand-name{color:var(--ink);font-size:14px;font-weight:600;text-align:center;line-height:1.35}
#selectedBrandLogo{flex:0 0 170px}
#selectedBrandLogo img{width:100%;max-width:170px;height:80px;object-fit:contain}
#selectedBrandLogo .brand-logo-frame img{width:var(--image-width);max-width:none;height:auto}
.brands-page [hidden]{display:none!important}
.brand-products-nav{margin:0 0 25px}
.brand-back{display:inline-block;font-size:14px;font-weight:700;color:#24566f;text-decoration:underline;text-underline-offset:4px}
.brand-empty{max-width:760px;padding:36px;border:1px solid #d5e2e8;background:#f1f6f8}
.brand-empty h2{font:500 clamp(26px,3vw,36px)/1.2 Georgia;margin:0 0 18px}
.brand-empty p{font-size:16px;line-height:1.7;color:#536e7d;margin:0 0 24px}
.brand-empty .brand-back{margin-left:20px}
.brand-range-note{color:#536e7d;font-size:16px;line-height:1.6;margin:0 0 24px}
.brands-page .catalog-tools{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.brands-page .catalog-tools label{font-size:14px;letter-spacing:0;text-transform:none}
.brands-page .catalog-tools strong{font-size:14px;grid-column:auto}
.brands-page .catalog-grid{max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}
.brands-page .catalog-grid article{min-width:0}
.brands-page .catalog-grid .catalog-product--text{min-height:280px;padding-top:24px}
.brands-page .catalog-grid .catalog-product--text:has(.product-options){min-height:400px}
.brands-page .product-brand,.brands-page .sku{font-size:12px;letter-spacing:.08em}
.brands-page .catalog-grid p{font-size:14px}
.brands-page .official-link,.brands-page .variant-label,.brands-page .product-options>label{font-size:14px;letter-spacing:0}
.brands-page .catalog-pagination span{font-size:14px}
.brands-page .clothing-tools{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}
.brands-page .clothing-note b{white-space:normal}
@media(max-width:1100px){.brands-page .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.brands-page .brand-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.brands-page .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-link{min-height:162px;padding:20px 14px}.brands-page main{padding:28px 22px 60px}}
@media(max-width:560px){.brands-page .brand-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-link{min-height:156px;padding:18px 12px;gap:10px}.brands-heading{gap:16px}#selectedBrandLogo{flex-basis:100px}.brands-heading .eyebrow{font-size:12px}.brands-page main{padding:24px 18px 48px}.brands-breadcrumb{margin-bottom:24px}.brand-empty{padding:24px}.brand-empty .brand-back{display:block;margin:20px 0 0}.brands-page .catalog-grid{grid-template-columns:1fr}}
