.kp-btn{--kp-btn-bg: var(--color-accent);--kp-btn-fg: var(--color-on-accent);--kp-btn-border: var(--color-accent);--kp-btn-bg-hover: var(--color-accent-hover);--kp-btn-border-hover: var(--color-accent-hover);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-target);padding:0 var(--space-6);border:1px solid var(--kp-btn-border);border-radius:var(--radius-sm);background:var(--kp-btn-bg);color:var(--kp-btn-fg);font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) ease,border-color var(--duration-fast) ease,color var(--duration-fast) ease;-webkit-tap-highlight-color:transparent}.kp-btn:active{background:var(--kp-btn-bg-hover);border-color:var(--kp-btn-border-hover)}@media(hover:hover)and (pointer:fine){.kp-btn:hover{background:var(--kp-btn-bg-hover);border-color:var(--kp-btn-border-hover);color:var(--kp-btn-fg)}}.kp-btn--secondary{--kp-btn-bg: var(--color-surface);--kp-btn-fg: var(--color-link);--kp-btn-border: var(--color-border-strong);--kp-btn-bg-hover: var(--color-surface-muted);--kp-btn-border-hover: var(--color-link)}.kp-btn--ghost{--kp-btn-bg: transparent;--kp-btn-fg: var(--color-link);--kp-btn-border: transparent;--kp-btn-bg-hover: var(--color-surface-muted);--kp-btn-border-hover: transparent}.kp-btn--block{display:flex;width:100%}.kp-btn--sm{min-height:36px;padding:0 var(--space-4);font-size:var(--text-sm)}.kp-btn[disabled],.kp-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kp-btn.is-loading{color:transparent;pointer-events:none}.kp-btn.is-loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--kp-btn-fg);border-right-color:transparent;border-radius:50%;animation:kp-spin .7s linear infinite}@keyframes kp-spin{to{transform:rotate(360deg)}}.kp-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--tap-target);height:var(--tap-target);padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-icon);cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) ease}.kp-icon-btn:active{background:var(--color-surface-muted)}@media(hover:hover)and (pointer:fine){.kp-icon-btn:hover{background:var(--color-surface-muted);color:var(--color-icon)}}.kp-icon-btn .kp-icon{width:24px;height:24px}.kp-count{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-size:11px;font-weight:var(--weight-bold);line-height:18px;text-align:center}.kp-icon{display:inline-block;flex-shrink:0;width:20px;height:20px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.kp-icon--lg{width:24px;height:24px}.kp-input{width:100%;min-height:var(--tap-target);padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-md)}.kp-input::placeholder{color:var(--color-text-muted)}.kp-input:focus-visible{outline:2px solid var(--color-focus);outline-offset:0;border-color:var(--color-focus)}.kp-chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;text-decoration:none}.kp-chip[aria-current=page],.kp-chip.is-active{border-color:var(--color-link);background:var(--color-link);color:#fff}@media(hover:hover)and (pointer:fine){.kp-chip:hover{border-color:var(--color-link);color:var(--color-link)}.kp-chip[aria-current=page]:hover,.kp-chip.is-active:hover{color:#fff}}.kp-badge{display:inline-flex;align-items:center;height:24px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:1;letter-spacing:.01em;white-space:nowrap}.kp-badge--sale{background:var(--color-sale);color:#fff}.kp-badge--new{background:var(--kp-navy-700);color:#fff}.kp-badge--soldout{background:var(--color-surface-muted);color:var(--color-text-muted)}.kp-price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:var(--space-2);row-gap:2px;margin:0;color:var(--color-text);font-variant-numeric:tabular-nums}.kp-price__current{font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:1.2}.kp-price--sale .kp-price__current{color:var(--color-sale)}.kp-price__compare{color:var(--color-compare);font-size:var(--text-sm);text-decoration:line-through}.kp-price__unit,.kp-price__note{flex-basis:100%;color:var(--color-text-muted);font-size:var(--text-xs)}.kp-price--lg .kp-price__current{font-size:var(--text-3xl)}.kp-price--lg .kp-price__compare{font-size:var(--text-md)}.kp-skeleton{border-radius:var(--radius-sm);background:var(--color-surface-muted)}@media(prefers-reduced-motion:no-preference){.kp-skeleton{background:linear-gradient(90deg,var(--color-surface-muted) 25%,var(--kp-gray-200) 50%,var(--color-surface-muted) 75%);background-size:200% 100%;animation:kp-shimmer 1.4s ease infinite}}@keyframes kp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kp-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-4);text-align:center}.kp-empty__title{margin:0;color:var(--color-heading);font-size:var(--text-2xl);font-weight:var(--weight-semibold)}.kp-empty__text{max-width:36ch;margin:0;color:var(--color-text-muted)}.kp-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.kp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-3);margin:0;padding:0;list-style:none}@media(min-width:768px){.kp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6) var(--space-4)}}@media(min-width:1200px){.kp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1600px){.kp-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.kp-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--space-3)) / 2.2);gap:var(--space-3);margin:0 calc(var(--page-gutter) * -1);padding:0 var(--page-gutter) var(--space-2);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-gutter);scrollbar-width:none;list-style:none}.kp-row::-webkit-scrollbar{display:none}.kp-row>*{scroll-snap-align:start;min-width:0}@media(min-width:768px){.kp-row{grid-auto-columns:calc((100% - 2 * var(--space-4)) / 3.2);gap:var(--space-4)}}@media(min-width:1200px){.kp-row{grid-auto-columns:calc((100% - 3 * var(--space-4)) / 4);margin:0;padding:0 0 var(--space-2);scroll-padding-inline:0}}@media(min-width:1600px){.kp-row{grid-auto-columns:calc((100% - 4 * var(--space-4)) / 5)}}.kp-row-nav{display:none;gap:var(--space-1)}@media(min-width:1200px)and (hover:hover)and (pointer:fine){.kp-row-nav{display:inline-flex}}.kp-row-nav .kp-icon-btn{border:1px solid var(--color-border-strong)}.kp-card{position:relative;display:flex;flex-direction:column;height:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.kp-card__media{position:relative;aspect-ratio:1;overflow:hidden;background:var(--color-image-surface)}.kp-card__img{position:absolute;inset:var(--space-3);display:block;width:calc(100% - 2 * var(--space-3));height:calc(100% - 2 * var(--space-3));object-fit:contain}.kp-card__img--alt{background:var(--color-image-surface);opacity:0;transition:opacity var(--duration-base) ease}.kp-card__badges{position:absolute;top:var(--space-2);left:var(--space-2);display:flex;gap:var(--space-1);pointer-events:none}.kp-card__body{display:flex;flex:1;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-3) var(--space-2)}.kp-card__vendor{margin:0;color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.02em;text-transform:uppercase}.kp-card__title{margin:0;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1.35}.kp-card__link{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.7em;color:var(--color-text);text-decoration:none}.kp-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.kp-card__link:focus-visible{outline:none}.kp-card:has(.kp-card__link:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.kp-card .kp-price{margin-top:auto;padding-top:var(--space-1)}.kp-card .kp-price__current{font-size:var(--text-md)}.kp-card__action{position:relative;z-index:2;padding:0 var(--space-3) var(--space-3)}.kp-card__btn{min-height:40px;padding:0 var(--space-2);font-size:var(--text-sm)}.kp-card__btn.is-added{--kp-btn-bg: var(--color-success);--kp-btn-border: var(--color-success)}.kp-card__btn.is-error{--kp-btn-bg: var(--color-error);--kp-btn-border: var(--color-error)}.kp-card--soldout .kp-card__img{opacity:.55}.kp-card__btn{white-space:nowrap}@media(max-width:575px){.kp-card__btn .kp-icon{display:none}.kp-card__btn{font-size:13px;letter-spacing:-.01em}.kp-card__body{padding:var(--space-2) var(--space-2) var(--space-1)}.kp-card__action{padding:0 var(--space-2) var(--space-2)}}@media(hover:hover)and (pointer:fine){.kp-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.kp-card:hover .kp-card__img--alt{opacity:1}.kp-card:hover .kp-card__link{color:var(--color-link)}}@media(prefers-reduced-motion:reduce){.kp-card,.kp-card__img--alt{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/kp-components.css.map */