.\#main-nav-lean{--main-nav-lean-accent: #a3c650;--main-nav-lean-glow: color-mix(in srgb, currentColor 17%, transparent);--main-nav-lean-spring: cubic-bezier(.34, 1.56, .64, 1);--main-nav-lean-ease: cubic-bezier(.2, .8, .2, 1);display:grid;grid-template-columns:minmax(0,1fr);max-width:1120px;margin:0 auto}.\#main-nav-lean.\@has-panel{grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:64px;align-items:center}.\#main-nav-lean-label{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.45}.\#main-nav-lean-list{margin:0;padding:0;list-style:none}.\#main-nav-lean-link{display:flex;align-items:baseline;gap:16px;color:inherit;text-decoration:none;transition:opacity .25s ease}.\#main-nav-lean-name{font-family:var(--glob-heading-family);font-style:var(--glob-heading-style);font-weight:var(--glob-heading-weight);font-size:clamp(38px,3.4vw,52px);line-height:1.04;letter-spacing:.01em;text-transform:uppercase}.\#main-nav-lean-meta{font-size:12.5px;font-weight:600;white-space:nowrap;color:var(--main-nav-lean-accent);opacity:0;transform:translate(-8px);transition:opacity .25s ease,transform .35s var(--main-nav-lean-ease)}.\#main-nav-lean-list:hover .\#main-nav-lean-link{opacity:.3}.\#main-nav-lean-list .\#main-nav-lean-link:is(:hover,:focus-visible){opacity:1}.\#main-nav-lean-link:is(:hover,:focus-visible) .\#main-nav-lean-meta{opacity:1;transform:none}.\#main-nav-lean-all{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:13px;font-weight:700;color:inherit;text-decoration:none}.\#main-nav-lean-all svg,.\#main-nav-lean-caption svg{width:15px;height:15px;flex-shrink:0;transition:transform .25s ease}.\#main-nav-lean-all svg{color:var(--main-nav-lean-accent)}.\#main-nav-lean-all:hover svg,.\#main-nav-lean-panel:hover .\#main-nav-lean-caption svg{transform:translate(3px)}.\#main-nav-lean-empty{opacity:.7;font-size:.9rem}.\#main-nav-lean-panel{position:relative;display:block;height:220px;overflow:hidden;border-radius:16px;background:color-mix(in srgb,currentColor 4.5%,transparent);color:inherit;text-decoration:none}.\#main-nav-lean-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s ease}.\#main-nav-lean-layer.\@photo{opacity:1}.\#main-nav-lean-layer.\@photo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}.\#main-nav-lean-layer.\@photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b3,#0000 55%)}.\#main-nav-lean-caption{position:absolute;left:18px;right:18px;bottom:14px;z-index:1;display:flex;align-items:center;justify-content:space-between;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff}.\#main-nav-lean-layer.\@product{display:grid;place-items:center;background:radial-gradient(ellipse 50% 58% at 50% 55%,var(--main-nav-lean-glow),transparent 72%)}.\#main-nav-lean-layer.\@product img{position:absolute;top:10%;left:15%;width:70%;height:80%;max-width:none;max-height:none;object-fit:contain;filter:drop-shadow(0 14px 16px rgba(0,0,0,.35));transform:translateY(12px) scale(.92) rotate(-4deg);transition:transform .55s var(--main-nav-lean-spring)}.\#main-nav-lean-layer.\@fit\:cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:50% 25%;filter:none;transform:scale(1.04)}.\#main-nav-lean-desc{position:absolute;left:18px;right:18px;bottom:14px;font-size:12px;opacity:.62}.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="1"]:is(:hover,:focus-visible)):has(.\#main-nav-lean-layer[data-index="1"]) .\#main-nav-lean-layer.\@photo,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="2"]:is(:hover,:focus-visible)):has(.\#main-nav-lean-layer[data-index="2"]) .\#main-nav-lean-layer.\@photo,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="3"]:is(:hover,:focus-visible)):has(.\#main-nav-lean-layer[data-index="3"]) .\#main-nav-lean-layer.\@photo,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="4"]:is(:hover,:focus-visible)):has(.\#main-nav-lean-layer[data-index="4"]) .\#main-nav-lean-layer.\@photo,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="5"]:is(:hover,:focus-visible)):has(.\#main-nav-lean-layer[data-index="5"]) .\#main-nav-lean-layer.\@photo,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="6"]:is(:hover,:focus-visible)):has(.\#main-nav-lean-layer[data-index="6"]) .\#main-nav-lean-layer.\@photo,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="7"]:is(:hover,:focus-visible)):has(.\#main-nav-lean-layer[data-index="7"]) .\#main-nav-lean-layer.\@photo,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="8"]:is(:hover,:focus-visible)):has(.\#main-nav-lean-layer[data-index="8"]) .\#main-nav-lean-layer.\@photo,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="9"]:is(:hover,:focus-visible)):has(.\#main-nav-lean-layer[data-index="9"]) .\#main-nav-lean-layer.\@photo,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="10"]:is(:hover,:focus-visible)):has(.\#main-nav-lean-layer[data-index="10"]) .\#main-nav-lean-layer.\@photo,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="11"]:is(:hover,:focus-visible)):has(.\#main-nav-lean-layer[data-index="11"]) .\#main-nav-lean-layer.\@photo,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="12"]:is(:hover,:focus-visible)):has(.\#main-nav-lean-layer[data-index="12"]) .\#main-nav-lean-layer.\@photo{opacity:0}.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="1"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="1"],.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="2"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="2"],.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="3"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="3"],.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="4"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="4"],.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="5"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="5"],.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="6"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="6"],.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="7"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="7"],.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="8"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="8"],.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="9"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="9"],.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="10"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="10"],.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="11"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="11"],.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="12"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="12"]{opacity:1}.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="1"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="1"] img,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="2"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="2"] img,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="3"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="3"] img,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="4"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="4"] img,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="5"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="5"] img,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="6"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="6"] img,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="7"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="7"] img,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="8"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="8"] img,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="9"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="9"] img,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="10"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="10"] img,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="11"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="11"] img,.\#main-nav-lean:has(.\#main-nav-lean-link[data-index="12"]:is(:hover,:focus-visible)) .\#main-nav-lean-layer[data-index="12"] img{transform:none}.\#main-nav-lean-layer.\@fit\:cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b3,#0000 55%)}.\#main-nav-lean.\@cols\:2{max-width:1240px}.\#main-nav-lean.\@cols\:2.\@has-panel{grid-template-columns:minmax(0,1fr) minmax(0,420px)}.\#main-nav-lean.\@cols\:2 .\#main-nav-lean-list{display:grid;grid-template-columns:repeat(2,max-content);column-gap:56px}.\#main-nav-lean.\@cols\:2 .\#main-nav-lean-name{font-size:clamp(28px,2.4vw,34px);line-height:1.08}.\#main-nav-lean.\@cols\:2 .\#main-nav-lean-panel{height:240px}@media(max-width:1280px){.\#main-nav-lean.\@has-panel{grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:40px}}@media(prefers-reduced-motion:reduce){.\#main-nav-lean *,.\#main-nav-lean *:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/main-nav-category-lean.css.map */