@media(max-width:768.98px){.main-nav__badge{display:none}}@media(min-width:769px){.main-nav__badge--1{background-color:rgba(var(--badge-1-color)/.1);color:rgb(var(--badge-1-color))}.main-nav__badge--2{background-color:rgba(var(--badge-2-color)/.1);color:rgb(var(--badge-2-color))}.main-nav__badge--3{background-color:rgba(var(--badge-3-color)/.1);color:rgb(var(--badge-3-color))}.mega-nav--columns .main-nav__item--go{display:none}.mega-nav--columns .child-nav__item,.mega-nav--columns .main-nav__grandchild{padding-right:0;padding-left:0}.mega-nav--columns .child-nav__collection-image{min-height:54px;pointer-events:inherit}.mega-nav--columns .child-nav__item--toggle{pointer-events:none}.mega-nav--columns .child-nav__item--toggle a{pointer-events:initial}.mega-nav--columns .child-nav__item--toggle:not(.nav__item--no-underline){margin-bottom:calc(2 * var(--space-unit));border-bottom:1px solid var(--nav-line-color)}.mega-nav--columns .child-nav__item--toggle .icon{display:none}.mega-nav--columns .main-nav__grandchild .main-nav__item{padding:.4em 0;font-size:.88em}.mega-nav--columns .main-nav__collection-image{margin-inline-end:1rem}.md\:nav-gap-x-16{column-gap:calc(16 * var(--space-unit))}.md\:nav-gap-y-4{row-gap:calc(4 * var(--space-unit))}}@media(min-width:769px){.main-nav__item--primary{font-size:12px;letter-spacing:.085em;text-transform:uppercase}.mega-nav--columns{border-top:1px solid rgba(var(--nav-text-color) / .1);box-shadow:0 18px 42px #161c3514}.mega-nav--columns>.container{padding-top:36px;padding-bottom:40px}.mega-nav--columns .child-nav{align-content:start}.mega-nav--columns .child-nav__item--toggle:not(.nav__item--no-underline){margin-bottom:14px;border-bottom:0}.mega-nav--columns .child-nav__item--toggle .main-nav__item-content,.mega-nav--columns .child-nav__item--toggle a{color:rgb(var(--nav-text-color));font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.mega-nav--columns .main-nav__grandchild .main-nav__item{padding:.48em 0;font-size:13px;font-weight:400;letter-spacing:.01em;line-height:1.5}.mega-nav--columns .main-nav__grandchild .main-nav__item:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}}@supports selector(.mega-nav--columns:has(a)){@media screen and (min-width:1181px){.mega-nav--columns:has(a[href*=ruby]){--saratti-gem-menu-banner: url(/cdn/shop/files/loosegems.png?v=1613740910);--saratti-gem-menu-navy: #2d334b;--saratti-gem-menu-soft: rgba(45, 51, 75, .68);--saratti-gem-menu-line: rgba(45, 51, 75, .14)}.mega-nav--columns:has(a[href*=ruby])>.container{display:grid!important;grid-template-columns:minmax(690px,820px) minmax(430px,1fr)!important;gap:clamp(36px,4.4vw,86px)!important;align-items:stretch!important;width:100%!important;max-width:none!important;min-height:clamp(405px,30vw,560px)!important;padding:34px clamp(34px,4.5vw,82px) 44px clamp(44px,5.2vw,98px)!important;margin:0!important;position:relative!important;overflow:visible!important}.mega-nav--columns:has(a[href*=ruby]) .child-nav{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:repeat(4,minmax(112px,1fr))!important;gap:0 clamp(26px,2.35vw,44px)!important;width:100%!important;max-width:820px!important;padding:0!important;margin:0!important;align-self:start!important}.mega-nav--columns:has(a[href*=ruby]) .child-nav__collection-image,.mega-nav--columns:has(a[href*=ruby]) .main-nav__collection-image,.mega-nav--columns:has(a[href*=ruby]) .collection-label,.mega-nav--columns:has(a[href*=ruby]) img[loading=lazy],.mega-nav--columns:has(a[href*=ruby]) .icon,.mega-nav--columns:has(a[href*=ruby]) svg{display:none!important}.mega-nav--columns:has(a[href*=ruby]) .child-nav__item--toggle{padding:0 0 13px!important;margin:0 0 11px!important;border-bottom:1px solid var(--saratti-gem-menu-line)!important}.mega-nav--columns:has(a[href*=ruby]) .child-nav__item--toggle .main-nav__item-content,.mega-nav--columns:has(a[href*=ruby]) .child-nav__item--toggle a{color:var(--saratti-gem-menu-navy)!important;font-size:13px!important;font-weight:600!important;letter-spacing:.02em!important;text-transform:none!important}.mega-nav--columns:has(a[href*=ruby]) .main-nav__grandchild .main-nav__item{padding:5px 0!important;color:var(--saratti-gem-menu-soft)!important;font-size:13px!important;line-height:1.48!important;text-decoration:none!important;transition:color .22s ease,transform .22s ease!important}.mega-nav--columns:has(a[href*=ruby]) .main-nav__grandchild .main-nav__item:hover,.mega-nav--columns:has(a[href*=ruby]) .main-nav__grandchild .main-nav__item:focus{color:var(--saratti-gem-menu-navy)!important;transform:translate(4px)!important;text-decoration:none!important}.mega-nav--columns:has(a[href*=ruby])>.container:after{content:""!important;grid-column:2!important;grid-row:1!important;display:block!important;min-height:clamp(370px,28vw,540px)!important;background-image:linear-gradient(180deg,#050a1c05,#050a1c61),var(--saratti-gem-menu-banner)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.mega-nav--columns:has(a[href*=ruby])>.container:before{content:"LOOSE GEMSTONES\aStones selected by colour, shape, proportion, and presence."!important;position:absolute!important;right:clamp(56px,5.6vw,108px)!important;bottom:clamp(54px,4.8vw,78px)!important;z-index:2!important;width:min(360px,28vw)!important;white-space:pre-line!important;color:#fff!important;font-size:13px!important;line-height:1.55!important;letter-spacing:.02em!important;pointer-events:none!important;text-shadow:0 2px 20px rgba(0,0,0,.38)!important}.mega-nav--columns:has(a[href*=ruby]:hover),.mega-nav--columns:has(a[href*=ruby]:focus-visible),.mega-nav--columns:has(a[href*=rubellite]:hover),.mega-nav--columns:has(a[href*=rubellite]:focus-visible),.mega-nav--columns:has(a[href*=red]:hover),.mega-nav--columns:has(a[href*=red]:focus-visible){--saratti-gem-menu-banner: url(/cdn/shop/products/RubyGemstoneforSale.jpg?v=1622909565)}.mega-nav--columns:has(a[href*=sapphire]:hover),.mega-nav--columns:has(a[href*=sapphire]:focus-visible),.mega-nav--columns:has(a[href*=blue]:hover),.mega-nav--columns:has(a[href*=blue]:focus-visible),.mega-nav--columns:has(a[href*=purple]:hover),.mega-nav--columns:has(a[href*=purple]:focus-visible){--saratti-gem-menu-banner: url(/cdn/shop/products/SapphireGemstone.jpg?v=1614248857)}.mega-nav--columns:has(a[href*=emerald]:hover),.mega-nav--columns:has(a[href*=emerald]:focus-visible),.mega-nav--columns:has(a[href*=green]:hover),.mega-nav--columns:has(a[href*=green]:focus-visible){--saratti-gem-menu-banner: url(/cdn/shop/files/Natural_emerald_loose_gemstone.jpg?v=1613793474)}.mega-nav--columns:has(a[href*=paraiba]:hover),.mega-nav--columns:has(a[href*=paraiba]:focus-visible),.mega-nav--columns:has(a[href*=aquamarine]:hover),.mega-nav--columns:has(a[href*=aquamarine]:focus-visible),.mega-nav--columns:has(a[href*=light-blue]:hover),.mega-nav--columns:has(a[href*=light-blue]:focus-visible){--saratti-gem-menu-banner: url(/cdn/shop/products/EmeraldCutAquamarine.jpg?v=1762531994)}.mega-nav--columns:has(a[href*=tourmaline]:hover),.mega-nav--columns:has(a[href*=tourmaline]:focus-visible),.mega-nav--columns:has(a[href*=bi-color]:hover),.mega-nav--columns:has(a[href*=bi-color]:focus-visible),.mega-nav--columns:has(a[href*=multi]:hover),.mega-nav--columns:has(a[href*=multi]:focus-visible){--saratti-gem-menu-banner: url(/cdn/shop/products/EmeraldCutTourmalineGemstone.jpg?v=1762534484)}}}
/*# sourceMappingURL=/cdn/shop/t/108/assets/navigation-mega-columns.css.map */