:root{--s4u-ink: var(--brand-ink, #181818);--s4u-lime: var(--brand-lime, #c8d337);--s4u-muted: var(--muted, #6b6b6b);--s4u-line: var(--line, #e6e6e0);--s4u-bg: var(--bg, #f7f7f4);--s4u-r-card: var(--r-card, 18px)}#header-component header-menu .menu-list__submenu .sp-mega,#header-component header-menu .menu-list__submenu .mega-menu,#header-component header-menu .menu-list__submenu .s4u-mega,#header-component header-menu .menu-list__submenu .stones4u-mega{width:100%;background:var(--sp-mega-bg, var(--mega-bg, var(--s4u-bg)));color:var(--sp-mega-text, var(--mega-ink, var(--s4u-ink)))}#header-component header-menu .menu-list__submenu .s4u-mega__inner,#header-component header-menu .menu-list__submenu .stones4u-mega__inner{display:grid;grid-template-columns:1fr;gap:28px;padding:22px 24px;border-top:1px solid var(--mega-border, var(--s4u-line));box-shadow:var(--mega-shadow, var(--shadow-2))}@media(min-width:990px){#header-component header-menu .menu-list__submenu .s4u-mega__inner,#header-component header-menu .menu-list__submenu .stones4u-mega__inner{grid-template-columns:1.6fr .9fr;align-items:start;gap:36px;padding:26px 28px}}#header-component header-menu .menu-list__submenu .s4u-mega__nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 34px}@media(min-width:990px){#header-component header-menu .menu-list__submenu .s4u-mega__nav{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:989px){#header-component header-menu .menu-list__submenu .s4u-mega__nav{grid-template-columns:repeat(2,minmax(0,1fr))}}#header-component header-menu .menu-list__submenu .s4u-mega__group{min-width:0;padding-bottom:14px;border-bottom:1px solid var(--s4u-line)}@media(min-width:990px){#header-component header-menu .menu-list__submenu .s4u-mega__group{border-bottom:none;padding-bottom:0}}#header-component header-menu .menu-list__submenu .s4u-mega__heading{margin:0 0 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--s4u-muted);font-weight:600;text-decoration:none}#header-component header-menu .menu-list__submenu .s4u-mega ul,#header-component header-menu .menu-list__submenu .s4u-mega ol{list-style:none!important;margin:0!important;padding:0!important}#header-component header-menu .menu-list__submenu .s4u-mega li{margin:0!important;padding:0!important}#header-component header-menu .menu-list__submenu .s4u-mega__links{list-style:none;margin:0;padding:0;display:grid;gap:8px}#header-component header-menu .menu-list__submenu .s4u-mega__link{display:inline-flex;align-items:center;gap:0;color:var(--s4u-ink);text-decoration:none;font-size:14px;line-height:1.35;padding:2px 0}#header-component header-menu .menu-list__submenu .s4u-mega__link--parent{font-weight:700;opacity:1;text-transform:none;letter-spacing:0}#header-component header-menu .menu-list__submenu .s4u-mega__link:before{content:none!important;display:none!important}#header-component header-menu .menu-list__submenu .s4u-mega__link:hover{text-decoration:underline;text-decoration-color:var(--s4u-lime);text-underline-offset:3px}#header-component header-menu .menu-list__submenu .s4u-mega__link:focus-visible{outline:2px solid var(--s4u-lime);outline-offset:3px;border-radius:8px}#header-component header-menu .menu-list__submenu .s4u-mega__aside{display:grid;gap:14px}#header-component header-menu .menu-list__submenu .s4u-mega__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:989px){#header-component header-menu .menu-list__submenu .s4u-mega__cards{grid-template-columns:1fr}}#header-component header-menu .menu-list__submenu .s4u-mega__card{border:1px solid var(--s4u-line);border-radius:var(--s4u-r-card);background:rgb(var(--bg-rgb, 247 247 244) / .35);overflow:hidden;text-decoration:none;color:inherit}#header-component header-menu .menu-list__submenu .s4u-mega__card img,#header-component header-menu .menu-list__submenu .s4u-mega__cardImage{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}#header-component header-menu .menu-list__submenu .s4u-mega__cardBody{padding:10px 12px 12px}#header-component header-menu .menu-list__submenu .s4u-mega__cardTitle{margin:0 0 6px;font-size:13px;line-height:1.25;font-weight:600;color:var(--s4u-ink)}#header-component header-menu .menu-list__submenu .s4u-mega__cardPrice{margin:0;font-size:12px;color:var(--s4u-muted)}#header-component header-menu .menu-list__submenu .s4u-mega__cardPrice.is-hidden{display:none}#header-component.header--stones4u header-menu .menu-list__submenu{position:relative}#header-component.header--stones4u header-menu .menu-list__submenu:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.menu-list__list-item:has(.menu-list__link[aria-expanded=true])>.menu-list__submenu .s4u-mega-submenu-inner{opacity:1!important;visibility:visible!important;clip-path:none!important}.menu-list__list-item:has(.menu-list__link[aria-expanded=true])>.menu-list__submenu .s4u-mega-submenu-inner,.menu-list__list-item:has(.menu-list__link[aria-expanded=true])>.menu-list__submenu .s4u-mega-submenu-inner *{opacity:1!important}.menu-list__list-item:has(.menu-list__link[aria-expanded=true])>.menu-list__submenu:has(.s4u-mega-submenu-inner){clip-path:none!important}.menu-list__list-item:not(:has(.menu-list__link[aria-expanded=true]))>.menu-list__submenu .s4u-mega-submenu-inner{opacity:var(--submenu-content-opacity)!important}.menu-list__submenu-inner.s4u-mega-submenu-inner{width:100%}.menu-list__submenu-inner.s4u-mega-submenu-inner>.s4u-mega{width:100%;flex:0 0 100%}.menu-list__submenu-inner.s4u-mega-submenu-inner .s4u-mega{min-width:0}.menu-list__submenu-inner.s4u-mega-submenu-inner .s4u-mega__inner{width:100%;display:grid;grid-template-columns:1.6fr .9fr;gap:36px;align-items:start}.menu-list__submenu-inner.s4u-mega-submenu-inner .s4u-mega__nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 34px;min-width:0}.menu-list__submenu-inner.s4u-mega-submenu-inner .s4u-mega__aside{min-width:0}@media(max-width:989px){.menu-list__submenu-inner.s4u-mega-submenu-inner .s4u-mega__inner{grid-template-columns:1fr;gap:22px}.menu-list__submenu-inner.s4u-mega-submenu-inner .s4u-mega__nav{grid-template-columns:repeat(2,minmax(0,1fr))}}.menu-list__list-item:has(>.menu-list__link[aria-expanded=true])>.s4u-mega-submenu:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0000001f;z-index:calc(var(--layer-header-menu) - 2);opacity:0;pointer-events:none;transition:opacity .18s ease}.menu-list__list-item:has(>.menu-list__link[aria-expanded=true])>.s4u-mega-submenu:before{opacity:1}.menu-list__list-item:has(>.menu-list__link[aria-expanded=true])>.s4u-mega-submenu{position:relative;z-index:var(--layer-header-menu)}@media(max-width:989px){.menu-list__list-item:has(>.menu-list__link[aria-expanded=true])>.s4u-mega-submenu:before{display:none}}.menu-list__list{flex-wrap:nowrap!important}.menu-list__list-item,.menu-list__link,.menu-list__link-title{white-space:nowrap}.menu-list__link{border-bottom:2px solid transparent;padding-bottom:2px}.menu-list__link--active,.menu-list__list-item:hover .menu-list__link{border-bottom-color:var(--s4u-lime)}.menu-list__link,.menu-list__link-title{font-weight:inherit}.header-menu .menu-list__link{border-bottom-color:transparent!important;text-decoration:none!important}.menu-list__list-item{position:relative}.menu-list__list-item>.menu-list__submenu:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}.menu-list__submenu{z-index:var(--layer-header-menu)}.s4u-mega-submenu:before{pointer-events:none!important}.overflow-menu .s4u-mega-submenu .menu-list__submenu-inner,.menu-list__list-item[slot=overflow] .s4u-mega-submenu .menu-list__submenu-inner{display:block!important;grid-template-columns:none!important;grid-template-areas:none!important;padding-inline-start:0!important}.s4u-mega{width:100%}.s4u-mega__inner{width:100%;display:grid;grid-template-columns:1fr}.s4u-mega__nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 44px;align-items:start}.s4u-mega-submenu-inner{width:100%!important;max-width:1280px;margin:0 auto}.menu-list__list-item[slot=overflow] .s4u-mega-submenu{padding-inline-start:0!important}.menu-list__list-item:has(>.s4u-mega-submenu)>.s4u-mega-submenu{position:fixed!important;left:0!important;right:0!important;width:100vw!important;top:var(--header-height)!important;background:var(--color-background);box-shadow:var(--shadow-popover);padding-inline:var(--padding-inline);z-index:var(--layer-header-menu)}.menu-list__list-item:has(>.s4u-mega-submenu):hover>.s4u-mega-submenu,.menu-list__list-item:has(>.s4u-mega-submenu):focus-within>.s4u-mega-submenu,.s4u-mega-submenu:hover{visibility:visible!important}.menu-list__list-item:has(>.s4u-mega-submenu)>.s4u-mega-submenu .menu-list__submenu-inner{width:100%!important;max-width:none!important;overflow:visible!important;max-height:none!important}.menu-list__list-item:has(>.s4u-mega-submenu)>.s4u-mega-submenu:before{content:"";position:absolute;left:0;right:0;top:-22px;height:22px}.menu-list__list-item:has(>.s4u-mega-submenu)>.s4u-mega-submenu{background:rgba(var(--color-background-rgb, 255 255 255) / .96)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgb(var(--color-foreground-rgb) / .08);border-bottom:1px solid rgb(var(--color-foreground-rgb) / .08)}.menu-list__list-item:has(>.s4u-mega-submenu)>.s4u-mega-submenu .s4u-mega{max-width:1240px;padding-block:34px}.s4u-mega__nav{gap:18px 56px}.s4u-mega__heading{font-weight:650;letter-spacing:.2px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgb(var(--color-foreground-rgb) / .1)}.s4u-mega a,.s4u-mega__link{display:inline-block;padding:6px 0;color:rgb(var(--color-foreground-rgb) / .82);text-decoration:none;transition:transform .16s var(--animation-easing, ease),color .16s ease}.s4u-mega a:hover,.s4u-mega__link:hover{color:rgb(var(--color-foreground-rgb));transform:translate(2px);text-decoration:underline;text-decoration-color:#c8d337;text-underline-offset:4px}.s4u-mega__col{padding-right:10px}.menu-list__list-item:has(>.s4u-mega-submenu)>.s4u-mega-submenu{opacity:0;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease}.menu-list__list-item:has(>.s4u-mega-submenu):hover>.s4u-mega-submenu,.menu-list__list-item:has(>.s4u-mega-submenu):focus-within>.s4u-mega-submenu,.s4u-mega-submenu:hover{opacity:1;transform:translateY(0)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0000002e;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);opacity:0;pointer-events:none;transition:opacity .16s ease;z-index:calc(var(--layer-header-menu) - 1)}body:has(.s4u-mega-submenu:hover):after,body:has(.menu-list__list-item:has(>.s4u-mega-submenu):hover):after,body:has(.menu-list__list-item:has(>.s4u-mega-submenu):focus-within):after{opacity:1;pointer-events:auto}#header-component header-menu .menu-list__submenu .s4u-mega__navwrap{min-width:0}#header-component header-menu .menu-list__submenu .s4u-mega__promo{display:grid;gap:14px;min-width:0}#header-component header-menu .menu-list__submenu .s4u-mega__promoMedia{display:block;border:1px solid var(--s4u-line);border-radius:var(--s4u-r-card);overflow:hidden;text-decoration:none;color:inherit}#header-component header-menu .menu-list__submenu .s4u-mega__promoMedia img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}#header-component header-menu .menu-list__submenu .s4u-mega__promoFallback{width:100%;aspect-ratio:4 / 3;background:rgb(var(--color-foreground-rgb) / .04)}#header-component header-menu .menu-list__submenu .s4u-mega__promoBody{display:grid;gap:8px}#header-component header-menu .menu-list__submenu .s4u-mega__promoTitle{font-weight:600;color:var(--s4u-ink)}#header-component header-menu .menu-list__submenu .s4u-mega__promoText{color:var(--s4u-muted);font-size:14px;line-height:1.4}#header-component header-menu .menu-list__submenu .s4u-mega__promoCtas{display:grid;gap:10px;margin-top:6px}#header-component header-menu .menu-list__submenu .s4u-mega__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:var(--r-btn, 999px);text-decoration:none;line-height:1.2;font-weight:600}#header-component header-menu .menu-list__submenu .s4u-mega__btn--primary{background:var(--s4u-lime);color:var(--s4u-ink)}#header-component header-menu .menu-list__submenu .s4u-mega__btn--ghost{border:1px solid var(--s4u-line);color:var(--s4u-ink);background:transparent}@media(max-width:989px){#header-component header-menu .menu-list__submenu .s4u-mega__promoCtas{grid-template-columns:1fr}}.s4u-mega__inner{display:grid;grid-template-columns:1fr 360px;gap:56px;align-items:start}@media(max-width:1100px){.s4u-mega__inner{grid-template-columns:1fr;gap:28px}}.s4u-mega__navwrap{min-width:0}.s4u-mega__promo{position:relative;border:1px solid rgb(var(--color-foreground-rgb) / .1);border-radius:16px;overflow:hidden;background:rgb(var(--color-background-rgb) / .72);box-shadow:0 10px 30px #0000000f}.s4u-mega__promoMedia{display:block;aspect-ratio:16 / 10;overflow:hidden;background:rgb(var(--color-foreground-rgb) / .04)}.s4u-mega__promoMedia img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02)}.s4u-mega__promoFallback{width:100%;height:100%;background:linear-gradient(135deg,rgb(var(--color-foreground-rgb) / .05),rgb(var(--color-foreground-rgb) / .02))}.s4u-mega__promoBody{padding:18px 18px 20px}.s4u-mega__promoTitle{font-weight:650;font-size:16px;line-height:1.2;margin-bottom:6px}.s4u-mega__promoText{color:rgb(var(--color-foreground-rgb) / .78);font-size:14px;line-height:1.4;margin-bottom:14px}.s4u-mega__promoCtas{display:grid;gap:10px}.s4u-mega__btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:12px;font-weight:600;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.s4u-mega__btn--primary{background:#c8d337;color:#111;box-shadow:0 8px 18px #0000001a}.s4u-mega__btn--primary:hover{transform:translateY(-1px)}.s4u-mega__btn--ghost{background:transparent;border:1px solid rgb(var(--color-foreground-rgb) / .14);color:rgb(var(--color-foreground-rgb) / .88)}.s4u-mega__btn--ghost:hover{transform:translateY(-1px)}.s4u-mega__navwrap ul li>a,.s4u-mega__navwrap ul li>.mega-menu__link{padding-top:2px!important;padding-bottom:2px!important;line-height:1.1!important;min-height:unset!important}.s4u-mega__promo,.s4u-mega__promo *{padding:revert!important;line-height:revert!important;min-height:revert!important}.s4u-mega__navwrap ul li{margin-bottom:4px!important;line-height:1.35!important}.s4u-mega__navwrap ul li:last-child{margin-bottom:0!important}.s4u-mega__promo{display:flex!important;flex-direction:column!important;gap:16px!important;padding:0!important;margin:0!important;width:min(520px,100%)!important}.s4u-mega__promo .card,.s4u-mega__promo .s4u-mega__promo-card{padding:16px!important;border-radius:16px!important}.s4u-mega__promo img{display:block!important;width:100%!important;height:auto!important;border-radius:16px!important}.s4u-mega__promo ul,.s4u-mega__promo ol{margin:0!important;padding:0!important;list-style:none!important}.s4u-mega__promo li{margin:0!important;line-height:normal!important}.s4u-mega__promo .button,.s4u-mega__promo a.button,.s4u-mega__promo .btn,.s4u-mega__promo a.btn{display:block!important;width:100%!important;margin:0!important}.s4u-mega__promo .button+.button,.s4u-mega__promo a.button+a.button,.s4u-mega__promo .btn+.btn,.s4u-mega__promo a.btn+a.btn{margin-top:12px!important}.s4u-mega__navwrap ul li{margin-bottom:4px}.s4u-mega__navwrap ul li a{line-height:1.35;padding-block:2px}.s4u-mega__navwrap h4{margin-bottom:8px}.s4u-mega__promo{margin-left:auto;padding:20px}.s4u-mega__promo *{margin-bottom:revert}.s4u-mega__promo p{margin:8px 0 16px}.s4u-mega__promo .button,.s4u-mega__promo a.button{margin-top:12px}.s4u-mega__navwrap *{box-sizing:border-box}.menu-list__list-item:has(>.s4u-mega-submenu)>.s4u-mega-submenu{left:0;right:0;width:100vw}.s4u-mega-submenu .s4u-mega{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:var(--section-padding-inline, 24px);padding-right:var(--section-padding-inline, 24px)}.s4u-mega-submenu .s4u-mega__inner{margin-left:0;margin-right:0}.s4u-mega__promo{align-self:start}.s4u-mega__promo .s4u-promo,.s4u-mega__promo .card,.s4u-mega__promo .promo-card{display:flex;flex-direction:column;gap:16px}.s4u-mega__promo a,.s4u-mega__promo button{line-height:normal!important;margin:0!important}.s4u-mega__promo .s4u-promo__actions,.s4u-mega__promo .promo-actions,.s4u-mega__promo .button-group{display:grid;gap:12px}.s4u-mega__inner{grid-template-columns:1fr 1fr 1fr minmax(360px,420px)}.s4u-mega__promo{width:100%;max-width:420px}.s4u-mega__promo .card,.s4u-mega__promo .s4u-promo{width:100%}.s4u-mega__promo{padding:0!important}.s4u-mega__promo .card{padding:20px 22px!important}.s4u-mega__promo h3,.s4u-mega__promo h4,.s4u-mega__promo p{margin-left:0!important}.s4u-mega__promo .card{display:flex;flex-direction:column;gap:14px}.s4u-mega__promo .button+.button,.s4u-mega__promo .btn+.btn{margin-top:10px!important}.s4u-mega__promo{width:100%}.s4u-mega__promo>*{box-sizing:border-box}.s4u-mega__promo,.s4u-mega__promo .s4u-mega__promo-inner{padding:18px 18px 20px!important}.s4u-mega__promo h3,.s4u-mega__promo h4{margin:0 0 10px!important}.s4u-mega__promo p{margin:0 0 16px!important}.s4u-mega__promo a.button,.s4u-mega__promo button,.s4u-mega__promo .button{margin:0!important}.s4u-mega__promo a.button+a.button,.s4u-mega__promo .button+.button,.s4u-mega__promo a.button+.button,.s4u-mega__promo .button+a.button{margin-top:12px!important}.s4u-mega__promo .s4u-mega__promo-actions{display:flex;flex-direction:column;gap:12px}.s4u-mega__btn.s4u-mega__btn--primary,.s4u-mega__btn.s4u-mega__btn--ghost{padding-top:14px!important;padding-bottom:14px!important;line-height:1.2}.s4u-mega__cards{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:900px){.s4u-mega__cards{grid-template-columns:1fr}}.s4u-card{display:block;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #00000014;transform:translateY(0);transition:transform .15s ease,box-shadow .15s ease;text-decoration:none;color:inherit}.s4u-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #0000001f}.s4u-card__media{aspect-ratio:4 / 3;background:#0000000a}.s4u-card__media img{width:100%;height:100%;object-fit:cover;display:block}.s4u-card__body{padding:10px 12px}.s4u-card__title{font-weight:600;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.s4u-card__price{margin-top:6px;font-weight:700;opacity:.9}
/*# sourceMappingURL=/cdn/shop/t/12/assets/mega-menu.css.map */