.kf-pdp{position:relative;box-sizing:border-box;min-height:calc(100vh - var(--kf-nav-h));background:var(--color-pure-white);display:grid;grid-template-columns:1fr;gap:var(--spacing-24);padding:var(--spacing-32) var(--spacing-32) var(--spacing-40);align-items:center}@media(min-width:1024px){.kf-pdp{height:calc(100vh - var(--kf-nav-h));overflow:hidden;grid-template-columns:1fr auto 1fr;gap:0;padding:var(--spacing-48) var(--spacing-60);align-items:stretch}.kf-pdp:not(:has(.kf-pdp__thumbs)){grid-template-columns:1fr 1fr;gap:var(--spacing-80)}}.kf-pdp__media{position:relative;width:100%;aspect-ratio:1 / 1;max-width:calc(100vh - var(--kf-nav-h) - var(--spacing-48) * 2);margin-inline:auto;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0;padding:0;border:1px solid var(--color-ash-gray);border-radius:var(--radius-md);background:var(--color-pure-white);color:inherit;font:inherit;cursor:zoom-in}.kf-pdp__media--empty{cursor:default;padding:0}.kf-pdp__faces{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.22,.61,.36,1)}.kf-pdp__faces.is-flipped{transform:rotateY(180deg)}.kf-pdp__media:focus-visible{outline:2px solid var(--color-brand-red);outline-offset:2px}.kf-pdp__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.kf-pdp__img--back{transform:rotateY(180deg)}@media(prefers-reduced-motion:reduce){.kf-pdp__faces{transition:none}.kf-pdp__faces.is-flipped{transform:none}}.kf-pdp__placeholder{width:100%;height:100%;background:var(--color-deep-charcoal)}.kf-pdp__media .kf-scanline{display:block}.kf-pdp__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-20);max-width:560px}@media(min-width:1024px){.kf-pdp__media{align-self:center;justify-self:end;margin-inline:0}.kf-pdp__info{align-self:center;margin-left:var(--spacing-48)}}.kf-pdp__title{margin:0;font-size:clamp(40px,6vw,92px);line-height:.9;color:var(--color-absolute-black)}.kf-pdp__price{margin:0;font-size:var(--text-heading-lg);color:var(--color-brand-red)}.kf-pdp__variant{display:flex;flex-direction:column;gap:var(--spacing-8)}.kf-pdp__select{background:transparent;color:var(--color-absolute-black);border:1px solid var(--color-steel-gray);border-radius:var(--radius-sm);padding:var(--spacing-12) var(--spacing-16);font-family:var(--font-mono);font-size:var(--text-body-sm)}.kf-pdp__select:focus{outline:none;border-color:var(--color-brand-red)}.kf-pdp__actions{display:flex;align-items:center;gap:var(--spacing-16);margin-top:var(--spacing-12);flex-wrap:wrap}.kf-pdp__soldout{font-size:var(--text-body-sm);letter-spacing:.16em;color:var(--color-steel-gray)}.kf-pdp__back{text-decoration:none}.kf-pdp.kf-surface--light .kf-pill--ghost{color:var(--color-absolute-black);border-color:var(--color-absolute-black)}.kf-pdp.kf-surface--light .kf-pill--ghost:hover{background:var(--color-absolute-black);color:var(--color-pure-white)}.kf-pdp__thumbs{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--spacing-12);width:100%}@media(min-width:1024px){.kf-pdp__thumbs{flex-direction:column;flex-wrap:nowrap;align-self:center;justify-content:center;width:auto;max-height:100%;overflow-y:auto;scrollbar-width:none;margin-left:var(--spacing-32)}.kf-pdp__thumbs::-webkit-scrollbar{display:none}}.kf-pdp__thumb{width:64px;height:64px;padding:0;background:var(--color-pure-white);border:1px solid var(--color-ash-gray);border-radius:var(--radius-sm);cursor:pointer;display:block;transition:border-color .2s ease;flex-shrink:0;overflow:hidden}.kf-pdp__thumb img{width:100%;height:100%;object-fit:contain;display:block}.kf-pdp__thumb.is-active{border-color:var(--color-brand-red)}.kf-pdp__thumb:focus-visible{outline:2px solid var(--color-brand-red);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.kf-pdp__title{animation:kf-pdp-rise .48s ease-out both}.kf-pdp__media{animation:kf-pdp-fade .6s ease-out both}}@keyframes kf-pdp-rise{0%{opacity:0;transform:translateY(var(--spacing-24)) skew(var(--display-slant))}to{opacity:1;transform:translateY(0) skew(var(--display-slant))}}@keyframes kf-pdp-fade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/main-product.css.map */
