.kh{--kh-navy: #111536;--kh-grey: #9ca0ae;--kh-line: #e3e5ea;--kh-bg: #fff;--kh-speed: .32s;--kh-ease: cubic-bezier(.32, .72, 0, 1);--kh-card-gap: 12px;position:relative;z-index:60;color:var(--kh-navy)}.kh__bar{background:var(--kh-bar-bg);color:var(--kh-bar-text)}.kh__bar-inner{display:flex;align-items:center;justify-content:center;min-block-size:var(--kh-bar-h);margin:0;padding:6px 16px;font-size:var(--kh-bar-fs);font-weight:400;line-height:1.4;text-align:center;color:inherit;text-decoration:none}a.kh__bar-inner:hover{text-decoration:underline;text-underline-offset:3px}.kh__head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-block-size:var(--kh-header-h);padding-inline:clamp(12px,3vw,32px);background:var(--kh-bg);border-block-end:1px solid var(--kh-line)}.kh__side{display:flex;align-items:center;gap:clamp(8px,2vw,20px)}.kh__side--end{justify-content:flex-end}.kh__icon{position:relative;display:inline-grid;place-items:center;inline-size:calc(var(--kh-icon) + 18px);block-size:calc(var(--kh-icon) + 18px);padding:0;border:0;border-radius:999px;background:transparent;color:var(--kh-navy);cursor:pointer;text-decoration:none;transition:background-color .15s ease}.kh__icon:hover{background:#0000000d}.kh__icon svg{inline-size:var(--kh-icon);block-size:var(--kh-icon)}.kh__logo{display:flex;justify-content:center;min-inline-size:0}.kh__logo a{display:block;line-height:0;text-decoration:none}.kh__logo-img{inline-size:var(--kh-logo);block-size:auto;max-inline-size:100%;display:block}.kh__logo-text{font-size:clamp(16px,3vw,22px);font-weight:800;letter-spacing:.02em;color:var(--kh-navy);line-height:1.2}.kh .cart-count-bubble{position:absolute;inset-block-start:6px;inset-inline-end:6px;min-inline-size:18px;block-size:18px;padding-inline:4px;border-radius:999px;background:var(--kh-navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1}.kh__accent{display:flex;block-size:4px}.kh__accent span{flex:1 1 0}.kh__menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none}.kh__menu[data-open=true]{pointer-events:auto}.kh__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity var(--kh-speed) ease}.kh__menu[data-open=true] .kh__scrim{opacity:1}.kh__panel{position:absolute;inset-block-start:0;inset-inline:0;max-block-size:100dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--kh-bg);border-end-start-radius:var(--kh-radius);border-end-end-radius:var(--kh-radius);padding:clamp(16px,4vw,28px) clamp(16px,4vw,32px) 24px;transform:translateY(-100%);transition:transform var(--kh-speed) var(--kh-ease)}.kh__menu[data-open=true] .kh__panel{transform:none}@media screen and (min-width:1024px){.kh__panel{inset-block:0;inset-inline-start:0;inset-inline-end:auto;inline-size:min(760px,50vw);max-block-size:100dvh;padding:32px 40px;border-radius:0;border-end-end-radius:var(--kh-radius);transform:translate(-100%);box-shadow:6px 0 40px -16px #00000059}[dir=rtl] .kh__panel{transform:translate(100%);border-end-end-radius:0;border-end-start-radius:var(--kh-radius);box-shadow:-6px 0 40px -16px #00000059}.kh__menu[data-open=true] .kh__panel,[dir=rtl] .kh__menu[data-open=true] .kh__panel{transform:none}}.kh__close{position:absolute;inset-block-start:clamp(12px,3vw,24px);inset-inline-end:clamp(12px,3vw,28px);inline-size:44px;block-size:44px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--kh-navy);cursor:pointer;display:grid;place-items:center;transition:background-color .15s ease}.kh__close:hover{background:#0000000d}.kh__close svg{inline-size:26px;block-size:26px}.kh__tabs{display:flex;gap:clamp(14px,3vw,30px);margin-block:8px 20px;padding-inline-end:56px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.kh__tabs::-webkit-scrollbar{display:none}.kh__tab{flex:0 0 auto;padding:0 0 6px;border:0;border-block-end:3px solid transparent;background:none;cursor:pointer;font-size:var(--kh-tab-fs);font-weight:800;letter-spacing:-.01em;text-transform:uppercase;color:var(--kh-grey);line-height:1.1;white-space:nowrap;transition:color .18s ease,border-color .18s ease}.kh__tab:hover{color:var(--kh-navy)}.kh__tab[aria-selected=true]{color:var(--kh-navy);border-block-end-color:var(--kh-navy)}.kh__pane[hidden]{display:none}.kh__pane{animation:kh-fade var(--kh-speed) ease both}@keyframes kh-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.kh__cards-wrap{margin-block-end:clamp(20px,4vw,32px)}.kh__cards{display:flex;gap:var(--kh-card-gap);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.kh__cards::-webkit-scrollbar{display:none}.kh__card{flex:0 0 min(var(--kh-card-w),42vw);scroll-snap-align:start;text-decoration:none;color:var(--kh-navy);display:flex;flex-direction:column;gap:10px}@media screen and (min-width:1024px){.kh__card{flex:0 0 calc((100% - (4 * var(--kh-card-gap))) / 5)}}.kh__card-media{display:block;inline-size:100%;aspect-ratio:3/4;overflow:hidden;background:#0000000d;line-height:0}.kh__card-media img,.kh__card-ph{inline-size:100%;block-size:100%;object-fit:cover;display:block;transition:transform .4s var(--kh-ease)}.kh__card:hover .kh__card-media img{transform:scale(1.04)}.kh__card-title{font-size:clamp(12px,1.6vw,15px);font-weight:500;letter-spacing:.02em;text-transform:uppercase;line-height:1.3}.kh__progress{position:relative;block-size:3px;margin-block-start:12px;background:var(--kh-line);border-radius:999px;overflow:hidden}.kh__progress-fill{position:absolute;inset-block:0;inset-inline-start:0;inline-size:30%;background:var(--kh-navy);border-radius:999px;transition:inline-size .18s ease,transform .18s ease}.kh__groups{display:grid;gap:clamp(24px,4vw,38px)}.kh__group{display:grid;grid-template-columns:1fr;gap:10px}@media screen and (min-width:600px){.kh__group{grid-template-columns:minmax(130px,200px) 1fr;gap:clamp(16px,3vw,40px)}}.kh__group-title{margin:0;font-size:var(--kh-link-fs);font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--kh-navy);line-height:1.4}.kh__group-title a{color:inherit;text-decoration:none}.kh__group-title a:hover{text-decoration:underline;text-underline-offset:4px}.kh__group-num{color:var(--kh-navy);margin-inline-end:4px}.kh__links{list-style:none;margin:0;padding:0;display:grid;gap:clamp(14px,2vw,20px)}.kh__links a{display:inline-block;font-size:var(--kh-link-fs);font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--kh-navy);text-decoration:none;line-height:1.3}.kh__links a:hover{text-decoration:underline;text-underline-offset:5px}.kh__empty{margin:40px 0;color:var(--kh-grey);text-align:center}.kh__foot{display:grid;gap:18px;justify-items:start;margin-block-start:clamp(28px,5vw,44px);padding-block-start:20px;border-block-start:1px solid var(--kh-line)}.kh__foot-item{display:inline-flex;align-items:center;gap:12px;margin:0;color:var(--kh-navy);text-decoration:none;font-size:var(--kh-link-fs);letter-spacing:.04em;text-transform:uppercase}.kh__foot-item:hover{text-decoration:underline;text-underline-offset:4px}.kh__foot-icon{inline-size:22px;block-size:22px;flex:0 0 auto}.kh__lang select{border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;padding-inline:0 18px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111536' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-size:12px;background-position:right center}[dir=rtl] .kh__lang select{padding-inline:18px 0;background-position:left center}.kh__chat{position:fixed;inset-block-end:20px;inset-inline-end:20px;z-index:65;inline-size:58px;block-size:58px;border-radius:999px;background:var(--kh-navy);color:#fff;display:grid;place-items:center;text-decoration:none;box-shadow:0 8px 24px -8px #00000073;transition:transform .18s ease}.kh__chat:hover{transform:scale(1.06)}.kh__chat svg{inline-size:28px;block-size:28px}@media screen and (max-width:1023px){body:has(.kpp__sticky:not([hidden])) .kh__chat{inset-block-end:92px}}body.kh-locked{overflow:hidden}.kh :is(button,a,select):focus-visible{outline:2px solid var(--kh-navy);outline-offset:2px}@media(prefers-reduced-motion:reduce){.kh__panel,.kh__scrim,.kh__tab,.kh__card-media img,.kh__progress-fill,.kh__chat{transition:none}.kh__pane{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/koorax-header.css.map */