@layer z-navigation{.z-icon{display:block;max-width:none;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.z-icon--arrow{width:.82rem;height:.62rem;stroke-width:.85}.z-icon--caret{width:5px;height:8px;flex:0 0 5px;stroke-width:.8}.z-icon--chevron{display:inline-block;font-family:var(--font-body);font-size:.72em;font-weight:400;line-height:1}.z-header{height:var(--layout-header-height);position:relative;z-index:var(--layer-header);overflow:visible;isolation:isolate;border-bottom:0;transition:color var(--motion-duration-quiet) var(--motion-ease-standard),background-color var(--motion-duration-quiet) var(--motion-ease-standard)}.z-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px;padding-inline:var(--layout-gutter)}.z-header__nav{gap:clamp(12px,1.5vw,25px);font-size:var(--type-ui);line-height:1.25}.z-header__nav--left{gap:clamp(3rem,5.6vw,4.5rem)}.z-header__nav--right{gap:clamp(1.5rem,2.8vw,2.5rem)}.z-header__right{gap:clamp(12px,1.5vw,25px)}.z-lockup{width:clamp(188px,15vw,244px)}.z-lockup img{display:block;width:100%;height:auto;max-height:none;filter:grayscale(1) brightness(0);transition:filter var(--motion-duration-quiet) var(--motion-ease-standard)}.z-header__nav,.z-header__right{min-width:0}.z-header__nav a,.z-header__bag,.z-header__search-trigger,.z-header__menu{color:inherit}.z-header__nav a{text-decoration:none}.z-header__search-trigger,.z-header__menu,.z-header__bag{min-width:var(--control-size-icon);min-height:var(--control-size-icon);display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.z-header__search-trigger svg,.z-header__bag svg,.z-header__icon svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25}.z-header__bag{position:relative;font-size:0;text-decoration:none}.z-header__bag-count{position:absolute;inset:50% auto auto 50%;color:currentColor;font-family:var(--font-body);font-size:.48rem;font-weight:600;line-height:1;pointer-events:none;transform:translate(-50%,-8%);font-variant-numeric:tabular-nums}.z-header__menu{display:none}.z-header[data-header-interaction=menu] .z-header__bag,.z-header[data-header-interaction=menu] .z-header__search-trigger{visibility:hidden}.z-header__icon{position:absolute;display:inline-flex;transition:opacity var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard)}.z-header__menu{position:relative}.z-header__icon--menu{opacity:1;transform:rotate(0) scale(1)}.z-header__icon--close{opacity:0;transform:rotate(-45deg) scale(.82)}.z-header__menu[aria-expanded=true] .z-header__icon--menu{opacity:0;transform:rotate(45deg) scale(.82)}.z-header__menu[aria-expanded=true] .z-header__icon--close{opacity:1;transform:rotate(0) scale(1)}:is(.z-header-search,.z-mobile-menu) input[type=search]{-webkit-appearance:none;appearance:none}:is(.z-header-search,.z-mobile-menu) input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.z-header :is(a,button):focus-visible,.z-mobile-menu :is(a,button,input):focus-visible,.z-dialog :is(a,button,input,textarea,select):focus-visible{outline:2px solid currentColor;outline-offset:4px;box-shadow:none}@media(hover:none){.z-header :is(a,button):focus-visible,.z-mobile-menu :is(a,button,input):focus-visible,.z-dialog :is(a,button,input,textarea,select):focus-visible{outline:none;box-shadow:none}}.z-header-search input:focus-visible,.z-mobile-menu input:focus-visible{outline:0;outline-offset:0;box-shadow:inset 0 -2px 0 currentColor}.z-header-search[hidden]{display:none}.z-header-search{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-dialog);display:block;color:var(--color-text-strong);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--motion-duration-quiet) var(--motion-ease-standard),visibility 0s linear var(--motion-duration-quiet)}.z-header-search[data-header-search-state=opening],.z-header-search[data-header-search-state=open]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.z-header-search__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#11111147}.z-header-search__surface{position:absolute;inset-block-start:0;inset-inline:0;max-height:min(82dvh,760px);overflow-y:auto;background:var(--color-page);transform:translateY(-12px);transition:transform var(--motion-duration-editorial) var(--motion-ease-editorial)}.z-header-search[data-header-search-state=open] .z-header-search__surface{transform:translateY(0)}.z-header-search__form{width:min(720px,calc(100% - 2 * var(--layout-gutter)));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) var(--control-size-icon) var(--control-size-icon);grid-template-rows:minmax(var(--layout-header-height),auto) auto;align-items:center;align-content:start;min-height:var(--layout-header-height)}.z-header-search__form>input{width:100%;min-width:0;height:var(--control-size-icon);padding:0;border:0;border-bottom:1px solid var(--color-border-ink);border-radius:0;outline:0;background:transparent;color:inherit;font-family:var(--font-display);font-size:clamp(1.35rem,2.4vw,2rem)}.z-header-search__form>input::placeholder{color:var(--color-text-subtle);opacity:1}.z-header-search__submit,.z-header-search__close{width:var(--control-size-icon);height:var(--control-size-icon);display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.z-header-search__submit svg,.z-header-search__close svg,.z-mobile-menu__search svg,.z-mobile-menu__close svg,.z-dialog__close-icon svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25}.z-header-search__predictive{grid-column:1 / -1;padding:1.5rem 0 2rem}.z-header-search__results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.z-header-search__results:empty{display:none}.z-header-search__results section{min-width:0}.z-header-search__results h3{margin:0 0 .8rem;font-family:var(--font-body);font-size:var(--type-caption);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.z-header-search__results ul{display:grid;gap:.25rem;margin:0;padding:0;list-style:none}.z-header-search__results a{display:inline-block;padding:.25rem 0;color:inherit;font-family:var(--font-display);font-size:1.15rem;text-decoration:none}.z-header-search__results a:hover,.z-header-search__results a:focus-visible{text-decoration:underline;text-underline-offset:.25em}.z-mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-dialog);width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:env(safe-area-inset-top) var(--layout-gutter) env(safe-area-inset-bottom);border:0;border-radius:0;background:var(--color-page);color:var(--color-text-strong);opacity:0;transform:translate(100%);transition:transform var(--motion-duration-drawer) var(--motion-ease-drawer),opacity var(--motion-duration-drawer-fade) var(--motion-ease-standard)}.z-mobile-menu[data-mobile-menu-state=opening],.z-mobile-menu[data-mobile-menu-state=open]{opacity:1}.z-mobile-menu[data-mobile-menu-state=opening],.z-mobile-menu[data-mobile-menu-state=closing]{transform:translate(100%)}.z-mobile-menu[data-mobile-menu-state=closing]{opacity:0}.z-mobile-menu[data-mobile-menu-state=open]{transform:translate(0)}.z-mobile-menu::backdrop{background:transparent}.z-mobile-menu__topbar{height:var(--layout-header-height);display:grid;grid-template-columns:var(--control-size-icon) 1fr var(--control-size-icon);align-items:center}.z-mobile-menu__close{position:relative;width:var(--control-size-icon);height:var(--control-size-icon);display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.z-mobile-menu__close svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25}.z-mobile-menu__lockup{justify-self:center;width:min(210px,42vw);display:block;line-height:0}.z-mobile-menu__lockup img{width:100%;height:auto;filter:grayscale(1) brightness(0)}.z-mobile-menu__content{height:calc(100% - var(--layout-header-height));min-height:0}.z-mobile-menu__view-header{min-height:2.75rem;display:flex;align-items:center}.z-mobile-menu__back{width:100%;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:flex-start;gap:.65rem;padding:0;border:0;background:transparent;color:inherit;font-family:var(--font-display);font-size:clamp(1.15rem,4vw,1.45rem);font-weight:400;line-height:1;cursor:pointer}.z-mobile-menu__back-arrow{color:var(--color-text-muted);opacity:1}.z-mobile-menu__nav{height:100%;overflow:hidden;overscroll-behavior:contain;padding-block:.75rem 2.5rem}.z-mobile-menu__views{position:relative;height:100%;overflow:hidden}.z-mobile-menu__view{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding-block:0 2.5rem;opacity:0;transform:translate(10%);scrollbar-width:none;transition:opacity .22s var(--motion-ease-standard),transform var(--motion-duration-drawer) var(--motion-ease-drawer)}.z-mobile-menu__view::-webkit-scrollbar{display:none}.z-mobile-menu__view.is-active{opacity:1;transform:translate(0)}.z-mobile-menu__view[data-mobile-menu-view-state=leaving]{opacity:0;transform:translate(-10%)}.z-mobile-menu__view[data-mobile-menu-view-state=entering]{opacity:0;transform:translate(10%)}.z-mobile-menu__view[data-mobile-menu-view-state=entering].is-active{opacity:1;transform:translate(0)}.z-mobile-menu__view[hidden]{display:none}.z-mobile-menu__search{margin-bottom:1.75rem}.z-mobile-menu__search-row{display:grid;grid-template-columns:minmax(0,1fr) var(--control-size-icon);align-items:center;border-bottom:1px solid var(--color-border-ink)}.z-mobile-menu__search-row input{width:100%;min-width:0;height:var(--control-size-icon);padding:0;border:0;border-radius:0;outline:0;background:transparent;color:inherit;font-family:var(--font-display);font-size:1.2rem}.z-mobile-menu__search-row input::placeholder{color:var(--color-text-subtle);opacity:1}.z-mobile-menu__search-row button{width:var(--control-size-icon);height:var(--control-size-icon);display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.z-mobile-menu__search-results:empty{display:none}.z-mobile-menu__search-results{padding-block:1rem 0}.z-mobile-menu__search-results section+section{margin-top:1rem}.z-mobile-menu__search-results h3{margin:0 0 .4rem;font-family:var(--font-body);font-size:var(--type-caption);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.z-mobile-menu__search-results ul{display:grid;gap:.25rem;margin:0;padding:0;list-style:none}.z-mobile-menu__search-results a{display:block;padding:.18rem 0;border:0;box-shadow:none;color:inherit;font-family:var(--font-display);font-size:1.15rem;line-height:1.2;text-decoration:none}.z-mobile-menu__links{display:grid;gap:.1rem}.z-mobile-menu__link{min-height:48px;display:flex;align-items:center;color:inherit;font-family:var(--font-display);font-size:clamp(1.25rem,5vw,1.55rem);font-weight:400;line-height:1.1;text-decoration:none}.z-mobile-menu__link:hover{color:inherit}.z-mobile-menu__link--parent{width:100%;justify-content:space-between;gap:1rem;padding-inline:0;border:0;background:transparent;text-align:start;cursor:pointer}.z-mobile-menu .z-mobile-menu__link,.z-mobile-menu .z-mobile-menu__child{border:0!important}.z-mobile-menu__arrow{flex:0 0 auto;color:var(--color-text-muted);transition:color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard)}.z-mobile-menu__link--parent:hover .z-mobile-menu__arrow,.z-mobile-menu__link--parent:focus-visible .z-mobile-menu__arrow{stroke:currentColor}.z-mobile-menu__links--children{gap:.1rem}.z-mobile-menu__child{min-height:44px;display:flex;align-items:center;padding-inline-start:var(--space-5);color:inherit;font-family:var(--font-display);font-size:1.2rem;line-height:1.2;text-decoration:none}.z-mobile-menu :is(.z-mobile-menu__back,.z-mobile-menu__link--parent,.z-mobile-menu__search-row button):focus-visible{outline:0;outline-offset:0;background:color-mix(in srgb,currentColor 8%,transparent)}.z-header .z-nav-menu{display:flex;align-items:center;align-self:stretch}.z-header__nav--left>a,.z-header__nav--left .z-nav-menu>a,.z-header__nav--right>a{min-height:44px;display:inline-flex;align-items:center}.z-nav-popover__group-label{display:inline-flex;align-items:center;gap:.38em}.z-nav-popover__parent-arrow{color:var(--color-text-muted);transition:color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard)}.z-nav-popover__group:hover .z-nav-popover__parent-arrow,.z-nav-popover__group:focus-within .z-nav-popover__parent-arrow{color:var(--color-text-strong);transform:translate(3px)}.z-dialog{border:0;border-radius:0;background:transparent;color:var(--color-text-strong)}.z-dialog::backdrop{background:#11111152}.z-dialog__close{width:var(--control-size-icon);height:var(--control-size-icon);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;border:0!important;background:transparent;color:inherit;text-decoration:none!important;cursor:pointer}.z-dialog--bag{inset-block:0;inset-inline-end:0;width:min(460px,100vw);height:100dvh;max-width:none;max-height:none;margin:0 0 0 auto;padding:0;transform:translate(100%);opacity:0;transition:transform var(--motion-duration-drawer) var(--motion-ease-drawer),opacity var(--motion-duration-drawer-fade) var(--motion-ease-standard)}.z-dialog--bag[data-dialog-state=opening],.z-dialog--bag[data-dialog-state=open]{transform:translate(0);opacity:1}.z-dialog--bag[data-dialog-state=closing]{transform:translate(100%);opacity:0;pointer-events:none}.z-dialog--bag::backdrop{background:#1111112e;-webkit-backdrop-filter:none;backdrop-filter:none}.z-dialog--bag .z-bag-drawer{height:100%;background:var(--color-page)}.z-dialog--bag .z-dialog__header{min-height:var(--layout-header-height);margin:0;padding-inline:var(--layout-gutter);border-bottom:1px solid var(--color-border-subtle)}.z-dialog--bag .z-dialog__header h2{font-size:clamp(1.8rem,3vw,2.5rem)}.z-dialog--bag .z-bag-drawer--empty .z-dialog__header{border-bottom:0}.z-dialog--bag .z-bag-empty{flex:1;display:grid;place-items:center;padding:clamp(3rem,12vh,7rem) var(--layout-gutter);text-align:center}.z-dialog--bag .z-bag-empty__message{max-width:16ch;margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,2.8vw,2rem);font-weight:300;line-height:1.08}.z-dialog--bag .z-bag-lines{scrollbar-width:thin;padding:clamp(1.5rem,3vw,2rem) var(--layout-gutter) 1rem;gap:0}.z-dialog--bag .z-bag-line{grid-template-columns:96px minmax(0,1fr);gap:1.25rem;padding:1.25rem 0 1.5rem;border-bottom:1px solid var(--color-border-subtle)}.z-dialog--bag .z-bag-line:first-child{padding-top:.5rem}.z-dialog--bag .z-bag-line:last-child{border-bottom:0}.z-dialog--bag .z-bag-line__media{display:block;color:inherit;text-decoration:none}.z-dialog--bag .z-bag-line__media img{width:96px;aspect-ratio:3 / 4;object-fit:cover;background:var(--color-surface)}.z-dialog--bag .z-bag-line__content{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.z-dialog--bag .z-bag-line__title{color:var(--color-text-strong);font-size:var(--type-body);line-height:1.2;text-decoration:none}.z-dialog--bag .z-bag-line__title strong{font-weight:600}.z-dialog--bag .z-bag-line__variant,.z-dialog--bag .z-bag-line__edition,.z-dialog--bag .z-bag-line__property{margin:.35rem 0 0;color:var(--color-text-muted);font-size:var(--type-ui);line-height:1.35}.z-dialog--bag .z-bag-line__price{margin:.65rem 0 0;color:var(--color-text-strong);font-size:var(--type-ui);line-height:1.35;font-variant-numeric:tabular-nums}.z-dialog--bag .z-bag-line__actions{display:flex;flex-wrap:wrap;gap:0 1rem;margin-top:.7rem}.z-dialog--bag .z-bag-line__remove,.z-dialog--bag .z-bag-line__complete{min-height:44px;display:inline-flex;align-items:center;color:var(--color-text-strong);font-size:var(--type-meta);text-decoration:underline;text-underline-offset:.25em}.z-dialog--bag .z-bag-footer{padding:1.25rem var(--layout-gutter) 1.5rem;border-top:1px solid var(--color-border-subtle)}.z-dialog--bag .z-bag-footer>p{margin:0 0 1.25rem;font-size:var(--type-ui)}.z-dialog--bag .z-bag-footer__actions{display:block}.z-dialog--bag .z-bag-footer .z-button{width:100%;min-height:var(--control-height-primary)}.z-dialog--bag .z-bag-footer .z-button:disabled{cursor:not-allowed;opacity:.48}@media(max-width:1039px){.z-header{grid-template-columns:var(--control-size-icon) minmax(0,1fr) var(--control-size-icon)}.z-header__menu{display:inline-flex}.z-header__nav{display:none}.z-header__right{display:flex}.z-header__right .z-header__nav{display:none}.z-lockup{justify-self:center}.z-lockup{width:min(210px,42vw)}.z-mobile-menu__nav{height:100%}.z-header-search__form{width:calc(100% - 2 * var(--layout-gutter))}.z-header-search__results{grid-template-columns:1fr}}@media(max-width:560px){.z-dialog--bag .z-bag-line{grid-template-columns:84px minmax(0,1fr);gap:1rem}.z-dialog--bag .z-bag-line__media img{width:84px}}@media(prefers-reduced-motion:reduce){.z-header-search,.z-header-search__surface,.z-mobile-menu,.z-dialog--bag,.z-mobile-menu__view,.z-header__icon{transition:none}}.z-header__nav a,.z-header__nav--left .z-nav-menu>a,.z-header__nav--right>a,.z-nav-popover a{text-decoration:none}.z-header__nav--left .z-nav-menu>a:after,.z-header__nav--right>a:after{border:0}.z-header .z-nav-menu>button{opacity:1;color:transparent}html[data-header-context=dark] .shopify-section-group-header-group .z-header[data-header-state=solid],html[data-header-context=dark] .shopify-section-group-header-group .z-header[data-header-interaction=menu]{--header-surface-alpha: 1;--header-surface-blur: 0px;--header-shadow-alpha: .08}html[data-header-context=dark] .shopify-section-group-header-group .z-header[data-header-interaction=menu]{border-bottom-color:var(--color-border-faint);color:var(--color-text-strong)}html[data-header-context=dark] .shopify-section-group-header-group .z-header[data-header-interaction=menu] .z-lockup img{filter:grayscale(1) brightness(0)}html[data-header-context=dark] .shopify-section-group-header-group .z-header[data-header-state=overlay]:not([data-header-menu-open]):not([data-header-interaction=menu]) .z-lockup img{filter:brightness(0) invert(1)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/zaynab-navigation.css.map */