@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";
:root{--color-primary:#bc0001;--color-primary-hover:#980001;--color-primary-soft:#fff1f1;--color-offer:#e20000;--color-surface:#fff;--color-background:#f6f7f8;--color-surface-warm:#fff7f7;--color-text:#18191a;--color-text-muted:#666;--color-border:#e5e7eb;--color-success:#15803d;--color-warning:#b45309;--color-error:#b91c1c;--color-info:#bc0001;--color-focus:#bc000129;--font-ui:"Inter", "Cairo", sans-serif;--font-arabic:"Cairo", "Inter", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #18191a0f;--shadow-md:0 4px 12px #18191a14;--shadow-lg:0 12px 28px #18191a1f;--focus-ring:0 0 0 3px #bc000129;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--container-max:1440px;--section-gap:48px;--control-height:44px}html[lang=ar],html[dir=rtl]{--font-ui:"Cairo", "Inter", sans-serif}.brands-page-shell{background:#fff;overflow-x:hidden}.brands-page{padding-block:26px 56px;overflow-x:hidden}.brands-page__count{color:#666;white-space:nowrap;font-size:13px;font-weight:800}.brands-page__layout{grid-template-columns:304px minmax(0,1fr);align-items:start;gap:28px;display:grid}.brands-page__sidebar{gap:16px;display:grid}.brands-page__filter-card{padding:18px}.brands-page__filter-card h2{color:#18191a;margin:0 0 14px;font-size:16px;font-weight:900}.brands-page__search{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:0 12px;display:flex}.brands-page__search svg{color:#bc0001}.brands-page__search input{color:#18191a;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:14px;font-weight:700}.brands-page__search input::placeholder{color:#666c}.brands-page__search:focus-within{border-color:#bc00016b;box-shadow:0 0 0 3px #bc000129}.brands-page__letters{flex-wrap:wrap;gap:8px;display:flex}.brands-page__letter{color:#666;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:34px;min-height:34px;padding:7px 9px;font-size:12px;font-weight:900}.brands-page__letter:hover,.brands-page__letter--active{color:#bc0001;background:#bc00010d;border-color:#bc000159}.brands-page__letter:focus-visible{outline:0;box-shadow:0 0 0 3px #bc000129}.brands-page__content{min-width:0;padding:20px}.brands-page__content-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.brands-page__content-header h2{color:#18191a;margin:0;font-size:22px;font-weight:900}.brands-page__clear{color:#bc0001;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:900}.brands-page__clear:hover{text-decoration:underline}.brands-page__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.brands-page__card{min-width:0}.brands-page__card--skeleton{pointer-events:none;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:12px;min-height:218px;padding:18px;display:flex}.brands-page__skeleton-logo,.brands-page__skeleton-title,.brands-page__skeleton-button{background:linear-gradient(90deg,#f6f7f8 0%,#bc00010f 45%,#f6f7f8 90%) 0 0/220% 100%;animation:1.2s ease-in-out infinite storefrontSkeleton;display:block}.brands-page__skeleton-logo{border-radius:8px;width:100%;height:108px}.brands-page__skeleton-title{border-radius:4px;width:62%;height:16px}.brands-page__skeleton-button{border-radius:8px;width:112px;height:38px;margin-top:auto}.brands-page__empty{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;place-items:center;min-height:280px;padding:32px 16px;display:grid}.brands-page__empty-icon{color:#bc0001;font-size:42px}.brands-page__empty-copy{gap:8px;display:grid}.brands-page__empty-copy h3{color:#18191a;margin:0;font-size:22px;font-weight:900}.brands-page__empty-copy p{color:#666;margin:0;font-weight:600}.brands-page__pagination{justify-content:center;margin-top:24px;display:flex}@media screen and (max-width:1199px){.brands-page__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:991px){.brands-page__layout{grid-template-columns:1fr}.brands-page__sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:767px){.brands-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:575px){.brands-page__content-header{flex-direction:column;align-items:flex-start}.brands-page__count{white-space:normal}.brands-page__sidebar,.brands-page__grid{grid-template-columns:1fr}.brands-page__content,.brands-page__filter-card{padding:14px}}