.brand-category-page { max-width: 1500px; margin: 0 auto; padding: 18px 20px 48px; color: #182230; }
.brand-hub-category-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.brand-hub-category-card { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 8px; border: 1px solid #e3e5e7; border-radius: 10px; background: #fff; color: #1d2a38; text-decoration: none; }
.brand-hub-category-card:hover { border-color: #ef711c; background: #fffaf5; }
.brand-hub-category-card__media { display: grid; place-items: center; flex: 0 0 62px; height: 62px; border-radius: 7px; background: #f7f7f6; }
.brand-hub-category-card__media img { width: 100%; height: 100%; object-fit: contain; }
.brand-hub-category-card__media > span { color: #de5b0a; font-size: 26px; font-weight: 800; }
.brand-hub-category-card strong,.brand-hub-category-card small { display: block; }
.brand-hub-category-card strong { font-size: 12px; line-height: 1.25; }
.brand-hub-category-card small { margin-top: 4px; color: #667485; font-size: 11px; }
.brand-hub-category-card > ion-icon { margin-left: auto; flex: 0 0 auto; color: #e9600b; }
.brand-hub-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; color: #667485; font-size: 12px; }
.brand-hub-breadcrumb a { color: #38485a; text-decoration: none; }
.brand-hub-breadcrumb a:hover { color: #d64c0a; text-decoration: underline; }
.brand-hub-breadcrumb ion-icon { font-size: 12px; }
.brand-category-hero { display: flex; align-items: center; gap: 22px; padding: 22px 26px; border: 1px solid #e8e2da; border-radius: 13px; background: linear-gradient(110deg,#fff,#fff6ec); }
.brand-category-hero__logo { display: grid; place-items: center; flex: 0 0 150px; height: 112px; border: 1px solid #ececec; border-radius: 10px; background: #fff; }
.brand-category-hero__logo img { max-width: 90%; max-height: 80px; object-fit: contain; }
.brand-category-hero__logo span { color: #e85d0c; font-size: 50px; font-weight: 800; }
.brand-hub-kicker { color: #bf470b; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.brand-category-hero h1 { margin: 5px 0; color: #182230; font-size: clamp(22px,3vw,32px); line-height: 1.15; }
.brand-category-hero p { margin: 0; color: #596675; font-size: 13px; line-height: 1.5; }
.brand-hub-categories { display: flex; gap: 8px; overflow-x: auto; padding: 15px 0; scrollbar-width: thin; }
.brand-hub-categories a { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; min-height: 42px; padding: 8px 12px; border: 1px solid #e3e5e7; border-radius: 8px; background: #fff; color: #243243; font-size: 12px; font-weight: 700; text-decoration: none; }
.brand-hub-categories a:hover,.brand-hub-categories a.is-active { border-color: #ef711c; background: #fff3e9; color: #bd480b; }
.brand-hub-categories a span { color: #728091; font-size: 11px; }
.brand-category-results__head { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin: 6px 0 12px; }
.brand-category-results__head h2 { margin: 0; font-size: 21px; }
.brand-category-results__head span { color: #64748b; font-size: 12px; }
.brand-category-products { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }
.brand-category-pagination { display: flex; justify-content: center; align-items: center; gap: 14px; margin-top: 22px; font-size: 13px; }
.brand-category-pagination a { min-height: 42px; padding: 11px 16px; border: 1px solid #e0e4e8; border-radius: 8px; color: #bd480b; text-decoration: none; }
.brand-category-price-list { display: flex; align-items: center; gap: 10px; margin-top: 22px; padding: 14px 17px; border: 1px solid #f3c9a6; border-radius: 10px; background: #fff7ef; color: #252f3e; font-size: 13px; }
.brand-category-price-list > ion-icon { color: #e9600b; font-size: 22px; }
.brand-category-price-list a { display: inline-flex; gap: 5px; align-items: center; margin-left: auto; color: #bd480b; font-weight: 800; text-decoration: none; }
@media(max-width:1100px){.brand-category-products{grid-template-columns:repeat(4,minmax(0,1fr));}.brand-hub-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:767px){.brand-category-page{padding:12px 10px 32px}.brand-category-hero{gap:12px;padding:14px}.brand-category-hero__logo{flex-basis:82px;height:82px}.brand-category-hero__logo img{max-height:58px}.brand-category-hero h1{font-size:21px}.brand-category-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.brand-hub-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.brand-hub-category-card{gap:6px}.brand-hub-category-card__media{flex-basis:42px;height:48px}.brand-hub-category-card strong{font-size:11px}.brand-category-price-list{flex-wrap:wrap}.brand-category-price-list a{margin-left:0;width:100%}}
