/* Bluerays navigation. Unslop by Damir Sokolovsky (@heydamir), CC BY 4.0. */
.brn-header,.brn-dialog,.brn-mobile-dock,.brn-announcement{--nav-ink:#111c2e;--nav-yellow:#ffda45;font-family:Tajawal,Arial,sans-serif;font-weight:400;letter-spacing:0;line-height:1.6;direction:rtl}
.brn-header *,.brn-dialog *,.brn-mobile-dock *{box-sizing:border-box}
.brn-header a,.brn-dialog a,.brn-mobile-dock a{text-decoration:none;color:inherit}
.brn-header button,.brn-dialog button,.brn-mobile-dock button{font-family:inherit;font-weight:500;line-height:1.5;letter-spacing:0;box-shadow:none;text-shadow:none;border-radius:0;cursor:pointer;margin:0}
.brn-header svg,.brn-dialog svg,.brn-mobile-dock svg{width:20px;height:20px;flex-shrink:0;display:block}
.brn-header :focus-visible,.brn-dialog :focus-visible,.brn-mobile-dock :focus-visible{outline:3px solid #2f78c5;outline-offset:3px}
.brn-header [hidden],.brn-dialog [hidden]{display:none!important}
.brn-shell{width:min(1280px,calc(100% - 80px));margin-inline:auto}
.brn-announcement{background:#0b1423;color:#c1c9d6;display:flex;justify-content:center;align-items:center;gap:24px;font-size:12px;padding:6px 20px;border-bottom:1px solid #ffffff1a}
.brn-announcement a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.brn-header{position:relative;z-index:50;background:var(--nav-ink);color:white}
.brn-main-row{display:flex;align-items:center;gap:48px;min-height:104px}
.brn-logo{display:inline-flex;direction:ltr;align-items:center;gap:12px;flex-shrink:0;color:#fff}
.brn-logo .br-wordmark{font-family:'Bricolage Grotesque',sans-serif;font-size:39px;font-weight:600;letter-spacing:-1.8px;line-height:1;color:#fff}
.brn-logo .br-logo-mark{display:flex;align-items:center;gap:4px;transform:rotate(-20deg)}
.brn-logo .br-logo-mark i{width:10px;height:30px;background:var(--nav-yellow);border-radius:2px;display:block}
.brn-logo .br-logo-mark i:last-child{height:20px}
.brn-header .brn-search-launch{flex:1;display:flex;align-items:center;gap:12px;text-align:right;background:#253043;border:1px solid #465164;border-radius:6px;color:#c9d0db;height:48px;min-width:0;padding:12px 16px;font-size:16px;font-weight:400}
.brn-search-launch>span{flex:1}
.brn-search-launch kbd{font:12px Arial,sans-serif;background:#111c2e;padding:4px 8px;border:1px solid #ffffff30;border-radius:4px;white-space:nowrap;color:#c9d0db;box-shadow:none}
.brn-header-actions{display:flex;align-items:center;gap:24px}
.brn-account{font-size:15px;white-space:nowrap}
.brn-cart{display:flex;align-items:center;gap:8px;font-size:15px;white-space:nowrap}
.brn-cart-count{display:inline-grid;place-items:center;background:var(--nav-yellow);color:#111c2e;border-radius:50%;height:22px;min-width:22px;padding-inline:4px;font:12px/1 Arial,sans-serif}
.brn-header .brn-icon-button,.brn-dialog .brn-icon-button{display:grid;place-items:center;min-width:44px;width:44px;height:44px;background:transparent;color:inherit;padding:12px;border:1px solid #dce1e8;border-radius:5px}
.brn-header .brn-mobile-toggle{display:none;color:white;border-color:#465164}
.brn-desktop-nav{border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20}
.brn-nav-row{display:flex;align-items:center;gap:32px;min-height:56px;font-size:15px}
.brn-nav-row>a{white-space:nowrap;padding:16px 0}
.brn-nav-row>a:hover{color:var(--nav-yellow)}
.brn-header .brn-mega-toggle{display:flex;align-items:center;gap:12px;background:transparent;color:var(--nav-yellow);border:0;padding:16px 0;font-size:15px;height:56px}
.brn-mega-toggle>svg:last-child{width:14px;height:14px;transform:rotate(-90deg);transition:transform .16s}
.brn-mega-toggle[aria-expanded=true]>svg:last-child{transform:rotate(90deg)}
.brn-budget-link{margin-inline-start:auto}
.brn-mega{position:absolute;inset-inline:0;top:100%;background:#fff;color:var(--nav-ink);border-bottom:1px solid #d7dde5;box-shadow:0 16px 24px #111c2e18;max-height:calc(100dvh - 200px);overflow:auto;overscroll-behavior:contain}
.brn-mega-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(200px,.95fr);gap:32px;padding-block:32px 0}
.brn-mega-group h2{font:500 19px/1.5 Tajawal,Arial,sans-serif;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e0e5eb;color:var(--nav-ink)}
.brn-mega-group a,.brn-drawer-group a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;font-size:14px;padding:8px;color:#364254;border-radius:4px}
.brn-mega-group a:hover,.brn-drawer-group a:hover{background:#f1f3f6;color:#111c2e}
.brn-category-count{font:12px/1.4 Arial,sans-serif;color:#7c8592;flex-shrink:0}
.brn-mega-feature{background:#f1f3f5;padding:20px;align-self:start;display:flex;flex-direction:column;color:var(--nav-ink);border-radius:6px}
.brn-feature-label{font:13px/1.5 'Bricolage Grotesque',sans-serif;align-self:flex-end}
.brn-feature-image{display:block;height:168px;margin:12px 0;background:#fff;border-radius:4px;padding:12px}
.brn-feature-image img{display:block;width:100%;height:100%;object-fit:contain}
.brn-mega-feature strong{font-size:25px;font-weight:500;line-height:1.3;margin:8px 0 16px}
.brn-feature-link{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:500}
.brn-mega-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e0e5eb;min-height:56px;font-size:14px}
.brn-mega-bottom>a{display:flex;align-items:center;gap:16px;font-weight:500}
.brn-mega-bottom>span{color:#69717b}
.brn-skip{position:absolute;top:-100px;right:20px;z-index:120;background:white;color:#111c2e!important;padding:12px 24px}
.brn-skip:focus{top:12px}
.brn-modal-open{overflow:hidden;scrollbar-gutter:stable}
.brn-dialog{color:var(--nav-ink);background:#fff;border:0;padding:0;max-width:none;max-height:none;box-shadow:0 24px 64px #0002}
.brn-dialog::backdrop{background:#0b1423a6}
.brn-dialog h2,.brn-dialog p{margin:0}
.brn-dialog .brn-icon-button:hover{background:#eef1f5}
.brn-search-dialog{width:min(760px,calc(100% - 48px));margin:88px auto 24px;border-radius:12px;max-height:calc(100dvh - 112px);overflow:hidden}
.brn-search-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px 16px}
.brn-search-top h2{font:500 22px/1.4 Tajawal,Arial,sans-serif;color:var(--nav-ink)}
.brn-live-form{margin:0;padding:0 28px 20px;border-bottom:1px solid #e0e5eb}
.brn-live-input-wrap{display:flex;align-items:center;gap:12px;background:#f1f3f6;border:1px solid #a1aab6;border-radius:6px;padding:4px 8px 4px 16px;min-height:56px}
.brn-live-input-wrap:focus-within{border-color:#111c2e;box-shadow:0 0 0 1px #111c2e}
.brn-dialog input[type=search]{font:400 18px/1.5 Tajawal,Arial,sans-serif;background:transparent;min-width:0;width:100%;border:0;outline:0!important;box-shadow:none;margin:0;padding:8px 0;color:#111c2e;height:44px}
.brn-dialog input::-webkit-search-cancel-button{display:none}
.brn-dialog .brn-submit{padding:10px 20px;border:0;border-radius:4px;background:#111c2e;color:#fff;height:44px;font-size:16px}
.brn-dialog .brn-submit:hover{background:#2b3d59}
.brn-dialog .brn-clear{display:grid;place-items:center;width:36px;height:40px;padding:8px;border:0;background:transparent;color:#6f7886}
.brn-clear svg{height:16px;width:16px}
.brn-search-body{padding:20px 28px 28px;overflow:auto;max-height:calc(100dvh - 288px);overscroll-behavior:contain}
.brn-search-status{font-size:14px;color:#68717f;min-height:24px;margin-bottom:16px!important}
.brn-search-start>p{font-size:17px;font-weight:500;margin-bottom:16px}
.brn-query-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.brn-dialog .brn-query-chips button{background:#f1f3f6;border:1px solid #e0e5eb;color:#364254;font-size:15px;padding:8px 16px;border-radius:4px;min-height:44px}
.brn-dialog .brn-query-chips button:hover{border-color:#111c2e;background:#ffda45}
.brn-search-categories{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.brn-search-categories a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #e0e5eb;font-size:15px;min-height:60px}
.brn-search-categories a:hover{background:#f1f3f6}
.brn-search-results{list-style:none;padding:0;margin:0}
.brn-search-results li{list-style:none;padding:0;margin:0;border-bottom:1px solid #e8ebef}
.brn-result{display:flex;align-items:center;gap:16px;padding:12px 8px;border-radius:4px;min-height:92px}
.brn-result:hover{background:#f1f3f6}
.brn-result img{width:64px;height:64px;object-fit:contain;flex-shrink:0;background:#fff;display:block}
.brn-result-copy{flex:1;min-width:0}
.brn-result-name{font-size:16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#111c2e}
.brn-result-price{display:block;font-size:15px;font-weight:500;margin-top:4px;font-variant-numeric:tabular-nums;color:#111c2e}
.brn-result-stock{font-size:12px;color:#4d6758;white-space:nowrap}
.brn-all-results{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;background:#111c2e;color:#fff!important;padding:12px 20px;min-height:48px;border-radius:4px;font-size:16px;font-weight:500}
.brn-all-results:hover{background:#2b3d59}
.brn-drawer{margin:0 0 0 auto;inset:0;width:min(420px,92vw);height:100dvh;max-height:100dvh;border-radius:0;overflow:hidden}
.brn-drawer-top{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e5eb;min-height:88px;background:#111c2e;color:#fff}
.brn-drawer-top .brn-icon-button{border-color:#465164}
.brn-drawer-top .brn-icon-button:hover{background:#253043}
.brn-dialog-eyebrow{font-size:24px;font-weight:500}
.brn-drawer-scroll{height:calc(100% - 88px);overflow:auto;overscroll-behavior:contain;padding:24px 24px calc(32px + env(safe-area-inset-bottom))}
.brn-drawer-shop{background:#ffda45;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:18px;font-weight:500;border-radius:4px}
.brn-drawer-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
.brn-drawer-highlights>a{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.brn-drawer-highlights span{aspect-ratio:1;width:100%;display:block;background:#f1f3f6;border-radius:12px;padding:8px}
.brn-drawer-highlights img{height:100%;width:100%;object-fit:contain;background:white;border-radius:6px}
.brn-drawer-highlights strong{font-size:14px;font-weight:500}
.brn-drawer-group{border-bottom:1px solid #e0e5eb;margin:0}
.brn-drawer-group summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;min-height:60px;font-size:18px;font-weight:500;list-style:none;padding:16px 0}
.brn-drawer-group summary::-webkit-details-marker{display:none}
.brn-drawer-group summary>svg{transition:transform .16s}
.brn-drawer-group[open] summary>svg{transform:rotate(45deg)}
.brn-drawer-group>div{padding:0 4px 12px}
.brn-drawer-group a{min-height:48px;font-size:15px;padding-inline:8px}
.brn-drawer-budget{display:flex;align-items:center;gap:8px;min-height:56px;background:#f1f3f6;margin:24px 0;padding:12px 16px;font-weight:500;font-size:16px}
.brn-drawer-budget>svg{margin-inline-start:auto}
.brn-drawer-service{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:14px}
.brn-drawer-service a{padding-block:12px}
.brn-drawer-phone{display:flex;flex-direction:column;gap:8px;padding-top:24px;margin-top:16px;border-top:1px solid #e0e5eb;font-size:16px}
.brn-drawer-phone>span{font-size:13px;color:#68717f}
.brn-drawer-phone>bdi{width:fit-content}
.brn-mobile-dock{display:none}
@media(max-width:1150px){.brn-main-row{gap:32px}.brn-account{display:none}.brn-nav-row{gap:24px;font-size:14px}.brn-mega-inner{gap:20px}.brn-mega-group a{font-size:13px}.brn-cart-text{display:none}}
@media(max-width:900px){.brn-shell{width:calc(100% - 40px)}.brn-announcement{font-size:11px;padding:6px 16px;gap:16px}.brn-announcement a{display:none}.brn-main-row{display:grid;grid-template-columns:1fr auto;gap:16px;padding-block:20px;min-height:0}.brn-logo{gap:8px}.brn-logo .br-wordmark{font-size:33px}.brn-logo .br-logo-mark i{height:24px;width:8px}.brn-logo .br-logo-mark i:last-child{height:16px}.brn-header-actions{gap:16px;grid-column:2;grid-row:1}.brn-header .brn-mobile-toggle{display:grid}.brn-header .brn-search-launch{grid-column:1/-1;grid-row:2;width:100%;font-size:14px;height:44px;padding:10px 16px;gap:8px}.brn-search-launch kbd{display:none}.brn-cart{gap:8px}.brn-desktop-nav,.brn-mega{display:none!important}.brn-mobile-dock{position:fixed;inset-inline:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;color:#4c5868;border-top:1px solid #dce1e8;padding:4px 12px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px #111c2e08}.brn-mobile-dock>a,.brn-mobile-dock>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:56px;border:0;background:transparent;color:inherit;font-size:11px;padding:4px;text-decoration:none;font-family:Tajawal,Arial,sans-serif;font-weight:500;line-height:1.5}.brn-mobile-dock [aria-current=page]{color:#111c2e}.brn-mobile-dock [aria-current=page]>svg{background:#ffda45;border-radius:4px;box-shadow:0 0 0 4px #ffda45}.brn-dock-cart{position:relative}.brn-dock-cart .brn-cart-count{position:absolute;top:-6px;left:-14px;min-width:16px;height:16px;font-size:9px;padding:2px}.br-navigation-enabled{padding-bottom:calc(64px + env(safe-area-inset-bottom))!important}.brn-search-dialog{width:100%;height:100dvh;max-height:100dvh;inset:0;margin:0;border-radius:0}.brn-search-top{padding:16px 20px 12px;gap:12px}.brn-search-top h2{font-size:21px}.brn-live-form{padding:0 20px 16px}.brn-live-input-wrap{gap:8px;padding-inline:12px 4px;min-height:52px}.brn-dialog input[type=search]{font-size:17px;height:44px}.brn-live-input-wrap>svg{width:18px;height:18px}.brn-dialog .brn-submit{padding:10px 16px;font-size:15px}.brn-dialog .brn-clear{width:28px;padding:4px}.brn-search-body{padding:20px;max-height:calc(100dvh - 152px);padding-bottom:calc(24px + env(safe-area-inset-bottom))}.brn-search-status{font-size:13px;margin-bottom:16px!important}.brn-query-chips{gap:8px;margin-bottom:24px}.brn-search-categories{grid-template-columns:1fr;gap:12px}.brn-search-categories a{min-height:56px;font-size:15px}.brn-result{gap:12px;padding:12px 0;min-height:92px}.brn-result img{width:60px;height:60px}.brn-result-name{font-size:15px}.brn-result-price{font-size:15px}.brn-result-stock{font-size:10px;max-width:44px;white-space:normal}.brn-all-results{font-size:15px}.brn-drawer-scroll{padding:20px 20px calc(24px + env(safe-area-inset-bottom))}.brn-drawer-top{padding:16px 20px;min-height:80px}.brn-drawer-scroll{height:calc(100% - 80px)}}
@media(prefers-reduced-motion:reduce){.brn-header *,.brn-dialog *{transition:none!important;scroll-behavior:auto!important}}
.brn-header button:focus:not(:focus-visible),.brn-dialog button:focus:not(:focus-visible),.brn-mobile-dock button:focus:not(:focus-visible){outline:none}
.brn-header button:focus-visible,.brn-dialog button:focus-visible,.brn-mobile-dock button:focus-visible{outline:2px solid #2f78c5!important;outline-offset:3px}
@media(max-width:900px){.brn-result-stock{font-size:11px}.brn-dock-cart .brn-cart-count{font-size:11px}}