.wb-brand-section>.wb-section-head{align-items:flex-end;gap:24px}
.wb-brand-section .wb-kicker{display:block;margin-bottom:10px}
.wb-brand-controls{display:flex;gap:10px;align-items:center}
.wb-brand-controls>a{margin-right:14px;white-space:nowrap}
.wb-brand-arrow{display:grid;place-items:center;flex:none;width:42px;height:42px;padding:0;border:1px solid #e8d6dc;border-radius:50%;background:#fffaf8;color:#7b2638;font-size:22px;cursor:pointer}
.wb-brand-arrow:hover{background:#f6e8ec}.wb-brand-arrow:disabled{opacity:.35;cursor:default}
.wb-brand-arrow[hidden]{display:none}
.wb-brand-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#dbc5cd transparent;padding:3px 1px 16px;overscroll-behavior-x:contain}
.wb-brand-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;flex:0 0 calc((100% - 60px)/4);min-width:0;scroll-snap-align:start;border:1px solid #ecdee3;border-radius:14px;background:#fff;padding:25px 16px 20px;text-decoration:none;color:#624553;transition:background .2s,border-color .2s,box-shadow .2s}
.wb-brand-card:hover{background:#fcf9f7;border-color:#d6b4bf;box-shadow:0 8px 22px #7b263810}
.wb-brand-card img{width:100%;height:auto;aspect-ratio:440/170;object-fit:contain}
.wb-brand-card__name{font:600 28px/1.2 'Cormorant Garamond',Georgia,serif;padding:25px 0}
.wb-brand-card__more{display:flex;align-items:center;justify-content:center;gap:14px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#a07787}
.wb-brand-index{padding-top:48px;padding-bottom:64px}
.wb-brand-index h1,.wb-brand-hero h1{font:500 48px/1.1 'Cormorant Garamond',Georgia,serif;margin:14px 0 20px}
.wb-brand-index__intro{max-width:650px;color:#947e88;font-size:14px;line-height:1.8;margin-bottom:32px}
.wb-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.wb-brand-grid .wb-brand-card{padding:30px 24px}
.wb-brand-hero{display:flex;justify-content:space-between;align-items:center;gap:50px;padding:38px 0 32px;margin-bottom:30px;border-bottom:1px solid #ecdee3}
.wb-brand-hero>div{max-width:700px}
.wb-brand-hero>img{width:280px;max-width:32%;height:auto;object-fit:contain}
.wb-brand-hero p{color:#917781;font-size:14px;line-height:1.8}
.wb-product-brand{display:inline-flex;align-items:center;gap:16px;margin:0 0 20px;padding:10px 16px;border:1px solid #ecdee3;border-radius:10px;background:#fcf9f9;text-decoration:none;color:#7b2638}
.wb-product-brand img{width:122px;height:48px;object-fit:contain}
.wb-product-brand>span{font-size:11px;line-height:1.5}.wb-product-brand b{display:block;font-size:13px;margin-bottom:2px}
.wb-brand-catalog .wb-brand-sort{display:flex;justify-content:flex-end;gap:10px;margin-bottom:25px;flex-wrap:wrap;font-size:12px}
.wb-brand-sort select{padding:8px;border:1px solid #ecdee3;border-radius:6px;background:white;color:#61404f}
@media(max-width:1100px){.wb-brand-card{flex-basis:calc((100% - 40px)/3)}.wb-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.wb-brand-section>.wb-section-head{align-items:flex-start;flex-direction:column;gap:18px}.wb-brand-card{flex-basis:calc((100% - 16px)/2);padding:20px 12px 16px}.wb-brand-track{gap:16px}.wb-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wb-brand-grid .wb-brand-card{padding:22px 14px}.wb-brand-index h1,.wb-brand-hero h1{font-size:38px}.wb-brand-hero{align-items:flex-start;gap:20px}.wb-brand-hero>img{width:160px}.wb-brand-controls>a{margin-right:8px}}
@media(max-width:420px){.wb-brand-card{flex-basis:78%}.wb-brand-hero{flex-direction:column-reverse}.wb-brand-hero>img{max-width:70%}.wb-brand-grid{grid-template-columns:1fr 1fr}.wb-brand-grid .wb-brand-card{gap:8px;padding:20px 8px}}
@media(prefers-reduced-motion:reduce){.wb-brand-card{transition:none}}

/* Native Brandy Pro directory and the shared category-style brand catalog. */
.wb-brand-index { padding-top:26px; }
.wb-brand-index h1 { margin:0 0 24px; }
.wb-brands-search { margin-bottom:24px; }
.wb-brand-alphabet { display:flex; align-items:center; flex-wrap:wrap; gap:12px 22px; padding:16px 20px; margin-bottom:16px; border:1px solid #eddee2; border-radius:13px; background:#fcf8f5; }
.wb-brand-alphabet__title { font-size:13px; color:#947480; }
.wb-brand-alphabet__group { display:flex; flex-wrap:wrap; align-items:center; gap:5px; }
.wb-brand-alphabet__caption { padding:0 8px 0 0; font-size:11px; letter-spacing:.05em; color:#a88996; }
.wb-brand-letter { display:grid; place-items:center; min-width:32px; height:34px; padding:5px 10px; border:1px solid transparent; border-radius:7px; background:transparent; color:#785061; font:500 14px/1.3 Manrope,Arial,sans-serif; cursor:pointer; }
.wb-brand-letter:hover { background:#f2e5e9; border-color:#e7cfd8; }
.wb-brand-letter[aria-pressed=true] { background:#7b2638; color:white; border-color:#7b2638; }
.wb-brands-search__row { display:flex; align-items:center; gap:14px; }
.wb-brands-search__field { display:flex; align-items:center; flex:1; min-width:0; gap:10px; padding:0 13px; border:1px solid #e5d4db; border-radius:9px; background:#fff; }
.wb-brands-search__field:focus-within { border-color:#b98a9b; box-shadow:0 4px 14px #7b263810; }
.wb-brands-search__field>svg { width:18px; height:18px; flex:none; fill:none; stroke:#9e7889; stroke-width:1.5; }
.wb-body .wb-brands-search__field input { width:100%; min-width:0; height:45px; border:0; padding:10px 0; margin:0; outline:none; box-shadow:none; background:none; font:400 14px/1.5 Manrope,Arial,sans-serif; color:#634250; }
.wb-brands-search__field input::-webkit-search-cancel-button { -webkit-appearance:none; }
.wb-brands-search__field button { position:static; inset:auto; display:grid; place-items:center; flex:none; width:27px; height:30px; padding:4px; border:0; background:none; color:#9e7889; cursor:pointer; }
.wb-brands-search__field button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; }
.wb-brands-sort { position:relative; flex:none; display:block; margin-left:auto; }
.wb-brands-sort.wb-catalog-sort summary { min-height:47px; min-width:218px; justify-content:space-between; }
.wb-brands-sort nav { width:100%; }
.wb-brands-empty { padding:26px; border:1px dashed #e2c8d2; border-radius:12px; color:#987a88; font-size:14px; }
.wb-brand-index [hidden] { display:none!important; }
.wb-brand-grid.shop-brand-brands__wrapper { margin:0; }
.wb-brand-grid .shop-brand-brands__brand-wrap { display:block; width:auto; min-width:0; }
.wb-brand-grid .wb-brand-card { box-sizing:border-box; height:100%; gap:11px; }
.wb-brand-card__title { font-size:15px; line-height:1.4; font-weight:500; color:#795266; }
.wb-brand-catalog { padding-bottom:58px; }
.wb-brand-catalog .wb-brand-hero { padding:18px 0 26px; margin:0; }
.wb-brand-catalog .wb-brand-hero h1 { margin:0 0 14px; }
.wb-brand-catalog .wb-brand-hero p { margin:0; }
.wb-brand-letter:focus-visible,.wb-brands-search button:focus-visible { outline:2px solid #b98a9b; outline-offset:3px; }
@media(max-width:700px) { .wb-brand-alphabet { gap:10px 14px; padding:13px 14px; }.wb-brands-search__row { flex-wrap:wrap; gap:12px; }.wb-brands-search__field { flex-basis:100%; }.wb-body .wb-brands-search__field input { font-size:16px; }.wb-brands-sort.wb-catalog-sort { width:100%; margin:0; }.wb-brands-sort.wb-catalog-sort summary { min-height:44px; font-size:13px; }.wb-brand-alphabet__group { gap:4px; }.wb-brand-card__title { font-size:13px; } }