:root{--font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--kloki-magenta-500: #DB047A;--v10-gap: clamp(10px,1.4vw,18px);--v10-navy: var(--kloki-blue-900,#062B78)}body.v10 .hp-nav{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid rgba(6,43,120,.08);transition:transform .32s cubic-bezier(.4,0,.2,1),box-shadow .25s,border-color .25s}body.v10 .hp-nav.is-stuck{box-shadow:0 4px 22px #062b7817;border-bottom-color:transparent}body.v10 .hp-nav.is-away{transform:translateY(-102%)}body.v10 .hp-nav__in{width:min(100% - 2*var(--v10-gap),1560px);margin-inline:auto;display:flex;align-items:center;gap:clamp(18px,3vw,44px);padding:20px clamp(10px,1.6vw,22px);transition:padding .28s cubic-bezier(.4,0,.2,1)}body.v10 .hp-nav.is-stuck .hp-nav__in{padding-top:12px;padding-bottom:12px}body.v10 .hp-nav__logo img{transition:height .28s cubic-bezier(.4,0,.2,1)}body.v10 .hp-nav.is-stuck .hp-nav__logo img{height:31px}body.v10 .hp-nav__logo{display:flex;align-items:center;text-decoration:none;line-height:1}body.v10 .hp-nav__logo img{height:38px;width:auto;display:block}body.v10 .hp-nav__logo b{font-size:25px;font-weight:800;letter-spacing:.01em;color:var(--v10-navy)}body.v10 .hp-nav__o{position:relative}body.v10 .hp-nav__o:after{content:"";position:absolute;left:50%;top:54%;translate:-50% -50%;width:7px;height:7px;border-radius:99px;background:var(--v10-navy)}body.v10 .hp-nav__logo i{font-style:normal;font-size:9.5px;font-weight:600;letter-spacing:.52em;color:#33a3ff;margin-top:2px}body.v10 .hp-nav__links{display:flex;align-items:center;gap:clamp(12px,2vw,28px);flex-wrap:nowrap}body.v10 .hp-nav__sep{width:1px;height:17px;background:#062b7829;flex:0 0 auto}body.v10 .hp-nav__links a{position:relative;font-size:15px;font-weight:600;text-decoration:none;color:var(--v10-navy);white-space:nowrap;padding:6px 0;transition:color .18s}body.v10 .hp-nav__links a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--kloki-magenta-500,#E5007D);transform:scaleX(0);transform-origin:left;transition:transform .24s cubic-bezier(.4,0,.2,1)}body.v10 .hp-nav__links a:hover{color:var(--kloki-magenta-500,#E5007D)}body.v10 .hp-nav__links a:hover:after{transform:scaleX(1)}body.v10 .hp-nav__links a.is-on:after{background:var(--v10-navy);transform:scaleX(1)}body.v10 .hp-nav__acts{display:flex;align-items:center;gap:6px;margin-left:auto}body.v10 .hp-nav__acts>a,body.v10 .hp-nav__burger{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--v10-navy);background:none;border:0;padding:0;cursor:pointer;transition:background .18s,color .18s}body.v10 .hp-nav__acts>a svg,body.v10 .hp-nav__burger svg{width:21px;height:21px}body.v10 .hp-nav__acts>a:hover,body.v10 .hp-nav__burger:hover{background:#062b7812;color:var(--kloki-magenta-500,#E5007D)}body.v10 .hp-nav__cnt{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--kloki-magenta-500,#E5007D);color:#fff;font:800 10.5px/17px var(--font-family);text-align:center;box-shadow:0 0 0 2px #fff}body.v10 .hp-nav__burger{display:none}@media(max-width:1080px){body.v10 .hp-nav__links{display:none}body.v10 .hp-nav__burger{display:grid}}@media(max-width:880px){body.v10 .hp-nav__in,body.v10 .hp-nav.is-stuck .hp-nav__in{padding-top:12px;padding-bottom:12px;transition:none}body.v10 .hp-nav__logo img,body.v10 .hp-nav.is-stuck .hp-nav__logo img{height:31px;transition:none}}@media(max-width:1023px){body{overflow-x:clip}}body.v10 .menu-drawer{color:var(--v10-navy);background:#fff;border-top:1px solid rgba(6,43,120,.08)}body.v10 .menu-drawer__menu,body.v10 .menu-drawer .list-menu{list-style:none;margin:0;padding:0}body.v10 .menu-drawer__navigation{padding:8px 0 0}body.v10 .menu-drawer__menu-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 22px;font:700 17px/1.3 var(--font-family, "Poppins", sans-serif);letter-spacing:-.01em;color:var(--v10-navy);text-decoration:none;background:none;border-bottom:1px solid rgba(6,43,120,.07);transition:background .16s,color .16s}body.v10 .menu-drawer__menu>li:last-child .menu-drawer__menu-item{border-bottom:0}body.v10 .menu-drawer__menu-item:after{content:"";width:8px;height:8px;border-right:2.4px solid rgba(6,43,120,.28);border-bottom:2.4px solid rgba(6,43,120,.28);transform:rotate(-45deg);flex:0 0 auto;transition:border-color .16s,transform .16s}body.v10 .menu-drawer__menu-item:hover,body.v10 .menu-drawer__menu-item:focus-visible{background:#062b780a;color:var(--kloki-magenta-500,#DB077A)}body.v10 .menu-drawer__menu-item:hover:after{border-color:var(--kloki-magenta-500,#DB077A);transform:rotate(-45deg) translate(2px,2px)}body.v10 .menu-drawer__menu-item--active{color:var(--kloki-magenta-500,#DB077A);box-shadow:inset 3px 0 0 var(--kloki-yellow-400,#FFD400)}body.v10 .menu-drawer__utility-links{display:flex;flex-direction:column;gap:14px;padding:15px 22px calc(15px + env(safe-area-inset-bottom));background:var(--kloki-cream-100,#FBF4E2);border-top:1px solid rgba(6,43,120,.08)}body.v10 .menu-drawer__account{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;padding:0 18px;border-radius:999px;background:var(--v10-navy);color:#fff;font:700 15px/1 var(--font-family, "Poppins", sans-serif);text-decoration:none;white-space:nowrap;transition:background .16s}body.v10 .menu-drawer__account:hover{background:#0b2d5b}body.v10 .menu-drawer__account .icon-account{width:19px;height:19px;flex:0 0 auto}body.v10 .menu-drawer__localization{display:flex;flex-wrap:wrap;gap:8px 16px}body.v10 .menu-drawer__localization .localization-form__select,body.v10 .menu-drawer__localization button{font:600 13.5px/1 var(--font-family, "Poppins", sans-serif);color:#062b78b8}body.v10 .menu-drawer .list-social{display:flex;gap:8px;margin:0;padding:0;list-style:none}body.v10 .menu-drawer .list-social__link{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--v10-navy);transition:background .16s,color .16s}body.v10 .menu-drawer .list-social__link:hover{background:var(--v10-navy);color:#fff}body.v10 .menu-drawer .list-social__link .icon{width:17px;height:17px}:is(.kl-btn,.v8-btn-dark,.v8-btn-white,.bts-btn,.hp-brand__more,.hp-bts__cta,.hp-heu__go,.hp-sticky__go){border-radius:999px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}:is(.kl-btn,.v8-btn-dark,.v8-btn-white,.bts-btn,.hp-brand__more,.hp-bts__cta,.hp-heu__go,.hp-sticky__go):hover{transform:translateY(-2px)}:is(.kl-btn,.v8-btn-dark,.v8-btn-white,.bts-btn,.hp-brand__more,.hp-bts__cta,.hp-heu__go,.hp-sticky__go):active{transform:translateY(2px)}.hp-brand__more{box-shadow:0 4px 0 var(--kloki-magenta-800,#B8036A)}.hp-brand__more:hover{box-shadow:0 6px 0 var(--kloki-magenta-800,#B8036A)}.hp-trust,.hp-nav{font-size:16px;letter-spacing:normal}
/*# sourceMappingURL=/cdn/shop/t/30/assets/hp-nav.css.map */