/* BreeXe Pro category sidebar: Radix modal, native fallback and embedded desktop families. */
.bxp-sidebar-surface{min-width:0;color:#18385f;font-family:"BreeXe Kufi",Tahoma,Arial,sans-serif;text-align:right;--sidebar-blue:#0b3b8c;--sidebar-copper:#c99a7a;--sidebar-line:#e3eaf3}
.bxp-sidebar-overlay{position:fixed;inset:0;z-index:91;background:#09264d66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:bxp-sidebar-overlay-in .18s ease-out}
.bxp-sidebar-overlay[data-state=closed]{animation:bxp-sidebar-overlay-out .15s ease-out}
.bxp-sidebar{position:fixed;inset:16px 16px 16px auto;z-index:92;display:flex;flex-direction:column;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:1px solid #d5dfec;border-radius:24px;background:#f6f9fe;box-shadow:0 0 0 1px #ffffff80 inset,0 18px 60px #071e4930;overflow:hidden;outline:none;animation:bxp-sidebar-in .22s cubic-bezier(.23,1,.32,1)}
.bxp-sidebar[data-state=closed]{animation:bxp-sidebar-out .16s ease-out}
.bxp-sidebar-header{flex-shrink:0;padding:16px 20px 14px;border-bottom:1px solid var(--sidebar-line);background:linear-gradient(135deg,#ffffffa6,#f5f8fd66)}
.bxp-sidebar-brand-row,.bxp-sidebar-fallback-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
.bxp-sidebar-brand-row>a{display:block;min-width:0}.bxp-sidebar-brand-row img,.bxp-sidebar-fallback-head img{width:154px;height:44px;object-fit:contain}
.bxp-sidebar-wordmark{font:700 23px/1.5 Arial,sans-serif;color:var(--sidebar-blue);direction:ltr}.bxp-sidebar-wordmark i{color:var(--sidebar-copper)}
.bxp-sidebar .bxp-sidebar-close,.bxp-sidebar-fallback-head>button{display:grid;place-items:center;flex-shrink:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;border:1px solid #e2e9f3;border-radius:14px;background:#ffffffbf;color:#385577;cursor:pointer;box-shadow:none;transition:background .15s,color .15s}
.bxp-sidebar .bxp-sidebar-close:hover,.bxp-sidebar-fallback-head>button:hover{background:#edf3fc;color:var(--sidebar-blue)}
.bxp-sidebar-close-icon{width:20px;height:20px}.bxp-sidebar-kicker{display:block;color:#aa805f;font-size:10px;line-height:1.8;letter-spacing:0;margin-top:10px}
.bxp-sidebar-title{font-size:21px;line-height:1.6;color:var(--sidebar-blue);font-weight:700;margin:4px 0 7px}.bxp-sidebar-description{font-size:12px;color:#53677e;line-height:1.8;margin:0;max-width:340px}
.bxp-sidebar-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ccd8e8 transparent;padding:16px 18px 18px;flex:1}
.bxp-sidebar-quicklinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:16px}
.bxp-sidebar-quicklinks>a,.bxp-sidebar .bxp-sidebar-quicklink,.bxp-sidebar-surface .bxp-sidebar-quicklink{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;min-width:0;min-height:48px;gap:8px;padding:9px 11px;border:1px solid #e3eaf4;border-radius:12px;background:#ffffffb8;color:#385577;font-family:inherit;font-size:12px;font-weight:700;line-height:1.7;white-space:normal;text-align:center;text-decoration:none;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.bxp-sidebar-quicklinks>a:hover,.bxp-sidebar-quicklinks>.is-active,.bxp-sidebar .bxp-sidebar-quicklink:hover{border-color:#c6d8ef;background:#edf3fc;color:var(--sidebar-blue)}
.bxp-sidebar-quicklinks .bxp-sidebar-link-icon{width:22px;height:22px;color:var(--sidebar-blue)}
.bxp-sidebar-filter{display:block;margin:0 0 16px}.bxp-sidebar-filter>label,.bxp-sidebar-filter>span{display:block;font-size:12px;font-weight:700;line-height:1.8;color:#53677e;margin-bottom:7px}
.bxp-sidebar-search-field{display:flex;align-items:center;position:relative;gap:11px;border:1px solid #e0e8f3;border-radius:14px;background:#ffffffc9;transition:border-color .2s,box-shadow .2s}
.bxp-sidebar-search-field:focus-within{border-color:#8baddb;box-shadow:0 0 0 3px #0b3b8c0a}.bxp-sidebar-search-icon{width:19px;height:19px;color:#99aac1;margin-inline-start:15px;flex-shrink:0}
.bxp-sidebar-filter input[type=search],.bxp-sidebar-filter>input{font-family:inherit;font-size:16px;line-height:1.7;height:48px;min-width:0;width:100%;border:0;outline:none;background:transparent;color:#23446f;padding:10px 0 10px 13px;border-radius:11px}.bxp-sidebar-filter>input{border:1px solid #e0e8f3;background:#f8fafd;padding-inline:14px}
.bxp-sidebar-filter input::placeholder{color:#9aa9bd}.bxp-sidebar-filter input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
.bxp-sidebar-search-clear{border:0;background:transparent;color:#91a2b9;flex-shrink:0;width:44px;height:44px;margin-inline-end:2px;font:22px/1 Arial,sans-serif;cursor:pointer}
.bxp-sidebar-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 2px 12px}.bxp-sidebar-section-heading h2{font-size:12px;line-height:1.8;font-weight:700;margin:0;color:#53677e}.bxp-sidebar-section-heading>span{font-size:11px;color:#64778e;white-space:nowrap}
.bxp-sidebar-groups{display:flex;flex-direction:column;gap:7px}.bxp-sidebar-group,.bxp-sidebar-family{border:1px solid #dce5ef;border-radius:16px;background:#ffffffbf;overflow:clip}
.bxp-sidebar-group-heading{margin:0;font-weight:700}.bxp-sidebar-trigger,.bxp-sidebar-family>summary{display:flex;align-items:center;gap:11px;width:100%;min-height:56px;padding:10px 12px;border:0;background:transparent;color:#24486e;text-align:right;font:700 13px/1.8 "BreeXe Kufi",Tahoma,Arial,sans-serif;cursor:pointer;list-style:none;transition:background .15s}
.bxp-sidebar-family>summary::-webkit-details-marker{display:none}.bxp-sidebar-trigger:hover,.bxp-sidebar-family>summary:hover{background:#f7faff}.bxp-sidebar-trigger[data-state=open],.bxp-sidebar-family[open]>summary{background:#eaf1fbd9;color:var(--sidebar-blue)}
.bxp-sidebar-group-icon{width:36px;height:36px;display:grid;place-items:center;background:#f5ece4;border:1px solid #e8d9cb;border-radius:11px;flex-shrink:0}.bxp-sidebar-category-icon{width:22px;height:22px;color:var(--sidebar-blue)}
.bxp-sidebar-trigger>span:not(.bxp-sidebar-group-icon):not(.bxp-sidebar-chevron){min-width:0;overflow-wrap:anywhere}.bxp-sidebar-trigger>small{font:11px/1.5 "BreeXe Kufi",Tahoma,Arial,sans-serif;color:#60748c;margin-inline-start:auto}
.bxp-sidebar-chevron{font-family:Arial,sans-serif;font-size:15px;color:#9bacc2;margin-inline-start:2px;transition:transform .2s}.bxp-sidebar-trigger[data-state=open]>.bxp-sidebar-chevron{transform:rotate(180deg)}
.bxp-sidebar-content{overflow:hidden}.bxp-sidebar-content[data-state=open]{animation:none}.bxp-sidebar-content>nav,.bxp-sidebar-family>nav{display:grid;gap:3px;padding:6px 9px 10px;border-top:1px solid #eaf0f7}
.bxp-sidebar-surface .bxp-sidebar-link{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;min-height:44px;height:auto;padding:9px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#49647f;font:400 12px/1.8 "BreeXe Kufi",Tahoma,Arial,sans-serif;text-align:right;white-space:normal;overflow-wrap:anywhere;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.bxp-sidebar-surface .bxp-sidebar-link:hover,.bxp-sidebar-surface .bxp-sidebar-link.is-active{background:#eef4fd;color:var(--sidebar-blue);border-color:#e1eaf9}.bxp-sidebar-link-label{min-width:0}.bxp-sidebar-link-count{font-size:11px;font-weight:400;color:#64778e;margin-inline-start:auto;flex-shrink:0}.bxp-sidebar-link-arrow{font-size:16px;font-family:Arial,sans-serif;color:#b0bdce;margin-inline-start:auto;flex-shrink:0}.bxp-sidebar-link-count+.bxp-sidebar-link-arrow{margin-inline-start:3px}.bxp-sidebar-link-icon{width:18px;height:18px;flex-shrink:0}
.bxp-sidebar-group-all{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;margin-bottom:3px;border-bottom:1px solid #edf1f7;color:var(--sidebar-blue);font-size:10px;line-height:1.9;font-weight:700;text-decoration:none}.bxp-sidebar-group-all>span{color:#b58e71}
.bxp-sidebar-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:35px 20px;border:1px dashed #dce5f1;border-radius:13px;background:#fbfcfe;color:#90a1b8}.bxp-sidebar-empty[hidden]{display:none!important}.bxp-sidebar-empty-icon{width:30px;height:30px;color:#bdcadd;margin-bottom:14px}.bxp-sidebar-empty h3{font-size:13px;color:#587497;margin:0 0 8px}.bxp-sidebar-empty p{font-size:10px;line-height:2;max-width:250px;margin:0}
.bxp-sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;padding:12px 20px;border-top:1px solid var(--sidebar-line);background:#ffffff66}.bxp-sidebar-footer>span{font:700 11px/1.5 Arial,sans-serif;color:var(--sidebar-blue)}.bxp-sidebar-footer>small{font-size:11px;color:#64778e}
.bxp-sidebar-surface :is(a,button,summary):focus-visible{outline:2px solid var(--sidebar-copper);outline-offset:3px}.bxp-sidebar-surface input:focus-visible{outline:none}.bxp-sidebar-family{margin-bottom:9px}.bxp-sidebar-fallback-head{padding:19px 21px;border-bottom:1px solid var(--sidebar-line)}.bxp-sidebar-surface>.bxp-sidebar-kicker{padding-inline:21px}.bxp-sidebar-surface>.bxp-sidebar-quicklinks,.bxp-sidebar-surface>.bxp-sidebar-filter{margin:20px}.bxp-sidebar-surface>.bxp-sidebar-family{margin-inline:20px}.shop-sidebar .bxp-sidebar-surface>.bxp-sidebar-quicklinks,.shop-sidebar .bxp-sidebar-surface>.bxp-sidebar-filter{margin-inline:0}.shop-sidebar .bxp-sidebar-surface>.bxp-sidebar-family{margin-inline:0}.shop-sidebar .bxp-sidebar-family>summary{min-height:52px;padding:10px;font-size:11px}.shop-sidebar .bxp-sidebar-surface .bxp-sidebar-link{font-size:12px;padding:8px}
@keyframes bxp-sidebar-in{from{opacity:.4;transform:translateX(45px)}to{opacity:1;transform:translateX(0)}}@keyframes bxp-sidebar-out{to{opacity:0;transform:translateX(35px)}}@keyframes bxp-sidebar-overlay-in{from{opacity:0}to{opacity:1}}@keyframes bxp-sidebar-overlay-out{to{opacity:0}}@keyframes bxp-sidebar-accordion-in{from{height:0}to{height:var(--radix-accordion-content-height)}}
@media(max-width:500px){.bxp-sidebar{inset:9px 9px max(9px,env(safe-area-inset-bottom)) auto;width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:19px}.bxp-sidebar-header{padding:14px 16px 12px}.bxp-sidebar-brand-row img{width:154px;height:44px}.bxp-sidebar-kicker{margin-top:8px;font-size:10px}.bxp-sidebar-title{font-size:21px;margin-top:3px}.bxp-sidebar-description{font-size:12px}.bxp-sidebar-body{padding:14px 14px 18px}.bxp-sidebar-quicklinks{gap:7px;margin-bottom:14px}.bxp-sidebar-quicklinks>a,.bxp-sidebar .bxp-sidebar-quicklink{min-height:48px;font-size:12px;padding:9px 10px}.bxp-sidebar-trigger{min-height:56px;padding:9px 10px;font-size:12px}.bxp-sidebar-filter input[type=search]{height:48px;font-size:16px}.bxp-sidebar-footer{padding:11px 16px}}
@media(max-height:600px){.bxp-sidebar-header{padding-block:14px}.bxp-sidebar-kicker{margin-top:11px}.bxp-sidebar-title{font-size:19px;margin-bottom:4px}.bxp-sidebar-description{font-size:12px}.bxp-sidebar-body{padding-top:16px}.bxp-sidebar-footer{padding-block:12px}}
@media(prefers-reduced-motion:reduce){.bxp-sidebar,.bxp-sidebar-overlay,.bxp-sidebar-content,.bxp-sidebar-surface *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.bxp-sidebar,.bxp-sidebar-overlay{display:none!important}}
.bxp-sidebar-surface[hidden],.bxp-sidebar-surface [hidden]{display:none!important}.bxp-sidebar-fallback-head h2{font:700 20px/1.7 "BreeXe Kufi",Tahoma,Arial,sans-serif;color:#0b3b8c;margin:0}.bxp-sidebar-fallback-head .store-brand img{max-width:154px;height:44px;object-fit:contain}
.bxp-sidebar-quicklinks[data-count="4"],.bxp-sidebar-quicklinks:has(>:nth-child(4)):not(:has(>:nth-child(5))){grid-template-columns:repeat(2,minmax(0,1fr))}.bxp-sidebar-family>summary>span:last-child{margin-inline-start:auto;flex-shrink:0;transition:transform .2s}.bxp-sidebar-family[open]>summary>span:last-child{transform:rotate(180deg)}
/* Keep ordinary HTML fallbacks aligned with the modal, despite legacy drawer rules. */
.mobile-panel>.bxp-sidebar-fallback-head{flex-shrink:0;padding:19px 21px}.mobile-panel>.bxp-sidebar-kicker{flex-shrink:0;margin:17px 21px 0;padding:0;font:400 9px/1.9 "BreeXe Kufi",Tahoma,Arial,sans-serif;color:#aa805f}.mobile-panel>h2{flex-shrink:0;margin:4px 21px 7px;color:#0b3b8c;font:700 22px/1.7 "BreeXe Kufi",Tahoma,Arial,sans-serif}.mobile-panel>h2+p{flex-shrink:0;margin:0 21px 19px;font:400 11px/2 "BreeXe Kufi",Tahoma,Arial,sans-serif;color:#7c8da3}.mobile-panel>.bxp-sidebar-quicklinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:none;overflow:visible;gap:8px;margin:0 20px 20px;padding:0;border:0}.mobile-panel>.bxp-sidebar-quicklinks>a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:11px 8px;border:1px solid #e3eaf4;border-radius:10px;background:#f7faff;color:#536d90;font:700 10px/1.8 "BreeXe Kufi",Tahoma,Arial,sans-serif;text-align:center;white-space:normal}.mobile-panel>.bxp-sidebar-quicklinks>a:hover{background:#edf3fc;border-color:#c6d8ef;color:#0b3b8c}.mobile-panel>.bxp-sidebar-surface{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 0 20px}.bxp-sidebar-surface>.bxp-sidebar-families{padding:0 20px 15px}.bxp-sidebar-surface label.bxp-sidebar-filter{font:700 10px/1.8 "BreeXe Kufi",Tahoma,Arial,sans-serif;color:#6c819e}.bxp-sidebar-surface label.bxp-sidebar-filter>input{display:block;margin-top:9px}.shop-sidebar .bxp-sidebar-surface>.bxp-sidebar-families{padding:0}.shop-sidebar .bxp-sidebar-family>nav{margin:0;border-bottom:0}.shop-sidebar .bxp-sidebar-all{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:43px;margin:0 0 17px;padding:10px 13px;border:1px solid #d9e4f3;border-radius:10px;background:#f3f7fd;color:#0b3b8c;font:700 11px/1.8 "BreeXe Kufi",Tahoma,Arial,sans-serif;text-decoration:none}.shop-sidebar .bxp-sidebar-all::after{content:'←';color:#b18b6d;font-size:16px}.shop-sidebar .bxp-sidebar-all.active{background:#0b3b8c;color:#fff;border-color:#c99a7a}.shop-sidebar .bxp-sidebar-all.active::after{color:#d6b69c}
.bxp-sidebar-family>summary>span[aria-hidden=true]:last-child{font-size:0;transform:none}.bxp-sidebar-family>summary>span[aria-hidden=true]:last-child::after{content:'+';font:18px/1 Arial,sans-serif;color:#9bacc2}.bxp-sidebar-family[open]>summary>span[aria-hidden=true]:last-child::after{content:'−'}
.bxp-sidebar-filter>input:focus-visible{border-color:#8baddb;outline:2px solid #0b3b8c;outline-offset:2px;box-shadow:0 0 0 3px #0b3b8c1a}

/* Frosted surface falls back to opaque color; controls remain high contrast. */
@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)){.bxp-sidebar{background:linear-gradient(145deg,#fffffff0,#eef4fbe8);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%)}}
.bxp-sidebar-quicklinks[data-count="8"]{grid-template-columns:repeat(4,minmax(0,1fr))}.bxp-sidebar-quicklinks[data-count="8"] .bxp-sidebar-quicklink{flex-direction:column;justify-content:center;gap:5px;min-height:72px;padding:8px 4px;font-size:11px}.bxp-sidebar-title{text-wrap:balance}.bxp-sidebar-group-icon svg{stroke-width:1.8}.bxp-sidebar-link-count,.bxp-sidebar-trigger>small{font-variant-numeric:tabular-nums}.bxp-sidebar-search-clear:focus-visible{outline:2px solid var(--sidebar-copper);outline-offset:0}