/* Scoped category upgrades; approved header, banners and product shelves are untouched. */
.category-hub{background:white;border:1px solid #e3e9ef;border-radius:15px;margin:26px 0 14px;padding:24px;scroll-margin-top:90px}.mix-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.mix-heading h2{font-size:23px;font-weight:800}.mix-heading p{font-size:11px;color:var(--muted);margin-top:5px}.mix-heading .text-button{display:flex;gap:8px;align-items:center;font-size:11px}.mix-heading .icon{width:15px;height:15px}.mix-tabs{display:flex;gap:22px;border-bottom:1px solid #eef1f5;margin-top:20px}.mix-tabs button{background:transparent;font-size:12px;font-weight:700;color:var(--muted);padding:11px 2px;min-height:44px;border-bottom:2px solid transparent}.mix-tabs button[aria-selected=true]{color:var(--accent-dark);border-color:var(--accent)}.mix-panel{padding-top:24px}.mix-category-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px}.mix-category{display:flex;align-items:center;flex-direction:column;text-align:center;background:transparent;padding:4px;min-width:0;color:var(--ink)}.mix-picture{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;border:1px solid #dce6f0;margin-bottom:12px;transition:border-color .2s,box-shadow .2s}.mix-picture img{width:85px;height:85px;object-fit:contain;mix-blend-mode:multiply;border-radius:8px}.mix-picture.blue{background:#eef5ff}.mix-picture.violet{background:#f0eefb}.mix-picture.mint{background:#eaf6f2}.mix-picture.sand{background:#fff5e6}.mix-picture.ice{background:#eaf7fb}.mix-picture.rose{background:#fff0f0}.mix-category b{font-size:12px}.mix-category small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.mix-category:hover .mix-picture{border-color:var(--accent);box-shadow:0 0 0 4px #0787ea0b}.mix-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mix-use-grid button{display:flex;align-items:center;gap:12px;text-align:right;padding:15px;background:#f8fafc;border:1px solid #e3e9ef;border-radius:10px;min-width:0;color:var(--ink)}.mix-use-grid img{width:75px;height:75px;object-fit:contain;mix-blend-mode:multiply}.mix-use-grid b{display:block;font-size:12px}.mix-use-grid small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.mix-use-grid .icon{width:16px;margin-inline-start:auto;flex-shrink:0;color:var(--accent-dark)}.mix-brand-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.mix-brand-grid button{min-height:100px;background:#f8fafc;border:1px solid #e3e9ef;border-radius:10px;padding:15px 8px;color:var(--ink)}.mix-brand-grid strong{font:800 20px/1.5 Inter,Arial,sans-serif;display:block;color:var(--accent-dark)}.mix-brand-grid span{display:block;font-size:9px;color:var(--muted);margin-top:9px}.mix-brand-grid button:hover,.mix-use-grid button:hover{border-color:var(--gc-border-color);background:#f2f8ff}.mix-result-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;direction:rtl}.mix-filters{padding:18px;background:white;border:1px solid #e3e9ef;border-radius:12px;align-self:start}.mix-filter-heading{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:15px}.mix-filter-heading h3{font-size:13px}.mix-filter-heading button{background:transparent;font-size:9px;color:var(--accent-dark);padding:5px;min-height:35px}.mix-filters details{border-top:1px solid #edf1f5;padding:14px 0}.mix-filters summary{cursor:pointer;font-size:11px;font-weight:700;min-height:30px}.mix-checkboxes{display:flex;flex-direction:column;margin-top:8px}.mix-checkboxes label{display:flex;align-items:center;gap:9px;min-height:38px;font:11px Inter,Cairo,sans-serif;cursor:pointer}.mix-checkboxes input{accent-color:var(--accent);width:15px;height:15px}.mix-checkboxes small{margin-inline-start:auto;color:var(--muted)}.mix-price-inputs{display:flex;gap:8px;margin-top:10px}.mix-price-inputs label{width:50%;font-size:9px;color:var(--muted)}.mix-price-inputs input{display:block;width:100%;min-width:0;border:1px solid #e0e5ed;border-radius:5px;padding:8px;min-height:38px;margin-top:4px;font-size:11px}.mix-filters .button{min-height:38px;font-size:10px;width:100%;margin-top:10px;padding:8px 12px}.mix-related{display:flex;flex-direction:column;margin-top:8px}.mix-related button{text-align:right;background:transparent;padding:8px 0;font-size:10px;min-height:34px;color:var(--muted)}.mix-related button:hover{color:var(--accent-dark)}.mix-filter-note{font-size:9px;color:var(--muted);padding-top:10px;border-top:1px solid #edf1f5}.mix-result-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 14px;font-size:10px;color:var(--muted)}.mix-result-toolbar label{display:flex;align-items:center;gap:8px}.mix-result-toolbar select{background:white;color:var(--ink);border:1px solid #e0e5ed;border-radius:5px;font:11px Cairo,sans-serif;padding:8px;min-height:40px}.mix-result-layout .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mix-mobile-filter{display:none}.category-drawer:has(.mix-drawer-body){width:min(680px,calc(100vw - var(--rail)));overflow:auto}.mix-drawer-body{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.mix-drawer-groups details{border-bottom:1px solid #edf1f5;padding:12px 0}.mix-drawer-groups summary{font-size:13px;font-weight:700;cursor:pointer;min-height:36px}.mix-drawer-groups details button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:right;background:#f8fafc;padding:11px 12px;margin-top:7px;border-radius:6px;min-height:44px;font-size:11px;color:var(--ink)}.mix-drawer-groups details button .icon{width:15px;height:15px;transform:rotate(180deg);color:var(--muted)}.mix-drawer-groups h3{font-size:12px;margin:20px 0 10px}.mix-drawer-brands{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mix-drawer-brands button{padding:10px;border:1px solid #e3e9ef;background:white;min-height:40px;font:600 11px Inter,sans-serif;border-radius:6px;color:var(--accent-dark)}.mix-drawer-feature{background:#eef6fd;padding:22px 18px;border-radius:12px;align-self:start;text-align:center}.mix-drawer-feature img{width:100%;height:170px;object-fit:contain;mix-blend-mode:multiply}.mix-drawer-feature h3{font-size:17px;line-height:1.7;margin:12px 0 8px}.mix-drawer-feature p{font-size:10px;color:var(--muted)}.mix-drawer-feature .button{font-size:10px;margin-top:18px;padding:10px 14px}
@media(max-width:1100px){.mix-picture{width:100px;height:100px}.mix-picture img{width:72px;height:72px}.mix-category-grid{gap:10px}.mix-result-layout .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mix-use-grid button{gap:8px;padding:12px}.mix-use-grid img{width:55px;height:60px}.mix-use-grid b{font-size:10px}.mix-use-grid small{font-size:8px}}
@media(max-width:850px){.category-hub{padding:20px}.mix-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mix-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mix-use-grid{grid-template-columns:1fr}.mix-use-grid button{padding:14px;gap:14px}.mix-use-grid img{width:65px;height:65px}.mix-use-grid b{font-size:12px}.mix-use-grid small{font-size:10px}.mix-result-layout{grid-template-columns:180px minmax(0,1fr);gap:14px}.mix-filters{padding:14px}.mix-result-layout .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.category-hub{margin-top:18px;padding:17px 12px;border-radius:12px;scroll-margin-top:120px}.mix-heading{align-items:start;gap:8px}.mix-heading h2{font-size:19px}.mix-heading p{font-size:9px;line-height:1.8;max-width:200px}.mix-heading .text-button{font-size:9px;padding:8px;gap:4px;white-space:nowrap;min-height:36px}.mix-heading .icon{width:12px}.mix-tabs{gap:0;justify-content:space-between;margin-top:15px}.mix-tabs button{font-size:10px;padding:10px 2px;min-height:42px}.mix-panel{padding-top:18px}.mix-category-grid{gap:16px 6px}.mix-picture{width:78px;height:78px;margin-bottom:8px}.mix-picture img{width:57px;height:57px}.mix-category{padding:0}.mix-category b{font-size:10px}.mix-category small{font-size:8px;line-height:1.6}.mix-brand-grid{gap:8px}.mix-brand-grid button{min-height:88px;padding:12px 5px}.mix-brand-grid strong{font-size:16px}.mix-brand-grid span{font-size:8px}.mix-result-layout{grid-template-columns:1fr}.mix-filters{display:none}.mix-filters.open{display:block}.mix-mobile-filter{display:block;margin:0 0 12px;min-height:44px;font-size:11px}.mix-result-toolbar{font-size:9px}.mix-result-toolbar select{font-size:10px}.mix-result-layout .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-drawer:has(.mix-drawer-body){width:min(340px,92vw);padding:20px}.mix-drawer-body{grid-template-columns:1fr;gap:12px}.mix-drawer-feature{display:none}.mix-drawer-groups summary{font-size:12px}.mix-filters .button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.mix-picture{transition:none}}
.mix-result-layout:has(> .mix-filters[hidden]){grid-template-columns:minmax(0,1fr)}
.mix-mobile-filter[hidden]{display:none}