html body .dt-pnav{--pn-ink: #0a0c10;--pn-ink-2: #2b3038;--pn-muted: #6b7280;--pn-deep: var(--dt-p-15803d, #15803d);--pn-green: var(--dt-p-4cd964, #4cd964);--pn-mist: #f2f4f7;--pn-ease: cubic-bezier(0.22, 1, 0.36, 1);--pn-spring: cubic-bezier(0.34, 1.56, 0.64, 1);--pn-glass: linear-gradient(145deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.66) 55%, rgba(255, 255, 255, 0.58) 100%);position: relative;z-index: 5;display: inline-flex;flex: none;align-items: center;gap: 2px;margin-left: auto;padding: 4px;border-radius: 999px;background: var(--pn-glass);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(10, 12, 16, 0.06), 0 1px 2px rgba(10, 12, 16, 0.05), 0 14px 30px -18px rgba(20, 40, 80, 0.32);-webkit-backdrop-filter: blur(14px) saturate(1.4);backdrop-filter: blur(14px) saturate(1.4);font-family: "Inter", system-ui, -apple-system, sans-serif;animation: dt-pnav-in 0.7s var(--pn-ease) 0.15s both}html body .dt-pnav__lens{position: absolute;top: 4px;bottom: 4px;left: 0;z-index: 0;width: var(--lw, 38px);border-radius: 999px;background: linear-gradient(150deg, var(--pn-ink-2) 0%, var(--pn-ink) 60%);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 10px 18px -12px rgba(255, 255, 255, 0.35), 0 8px 18px -8px rgba(10, 12, 16, 0.55);opacity: 0;transform: translateX(var(--lx, 4px)) scale(0.6);pointer-events: none;transition: transform 0.5s var(--pn-spring), width 0.45s var(--pn-spring), opacity 0.25s var(--pn-ease)}html body .dt-pnav.is-lit .dt-pnav__lens{opacity: 1;transform: translateX(var(--lx, 4px)) scale(1)}html body .dt-pnav__btn{position: relative;z-index: 1;display: inline-flex;align-items: center;justify-content: center;min-width: 38px;height: 38px;margin: 0;padding: 0 9px;border-radius: 999px;color: var(--pn-ink) !important;text-decoration: none !important;outline-offset: 2px;-webkit-tap-highlight-color: transparent;transition: color 0.3s var(--pn-ease), transform 0.4s var(--pn-spring)}html body .dt-pnav__btn.is-hot, html body .dt-pnav__btn:focus-visible{color: #fff !important}html body .dt-pnav__btn:active{transform: scale(0.9);transition-duration: 0.12s}html body .dt-pnav__i{display: block;flex: none;width: 18px;height: 18px;overflow: visible}html body .dt-pnav__chev{transition: transform 0.45s var(--pn-spring), opacity 0.3s var(--pn-ease)}html body .dt-pnav__chev--ghost{opacity: 0}html body .dt-pnav__btn--prev.is-hot .dt-pnav__chev:not(.dt-pnav__chev--ghost){transform: translateX(-2.5px)}html body .dt-pnav__btn--prev.is-hot .dt-pnav__chev--ghost{opacity: 0.38;transform: translateX(3.5px)}html body .dt-pnav__btn--next.is-hot .dt-pnav__chev:not(.dt-pnav__chev--ghost){transform: translateX(2.5px)}html body .dt-pnav__btn--next.is-hot .dt-pnav__chev--ghost{opacity: 0.38;transform: translateX(-3.5px)}html body .dt-pnav__btn.is-go .dt-pnav__i{animation: dt-pnav-dash-next 0.5s var(--pn-ease) both}html body .dt-pnav__btn--prev.is-go .dt-pnav__i{animation-name: dt-pnav-dash-prev}html body .dt-pnav__btn--back{gap: 0;padding: 0 10px}html body .dt-pnav__sq{transform-box: fill-box;transform-origin: center;transition: transform 0.5s var(--pn-spring)}html body .dt-pnav__btn--back.is-hot .dt-pnav__sq--1{transform: translate(-1.2px, -1.2px) rotate(-8deg)}html body .dt-pnav__btn--back.is-hot .dt-pnav__sq--2{transform: translate(1.2px, -1.2px) scale(0.82);transition-delay: 0.03s}html body .dt-pnav__btn--back.is-hot .dt-pnav__sq--3{transform: translate(-1.2px, 1.2px) scale(0.82);transition-delay: 0.06s}html body .dt-pnav__btn--back.is-hot .dt-pnav__sq--4{transform: translate(1.2px, 1.2px) rotate(8deg);transition-delay: 0.09s}html body .dt-pnav__label{display: grid;grid-template-columns: 0fr;transition: grid-template-columns 0.5s var(--pn-ease), margin 0.5s var(--pn-ease)}html body .dt-pnav__label > span{overflow: hidden;min-width: 0;font-size: 12px;font-weight: 600;line-height: 1;letter-spacing: 0.08em;text-transform: uppercase;white-space: nowrap;opacity: 0;filter: blur(4px);transform: translateX(-6px);transition: opacity 0.3s var(--pn-ease), filter 0.4s var(--pn-ease), transform 0.5s var(--pn-ease)}html body .dt-pnav.is-wide .dt-pnav__label, html body .dt-pnav__btn--back:focus-visible .dt-pnav__label{grid-template-columns: 1fr;margin-left: 8px}html body .dt-pnav.is-wide .dt-pnav__label > span, html body .dt-pnav__btn--back:focus-visible .dt-pnav__label > span{opacity: 1;filter: none;transform: none;transition-delay: 0.08s}html body .dt-pnav__peek{position: absolute;top: calc(100% + 12px);right: 0;z-index: 3;width: 340px;opacity: 0;visibility: hidden;transform: translate3d(var(--pk-x, 0), -8px, 0) scale(0.94);transform-origin: var(--cx, 85%) 0;filter: blur(6px);pointer-events: none;transition: opacity 0.28s var(--pn-ease), transform 0.5s var(--pn-spring), filter 0.4s var(--pn-ease), visibility 0s linear 0.5s}html body .dt-pnav__peek--prev{--pk-x: -14px}html body .dt-pnav__peek--next{--pk-x: 14px}html body .dt-pnav__peek.is-on{opacity: 1;visibility: visible;transform: none;filter: none;pointer-events: auto;transition: opacity 0.3s var(--pn-ease), transform 0.55s var(--pn-spring), filter 0.35s var(--pn-ease), visibility 0s}html body .dt-pnav__peek::after{content: "";position: absolute;right: 0;bottom: 100%;left: 0;height: 14px}html body .dt-pnav__peek::before{content: "";position: absolute;top: -6px;left: calc(var(--cx, 85%) - 7px);z-index: 1;width: 14px;height: 14px;border-radius: 3px 0 0 0;background: #fff;box-shadow: -1px -1px 0 rgba(10, 12, 16, 0.05);transform: rotate(45deg);transition: left 0.45s var(--pn-spring)}html body .dt-pnav__card{position: relative;display: grid;grid-template-columns: 104px minmax(0, 1fr);gap: 14px;padding: 10px 12px 10px 10px;overflow: hidden;border-radius: 24px;background: linear-gradient(160deg, #fff 0%, #fff 55%, #f1fbf3 100%);box-shadow: inset 0 1px 0 #fff, 0 0 0 1px rgba(10, 12, 16, 0.06), 0 2px 4px rgba(10, 12, 16, 0.04), 0 30px 60px -28px rgba(20, 40, 80, 0.45);color: var(--pn-ink) !important;text-decoration: none !important;isolation: isolate}html body .dt-pnav__card::after{content: "";position: absolute;inset: 0;z-index: 2;background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, 0.7) 48%, rgba(217, 247, 224, 0.55) 52%, transparent 70%);transform: translateX(-120%);pointer-events: none}html body .dt-pnav__peek.is-on .dt-pnav__card::after{animation: dt-pnav-sheen 1.1s var(--pn-ease) 0.12s}html body .dt-pnav__media{position: relative;display: block;overflow: hidden;aspect-ratio: 1;border-radius: 18px;background: radial-gradient(120% 90% at 30% 20%, #fff 0%, var(--pn-mist) 70%)}html body .dt-pnav__media img, html body .dt-pnav__img{display: block;width: 100% !important;height: 100% !important;object-fit: cover;mix-blend-mode: multiply;transform: scale(1.14);transition: transform 1s var(--pn-ease)}html body .dt-pnav__peek.is-on .dt-pnav__media img{transform: scale(1)}html body .dt-pnav__card:hover .dt-pnav__media img{transform: scale(1.06)}html body .dt-pnav__body{display: flex;flex-direction: column;justify-content: center;gap: 6px;min-width: 0}html body .dt-pnav__body > *{opacity: 0;transform: translateY(6px);transition: opacity 0.3s var(--pn-ease), transform 0.45s var(--pn-ease)}html body .dt-pnav__peek.is-on .dt-pnav__body > *{opacity: 1;transform: none}html body .dt-pnav__peek.is-on .dt-pnav__body > :nth-child(1){transition-delay: 0.06s}html body .dt-pnav__peek.is-on .dt-pnav__body > :nth-child(2){transition-delay: 0.11s}html body .dt-pnav__peek.is-on .dt-pnav__body > :nth-child(3){transition-delay: 0.16s}html body .dt-pnav__peek.is-on .dt-pnav__body > :nth-child(4){transition-delay: 0.21s}html body .dt-pnav__kicker{display: flex;align-items: center;gap: 7px;color: var(--pn-deep);font-size: 10.5px;font-weight: 600;line-height: 1;letter-spacing: 0.16em;text-transform: uppercase}html body .dt-pnav__kicker i{width: 3px;height: 3px;border-radius: 50%;background: currentColor;opacity: 0.5}html body .dt-pnav__dir{color: var(--pn-muted)}html body .dt-pnav__name{display: -webkit-box;overflow: hidden;color: var(--pn-ink);font-family: "Inter Tight", "Inter", system-ui, sans-serif;font-size: 14.5px;font-weight: 600;line-height: 1.3;text-transform: none;letter-spacing: -0.01em;-webkit-box-orient: vertical;-webkit-line-clamp: 2}html body .dt-pnav__foot{display: flex;align-items: center;justify-content: space-between;gap: 10px}html body .dt-pnav__price{display: inline-flex;flex-wrap: wrap;align-items: baseline;gap: 0 6px}html body .dt-pnav__price ins{order: 1}html body .dt-pnav__price, html body .dt-pnav__price .price{margin: 0 !important;color: var(--pn-ink) !important;font-size: 14px !important;font-weight: 600 !important;line-height: 1.2 !important}html body .dt-pnav__price del, html body .dt-pnav__price del .amount{color: var(--pn-muted) !important;font-size: 12px !important;font-weight: 500 !important;opacity: 1}html body .dt-pnav__price del{order: 2}html body .dt-pnav__price ins{text-decoration: none}html body .dt-pnav__go{display: grid;flex: none;place-items: center;width: 30px;height: 30px;border-radius: 50%;background: linear-gradient(150deg, var(--pn-ink-2) 0%, var(--pn-ink) 60%);color: #fff;box-shadow: 0 6px 14px -6px rgba(10, 12, 16, 0.55);transition: transform 0.45s var(--pn-spring)}html body .dt-pnav__go .dt-pnav__i{width: 14px;height: 14px}html body .dt-pnav__peek--prev .dt-pnav__go{transform: scaleX(-1)}html body .dt-pnav__card:hover .dt-pnav__go{transform: translateX(3px) scale(1.06)}html body .dt-pnav__peek--prev .dt-pnav__card:hover .dt-pnav__go{transform: translateX(-3px) scaleX(-1) scale(1.06)}html body .dt-pnav__pos{position: relative;display: block;padding-top: 8px;color: var(--pn-muted);font-size: 11px;font-weight: 500;line-height: 1.2}html body .dt-pnav__pos::before, html body .dt-pnav__pos::after{content: "";position: absolute;top: 0;left: 0;height: 2px;border-radius: 2px}html body .dt-pnav__pos::before{right: 0;background: rgba(10, 12, 16, 0.07)}html body .dt-pnav__pos::after{width: var(--p, 0%);background: linear-gradient(90deg, var(--pn-green), var(--pn-deep));transform: scaleX(0);transform-origin: left;transition: transform 0.8s var(--pn-ease) 0.2s}html body .dt-pnav__peek.is-on .dt-pnav__pos::after{transform: scaleX(1)}html body.dt-pnav-out .site-main > .product > .product-gallery-summary, html body.dt-pnav-out div.product:not(.product-quickview) > .product-gallery-summary{opacity: 0;filter: blur(3px);transform: translate3d(var(--pn-out, -28px), 0, 0);transition: opacity 0.3s var(--pn-ease), filter 0.3s var(--pn-ease), transform 0.4s var(--pn-ease) !important}html body.dt-pnav-out--prev{--pn-out: 28px}html.dt-pnav-in--next body div.product:not(.product-quickview) > .product-gallery-summary{animation: dt-pnav-arrive-next 0.7s var(--pn-ease, cubic-bezier(0.22, 1, 0.36, 1)) both}html.dt-pnav-in--prev body div.product:not(.product-quickview) > .product-gallery-summary{animation: dt-pnav-arrive-prev 0.7s var(--pn-ease, cubic-bezier(0.22, 1, 0.36, 1)) both}@keyframes dt-pnav-in{from{opacity: 0;transform: translateY(-6px) scale(0.96)}}@keyframes dt-pnav-sheen{to{transform: translateX(120%)}}@keyframes dt-pnav-dash-next{40%{transform: translateX(7px);opacity: 0}41%{transform: translateX(-7px);opacity: 0}}@keyframes dt-pnav-dash-prev{40%{transform: translateX(-7px);opacity: 0}41%{transform: translateX(7px);opacity: 0}}@keyframes dt-pnav-arrive-next{from{opacity: 0;filter: blur(3px);transform: translate3d(28px, 0, 0)}}@keyframes dt-pnav-arrive-prev{from{opacity: 0;filter: blur(3px);transform: translate3d(-28px, 0, 0)}}html body.single-product div.product:not(.product-quickview) .glozin-breadcrumb-navigation-wrapper.dt-pnav-wrap.dt-pnav-wrap .dt-pnav a.dt-pnav__btn{color: var(--pn-ink) !important;transition: color 0.3s var(--pn-ease), transform 0.4s var(--pn-spring)}html body.single-product div.product:not(.product-quickview) .glozin-breadcrumb-navigation-wrapper.dt-pnav-wrap.dt-pnav-wrap .dt-pnav a.dt-pnav__btn:is(.is-hot, :focus-visible){color: #fff !important}html body.single-product div.product:not(.product-quickview) .glozin-breadcrumb-navigation-wrapper.dt-pnav-wrap.dt-pnav-wrap .dt-pnav a.dt-pnav__card{color: var(--pn-ink) !important;transition: none}@media (max-width: 767px){html body .dt-pnav{display: none !important}}@media (prefers-reduced-motion: reduce){html body .dt-pnav, html body .dt-pnav *, html body .dt-pnav *::before, html body .dt-pnav *::after{animation: none !important;transition-duration: 0.01s !important;transition-delay: 0s !important}html.dt-pnav-in--next body div.product > .product-gallery-summary, html.dt-pnav-in--prev body div.product > .product-gallery-summary{animation: none !important}}
