.mega-menu{position:static}.mega-menu__content{background-color:rgb(var(--color-background));border-left:0;border-radius:0;border-right:0;left:0;overflow-y:auto;padding-bottom:3rem;padding-top:3rem;position:absolute;right:0;top:100%}.shopify-section-header-sticky .mega-menu__content{max-height:calc(100vh - var(--header-bottom-position-desktop, 20rem) - 4rem)}.header-wrapper--border-bottom .mega-menu__content{border-top:0}.js .mega-menu__content{opacity:0;transform:translateY(-1.5rem)}.mega-menu[open] .mega-menu__content{opacity:1;transform:translateY(0)}.mega-menu__list{display:grid;gap:1.8rem 4rem;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none}.mega-menu__link{color:rgba(var(--color-foreground),.75);display:block;line-height:calc(1 + .3 / var(--font-body-scale));padding-bottom:.6rem;padding-top:.6rem;text-decoration:none;transition:text-decoration var(--duration-short) ease;word-wrap:break-word}.mega-menu__link--level-2{font-weight:700}.header--top-center .mega-menu__list{display:flex;justify-content:center;flex-wrap:wrap;column-gap:0}.header--top-center .mega-menu__list>li{width:16%;padding-right:2.4rem}.mega-menu__link:hover,.mega-menu__link--active{color:rgb(var(--color-foreground));text-decoration:underline}.mega-menu__link--active:hover{text-decoration-thickness:.2rem}.mega-menu .mega-menu__list--condensed{display:block}.mega-menu__list--condensed .mega-menu__link{font-weight:400}.af-mega-menu__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem;padding-top:2.8rem;padding-bottom:2.8rem}.af-mega-menu__grid[data-columns="1"]{grid-template-columns:minmax(0,520px);justify-content:center;max-width:52rem;margin-left:auto;margin-right:auto}.af-mega-menu__grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:92rem;margin-left:auto;margin-right:auto}.af-mega-menu__grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.af-mega-column{min-width:0}.af-mega-column+.af-mega-column{border-left:1px solid rgba(var(--color-foreground),.14);padding-left:2.4rem}.af-mega-column__heading{margin:0 0 .8rem;color:rgb(var(--color-foreground));font-size:1.55rem;font-weight:650;line-height:1.25}.af-mega-column__intro{margin:0 0 1.2rem;color:rgba(var(--color-foreground),.72);font-size:1.25rem;line-height:1.45}.af-mega-column__links{display:grid;gap:.25rem;margin:0;padding:0;list-style:none}.af-mega-column__link{display:inline-flex;align-items:center;min-height:3.6rem;color:rgb(var(--color-foreground));font-size:1.35rem;line-height:1.35;text-decoration:none;transition:color var(--duration-short) ease,transform var(--duration-short) ease}.af-mega-column__link:hover,.af-mega-column__link:focus-visible{color:#734731;text-decoration:underline;text-underline-offset:.25rem}.af-mega-column__product{display:grid;gap:.45rem;color:rgb(var(--color-foreground));text-decoration:none}.af-mega-column__image{display:block;width:100%;aspect-ratio:1.75 / 1;max-height:16rem;margin-bottom:.7rem;border-radius:.8rem;background:rgba(var(--color-foreground),.04);object-fit:contain}.af-mega-column__eyebrow{color:#734731;font-size:1.05rem;font-weight:650;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.af-mega-column__product-title{font-size:1.45rem;font-weight:650;line-height:1.3}.af-mega-column__price{color:rgba(var(--color-foreground),.72);font-size:1.25rem}.af-mega-column__cta{display:inline-flex;justify-content:center;align-items:center;min-height:4rem;margin-top:1.25rem;padding:.8rem 1.4rem;border-radius:.5rem;background:#734731;color:#fff;font-size:1.25rem;font-weight:650;text-decoration:none;transition:background-color var(--duration-short) ease}.af-mega-column__cta:hover,.af-mega-column__cta:focus-visible{background:#5c3827;color:#fff}@media screen and (max-width:1199px){.af-mega-menu__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.af-mega-menu__grid[data-columns="1"]{grid-template-columns:minmax(0,540px)}.af-mega-column:nth-child(odd){border-left:0;padding-left:0}.af-mega-column:nth-child(n+3){border-top:1px solid rgba(var(--color-foreground),.14);padding-top:1.8rem}}@media screen and (max-width:989px){.af-mega-menu__grid{display:none}}:root{--afro-nav-accent: #734731}.header__inline-menu .list-menu__item,.af-mega-column__heading,.menu-drawer__menu-item,.menu-drawer__close-button{text-transform:uppercase}.af-mega-column__heading{letter-spacing:.035em}.af-mega-column__link:hover,.af-mega-column__link:focus-visible{color:var(--afro-nav-accent)}.af-mega-column__eyebrow{color:var(--afro-nav-accent)}.af-mega-column__cta{background:var(--afro-nav-accent)}.af-mega-column__cta:hover,.af-mega-column__cta:focus-visible{background:#5c3827}@media(hover:hover)and (pointer:fine)and (min-width:990px){.header__inline-menu header-menu>details:hover>.mega-menu__content{opacity:1;transform:translateY(0);visibility:visible}}@media(prefers-reduced-motion:reduce){.mega-menu__content,.af-mega-column__link,.af-mega-column__cta{transition-duration:.01ms!important}}@media screen and (max-width:989px){.js header-drawer>details[open]>.menu-drawer{transform:translate(0);visibility:visible}.js .menu-drawer details[open]>.menu-drawer__submenu{transform:translate(0);visibility:visible}header-drawer>details>summary:before{content:"";position:absolute;top:100%;left:0;width:100%;height:calc(var(--viewport-height, 100vh) - var(--header-bottom-position, 100%));background:rgba(var(--color-foreground),.45);opacity:0;visibility:hidden;z-index:2}header-drawer>details[open]>summary:before{opacity:1;visibility:visible}.menu-drawer{z-index:3}}@media screen and (max-width:989px){.js header-drawer>details[open]>.menu-drawer,.js header-drawer>details[open].menu-opening>.menu-drawer{transform:translate(0)!important;visibility:visible!important;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));pointer-events:auto}.js header-drawer .menu-drawer details[open]>.menu-drawer__submenu{transform:translate(0)!important;visibility:visible!important}}@media screen and (max-width:989px){header-drawer>details[open]>.menu-drawer,header-drawer>details[open].menu-opening>.menu-drawer{transform:translate(0)!important;visibility:visible!important}header-drawer .menu-drawer details[open]>.menu-drawer__submenu{transform:translate(0)!important;visibility:visible!important}}@media screen and (max-width:989px){.menu-drawer__navigation>.menu-drawer__menu.has-submenu{display:flex;align-items:center;gap:.8rem;width:100%;margin:0;padding:1.6rem 1.6rem 1.2rem;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;white-space:nowrap}.menu-drawer__navigation>.menu-drawer__menu.has-submenu::-webkit-scrollbar{display:none}.menu-drawer__navigation>.menu-drawer__menu.has-submenu>li{flex:0 0 auto;min-width:0}.menu-drawer__navigation>.menu-drawer__menu.has-submenu>li>a,.menu-drawer__navigation>.menu-drawer__menu.has-submenu>li>details>summary{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:4.4rem;width:auto;padding:.9rem 1.5rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:999px;background:rgba(var(--color-foreground),.045);font-size:1.35rem;line-height:1.2;white-space:nowrap}.menu-drawer__navigation>.menu-drawer__menu.has-submenu>li>details[open]>summary{border-color:#734731;background:#734731;color:#fff}.menu-drawer__navigation>.menu-drawer__menu.has-submenu>li>details>summary .svg-wrapper{display:none}.menu-drawer__submenu .menu-drawer__menu{padding:0 1.6rem}.menu-drawer__submenu .menu-drawer__menu>li{border-bottom:1px solid rgba(var(--color-foreground),.1)}.menu-drawer__submenu .menu-drawer__linked-item{display:flex;align-items:center;gap:1.4rem;min-height:7.6rem;padding:1rem .4rem;text-decoration:none}.menu-drawer__submenu .menu-drawer__link-image{display:block;flex:0 0 5.6rem;width:5.6rem;height:5.6rem;border-radius:.8rem;object-fit:cover;background:rgba(var(--color-foreground),.06)}.menu-drawer__submenu .menu-drawer__link-label{flex:1 1 auto;min-width:0}.menu-drawer__submenu .menu-drawer__linked-item:after{content:"+";flex:0 0 auto;color:#734731;font-size:2.6rem;font-weight:300;line-height:1}.menu-drawer__submenu .menu-drawer__linked-item:focus-visible,.menu-drawer__submenu .menu-drawer__linked-item:hover{color:#734731}}@media screen and (max-width:989px){.menu-drawer__submenu details>summary{display:flex;align-items:center;gap:1.4rem;min-height:7.6rem;padding:1rem .4rem;cursor:pointer}.menu-drawer__submenu details>summary .svg-wrapper{display:none}.menu-drawer__submenu details>summary:after{content:"+";flex:0 0 auto;color:#734731;font-size:2.6rem;font-weight:300;line-height:1}.menu-drawer__submenu details[open]>summary:after{content:"\2212"}.menu-drawer__submenu summary .menu-drawer__link-image{display:block;flex:0 0 5.6rem;width:5.6rem;height:5.6rem;border-radius:.8rem;object-fit:cover;background:rgba(var(--color-foreground),.06)}.menu-drawer__submenu summary .menu-drawer__link-label{flex:1 1 auto;min-width:0}}@media screen and (max-width:989px){.menu-drawer__navigation>.menu-drawer__menu.has-submenu{flex-wrap:wrap;overflow:visible;white-space:normal}.menu-drawer__navigation>.menu-drawer__menu.has-submenu>li{position:static}.menu-drawer__navigation>.menu-drawer__menu.has-submenu>li>details{position:static}.menu-drawer__navigation>.menu-drawer__menu.has-submenu>li>details[open]>.menu-drawer__submenu{position:absolute!important;top:10rem!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-height:none;overflow-x:hidden;overflow-y:auto;z-index:4;transform:translate(0)!important;visibility:visible!important}.menu-drawer__navigation>.menu-drawer__menu.has-submenu>li>details[open]>.menu-drawer__submenu>.menu-drawer__inner-submenu{width:100%}.menu-drawer__submenu details[open]>.menu-drawer__submenu{position:static;width:100%;max-height:none;overflow:visible;transform:none;visibility:visible}}@media screen and (max-width:989px){.menu-drawer__inner-container{height:100%;min-height:100%}.menu-drawer__navigation>.menu-drawer__menu.has-submenu{flex-wrap:nowrap;gap:.4rem;padding-right:1.2rem;padding-left:1.2rem}.menu-drawer__navigation>.menu-drawer__menu.has-submenu>li>a,.menu-drawer__navigation>.menu-drawer__menu.has-submenu>li>details>summary{min-height:4rem;padding-right:.55rem;padding-left:.55rem;font-size:1.15rem;letter-spacing:0}.menu-drawer__navigation>.menu-drawer__menu.has-submenu>li>details[open]>.menu-drawer__submenu{bottom:0!important}}@media screen and (max-width:989px){.menu-drawer{height:calc(var(--viewport-height, 100vh) - 4.4rem);max-height:calc(var(--viewport-height, 100vh) - 4.4rem)}.menu-drawer__inner-container{height:100%;min-height:100%}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-mega-menu.css.map */
