:root{--cb-bg: #fdf5f8;--cb-bg-hover: #f7e7ee;--cb-accent: #d282a5;--cb-accent-dark: #b86a8c;--cb-text: #282928;--cb-text-muted: #6b5b63;--cb-divider: #f0e4ea;--cb-shadow: 0 20px 50px -12px rgba(40, 41, 40, .18), 0 8px 20px -8px rgba(210, 130, 165, .15);--cb-radius: 14px;--cb-radius-btn: 100px;--cb-ease: cubic-bezier(.22, .61, .36, 1)}.tree-menu.has-dropdown .x-icon-caret{transition:transform .35s var(--cb-ease),color .35s var(--cb-ease)}.tree-menu.has-dropdown:hover .x-icon-caret,.tree-menu.has-dropdown.is-focus .x-icon-caret{transform:rotate(180deg);color:var(--cb-accent)}.tree-menu.has-dropdown>.toggle-menu{background-color:var(--cb-bg)!important;background-image:linear-gradient(180deg,#ffffff 0%,var(--cb-bg) 100%)!important;border:1px solid var(--cb-divider);border-radius:var(--cb-radius);box-shadow:var(--cb-shadow);width:280px!important;min-width:260px;padding:6px 0;margin-top:10px;opacity:0;transform:translateY(-8px);transition:opacity .28s var(--cb-ease),transform .28s var(--cb-ease),box-shadow .35s var(--cb-ease);pointer-events:none;overflow:hidden}.tree-menu.has-dropdown:hover>.toggle-menu,.tree-menu.has-dropdown.is-focus>.toggle-menu,.tree-menu.has-dropdown:focus-within>.toggle-menu{opacity:1;transform:translateY(0);pointer-events:auto}.tree-menu.has-dropdown>.toggle-menu.toggle-menu-hidden{display:block}.tree-menu.has-dropdown>.toggle-menu .tree-menu-nav{padding:8px 0!important;list-style:none}.tree-menu.has-dropdown>.toggle-menu .tree-menu-nav>li{position:relative;padding:0!important;margin:0;border-bottom:1px solid var(--cb-divider);transition:background-color .28s var(--cb-ease)}.tree-menu.has-dropdown>.toggle-menu .tree-menu-nav>li:last-child{border-bottom:none}.tree-menu.has-dropdown>.toggle-menu .tree-menu-nav>li:hover{background-color:var(--cb-bg-hover)}.tree-menu.has-dropdown>.toggle-menu .tree-menu-nav>li .sub-menu{padding:0!important}.tree-menu.has-dropdown>.toggle-menu .tree-menu-nav>li .sub-menu .nav-link,.tree-menu.has-dropdown>.toggle-menu .tree-menu-nav>li a.nav-link{display:flex!important;align-items:center;justify-content:flex-start;padding:14px 22px!important;margin:0!important;border:none!important;font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:500;font-size:15px;line-height:1.35;letter-spacing:.01em;color:var(--cb-text);text-transform:none;white-space:normal;transition:color .28s var(--cb-ease),padding-left .28s var(--cb-ease),transform .28s var(--cb-ease)}.tree-menu.has-dropdown>.toggle-menu .tree-menu-nav>li:hover .nav-link,.tree-menu.has-dropdown>.toggle-menu .tree-menu-nav>li.is-focus-child .nav-link{color:var(--cb-accent-dark);padding-left:28px!important}.tree-menu.has-dropdown>.toggle-menu .tree-menu-nav .nav-link.effect-inline,.tree-menu.has-dropdown>.toggle-menu .tree-menu-nav .nav-link:after,.tree-menu.has-dropdown>.toggle-menu .tree-menu-nav .nav-link:before{border-bottom:none!important}.tree-menu.has-dropdown>.toggle-menu .tree-menu-nav>li .nav-link.effect-inline,.tree-menu.has-dropdown>.toggle-menu .tree-menu-nav>li a[aria-current=page]{color:var(--cb-accent-dark)}.tree-menu.has-dropdown>.toggle-menu .tree-menu-nav>li:before{content:"";position:absolute;left:0;top:50%;width:3px;height:0;background-color:var(--cb-accent);border-radius:0 3px 3px 0;transform:translateY(-50%);transition:height .35s var(--cb-ease);pointer-events:none}.tree-menu.has-dropdown>.toggle-menu .tree-menu-nav>li:hover:before{height:60%}@media(max-width:1024px){.drawer-main-menu .has-dropdown>.sub-menu-drawer,.mobile-main-menu .has-dropdown ul{background-color:var(--cb-bg);border-left:2px solid var(--cb-accent);margin-left:8px;border-radius:0 8px 8px 0}.drawer-main-menu .has-dropdown>.sub-menu-drawer a,.mobile-main-menu .has-dropdown ul a{font-family:Playfair Display,Georgia,serif;font-style:italic;color:var(--cb-text)}.drawer-main-menu .has-dropdown>.sub-menu-drawer a:hover,.mobile-main-menu .has-dropdown ul a:hover{color:var(--cb-accent-dark)}}@media(prefers-reduced-motion:reduce){.tree-menu.has-dropdown>.toggle-menu,.tree-menu.has-dropdown>.toggle-menu .tree-menu-nav>li .nav-link,.tree-menu.has-dropdown .x-icon-caret,.tree-menu.has-dropdown>.toggle-menu .tree-menu-nav>li:before{transition-duration:.01ms!important;transform:none!important}.tree-menu.has-dropdown:hover>.toggle-menu,.tree-menu.has-dropdown.is-focus>.toggle-menu{opacity:1}}@media(max-width:749px){.ls-hero-mobile-dark .hero-text h1,.ls-hero-mobile-dark .hero-text h2,.ls-hero-mobile-dark .hero-text h3,.ls-hero-mobile-dark .hero-text p{color:var(--cb-text)!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-colombi-nav.css.map */