.kp{padding-block:40px 96px;border-bottom:1px solid var(--kn-line)}.kp__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:start}.kp__gallery{position:sticky;top:calc(var(--header-height,72px) + 24px)}.kp__stage{position:relative;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--kn-black)}.kp__stage:before{content:"";position:absolute;top:12%;right:18%;bottom:12%;left:18%;background:radial-gradient(closest-side,rgba(70,62,52,.42),transparent);pointer-events:none}.kp__stage:after{content:"";position:absolute;left:50%;bottom:9%;width:32%;height:22px;transform:translate(-50%);background:radial-gradient(closest-side,rgba(0,0,0,.9),transparent);pointer-events:none}.kp__stage img{position:relative;z-index:1;max-width:100%;max-height:100%;object-fit:contain}.kp__stage img[data-kind=can]{height:82%;width:auto;filter:drop-shadow(0 36px 54px rgba(0,0,0,.7))}.kp__stage img[data-kind=photo]{width:100%;height:100%;object-fit:cover}.kp__stage:has(img[data-kind=photo]):before,.kp__stage:has(img[data-kind=photo]):after{display:none}.kp__thumbs{display:flex;justify-content:center;gap:8px;margin-top:14px}.kp__thumbs button{width:64px;height:80px;padding:0;border:1px solid var(--kn-line);background:#121210;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .2s ease}.kp__thumbs button img{width:100%;height:100%;object-fit:cover;display:block}.kp__thumbs button[data-kind=can] img{width:auto;height:76%;object-fit:contain}.kp__thumbs button:hover{border-color:#e7dfce73}.kp__thumbs button.is-on{border-color:var(--kn-cream)}.kp__buy{display:flex;flex-direction:column;gap:22px;padding-top:12px;max-width:520px}.kp__title{margin:0;font-family:var(--kn-display);font-weight:300;font-size:clamp(2.4rem,4.4vw,3.6rem);letter-spacing:.14em;text-transform:uppercase;line-height:1;color:var(--kn-cream)}.kp__title span{color:var(--kn-lime);letter-spacing:.3em;font-size:.42em;display:block;margin-top:10px;font-weight:400}.kp__lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:.98rem;line-height:1.6;font-weight:300;color:#e3dccd}.kp__lines li:before{content:"\2014";margin-right:10px;color:var(--kn-muted)}.kp__facts{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--kn-line);border-bottom:1px solid var(--kn-line)}.kp__facts li{padding:16px 4px;text-align:center;font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:var(--kn-cream-2);border-right:1px solid var(--kn-line);line-height:1.4}.kp__facts li:last-child{border-right:0}.kp__facts b{display:block;font-family:var(--kn-display);font-weight:300;font-size:1.35rem;letter-spacing:.02em;color:var(--kn-cream);text-transform:none;margin-bottom:6px;white-space:nowrap}.kp__facts small{font-size:.6rem;margin-left:2px;color:var(--kn-cream-2);letter-spacing:.06em}.kp__form{display:flex;flex-direction:column;gap:14px;margin-top:6px}.kp__label{margin:0;font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--kn-muted)}.kp__packs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kp__pack{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;border:1px solid rgba(231,223,206,.3);cursor:pointer;color:var(--kn-cream);transition:border-color .2s ease,background .2s ease,color .2s ease}.kp__pack input{position:absolute;opacity:0;pointer-events:none}.kp__pack em{position:absolute;top:-9px;left:14px;font-style:normal;font-size:.54rem;letter-spacing:.2em;text-transform:uppercase;background:var(--kn-lime);color:var(--kn-black);padding:4px 8px}.kp__pack-n{font-family:var(--kn-display);font-weight:300;font-size:1.25rem;letter-spacing:.1em;text-transform:uppercase}.kp__pack-p{font-size:.96rem;font-weight:300}.kp__pack-p i{font-style:normal;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--kn-muted);margin-left:4px}.kp__pack-t{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--kn-muted)}.kp__pack:hover{border-color:var(--kn-cream)}.kp__pack.is-on{background:var(--kn-cream);border-color:var(--kn-cream);color:var(--kn-black)}.kp__pack.is-on .kp__pack-p i,.kp__pack.is-on .kp__pack-t{color:#0a0a0a99}.kp__pack:focus-within{outline:1px solid var(--kn-cream);outline-offset:3px}.kp__btn{width:100%;justify-content:space-between;padding:0 22px;min-height:56px;margin-top:6px}.kp__btn[disabled]{opacity:.55;pointer-events:none}.kp__btn-price{font-weight:400;letter-spacing:.1em;opacity:.8}.kp__msg{margin:-6px 0 0;font-size:.8rem;color:var(--kn-cream-2);min-height:0}.kp__msg:empty{display:none}.kp__ship{margin:0;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--kn-cream-2);line-height:1.8}.kp__pay{margin:-8px 0 0;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--kn-muted);line-height:1.8}.kp__acc{margin-top:14px;border-top:1px solid var(--kn-line)}.kp__acc details{border-bottom:1px solid var(--kn-line)}.kp__acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--kn-cream);font-weight:400}.kp__acc summary::-webkit-details-marker{display:none}.kp__acc summary i{position:relative;flex:0 0 14px;width:14px;height:14px}.kp__acc summary i:before,.kp__acc summary i:after{content:"";position:absolute;left:0;top:50%;width:14px;height:1px;background:var(--kn-cream-2);transition:transform .25s ease,opacity .25s ease}.kp__acc summary i:after{transform:rotate(90deg)}.kp__acc details[open] summary i:after{transform:rotate(0);opacity:0}.kp__acc details>div{padding:0 0 22px;font-size:.95rem;line-height:1.75;font-weight:300;color:var(--kn-cream-2)}.kp__acc details>div p{margin:0 0 12px}.kp__acc details>div p:last-child{margin:0}.kp__acc details>div a{color:var(--kn-cream);text-underline-offset:3px}.kp__acc table{width:100%;border-collapse:collapse;margin:14px 0 12px;font-size:.84rem}.kp__acc th,.kp__acc td{padding:8px 0;border-bottom:1px solid var(--kn-line);text-align:right;font-weight:300}.kp__acc th{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--kn-muted)}.kp__acc td:first-child,.kp__acc th:first-child{text-align:left;color:var(--kn-cream)}.kp__acc .kp-small{font-size:.74rem;color:var(--kn-muted)}.sticky-add-to-cart,sticky-add-to-cart{display:none!important}main[data-template=product] .kn-pillars{display:none}@media(max-width:899px){.kp{padding-block:8px 64px}.kp__grid{grid-template-columns:1fr;gap:28px}.kp__gallery{position:static}.kp__stage{aspect-ratio:1/1}.kp__stage img[data-kind=can]{height:86%}.kp__thumbs{justify-content:center}.kp__buy{max-width:none;padding-top:0;gap:18px}.kp__title{font-size:2.2rem}.kp__facts{grid-template-columns:repeat(3,1fr)}.kp__facts li{padding:14px 4px;border-bottom:1px solid var(--kn-line)}.kp__facts li:nth-child(3n){border-right:0}.kp__facts li:nth-child(n+4){border-bottom:0}.kp__facts li:nth-child(4){grid-column:1/2}.kp__facts li:last-child{grid-column:2/4;border-right:0}.kp__packs{grid-template-columns:1fr 1fr;gap:8px}.kp__pack{padding:16px 12px 14px}.kp__pack-n{font-size:1.1rem}}@media(max-width:420px){.kp__packs{grid-template-columns:1fr}.kp__pack em{top:-9px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/kanan-product.css.map */