.kk-ph{padding-block:var(--kk-ph-section-pt, 40px) var(--kk-ph-section-pb, 40px)}.kk-ph__container{max-width:1280px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}.kk-ph__header{text-align:center;max-width:640px;margin-inline:auto}.kk-ph__heading{font-family:var(--font-secondary--family, var(--font-body--family, inherit));font-size:clamp(1.75rem,3vw,2.5rem);margin-block:var(--kk-ph-heading-pt, 0px) var(--kk-ph-heading-pb, 8px);color:var(--color-foreground, #2b2620)}.kk-ph__subheading{font-family:var(--font-body--family, inherit);font-size:1rem;color:var(--color-foreground, #2b2620);opacity:.75;margin-block:var(--kk-ph-subheading-pt, 0px) var(--kk-ph-subheading-pb, 32px)}.kk-ph__track-wrap{position:relative}.kk-ph__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:clamp(1rem,2vw,1.75rem);overflow-x:auto;scroll-snap-type:x mandatory;padding:.25rem .25rem 1rem;margin:0;list-style:none;scrollbar-width:none}.kk-ph__track::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.kk-ph__track{grid-auto-columns:minmax(0,calc((100% - 5.25rem)/4))}}.kk-ph__card{scroll-snap-align:start;display:flex;flex-direction:column;text-align:center}.kk-ph__media{position:relative;display:block;aspect-ratio:4 / 5;border-radius:var(--style-border-radius-lg, 12px);overflow:hidden;background:var(--color-background, #efe9df);margin-block:var(--kk-ph-media-pt, 0px) var(--kk-ph-media-pb, 14px)}.kk-ph__image{width:100%;height:100%;object-fit:cover;display:block}.kk-ph__badge{position:absolute;top:.75rem;left:.75rem;background:var(--kk-ph-accent, #c17a56);color:var(--kk-ph-accent-text, #fff);font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:.35em .75em;border-radius:999px}.kk-ph__rating{min-height:1.25rem;margin-block:var(--kk-ph-rating-pt, 0px) var(--kk-ph-rating-pb, 6px)}.kk-ph__title{font-family:var(--font-body--family, inherit);font-size:1.05rem;font-weight:700;margin-block:var(--kk-ph-title-pt, 0px) var(--kk-ph-title-pb, 6px);line-height:1.3}.kk-ph__title a{color:var(--color-foreground, #2b2620);text-decoration:none}.kk-ph__description{font-size:.9rem;line-height:1.5;color:var(--color-foreground, #2b2620);opacity:.75;margin-block:var(--kk-ph-description-pt, 0px) var(--kk-ph-description-pb, 12px)}.kk-ph__price{font-size:.95rem;font-weight:600;margin-block:var(--kk-ph-price-pt, 0px) var(--kk-ph-price-pb, 16px)}.kk-ph__price--compare{opacity:.5;margin-inline-end:.4em;font-weight:400}.kk-ph__price--sale{color:var(--kk-ph-accent, #c17a56)}.kk-ph__card .kk-ph__button{margin-block:var(--kk-ph-button-pt, 0px) var(--kk-ph-button-pb, 0px)}.kk-ph__button{display:inline-block;margin-inline:auto;padding:.7em 1.6em;border:1.5px solid var(--kk-ph-accent, #c17a56);border-radius:999px;color:var(--kk-ph-accent, #c17a56);background:transparent;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:background-color .15s ease,color .15s ease}.kk-ph__button:hover{background:var(--kk-ph-accent, #c17a56);color:var(--kk-ph-accent-text, #fff)}.kk-ph__button--outline{border-color:var(--color-foreground, #2b2620);color:var(--color-foreground, #2b2620)}.kk-ph__button--outline:hover{background:var(--color-foreground, #2b2620);color:var(--color-background, #fff)}.kk-ph__empty{aspect-ratio:4 / 5;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;border:1px dashed rgba(0,0,0,.2);border-radius:var(--style-border-radius-lg, 12px);font-size:.85rem;opacity:.6}.kk-ph__arrow{position:absolute;top:calc(50% - 1.6rem);right:-1.1rem;transform:translateY(-50%);width:2.75rem;height:2.75rem;border-radius:50%;background:var(--color-foreground, #2b2620);color:var(--color-background, #fff);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;z-index:2}.kk-ph__dots{display:flex;justify-content:center;gap:.5rem;margin-block-start:.5rem}.kk-ph__dots button{width:.5rem;height:.5rem;border-radius:50%;border:none;padding:0;background:#0003;cursor:pointer}.kk-ph__dots button[aria-current=true]{background:var(--kk-ph-accent, #c17a56)}.kk-ph__view-all{text-align:center;margin-block:var(--kk-ph-viewall-pt, 24px) var(--kk-ph-viewall-pb, 0px)}.kk-ph__arrow[hidden],.kk-ph__dots[hidden]{display:none}@media screen and (max-width:749px){.kk-ph__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-product-highlights.css.map */
