handheld-navigation{display:flex;align-self:stretch;color:#242424;--hh-surface: #f5f5f5}body:has(handheld-navigation details[open]) .dji-home-floating-actions{visibility:hidden!important;pointer-events:none!important}.hh-nav__related-note{margin:0 0 16px;color:#666;font-size:13px;line-height:1.5;max-width:75ch}.hh-nav__group-title{margin:0 0 12px;font-size:19px;line-height:1.3;font-weight:600}.hh-nav__product-group+.hh-nav__product-group{margin-top:36px;padding-top:28px;border-top:1px solid #e5e5e5}@media(min-width:901px){.hh-nav__panel{overflow:hidden}.hh-nav__layout{height:calc(100dvh - var(--hh-top,120px) - 42px);box-sizing:border-box;min-height:0}.hh-nav__sidebar,.hh-nav__content{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0}.hh-nav__content{padding:0 8px 32px}}.hh-nav{display:flex}.hh-nav [hidden]{display:none!important}.hh-nav__trigger{list-style:none;display:flex;gap:8px;align-items:center;cursor:pointer}.hh-nav__trigger::-webkit-details-marker{display:none}.hh-nav[open]>.hh-nav__trigger{box-shadow:inset 0 -2px #242424}.hh-nav__panel{position:fixed;top:var(--hh-top, 120px);left:0;right:0;z-index:60;background:#fff;border-top:1px solid #ededed;border-bottom:1px solid #e5e5e5;box-shadow:0 18px 30px #14141414;max-height:calc(100dvh - var(--hh-top, 120px));overflow-y:auto;overscroll-behavior:contain}.hh-nav__toolbar{position:sticky;top:0;z-index:1;background:#fff;max-width:1440px;margin:0 auto;height:42px;padding:0 24px;display:flex;align-items:center;justify-content:flex-end}.hh-nav button{font:inherit;color:inherit;border:0;cursor:pointer;background:transparent}.hh-nav a{color:inherit;text-decoration:none}.hh-nav button:focus-visible,.hh-nav a:focus-visible,.hh-nav summary:focus-visible{outline:2px solid #315ecb;outline-offset:3px}.hh-nav .hh-nav__close{width:44px;height:40px;font-size:30px;line-height:1}.hh-nav__back,.hh-nav__mobile-title{display:none}.hh-nav__layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;max-width:1440px;margin:0 auto;padding:0 40px 36px}.hh-nav__group{margin-bottom:24px}.hh-nav__group-label{margin:0 0 8px;font-size:12px;color:#717171;font-weight:400}.hh-nav .hh-nav__series{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;min-height:60px;text-align:left;font-size:15px}.hh-nav__series img{width:42px;height:42px;object-fit:contain;flex:0 0 42px}.hh-nav .hh-nav__series[aria-pressed=true],.hh-nav .hh-nav__series:hover{background:var(--hh-surface)}.hh-nav__series small{color:#a94600;font-size:11px}.hh-nav__arrow{margin-left:auto;color:#777}.hh-nav__browse{display:flex;justify-content:space-between;border-top:1px solid #e7e7e7;padding:18px 12px 0;font-size:14px}.hh-nav__content{min-width:0}.hh-nav__heading{display:flex;align-items:center;gap:24px;min-height:34px;margin-bottom:16px}.hh-nav__heading h2{margin:0;font-size:22px;font-weight:600;line-height:1.25}.hh-nav__heading a{font-size:14px;white-space:nowrap;color:#555}.hh-nav__heading a:hover,.hh-nav__browse:hover{text-decoration:underline}.hh-nav__products{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.4fr);gap:12px;align-items:stretch}.hh-nav__related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hh-nav__related:empty{display:none}.hh-nav__products:not(:has(>.hh-nav__card)){grid-template-columns:1fr}.hh-nav__products:has(.hh-nav__related:empty){grid-template-columns:1fr}.hh-nav__products:has(.hh-nav__related:empty)>.hh-nav__card{max-width:480px}.hh-nav__card{display:flex;flex-direction:column;justify-content:space-between;background:var(--hh-surface);min-width:0;transition:background .16s}.hh-nav__card:hover{background:#ededed}.hh-nav__image{position:relative;box-sizing:border-box;width:100%;flex-shrink:0;aspect-ratio:1.35;padding:12px;overflow:hidden}.hh-nav__image img{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;padding:inherit;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center;mix-blend-mode:multiply}.hh-nav__card:not(.hh-nav__card--featured) .hh-nav__image{margin-block:auto}.hh-nav__card-copy{padding:8px 14px 20px;text-align:center}.hh-nav__card h3{font-size:14px;font-weight:500;line-height:1.4;margin:0 0 6px;overflow-wrap:anywhere}.hh-nav__card p{font-size:13px;line-height:1.5;color:#666;margin:8px 0}.hh-nav__price{display:block;font-size:12px;color:#555}.hh-nav__availability{display:block;font-size:12px;color:#666;margin-top:4px}.hh-nav__card--featured .hh-nav__image{aspect-ratio:1;padding:30px 20px;margin:auto 0}.hh-nav__card--featured h3{font-size:23px}.hh-nav__card--featured .hh-nav__card-copy{padding:20px 20px 32px}.hh-nav__card--featured .hh-nav__price{font-size:14px}.hh-nav__series-panel+.hh-nav__series-panel{margin-top:30px}.hh-nav[data-enhanced] .hh-nav__series-panel{margin-top:0}@media(min-width:901px)and (max-width:1150px){.hh-nav__layout{grid-template-columns:200px minmax(0,1fr);gap:24px;padding:0 24px 28px}.hh-nav__card--featured h3{font-size:19px}}@media(max-width:900px){handheld-navigation,.hh-nav{display:block;width:100%}.hh-nav__trigger{justify-content:space-between}.hh-nav__panel{top:var(--hh-mobile-top, 0px);height:calc(100dvh - var(--hh-mobile-top, 0px));max-height:none}.hh-nav__toolbar{position:sticky;top:0;z-index:1;height:56px;background:#fff;border-bottom:1px solid #eee;padding:0 16px}.hh-nav__mobile-title{display:block;margin-right:auto;font-size:17px;font-weight:600}.hh-nav__layout{display:block;padding:20px 16px 36px}.hh-nav .hh-nav__series{min-height:68px;font-size:17px}.hh-nav__group-label{font-size:13px}.hh-nav__browse{padding-bottom:12px}.hh-nav[data-enhanced][data-view=series] .hh-nav__content,.hh-nav[data-enhanced][data-view=products] .hh-nav__sidebar{display:none}.hh-nav[data-enhanced][data-view=products] .hh-nav__back{display:block;margin-right:auto;min-height:44px}.hh-nav[data-enhanced][data-view=products] .hh-nav__mobile-title{display:none}.hh-nav__heading{justify-content:space-between;gap:12px}.hh-nav__heading h2{font-size:22px}.hh-nav__products{grid-template-columns:1fr}.hh-nav__card--featured .hh-nav__image{aspect-ratio:1.55;padding:16px 28px}.hh-nav__card--featured h3{font-size:20px}.hh-nav__card--featured .hh-nav__card-copy{padding:12px 20px 24px}.hh-nav__related{gap:10px}.hh-nav__image{aspect-ratio:1}.hh-nav__card-copy{padding:8px 10px 16px}}@media(prefers-reduced-motion:reduce){.hh-nav__card{transition:none}}handheld-navigation:not([data-menu-key=handheld]) .hh-nav__group-label{display:none}.hh-nav__group:not(:has(.hh-nav__series)){display:none}.hh-nav__products.hh-nav__products--accessories{grid-template-columns:1fr}.hh-nav__products--accessories .hh-nav__related{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.hh-nav__products--accessories .hh-nav__related{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/handheld-navigation.css.map */