@media screen and (min-width:990px){header-menu details:has(.mio-shop-dropdown),header-menu details:has(.mio-moods-megamenu){position:static}.header-wrapper:has(.mega-menu[open]){position:relative}.header-wrapper:has(.mega-menu[open]):after{content:"";position:fixed;inset-inline:0;inset-block-start:100%;inset-block-end:0;background-color:var(--mio-overlay-scrim);z-index:3;pointer-events:none}.mega-menu[open]>.mega-menu__content:has(.mio-shop-dropdown),.mega-menu[open]>.mega-menu__content:has(.mio-moods-megamenu){opacity:0;transform:translateY(-.75rem)}.mega-menu__content:has(.mio-shop-dropdown),.mega-menu__content:has(.mio-moods-megamenu){z-index:4;overflow:visible;height:auto;padding-block:0;background-color:var(--mio-surface-default);border-top:1px solid var(--mio-border-subtle);opacity:0;transform:translateY(-.75rem);transition:opacity .25s cubic-bezier(.25,.1,.25,1),transform .25s cubic-bezier(.25,.1,.25,1)}.mega-menu--visible[open]>.mega-menu__content:has(.mio-shop-dropdown),.mega-menu--visible[open]>.mega-menu__content:has(.mio-moods-megamenu){opacity:1;transform:translateY(0)}.header-wrapper:after{transition:opacity .25s cubic-bezier(.25,.1,.25,1);opacity:0}.header-wrapper:has(.mega-menu--visible):after{opacity:1}.mio-shop-dropdown{position:relative;width:100%;padding-block:2rem 2.25rem;background-color:var(--mio-surface-default)}.mio-shop-dropdown__layout.page-width{width:min(92vw,1400px);max-width:1400px;margin-inline:auto;padding-inline:clamp(1.5rem,2vw,2.75rem);box-sizing:border-box;display:grid;grid-template-columns:1fr 2.5fr;gap:0;align-items:start}[dir=rtl] .mio-shop-dropdown__layout.page-width{direction:rtl}.mio-shop-dropdown__heading{font-family:var(--mio-font-accent),serif;font-size:1.3rem;font-weight:400;font-style:italic;color:var(--mio-text-muted);letter-spacing:.03em;text-transform:none;margin:0 0 1.25rem}.mio-shop-dropdown__categories{padding-inline-end:clamp(2rem,3vw,3.5rem);border-inline-end:1px solid var(--mio-border-subtle);padding-block:.5rem 0}.mio-shop-dropdown__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.mio-shop-dropdown__link{display:inline-flex;width:fit-content;text-decoration:none;color:var(--mio-text-primary);font-family:var(--mio-font-hebrew-heading),serif;font-size:2.6rem;font-weight:600;line-height:1.4;transition:color .18s ease-out}.mio-shop-dropdown__link:hover{color:var(--mio-action-primary)}.mio-shop-dropdown__link:focus-visible{outline:2px solid var(--mio-focus-ring);outline-offset:3px;border-radius:var(--mio-radius-sm)}.mio-shop-dropdown__link--all{font-size:1.5rem;font-weight:600;margin-top:.5rem;padding-bottom:.15rem;border-bottom:1px solid currentcolor}.mio-shop-dropdown__bestsellers{padding-inline-start:clamp(2rem,3vw,3.5rem);padding-block:.5rem 0}.mio-shop-dropdown__bestsellers-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.25rem,2vw,2.25rem)}.mio-shop-dropdown__product-card{display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:var(--mio-text-primary)}.mio-shop-dropdown__product-card:hover .mio-shop-dropdown__product-image img{transform:scale(1.03)}.mio-shop-dropdown__product-card:focus-visible{outline:2px solid var(--mio-focus-ring);outline-offset:2px;border-radius:var(--mio-radius-sm)}.mio-shop-dropdown__product-image{display:block;aspect-ratio:1;max-width:220px;border-radius:var(--mio-radius-md);overflow:hidden;background-color:transparent}.mio-shop-dropdown__product-image img{width:100%;height:100%;object-fit:cover;transition:transform .18s ease-out}.mio-shop-dropdown__product-info{display:flex;flex-direction:column;gap:.1rem;min-width:0;text-align:start}.mio-shop-dropdown__product-title{font-family:var(--mio-font-hebrew-heading),serif;font-size:1.8rem;font-weight:500;line-height:1.35;color:var(--mio-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mio-shop-dropdown__product-price{font-family:var(--font-body-family),sans-serif;font-size:1.6rem;font-weight:400;color:var(--mio-text-muted)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mio-header-mega.css.map */