.header-drawer,.header-drawer *,.header-drawer *:before,.header-drawer *:after{box-sizing:border-box}.header-drawer{--sharq-drawer-orange: #f05a1a;--sharq-drawer-orange-dark: #c9440c;--sharq-drawer-cream: #f6ebdd;--sharq-drawer-paper: #fff9f2;--sharq-drawer-charcoal: #232323;--sharq-drawer-black: #111111;--sharq-drawer-sand: #d6b891;--sharq-drawer-gray: #6c747a}@media screen and (max-width:749px){.header-drawer .menu-drawer{width:min(91vw,410px);max-width:410px;height:100dvh;padding:0;color:var(--sharq-drawer-paper);background:radial-gradient(circle at 10% 2%,rgba(240,90,26,.15),transparent 28%),linear-gradient(160deg,#191919 0%,var(--sharq-drawer-black) 58%,#17130f 100%);border-right:1px solid rgba(240,90,26,.35);box-shadow:22px 0 60px #0000007a,inset -1px 0 #ffffff08;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sharq-drawer-orange) rgba(255,255,255,.06)}.header-drawer .menu-drawer::-webkit-scrollbar{width:5px}.header-drawer .menu-drawer::-webkit-scrollbar-track{background:#ffffff0a}.header-drawer .menu-drawer::-webkit-scrollbar-thumb{border-radius:999px;background:var(--sharq-drawer-orange)}.header-drawer .menu-drawer__close-button{position:sticky;top:12px;right:auto;left:14px;z-index:30;display:grid;place-items:center;width:42px;height:42px;margin:12px 14px 0;padding:0;color:var(--sharq-drawer-paper);background:#fff9f212;border:1px solid rgba(240,90,26,.45);border-radius:50%;box-shadow:0 8px 24px #00000040,inset 0 1px #ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}.header-drawer .menu-drawer__close-button:hover,.header-drawer .menu-drawer__close-button:focus-visible{color:var(--sharq-drawer-orange);background:#f05a1a1f;border-color:var(--sharq-drawer-orange);transform:rotate(5deg)}.header-drawer .menu-drawer__close-button svg{width:18px;height:18px}.header-drawer .menu-drawer__navigation{padding:10px 16px 0}.header-drawer .menu-drawer__menu{margin:0;padding:0}.header-drawer .menu-drawer__menu.has-submenu{margin-bottom:18px}.header-drawer .menu-drawer__menu>.menu-drawer__list-item{display:flex;min-height:auto;margin:0 0 8px}.header-drawer .menu-drawer__list-item{position:relative}.header-drawer .menu-drawer__menu-item--mainlist{position:relative;isolation:isolate;min-height:54px;width:100%;padding:0 15px;color:var(--sharq-drawer-paper);background:linear-gradient(90deg,#ffffff0e,#ffffff06);border:1px solid rgba(255,255,255,.075);border-radius:13px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:.015em;text-decoration:none;overflow:hidden;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.header-drawer .menu-drawer__menu-item--mainlist:before{content:"";position:absolute;top:50%;right:0;z-index:-1;width:4px;height:24px;border-radius:999px 0 0 999px;background:var(--sharq-drawer-orange);opacity:0;transform:translateY(-50%) scaleY(.35);transition:opacity .18s ease,transform .18s ease}.header-drawer .menu-drawer__menu-item--mainlist:hover,.header-drawer .menu-drawer__menu-item--mainlist:focus-visible,.header-drawer .menu-drawer__menu-item--active{color:var(--sharq-drawer-orange);background:linear-gradient(90deg,#f05a1a24,#f05a1a0b);border-color:#f05a1a66;box-shadow:0 10px 24px #0000002e;transform:translate(-2px)}.header-drawer .menu-drawer__menu-item--mainlist:hover:before,.header-drawer .menu-drawer__menu-item--mainlist:focus-visible:before,.header-drawer .menu-drawer__menu-item--active:before{opacity:1;transform:translateY(-50%) scaleY(1)}.header-drawer .menu-drawer__menu-item-text{overflow:visible;text-overflow:unset;white-space:normal}.header-drawer .menu-drawer__menu-item>.svg-wrapper{padding:12px 8px;color:var(--sharq-drawer-orange)}.header-drawer .menu-drawer__submenu{color:var(--sharq-drawer-paper);background:radial-gradient(circle at 15% 0%,rgba(240,90,26,.12),transparent 28%),var(--sharq-drawer-black)}.header-drawer .menu-drawer__inner-submenu{background:transparent}.header-drawer .menu-drawer__nav-buttons{position:sticky;top:0;z-index:10;padding:8px;background:#111111e6;border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.header-drawer .menu-drawer__back-button{min-height:48px;padding:10px 14px;color:var(--sharq-drawer-paper);font-weight:800}.header-drawer .menu-drawer__menu--childlist{padding:12px 16px 20px}.header-drawer .menu-drawer__menu-item--parent,.header-drawer .menu-drawer__menu-item--child{min-height:46px;padding:10px 12px;color:#fff9f2db;border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none;transition:color .18s ease,padding-inline-start .18s ease,background-color .18s ease}.header-drawer .menu-drawer__menu-item--parent:hover,.header-drawer .menu-drawer__menu-item--child:hover,.header-drawer .menu-drawer__menu-item--parent:focus-visible,.header-drawer .menu-drawer__menu-item--child:focus-visible{color:var(--sharq-drawer-orange);background:#f05a1a0f;padding-inline-start:17px}.header-drawer .menu-drawer__featured-content{margin:0 16px 18px;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.08)}.header-drawer .menu-drawer__featured-content-list{gap:10px;margin:0;padding:0 0 12px;scroll-snap-type:x proximity}.header-drawer .menu-drawer__featured-content-list-item{scroll-snap-align:start}.header-drawer .menu-drawer__featured-content-list-item--product{width:132px}.header-drawer .menu-drawer__featured-content-list-item--collection{width:145px}.header-drawer .resource-card,.header-drawer .resource-card__image{border-radius:13px}.header-drawer .menu-drawer__utility-links{margin:0 16px 14px;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.08)}.header-drawer .menu-drawer__localization{position:relative;width:100%;min-height:44px;color:#fff9f2;background:#ffffff0a;border:1px solid rgba(240,90,26,.28);border-radius:11px;overflow:hidden}.header-drawer .menu-drawer__localization .language-selector,.header-drawer .menu-drawer__localization .localization-form__select,.header-drawer .menu-drawer__localization select,.header-drawer .drawer-localization__button{width:100%;min-height:44px;margin:0;padding-inline:12px;color:#fff9f2;background:transparent;border:0;border-radius:0;box-shadow:none}.header-drawer .menu-drawer__localization select,.header-drawer .menu-drawer__localization .localization-form__select{display:block;width:100%;height:44px;cursor:pointer}.header-drawer .menu-drawer__localization:hover,.header-drawer .menu-drawer__localization:focus-within{background:#f05a1a14;border-color:var(--sharq-drawer-orange)}.header-drawer .menu-drawer__localization .localization-form,.header-drawer .menu-drawer__localization .localization-wrapper,.header-drawer .menu-drawer__localization .disclosure,.header-drawer .menu-drawer__localization .disclosure__list-wrapper{color:var(--sharq-drawer-paper);background-color:var(--sharq-drawer-black)}.header-drawer .menu-drawer__localization select{color:var(--sharq-drawer-paper);background-color:transparent}.header-drawer .menu-drawer__localization select option{color:var(--sharq-drawer-paper);background-color:var(--sharq-drawer-black)}.header-drawer .menu-drawer__localization .svg-wrapper,.header-drawer .menu-drawer__localization .icon-caret{color:var(--sharq-drawer-orange);pointer-events:none}.header-drawer .menu-drawer__backdrop{background:#0003;backdrop-filter:blur(6px) brightness(.52);-webkit-backdrop-filter:blur(6px) brightness(.52)}.header-drawer a:focus-visible,.header-drawer button:focus-visible,.header-drawer summary:focus-visible{outline:2px solid var(--sharq-drawer-orange);outline-offset:3px}}@media screen and (max-width:374px){.header-drawer .menu-drawer{width:94vw}.header-drawer .menu-drawer__navigation{padding-inline:12px}}@media(prefers-reduced-motion:reduce){.header-drawer *,.header-drawer *:before,.header-drawer *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/sharq-menu-drawer.css.map */