.hdt-menu-organized{position:relative;overflow:clip;--vonili-ink: 9 9 13;--hdt-menu-radius: var(--hdt-premium-radius-lg, 22px);--hdt-menu-radius-md: var(--hdt-premium-radius-md, 18px);--hdt-menu-border: var(--hdt-premium-border, rgb(var(--color-foreground) / .08));--hdt-menu-shadow-soft: var(--hdt-premium-shadow-soft, 0 8px 24px rgb(20 24 38 / .08));--hdt-menu-shadow-lift: var(--hdt-premium-shadow-lift, 0 18px 40px rgb(20 24 38 / .16));--hdt-menu-blur: var(--hdt-premium-blur, 18px);--hdt-menu-ease: var(--hdt-premium-ease, cubic-bezier(.22, .61, .36, 1));--hdt-menu-duration: var(--hdt-premium-duration, .42s);background:radial-gradient(ellipse 130% 90px at 50% -10%,rgb(var(--color-accent) / .028) 0%,transparent 72%),linear-gradient(180deg,rgb(var(--color-foreground) / .01) 0%,transparent 12%) top / 100% 100px no-repeat}.hdt-menu-organized:before,.hdt-menu-organized:after{content:none;display:none}.hdt-menu-organized .hdt-menu-organized-group{margin-bottom:clamp(2.5rem,5vw,4.5rem)}.hdt-menu-organized .hdt-menu-organized-group:last-child{margin-bottom:0}.hdt-menu-organized .hdt-section-main-heading,.hdt-menu-organized .hdt-sections-heading{margin-bottom:clamp(1.25rem,3vw,2.25rem);position:relative;padding-bottom:14px}.hdt-menu-organized .hdt-section-main-heading:after,.hdt-menu-organized .hdt-sections-heading:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(72px,20%);height:2px;border-radius:2px;background:rgb(var(--color-accent) / .72);box-shadow:none;animation:none;opacity:1}.hdt-menu-organized .hdt-sections-heading.hdt-text-start:after{left:0;transform:none}.hdt-menu-organized .hdt-sections-heading.hdt-text-end:after{left:auto;right:0;transform:none}.hdt-menu-organized .hdt-section-main-heading .hdt-sec-heading,.hdt-menu-organized .hdt-sections-heading .hdt-heading{line-height:1.14;letter-spacing:-.025em;font-weight:700;font-size:clamp(1.75rem,3.8vw,2.35rem);color:rgb(var(--color-foreground))}.hdt-menu-organized .hdt-sections-heading .hdt-heading h4,.hdt-menu-organized .hdt-sections-heading .hdt-heading p{margin:0;font:inherit;color:inherit}@media(max-width:767px){.hdt-menu-organized .hdt-section-main-heading,.hdt-menu-organized .hdt-sections-heading{margin-bottom:1.25rem;padding-bottom:12px}.hdt-menu-organized .hdt-section-main-heading:after,.hdt-menu-organized .hdt-sections-heading:after{width:48px;height:2px}.hdt-menu-organized .hdt-section-main-heading .hdt-sec-heading,.hdt-menu-organized .hdt-sections-heading .hdt-heading{font-size:clamp(1.5rem,5.2vw,2rem)}}.hdt-menu-organized-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding:10px 0 14px;border-bottom:none;position:relative}.hdt-menu-organized-heading:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgb(var(--color-foreground) / .12) 0%,rgb(var(--color-foreground) / .05) 45%,transparent 100%);opacity:1}@media(min-width:768px){.hdt-menu-organized-heading{margin-bottom:32px;padding-bottom:18px}}.hdt-menu-parent-title{position:relative}.hdt-menu-parent-title span{display:inline-flex;align-items:center;gap:10px;color:rgb(var(--color-foreground));font-size:1.05rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.25;padding:8px 14px;background:rgb(var(--color-foreground) / .035);border-radius:var(--hdt-menu-radius-md, 12px);border:1px solid rgb(var(--color-foreground) / .08);box-shadow:inset 0 1px #ffffff47;transition:background var(--hdt-menu-duration) var(--hdt-menu-ease),border-color var(--hdt-menu-duration) var(--hdt-menu-ease),box-shadow var(--hdt-menu-duration) var(--hdt-menu-ease)}@media(min-width:768px){.hdt-menu-parent-title span{font-size:1.1rem;letter-spacing:.11em;padding:9px 18px}}.hdt-menu-parent-title-link{display:inline-flex;align-items:center;border-radius:999px;text-decoration:none;transition:color .25s ease,opacity .25s ease}@media(-moz-touch-enabled:0),(hover:hover){.hdt-menu-parent-title-link:hover .hdt-menu-parent-title span{background:rgb(var(--color-foreground) / .05);border-color:rgb(var(--color-accent) / .22);box-shadow:inset 0 1px #ffffff59,0 2px 8px rgb(var(--color-accent) / .08)}}.hdt-menu-parent-title-link:focus-visible{outline:2px solid rgb(var(--color-accent) / .45);outline-offset:3px}.hdt-menu-organized-subgroup{margin-bottom:40px}.hdt-menu-organized-subgroup:last-child{margin-bottom:0}.hdt-menu-subgroup-title{font-size:.9375rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-foreground) / .62);margin-bottom:18px;display:inline-block;padding-left:12px;position:relative;border-left:none}.hdt-menu-subgroup-title:before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:3px;border-radius:2px;background:rgb(var(--color-accent) / .55);transition:background var(--hdt-menu-duration) var(--hdt-menu-ease),width .2s ease}@media(-moz-touch-enabled:0),(hover:hover){.hdt-menu-subgroup-title:hover:before,.hdt-menu-organized-subgroup:hover .hdt-menu-subgroup-title:before{background:rgb(var(--color-accent) / .88);width:3px}}@media(min-width:768px){.hdt-menu-subgroup-title{font-size:1rem}}.hdt-menu-subgroup-title a{color:inherit;text-decoration:none;transition:color .25s ease;border-radius:4px}.hdt-menu-subgroup-title a:hover{color:rgb(var(--color-foreground) / .88)}.hdt-menu-subgroup-title a:focus-visible{outline:2px solid rgb(var(--color-accent) / .35);outline-offset:2px}.hdt-menu-organized-grid{display:grid;gap:16px;width:100%}@media(min-width:768px){.hdt-menu-organized-grid{gap:20px}}@media(min-width:1150px){.hdt-menu-organized-grid{gap:22px}}.hdt-menu-organized-grid.hdt-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.hdt-menu-organized-grid.hdt-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hdt-menu-organized-grid.hdt-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.hdt-menu-organized-grid.hdt-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.hdt-menu-organized-grid.hdt-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.hdt-menu-organized-grid.hdt-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}@media(min-width:768px){.hdt-menu-organized-grid.md\:hdt-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hdt-menu-organized-grid.md\:hdt-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.hdt-menu-organized-grid.md\:hdt-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1150px){.hdt-menu-organized-grid.lg\:hdt-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hdt-menu-organized-grid.lg\:hdt-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.hdt-menu-organized-grid.lg\:hdt-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.hdt-menu-organized-grid.lg\:hdt-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.hdt-menu-organized-grid.lg\:hdt-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.hdt-submenu-card{opacity:0;transform:translateY(20px);transition:opacity .55s var(--hdt-menu-ease),transform .55s var(--hdt-menu-ease),box-shadow .35s ease;border-radius:var(--hdt-menu-radius);overflow:hidden;position:relative;isolation:isolate;contain:layout paint}.hdt-submenu-card.hdt-card-visible{opacity:1;transform:translateY(0)}@media(-moz-touch-enabled:0),(hover:hover)and (min-width:768px){.hdt-submenu-card.hdt-card-visible:hover{transform:translateY(-6px);box-shadow:0 20px 40px #1418261a,0 0 0 1px rgb(var(--color-foreground) / .04)}}.hdt-submenu-card--card .hdt-submenu-card-link{background:rgb(var(--color-background) / .96);backdrop-filter:blur(10px) saturate(115%);-webkit-backdrop-filter:blur(10px) saturate(115%);border:1px solid rgb(var(--color-foreground) / .07);border-left:3px solid transparent;box-shadow:var(--hdt-menu-shadow-soft),inset 0 1px #fff6;border-radius:var(--hdt-menu-radius);overflow:hidden;display:flex;flex-direction:column;height:100%;text-decoration:none;transition:border-color var(--hdt-menu-duration) ease,border-left-color var(--hdt-menu-duration) ease,box-shadow var(--hdt-menu-duration) ease,background var(--hdt-menu-duration) ease}.hdt-submenu-card--card .hdt-submenu-card-link:focus-visible{outline:2px solid rgb(var(--color-accent) / .4);outline-offset:2px}@media(-moz-touch-enabled:0),(hover:hover)and (min-width:768px){.hdt-submenu-card--card .hdt-submenu-card-link:hover{border-left-color:rgb(var(--color-accent) / .95);border-color:rgb(var(--color-foreground) / .09);box-shadow:0 12px 32px #00000014,inset 0 1px #ffffff80}}.hdt-submenu-card-image{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:rgb(var(--color-foreground) / .035);flex-shrink:0}.hdt-cycler-img-a,.hdt-cycler-img-b{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .75s cubic-bezier(.25,.46,.45,.94)}.hdt-cycler-img-b{opacity:0;transition:opacity .75s ease-in-out,transform .75s cubic-bezier(.25,.46,.45,.94)}.hdt-cycler-img-b.hdt-cycler-active{opacity:1}@media(-moz-touch-enabled:0),(hover:hover)and (min-width:768px){.hdt-submenu-card:hover .hdt-cycler-img-a,.hdt-submenu-card:hover .hdt-cycler-img-b{transform:scale(1.04)}}.hdt-submenu-card-image .hdt-placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.16}.hdt-cycler-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:3;opacity:0;transition:opacity .3s ease;background:#0003;padding:6px 10px;border-radius:100px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hdt-submenu-card:hover .hdt-cycler-dots,.hdt-submenu-card:focus-within .hdt-cycler-dots{opacity:1}.hdt-cycler-dot{width:7px;height:7px;border-radius:50%;background:#ffffff61;transition:all .3s var(--hdt-menu-ease);cursor:pointer}.hdt-cycler-dot.hdt-dot-active{background:#fff;width:15px;border-radius:100px;transform:none}.hdt-submenu-card-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 58%,rgb(0 0 0 / .07) 100%);pointer-events:none;z-index:2}.hdt-submenu-card-content{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1;gap:6px}@media(min-width:768px){.hdt-submenu-card-content{padding:18px 22px 24px}}.hdt-submenu-card-title{font-size:1.125rem;font-weight:600;line-height:1.32;letter-spacing:-.018em;color:rgb(var(--color-foreground));transition:color .25s var(--hdt-menu-ease)}@media(min-width:768px){.hdt-submenu-card-title{font-size:1.15rem}}@media(-moz-touch-enabled:0),(hover:hover){.hdt-submenu-card:hover .hdt-submenu-card-title{color:rgb(var(--color-accent));opacity:1}}.hdt-submenu-card-count{font-size:.9rem;font-weight:500;color:rgb(var(--color-foreground) / .5)}.hdt-submenu-card-arrow{margin-top:12px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:rgb(var(--color-accent));color:rgb(var(--vonili-ink));transition:transform .35s var(--hdt-menu-ease),box-shadow .3s ease,border-radius .3s ease;box-shadow:0 3px 12px rgb(var(--color-accent) / .28);flex-shrink:0;align-self:flex-start;border:1px solid rgb(var(--color-foreground) / .06)}.hdt-submenu-card-arrow svg{width:14px;height:14px}@media(-moz-touch-enabled:0),(hover:hover){.hdt-submenu-card:hover .hdt-submenu-card-arrow{transform:translate(4px);box-shadow:0 5px 16px rgb(var(--color-accent) / .38);border-radius:11px}}.hdt-submenu-card--minimal .hdt-submenu-card-link{padding:16px 0;border-bottom:1px solid rgb(var(--color-foreground) / .07);display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.hdt-submenu-card--minimal .hdt-submenu-card-content{padding:0;gap:4px}.hdt-submenu-card--minimal .hdt-submenu-card-arrow{margin-top:0;padding-top:0;width:36px;height:36px;flex-shrink:0;align-self:center}@media(-moz-touch-enabled:0),(hover:hover){.hdt-submenu-card--minimal:hover .hdt-submenu-card-arrow{transform:translate(3px)}}@media(max-width:767px){.hdt-menu-organized-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.hdt-menu-parent-title span{font-size:.9375rem;font-weight:600;letter-spacing:.09em;padding:7px 12px}.hdt-menu-organized-heading{margin-bottom:18px;padding-bottom:10px}.hdt-menu-organized .hdt-menu-organized-group{margin-bottom:32px}.hdt-menu-organized-subgroup{margin-bottom:20px}.hdt-submenu-card{border-radius:var(--hdt-menu-radius-md)}.hdt-submenu-card--card .hdt-submenu-card-link{border-radius:var(--hdt-menu-radius-md);background:rgb(var(--color-background));backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 2px 12px #0000000f}.hdt-submenu-card-image{aspect-ratio:3 / 4}.hdt-submenu-card-content{padding:14px 14px 16px}.hdt-submenu-card-title{font-size:1.05rem}.hdt-submenu-card-count{font-size:.875rem}.hdt-submenu-card-arrow{width:36px;height:36px;margin-top:10px;box-shadow:0 3px 10px rgb(var(--color-accent) / .26)}.hdt-submenu-card-arrow svg{width:13px;height:13px}}.hdt-menu-organized-empty{padding:clamp(3rem,8vw,5rem) 24px;text-align:center;background:rgb(var(--color-foreground) / .02);border-radius:var(--hdt-menu-radius-md);border:1px dashed rgb(var(--color-foreground) / .1);border-left:3px solid rgb(var(--color-accent) / .35)}@media(prefers-reduced-motion:reduce){.hdt-submenu-card{opacity:1;transform:none;transition:none}.hdt-submenu-card.hdt-card-visible:hover{transform:none}.hdt-cycler-img-a,.hdt-cycler-img-b{transition:none!important}.hdt-submenu-card:hover .hdt-cycler-img-a,.hdt-submenu-card:hover .hdt-cycler-img-b{transform:none}.hdt-submenu-card-arrow{transition:none}.hdt-submenu-card:hover .hdt-submenu-card-arrow{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/hdt-menu-organized.css.map */