body.kp-body {
margin: 0 !important;
padding: 0 !important}
body.kp-body .website-wrapper,
body.kp-body > .website-wrapper,
body.kp-body .main-page-wrapper,
body.kp-body .site-content,
body.kp-body .kp-fullwidth-wrapper {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
max-width: none !important;
width: 100% !important;
overflow-x: clip}
body.kp-body > .container,
body.kp-body .website-wrapper > .container {
max-width: none !important;
padding: 0 !important}
.kp-topbar,
.kp-header,
.kp-snav-wrap {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
box-sizing: border-box}
body.kp-body {
overflow-x: clip}
.kp-mega {
display: grid !important;
grid-template-columns: 280px 1fr 380px}
.kp-mega:not(.kp-mega-init),
.kp-mega-scrim:not(.kp-mega-init) {
display: none !important}
.kp-mega.kp-mega-hidden,
.kp-mega-scrim.kp-mega-hidden,
.kp-mega-group-pane.kp-mega-hidden {
display: none !important}
.kp-mega-scrim {
display: block !important}
.kp-mega-scrim.kp-mega-hidden {
display: none !important}
.kp-mega-group-pane {
display: block}
.kp-mega-group-pane.kp-mega-hidden {
display: none !important}
body.kp-body,
body.kp-body .kp-topbar,
body.kp-body .kp-header,
body.kp-body .kp-snav-wrap,
body.kp-body .kp-snav,
body.kp-body .kp-page,
body.kp-body .kp-footer,
body.kp-body button,
body.kp-body input,
body.kp-body select,
body.kp-body textarea {
font-family: "Futura PT", "Helvetica Neue", Helvetica, Arial, sans-serif !important}
body.kp-body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-feature-settings: "ss01", "cv11"}
.kp-logo img,
.kp-logo .kp-logo-mark-img {
height: 34px}
body.kp-body .kp-snav-link,
body.kp-body .kp-snav-allcats,
body.kp-body .kp-snav-allcats span {
text-transform: uppercase !important;
letter-spacing:normal!important;
color: var(--ink) !important;
text-decoration: none !important}
body.kp-body .kp-btn {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
height: 56px !important;
padding: 0 28px !important;
border-radius: var(--radius-sm) !important;
font-size: 14px !important;
letter-spacing:normal!important;
text-transform: uppercase !important;
white-space: nowrap !important;
border: 0 !important;
cursor: pointer !important;
text-decoration: none !important;
transition: all .15s !important}
body.kp-body .kp-btn-primary,
body.kp-body button.kp-btn-primary,
body.kp-body a.kp-btn-primary {
background: var(--ink) !important;
color: #fff !important;
border: 0 !important;
box-shadow: none !important}
body.kp-body .kp-btn-primary:hover {
background: #1a1a1a !important;
transform: translateY(-1px);
box-shadow: var(--shadow-card) !important;
color: #fff !important}
body.kp-body .kp-btn-primary span {
color: #fff !important}
body.kp-body .kp-btn-ghost,
body.kp-body button.kp-btn-ghost,
body.kp-body a.kp-btn-ghost {
background: transparent !important;
color: var(--ink) !important;
box-shadow: inset 0 0 0 2px var(--ink) !important;
border: 0 !important}
body.kp-body .kp-btn-ghost:hover {
background: var(--yellow) !important;
box-shadow: inset 0 0 0 2px var(--ink) !important;
color: var(--ink) !important}
body.kp-body .kp-topbar a,
body.kp-body .kp-header a,
body.kp-body .kp-snav a,
body.kp-body .kp-page a,
body.kp-body .kp-footer a {
text-decoration: none}
body.kp-body .kp-snav-cart,
body.kp-body .kp-snav-icon,
body.kp-body .kp-cta-call,
body.kp-body .kp-btn {
box-shadow: none}
body.kp-body main.kp-home,
body.kp-body main.kp-page {
padding-top: 0 !important;
margin-top: 0 !important}
body.admin-bar .kp-snav-wrap {
top: 32px}
@media (max-width: 782px) {
body.admin-bar .kp-snav-wrap {
top: 46px}
}
body.kp-body .kp-hero-dots {
position: absolute !important;
bottom: -20px !important;
left: 50% !important;
transform: translateX(-50%) !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
z-index: 5 !important;
width: auto !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important}
body.kp-body .kp-hero-dots > button,
body.kp-body .kp-hero-dots .kp-dot,
body.kp-body .kp-hero-dots .dot {
flex: 0 0 auto !important;
width: 8px !important;
height: 8px !important;
border-radius: 50% !important;
background: var(--ink) !important;
opacity: 0.18 !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
cursor: pointer !important;
transition: all .2s !important;
display: block !important;
outline: 0 !important;
box-shadow: none !important;
min-width: 0 !important;
min-height: 0 !important;
line-height: 0 !important}
body.kp-body .kp-hero-dots > button.is-active,
body.kp-body .kp-hero-dots .kp-dot.is-active,
body.kp-body .kp-hero-dots .dot.is-active {
opacity: 1 !important;
width: 24px !important;
border-radius: 4px !important}
body.kp-body .kp-hero-dots > button:hover,
body.kp-body .kp-hero-dots .kp-dot:hover,
body.kp-body .kp-hero-dots .dot:hover {
opacity: 0.5 !important}
body.kp-body .kp-snav-allcats {
background: var(--ink) !important;
color: #fff !important}
body.kp-body .kp-snav-allcats,
body.kp-body .kp-snav-allcats *,
body.kp-body .kp-snav-allcats span,
body.kp-body .kp-snav-allcats svg {
color: #fff !important;
fill: currentColor}
body.kp-body .kp-snav-allcats:hover,
body.kp-body .kp-snav-allcats.is-open {
background: #1a1a1a !important;
color: #fff !important}
body.kp-body .kp-snav-cart,
body.kp-body .kp-snav-cart-sum {
text-transform: none !important;
letter-spacing:normal!important}
body.kp-body .kp-phone-line {
font-family: "Futura PT", "Helvetica Neue", Helvetica, Arial, sans-serif !important}
html body.kp-body .kp-page,
html body.kp-body .kp-page *,
html body.kp-body .kp-topbar,
html body.kp-body .kp-topbar *,
html body.kp-body .kp-header,
html body.kp-body .kp-header *,
html body.kp-body .kp-snav-wrap,
html body.kp-body .kp-snav-wrap *,
html body.kp-body .kp-footer,
html body.kp-body .kp-footer *,
html body.kp-body .kp-mega,
html body.kp-body .kp-mega * {
font-family: "Futura PT", "Helvetica Neue", Helvetica, Arial, sans-serif !important}
html body.kp-body .kp-page,
html body.kp-body .kp-topbar,
html body.kp-body .kp-header,
html body.kp-body .kp-snav-wrap,
html body.kp-body .kp-footer,
html body.kp-body .kp-mega {
font-weight: 400;
font-size: 16px;
line-height: 1.55;
color: var(--ink)}
html body.kp-body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility}
body.kp-body .kp-phones {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
text-align: right !important}
body.kp-body .kp-phone-line {
letter-spacing:normal!important;
color: var(--ink) !important;
text-decoration: none !important;
line-height: 1.2 !important;
opacity: 1 !important}
body.kp-body .kp-phone-mobile,
body.kp-body a.kp-phone-mobile,
body.kp-body .kp-phone-line.kp-phone-mobile {
color: var(--ink-2) !important;
font-weight: 600 !important;
opacity: 1 !important}
body.kp-body .kp-cta-call,
body.kp-body button.kp-cta-call {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
height: 48px !important;
padding: 0 22px !important;
background: var(--yellow) !important;
color: var(--ink) !important;
border: 0 !important;
border-radius: var(--radius-sm) !important;
font-family: "Futura PT", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-weight: 600 !important;
font-size: 18px !important;
letter-spacing:normal!important;
text-transform: none !important;
white-space: nowrap !important;
cursor: pointer !important;
transition: background .15s, transform .15s !important}
body.kp-body .kp-cta-call:hover {
background: var(--yellow-hover) !important;
transform: translateY(-1px) !important}
body.kp-body .kp-topbar {
background: var(--ink) !important;
color: #fff !important;
font-size: 15px !important;
line-height: 1 !important;
font-weight: 400 !important}
body.kp-body .kp-tb-item {
display: inline-flex !important;
gap: 8px !important;
align-items: center !important;
color: rgba(255, 255, 255, 0.78) !important;
letter-spacing:normal!important;
font-weight: 400 !important;
transition: color .15s !important}
body.kp-body .kp-tb-item:hover {
color: #fff !important}
body.kp-body .kp-hero {
padding: 64px 0 80px !important;
background: #FFFFFF !important;
position: relative;
overflow: visible !important}
body.kp-body .kp-hero-grid {
display: grid !important;
grid-template-columns: 1.1fr 1fr !important;
gap: 64px !important;
align-items: center !important;
min-height: 520px !important}
body.kp-body .kp-hero-kicker {
display: inline-flex !important;
gap: 10px !important;
align-items: center !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing:normal!important;
text-transform: uppercase !important;
color: #3D3D3D !important;
margin-bottom: 24px !important}
body.kp-body .kp-hero-kicker-dot {
width: 8px !important;
height: 8px !important;
background: var(--yellow, #FECE15) !important;
border-radius: 50% !important;
box-shadow: 0 0 0 4px #FFF4B8 !important}
body.kp-body .kp-hero-title {
font-size: 56px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
letter-spacing:normal!important;
text-transform: uppercase !important;
margin: 0 0 28px !important;
color: #0A0A0A !important;
white-space: normal !important;
word-break: keep-all;
hyphens: none;
max-width: 100%}
body.kp-body .kp-hero-sub {
font-size: 18px !important;
line-height: 1.55 !important;
color: #3D3D3D !important;
max-width: 520px !important;
margin: 0 0 36px !important;
font-weight: 500 !important}
body.kp-body .kp-hero-ctas {
display: flex !important;
gap: 14px !important;
flex-wrap: wrap !important;
margin-bottom: 40px !important}
body.kp-body .kp-hero-trust {
display: flex !important;
gap: 28px !important;
flex-wrap: wrap !important;
margin: 0 !important}
body.kp-body .kp-hero-trust-item {
display: inline-flex !important;
gap: 8px !important;
align-items: center !important;
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing:normal!important;
text-transform: uppercase !important;
color: #3D3D3D !important}
body.kp-body .kp-hero-trust-item svg {
color: var(--yellow, #FECE15) !important;
stroke: #0A0A0A !important;
flex-shrink: 0}
body.kp-body .kp-hero-right {
position: relative !important;
height: 520px !important;
isolation: isolate !important;
overflow: visible !important}
body.kp-body .kp-hero-blob {
position: absolute !important;
inset: 0 !important;
background: var(--yellow, #FECE15) !important;
border-radius: 50% 16% 50% 16% / 50% 50% 50% 50% !important;
transform: rotate(-8deg) translateX(20px) !important}
body.kp-body .kp-hero-product,
body.kp-body .kp-hero-product-slide {
position: absolute !important;
left: 50% !important;
top: 50% !important;
width: 62% !important;
filter: drop-shadow(0 24px 40px rgba(0,0,0,0.25)) !important}
body.kp-body .kp-hero-product-slide {
opacity: 0;
transition: opacity .5s ease, transform .6s ease;
transform: translate(-50%,-50%) rotate(-4deg) scale(.96) !important}
body.kp-body .kp-hero-product-slide.is-active {
opacity: 1;
transform: translate(-50%,-50%) rotate(2deg) scale(1) !important}
body.kp-body .kp-hero-tag {
position: absolute !important;
background: #fff !important;
border-radius: 12px !important;
padding: 14px 18px !important;
box-shadow: 0 8px 24px rgba(0,0,0,0.07) !important}
body.kp-body .kp-hero-tag-1 {
left: -20px !important;
top: 60px !important;
right: auto !important;
bottom: auto !important}
body.kp-body .kp-hero-tag-num {
font-size: 28px !important;
font-weight: 600 !important;
letter-spacing:normal!important;
line-height: 1 !important;
font-feature-settings: "tnum" !important}
body.kp-body .kp-hero-tag-lbl {
font-size: 11px !important;
color: #8A8A8A !important;
letter-spacing:normal!important;
text-transform: uppercase !important;
margin-top: 6px !important}
body.kp-body .kp-hero-tag-2 {
right: -20px !important;
bottom: 60px !important;
left: auto !important;
top: auto !important;
display: flex !important;
align-items: center !important;
gap: 10px !important}
body.kp-body .kp-hero-tag-meta {
font-size: 10px !important;
color: #8A8A8A !important;
letter-spacing:normal!important;
text-transform: uppercase !important;
border-right: 1px solid #E5E5E5 !important;
padding-right: 10px !important}
body.kp-body .kp-hero-tag-name {
font-size: 14px !important;
font-weight: 600 !important}
@media (max-width: 1100px) {
body.kp-body .kp-hero-title {
font-size: 56px !important}
}
@media (max-width: 768px) {
body.kp-body .kp-hero-grid {
grid-template-columns: 1fr !important}
body.kp-body .kp-hero-right {
height: 360px !important}
body.kp-body .kp-hero-ctas .kp-btn {
flex: 1;
justify-content: center}
}
body.kp-body .kp-phone-line:not(.kp-phone-mobile) {
font-size: 18px !important;
font-weight: 600 !important}
body.kp-body .kp-phone-mobile,
body.kp-body a.kp-phone-mobile,
body.kp-body .kp-phone-line.kp-phone-mobile {
font-size: 16px !important}
body.kp-body .kp-snav-allcats span {
font-size: 14px !important;
font-weight: 600 !important}
body.kp-body .kp-snav-link {
font-size: 14px !important;
font-weight: 600 !important}
body.kp-body .kp-snav-cart-sum {
font-weight: 600 !important}
body.kp-body .kp-snav-allcats svg {
color: var(--yellow, #FECE15) !important;
stroke: var(--yellow, #FECE15) !important}
body.kp-body .kp-sec-title,
body.kp-body .kp-clients-title,
body.kp-body .kp-nl-title {
font-weight: 600 !important}
body.kp-body .kp-stat-num {
font-weight: 600 !important}
body.kp-body .kp-btn,
body.kp-body .kp-btn-primary,
body.kp-body .kp-btn-ghost,
body.kp-body .kp-btn span,
body.kp-body button.kp-btn,
body.kp-body a.kp-btn {
font-weight: 600 !important}
body.kp-body .kp-print-name {
font-weight: 600 !important}
body.kp-body .kp-snav-allcats,
body.kp-body .kp-snav-cart {
font-weight: 700 !important}
body.kp-body .kp-mega-allcats,
body.kp-body .kp-mega-col-title,
body.kp-body .kp-mega-hit-price,
body.kp-body .kp-mega-promo-title {
font-weight: 700 !important}
body.kp-body .kp-logo-word {
font-weight: 700 !important}
body.kp-body .kp-badge-count {
font-weight: 700 !important}
body.kp-body .kp-badge-count:not(.kp-badge-cart) {
font-weight: 600 !important}
body.kp-body .kp-cat-name,
body.kp-body .kp-catmap-grouplabel,
body.kp-body .kp-catmap-name,
body.kp-body .kp-case-tag,
body.kp-body .kp-case-title,
body.kp-body .kp-case-more {
font-weight: 700 !important}
body.kp-body .kp-tab,
body.kp-body .kp-prod-badge,
body.kp-body .kp-prod-price-num,
body.kp-body .kp-prod-price-req {
font-weight: 700 !important}
body.kp-body .kp-print-more,
body.kp-body .kp-link-yellow {
font-weight: 700 !important}
body.kp-body .kp-adv-title,
body.kp-body .kp-brand-cell,
body.kp-body .kp-client-word {
font-weight: 700 !important}
body.kp-body .kp-nl-kicker,
body.kp-body .kp-nl-btn,
body.kp-body .kp-nl-done {
font-weight: 700 !important}
body.kp-body .kp-footer-h,
body.kp-body .kp-mobile-cta {
font-weight: 700 !important}
body.kp-body .kp-hstack-chip,
body.kp-body .kp-hstack-flag-num,
body.kp-body .kp-hmos-chip,
body.kp-body .kp-hmos-badge-num,
body.kp-body .kp-hero-mosaic-pill {
font-weight: 700 !important}
body.kp-body .kp-snav-left .kp-snav-link:first-of-type {
padding-left: 0 !important}
body.kp-body .kp-snav-left .kp-snav-link:first-of-type::before {
content: none !important;
display: none !important;
background: none !important}
body.kp-body .kp-cat-tone-ink,
body.kp-body a.kp-cat-tone-ink {
color: #fff !important}
body.kp-body .kp-cat-tone-ink .kp-cat-name {
color: #fff !important}
body.kp-body .kp-cat-tone-ink .kp-cat-foot > svg {
color: #fff !important;
stroke: #fff !important}
body.kp-body .kp-prod-grid[hidden] {
display: none !important}
body.kp-body .kp-prod-name {
font-weight: 600 !important;
font-size: 16px !important}
body.kp-body .kp-prod-sku {
font-size: 15px !important}
body.kp-body .kp-prod-stock {
font-size: 14px !important}
body.kp-body .kp-sec-prods .kp-sec-foot .kp-btn-ghost,
body.kp-body .kp-sec-prods .kp-sec-foot a.kp-btn-ghost {
font-weight: 700 !important}
body.kp-body .kp-prod-add {
background: #fff !important;
color: var(--ink) !important;
box-shadow: inset 0 0 0 1.5px var(--ink) !important;
border: 0 !important}
body.kp-body .kp-prod-add:hover {
background: var(--yellow) !important;
color: var(--ink) !important;
box-shadow: inset 0 0 0 1.5px var(--ink) !important}
body.kp-body .kp-prod-imgwrap .kp-prod-fav {
position: absolute !important;
top: 8px !important;
right: 8px !important;
left: auto !important;
z-index: 3 !important}
body.kp-body .kp-search-wrap {
position: relative;
width: 100%;
z-index: 250}
body.kp-body .kp-search-wrap .wd-search-form {
width: 100%}
body.kp-body .kp-search-wrap form.searchform {
display: flex;
align-items: center;
background: var(--fog);
border: 1px solid transparent;
border-radius: var(--radius-sm);
height: 48px;
padding: 0;
margin: 0;
transition: background .15s, border-color .15s}
body.kp-body .kp-search-wrap form.searchform:focus-within {
background: #fff;
border-color: var(--ink)}
body.kp-body .kp-search-wrap form.searchform input.s {
flex: 1;
min-width: 0;
height: 100%;
background: transparent;
border: 0;
outline: 0;
box-shadow: none;
padding: 0 16px;
font-size: 15px;
color: var(--ink)}
body.kp-body .kp-search-wrap form.searchform input.s::placeholder {
color: var(--ink-3)}
body.kp-body .kp-search-wrap form.searchform .wd-clear-search {
margin-right: 8px}
body.kp-body .kp-search-wrap form.searchform button.searchsubmit {
position: relative;
flex: 0 0 48px;
width: 48px;
height: 48px;
background: var(--yellow);
border: 0;
border-radius: var(--radius-sm);
color: var(--ink);
cursor: pointer;
transition: background .15s;
display: grid;
place-items: center;
padding: 0}
body.kp-body .kp-search-wrap form.searchform button.searchsubmit:hover {
background: var(--yellow-hover)}
body.kp-body .kp-search-wrap form.searchform button.searchsubmit > span {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0}
body.kp-body .kp-search-wrap form.searchform button.searchsubmit::before,
body.kp-body .kp-search-wrap form.searchform button.searchsubmit::after {
content: none !important}
body.kp-body .kp-search-wrap form.searchform button.searchsubmit svg {
width: 20px;
height: 20px;
display: block}
body.kp-body .kp-search-wrap .wd-search-results-wrapper {
z-index: 200}
@media (max-width: 760px) {
body.kp-body .kp-search-wrap {
display: none}
}
body.kp-body .kp-search-wrap .wd-dropdown-results {
--wd-search-sp: 10px}
body.kp-body .kp-search-wrap .wd-dropdown-results .wd-suggestion-thumb {
max-width: 50px;
margin-inline-end: 10px}
body.kp-body .kp-cart-page{background:var(--paper);padding:32px 0 80px;min-height:60vh}
body.kp-body .kp-cart-back{display:inline-flex;align-items:center;gap:6px;
font-weight:700;font-size:13px;letter-spacing:normal;text-transform:uppercase;
color:var(--ink-3);text-decoration:none;margin-bottom:24px;transition:color .15s}
body.kp-body .kp-cart-back:hover{color:var(--ink)}
body.kp-body .kp-cart-back svg{transform:rotate(180deg);stroke:currentColor}
body.kp-body .kp-cart-head{margin-bottom:40px}
body.kp-body .kp-cart-head-kicker{font-weight:700;font-size:12px;letter-spacing:normal;
text-transform:uppercase;color:var(--ink-3);margin-bottom:12px}
body.kp-body .kp-cart-head-row{display:flex;align-items:baseline;justify-content:space-between;
gap:32px;flex-wrap:wrap}
body.kp-body .kp-cart-head-h{margin:0;font-weight:900;font-size:56px;line-height:1;
letter-spacing:normal;text-transform:uppercase;color:var(--ink)}
body.kp-body .kp-cart-head-blurb{margin:0;max-width:420px;font-size:15px;line-height:1.55;
color:var(--ink-2);padding-top:8px}
body.kp-body .kp-cart-bar{display:block;width:64px;height:4px;background:var(--yellow);margin-top:18px}
body.kp-body .kp-cart-grid{display:grid;grid-template-columns:1fr 380px;gap:32px;
align-items:start;margin-top:32px}
body.kp-body .kp-cart-panel{background:#fff;border:1px solid var(--line);
border-radius:var(--radius);overflow:hidden}
body.kp-body .kp-cart-panel-head{display:flex;align-items:center;justify-content:space-between;
gap:24px;padding:18px 24px;border-bottom:1px solid var(--line);flex-wrap:wrap}
body.kp-body .kp-cart-panel-head-left{display:flex;align-items:center;gap:14px}
body.kp-body .kp-cart-panel-h{font-weight:900;font-size:14px;letter-spacing:normal;
text-transform:uppercase;color:var(--ink)}
body.kp-body .kp-cart-panel-count{display:inline-flex;align-items:center;justify-content:center;
min-width:24px;height:22px;padding:0 7px;background:var(--ink);color:var(--yellow);
font-weight:900;font-size:11px;border-radius:4px;font-feature-settings:"tnum"}
body.kp-body .kp-cart-clear{display:inline-flex;align-items:center;gap:6px;background:none;
border:0;cursor:pointer;font-weight:700;font-size:12px;letter-spacing:normal;
text-transform:uppercase;color:var(--ink-3);padding:6px 8px;border-radius:4px;
font-family:inherit;transition:all .15s;text-decoration:none}
body.kp-body .kp-cart-clear:hover{color:var(--hot);background:var(--fog)}
body.kp-body .kp-cart-clear svg{stroke:currentColor;stroke-width:2}
body.kp-body .kp-cart-panel-flags{display:flex;gap:18px;flex-wrap:wrap}
body.kp-body .kp-cart-flag{display:inline-flex;align-items:center;gap:8px;cursor:pointer;
font-size:13px;color:var(--ink-2);user-select:none}
body.kp-body .kp-cart-flag input{display:none}
body.kp-body .kp-cart-flag-box{width:18px;height:18px;border:1.5px solid var(--ink-3);
border-radius:4px;display:grid;place-items:center;background:#fff;transition:all .15s;
flex-shrink:0}
body.kp-body .kp-cart-flag-box svg{opacity:0;transition:opacity .15s;color:var(--ink)}
body.kp-body .kp-cart-flag input:checked + .kp-cart-flag-box{background:var(--yellow);
border-color:var(--ink)}
body.kp-body .kp-cart-flag input:checked + .kp-cart-flag-box svg{opacity:1}
body.kp-body .kp-cart-flag:hover .kp-cart-flag-box{border-color:var(--ink)}
body.kp-body .kp-cart-empty{display:flex;flex-direction:column;align-items:center;
text-align:center;padding:64px 32px;gap:18px}
body.kp-body .kp-cart-empty-icon{width:96px;height:96px;border-radius:50%;
background:var(--yellow-soft);display:grid;place-items:center;color:var(--ink);position:relative}
body.kp-body .kp-cart-empty-icon::after{content:"0";position:absolute;right:-4px;top:-4px;
width:36px;height:36px;background:var(--ink);color:var(--yellow);font-weight:900;font-size:16px;
border-radius:50%;display:grid;place-items:center;font-feature-settings:"tnum";
border:3px solid var(--paper)}
body.kp-body .kp-cart-empty-h{margin:0;font-weight:900;font-size:24px;letter-spacing:normal;
text-transform:uppercase;color:var(--ink)}
body.kp-body .kp-cart-empty-sub{margin:0;max-width:360px;font-size:14px;line-height:1.55;
color:var(--ink-2)}
body.kp-body .kp-cart-empty-cta{display:inline-flex;align-items:center;gap:10px;height:48px;
padding:0 22px;background:var(--yellow);color:var(--ink);font-weight:800;font-size:13px;
letter-spacing:normal;text-transform:uppercase;border-radius:8px;text-decoration:none;
border:0;cursor:pointer;font-family:inherit;margin-top:6px;transition:all .15s}
body.kp-body .kp-cart-empty-cta:hover{background:var(--yellow-hover);transform:translateY(-1px);
box-shadow:var(--shadow-card)}
body.kp-body .kp-cart-items{display:flex;flex-direction:column}
body.kp-body .kp-cart-row{display:grid;
grid-template-columns:96px minmax(0,1fr) 150px 110px 150px 32px;
gap:18px;align-items:start;padding:20px 24px;border-bottom:1px solid var(--line);
transition:background .15s}
body.kp-body .kp-cart-row:last-child{border-bottom:0}
body.kp-body .kp-cart-row:hover{background:var(--fog)}
body.kp-body .kp-cart-thumb{width:96px;height:96px;border-radius:8px;overflow:hidden;
background:var(--fog);flex-shrink:0}
body.kp-body .kp-cart-thumb img{width:100%;height:100%;object-fit:cover;display:block}
body.kp-body .kp-cart-thumb a{display:block;width:100%;height:100%}
body.kp-body .kp-cart-meta{display:flex;flex-direction:column;gap:6px;min-width:0;
padding-top:2px;overflow:hidden}
body.kp-body .kp-cart-meta>*{min-width:0;max-width:100%}
body.kp-body .kp-cart-name{font-weight:700;font-size:15px;line-height:1.35;color:var(--ink);
text-decoration:none;text-wrap:pretty}
body.kp-body .kp-cart-name:hover{color:var(--ink-2)}
body.kp-body .kp-cart-info{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;
color:var(--ink-3);font-feature-settings:"tnum"}
body.kp-body .kp-cart-info span{display:inline-flex;align-items:center;gap:4px}
body.kp-body .kp-cart-info b{font-weight:700;color:var(--ink-2);letter-spacing:normal}
body.kp-body .kp-cart-add-brand{display:inline-flex;align-items:center;gap:6px;margin-top:6px;
align-self:flex-start;font-weight:700;font-size:11px;letter-spacing:normal;text-transform:uppercase;
color:var(--ink);background:var(--yellow-soft);padding:6px 10px;border-radius:4px;
text-decoration:none;border:1px dashed var(--ink);transition:all .15s;cursor:pointer;
font-family:inherit}
body.kp-body .kp-cart-add-brand:hover:not([disabled]){background:var(--yellow);border-style:solid}
body.kp-body .kp-cart-add-brand.has-brand{background:var(--yellow);border-style:solid;
border-color:var(--yellow)}
body.kp-body .kp-cart-add-brand[disabled]{opacity:.55;cursor:not-allowed}
body.kp-body .kp-cart-add-brand svg{stroke:currentColor}
body.kp-body .kp-cart-variant{display:flex;flex-direction:column;gap:4px;padding-top:2px}
body.kp-body .kp-cart-variant-l{font-size:11px;font-weight:700;letter-spacing:normal;
text-transform:uppercase;color:var(--ink-3)}
body.kp-body .kp-cart-variant-v{display:inline-flex;align-items:center;gap:8px;
font-weight:700;font-size:13px;color:var(--ink)}
body.kp-body .kp-cart-variant-sw{width:14px;height:14px;border-radius:50%;
border:1.5px solid var(--ink);flex-shrink:0}
body.kp-body .kp-cart-qty-cell{display:flex;flex-direction:column;gap:4px;padding-top:2px}
body.kp-body .kp-cart-qty{display:inline-flex;align-items:stretch;background:#fff;
border:1.5px solid var(--ink);border-radius:6px;height:38px;overflow:hidden;width:fit-content}
body.kp-body .kp-cart-qty .quantity{display:flex;align-items:stretch;margin:0;border:0}
body.kp-body .kp-cart-qty input.qty,
body.kp-body .kp-cart-qty input[type="number"]{flex:1;width:60px;min-width:0;border:0;outline:0;
background:transparent;text-align:center;font-weight:800;font-size:14px;color:var(--ink);
font-feature-settings:"tnum";font-family:inherit;height:100%;padding:0;
-moz-appearance:textfield}
body.kp-body .kp-cart-qty input.qty::-webkit-outer-spin-button,
body.kp-body .kp-cart-qty input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
body.kp-body .kp-cart-qty-fixed{display:grid;place-items:center;padding:0 18px;
font-weight:800;font-size:14px;color:var(--ink)}
body.kp-body .kp-cart-qty-stock{font-size:11px;color:var(--ink-3);font-feature-settings:"tnum"}
body.kp-body .kp-cart-qty-stock b{color:var(--eco);font-weight:700}
body.kp-body .kp-cart-price-cell{display:flex;flex-direction:column;align-items:flex-end;
gap:4px;padding-top:2px;text-align:right}
body.kp-body .kp-cart-price{font-weight:900;font-size:18px;color:var(--ink);
font-feature-settings:"tnum";letter-spacing:normal;white-space:nowrap}
body.kp-body .kp-cart-price-u{font-weight:800;font-size:13px;color:var(--ink-3);margin-left:3px}
body.kp-body .kp-cart-price-per{font-size:11px;color:var(--ink-3);font-feature-settings:"tnum"}
body.kp-body .kp-cart-x{width:32px;height:32px;border-radius:50%;background:transparent;
border:0;display:grid;place-items:center;color:var(--ink-3);cursor:pointer;
transition:all .15s;justify-self:end;text-decoration:none}
body.kp-body .kp-cart-x:hover{background:#FFE5E5;color:var(--hot)}
body.kp-body .kp-cart-actions[hidden]{display:none !important}
body.kp-body .kp-cart-side{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px}
body.kp-body .kp-sum-card{background:#fff;border:1px solid var(--line);
border-radius:var(--radius);overflow:hidden}
body.kp-body .kp-sum-head{padding:18px 22px;border-bottom:1px solid var(--line)}
body.kp-body .kp-sum-h{font-weight:900;font-size:14px;letter-spacing:normal;text-transform:uppercase;
color:var(--ink);margin-bottom:4px}
body.kp-body .kp-sum-h-count{font-size:13px;color:var(--ink-3);font-feature-settings:"tnum"}
body.kp-body .kp-sum-add-mock{display:flex;align-items:center;gap:10px;width:100%;
padding:14px 22px;background:transparent;border:0;border-bottom:1px solid var(--line);
cursor:pointer;font-family:inherit;font-weight:700;font-size:13px;color:var(--ink);
transition:background .15s;text-align:left}
body.kp-body .kp-sum-add-mock:hover:not([disabled]){background:var(--fog)}
body.kp-body .kp-sum-add-mock[disabled]{cursor:not-allowed;opacity:.65}
body.kp-body .kp-sum-add-mock svg{flex-shrink:0;color:var(--ink);stroke:currentColor}
body.kp-body .kp-sum-add-mock .kp-sum-add-text{flex:1;letter-spacing:normal}
body.kp-body .kp-sum-add-mock .kp-sum-add-info{width:18px;height:18px;border-radius:50%;
background:var(--fog);display:grid;place-items:center;color:var(--ink-3);font-size:11px;
font-weight:900;flex-shrink:0}
body.kp-body .kp-sum-rows{padding:14px 22px;display:flex;flex-direction:column;gap:10px;
border-bottom:1px solid var(--line)}
body.kp-body .kp-sum-row{display:flex;align-items:baseline;justify-content:space-between;
gap:12px;font-size:14px;color:var(--ink-2)}
body.kp-body .kp-sum-row b{color:var(--ink);font-weight:900;font-feature-settings:"tnum";
font-size:16px}
body.kp-body .kp-sum-row.is-total b{font-size:24px;letter-spacing:normal}
body.kp-body .kp-sum-row-u{font-weight:800;font-size:13px;color:var(--ink-3);margin-left:3px}
body.kp-body .kp-sum-notes{padding:14px 22px;background:var(--fog);border-bottom:1px solid var(--line)}
body.kp-body .kp-sum-notes-h{font-weight:900;font-size:11px;letter-spacing:normal;
text-transform:uppercase;color:var(--ink);margin-bottom:8px}
body.kp-body .kp-sum-notes ul{list-style:none;padding:0;margin:0;display:flex;
flex-direction:column;gap:6px}
body.kp-body .kp-sum-notes li{position:relative;padding-left:14px;font-size:12px;
line-height:1.45;color:var(--ink-2)}
body.kp-body .kp-sum-notes li::before{content:"";position:absolute;left:0;top:6px;
width:6px;height:6px;background:var(--yellow);border-radius:1px}
body.kp-body .kp-sum-cta-wrap{padding:18px 22px;display:flex;flex-direction:column;gap:14px}
body.kp-body .kp-sum-cta{display:flex;align-items:center;justify-content:center;gap:10px;
width:100%;height:52px;background:var(--yellow);color:var(--ink);font-weight:900;font-size:13px;
letter-spacing:normal;text-transform:uppercase;border:0;border-radius:8px;cursor:pointer;
font-family:inherit;transition:all .15s;text-decoration:none;box-sizing:border-box}
body.kp-body .kp-sum-cta:hover:not(.is-disabled){background:var(--yellow-hover);
transform:translateY(-1px);box-shadow:var(--shadow-card)}
body.kp-body .kp-sum-cta.is-disabled{background:var(--fog);color:var(--ink-3);
cursor:not-allowed;transform:none;box-shadow:none;pointer-events:none}
body.kp-body .kp-sum-cta svg{stroke:currentColor}
body.kp-body .kp-sum-warn{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px 18px;
background:#FFF1F1;border:1px solid #FECACA;border-radius:8px;align-items:flex-start}
body.kp-body .kp-sum-warn-icon{width:24px;height:24px;border-radius:50%;background:#FECACA;
color:var(--hot);display:grid;place-items:center;flex-shrink:0}
body.kp-body .kp-sum-warn-body{font-size:12px;line-height:1.45;color:var(--ink-2)}
body.kp-body .kp-sum-warn-body b{color:var(--ink);font-weight:800;display:block;
margin-bottom:2px;font-size:13px}
body.kp-body .kp-sum-warn-body em{font-style:normal;color:var(--hot);font-weight:900;
font-feature-settings:"tnum"}
body.kp-body .kp-sum-ok{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px 18px;
background:#F0F9F0;border:1px solid #C7E5C7;border-radius:8px;align-items:center}
body.kp-body .kp-sum-ok-icon{width:24px;height:24px;border-radius:50%;background:var(--eco);
color:#fff;display:grid;place-items:center;flex-shrink:0}
body.kp-body .kp-sum-ok b{display:block;color:var(--ink);font-weight:800;font-size:13px;
margin-bottom:2px}
body.kp-body .kp-sum-ok span{font-size:12px;color:var(--ink-2);line-height:1.4}
body.kp-body .kp-sum-acc{background:#fff;border:1px solid var(--line);
border-radius:var(--radius);overflow:hidden}
body.kp-body .kp-sum-acc-item{border-bottom:1px solid var(--line)}
body.kp-body .kp-sum-acc-item:last-child{border-bottom:0}
body.kp-body .kp-sum-acc-head{display:flex;align-items:center;justify-content:space-between;
width:100%;padding:16px 22px;background:transparent;border:0;cursor:pointer;
font-family:inherit;font-weight:800;font-size:13px;letter-spacing:normal;text-transform:uppercase;
color:var(--ink);text-align:left;transition:background .15s}
body.kp-body .kp-sum-acc-head:hover:not([disabled]){background:var(--fog)}
body.kp-body .kp-sum-acc-head[disabled]{cursor:default}
body.kp-body .kp-sum-acc-head svg{flex-shrink:0;color:var(--ink-3);transition:transform .2s;
stroke:currentColor}
body.kp-body .kp-sum-acc-item.is-open .kp-sum-acc-head{background:var(--yellow-soft);
border-left:4px solid var(--yellow);padding-left:18px}
body.kp-body .kp-sum-acc-item.is-open .kp-sum-acc-head svg{transform:rotate(180deg);
color:var(--ink)}
body.kp-body .kp-sum-acc-body{padding:0 22px 18px;font-size:13px;line-height:1.55;
color:var(--ink-2);display:none}
body.kp-body .kp-sum-acc-item.is-open .kp-sum-acc-body{display:block}
body.kp-body .kp-sum-acc-body p{margin:0 0 8px}
body.kp-body .kp-sum-acc-body p:last-child{margin:0}
body.kp-body .kp-sum-acc-body b{color:var(--ink);font-weight:700}
body.kp-body .kp-cart-banner{background:var(--ink);color:#fff;padding:48px 0;margin-top:64px}
body.kp-body .kp-cart-banner-row{display:grid;grid-template-columns:auto 1fr auto;gap:32px;
align-items:center}
body.kp-body .kp-cart-banner-icon{width:72px;height:72px;border-radius:50%;background:var(--yellow);
display:grid;place-items:center;color:var(--ink);flex-shrink:0}
body.kp-body .kp-cart-banner-h{margin:0 0 6px;font-weight:900;font-size:28px;
letter-spacing:normal;text-transform:uppercase;line-height:1.1;color:#fff}
body.kp-body .kp-cart-banner-sub{margin:0;font-size:14px;line-height:1.5;
color:rgba(255,255,255,.7);max-width:520px}
body.kp-body .kp-cart-banner-cta{display:inline-flex;align-items:center;gap:10px;height:52px;
padding:0 26px;background:var(--yellow);color:var(--ink);font-weight:900;font-size:13px;
letter-spacing:normal;text-transform:uppercase;border-radius:8px;text-decoration:none;border:0;
cursor:pointer;font-family:inherit;transition:all .15s}
body.kp-body .kp-cart-banner-cta:hover{background:var(--yellow-hover);transform:translateY(-1px)}
@media (max-width:1240px){
body.kp-body .kp-cart-grid{grid-template-columns:1fr 340px;gap:24px}
}
@media (max-width:1180px){
body.kp-body .kp-cart-row{grid-template-columns:88px minmax(0,1fr) 32px;gap:10px 16px;
padding:18px;align-items:start}
body.kp-body .kp-cart-thumb{grid-column:1;grid-row:1;width:88px;height:88px}
body.kp-body .kp-cart-meta{grid-column:2;grid-row:1}
body.kp-body .kp-cart-x{grid-column:3;grid-row:1;justify-self:end}
body.kp-body .kp-cart-variant{grid-column:2 / -1;grid-row:2;padding-top:4px}
body.kp-body .kp-cart-qty-cell{grid-column:2 / -1;grid-row:3;padding-top:0}
body.kp-body .kp-cart-price-cell{grid-column:2 / -1;grid-row:4;align-items:flex-start;
text-align:left;padding-top:0}
body.kp-body .kp-cart-head-h{font-size:44px}
}
@media (max-width:900px){
body.kp-body .kp-cart-grid{grid-template-columns:1fr}
body.kp-body .kp-cart-side{position:static}
body.kp-body .kp-cart-head-h{font-size:36px}
body.kp-body .kp-cart-banner-row{grid-template-columns:auto 1fr;gap:20px}
body.kp-body .kp-cart-banner-cta{grid-column:1/-1;justify-self:start}
}
@media (max-width:680px){
body.kp-body .kp-cart-row{grid-template-columns:72px minmax(0,1fr) 28px;gap:14px;padding:16px}
body.kp-body .kp-cart-thumb{width:72px;height:72px}
body.kp-body .kp-cart-banner-row{grid-template-columns:1fr;text-align:left;gap:18px}
body.kp-body .kp-cart-head-h{font-size:30px}
body.kp-body .kp-cart-panel-flags{gap:10px;width:100%}
body.kp-body .kp-cart-panel-head{gap:14px}
}
body.kp-body.single-product .wd-content-area .e-con-boxed {
max-width: 1240px;
margin-left: auto;
margin-right: auto}
body.kp-body.single-product .wd-content-area [id] {
scroll-margin-top: 72px}
@media (max-width: 980px) {
body.kp-body.single-product .wd-content-area {
padding-top: 24px}
}
@media (max-width: 760px) {
body.kp-body.single-product .wd-content-area {
padding-top: 20px}
body.kp-body.single-product .wd-content-area .e-con-boxed {
padding-left: 16px;
padding-right: 16px}
}
@media (max-width: 480px) {
body.kp-body.single-product .wd-content-area .e-con-boxed {
padding-left: 12px;
padding-right: 12px}
}
body.kp-body .kp-snav-cart-badge {
display: contents}
@media (max-width: 980px) {
body.kp-body .kp-topbar-row {
flex-wrap: wrap;
gap: 4px 16px;
min-height: 0;
padding: 6px 0}
body.kp-body .kp-topbar,
body.kp-body .kp-topbar .kp-tb-item {
font-size: 13px !important}
}
@media (max-width: 760px) {
body.kp-body .kp-topbar-left {
display: none}
body.kp-body .kp-topbar-row {
padding: 5px 0}
body.kp-body .kp-topbar-right {
gap: 16px}
body.kp-body .kp-topbar,
body.kp-body .kp-topbar .kp-tb-item {
font-size: 12px !important}
}
@media (max-width: 480px) {
body.kp-body .kp-topbar-right .kp-tb-item[href^="mailto"] {
display: none !important}
body.kp-body .kp-topbar-right {
gap: 14px}
}
body.kp-body .kp-cat-page {
background: #fff;
min-height: 100vh}
body.kp-body .kp-cat-crumbs {
font-size: 15px;
color: var(--ink-2, #6b6b6b)}
body.kp-body .kp-cat-crumbs-link {
color: var(--ink-2, #6b6b6b);
text-decoration: none;
font-weight: 600;
transition: color .15s}
body.kp-body .kp-cat-crumbs-link:hover {
color: var(--ink, #0a0a0a)}
body.kp-body .kp-cat-crumbs-sep {
margin: 0 8px;
font-weight: 600}
body.kp-body .kp-cat-crumbs-cur {
color: var(--ink, #0a0a0a);
font-weight: 700}
body.kp-body .kp-cat-head-title-row {
display: flex;
align-items: flex-start;
gap: 36px;
flex-wrap: wrap}
body.kp-body .kp-cat-head-title {
font-weight: 700;
line-height: .98;
letter-spacing:normal;
text-transform: uppercase;
color: var(--ink, #0a0a0a);
margin: 0;
flex: 1;
min-width: 0;
text-wrap: balance}
body.kp-body .kp-cat-head-count {
display: flex;
align-items: flex-end;
gap: 14px;
background: var(--yellow, #FECE15);
padding: 14px 22px;
border-radius: var(--radius, 12px);
align-self: flex-start;
margin-top: 6px}
body.kp-body .kp-cat-head-count-num {
font-weight: 700;
font-size: 48px;
line-height: 1;
letter-spacing:normal;
font-feature-settings: "tnum";
color: var(--ink, #0a0a0a)}
body.kp-body .kp-cat-head-count-lbl {
font-size: 11px;
line-height: 1.3;
color: var(--ink, #0a0a0a);
letter-spacing:normal;
text-transform: uppercase;
font-weight: 700;
padding-bottom: 4px}
body.kp-body .kp-cat-head-bar {
display: inline-block;
width: 64px;
height: 4px;
background: var(--yellow, #FECE15)}
body.kp-body .kp-cat-head-lead {
line-height: 1.55;
color: var(--ink-2, #6b6b6b);
margin: 0 0 20px;
text-wrap: pretty}
body.kp-body .kp-cat-head-lead p {
margin: 0 0 8px}
body.kp-body .kp-cat-head-meta {
display: flex;
flex-wrap: wrap;
font-size: 15px;
color: var(--ink-2, #6b6b6b);
font-weight: 600}
body.kp-body .kp-cat-head-meta-item {
display: inline-flex;
align-items: center;
gap: 8px;
letter-spacing:normal;
text-transform: uppercase}
body.kp-body .kp-cat-chips {
padding: 0 0 12px}
body.kp-body .kp-cat-chips-track {
display: flex;
gap: 10px;
overflow-x: auto;
scrollbar-width: none;
padding: 4px 0 8px}
body.kp-body .kp-cat-chips-track::-webkit-scrollbar {
display: none}
body.kp-body .kp-cat-chip {
display: inline-flex;
align-items: center;
gap: 8px;
height: 42px;
padding: 0 18px;
background: var(--fog, #f5f5f5);
border-radius: 24px;
font-weight: 700;
font-size: 15px;
color: var(--ink, #0a0a0a);
transition: all .15s;
white-space: nowrap;
scroll-snap-align: start;
letter-spacing:normal;
text-decoration: none}
body.kp-body .kp-cat-chip:hover {
background: var(--yellow-soft, #fff8d6)}
body.kp-body .kp-cat-chip.is-active {
background: var(--yellow, #FECE15);
color: var(--ink, #0a0a0a)}
body.kp-body .kp-cat-chip-count {
font-size: 11px;
color: var(--ink-3, #a0a0a0);
font-weight: 700;
font-feature-settings: "tnum"}
body.kp-body .kp-cat-chip.is-active .kp-cat-chip-count {
color: var(--ink, #0a0a0a);
opacity: .65}
body.kp-body .kp-cat-fbar {
padding: 20px 0 0}
body.kp-body .kp-cat-fbar-inner {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
flex-wrap: wrap;
border-top: 1px solid var(--line, #e5e5e5);
padding-top: 20px}
body.kp-body .kp-cat-fbar-left {
display: flex;
gap: 8px;
flex-wrap: wrap}
body.kp-body .kp-cat-fbar-right {
display: flex;
align-items: center;
gap: 10px}
body.kp-body .kp-cat-fpill {
display: inline-flex;
align-items: center;
gap: 8px;
height: 44px;
padding: 0 16px;
background: #fff;
border: 1px solid var(--line, #e5e5e5);
border-radius: var(--radius-sm, 8px);
font-weight: 700;
font-size: 15px;
color: var(--ink, #0a0a0a);
transition: all .15s;
white-space: nowrap;
cursor: pointer;
font-family: inherit}
body.kp-body .kp-cat-fpill:hover {
border-color: var(--ink, #0a0a0a);
box-shadow: 0 2px 8px rgba(0,0,0,.06)}
body.kp-body .kp-cat-fpill.is-active {
border: 2px solid var(--ink, #0a0a0a);
padding: 0 15px}
body.kp-body .kp-cat-fpill-count {
display: inline-grid;
place-items: center;
min-width: 20px;
height: 20px;
padding: 0 6px;
background: var(--yellow, #FECE15);
color: var(--ink, #0a0a0a);
border-radius: 10px;
font-size: 11px;
font-weight: 700;
font-feature-settings: "tnum"}
body.kp-body .kp-cat-fpill-all {
font-weight: 700;
letter-spacing:normal;
text-transform: uppercase;
font-size: 12px}
body.kp-body .kp-cat-fsort-lbl {
font-size: 15px;
color: var(--ink-3, #a0a0a0);
font-weight: 600}
body.kp-body .kp-cat-fsort-select {
height: 44px;
padding: 0 16px;
background: #fff;
border: 1px solid var(--line, #e5e5e5);
border-radius: var(--radius-sm, 8px);
font-weight: 600;
font-size: 15px;
color: var(--ink, #0a0a0a);
font-family: inherit;
cursor: pointer;
appearance: auto}
body.kp-body .kp-cat-rbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px 0 18px;
flex-wrap: wrap;
gap: 14px}
body.kp-body .kp-cat-rbar-count {
font-size: 14px;
color: var(--ink-3, #a0a0a0)}
body.kp-body .kp-cat-rbar-count b {
color: var(--ink, #0a0a0a);
font-weight: 700;
font-feature-settings: "tnum"}
body.kp-body .kp-cat-grid {
display: grid;
gap: 24px;
padding: 8px 0}
body.kp-body .kp-cat-grid .kp-prod {
background: #fff;
border: 1px solid var(--line, #e5e5e5);
border-radius: var(--radius, 12px);
padding: 16px;
transition: all .2s}
body.kp-body .kp-cat-grid .kp-prod:hover {
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(0,0,0,.08);
border-color: transparent}
body.kp-body .kp-cat-empty {
text-align: center;
padding: 80px 20px;
color: var(--ink-2, #6b6b6b);
font-size: 18px}
body.kp-body .kp-cat-pager-wrap {
padding: 32px 0 56px;
display: flex;
flex-direction: column;
align-items: center;
gap: 18px}
body.kp-body .kp-cat-pager {
display: flex;
gap: 6px;
align-items: center}
body.kp-body .kp-cat-pager-btn {
width: 40px;
height: 40px;
display: grid;
place-items: center;
background: #fff;
border: 1px solid var(--line, #e5e5e5);
border-radius: var(--radius-sm, 8px);
font-weight: 700;
font-size: 14px;
color: var(--ink-2, #6b6b6b);
cursor: pointer;
transition: all .15s;
text-decoration: none}
body.kp-body .kp-cat-pager-btn:hover {
background: var(--fog, #f5f5f5);
border-color: var(--ink, #0a0a0a);
color: var(--ink, #0a0a0a)}
body.kp-body .kp-cat-pager-btn.is-active {
background: var(--yellow, #FECE15);
color: var(--ink, #0a0a0a);
border-color: var(--yellow, #FECE15)}
body.kp-body .kp-cat-pager-btn:first-child svg {
transform: rotate(180deg)}
body.kp-body .kp-cat-pager-ell {
width: 24px;
display: grid;
place-items: center;
color: var(--ink-3, #a0a0a0)}
body.kp-body .kp-cat-pager-meta {
font-size: 15px;
color: var(--ink-3, #a0a0a0);
font-feature-settings: "tnum"}
body.kp-body .kp-cat-seo {
background: var(--fog, #f5f5f5);
padding: 48px 0}
body.kp-body .kp-cat-seo-head {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
background: transparent;
border: 0;
cursor: pointer;
text-align: left;
padding: 0;
font-family: inherit}
body.kp-body .kp-cat-seo-title {
margin: 0;
font-size: 26px;
font-weight: 700;
text-transform: uppercase;
letter-spacing:normal;
color: var(--ink, #0a0a0a)}
body.kp-body .kp-cat-seo-toggle {
width: 48px;
height: 48px;
border-radius: 50%;
background: #fff;
display: grid;
place-items: center;
color: var(--ink, #0a0a0a);
flex-shrink: 0}
body.kp-body .kp-cat-seo-body {
margin-top: 28px;
color: var(--ink-2, #6b6b6b);
font-size: 16px;
line-height: 1.65}
body.kp-body .kp-cat-seo-body h3 {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing:normal;
color: var(--ink, #0a0a0a);
margin: 24px 0 8px}
body.kp-body .kp-cat-seo-body h3:first-child {
margin-top: 0}
body.kp-body .kp-cat-seo-body p {
margin: 0 0 14px}
body.kp-body .kp-cat-seo-body a {
color: var(--ink, #0a0a0a);
font-weight: 700;
border-bottom: 1px solid var(--yellow, #FECE15)}
body.kp-body .kp-cat-seo-body a:hover {
background: var(--yellow-soft, #fff8d6)}
body.kp-body .kp-cat-lead {
background: var(--yellow, #FECE15);
padding: 80px 0}
body.kp-body .kp-cat-lead-row {
display: grid;
grid-template-columns: 1.1fr 1fr;
gap: 64px;
align-items: center}
body.kp-body .kp-cat-lead-kicker {
font-weight: 700;
font-size: 12px;
letter-spacing:normal;
text-transform: uppercase;
color: var(--ink, #0a0a0a);
margin-bottom: 14px}
body.kp-body .kp-cat-lead-title {
font-weight: 700;
font-size: 48px;
line-height: .98;
letter-spacing:normal;
text-transform: uppercase;
color: var(--ink, #0a0a0a);
margin: 0 0 20px}
body.kp-body .kp-cat-lead-sub {
font-size: 16px;
line-height: 1.55;
color: var(--ink, #0a0a0a);
max-width: 480px;
margin: 0 0 24px;
opacity: .85}
body.kp-body .kp-cat-lead-trust {
display: flex;
flex-direction: column;
gap: 10px}
body.kp-body .kp-cat-lead-trust-item {
display: inline-flex;
align-items: center;
gap: 10px;
font-weight: 700;
font-size: 14px;
color: var(--ink, #0a0a0a)}
body.kp-body .kp-cat-lead-trust-item svg {
stroke: var(--ink, #0a0a0a)}
body.kp-body .kp-cat-lead-form {
background: #fff;
border-radius: var(--radius-lg, 16px);
padding: 32px;
display: flex;
flex-direction: column;
gap: 14px;
box-shadow: 0 12px 40px rgba(0,0,0,.12)}
body.kp-body .kp-cat-lead-field input {
height: 54px;
padding: 0 18px;
border: 2px solid var(--line, #e5e5e5);
border-radius: var(--radius-sm, 8px);
font-size: 15px;
font-family: inherit;
color: var(--ink, #0a0a0a);
width: 100%;
transition: border-color .15s;
background: #fff;
box-sizing: border-box}
body.kp-body .kp-cat-lead-field input:focus {
outline: 0;
border-color: var(--ink, #0a0a0a)}
body.kp-body .kp-cat-lead-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
height: 56px;
background: var(--ink, #0a0a0a);
color: #fff;
border: 0;
border-radius: var(--radius-sm, 8px);
font-weight: 700;
font-size: 14px;
letter-spacing:normal;
text-transform: uppercase;
cursor: pointer;
transition: all .15s;
font-family: inherit}
body.kp-body .kp-cat-lead-btn:hover {
background: #1a1a1a;
transform: translateY(-1px)}
body.kp-body .kp-cat-lead-tos {
font-size: 12px;
color: var(--ink-3, #a0a0a0);
margin: 0;
line-height: 1.5}
body.kp-body .kp-cat-lead-tos a {
color: var(--ink, #0a0a0a);
font-weight: 700;
border-bottom: 1px solid var(--yellow, #FECE15);
text-decoration: none}
body.kp-body .kp-cat-chips {
position: relative}
body.kp-body .kp-cat-chips-arrow {
position: absolute;
right: 24px;
top: 50%;
transform: translateY(-50%);
width: 36px;
height: 36px;
border-radius: 50%;
background: #fff;
display: grid;
place-items: center;
box-shadow: 0 4px 12px rgba(0,0,0,.12);
color: var(--ink, #0a0a0a);
pointer-events: none;
z-index: 2}
body.kp-body .kp-cat-atags {
padding: 14px 0 0}
body.kp-body .kp-cat-atags-inner {
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap}
body.kp-body .kp-cat-atags-lbl {
font-size: 15px;
color: var(--ink-3, #a0a0a0);
font-weight: 600;
text-transform: uppercase;
letter-spacing:normal}
body.kp-body .kp-cat-atags-list {
display: flex;
gap: 8px;
flex-wrap: wrap;
flex: 1;
min-width: 0}
body.kp-body .kp-cat-atag {
display: inline-flex;
align-items: center;
gap: 8px;
height: 32px;
padding: 0 12px;
background: var(--yellow-soft, #fff8d6);
color: var(--ink, #0a0a0a);
border-radius: 16px;
font-size: 15px;
font-weight: 600}
body.kp-body .kp-cat-atag-x {
display: grid;
place-items: center;
width: 18px;
height: 18px;
border-radius: 50%;
font-size: 18px;
line-height: 1;
color: var(--ink-2, #6b6b6b);
transition: all .15s;
background: transparent;
border: 0;
cursor: pointer;
padding: 0}
body.kp-body .kp-cat-atag-x:hover {
background: var(--ink, #0a0a0a);
color: #fff}
body.kp-body .kp-cat-atags-clear {
background: transparent;
border: 0;
color: var(--ink-2, #6b6b6b);
font-weight: 600;
font-size: 15px;
text-decoration: underline;
text-decoration-color: var(--yellow, #FECE15);
text-underline-offset: 4px;
cursor: pointer}
body.kp-body .kp-cat-atags-clear:hover {
color: var(--ink, #0a0a0a)}
body.kp-body .kp-cat-rbar-controls {
display: flex;
align-items: center;
gap: 18px}
body.kp-body .kp-cat-rbar-view {
display: flex;
gap: 0;
border: 1px solid var(--line, #e5e5e5);
border-radius: var(--radius-sm, 8px);
overflow: hidden}
body.kp-body .kp-cat-rbar-vbtn {
width: 36px;
height: 36px;
display: grid;
place-items: center;
background: #fff;
color: var(--ink-3, #a0a0a0);
border: 0;
cursor: pointer;
transition: all .15s}
body.kp-body .kp-cat-rbar-vbtn.is-active {
background: var(--ink, #0a0a0a);
color: #fff}
body.kp-body .kp-cat-rbar-vbtn:not(.is-active):hover {
color: var(--ink, #0a0a0a)}
body.kp-body .kp-cat-rbar-perpage {
display: flex;
align-items: center;
gap: 10px}
body.kp-body .kp-cat-rbar-seg {
display: flex;
background: var(--fog, #f5f5f5);
border-radius: var(--radius-sm, 8px);
padding: 3px}
body.kp-body .kp-cat-rbar-seg a {
height: 30px;
padding: 0 14px;
display: grid;
place-items: center;
background: transparent;
border: 0;
font-weight: 700;
font-size: 15px;
color: var(--ink-3, #a0a0a0);
border-radius: 6px;
cursor: pointer;
transition: all .15s;
font-feature-settings: "tnum";
text-decoration: none}
body.kp-body .kp-cat-rbar-seg a.is-active {
background: var(--ink, #0a0a0a);
color: #fff}
body.kp-body .kp-cat-rbar-seg a:hover:not(.is-active) {
color: var(--ink, #0a0a0a)}
body.kp-body .kp-cat-fsort {
display: flex;
align-items: center;
gap: 10px}
body.kp-body .kp-cat-fsort-pill {
display: inline-flex;
align-items: center;
gap: 8px;
height: 44px;
padding: 0 16px;
background: #fff;
border: 1px solid var(--line, #e5e5e5);
border-radius: var(--radius-sm, 8px);
font-weight: 600;
font-size: 15px;
color: var(--ink, #0a0a0a);
cursor: pointer;
transition: all .15s;
font-family: inherit;
position: relative}
body.kp-body .kp-cat-fsort-pill:hover {
border-color: var(--ink, #0a0a0a);
box-shadow: 0 2px 8px rgba(0,0,0,.06)}
body.kp-body .kp-cat-fsort-drop {
position: absolute;
top: calc(100% + 6px);
right: 0;
min-width: 200px;
background: #fff;
border: 1px solid var(--line, #e5e5e5);
border-radius: var(--radius-sm, 8px);
box-shadow: 0 8px 24px rgba(0,0,0,.12);
z-index: 20;
padding: 6px 0;
display: none}
body.kp-body .kp-cat-fsort-pill.is-open .kp-cat-fsort-drop {
display: block}
body.kp-body .kp-cat-fsort-opt {
display: block;
width: 100%;
padding: 10px 18px;
font-size: 14px;
font-weight: 600;
color: var(--ink-2, #6b6b6b);
text-align: left;
text-decoration: none;
transition: background .1s}
body.kp-body .kp-cat-fsort-opt:hover {
background: var(--fog, #f5f5f5);
color: var(--ink, #0a0a0a)}
body.kp-body .kp-cat-fsort-opt.is-active {
color: var(--ink, #0a0a0a);
font-weight: 700}
body.kp-body .kp-cat-showmore {
display: flex;
justify-content: center;
padding: 32px 0 0}
body.kp-body .kp-cat-showmore-btn {
height: 56px;
min-width: 280px;
padding: 0 32px;
display: inline-flex;
align-items: center;
gap: 12px;
justify-content: center;
background: #fff;
color: var(--ink, #0a0a0a);
box-shadow: inset 0 0 0 2px var(--ink, #0a0a0a);
border: 0;
border-radius: var(--radius-sm, 8px);
font-weight: 700;
font-size: 15px;
letter-spacing:normal;
text-transform: uppercase;
cursor: pointer;
transition: all .2s;
font-family: inherit}
body.kp-body .kp-cat-showmore-btn:hover {
background: var(--yellow, #FECE15)}
body.kp-body .kp-cat-hits {
padding: 48px 0 0}
body.kp-body .kp-cat-hits .kp-prods-head {
margin-bottom: 28px}
body.kp-body .kp-prod-swatch {
width: 14px;
height: 14px;
border-radius: 50%;
border: 1.5px solid rgba(0,0,0,.12);
flex-shrink: 0}
body.kp-body .kp-prod-swatch-more {
font-size: 10px;
font-weight: 700;
color: var(--ink-3, #a0a0a0);
margin-left: 2px}
@media (max-width: 1100px) {
body.kp-body .kp-cat-grid {
grid-template-columns: repeat(3, 1fr);
gap: 20px}
body.kp-body .kp-cat-head-title {
font-size: 48px}
body.kp-body .kp-cat-lead-row {
grid-template-columns: 1fr;
gap: 36px}
}
@media (max-width: 760px) {
body.kp-body .kp-cat-grid {
grid-template-columns: repeat(2, 1fr);
gap: 14px}
body.kp-body .kp-cat-head-count {
padding: 10px 16px}
body.kp-body .kp-cat-head-count-num {
font-size: 32px}
body.kp-body .kp-cat-fbar-left {
overflow-x: auto;
width: 100%}
body.kp-body .kp-cat-fbar-left::-webkit-scrollbar {
display: none}
body.kp-body .kp-cat-lead-title {
font-size: 32px}
body.kp-body .kp-cat-lead-row {
grid-template-columns: 1fr;
gap: 28px}
body.kp-body .kp-cat-rbar-controls {
display: none}
body.kp-body .kp-cat-chips-arrow {
display: none}
body.kp-body .kp-cat-atags-list {
overflow-x: auto;
flex-wrap: nowrap;
scrollbar-width: none}
body.kp-body .kp-cat-atags-list::-webkit-scrollbar {
display: none}
body.kp-body .kp-cat-showmore-btn {
width: 100%;
min-width: 0}
}
@media (max-width: 480px) {
body.kp-body .kp-cat-grid {
grid-template-columns: 1fr}
body.kp-body .kp-cat-head-title-row {
gap: 20px}
body.kp-body .kp-cat-fbar-inner {
flex-direction: column;
align-items: flex-start}
}
body.kp-body .kp-sec-pop .kp-cat-grid{grid-template-columns:repeat(5,1fr);gap:20px;padding:0}
@media (max-width:1100px){body.kp-body .kp-sec-pop .kp-cat-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:480px) {body.kp-body .kp-sec-pop .kp-cat-grid{grid-template-columns:1fr}}
body.kp-body .kp-sec-prods .kp-prods-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
body.kp-body .kp-sec-prods .kp-prod-grid{display:flex;grid-template-columns:none;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:8px;scrollbar-width:none}
body.kp-body .kp-sec-prods .kp-prod-grid::-webkit-scrollbar{display:none}
body.kp-body .kp-sec-prods .kp-prod-grid .kp-prod{flex:0 0 calc((100% - 80px)/5);scroll-snap-align:start}
@media (max-width:1100px){body.kp-body .kp-sec-prods .kp-prod-grid .kp-prod{flex-basis:calc((100% - 60px)/3.5)}}
@media (max-width:760px) {body.kp-body .kp-sec-prods .kp-prod-grid .kp-prod{flex-basis:calc((100% - 40px)/2.2)}}
@media (max-width:480px) {body.kp-body .kp-sec-prods .kp-prod-grid .kp-prod{flex-basis:82%}}
body.kp-body .kp-sec-adv .kp-adv-card,
body.kp-body .kp-sec-adv .kp-adv-title{color:#fff}
body.kp-body .kp-brand-cell{color:var(--ink-3)}
body.kp-body .kp-brand-cell:hover{color:var(--ink)}
body.kp-body .kp-sec-faq .kp-faq-q{background:transparent;border:0;text-transform:none}
body.kp-body .kp-sec-faq .kp-faq-qtext{text-transform:none;color:var(--ink)}
body.kp-body .kp-sec-faq .kp-faq-q:hover .kp-faq-qtext,
body.kp-body .kp-sec-faq .kp-faq-q:focus .kp-faq-qtext{color:var(--ink)}
body.kp-body .kp-sec-newsletter .kp-nl-kicker{text-transform:uppercase}
body.kp-body .kp-sec-newsletter .kp-nl-field{align-items:center}
body.kp-body .kp-sec-newsletter .kp-nl-field input{padding:0 24px;font-size:16px;font-weight:600;line-height:normal;background:transparent;border:0;box-shadow:none}
body.kp-body .kp-sec-newsletter .kp-nl-field input::placeholder{color:var(--ink-3);font-weight:600;font-size:16px;opacity:1}
body.kp-body .kp-sec-newsletter .kp-nl-btn{padding:0 28px;background:var(--ink);color:#fff;font-weight:600 !important;font-size:15px;letter-spacing:normal;text-transform:uppercase;border:0;align-self:stretch}
body.kp-body .kp-sec-newsletter .kp-nl-btn:hover{background:#1a1a1a}
body.kp-body .kp-mobile-cta{display:none !important}
@media (max-width:480px){body.kp-body .kp-mobile-cta{display:flex !important}}
body.kp-body .kp-footer-col ul{margin:0;padding:0;list-style:none;gap:10px}
body.kp-body .kp-footer-col li{margin:0}
body.kp-body .kp-footer-col li a{font-size:14px;font-weight:400;color:rgba(255,255,255,.6)}
body.kp-body .kp-footer-col li a:hover{color:var(--yellow)}
body.kp-body .kp-footer .kp-footer-phone{font-size:18px !important;font-weight:600 !important;color:#fff !important;letter-spacing:normal}
body.kp-body .kp-footer .kp-footer-mail{font-size:14px !important;font-weight:600 !important;color:var(--yellow) !important}
body.kp-body .kp-sec-faq .kp-faq-q{display:grid !important;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;width:100%;padding:20px 24px;text-align:left}
body.kp-body .kp-sec-faq .kp-faq-num{font-size:15px !important;font-weight:700}
body.kp-body .kp-sec-faq .kp-faq-qtext{font-size:18px !important;font-weight:600}
body.kp-body .kp-sec-faq .kp-faq-a{font-size:16px !important}
body.kp-body .kp-sec-faq .kp-faq-blurb{font-size:16px !important}
body.kp-body .kp-prod-swatches{
display:flex;
gap:6px;
align-items:center;
height:auto;
margin-top:6px;
flex-wrap:nowrap}
body.kp-body .kp-prod-swatches .kp-swatch,
body.kp-body .kp-prod-swatches .kp-prod-swatch{
width:18px;
height:18px;
border-radius:50%;
border:1.5px solid rgba(0,0,0,.12);
background:#fff;
padding:0;
overflow:hidden;
flex-shrink:0;
display:block;
line-height:0;
transition:transform .15s, border-color .15s, opacity .15s;
opacity:.85}
body.kp-body .kp-prod-swatches .kp-swatch img,
body.kp-body .kp-prod-swatches .kp-prod-swatch img{
width:100%;
height:100%;
object-fit:cover;
border-radius:50%;
display:block}
body.kp-body .kp-prod-swatches .kp-swatch:hover,
body.kp-body .kp-prod-swatches .kp-prod-swatch:hover{
transform:scale(1.15);
opacity:1;
border-color:rgba(0,0,0,.25)}
body.kp-body .kp-prod-swatches .kp-swatch.is-active,
body.kp-body .kp-prod-swatches .kp-prod-swatch.is-active{
border:2px solid var(--yellow,#ffca28);
opacity:1}
body.kp-body .kp-prod-swatches .kp-swatch-more,
body.kp-body .kp-prod-swatches .kp-prod-swatch-more{
font-size:11px;
font-weight:700;
color:var(--ink-3,#a0a0a0);
margin-left:2px;
font-feature-settings:"tnum"}
body.kp-body .kp-prod-badges {
position: absolute;
top: 8px;
left: 8px;
display: flex;
flex-wrap: wrap;
gap: 4px;
max-width: calc(100% - 56px);
z-index: 2}
body.kp-body .kp-prod-badges .kp-prod-badge {
position: static;
top: auto;
left: auto;
display: inline-flex;
align-items: center;
gap: 5px}
body.kp-body .kp-prod-badge-new { background: var(--ink);    color: var(--yellow)}
body.kp-body .kp-prod-badge-hit { background: var(--yellow); color: var(--ink)}
body.kp-body .kp-prod-badge-eco { background: var(--eco);    color: #fff}
body.kp-body .kp-prod-badge-rus {
background: #fff;
color: var(--ink);
border: 1px solid #e0e0e0}
body.kp-body .kp-prod-badge-rus svg {
width: 16px;
height: 16px;
flex-shrink: 0;
border-radius: 50%;
overflow: hidden;
border: 1px solid #ccc}
body.kp-body .kp-cat-grid,
body.kp-body .kp-prod-grid {
padding-top: 8px}
body.kp-body .kp-prod-name,
body.kp-body .kp-prod-name a {
text-transform: none;
letter-spacing:normal}
body.kp-body .kp-prod-imgwrap {
aspect-ratio: 1 / 1}
body.kp-body .kp-prod-imgwrap .kp-prod-img-link,
body.kp-body .kp-prod-imgwrap .kp-prod-img-link img,
body.kp-body .kp-prod-imgwrap > img {
width: 100%;
height: 100%;
object-fit: contain;
display: block}
body.kp-body .kp-prod-price-from {
display: none}
body.kp-body .kp-prod-swatches {
min-height: 20px}
body.kp-body .kp-prod-add,
body.kp-body .kp-prod-add.add_to_cart_button,
body.kp-body a.kp-prod-add {
border-radius:  var(--radius-sm) !important;
padding:        10px 14px        !important;
font-size:      11px             !important;
font-weight:    800              !important;
letter-spacing:normal!important;
text-transform: uppercase        !important}
body.kp-body .added_to_cart.wc-forward {
display: none !important}
body.kp-body .kp-prod-swatch-dot {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 50%;
flex-shrink: 0;
vertical-align: middle}
body.kp-body .kp-prod-swatch-dot.kp-swatch-transparent {
background-color: #fff;
background-image:
linear-gradient(45deg, #ddd 25%, transparent 25%),
linear-gradient(-45deg, #ddd 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, #ddd 75%),
linear-gradient(-45deg, transparent 75%, #ddd 75%);
background-size: 8px 8px;
background-position: 0 0, 0 4px, 4px -4px, -4px 0}
body.kp-body .kp-prod-swatch-dot.kp-swatch-rainbow {
background: conic-gradient(
#D32F2F, #F57C00, #FBC02D, #43A047,
#1AA89A, #1B4D8F, #7B3FA0, #E91E63, #D32F2F
)}
body.kp-body .kp-prod-swatch-thumb {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 50%;
border: none;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .18);
flex-shrink: 0;
object-fit: cover;
vertical-align: middle}
body.kp-body .kp-prod-swatch-dot {
border: none;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .18)}
body.kp-body .kp-prod-swatch.is-active .kp-prod-swatch-dot,
body.kp-body .kp-swatch.is-active .kp-prod-swatch-dot {
border: none;
box-shadow:
inset 0 0 0 1px rgba(0, 0, 0, .18),
0 0 0 2px var(--yellow)}
body.kp-body .kp-rndbtn {
width:           44px              !important;
height:          44px              !important;
border-radius:   50%               !important;
background:      #fff              !important;
border:          1px solid var(--line) !important;
color:           var(--ink)        !important;
display:         grid              !important;
place-items:     center            !important;
transition:      all .15s          !important;
padding:         0                 !important;
cursor:          pointer           !important}
body.kp-body .kp-rndbtn:hover {
background:      var(--yellow)     !important;
border-color:    var(--yellow)     !important;
color:           var(--ink)        !important}
body.kp-body .kp-cat-grid {
grid-template-columns: repeat(5, 1fr)}
body.kp-body .kp-cat-crumbs-sep {
color: var(--yellow);
font-size: 18px;
line-height: 1;
vertical-align: middle}
body.kp-body .kp-cat-head-meta-item svg {
stroke: var(--yellow, #FECE15)}
body.kp-body .kp-cat-crumbs {
padding: 14px 0 6px}
body.kp-body .kp-cat-head {
padding: 4px 0 24px}
body.kp-body .kp-cat-head-bar {
margin: 18px 0 18px}
body.kp-body .kp-cat-head-meta {
gap: 32px}
body.kp-body .kp-cat-chips-track {
flex-wrap: wrap;
overflow: visible;
overflow-y: hidden;
mask-image: none;
-webkit-mask-image: none;
padding-right: 0;
padding-left: 0;
row-gap: 10px;
max-height: 106px;
transition: max-height .3s ease;
scroll-snap-type: none}
body.kp-body .kp-cat-chips.is-expanded .kp-cat-chips-track {
max-height: 2000px}
body.kp-body .kp-cat-chips-toggle {
display: none;
margin: 12px 0 0;
padding: 0;
background: transparent;
border: 0;
font: inherit;
font-size: 13px;
font-weight: 700;
letter-spacing:normal;
text-transform: uppercase;
color: var(--ink-2, #6b6b6b);
text-decoration: underline;
text-decoration-color: var(--yellow, #FECE15);
text-decoration-thickness: 2px;
text-underline-offset: 4px;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
transition: color .15s}
body.kp-body .kp-cat-chips-toggle:hover {
color: var(--ink, #0a0a0a)}
body.kp-body .kp-cat-chips.is-clipped .kp-cat-chips-toggle {
display: inline-block}
@media (max-width: 760px) {
body.kp-body .kp-cat-chips-track {
max-height: 210px}
}
body.kp-body .kp-cat-fpill[data-kp-fpill-toggle] {
position: relative;
cursor: pointer;
user-select: none}
body.kp-body .kp-cat-fpill[data-kp-fpill-toggle]:focus-visible {
outline: 2px solid var(--ink, #0a0a0a);
outline-offset: 2px}
body.kp-body .kp-cat-fpill-drop {
position: absolute;
top: calc(100% + 6px);
left: 0;
min-width: 280px;
background: #fff;
border: 1px solid var(--line, #e5e5e5);
border-radius: var(--radius-sm, 8px);
box-shadow: 0 8px 24px rgba(0,0,0,.12);
z-index: 20;
padding: 16px;
display: none;
cursor: default;
white-space: normal}
body.kp-body .kp-cat-fpill.is-open .kp-cat-fpill-drop {
display: block}
body.kp-body .kp-cat-fpill-drop-row {
display: flex;
gap: 10px;
margin-bottom: 14px}
body.kp-body .kp-cat-fpill-field {
flex: 1;
display: flex;
flex-direction: column;
gap: 6px}
body.kp-body .kp-cat-fpill-field-lbl {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing:normal;
color: var(--ink-3, #a0a0a0)}
body.kp-body .kp-cat-fpill-field input[type=number] {
height: 40px;
padding: 0 12px;
margin: 0;
background: #fff;
border: 1px solid var(--line, #e5e5e5);
border-radius: var(--radius-sm, 8px);
font-family: inherit;
font-size: 15px;
font-weight: 600;
line-height: 1;
color: var(--ink, #0a0a0a);
width: 100%;
box-sizing: border-box;
-moz-appearance: textfield;
-webkit-appearance: none;
appearance: none;
transition: border-color .15s}
body.kp-body .kp-cat-fpill-field input[type=number]::-webkit-outer-spin-button,
body.kp-body .kp-cat-fpill-field input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0}
body.kp-body .kp-cat-fpill-field input[type=number]:focus {
outline: 0;
border-color: var(--ink, #0a0a0a)}
body.kp-body .kp-cat-fpill-drop-foot {
display: flex;
align-items: center;
gap: 10px}
body.kp-body .kp-cat-fpill-reset {
font-size: 13px;
font-weight: 600;
color: var(--ink-2, #6b6b6b);
text-decoration: underline;
text-decoration-color: var(--yellow, #FECE15);
text-decoration-thickness: 2px;
text-underline-offset: 4px}
body.kp-body .kp-cat-fpill-reset:hover {
color: var(--ink, #0a0a0a)}
body.kp-body .kp-cat-fpill-apply {
margin-left: auto;
height: 40px;
padding: 0 22px;
background: var(--ink, #0a0a0a);
color: #fff;
border: 0;
border-radius: var(--radius-sm, 8px);
font-family: inherit;
font-size: 13px;
font-weight: 700;
letter-spacing:normal;
text-transform: uppercase;
cursor: pointer;
transition: background .15s;
-webkit-appearance: none;
appearance: none}
body.kp-body .kp-cat-fpill-apply:hover {
background: #1a1a1a}
@media (max-width: 760px) {
body.kp-body .kp-cat-fpill-drop {
left: 0;
right: 0;
min-width: 0}
}
body.kp-body .kp-cat-fpill-drop--colors {
min-width: 360px;
max-height: 420px;
padding: 16px}
body.kp-body .kp-cat-fpill.is-open .kp-cat-fpill-drop--colors {
display: flex;
flex-direction: column}
body.kp-body .kp-cat-fpill-colors-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px 10px;
overflow-y: auto;
margin-bottom: 14px;
flex: 1 1 auto;
min-height: 0}
body.kp-body .kp-cat-fpill-color {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
padding: 8px 4px;
background: transparent;
border: 0;
border-radius: 8px;
cursor: pointer;
transition: background .15s;
font-family: inherit;
-webkit-appearance: none;
appearance: none}
body.kp-body .kp-cat-fpill-color:hover {
background: var(--fog, #f5f5f5)}
body.kp-body .kp-cat-fpill-color.is-selected {
background: var(--yellow-soft, #fff8d6)}
body.kp-body .kp-cat-fpill-color-swatch {
width: 32px;
height: 32px;
border-radius: 50%;
box-shadow: inset 0 0 0 1.5px rgba(0,0,0,.12);
box-sizing: border-box;
transition: box-shadow .15s;
flex-shrink: 0}
body.kp-body .kp-cat-fpill-color.is-selected .kp-cat-fpill-color-swatch {
box-shadow: inset 0 0 0 2.5px var(--ink, #0a0a0a)}
body.kp-body .kp-cat-fpill-color-swatch.kp-swatch-transparent {
background-color: #fff;
background-image:
linear-gradient(45deg, #ddd 25%, transparent 25%),
linear-gradient(-45deg, #ddd 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, #ddd 75%),
linear-gradient(-45deg, transparent 75%, #ddd 75%);
background-size: 12px 12px;
background-position: 0 0, 0 6px, 6px -6px, -6px 0}
body.kp-body .kp-cat-fpill-color-swatch.kp-swatch-rainbow {
background: conic-gradient(
#D32F2F, #F57C00, #FBC02D, #43A047,
#1AA89A, #1B4D8F, #7B3FA0, #E91E63, #D32F2F
)}
body.kp-body .kp-cat-fpill-color-name {
font-size: 11px;
font-weight: 600;
line-height: 1.2;
color: var(--ink-2, #6b6b6b);
text-align: center}
body.kp-body .kp-cat-fpill-color.is-selected .kp-cat-fpill-color-name {
color: var(--ink, #0a0a0a);
font-weight: 700}
body.kp-body .kp-cat-fpill-drop--colors .kp-cat-fpill-drop-foot {
flex-shrink: 0;
padding-top: 12px;
border-top: 1px solid var(--line, #e5e5e5);
background: #fff}
@media (max-width: 760px) {
body.kp-body .kp-cat-fpill-drop--colors {
min-width: 0;
max-height: 360px}
body.kp-body .kp-cat-fpill-colors-grid {
grid-template-columns: repeat(3, 1fr)}
}
body.kp-body .kp-cat-fpill-drop--stock {
min-width: 260px}
body.kp-body .kp-cat-fpill-stock-list {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 14px}
body.kp-body .kp-cat-fpill-stock {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 12px;
background: transparent;
border: 0;
border-radius: 8px;
cursor: pointer;
transition: background .15s;
font-family: inherit;
text-align: left;
width: 100%;
-webkit-appearance: none;
appearance: none}
body.kp-body .kp-cat-fpill-stock:hover {
background: var(--fog, #f5f5f5)}
body.kp-body .kp-cat-fpill-stock.is-selected {
background: var(--yellow-soft, #fff8d6)}
body.kp-body .kp-cat-fpill-stock-check {
flex-shrink: 0;
width: 18px;
height: 18px;
border-radius: 4px;
border: 1.5px solid var(--line, #e5e5e5);
background: #fff;
box-sizing: border-box;
position: relative;
transition: background .15s, border-color .15s}
body.kp-body .kp-cat-fpill-stock.is-selected .kp-cat-fpill-stock-check {
background: var(--ink, #0a0a0a);
border-color: var(--ink, #0a0a0a)}
body.kp-body .kp-cat-fpill-stock.is-selected .kp-cat-fpill-stock-check::after {
content: "";
position: absolute;
left: 5px;
top: 1px;
width: 5px;
height: 10px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(45deg)}
body.kp-body .kp-cat-fpill-stock-name {
flex: 1 1 auto;
font-size: 14px;
font-weight: 600;
color: var(--ink-2, #6b6b6b);
line-height: 1.2}
body.kp-body .kp-cat-fpill-stock.is-selected .kp-cat-fpill-stock-name {
color: var(--ink, #0a0a0a);
font-weight: 700}
body.kp-body .kp-cat-fpill-stock-count {
flex-shrink: 0;
font-size: 12px;
font-weight: 600;
color: var(--ink-3, #a0a0a0);
font-variant-numeric: tabular-nums}
body.kp-body .kp-cat-fpill-stock.is-selected .kp-cat-fpill-stock-count {
color: var(--ink-2, #6b6b6b)}
body.kp-body .kp-cat-fpill-drop--material {
min-width: 320px;
max-height: 420px;
padding: 16px}
body.kp-body .kp-cat-fpill.is-open .kp-cat-fpill-drop--material {
display: flex;
flex-direction: column}
body.kp-body .kp-cat-fpill-mat-list {
display: flex;
flex-direction: column;
gap: 4px;
overflow-y: auto;
margin-bottom: 14px;
flex: 1 1 auto;
min-height: 0}
body.kp-body .kp-cat-fpill-mat {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 12px;
background: transparent;
border: 0;
border-radius: 8px;
cursor: pointer;
transition: background .15s;
font-family: inherit;
text-align: left;
width: 100%;
-webkit-appearance: none;
appearance: none}
body.kp-body .kp-cat-fpill-mat:hover {
background: var(--fog, #f5f5f5)}
body.kp-body .kp-cat-fpill-mat.is-selected {
background: var(--yellow-soft, #fff8d6)}
body.kp-body .kp-cat-fpill-mat-check {
flex-shrink: 0;
width: 18px;
height: 18px;
border-radius: 4px;
border: 1.5px solid var(--line, #e5e5e5);
background: #fff;
box-sizing: border-box;
position: relative;
transition: background .15s, border-color .15s}
body.kp-body .kp-cat-fpill-mat.is-selected .kp-cat-fpill-mat-check {
background: var(--ink, #0a0a0a);
border-color: var(--ink, #0a0a0a)}
body.kp-body .kp-cat-fpill-mat.is-selected .kp-cat-fpill-mat-check::after {
content: "";
position: absolute;
left: 5px;
top: 1px;
width: 5px;
height: 10px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(45deg)}
body.kp-body .kp-cat-fpill-mat-name {
flex: 1 1 auto;
min-width: 0;
font-size: 14px;
font-weight: 600;
color: var(--ink-2, #6b6b6b);
line-height: 1.2;
white-space: normal;
overflow-wrap: break-word}
body.kp-body .kp-cat-fpill-mat.is-selected .kp-cat-fpill-mat-name {
color: var(--ink, #0a0a0a);
font-weight: 700}
body.kp-body .kp-cat-fpill-mat-count {
flex-shrink: 0;
font-size: 12px;
font-weight: 600;
color: var(--ink-3, #a0a0a0);
font-variant-numeric: tabular-nums}
body.kp-body .kp-cat-fpill-mat.is-selected .kp-cat-fpill-mat-count {
color: var(--ink-2, #6b6b6b)}
body.kp-body .kp-cat-fpill-drop--material .kp-cat-fpill-drop-foot {
flex-shrink: 0;
padding-top: 12px;
border-top: 1px solid var(--line, #e5e5e5);
background: #fff}
@media (max-width: 760px) {
body.kp-body .kp-cat-fpill-drop--material {
min-width: 0;
max-height: 360px}
}
body.kp-body .kp-cat-fpill-drop--brand {
min-width: 320px;
max-height: 420px;
padding: 16px}
body.kp-body .kp-cat-fpill.is-open .kp-cat-fpill-drop--brand {
display: flex;
flex-direction: column}
body.kp-body .kp-cat-fpill-brand-list {
display: flex;
flex-direction: column;
gap: 4px;
overflow-y: auto;
margin-bottom: 14px;
flex: 1 1 auto;
min-height: 0}
body.kp-body .kp-cat-fpill-brand {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 12px;
background: transparent;
border: 0;
border-radius: 8px;
cursor: pointer;
transition: background .15s;
font-family: inherit;
text-align: left;
width: 100%;
-webkit-appearance: none;
appearance: none}
body.kp-body .kp-cat-fpill-brand:hover {
background: var(--fog, #f5f5f5)}
body.kp-body .kp-cat-fpill-brand.is-selected {
background: var(--yellow-soft, #fff8d6)}
body.kp-body .kp-cat-fpill-brand-check {
flex-shrink: 0;
width: 18px;
height: 18px;
border-radius: 4px;
border: 1.5px solid var(--line, #e5e5e5);
background: #fff;
box-sizing: border-box;
position: relative;
transition: background .15s, border-color .15s}
body.kp-body .kp-cat-fpill-brand.is-selected .kp-cat-fpill-brand-check {
background: var(--ink, #0a0a0a);
border-color: var(--ink, #0a0a0a)}
body.kp-body .kp-cat-fpill-brand.is-selected .kp-cat-fpill-brand-check::after {
content: "";
position: absolute;
left: 5px;
top: 1px;
width: 5px;
height: 10px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(45deg)}
body.kp-body .kp-cat-fpill-brand-name {
flex: 1 1 auto;
min-width: 0;
font-size: 14px;
font-weight: 600;
color: var(--ink-2, #6b6b6b);
line-height: 1.2;
white-space: normal;
overflow-wrap: break-word}
body.kp-body .kp-cat-fpill-brand.is-selected .kp-cat-fpill-brand-name {
color: var(--ink, #0a0a0a);
font-weight: 700}
body.kp-body .kp-cat-fpill-brand-count {
flex-shrink: 0;
font-size: 12px;
font-weight: 600;
color: var(--ink-3, #a0a0a0);
font-variant-numeric: tabular-nums}
body.kp-body .kp-cat-fpill-brand.is-selected .kp-cat-fpill-brand-count {
color: var(--ink-2, #6b6b6b)}
body.kp-body .kp-cat-fpill-drop--brand .kp-cat-fpill-drop-foot {
flex-shrink: 0;
padding-top: 12px;
border-top: 1px solid var(--line, #e5e5e5);
background: #fff}
@media (max-width: 760px) {
body.kp-body .kp-cat-fpill-drop--brand {
min-width: 0;
max-height: 360px}
}
body.kp-body .kp-cat-fpill-drop--special {
min-width: 320px;
max-height: 420px;
padding: 16px}
body.kp-body .kp-cat-fpill.is-open .kp-cat-fpill-drop--special {
display: flex;
flex-direction: column}
body.kp-body .kp-cat-fpill-special-list {
display: flex;
flex-direction: column;
gap: 4px;
overflow-y: auto;
margin-bottom: 14px;
flex: 1 1 auto;
min-height: 0}
body.kp-body .kp-cat-fpill-special {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 12px;
background: transparent;
border: 0;
border-radius: 8px;
cursor: pointer;
transition: background .15s;
font-family: inherit;
text-align: left;
width: 100%;
-webkit-appearance: none;
appearance: none}
body.kp-body .kp-cat-fpill-special:hover {
background: var(--fog, #f5f5f5)}
body.kp-body .kp-cat-fpill-special.is-selected {
background: var(--yellow-soft, #fff8d6)}
body.kp-body .kp-cat-fpill-special-check {
flex-shrink: 0;
width: 18px;
height: 18px;
border-radius: 4px;
border: 1.5px solid var(--line, #e5e5e5);
background: #fff;
box-sizing: border-box;
position: relative;
transition: background .15s, border-color .15s}
body.kp-body .kp-cat-fpill-special.is-selected .kp-cat-fpill-special-check {
background: var(--ink, #0a0a0a);
border-color: var(--ink, #0a0a0a)}
body.kp-body .kp-cat-fpill-special.is-selected .kp-cat-fpill-special-check::after {
content: "";
position: absolute;
left: 5px;
top: 1px;
width: 5px;
height: 10px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(45deg)}
body.kp-body .kp-cat-fpill-special-name {
flex: 1 1 auto;
min-width: 0;
font-size: 14px;
font-weight: 600;
color: var(--ink-2, #6b6b6b);
line-height: 1.2;
white-space: normal;
overflow-wrap: break-word}
body.kp-body .kp-cat-fpill-special.is-selected .kp-cat-fpill-special-name {
color: var(--ink, #0a0a0a);
font-weight: 700}
body.kp-body .kp-cat-fpill-special-count {
flex-shrink: 0;
font-size: 12px;
font-weight: 600;
color: var(--ink-3, #a0a0a0);
font-variant-numeric: tabular-nums}
body.kp-body .kp-cat-fpill-special.is-selected .kp-cat-fpill-special-count {
color: var(--ink-2, #6b6b6b)}
body.kp-body .kp-cat-fpill-drop--special .kp-cat-fpill-drop-foot {
flex-shrink: 0;
padding-top: 12px;
border-top: 1px solid var(--line, #e5e5e5);
background: #fff}
@media (max-width: 760px) {
body.kp-body .kp-cat-fpill-drop--special {
min-width: 0;
max-height: 360px}
}
body.kp-body .kp-coll-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
margin: 24px 0 48px}
@media (max-width: 1100px) {
body.kp-body .kp-coll-grid { grid-template-columns: repeat(3, 1fr); gap: 20px}
}
@media (max-width: 760px) {
body.kp-body .kp-coll-grid { grid-template-columns: repeat(2, 1fr); gap: 16px}
}
@media (max-width: 480px) {
body.kp-body .kp-coll-grid { grid-template-columns: 1fr; gap: 14px}
}
body.kp-body .kp-coll-card {
display: flex;
flex-direction: column;
background: #fff;
border-radius: 12px;
overflow: hidden;
text-decoration: none;
color: inherit;
transition: box-shadow .2s, transform .2s;
border: 1px solid var(--line, #e5e5e5)}
body.kp-body .kp-coll-card:hover {
box-shadow: 0 6px 24px rgba(0,0,0,.08);
transform: translateY(-2px)}
body.kp-body .kp-coll-card-cover {
position: relative;
width: 100%;
aspect-ratio: 4 / 3;
background: var(--fog, #f5f5f5);
overflow: hidden}
body.kp-body .kp-coll-card-cover img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .35s}
body.kp-body .kp-coll-card:hover .kp-coll-card-cover img {
transform: scale(1.04)}
body.kp-body .kp-coll-card-cover-fallback {
position: absolute;
inset: 0;
background:
linear-gradient(135deg, transparent 45%, rgba(0,0,0,.04) 50%, transparent 55%)
var(--fog, #f5f5f5)}
body.kp-body .kp-coll-card-body {
padding: 14px 16px 18px;
display: flex;
flex-direction: column;
gap: 4px}
body.kp-body .kp-coll-card-name {
font-size: 18px;
font-weight: 700;
line-height: 1.25;
color: var(--ink, #0a0a0a)}
body.kp-body .kp-coll-card-count {
font-size: 14px;
font-weight: 500;
color: var(--ink-3, #a0a0a0);
font-variant-numeric: tabular-nums}
@media (max-width: 480px) {
body.kp-body .kp-coll-card-name  { font-size: 17px}
body.kp-body .kp-coll-card-body  { padding: 12px 14px 16px}
}
body.kp-body .kp-prod-imgwrap .kp-prod-fav {
width: 34px;
height: 34px;
padding: 0;
margin: 0;
background: #fff;
border: 1px solid var(--line);
border-radius: 50%;
color: var(--ink-3);
display: grid;
place-items: center;
cursor: pointer;
transition: background .15s, border-color .15s, color .15s}
body.kp-body .kp-prod-imgwrap .kp-prod-fav > a {
display: grid;
place-items: center;
width: 100%;
height: 100%;
color: inherit;
text-decoration: none;
border-radius: 50%;
padding: 0;
background: transparent}
body.kp-body .kp-prod-imgwrap .kp-prod-fav .wd-added-icon {
display: none}
body.kp-body .kp-prod-imgwrap .kp-prod-fav .wd-action-text,
body.kp-body .kp-prod-imgwrap .kp-prod-fav .kp-visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0}
body.kp-body .kp-prod-imgwrap .kp-prod-fav .kp-prod-fav-svg {
width: 18px;
height: 18px;
display: block;
transition: fill .15s}
body.kp-body .kp-prod-imgwrap .kp-prod-fav:hover {
background: var(--hot);
border-color: var(--hot);
color: #fff}
body.kp-body .kp-prod-imgwrap .kp-prod-fav:has(a.added) {
background: var(--hot);
border-color: var(--hot);
color: #fff}
body.kp-body .kp-prod-imgwrap .kp-prod-fav a.added .kp-prod-fav-svg {
fill: currentColor}
body.kp-body .kp-prod-imgwrap .kp-prod-fav.wd-wishlist-btn {
line-height: 0}
body.kp-body .kp-prod-imgwrap .kp-prod-fav.wd-wishlist-btn::before,
body.kp-body .kp-prod-imgwrap .kp-prod-fav.wd-wishlist-btn > a::before {
display: none !important}
body.kp-body .kp-prod-imgwrap .kp-prod-fav:focus-visible,
body.kp-body .kp-prod-imgwrap .kp-prod-fav > a:focus-visible {
outline: 2px solid var(--hot);
outline-offset: 2px}
body.kp-body .kp-prod-imgwrap .kp-prod-fav:hover > a,
body.kp-body .kp-prod-imgwrap .kp-prod-fav > a:hover,
body.kp-body .kp-prod-imgwrap .kp-prod-fav > a.added {
color: #fff;
transition: color .15s}
body.kp-body .kp-prod-imgwrap .kp-prod-fav.wd-wishlist-btn > a.added {
}
body.kp-body .kp-prod-imgwrap .kp-prod-fav > a.added .kp-prod-fav-svg {
fill: currentColor}
body.kp-body .kp-snav-icon.wd-header-wishlist .wd-tools-count:empty,
body.kp-body .kp-snav-icon.wd-header-wishlist[data-count="0"] .wd-tools-count {
display: none}
body.kp-body .kp-snav-icon.wd-header-wishlist {
margin: 0;
padding: 0}
body.kp-body .kp-prod-imgwrap .kp-prod-fav {
box-shadow:
0 0 0 1px rgba(0, 0, 0, 0.06),
0 2px 6px rgba(0, 0, 0, 0.10)}
body.kp-body .kp-prod-imgwrap .kp-prod-fav:hover,
body.kp-body .kp-prod-imgwrap .kp-prod-fav:has(a.added) {
box-shadow: 0 2px 8px rgba(231, 76, 60, 0.30)}
body.kp-body .kp-wl-page {
padding-bottom: 80px}
body.kp-body .kp-wl-page [hidden],
body.kp-body .kp-wl-page[hidden] {
display: none !important}
body.kp-body .kp-wl-head {
padding-top: 24px;
padding-bottom: 12px}
body.kp-body .kp-wl-kicker {
font-size: 13px;
letter-spacing:normal;
text-transform: uppercase;
font-weight: 700;
color: var(--ink-3);
margin-bottom: 14px}
body.kp-body .kp-wl-title-row {
display: flex;
align-items: flex-start;
gap: 24px;
flex-wrap: wrap}
body.kp-body .kp-wl-title {
font-size: clamp(36px, 5vw, 56px);
line-height: 1;
font-weight: 800;
letter-spacing:normal;
color: var(--ink);
margin: 0;
flex: 0 0 auto}
body.kp-body .kp-wl-count {
background: var(--yellow);
color: var(--ink);
border-radius: 12px;
padding: 10px 16px;
display: inline-flex;
align-items: center;
gap: 12px;
margin-top: 6px}
body.kp-body .kp-wl-count-num {
font-size: 32px;
font-weight: 800;
line-height: 1}
body.kp-body .kp-wl-count-lbl {
font-size: 12px;
line-height: 1.2;
font-weight: 600;
letter-spacing:normal}
body.kp-body .kp-wl-intro {
max-width: 720px;
margin: 20px 0 0;
color: var(--ink-2);
font-size: 15px;
line-height: 1.5}
body.kp-body .kp-wl-actions {
padding: 8px 0 20px}
body.kp-body .kp-wl-actions-row {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap}
body.kp-body .kp-wl-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
border: 0;
cursor: pointer;
font-family: inherit;
font-weight: 700;
letter-spacing:normal;
text-decoration: none;
transition: all .15s}
body.kp-body .kp-wl-btn-primary {
background: var(--ink);
color: #fff;
padding: 14px 24px;
border-radius: 12px;
font-size: 15px}
body.kp-body .kp-wl-btn-primary:hover {
background: var(--yellow);
color: var(--ink)}
body.kp-body .kp-wl-btn-primary svg {
flex: 0 0 auto}
body.kp-body .kp-wl-btn-ghost {
background: transparent;
color: var(--ink-2);
padding: 14px 8px;
font-size: 14px;
text-decoration: underline;
text-underline-offset: 4px}
body.kp-body .kp-wl-btn-ghost:hover {
color: var(--hot)}
body.kp-body .kp-wl-btn.is-loading {
opacity: 0.6;
pointer-events: none}
body.kp-body .kp-wl-grid-sec {
padding: 12px 0 0}
body.kp-body .kp-wl-grid {
grid-template-columns: repeat(4, 1fr)}
body.kp-body .kp-wl-empty {
padding: 40px 0}
body.kp-body .kp-wl-empty-box {
text-align: center;
max-width: 520px;
margin: 0 auto;
padding: 40px 24px}
body.kp-body .kp-wl-empty-icon {
width: 96px;
height: 96px;
margin: 0 auto 24px;
background: var(--yellow);
border-radius: 50%;
display: grid;
place-items: center;
color: var(--ink)}
body.kp-body .kp-wl-empty-title {
font-size: 28px;
font-weight: 800;
color: var(--ink);
margin: 0 0 12px;
letter-spacing:normal}
body.kp-body .kp-wl-empty-text {
color: var(--ink-2);
font-size: 15px;
line-height: 1.5;
margin: 0 0 28px}
body.kp-body .kp-toast {
position: fixed;
bottom: 24px;
left: 50%;
transform: translateX(-50%);
background: var(--ink);
color: #fff;
padding: 12px 18px;
border-radius: 10px;
display: flex;
align-items: center;
gap: 10px;
z-index: 999999;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
font-size: 14px;
font-weight: 600;
animation: kp-toast-in .2s ease-out}
body.kp-body .kp-toast-t {
line-height: 1.3}
@keyframes kp-toast-in {
from { opacity: 0; transform: translate(-50%, 12px)}
to   { opacity: 1; transform: translate(-50%, 0)}
}
@media (max-width: 980px) {
body.kp-body .kp-wl-grid {
grid-template-columns: repeat(3, 1fr)}
body.kp-body .kp-wl-title-row {
gap: 16px}
body.kp-body .kp-wl-title {
font-size: clamp(28px, 7vw, 40px)}
}
@media (max-width: 760px) {
body.kp-body .kp-wl-grid {
grid-template-columns: repeat(2, 1fr)}
body.kp-body .kp-wl-actions-row {
flex-direction: column;
align-items: stretch}
body.kp-body .kp-wl-btn-primary {
justify-content: center}
body.kp-body .kp-wl-btn-ghost {
text-align: center}
}
@media (max-width: 480px) {
body.kp-body .kp-wl-grid {
grid-template-columns: 1fr}
body.kp-body .kp-wl-count {
padding: 8px 12px}
body.kp-body .kp-wl-count-num {
font-size: 24px}
}
.kp-confirm-backdrop {
position: fixed;
inset: 0;
background: rgba(10, 10, 10, 0.55);
z-index: 100000;
display: grid;
place-items: center;
padding: 20px;
animation: kp-confirm-bd-in .15s ease-out}
@keyframes kp-confirm-bd-in {
from { opacity: 0}
to   { opacity: 1}
}
.kp-confirm {
background: #fff;
border-radius: 16px;
padding: 28px 28px 24px;
max-width: 440px;
width: 100%;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.30);
animation: kp-confirm-in .18s ease-out;
box-sizing: border-box}
@keyframes kp-confirm-in {
from { opacity: 0; transform: translateY(8px) scale(.97)}
to   { opacity: 1; transform: translateY(0) scale(1)}
}
.kp-confirm-title {
margin: 0 0 10px;
font-size: 20px;
font-weight: 800;
color: var(--ink, #0a0a0a);
line-height: 1.25}
.kp-confirm-message {
margin: 0 0 22px;
font-size: 14px;
line-height: 1.5;
color: var(--ink-2, #555)}
.kp-confirm-title:last-of-type:not(:last-child) ~ .kp-confirm-actions,
.kp-confirm-title + .kp-confirm-actions {
margin-top: 22px}
.kp-confirm-actions {
display: flex;
gap: 10px;
justify-content: flex-end;
flex-wrap: wrap}
.kp-confirm-btn {
appearance: none;
border: 0;
cursor: pointer;
font-family: inherit;
font-weight: 700;
font-size: 14px;
padding: 12px 22px;
border-radius: 10px;
transition: background .15s, color .15s, border-color .15s;
letter-spacing:normal}
.kp-confirm-btn:focus-visible {
outline: 2px solid var(--ink, #0a0a0a);
outline-offset: 2px}
.kp-confirm-btn-cancel {
background: #fff;
color: var(--ink, #0a0a0a);
border: 1px solid var(--line, #E5E5E5)}
.kp-confirm-btn-cancel:hover {
background: var(--fog, #F7F7F7);
border-color: var(--ink-3, #8A8A8A)}
.kp-confirm-btn-ok {
background: var(--ink, #0a0a0a);
color: #fff}
.kp-confirm-btn-ok:hover {
background: var(--yellow, #FECE15);
color: var(--ink, #0a0a0a)}
@media (max-width: 480px) {
.kp-confirm {
padding: 22px 20px 18px;
border-radius: 14px}
.kp-confirm-title {
font-size: 18px}
.kp-confirm-actions {
flex-direction: column-reverse;
gap: 8px}
.kp-confirm-btn {
width: 100%;
padding: 14px 22px}
}
body.kp-body .kp-pdp {
background: var(--paper)}
body.kp-body.single-product .wd-content-area { padding-top: 0}
body.kp-body .kp-pdp-main {
padding: 0}
body.kp-body .kp-pdp-grid {
display: grid;
grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr);
gap: 48px;
align-items: start;
margin-bottom: 56px}
body.kp-body .kp-pdp-grid > .kp-pdp-gallery,
body.kp-body .kp-pdp-grid > .kp-pdp-info { min-width: 0}
@media (min-width: 1025px) {
body.kp-body .kp-pdp-gallery { position: sticky; top: 24px}
}
body.kp-body .kp-pdp .gal { display: flex; flex-direction: column; gap: 16px}
body.kp-body .kp-pdp .gal-main-wrap {
position: relative; background: #fff; border: 1px solid var(--line);
border-radius: var(--radius-lg); padding: 24px; aspect-ratio: 1/1;
display: flex; align-items: center; justify-content: center; overflow: hidden}
body.kp-body .kp-pdp .gal-main { width: 100%; height: 100%; object-fit: contain; cursor: zoom-in}
body.kp-body .kp-pdp .gal-badges {
position: absolute; top: 16px; left: 16px; display: flex; flex-direction: column;
gap: 6px; z-index: 2}
body.kp-body .kp-pdp .gal-badge {
padding: 6px 10px; border-radius: 4px; font-weight: 700; font-size: 11px;
letter-spacing:normal; text-transform: uppercase; width: fit-content;
box-shadow: 0 2px 6px rgba(0,0,0,.06)}
body.kp-body .kp-pdp .gb-new { background: var(--eco); color: #fff}
body.kp-body .kp-pdp .gb-rus { background: var(--ink); color: var(--yellow)}
body.kp-body .kp-pdp .gb-sale { background: var(--hot); color: #fff}
body.kp-body .kp-pdp .gb-hit { background: var(--yellow); color: var(--ink)}
body.kp-body .kp-pdp .gal-tools {
position: absolute; top: 16px; right: 16px; display: flex; flex-direction: column;
gap: 8px; z-index: 2}
body.kp-body .kp-pdp .gal-tool {
width: 44px; height: 44px; border-radius: 50%; background: #fff;
box-shadow: var(--shadow-soft); display: grid; place-items: center;
color: var(--ink-3); transition: all .15s; border: 0; cursor: pointer}
body.kp-body .kp-pdp .gal-tool:hover { color: var(--ink); transform: translateY(-1px); box-shadow: var(--shadow-card)}
body.kp-body .kp-pdp .gal-tool.is-fav { color: var(--hot)}
body.kp-body .kp-pdp .gal-thumbs {
display: flex; gap: 12px; align-items: center; min-width: 0;
overflow-x: auto; padding-bottom: 6px; scroll-snap-type: x mandatory;
scrollbar-width: thin; scrollbar-color: var(--line) transparent}
body.kp-body .kp-pdp .gal-thumbs::-webkit-scrollbar { height: 6px}
body.kp-body .kp-pdp .gal-thumbs::-webkit-scrollbar-thumb { background: var(--line); border-radius: 3px}
body.kp-body .kp-pdp .gal-thumb {
scroll-snap-align: start; width: 80px; height: 80px; border-radius: 8px;
overflow: hidden; border: 1px solid var(--line); flex-shrink: 0; background: #fff;
padding: 6px; transition: border-color .15s, transform .15s; cursor: pointer;
display: flex; align-items: center; justify-content: center}
body.kp-body .kp-pdp .gal-thumb img { width: 100%; height: 100%; object-fit: contain}
body.kp-body .kp-pdp .gal-thumb:hover { border-color: var(--ink); transform: translateY(-2px)}
body.kp-body .kp-pdp .gal-thumb.is-active { border: 2px solid var(--ink); padding: 5px}
body.kp-body .kp-pdp .pv { width: auto; background: none; box-shadow: none; padding: 0; border-radius: 0}
body.kp-body .kp-pdp .pv * { font-feature-settings: "tnum" 0}
body.kp-body .kp-pdp .pv-brand {
display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 14px;
background: var(--ink); color: #fff; border-radius: 999px; font-weight: 600; font-size: 15px;
letter-spacing:normal; text-transform: uppercase; margin-bottom: 18px}
body.kp-body .kp-pdp .pv-brand svg { color: var(--yellow)}
body.kp-body .kp-pdp a.pv-brand { text-decoration: none; transition: background .15s}
body.kp-body .kp-pdp a.pv-brand:hover { background: #222}
body.kp-body .kp-pdp .pv-title {
margin: 0 0 18px; font-weight: 700; font-size: 30px; line-height: 1.12;
letter-spacing:normal; color: var(--ink)}
body.kp-body .kp-pdp .pv-ids { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 22px}
body.kp-body .kp-pdp .pv-id { display: inline-flex; align-items: baseline; gap: 7px; font-size: 15px; color: var(--ink-3)}
body.kp-body .kp-pdp .pv-id-lbl { font-weight: 500; letter-spacing:normal}
body.kp-body .kp-pdp .pv-id-val { font-weight: 600; color: var(--ink); letter-spacing:normal; font-variant-numeric: tabular-nums}
body.kp-body .kp-pdp .pv-copy {
display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0;
border: 0; font-size: 15px; font-weight: 500;
color: var(--ink-2); transition: color .15s; background: none; cursor: pointer}
body.kp-body .kp-pdp .pv-copy:hover { color: var(--ink)}
body.kp-body .kp-pdp .pv-copy.is-done { color: var(--eco)}
body.kp-body .kp-pdp .pv-id-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--line)}
body.kp-body .kp-pdp .pv-price { display: flex; align-items: baseline; gap: 10px; margin-bottom: 26px}
body.kp-body .kp-pdp .pv-price-num { font-weight: 700; font-size: 38px; line-height: 1; letter-spacing:normal; color: var(--ink); font-variant-numeric: tabular-nums}
body.kp-body .kp-pdp .pv-price-unit { font-size: 15px; font-weight: 500; color: var(--ink-3)}
body.kp-body .kp-pdp .pv-lbl { font-weight: 600; font-size: 15px; letter-spacing:normal; text-transform: uppercase; color: var(--ink-2)}
body.kp-body .kp-pdp .pv-block { margin-bottom: 24px}
body.kp-body .kp-pdp .pv-rule { height: 1px; background: var(--line); border: 0; margin: 0 0 24px}
body.kp-body .kp-pdp .pv-thumb-head { display: flex; align-items: baseline; gap: 7px; flex-wrap: wrap; margin-bottom: 14px}
body.kp-body .kp-pdp .pv-thumb-head .pv-cur { font-weight: 600; font-size: 15px; color: var(--ink)}
body.kp-body .kp-pdp .pv-thumb-head .pv-mut { font-size: 15px; color: var(--ink-3); font-weight: 500}
body.kp-body .kp-pdp .pv-thumb-dot { color: var(--ink-3)}
body.kp-body .kp-pdp .pv-thumbs { display: flex; gap: 10px; flex-wrap: wrap}
body.kp-body .kp-pdp .pv-thumb {
width: 76px; height: 76px; border-radius: 12px; border: 1.5px solid var(--line); background: #fff;
padding: 6px; cursor: pointer; transition: transform .14s, border-color .14s, box-shadow .14s}
body.kp-body .kp-pdp .pv-thumb:hover { border-color: var(--ink-3); transform: translateY(-2px)}
body.kp-body .kp-pdp .pv-thumb.is-on { border: 2px solid var(--yellow); box-shadow: 0 0 0 3px var(--yellow-soft); padding: 5.5px}
body.kp-body .kp-pdp .pv-thumb-vis { width: 100%; height: 100%; border-radius: 8px; background: var(--fog); overflow: hidden; display: grid; place-items: center}
body.kp-body .kp-pdp .pv-thumb-vis img { width: 100%; height: 100%; object-fit: contain}
body.kp-body .kp-pdp .pv-pantone { display: flex; align-items: center; gap: 12px; margin-top: 14px; padding: 12px 14px; background: var(--fog); border-radius: 10px}
body.kp-body .kp-pdp .pv-pantone-chip { width: 40px; height: 40px; border-radius: 8px; flex-shrink: 0; box-shadow: inset 0 0 0 1px rgba(0,0,0,.08)}
body.kp-body .kp-pdp .pv-pantone-txt { display: flex; flex-direction: column; gap: 1px; min-width: 0}
body.kp-body .kp-pdp .pv-pantone-code { font-weight: 600; font-size: 15px; color: var(--ink); letter-spacing:normal}
body.kp-body .kp-pdp .pv-pantone-sub { font-size: 15px; color: var(--ink-3); font-weight: 500}
body.kp-body .kp-pdp .pv-methods-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px}
body.kp-body .kp-pdp .pv-method { display: flex; align-items: center; gap: 13px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: #fff; transition: all .15s}
body.kp-body .kp-pdp .pv-method:hover { border-color: var(--ink); transform: translateY(-1px); box-shadow: 0 6px 18px rgba(0,0,0,.07)}
body.kp-body .kp-pdp .pv-mglyph { width: 44px; height: 44px; border-radius: 10px; background: var(--ink); flex-shrink: 0; display: grid; place-items: center}
body.kp-body .kp-pdp .pv-mglyph svg { width: 24px; height: 24px}
body.kp-body .kp-pdp .pv-method-tx { display: flex; flex-direction: column; gap: 2px; min-width: 0}
body.kp-body .kp-pdp .pv-method-nm { font-weight: 600; font-size: 15px; color: var(--ink); line-height: 1.15}
body.kp-body .kp-pdp .pv-avail { display: flex; gap: 8px; margin-bottom: 14px; flex-wrap: wrap}
body.kp-body .kp-pdp .pv-avail-cell { flex: 1; min-width: 96px; background: var(--fog); border-radius: 10px; padding: 10px 12px}
body.kp-body .kp-pdp .pv-avail-k { font-size: 15px; color: var(--ink-3); font-weight: 500; margin-bottom: 2px}
body.kp-body .kp-pdp .pv-avail-v { font-weight: 600; font-size: 15px; color: var(--ink); font-variant-numeric: tabular-nums}
body.kp-body .kp-pdp .pv-avail-v.is-zero { color: var(--ink-3)}
body.kp-body .kp-pdp .pv-qty { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap}
body.kp-body .kp-pdp .pv-qty-l { display: flex; flex-direction: column; gap: 8px}
body.kp-body .kp-pdp .pv-stepper { display: inline-flex; align-items: stretch; height: 56px; border: 1.5px solid var(--ink); border-radius: 12px; overflow: hidden; background: #fff}
body.kp-body .kp-pdp .pv-step-btn { width: 54px; display: grid; place-items: center; background: var(--fog); color: var(--ink); transition: background .14s; border: 0; cursor: pointer}
body.kp-body .kp-pdp .pv-step-btn:hover { background: var(--yellow)}
body.kp-body .kp-pdp .pv-step-btn:disabled { color: var(--ink-3); background: #fff; cursor: not-allowed}
body.kp-body .kp-pdp .pv-step-input { width: 92px; border: 0; outline: 0; text-align: center; font-weight: 700; font-size: 22px; color: var(--ink); font-variant-numeric: tabular-nums; background: transparent}
body.kp-body .kp-pdp .pv-step-hint { font-size: 15px; color: var(--ink-3); font-weight: 500}
body.kp-body .kp-pdp .pv-step-hint b { font-weight: 600; color: var(--ink-2)}
body.kp-body .kp-pdp .pv-qty-sum { text-align: right}
body.kp-body .kp-pdp .pv-qty-sum-cap { font-size: 15px; color: var(--ink-3); font-weight: 500; margin-bottom: 3px}
body.kp-body .kp-pdp .pv-qty-sum-num { font-weight: 700; font-size: 26px; color: var(--ink); letter-spacing:normal; font-variant-numeric: tabular-nums; line-height: 1}
body.kp-body .kp-pdp .pv-ctas { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px}
body.kp-body .kp-pdp .pv-btn { height: 54px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 700; font-size: 15px; letter-spacing:normal; text-transform: uppercase; transition: all .15s; border: 0; cursor: pointer}
body.kp-body .kp-pdp .pv-btn-cart { background: #fff; color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--ink)}
body.kp-body .kp-pdp .pv-btn-cart:hover { background: var(--ink); color: #fff}
body.kp-body .kp-pdp .pv-btn-cart.is-added { background: var(--eco); color: #fff; box-shadow: none}
body.kp-body .kp-pdp .pv-btn-print { background: var(--yellow); color: var(--ink)}
body.kp-body .kp-pdp .pv-btn-print:hover { background: var(--yellow-hover); transform: translateY(-1px); box-shadow: 0 8px 24px rgba(0,0,0,.12)}
body.kp-body .kp-pdp .pv-facts { display: flex; flex-direction: column}
body.kp-body .kp-pdp .pv-fact { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--line)}
body.kp-body .kp-pdp .pv-fact:first-child { border-top: 1px solid var(--line)}
body.kp-body .kp-pdp .pv-fact-k { font-size: 15px; color: var(--ink-3); font-weight: 500}
body.kp-body .kp-pdp .pv-fact-v { font-weight: 600; font-size: 15px; color: var(--ink); text-align: right; font-variant-numeric: tabular-nums}
body.kp-body .kp-pdp .pv-stock { display: inline-flex; align-items: center; gap: 9px; height: 42px; padding: 0 16px; background: rgba(124,179,66,.12); border-radius: 999px; font-weight: 600; font-size: 15px; color: var(--ink)}
body.kp-body .kp-pdp .pv-stock-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--eco); box-shadow: 0 0 0 4px rgba(124,179,66,.22)}
body.kp-body .kp-pdp .pv-stock b { font-weight: 700; font-variant-numeric: tabular-nums}
body.kp-body .kp-pdp .pv-consult { margin-top: 20px; padding: 18px; background: var(--fog); border-radius: 14px}
body.kp-body .kp-pdp .pv-consult-h { margin: 0 0 12px; font-weight: 600; font-size: 16px; color: var(--ink)}
body.kp-body .kp-pdp .pv-consult-rows { display: flex; flex-direction: column; gap: 9px; margin-bottom: 14px}
body.kp-body .kp-pdp .pv-consult-line { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 500; color: var(--ink)}
body.kp-body .kp-pdp .pv-consult-line svg { color: var(--ink-2)}
body.kp-body .kp-pdp .pv-consult-msgs { display: flex; gap: 8px; flex-wrap: wrap}
body.kp-body .kp-pdp .pv-msg { display: inline-flex; align-items: center; gap: 9px; height: 44px; padding: 0 16px; border-radius: 10px; font-weight: 600; font-size: 15px; color: var(--ink); background: #fff; border: 1px solid var(--line); transition: all .15s}
body.kp-body .kp-pdp .pv-msg:hover { transform: translateY(-1px); border-color: var(--ink)}
body.kp-body .kp-pdp .pv-msg img { width: 22px; height: 22px; display: block; border-radius: 6px}
@media (max-width: 1024px) {
body.kp-body .kp-pdp-grid { grid-template-columns: 1fr; gap: 32px}
}
@media (max-width: 480px) {
body.kp-body .kp-pdp .pv-title { font-size: 24px}
body.kp-body .kp-pdp .pv-price-num { font-size: 32px}
body.kp-body .kp-pdp .pv-methods-grid { grid-template-columns: 1fr}
body.kp-body .kp-pdp .pv-ctas { grid-template-columns: 1fr}
body.kp-body .kp-pdp .pv-step-input { font-size: 18px}
}
body.kp-body .kp-pdp .gal-main > img { width: 100%; height: 100%; object-fit: contain; display: block}
body.kp-body .kp-pdp .kp-det {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding: 56px 0;
background: var(--paper);
border-top: 1px solid var(--line)}
body.kp-body .kp-pdp .kp-det--alt { background: var(--fog)}
body.kp-body .kp-pdp .kp-det-h {
font-weight: 700; font-size: 28px; line-height: 1.1;
text-transform: uppercase; margin: 0; color: var(--ink)}
body.kp-body .kp-pdp .kp-det-bar {
display: block; width: 48px; height: 3px;
background: var(--yellow); border-radius: 0; margin: 12px 0 24px}
body.kp-body .kp-pdp .kp-det2 {
display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 56px; align-items: start}
body.kp-body .kp-pdp .kp-det2-main { min-width: 0}
body.kp-body .kp-pdp .kp-det2-aside {
min-width: 0; align-self: start; position: sticky; top: 24px}
body.kp-body .kp-pdp .kp-aside-h {
font-weight: 700; font-size: 18px; line-height: 1.1;
text-transform: uppercase; margin: 0; color: var(--ink)}
body.kp-body .kp-pdp .kp-ov-lead {
font-size: 16px; line-height: 1.65; color: var(--ink); text-wrap: pretty}
body.kp-body .kp-pdp .kp-ov-lead > :first-child { margin-top: 0}
body.kp-body .kp-pdp .kp-ov-lead > :last-child { margin-bottom: 0}
body.kp-body .kp-pdp .kp-ov-lead p { margin: 0 0 14px}
body.kp-body .kp-pdp .kp-ov-lead a { color: var(--ink); border-bottom: 1px solid var(--yellow)}
body.kp-body .kp-pdp .kp-ov-lead ul,
body.kp-body .kp-pdp .kp-ov-lead ol,
body.kp-body .kp-pdp .kp-ov-lead ul.list {
margin: 0 0 14px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px}
body.kp-body .kp-pdp .kp-ov-lead li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: flex-start}
body.kp-body .kp-pdp .kp-ov-lead li::before { content: ""; width: 6px; height: 6px; border-radius: 2px; background: var(--yellow); margin-top: 9px; flex-shrink: 0}
body.kp-body .kp-pdp .kp-ov-lead table { border-collapse: collapse; width: 100%; margin: 10px 0 14px; font-size: 13px}
body.kp-body .kp-pdp .kp-ov-lead td, body.kp-body .kp-pdp .kp-ov-lead th { border: 1px solid var(--line); padding: 6px 8px; text-align: center; color: var(--ink)}
body.kp-body .kp-pdp .kp-ov-lead img { max-width: 100%; height: auto}
body.kp-body .kp-pdp .kp-ov-lead b, body.kp-body .kp-pdp .kp-ov-lead strong { font-weight: 600}
body.kp-body .kp-pdp .kp-charlist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column}
body.kp-body .kp-pdp .kp-charlist li {
display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: flex-start;
font-size: 16px; line-height: 1.55; color: var(--ink)}
body.kp-body .kp-pdp .kp-charlist li::before { content: ""; width: 6px; height: 6px; border-radius: 2px; background: var(--yellow); margin-top: 8px; flex-shrink: 0}
body.kp-body .kp-pdp .kp-charlist b { font-weight: 600}
body.kp-body .kp-pdp .kp-deliv-stack { display: flex; flex-direction: column; gap: 26px; max-width: 620px}
body.kp-body .kp-pdp .kp-deliv-h {
margin: 0 0 10px; font-weight: 600; font-size: 15px; text-transform: uppercase;
color: var(--ink); display: inline-flex; align-items: center; gap: 8px}
body.kp-body .kp-pdp .kp-deliv-h svg { color: var(--ink)}
body.kp-body .kp-pdp .kp-deliv-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px}
body.kp-body .kp-pdp .kp-deliv-list li { display: grid; grid-template-columns: auto 1fr; gap: 11px; font-size: 15px; line-height: 1.55; color: var(--ink)}
body.kp-body .kp-pdp .kp-deliv-list li::before { content: ""; width: 6px; height: 6px; border-radius: 2px; background: var(--yellow); margin-top: 8px; flex-shrink: 0}
body.kp-body .kp-pdp .kp-deliv-list b { font-weight: 600; color: var(--ink)}
body.kp-body .kp-pdp .kp-pack-note { margin: 14px 0 0; font-size: 14px; color: var(--ink); line-height: 1.5}
body.kp-body .kp-pdp .kp-process-row {
display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px;
position: relative; align-items: stretch}
body.kp-body .kp-pdp .kp-process-step {
position: relative; background: var(--paper); border: 1px solid var(--line);
border-radius: 12px; padding: 22px 20px; display: flex; flex-direction: column; gap: 12px;
min-height: 196px; transition: border-color .18s, box-shadow .18s, transform .18s}
body.kp-body .kp-pdp .kp-process-step:hover {
border-color: var(--ink); box-shadow: var(--shadow-card); transform: translateY(-2px)}
body.kp-body .kp-pdp .kp-process-num {
font-weight: 700; font-size: 30px; line-height: 1; color: var(--yellow);
font-feature-settings: "tnum"}
body.kp-body .kp-pdp .kp-process-icon {
width: 40px; height: 40px; background: var(--fog); color: var(--ink);
border-radius: 8px; display: grid; place-items: center}
body.kp-body .kp-pdp .kp-process-name {
margin: 0; font-weight: 700; font-size: 14px; line-height: 1.25;
text-transform: uppercase; color: var(--ink)}
body.kp-body .kp-pdp .kp-process-desc {
margin: 0; font-size: 13px; line-height: 1.5; color: var(--ink)}
body.kp-body .kp-pdp .kp-process-arrow {
position: absolute; right: -18px; top: 36px; z-index: 2;
width: 34px; height: 34px; border-radius: 50%;
background: #fff; color: var(--yellow);
display: grid; place-items: center;
box-shadow: 0 2px 8px rgba(0, 0, 0, .10)}
body.kp-body .kp-pdp .kp-process-arrow svg { width: 20px; height: 20px}
body.kp-body .kp-pdp .kp-process-step:last-child .kp-process-arrow { display: none}
body.kp-body .kp-pdp .kp-faq { display: flex; flex-direction: column; gap: 8px}
body.kp-body .kp-pdp .kp-faq-item {
background: var(--fog); border: 1px solid transparent; overflow: hidden;
transition: background .18s, border-color .18s}
body.kp-body .kp-pdp .kp-det--alt .kp-faq-item { background: var(--paper); border-color: var(--line)}
body.kp-body .kp-pdp .kp-faq-item.is-open,
body.kp-body .kp-pdp .kp-det--alt .kp-faq-item.is-open { background: var(--yellow-soft); border-color: var(--yellow)}
body.kp-body .kp-pdp .kp-faq-q {
width: 100%; border: 0; background: none; cursor: pointer; text-align: left;
display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center;
padding: 18px 22px; font: inherit; color: var(--ink)}
body.kp-body .kp-pdp .kp-faq-num { font-weight: 700; font-size: 14px; color: var(--ink-3); font-feature-settings: "tnum"}
body.kp-body .kp-pdp .kp-faq-item.is-open .kp-faq-num { color: var(--ink)}
body.kp-body .kp-pdp .kp-faq-qtext { font-weight: 600; font-size: 17px; line-height: 1.35; color: var(--ink)}
body.kp-body .kp-pdp .kp-faq-toggle {
position: relative; width: 28px; height: 28px; flex-shrink: 0;
background: var(--paper); border: 1px solid var(--line)}
body.kp-body .kp-pdp .kp-faq-toggle::before,
body.kp-body .kp-pdp .kp-faq-toggle::after {
content: ""; position: absolute; top: 50%; left: 50%; background: var(--ink);
transform: translate(-50%, -50%)}
body.kp-body .kp-pdp .kp-faq-toggle::before { width: 12px; height: 2px}
body.kp-body .kp-pdp .kp-faq-toggle::after  { width: 2px; height: 12px}
body.kp-body .kp-pdp .kp-faq-item.is-open .kp-faq-toggle { background: var(--ink); border-color: var(--ink)}
body.kp-body .kp-pdp .kp-faq-item.is-open .kp-faq-toggle::before { background: var(--yellow)}
body.kp-body .kp-pdp .kp-faq-item.is-open .kp-faq-toggle::after { display: none}
body.kp-body .kp-pdp .kp-faq-a-wrap { max-height: 0; overflow: hidden; transition: max-height .3s ease}
body.kp-body .kp-pdp .kp-faq-item.is-open .kp-faq-a-wrap { max-height: 600px}
body.kp-body .kp-pdp .kp-faq-a { margin: 0; padding: 0 22px 22px 56px; font-size: 16px; line-height: 1.6; color: var(--ink)}
body.kp-body .kp-pdp .kp-sim-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px}
@media (max-width: 1024px) {
body.kp-body .kp-pdp .kp-sim-grid { grid-template-columns: repeat(3, 1fr)}
}
@media (max-width: 960px) {
body.kp-body .kp-pdp .kp-det { padding: 40px 0}
body.kp-body .kp-pdp .kp-det-h { font-size: 22px}
body.kp-body .kp-pdp .kp-det2 { grid-template-columns: 1fr; gap: 32px}
body.kp-body .kp-pdp .kp-det2-aside { position: static; top: auto}
body.kp-body .kp-pdp .kp-process-row { grid-template-columns: repeat(2, 1fr); gap: 16px}
body.kp-body .kp-pdp .kp-process-step { min-height: 0}
body.kp-body .kp-pdp .kp-process-arrow { display: none}
}
@media (max-width: 700px) {
body.kp-body .kp-pdp .kp-sim-grid { grid-template-columns: repeat(2, 1fr); gap: 12px}
body.kp-body .kp-pdp .kp-faq-q { padding: 16px; gap: 12px}
body.kp-body .kp-pdp .kp-faq-qtext { font-size: 16px}
body.kp-body .kp-pdp .kp-faq-a { padding: 0 16px 16px 44px; font-size: 15px}
}
@media (max-width: 560px) {
body.kp-body .kp-pdp .kp-process-row { grid-template-columns: 1fr}
}
body.kp-body .kp-crumbs {
display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
padding: 16px 0; font-size: 17px; line-height: 1.3}
body.kp-body .kp-crumbs-link {
color: var(--ink-2, #3D3D3D); text-decoration: none; transition: color .15s}
body.kp-body .kp-crumbs-link:hover { color: var(--ink, #0A0A0A)}
body.kp-body .kp-crumbs-sep {
color: var(--yellow); font-size: 24px; line-height: 1}
body.kp-body .kp-crumbs-cur { color: var(--ink, #0A0A0A)}
@media (max-width: 700px) {
body.kp-body .kp-crumbs { font-size: 15px; gap: 8px; padding: 12px 0}
body.kp-body .kp-crumbs-sep { font-size: 20px}
}
body.kp-body .kp-cm-scrim {
position: fixed; inset: 0; z-index: 100000;
background: rgba(10, 10, 10, .55);
display: flex; align-items: flex-start; justify-content: center;
padding: 40px 16px; overflow-y: auto}
body.kp-body .kp-cm-scrim[hidden] { display: none}
body.kp-body .kp-cm-card {
position: relative; width: 100%; max-width: 520px;
background: #fff; border-radius: 22px; padding: 36px 36px 28px;
box-shadow: 0 30px 80px rgba(0, 0, 0, .35)}
body.kp-body .kp-cm-x {
position: absolute; top: 18px; right: 18px; width: 38px; height: 38px;
border: 0; border-radius: 50%; background: #F0F0F0; color: #0A0A0A;
display: grid; place-items: center; cursor: pointer; transition: background .15s}
body.kp-body .kp-cm-x:hover { background: #E2E2E2}
body.kp-body .kp-cm-h {
margin: 0 0 8px; font-size: 32px; font-weight: 700; line-height: 1.1; color: #0A0A0A}
body.kp-body .kp-cm-lead {
margin: 0 0 22px; font-size: 15px; line-height: 1.5; color: #6B6B6B; max-width: 92%}
body.kp-body .kp-cm-field { display: block; margin-bottom: 16px}
body.kp-body .kp-cm-lbl {
display: block; margin-bottom: 7px; font-size: 14px; font-weight: 600; color: #0A0A0A}
body.kp-body .kp-cm-lbl em { color: var(--yellow, #FECE15); font-style: normal}
body.kp-body .kp-cm-field input[type="text"],
body.kp-body .kp-cm-field textarea {
width: 100%; box-sizing: border-box; border: 1.5px solid #E2E2E2; border-radius: 12px;
padding: 14px 16px; font-size: 16px; font-family: inherit; color: #0A0A0A; background: #fff;
transition: border-color .15s}
body.kp-body .kp-cm-field input::placeholder,
body.kp-body .kp-cm-field textarea::placeholder { color: #9A9A9A}
body.kp-body .kp-cm-field input:focus,
body.kp-body .kp-cm-field textarea:focus { outline: none; border-color: #0A0A0A}
body.kp-body .kp-cm-field textarea { resize: vertical; min-height: 84px}
body.kp-body .kp-cm-drop {
display: flex; align-items: center; gap: 12px; cursor: pointer;
border: 1.5px dashed #CFCFCF; border-radius: 12px; padding: 14px 16px; color: #6B6B6B;
transition: border-color .15s, background .15s}
body.kp-body .kp-cm-drop:hover { border-color: #0A0A0A; background: #FAFAFA}
body.kp-body .kp-cm-drop svg { flex-shrink: 0; color: #0A0A0A}
body.kp-body .kp-cm-drop-text { display: flex; flex-direction: column; font-size: 13px; line-height: 1.35}
body.kp-body .kp-cm-drop-text b { font-weight: 600; color: #0A0A0A; font-size: 14px}
body.kp-body .kp-cm-drop-text span { color: #9A9A9A}
body.kp-body .kp-cm-file { margin-top: 8px; font-size: 13px; color: #0A0A0A; word-break: break-all}
body.kp-body .kp-cm-agree {
display: flex; align-items: flex-start; gap: 10px; margin: 6px 0 18px;
font-size: 13px; line-height: 1.45; color: #6B6B6B; cursor: pointer}
body.kp-body .kp-cm-agree input { margin-top: 2px; width: 18px; height: 18px; accent-color: #0A0A0A; flex-shrink: 0}
body.kp-body .kp-cm-agree a { color: #0A0A0A; text-decoration: underline}
body.kp-body .kp-cm-submit {
width: 100%; border: 0; border-radius: 14px; background: #0A0A0A; color: #fff;
font-size: 16px; font-weight: 600; padding: 17px; cursor: pointer; transition: background .15s}
body.kp-body .kp-cm-submit:hover { background: #222}
body.kp-body .kp-cm-submit:disabled { opacity: .6; cursor: default}
body.kp-body .kp-cm-status { margin-top: 12px; font-size: 14px; line-height: 1.4}
body.kp-body .kp-cm-status.is-ok { color: #2E7D32}
body.kp-body .kp-cm-status.is-err { color: #C62828}
body.kp-body .kp-cm-msgs { display: flex; gap: 10px; margin-top: 16px}
body.kp-body .kp-cm-msg {
flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
border: 1.5px solid #E2E2E2; border-radius: 12px; padding: 11px; font-size: 14px; font-weight: 500;
color: #0A0A0A; text-decoration: none; transition: border-color .15s, background .15s}
body.kp-body .kp-cm-msg:hover { border-color: #0A0A0A; background: #FAFAFA}
body.kp-body .kp-cm-msg img { width: 20px; height: 20px}
@media (max-width: 560px) {
body.kp-body .kp-cm-card { padding: 28px 20px 22px; border-radius: 18px}
body.kp-body .kp-cm-h { font-size: 26px}
body.kp-body .kp-cm-msg span { display: none}
}
body.kp-body .kp-pdp .kp-order {
--kp-ink:#16130C; --kp-accent:var(--yellow,#FECE15); --kp-surface:#FAF9F4;
--kp-line:#EBE9E1; --kp-muted:#8C887D; --kp-danger:#C8442B; --kp-rctrl:11px;
color:var(--kp-ink); width:100%}
body.kp-body .kp-pdp .kp-order * { box-sizing:border-box}
body.kp-body .kp-pdp .kp-order .kp-num { font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1}
body.kp-body .kp-pdp .kp-order .kp-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch}
body.kp-body .kp-pdp .kp-matrix { width:100%; border-collapse:collapse}
body.kp-body .kp-pdp .kp-matrix th { text-align:right; font-size:11px; letter-spacing:.07em; text-transform:uppercase; color:var(--kp-muted); font-weight:600; padding:0 0 10px; border-bottom:1px solid var(--kp-line); white-space:nowrap}
body.kp-body .kp-pdp .kp-matrix th.left, body.kp-body .kp-pdp .kp-matrix td.left { text-align:left}
body.kp-body .kp-pdp .kp-matrix td { padding:12px 0; text-align:right; font-size:15px; border-bottom:1px solid var(--kp-line); vertical-align:middle; white-space:nowrap}
body.kp-body .kp-pdp .kp-matrix tbody tr:last-child td { border-bottom:0}
body.kp-body .kp-pdp .kp-matrix td.left { font-weight:700}
body.kp-body .kp-pdp .kp-matrix tbody tr:hover td { background:var(--kp-surface)}
body.kp-body .kp-pdp .kp-matrix th:not(.left), body.kp-body .kp-pdp .kp-matrix td:not(.left) { padding-left:14px}
body.kp-body .kp-pdp .kp-size-stock.low { color:var(--kp-danger)}
body.kp-body .kp-pdp .kp-size-out { color:var(--kp-muted)}
body.kp-body .kp-pdp .kp-price.diff { font-weight:700; color:var(--kp-ink)}
body.kp-body .kp-pdp .kp-delta { display:inline-block; font-size:11px; font-weight:700; line-height:1; padding:3px 7px; margin-left:7px; border-radius:999px; background:rgba(254,206,21,.22); color:var(--kp-ink); vertical-align:middle}
body.kp-body .kp-pdp .kp-stepper { display:inline-flex; align-items:center; gap:10px}
body.kp-body .kp-pdp .kp-stepper button { flex:0 0 auto; width:30px; height:30px; border:0; border-radius:50%; background:var(--kp-ink); color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .15s, color .15s}
body.kp-body .kp-pdp .kp-stepper button:hover:not(:disabled) { background:var(--kp-accent); color:var(--kp-ink)}
body.kp-body .kp-pdp .kp-stepper button:disabled { background:#EBE9E1; color:#fff; cursor:not-allowed}
body.kp-body .kp-pdp .kp-stepper button svg { width:11px; height:11px; display:block}
body.kp-body .kp-pdp .kp-qty { width:78px; border:0; text-align:center; font-size:19px; font-weight:800; color:var(--kp-ink); background:transparent; -moz-appearance:textfield; appearance:textfield; padding:0}
body.kp-body .kp-pdp .kp-qty::-webkit-inner-spin-button, body.kp-body .kp-pdp .kp-qty::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; display:none}
body.kp-body .kp-pdp .kp-qty:focus { outline:0}
body.kp-body .kp-pdp .kp-stepper.is-disabled { opacity:.45}
body.kp-body .kp-pdp .kp-order-hint { font-size:12.5px; color:var(--kp-muted); margin-top:12px}
body.kp-body .kp-pdp .kp-order-hint.warn { color:var(--kp-danger)}
body.kp-body .kp-pdp .kp-order-note { font-size:12.5px; color:var(--kp-muted); margin-top:6px}
body.kp-body .kp-pdp .kp-order .kp-summary { display:flex; align-items:baseline; justify-content:space-between; gap:16px; background:var(--kp-surface); border-radius:var(--kp-rctrl); padding:14px 16px; margin:16px 0 18px}
body.kp-body .kp-pdp .kp-summary .s-lbl { font-size:13px; color:var(--kp-muted)}
body.kp-body .kp-pdp .kp-summary .s-qty { font-weight:700}
body.kp-body .kp-pdp .kp-summary .s-total { font-size:26px; font-weight:800; letter-spacing:-.01em}
body.kp-body .kp-pdp .kp-order .kp-actions { display:flex; gap:12px}
body.kp-body .kp-pdp .kp-actions button, body.kp-body .kp-pdp .kp-actions a { flex:1; height:54px; border-radius:var(--kp-rctrl); font-size:15px; font-weight:700; cursor:pointer; transition:filter .15s, background .15s, color .15s; border:1.5px solid var(--kp-ink); display:flex; align-items:center; justify-content:center; text-decoration:none}
body.kp-body .kp-pdp .kp-btn-cart { background:#fff; color:var(--kp-ink)}
body.kp-body .kp-pdp .kp-btn-cart:hover, body.kp-body .kp-pdp .kp-btn-cart.is-added { background:var(--kp-ink); color:#fff}
body.kp-body .kp-pdp .kp-btn-primary { background:var(--kp-accent); color:var(--kp-ink); border-color:var(--kp-accent)}
body.kp-body .kp-pdp .kp-btn-primary:hover { filter:brightness(.95)}
@media (max-width:480px) {
body.kp-body .kp-pdp .kp-order .kp-actions { flex-direction:column}
body.kp-body .kp-pdp .kp-summary .s-total { font-size:22px}
}
body.kp-body .kp-pdp .kp-order .kp-stepper button {
width:30px !important; height:30px !important; min-width:0 !important; min-height:0 !important;
padding:0 !important; margin:0 !important; border:0 !important; border-radius:50% !important;
background:var(--kp-ink) !important; color:#fff !important; box-shadow:none !important;
line-height:1 !important; letter-spacing:0 !important; text-transform:none !important; font-size:0 !important}
body.kp-body .kp-pdp .kp-order .kp-stepper button:hover:not(:disabled) { background:var(--kp-accent) !important; color:var(--kp-ink) !important}
body.kp-body .kp-pdp .kp-order .kp-stepper button:disabled { background:#EBE9E1 !important; color:#fff !important}
body.kp-body .kp-pdp .kp-order .kp-stepper button svg { width:11px !important; height:11px !important; display:block !important}
body.kp-body .kp-pdp .kp-order .kp-stepper .kp-qty { width:78px !important; box-shadow:none !important}
body.kp-body .kp-pdp .kp-order .kp-actions .kp-btn-cart,
body.kp-body .kp-pdp .kp-order .kp-actions .kp-btn-primary {
height:54px !important; border-radius:var(--kp-rctrl) !important; min-width:0 !important;
text-transform:none !important; letter-spacing:0 !important; box-shadow:none !important; font-size:15px !important; font-weight:700 !important}
body.kp-body .kp-pdp .kp-order .kp-actions .kp-btn-cart { background:#fff !important; color:var(--kp-ink) !important; border:1.5px solid var(--kp-ink) !important}
body.kp-body .kp-pdp .kp-order .kp-actions .kp-btn-cart:hover,
body.kp-body .kp-pdp .kp-order .kp-actions .kp-btn-cart.is-added { background:var(--kp-ink) !important; color:#fff !important}
body.kp-body .kp-pdp .kp-order .kp-actions .kp-btn-primary { background:var(--kp-accent) !important; color:var(--kp-ink) !important; border:1.5px solid var(--kp-accent) !important}
body.kp-body .kp-pdp .kp-order .kp-actions .kp-btn-primary:hover { filter:brightness(.95) !important}
body.kp-body .kp-contacts .kp-cat-head-lead {
max-width: none;
font-size: 18px;
line-height: 1.55;
color: var(--ink-2, #3D3D3D)}
body.kp-body .kp-contacts-h2 {
font-weight: 600;
font-size: clamp(22px, 3vw, 30px);
line-height: 1.15;
letter-spacing: .4px;
text-transform: uppercase;
color: var(--ink, #0A0A0A)}
body.kp-body .kp-contacts-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: start;
padding: 8px 0 64px}
body.kp-body .kp-contacts-list {
display: flex;
flex-direction: column;
border-top: 1px solid var(--line, #E5E5E5)}
body.kp-body .kp-contacts-row {
display: flex;
gap: 18px;
align-items: center;
padding: 22px 4px;
border-bottom: 1px solid var(--line, #E5E5E5)}
body.kp-body .kp-contacts-ic {
flex: 0 0 48px;
height: 48px;
border-radius: 8px;
background: var(--fog, #F7F7F7);
color: var(--ink, #0A0A0A);
display: grid;
place-items: center}
body.kp-body .kp-contacts-ic svg { width: 22px; height: 22px; display: block}
body.kp-body .kp-contacts-k {
font-size: 12px;
font-weight: 500;
letter-spacing: .4px;
text-transform: uppercase;
color: var(--ink-3, #8A8A8A);
margin-bottom: 4px}
body.kp-body .kp-contacts-v {
display: block;
font-size: 20px;
font-weight: 700;
letter-spacing: -.2px;
color: var(--ink, #0A0A0A)}
body.kp-body a.kp-contacts-v:hover { color: var(--ink, #0A0A0A)}
body.kp-body .kp-contacts-v-sm { font-size: 17px; font-weight: 600}
body.kp-body .kp-contacts-sub {
font-size: 13px;
color: var(--ink-3, #8A8A8A);
margin-top: 3px}
body.kp-body .kp-contacts-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px}
body.kp-body .kp-contacts-chip {
display: inline-flex;
align-items: center}
body.kp-body .kp-contacts-formwrap {
background: var(--fog, #F7F7F7);
border-radius: 12px;
padding: 34px}
body.kp-body .kp-contacts-formhead {
font-weight: 600;
font-size: clamp(22px, 3vw, 30px);
line-height: 1.15;
letter-spacing: .4px;
text-transform: uppercase;
color: var(--ink, #0A0A0A)}
body.kp-body .kp-contacts-formlead {
margin: 8px 0 22px;
font-size: 15px;
line-height: 1.5;
color: var(--ink-2, #3D3D3D)}
body.kp-body .kp-contacts-field { display: block; margin-bottom: 16px}
body.kp-body .kp-contacts-lbl {
display: block;
font-size: 13px;
font-weight: 600;
letter-spacing: .3px;
color: var(--ink, #0A0A0A);
margin-bottom: 7px}
body.kp-body .kp-contacts-lbl em { color: var(--yellow, #FECE15); font-style: normal}
body.kp-body .kp-contacts-form input,
body.kp-body .kp-contacts-form textarea {
width: 100%;
font-family: inherit;
font-size: 16px;
font-weight: 400;
padding: 14px 15px;
border: 1px solid var(--line, #E5E5E5);
border-radius: 8px;
background: var(--paper, #FFFFFF);
color: var(--ink, #0A0A0A);
transition: .15s}
body.kp-body .kp-contacts-form textarea { min-height: 100px; resize: vertical}
body.kp-body .kp-contacts-form input::placeholder,
body.kp-body .kp-contacts-form textarea::placeholder { color: var(--ink-3, #8A8A8A)}
body.kp-body .kp-contacts-form input:focus,
body.kp-body .kp-contacts-form textarea:focus { outline: none; border-color: var(--ink, #0A0A0A)}
body.kp-body .kp-contacts-agree {
display: flex;
gap: 11px;
align-items: flex-start;
margin: 6px 0 20px;
font-size: 13px;
line-height: 1.4;
color: var(--ink-2, #3D3D3D)}
body.kp-body .kp-contacts-agree input { width: auto; margin-top: 2px; accent-color: var(--ink, #0A0A0A)}
body.kp-body .kp-contacts-agree a { text-decoration: underline; text-decoration-color: var(--yellow, #FECE15); text-decoration-thickness: 2px; text-underline-offset: 2px}
body.kp-body .kp-contacts-submit {
width: 100%;
height: 52px;
border: 0;
border-radius: 8px;
background: var(--yellow, #FECE15);
color: var(--ink, #0A0A0A);
font-family: inherit;
font-weight: 700;
font-size: 15px;
letter-spacing: .5px;
cursor: pointer;
transition: .15s}
body.kp-body .kp-contacts-submit:hover { filter: brightness(1.04); transform: translateY(-1px)}
body.kp-body .kp-contacts-submit:active { transform: scale(.98)}
body.kp-body .kp-contacts-submit:disabled { opacity: .7; cursor: default; transform: none}
body.kp-body .kp-contacts-status { margin-top: 12px; font-size: 14px; font-weight: 600}
body.kp-body .kp-contacts-status.is-ok { color: #1a7a3c}
body.kp-body .kp-contacts-status.is-err { color: #c2371f}
body.kp-body .kp-contacts-note { margin-top: 14px; font-size: 13px; line-height: 1.45; color: var(--ink-3, #8A8A8A)}
body.kp-body .kp-contacts-req { padding: 8px 0 56px}
body.kp-body .kp-req-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px 40px;
margin-top: 24px}
body.kp-body .kp-req-k {
font-size: 12px;
font-weight: 500;
letter-spacing: .5px;
text-transform: uppercase;
color: var(--ink-3, #8A8A8A);
margin-bottom: 5px}
body.kp-body .kp-req-v { font-size: 17px; font-weight: 600; color: var(--ink, #0A0A0A)}
body.kp-body .kp-req-actions { margin-top: 32px}
body.kp-body .kp-req-pdf {
display: inline-flex;
align-items: center;
gap: 11px;
height: 50px;
padding: 0 24px;
border-radius: 8px;
box-shadow: inset 0 0 0 2px var(--ink, #0A0A0A);
color: var(--ink, #0A0A0A);
font-weight: 700;
font-size: 14px;
letter-spacing: .3px;
transition: .15s}
body.kp-body .kp-req-pdf:hover { background: var(--yellow, #FECE15); color: var(--ink, #0A0A0A)}
body.kp-body .kp-req-pdf svg { width: 18px; height: 18px}
body.kp-body .kp-contacts-map { padding: 8px 0 0}
body.kp-body .kp-contacts-ori { margin-top: 2px; font-size: 15px; color: var(--ink-2, #3D3D3D)}
body.kp-body .kp-contacts-map-actions { margin: 16px 0 26px}
body.kp-body .kp-contacts-route {
display: inline-flex;
align-items: center;
gap: 10px;
height: 46px;
padding: 0 22px;
border-radius: 8px;
background: var(--ink, #0A0A0A);
color: #fff;
font-weight: 700;
font-size: 14px;
letter-spacing: .3px;
transition: .15s}
body.kp-body .kp-contacts-route:hover { background: var(--yellow, #FECE15); color: var(--ink, #0A0A0A)}
body.kp-body .kp-contacts-route svg { width: 18px; height: 18px}
body.kp-body .kp-contacts-map-embed {
position: relative;
left: 50%;
width: 100vw;
margin-left: -50vw;
height: clamp(320px, 42vw, 460px);
border-top: 1px solid var(--line, #E5E5E5)}
body.kp-body .kp-contacts-map-embed iframe { display: block; width: 100%; height: 100%; border: 0}
@media (max-width: 980px) {
body.kp-body .kp-contacts-grid { gap: 40px}
body.kp-body .kp-req-grid { gap: 22px 28px}
}
@media (max-width: 760px) {
body.kp-body .kp-contacts-grid { grid-template-columns: 1fr; gap: 36px}
body.kp-body .kp-req-grid { grid-template-columns: 1fr 1fr}
body.kp-body .kp-contacts-formwrap { padding: 26px}
}
@media (max-width: 480px) {
body.kp-body .kp-req-grid { grid-template-columns: 1fr}
body.kp-body .kp-contacts-v { font-size: 18px}
body.kp-body .kp-contacts-row { gap: 14px}
}
body.kp-body .kp-doc-body { padding: 8px 0 64px}
body.kp-body .kp-prose {
max-width: none;
font-size: 16px;
line-height: 1.65;
color: var(--ink-2, #3D3D3D)}
body.kp-body .kp-prose h2 {
margin: 40px 0 14px;
font-weight: 600;
font-size: clamp(22px, 3vw, 28px);
line-height: 1.2;
letter-spacing: .2px;
color: var(--ink, #0A0A0A)}
body.kp-body .kp-prose h2:first-child { margin-top: 0}
body.kp-body .kp-prose h3 {
margin: 28px 0 10px;
font-weight: 600;
font-size: 19px;
line-height: 1.25;
color: var(--ink, #0A0A0A)}
body.kp-body .kp-prose p { margin: 0 0 16px}
body.kp-body .kp-prose ul,
body.kp-body .kp-prose ol { margin: 0 0 18px; padding-left: 22px}
body.kp-body .kp-prose li { margin-bottom: 8px}
body.kp-body .kp-prose ul li { list-style: none; position: relative}
body.kp-body .kp-prose ul li::before {
content: "";
position: absolute;
left: -18px; top: 11px;
width: 6px; height: 6px;
border-radius: 50%;
background: var(--yellow, #FECE15)}
body.kp-body .kp-prose ol { padding-left: 24px}
body.kp-body .kp-prose ol li { padding-left: 4px}
body.kp-body .kp-prose ol li::marker { color: var(--ink-3, #8A8A8A); font-weight: 600}
body.kp-body .kp-prose strong { font-weight: 600; color: var(--ink, #0A0A0A)}
body.kp-body .kp-prose a {
color: var(--ink, #0A0A0A);
text-decoration: underline;
text-decoration-color: var(--yellow, #FECE15);
text-decoration-thickness: 2px;
text-underline-offset: 2px}
body.kp-body .kp-prose a:hover { color: var(--ink, #0A0A0A); background: var(--yellow-soft, #FFF4B8)}
body.kp-body .kp-prose table {
width: 100%;
border-collapse: collapse;
margin: 8px 0 22px;
font-size: 15px}
body.kp-body .kp-prose thead th {
text-align: left;
font-weight: 600;
font-size: 13px;
letter-spacing: .3px;
text-transform: uppercase;
color: var(--ink-3, #8A8A8A);
padding: 10px 14px;
border-bottom: 2px solid var(--ink, #0A0A0A)}
body.kp-body .kp-prose tbody td {
padding: 12px 14px;
border-bottom: 1px solid var(--line, #E5E5E5);
vertical-align: top;
color: var(--ink-2, #3D3D3D)}
body.kp-body .kp-prose tbody tr:hover { background: var(--fog, #F7F7F7)}
@media (max-width: 760px) {
body.kp-body .kp-prose { font-size: 15.5px}
body.kp-body .kp-prose h2 { margin-top: 32px}
body.kp-body .kp-prose table { font-size: 14px}
body.kp-body .kp-prose thead th,
body.kp-body .kp-prose tbody td { padding: 9px 10px}
}
@media (max-width: 480px) {
body.kp-body .kp-prose table { display: block; overflow-x: auto; white-space: nowrap}
}
body.kp-body .kp-cat-head-title { font-size: 56px}
@media (max-width: 980px) { body.kp-body .kp-cat-head-title { font-size: 48px} }
@media (max-width: 760px) { body.kp-body .kp-cat-head-title { font-size: 34px} }
@media (max-width: 480px) { body.kp-body .kp-cat-head-title { font-size: 28px} }
body.kp-body .kp-contacts-v[href^="mailto:"],
body.kp-body .kp-prose a[href^="mailto:"],
body.kp-body .pv-consult-line[href^="mailto:"] {
color: var(--ink, #0A0A0A) !important}
body.kp-body .kp-cat-head-lead { font-size: 18px; max-width: none}
body.kp-body .kp-prose > p:first-child { font-size: 18px}
body.kp-body .kp-cat-seo-body { max-width: none}
body.kp-body .kp-pdp .pv-stockline {
display: inline-flex;
align-items: center;
gap: 9px;
height: 42px;
padding: 0 16px;
margin: -10px 0 2px;
border-radius: 999px;
font-weight: 600;
font-size: 15px;
letter-spacing: normal}
body.kp-body .kp-pdp .pv-stockline-ic { display: inline-flex; flex-shrink: 0}
body.kp-body .kp-pdp .pv-stockline-ic svg { display: block}
body.kp-body .kp-pdp .pv-stockline-tx { font-variant-numeric: tabular-nums}
body.kp-body .kp-pdp .pv-stockline--is-in {
background: rgba(124,179,66,.12);
color: var(--ink, #0A0A0A)}
body.kp-body .kp-pdp .pv-stockline--is-in .pv-stockline-ic { color: var(--eco, #7CB342)}
body.kp-body .kp-pdp .pv-stockline--is-order {
background: rgba(245,166,35,.14);
color: #6E4E11}
body.kp-body .kp-pdp .pv-stockline--is-order .pv-stockline-ic { color: #D98A00}
body.kp-body .kp-pdp .pv-stockline--is-none {
background: var(--fog, #F2F2F2);
color: var(--ink-3, #8A8A8A)}
body.kp-body .kp-pdp .pv-stockline--is-none .pv-stockline-ic { color: var(--ink-3, #8A8A8A)}
body.kp-body .kp-pdp .kp-matrix .kp-size-order {
color: #B9760A;
font-weight: 700}
:where(body.kp-body) button { text-transform: none}
body.kp-body .kp-faq .kp-faq-q,
body.kp-body .kp-faq .kp-faq-qtext { text-transform: none}
body.kp-body .kp-faqp-hero { padding: 40px 0 14px; background: var(--paper, #fff)}
body.kp-body .kp-faqp-lead {
max-width: 640px;
font-size: 16px;
line-height: 1.6;
color: var(--ink-2, #4a4a4a);
margin: 18px 0 0}
body.kp-body .kp-faqp-nav {
position: sticky;
top: 57px;
z-index: 40;
background: var(--paper, #fff);
border-bottom: 1px solid var(--line, #ececec);
padding: 12px 0}
body.kp-body .kp-faqp-chips { display: flex; flex-wrap: wrap; gap: 10px}
body.kp-body .kp-faqp-band { padding: 56px 0; scroll-margin-top: 130px}
body.kp-body .kp-faqp-band--alt { background: var(--fog, #f7f7f7)}
body.kp-body .kp-faqp-band--alt .kp-faq-item { background: var(--paper, #fff)}
body.kp-body .kp-faqp-band--alt .kp-faq-item.is-open { background: var(--yellow-soft, #fff7d6)}
body.kp-body .kp-faqp-band--alt .kp-faq-toggle { background: var(--fog, #f7f7f7)}
body.kp-body .kp-faqp .kp-faq-a {
padding: 0 24px 22px 66px;
margin: 0}
body.kp-body .kp-faqp .kp-faq-toggle { position: relative}
body.kp-body .kp-faqp .kp-faq-toggle::before,
body.kp-body .kp-faqp .kp-faq-toggle::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: var(--ink, #0a0a0a);
border-radius: 2px}
body.kp-body .kp-faqp .kp-faq-toggle::before { width: 12px; height: 2px}
body.kp-body .kp-faqp .kp-faq-toggle::after  { width: 2px; height: 12px}
body.kp-body .kp-faqp .kp-faq-item.is-open .kp-faq-toggle::after  { display: none}
body.kp-body .kp-faqp .kp-faq-item.is-open .kp-faq-toggle::before { background: var(--yellow, #FECE15)}
body.kp-body .kp-faqp-cta { padding: 8px 0 64px; background: var(--paper, #fff)}
body.kp-body .kp-faqp-cta-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap;
background: var(--fog, #f7f7f7);
border-radius: var(--radius, 16px);
padding: 32px 36px}
body.kp-body .kp-faqp-cta-title { font-size: 24px; font-weight: 700; color: var(--ink, #0a0a0a); margin: 6px 0 8px}
body.kp-body .kp-faqp-cta-sub   { font-size: 16px; line-height: 1.5; color: var(--ink-2, #4a4a4a); margin: 0; max-width: 46ch}
body.kp-body .kp-faqp-cta-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap}
body.kp-body .kp-faqp-cta-phone {
display: inline-flex;
align-items: center;
gap: 8px;
font-weight: 600;
color: var(--ink, #0a0a0a);
text-decoration: none}
body.kp-body .kp-faqp-cta-phone svg { stroke: var(--yellow, #FECE15)}
@media (max-width: 760px) {
body.kp-body .kp-faqp-nav { padding: 10px 0}
body.kp-body .kp-faqp-chips {
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none}
body.kp-body .kp-faqp-chips::-webkit-scrollbar { display: none}
body.kp-body .kp-faqp-band { padding: 40px 0}
body.kp-body .kp-faqp .kp-faq-a { padding: 0 16px 18px 16px}
body.kp-body .kp-faqp-cta-inner { padding: 24px 20px}
}
body.kp-body .kp-trp .kp-trp-list {
list-style: none; margin: 0; padding: 0;
display: flex; flex-direction: column; gap: 18px}
body.kp-body .kp-trp .kp-trp-list li { position: relative; padding-left: 28px}
body.kp-body .kp-trp .kp-trp-list li::before {
content: ""; position: absolute; left: 0; top: 7px;
width: 9px; height: 9px; border-radius: 50%; background: var(--yellow, #FECE15)}
body.kp-body .kp-trp .kp-trp-list li strong {
display: block; font-size: 16px; font-weight: 700; color: var(--ink, #0a0a0a); margin-bottom: 3px}
body.kp-body .kp-trp .kp-trp-list li span {
display: block; font-size: 15px; line-height: 1.55; color: var(--ink-2, #4a4a4a)}
body.kp-body .kp-trp .kp-trp-checklist {
list-style: none; margin: 0; padding: 0;
display: flex; flex-direction: column; gap: 14px}
body.kp-body .kp-trp .kp-trp-checklist li {
position: relative; padding-left: 32px;
font-size: 16px; line-height: 1.55; color: var(--ink-2, #4a4a4a)}
body.kp-body .kp-trp .kp-trp-checklist li::before {
content: ""; position: absolute; left: 0; top: 2px;
width: 19px; height: 19px; border-radius: 50%; background: var(--yellow, #FECE15)}
body.kp-body .kp-trp .kp-trp-checklist li::after {
content: ""; position: absolute; left: 6px; top: 6px;
width: 5px; height: 9px; border: solid var(--ink, #0a0a0a); border-width: 0 2px 2px 0;
transform: rotate(45deg)}
body.kp-body .kp-trp .kp-faq-list-col { align-self: start}
body.kp-body .kp-trp .kp-trp-head { max-width: 760px; margin: 0 0 36px}
body.kp-body .kp-trp .kp-trp-methods {
display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px}
body.kp-body .kp-trp .kp-trp-card {
background: var(--fog, #f7f7f7);
border: 1px solid var(--line, #ececec);
border-radius: 14px;
padding: 22px 22px 20px;
display: flex; flex-direction: column; gap: 12px}
body.kp-body .kp-faqp-band--alt .kp-trp-card { background: var(--paper, #fff)}
body.kp-body .kp-trp .kp-trp-card-name { font-size: 17px; font-weight: 700; color: var(--ink, #0a0a0a); margin: 0}
body.kp-body .kp-trp .kp-trp-specs { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 7px}
body.kp-body .kp-trp .kp-trp-specs li {
position: relative; padding-left: 15px;
font-size: 14px; line-height: 1.4; color: var(--ink-2, #4a4a4a)}
body.kp-body .kp-trp .kp-trp-specs li::before {
content: ""; position: absolute; left: 0; top: 7px;
width: 5px; height: 5px; border-radius: 50%; background: var(--yellow, #FECE15)}
body.kp-body .kp-trp .kp-trp-card-use {
margin: 2px 0 0; padding-top: 12px; border-top: 1px solid var(--line, #ececec);
font-size: 13px; line-height: 1.4; color: var(--ink-3, #9a9a9a)}
body.kp-body .kp-trp .kp-trp-download-note { font-size: 16px; line-height: 1.55; color: var(--ink-2, #4a4a4a); margin: 0 0 20px}
body.kp-body .kp-trp .kp-trp-download-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap}
body.kp-body .kp-trp .kp-trp-download-mail { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--ink, #0a0a0a); text-decoration: none}
body.kp-body .kp-trp .kp-trp-download-mail svg { stroke: var(--yellow, #FECE15)}
body.kp-body .kp-trp .kp-trp-download-soon { margin: 18px 0 0; font-size: 13px; color: var(--ink-3, #9a9a9a)}
@media (max-width: 1100px) {
body.kp-body .kp-trp .kp-trp-methods { grid-template-columns: repeat(3, 1fr)}
}
@media (max-width: 760px) {
body.kp-body .kp-trp .kp-trp-methods { grid-template-columns: repeat(2, 1fr); gap: 14px}
body.kp-body .kp-trp .kp-trp-head { margin-bottom: 26px}
}
@media (max-width: 480px) {
body.kp-body .kp-trp .kp-trp-methods { grid-template-columns: 1fr}
}
body.kp-body .kp-pdp .pv-files { margin-bottom: 20px}
body.kp-body .kp-pdp .pv-files .pv-lbl { display: block; margin-bottom: 12px}
body.kp-body .kp-pdp .pv-files-list { display: flex; flex-direction: column; gap: 10px}
body.kp-body .kp-pdp .pv-file {
display: flex; align-items: center; gap: 13px;
min-height: 56px; padding: 10px 16px;
background: #fff; border: 1px solid var(--line); border-radius: 12px;
text-decoration: none; color: var(--ink);
transition: border-color .15s, transform .15s, box-shadow .15s}
body.kp-body .kp-pdp .pv-file:hover {
border-color: var(--ink); transform: translateY(-1px);
box-shadow: 0 4px 14px rgba(0, 0, 0, .05)}
body.kp-body .kp-pdp .pv-file.is-primary { border-width: 1.5px; border-color: var(--ink)}
body.kp-body .kp-pdp .pv-file-badge {
flex: none; display: inline-flex; align-items: center; justify-content: center;
min-width: 40px; height: 26px; padding: 0 8px;
font-size: 11px; font-weight: 700; letter-spacing: .03em;
border-radius: 7px;
background: #FDEAEA; color: #D6342C}
body.kp-body .kp-pdp .pv-file-badge--cdr { background: #E4F4E8; color: #1E8E3E}
body.kp-body .kp-pdp .pv-file-badge--web { background: var(--fog); color: var(--ink-3)}
body.kp-body .kp-pdp .pv-file-name {
flex: 1 1 auto; min-width: 0;
font-size: 15px; font-weight: 600; color: var(--ink);
overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
body.kp-body .kp-pdp .pv-file-ic {
flex: none; display: inline-flex; color: var(--ink-3); transition: color .15s}
body.kp-body .kp-pdp .pv-file:hover .pv-file-ic { color: var(--ink)}
@media (max-width: 480px) {
body.kp-body .kp-pdp .pv-file { min-height: 52px; padding: 9px 13px; gap: 11px}
body.kp-body .kp-pdp .pv-file-name { font-size: 14px}
}
body.kp-body .kp-lightbox {
position: fixed; inset: 0; z-index: 100000;
display: none; align-items: center; justify-content: center;
padding: 24px; background: rgba(10, 10, 10, .92); cursor: zoom-out}
body.kp-body .kp-lightbox.is-open { display: flex}
body.kp-body .kp-lightbox img {
max-width: 95vw; max-height: 92vh; object-fit: contain;
border-radius: 8px; box-shadow: 0 10px 50px rgba(0, 0, 0, .5)}
body.kp-body .kp-lightbox-close {
position: fixed; top: 16px; right: 22px; width: 44px; height: 44px;
display: flex; align-items: center; justify-content: center;
border: none; border-radius: 50%; background: rgba(255, 255, 255, .14);
color: #fff; font-size: 26px; line-height: 1; cursor: pointer; transition: background .15s}
body.kp-body .kp-lightbox-close:hover { background: rgba(255, 255, 255, .28)}
body.kp-body .kp-pdp .gal-tools .kp-prod-fav {
position: static; inset: auto; top: auto; right: auto; margin: 0; padding: 0;
width: 40px; height: 40px; border-radius: 50%;
background: #fff; border: 1px solid var(--line); box-shadow: 0 2px 10px rgba(0, 0, 0, .10);
display: grid; place-items: center; color: var(--ink-3); line-height: 0;
transition: background .15s, border-color .15s, color .15s}
body.kp-body .kp-pdp .gal-tools .kp-prod-fav > a {
display: grid; place-items: center; width: 100%; height: 100%;
color: inherit; text-decoration: none; border-radius: 50%; padding: 0; background: transparent}
body.kp-body .kp-pdp .gal-tools .kp-prod-fav .kp-prod-fav-svg { width: 18px; height: 18px; display: block; transition: fill .15s}
body.kp-body .kp-pdp .gal-tools .kp-prod-fav .wd-added-icon { display: none}
body.kp-body .kp-pdp .gal-tools .kp-prod-fav .wd-action-text,
body.kp-body .kp-pdp .gal-tools .kp-prod-fav .kp-visually-hidden {
position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0}
body.kp-body .kp-pdp .gal-tools .kp-prod-fav.wd-wishlist-btn::before,
body.kp-body .kp-pdp .gal-tools .kp-prod-fav.wd-wishlist-btn > a::before { display: none !important}
body.kp-body .kp-pdp .gal-tools .kp-prod-fav:hover,
body.kp-body .kp-pdp .gal-tools .kp-prod-fav:has(a.added) { background: var(--hot); border-color: var(--hot); color: #fff}
body.kp-body .kp-pdp .gal-tools .kp-prod-fav:hover > a,
body.kp-body .kp-pdp .gal-tools .kp-prod-fav > a:hover,
body.kp-body .kp-pdp .gal-tools .kp-prod-fav > a.added { color: #fff}
body.kp-body .kp-pdp .gal-tools .kp-prod-fav > a.added .kp-prod-fav-svg { fill: currentColor}
body.kp-body .kp-pdp .pv-stockrow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px}
body.kp-body .kp-pdp .pv-stockrow .pv-stockline { margin: 0}
body.kp-body .kp-pdp .pv-minpill {
display: inline-flex; align-items: center; padding: 5px 11px; border-radius: 999px;
background: var(--fog, #F2F1EC); color: var(--ink-2, #4A4A46);
font-size: 12.5px; font-weight: 600; white-space: nowrap}
body.kp-body .kp-pdp .gal-badge.gb-chz { background: #3F4D63; color: #fff}
body.kp-body .kp-lightbox-nav {
position: fixed; top: 50%; transform: translateY(-50%);
width: 52px; height: 52px; display: none; align-items: center; justify-content: center;
border: none; border-radius: 50%; background: rgba(255, 255, 255, .14); color: #fff;
font-size: 34px; line-height: 1; cursor: pointer; transition: background .15s; z-index: 1}
body.kp-body .kp-lightbox.is-multi .kp-lightbox-nav { display: flex}
body.kp-body .kp-lightbox-nav:hover { background: rgba(255, 255, 255, .28)}
body.kp-body .kp-lightbox-prev { left: 18px}
body.kp-body .kp-lightbox-next { right: 18px}
@media (max-width: 600px) {
body.kp-body .kp-lightbox-nav { width: 42px; height: 42px; font-size: 28px}
body.kp-body .kp-lightbox-prev { left: 6px}
body.kp-body .kp-lightbox-next { right: 6px}
}
body.kp-body .kp-cat-hits .kp-prods-head{
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:24px}
body.kp-body .kp-cat-hits{
padding-top:80px;
padding-bottom:56px}
@media (max-width:768px){
body.kp-body .kp-cat-hits .kp-prods-head{
align-items:flex-start}
body.kp-body .kp-cat-hits{
padding-top:56px;
padding-bottom:40px}
}
body.kp-body .kp-cat-fsort-pill,
body.kp-body .kp-cat-fsort-pill span,
body.kp-body .kp-cat-fsort-drop a,
body.kp-body [class*="kp-cat-fpill-"]{
text-transform:none}
body.kp-body .kp-cat-rbar-count--bottom{
margin-top:28px;
color:var(--ink-3,#8A8A8A);
font-size:14px}
body.kp-body .kp-cat-grid-sec{
padding-top:8px}
.cw{position:fixed;right:20px;top:50%;transform:translateY(-50%);
display:flex;flex-direction:column;gap:14px;z-index:50}
.cw-btn{position:relative;display:block;width:56px;height:56px;
animation:cw-in .5s cubic-bezier(.2,.7,.3,1) backwards}
.cw-btn:nth-child(1){animation-delay:.05s}
.cw-btn:nth-child(2){animation-delay:.12s}
.cw-btn:nth-child(3){animation-delay:.19s}
.cw-btn:nth-child(4){animation-delay:.26s}
@keyframes cw-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.cw-ic{width:56px;height:56px;border-radius:50%;background:var(--ink,#0A0A0A);color:#fff;
display:grid;place-items:center;box-shadow:var(--shadow-float,0 10px 28px rgba(0,0,0,.2));
transition:background .18s,color .18s,transform .18s}
.cw-ic svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cw-btn:hover .cw-ic:not(.brand){background:var(--yellow,#FECE15);color:var(--ink,#0A0A0A);transform:scale(1.06)}
.cw-ic.brand svg{fill:#fff;stroke:none}
.cw-ic.tg{background:#019be5}
.cw-ic.max{background:linear-gradient(145deg,#4cf,#53e 66%,#93d)}
.cw-ic.max svg{width:31px;height:31px}
.cw-ic.tg svg{transform:translate(-1.2px,1px)}
.cw-btn:hover .cw-ic.brand{transform:scale(1.06)}
.cw-pill{position:absolute;right:68px;top:50%;transform:translateY(-50%) translateX(10px);
background:var(--ink,#0A0A0A);color:#fff;border-radius:999px;padding:9px 18px;white-space:nowrap;
box-shadow:var(--shadow-float,0 10px 28px rgba(0,0,0,.2));opacity:0;pointer-events:none;
transition:opacity .18s,transform .18s;display:flex;flex-direction:column;justify-content:center}
.cw-pill .k{font-size:11px;font-weight:500;letter-spacing:.4px;color:#9a9a9a;line-height:1.2}
.cw-pill .v{font-size:14px;font-weight:700;letter-spacing:.2px;color:#fff;line-height:1.25}
.cw-btn:hover .cw-pill{opacity:1;transform:translateY(-50%) translateX(0)}
.cw-btn.pulse::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:-1;
box-shadow:0 0 0 0 rgba(254,206,21,.55);animation:cw-pulse 2.4s ease-out infinite}
@keyframes cw-pulse{0%{box-shadow:0 0 0 0 rgba(254,206,21,.5)}70%{box-shadow:0 0 0 14px rgba(254,206,21,0)}100%{box-shadow:0 0 0 0 rgba(254,206,21,0)}}
body.kp-body .cw-top{position:fixed;right:20px;bottom:22px;width:52px;height:52px;border:0;cursor:pointer;
border-radius:50%;background:var(--yellow,#FECE15);color:var(--ink,#0A0A0A);
box-shadow:var(--shadow-float,0 10px 28px rgba(0,0,0,.2));display:grid;place-items:center;z-index:50;
opacity:0;transform:translateY(14px) rotate(-180deg);pointer-events:none;
transition:opacity .3s ease,transform .5s cubic-bezier(.34,1.28,.5,1),background .15s}
body.kp-body .cw-top svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
body.kp-body .cw-top:hover{background:var(--yellow-hover,#FFD933)}
body.kp-body .cw-top.show{opacity:1;transform:translateY(0) rotate(0);pointer-events:auto}
.kp-cookie{display:none;position:fixed;left:16px;right:16px;bottom:16px;z-index:60;
background:var(--ink,#0A0A0A);color:#fff;border-radius:var(--r,12px);
box-shadow:var(--shadow-float,0 10px 28px rgba(0,0,0,.2));
padding:9px 12px 9px 22px;max-width:620px;margin:0 auto;
align-items:center;gap:16px}
.kp-cookie.is-visible{display:flex}
.kp-cookie-text{font-size:13px;line-height:1.4;color:#d8d8d8}
.kp-cookie-text a{color:var(--yellow,#FECE15);text-decoration:underline}
body.kp-body .kp-cookie-btn{flex:0 0 auto;border:0;cursor:pointer;background:var(--yellow,#FECE15);color:var(--ink,#0A0A0A);
font-weight:700;font-size:13px;padding:9px 22px;border-radius:10px;transition:background .15s;white-space:nowrap}
body.kp-body .kp-cookie-btn:hover{background:var(--yellow-hover,#FFD933)}
.kp-footer-rekviz{font-size:12px;line-height:1.6;color:var(--ink-3,#8A8A8A);margin-top:6px}
body.kp-body .kp-cat-fbar.kp-fbar-expanded .kp-cat-fbar-left{flex-wrap:wrap;row-gap:10px}
body.kp-body .kp-cat-fpill-all.is-active{background:var(--yellow,#FECE15);color:var(--ink,#0A0A0A)}
@media (max-width:768px){
.cw{right:14px;gap:12px}
.cw-btn,.cw-ic{width:52px;height:52px}
body.kp-body .cw-top{width:48px;height:48px;right:14px}
.kp-cookie{flex-direction:column;align-items:stretch;text-align:left;gap:12px;padding:14px 16px}
.kp-cookie-btn{width:100%}
}
body.kp-body .kp-footer .kp-footer-row {
border-bottom: 0;
padding-bottom: 16px}
body.kp-body .kp-footer .kp-footer-rekviz-line {
padding-top: 0;
padding-bottom: 16px;
border-bottom: 1px solid rgba(255, 255, 255, .08);
font-size: 12px;
line-height: 1.5;
color: rgba(255, 255, 255, .42);
text-align: center;
white-space: nowrap}
@media (max-width: 760px) {
body.kp-body .kp-footer .kp-footer-rekviz-line {
white-space: normal}
}
body.kp-body .kp-contacts-chip {
gap: 9px;
height: 44px;
padding: 0 16px;
border-radius: 10px;
background: #fff;
border: 1px solid var(--line);
box-shadow: none;
color: var(--ink);
font-weight: 600;
font-size: 15px;
letter-spacing: 0;
transition: all .15s}
body.kp-body .kp-contacts-chip img {
width: 22px;
height: 22px;
display: block;
border-radius: 6px}
body.kp-body .kp-contacts-chip:hover {
background: #fff;
transform: translateY(-1px);
border-color: var(--ink)}
body.kp-body .kp-cat-fpill-all {
display: none}
@media (max-width: 760px) {
body.kp-body .kp-cat-fbar-left {
flex-wrap: wrap;
overflow: visible;
row-gap: 8px;
padding-bottom: 0}
body.kp-body .kp-cat-fbar-inner {
position: relative}
body.kp-body .kp-cat-fpill[data-kp-fpill-toggle] {
position: static}
body.kp-body .kp-cat-fpill .kp-cat-fpill-drop {
left: 0;
right: 0;
top: 100%;
margin-top: 6px;
min-width: 0;
max-width: none;
z-index: 60}
body.kp-body .kp-cat-fpill-drop-foot {
flex-wrap: wrap;
row-gap: 10px}
body.kp-body .kp-cat-fpill-apply {
width: 100%;
margin-left: 0}
}
.pv-sizechart-row { margin-top: 6px}
body.kp-body .pv-sizechart-row .kp-sizechart-trigger {
appearance: none;
-webkit-appearance: none;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
padding: 10px 18px;
font-family: inherit;
font-size: 14px;
font-weight: 600;
line-height: 1;
letter-spacing: normal;
text-transform: none;
color: var(--ink, #0a0a0a);
background: #fff;
border: 1.5px solid var(--ink, #0a0a0a);
border-radius: 10px;
box-shadow: none;
transition: background .15s, color .15s, border-color .15s}
body.kp-body .pv-sizechart-row .kp-sizechart-trigger svg { flex: 0 0 auto}
body.kp-body .pv-sizechart-row .kp-sizechart-trigger:hover {
background: var(--yellow, #FECE15);
border-color: var(--yellow, #FECE15);
color: var(--ink, #0a0a0a)}
body.kp-body .pv-sizechart-row .kp-sizechart-trigger:focus-visible {
outline: 2px solid var(--ink, #0a0a0a);
outline-offset: 2px}
.kp-sizechart-backdrop {
position: fixed;
inset: 0;
background: rgba(10, 10, 10, 0.58);
z-index: 100000;
display: grid;
place-items: center;
padding: 24px;
animation: kp-sizechart-bd-in .15s ease-out}
@keyframes kp-sizechart-bd-in { from { opacity: 0} to { opacity: 1} }
.kp-sizechart-backdrop .kp-sizechart-modal {
position: relative;
background: #fff;
border-radius: 18px;
padding: 30px 36px 28px;
max-width: 880px;
width: 100%;
max-height: 90vh;
overflow-y: auto;
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
animation: kp-sizechart-in .18s ease-out;
box-sizing: border-box}
@keyframes kp-sizechart-in {
from { opacity: 0; transform: translateY(10px) scale(.97)}
to   { opacity: 1; transform: translateY(0) scale(1)}
}
.kp-sizechart-backdrop .kp-sizechart-modal:focus { outline: none}
.kp-sizechart-backdrop .kp-sizechart-close {
position: absolute;
top: 18px;
right: 18px;
z-index: 5;
appearance: none;
-webkit-appearance: none;
margin: 0;
padding: 0;
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: #fff;
background: var(--ink, #0a0a0a);
border: 0;
border-radius: 50%;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
transition: background .15s, color .15s, transform .12s}
.kp-sizechart-backdrop .kp-sizechart-close:hover {
background: var(--yellow, #FECE15);
color: var(--ink, #0a0a0a);
transform: scale(1.06)}
.kp-sizechart-backdrop .kp-sizechart-close:focus-visible {
outline: 2px solid var(--yellow, #FECE15);
outline-offset: 2px}
.kp-sizechart-backdrop .kp-sizechart-close svg { display: block}
.kp-sizechart-backdrop .kp-sizechart-head { margin: 0 56px 20px 0}
.kp-sizechart-backdrop .kp-sizechart-title {
margin: 0;
font-size: 23px;
font-weight: 700;
color: var(--ink, #0a0a0a);
line-height: 1.2}
.kp-sizechart-backdrop .kp-sizechart-sub {
margin: 6px 0 0;
font-size: 14px;
color: var(--ink-3, #8A8A8A);
line-height: 1.4}
.kp-sizechart-backdrop .kp-sizechart-body { overflow-x: auto}
.kp-sizechart-backdrop .kp-sizechart-body img {
display: block;
max-width: 150px;
height: auto;
margin: 0 0 18px}
.kp-sizechart-backdrop .kp-sizechart-body table {
border-collapse: collapse;
width: 100%;
min-width: 540px;
font-size: 14px;
color: var(--ink, #0a0a0a)}
.kp-sizechart-backdrop .kp-sizechart-body th,
.kp-sizechart-backdrop .kp-sizechart-body td {
border: 1px solid var(--line, #E5E5E5);
padding: 10px 14px;
text-align: center;
line-height: 1.35;
white-space: nowrap}
.kp-sizechart-backdrop .kp-sizechart-body tr:first-child td,
.kp-sizechart-backdrop .kp-sizechart-body tr:first-child th,
.kp-sizechart-backdrop .kp-sizechart-body thead td,
.kp-sizechart-backdrop .kp-sizechart-body thead th {
background: var(--ink, #0a0a0a);
color: #fff;
font-weight: 700}
.kp-sizechart-backdrop .kp-sizechart-body tr td:first-child,
.kp-sizechart-backdrop .kp-sizechart-body tr th:first-child {
font-weight: 700;
text-align: left;
background: var(--fog, #F7F7F7);
color: var(--ink, #0a0a0a)}
.kp-sizechart-backdrop .kp-sizechart-body tr:first-child td:first-child,
.kp-sizechart-backdrop .kp-sizechart-body tr:first-child th:first-child {
background: var(--ink, #0a0a0a);
color: #fff;
text-align: left}
.kp-sizechart-backdrop .kp-sizechart-body tr:nth-child(even):not(:first-child) td { background: #FCFCFC}
.kp-sizechart-backdrop .kp-sizechart-body p {
margin: 14px 0 0;
font-size: 13px;
color: var(--ink-3, #8A8A8A);
line-height: 1.5;
white-space: normal}
@media (max-width: 600px) {
.kp-sizechart-backdrop { padding: 14px}
.kp-sizechart-backdrop .kp-sizechart-modal {
padding: 24px 18px 18px;
border-radius: 14px;
max-height: calc(100vh - 28px)}
.kp-sizechart-backdrop .kp-sizechart-title { font-size: 19px}
.kp-sizechart-backdrop .kp-sizechart-head { margin-right: 48px}
.kp-sizechart-backdrop .kp-sizechart-close { top: 14px; right: 14px; width: 36px; height: 36px}
.kp-sizechart-backdrop .kp-sizechart-body table { font-size: 13px; min-width: 480px}
.kp-sizechart-backdrop .kp-sizechart-body th,
.kp-sizechart-backdrop .kp-sizechart-body td { padding: 8px 10px}
}
.kp-header .kp-logo img { height: 62px}
.kp-footer .kp-logo img { height: 72px; width: auto}
body.kp-body .kp-search-wrap { max-width: none}
body.kp-body .kp-search-form {
display: flex;
align-items: center;
background: var(--fog);
border: 1px solid transparent;
border-radius: var(--radius-sm);
height: 48px;
padding: 0;
margin: 0;
transition: background .15s, border-color .15s}
body.kp-body .kp-search-wrap.is-open .kp-search-form,
body.kp-body .kp-search-form:focus-within {
background: #fff;
border-color: var(--ink)}
body.kp-body .kp-search-input {
flex: 1;
min-width: 0;
height: 100%;
background: transparent;
border: 0;
outline: 0;
box-shadow: none;
padding: 0 8px 0 16px;
font-size: 15px;
color: var(--ink)}
body.kp-body .kp-search-input::placeholder { color: var(--ink-3)}
body.kp-body .kp-search-input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none}
body.kp-body .kp-search-clear {
flex: 0 0 auto;
display: grid;
place-items: center;
width: 32px;
height: 100%;
background: none;
border: 0;
padding: 0;
color: var(--ink-3);
cursor: pointer}
body.kp-body .kp-search-clear:hover { color: var(--ink)}
body.kp-body .kp-search-submit {
flex: 0 0 48px;
width: 48px;
height: 48px;
background: var(--yellow);
border: 0;
border-radius: var(--radius-sm);
color: var(--ink);
cursor: pointer;
display: grid;
place-items: center;
padding: 0;
transition: background .15s}
body.kp-body .kp-search-submit:hover { background: var(--yellow-hover)}
body.kp-body .kp-search-drop {
position: absolute;
top: calc(100% + 8px);
left: 0;
right: -140px;
background: #fff;
border: 1px solid var(--line, #ececec);
border-radius: var(--radius, 16px);
box-shadow: 0 16px 48px rgba(0, 0, 0, .14);
max-height: min(70vh, 560px);
overflow-y: auto;
z-index: 200;
padding: 8px 0}
body.kp-body .kp-search-loading {
padding: 24px 16px;
text-align: center;
color: var(--ink-3);
font-size: 14px}
body.kp-body .kp-search-drop[hidden] { display: none}
body.kp-body .kp-search-sect { padding: 12px 16px 4px}
body.kp-body .kp-search-sect-head {
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--ink-3);
margin-bottom: 10px}
body.kp-body .kp-search-sect-head-row {
display: flex;
align-items: baseline;
justify-content: space-between}
body.kp-body .kp-search-found { font-weight: 600; letter-spacing: 0; text-transform: none}
body.kp-body .kp-search-allcat {
font-size: 12px;
font-weight: 600;
letter-spacing: 0;
text-transform: none;
color: var(--ink)}
body.kp-body .kp-search-allcat:hover { color: var(--yellow-hover, #e0b400)}
body.kp-body .kp-search-chips { display: flex; flex-wrap: wrap; gap: 8px}
body.kp-body .kp-search-chip {
display: inline-flex;
align-items: center;
gap: 6px;
background: var(--fog);
border: 1px solid transparent;
border-radius: 999px;
padding: 7px 14px;
font-size: 14px;
color: var(--ink);
cursor: pointer;
transition: background .15s, border-color .15s}
body.kp-body .kp-search-chip:hover { background: #fff; border-color: var(--yellow)}
body.kp-body .kp-search-chip svg { color: var(--ink-3)}
body.kp-body .kp-search-catgrid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4px 16px}
body.kp-body .kp-search-catitem,
body.kp-body .kp-search-catrow {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 4px;
border-radius: 10px;
color: var(--ink)}
body.kp-body .kp-search-catitem:hover,
body.kp-body .kp-search-catrow:hover,
body.kp-body .kp-search-catrow.is-active { background: var(--fog)}
body.kp-body .kp-search-caticon {
flex: 0 0 36px;
width: 36px;
height: 36px;
display: grid;
place-items: center;
background: var(--yellow-soft, #fff7d6);
border-radius: 9px}
body.kp-body .kp-search-caticon svg { width: 18px; height: 18px}
body.kp-body .kp-search-catname { flex: 1; min-width: 0; font-size: 14px; font-weight: 600}
body.kp-body .kp-search-catcount { color: var(--ink-3); font-size: 13px}
body.kp-body .kp-search-catlist { display: flex; flex-direction: column}
body.kp-body .kp-search-prodlist {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2px 16px}
body.kp-body .kp-search-prod {
display: flex;
align-items: center;
gap: 12px;
padding: 8px;
border-radius: 10px;
color: var(--ink)}
body.kp-body .kp-search-prod:hover,
body.kp-body .kp-search-prod.is-active { background: var(--fog)}
body.kp-body .kp-search-prod-thumb {
flex: 0 0 50px;
width: 50px;
height: 50px;
border-radius: 8px;
overflow: hidden;
background: var(--fog)}
body.kp-body .kp-search-prod-thumb img { width: 100%; height: 100%; object-fit: contain}
body.kp-body .kp-search-prod-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px}
body.kp-body .kp-search-prod-title {
font-size: 14px;
font-weight: 600;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden}
body.kp-body .kp-search-prod-meta { display: flex; align-items: center; gap: 10px; font-size: 12px}
body.kp-body .kp-search-prod-sku { color: var(--ink-3)}
body.kp-body .kp-search-prod-stock { color: #1E8E3E; font-weight: 600}
body.kp-body .kp-search-prod-price { font-size: 14px; font-weight: 700; white-space: nowrap}
body.kp-body .kp-search-drop mark { background: var(--yellow); color: inherit; padding: 0 1px; border-radius: 2px}
body.kp-body .kp-search-all {
display: block;
margin: 8px 16px 4px;
padding: 13px;
text-align: center;
background: var(--ink);
color: #fff;
border-radius: var(--radius-sm);
font-size: 14px;
font-weight: 700;
transition: background .15s}
body.kp-body .kp-search-all:hover { background: #000; color: #fff}
body.kp-body .kp-search-all.is-active { outline: 2px solid var(--yellow); outline-offset: 2px}
body.kp-body .kp-search-empty { padding: 24px 16px; text-align: center; color: var(--ink-3); font-size: 14px}
body.kp-body .kp-search-hint {
display: flex;
gap: 20px;
padding: 12px 16px 4px;
margin-top: 4px;
border-top: 1px solid var(--line, #ececec);
font-size: 12px;
color: var(--ink-3)}
body.kp-body .kp-search-hint kbd {
display: inline-block;
min-width: 18px;
padding: 1px 5px;
margin-right: 2px;
background: var(--fog);
border-radius: 4px;
font-family: inherit;
font-size: 11px;
text-align: center}
body.kp-search-page .kp-cat-chips { display: none}
@media (max-width: 760px) {
body.kp-body .kp-search-catgrid { grid-template-columns: 1fr}
}
body.kp-body .kp-mega-sublist {
list-style: none;
margin: 0;
padding: 0}
body.kp-body .kp-mega-sublist > li {
list-style: none}
body.kp-body .kp-mega .kp-mega-cat,
body.kp-body .kp-mega .kp-mega-cat > span {
text-transform: none !important}
body.kp-body .kp-mega-promo:hover {
color: #fff}
body.kp-body .kp-mega-promo:hover .kp-mega-promo-title {
color: var(--yellow)}
body.kp-body .kp-catmap-row {
display: grid;
grid-template-columns: 1fr auto;
align-items: baseline;
column-gap: 10px}
body.kp-body .kp-catmap-count {
white-space: nowrap}
body.kp-body .wd-toolbar { display: none !important}
body.kp-body .kp-mobile-burger { display: none}
body.kp-body .kp-header-actions { display: none}
body.kp-body .kp-mega-mobnav { display: none}
body.kp-body .kp-tb-phone-m { display: none}
@media (max-width: 760px) {
body.kp-body .kp-header-row {
display: flex;
align-items: center;
gap: 10px;
height: 60px}
body.kp-body .kp-mobile-burger {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
margin-left: -8px;
color: var(--ink);
border-radius: 8px;
flex: 0 0 auto;
background: transparent !important;
border: 0}
body.kp-body .kp-mobile-burger svg {
width: 24px !important;
height: 24px !important;
flex: 0 0 auto;
stroke: currentColor}
body.kp-body .kp-topbar-row {
padding-left: 20px;
padding-right: 20px;
justify-content: space-between}
body.kp-body .kp-topbar-right { width: auto; justify-content: flex-end}
body.kp-body .kp-tb-phone-m {
display: inline-flex;
align-items: center;
gap: 6px;
color: #fff !important;
font-weight: 600;
font-size: 13px;
white-space: nowrap}
body.kp-body .kp-tb-phone-m svg {
width: 14px !important;
height: 14px !important;
flex: 0 0 auto;
stroke: currentColor}
body.kp-body .kp-topbar-right .kp-tb-item[href^="mailto"] { display: none !important}
body.kp-body .kp-header .kp-logo img { height: 34px}
body.kp-body .kp-header-row .kp-logo { margin-right: auto}
body.kp-body .kp-header-row .kp-search-wrap { display: none}
body.kp-body .kp-header-row .kp-phones { display: none !important}
body.kp-body .kp-header-row .kp-cta-call { display: none !important}
body.kp-body .kp-header-actions {
display: flex;
align-items: center;
gap: 4px;
flex: 0 0 auto}
body.kp-body .kp-header-actions .kp-snav-icon { width: 42px; height: 42px}
body.kp-body .kp-header-actions .kp-snav-cart--mini {
background: none !important;
color: var(--ink) !important;
padding: 0 !important;
width: 42px;
height: 42px;
justify-content: center;
position: relative}
body.kp-body .kp-snav-row { display: none}
body.kp-body .kp-snav { background: none; border: 0}
body.kp-body .kp-mega {
grid-template-columns: 1fr;
max-width: 100%;
max-height: calc(100vh - 80px);
overflow-y: auto;
border-radius: 0}
body.kp-body .kp-mega-col-3 { display: none}
body.kp-body .kp-mega-col { padding: 16px}
body.kp-body .kp-mega-col-1 { flex-direction: column; gap: 4px}
body.kp-body .kp-mega-sublist { grid-template-columns: 1fr}
body.kp-body .kp-mega-mobnav {
display: flex;
flex-direction: column;
gap: 2px;
padding: 12px 16px;
border-bottom: 1px solid var(--line)}
body.kp-body .kp-mega-mobnav a {
padding: 12px 8px;
font-weight: 700;
font-size: 15px;
text-transform: uppercase;
letter-spacing: normal;
color: var(--ink);
border-radius: 8px}
body.kp-body .kp-mega-mobnav a:hover { background: var(--fog)}
}
@media (max-width: 480px) {
body.kp-body .kp-header .kp-logo img { height: 30px}
body.kp-body .kp-header-row { gap: 6px}
}
@media (max-width: 768px) {
body.kp-body .kp-hero { padding-top: 32px !important}
body.kp-body .kp-hero-grid > * { min-width: 0}
body.kp-body .kp-hero-title { font-size: 34px !important}
body.kp-body .kp-hero-sub { max-width: 100% !important}
}
@media (max-width: 480px) {
body.kp-body .kp-hero-title { font-size: 30px !important}
}
@media (max-width: 760px) {
body.kp-body .kp-stat-num { font-size: 32px}
}
@media (max-width: 480px) {
body.kp-body .kp-stat-num { font-size: 28px}
}
@media (max-width: 760px) {
body.kp-body .cw {
top: auto;
bottom: 12px;
left: 0;
right: 0;
transform: none;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 14px}
body.kp-body .cw-top { right: 14px; bottom: 76px}
body.kp-body .kp-header {
position: sticky;
top: 0;
z-index: 60;
background: var(--paper, #fff)}
}
@media (max-width: 760px) {
body.kp-body .kp-sec-pop .kp-cat-grid {
grid-template-columns: 1fr;
gap: 12px}
body.kp-body .kp-sec-pop .kp-cat-card {
flex-direction: row;
align-items: center;
gap: 14px;
padding: 12px}
body.kp-body .kp-sec-pop .kp-cat-num { display: none}
body.kp-body .kp-sec-pop .kp-cat-img {
flex: 0 0 64px;
width: 64px;
height: 64px}
body.kp-body .kp-sec-pop .kp-cat-img .kp-card-photo,
body.kp-body .kp-sec-pop .kp-cat-img .kp-placeholder {
width: 64px;
height: 64px;
aspect-ratio: 1 / 1}
body.kp-body .kp-sec-pop .kp-cat-foot {
flex: 1 1 auto;
min-width: 0}
}
@media (max-width: 760px) {
body.kp-body .kp-sec {
padding-top: 32px;
padding-bottom: 32px}
body.kp-body .kp-hero {
padding-top: 32px !important;
padding-bottom: 32px !important}
}
body.kp-body .cw-dock { display: contents}
@media (max-width: 760px) {
body.kp-body .cw-dock {
display: flex;
position: fixed;
left: 0;
right: 0;
bottom: 22px;
justify-content: center;
align-items: center;
gap: 14px;
z-index: 50;
pointer-events: none}
body.kp-body .cw-dock .cw {
position: static;
transform: none;
flex-direction: row;
gap: 14px;
padding: 0;
pointer-events: auto}
body.kp-body .cw-dock .cw-top {
position: static;
width: 52px;
height: 52px;
display: none;
transform: none;
opacity: 1;
pointer-events: auto}
body.kp-body .cw-dock .cw-top.show { display: grid}
body.kp-body .cw-dock .cw-top svg { width: 22px; height: 22px}
}
@media (max-width: 768px) {
body.kp-body .kp-hero-grid {
display: flex;
flex-direction: column;
gap: 20px !important}
body.kp-body .kp-hero-left { display: contents}
body.kp-body .kp-hero-kicker { order: 1; margin: 0}
body.kp-body .kp-hero-title  { order: 2; margin: 0 !important}
body.kp-body .kp-hero-right  { order: 3; margin: 14px 0}
body.kp-body .kp-hero-sub    { order: 4; margin: 0 !important}
body.kp-body .kp-hero-ctas   { order: 5; margin: 0 !important}
body.kp-body .kp-hero-trust  { order: 6}
}
@media (max-width: 760px) {
body.kp-body .kp-sec-print .kp-print-grid {
grid-template-columns: 1fr;
gap: 12px}
body.kp-body .kp-sec-print .kp-print-card {
display: grid;
grid-template-columns: 64px 1fr auto;
grid-template-areas:
"img name more"
"img desc more";
column-gap: 14px;
row-gap: 2px;
align-items: center;
padding: 12px}
body.kp-body .kp-sec-print .kp-print-num { display: none}
body.kp-body .kp-sec-print .kp-print-img {
grid-area: img;
width: 64px;
height: 64px;
aspect-ratio: 1 / 1}
body.kp-body .kp-sec-print .kp-print-img .kp-card-photo,
body.kp-body .kp-sec-print .kp-print-img .kp-placeholder {
width: 64px;
height: 64px}
body.kp-body .kp-sec-print .kp-print-name {
grid-area: name;
align-self: end;
font-size: 15px}
body.kp-body .kp-sec-print .kp-print-desc {
grid-area: desc;
align-self: start;
font-size: 13px;
line-height: 1.35;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden}
body.kp-body .kp-sec-print .kp-print-more {
grid-area: more;
font-size: 0}
body.kp-body .kp-sec-print .kp-print-more svg { width: 18px; height: 18px}
}
@media (max-width: 760px) {
body.kp-body .kp-sec-brands .kp-brand-grid {
grid-template-columns: none;
grid-auto-flow: column;
grid-auto-columns: 42%;
grid-template-rows: repeat(2, 1fr);
overflow-x: auto;
scroll-snap-type: x proximity;
scrollbar-width: none}
body.kp-body .kp-sec-brands .kp-brand-grid::-webkit-scrollbar { display: none}
body.kp-body .kp-sec-brands .kp-brand-cell {
height: 64px;
scroll-snap-align: start}
}
.kp-stat:first-child {
padding-left: 0;
padding-right: 0}
.kp-stat-num {
white-space: nowrap}
.kp-stat-num .kp-stat-unit {
font-size: .58em;
font-weight: 600}
@media (max-width: 1100px) {
.kp-stats-row .kp-stat:nth-child(3n+1) {
padding-left: 0}
}
@media (max-width: 760px) {
.kp-stats-row .kp-stat:nth-child(odd) {
padding-left: 0}
.kp-stats-row .kp-stat:nth-child(even) {
padding-left: 24px}
}