.kcol{--kcol-pad-x: calc(var(--gutter) * 2);padding:clamp(28px,5vh,64px) var(--kcol-pad-x) clamp(64px,10vh,128px)}.kcol__inner{max-width:1240px;margin:0 auto}.kcol__selector{margin-bottom:clamp(28px,5vh,56px);margin-inline:calc(-1 * var(--kcol-pad-x));padding-inline:var(--kcol-pad-x);overflow-x:auto;scrollbar-width:none}.kcol__selector::-webkit-scrollbar{display:none}.kcol__selector-row{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:clamp(24px,4vw,60px);width:max-content;max-width:100%;margin-inline:auto}.kcol__seg{--seg-scale: 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px;padding:14px 18px 16px;border-radius:12px;background:transparent;text-decoration:none;cursor:pointer;transition:background .3s ease,box-shadow .3s ease}.kcol__seg:not(.is-active):hover{background:#fff1;box-shadow:inset 0 0 0 1px #ffffff0a}.kcol__seg.is-active{background:#ffffff21;box-shadow:inset 0 0 0 1px #ffffff14}.kcol__seg-logo{display:block;height:calc(48px * var(--seg-scale, 1));color:var(--seg-color, var(--k-white));line-height:0}.kcol__seg-logo svg,.kcol__seg-logo img{height:100%;width:auto;display:block}.kcol__seg-logo svg,.kcol__seg-logo svg *{fill:currentColor!important}.kcol__seg-label{font-family:var(--k-font-body);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;color:var(--k-white)}.kcol__filters{margin-bottom:clamp(28px,5vh,52px)}.kcol__chips{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.kcol__chip{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#ffffffb8;font-family:var(--k-font-body);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:color .25s ease,border-color .25s ease,background .25s ease}.kcol__chip:hover{border-color:#ffffff80;color:var(--k-white)}.kcol__chip[aria-expanded=true]{border-color:#ffffffb3;color:var(--k-white)}.kcol__filter.is-selected .kcol__chip{border-color:var(--k-gold);color:var(--k-black);background:var(--k-gold)}.kcol__chip-caret{width:9px;height:9px;line-height:0;transition:transform .3s ease}.kcol__chip-caret svg{width:100%;height:100%;display:block}.kcol__chip[aria-expanded=true] .kcol__chip-caret{transform:rotate(180deg)}.kcol__panels{width:100%}.kcol__options{margin-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:var(--space-4) 0}.kcol__options[hidden]{display:none}.kcol__options-row{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:var(--space-3)}.kcol__opt{flex:0 0 auto;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:84px;padding:12px 16px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#ffffffc7;font-family:var(--k-font-body);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:border-color .25s ease,color .25s ease}.kcol__opt:hover{border-color:#ffffff8c;color:var(--k-white)}.kcol__opt.is-selected{border-color:var(--k-gold);color:var(--k-gold)}.kcol__opt--none{color:#ffffff80;border-style:dashed}.kcol__opt-img{width:40px;height:40px;object-fit:contain;display:block}.kcol__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:clamp(104px,14vh,184px) clamp(64px,6.8vw,128px)}.kcol__card{display:flex;flex-direction:column;gap:var(--space-4);text-decoration:none;color:inherit}.kcol__media{position:relative;aspect-ratio:var(--kcol-ratio, 1 / 1);background:transparent}.kcol__media:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 58% 54% at 50% 50%,rgba(210,174,78,.18) 0%,rgba(243,239,231,.05) 34%,transparent 70%);opacity:.85}.kcol__media img,.kcol__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:contain;display:block;filter:brightness(1) drop-shadow(0 0 14px rgba(210,174,78,.2));transition:transform .7s ease,filter .7s ease}.kcol__card:hover .kcol__media img{transform:scale(1.02);filter:brightness(1.05) drop-shadow(0 0 24px rgba(210,174,78,.42))}.kcol__shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden;-webkit-mask-image:var(--shine-src);mask-image:var(--shine-src);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.kcol__shine:before{content:"";position:absolute;top:-25%;bottom:-25%;left:-60%;width:45%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);transform:translate(0) skew(-8deg);opacity:0}.kcol__card:hover .kcol__shine:before{animation:kcolShine .9s ease forwards}@keyframes kcolShine{0%{transform:translate(0) skew(-8deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(360%) skew(-8deg);opacity:0}}@media(prefers-reduced-motion:reduce){.kcol__card:hover .kcol__shine:before{animation:none}}.kcol__info{text-align:center;display:flex;flex-direction:column;gap:10px;margin-top:8px}.kcol__name{margin:0;min-height:3.2em;min-height:2lh;font-family:var(--k-font-body);font-weight:400;font-size:11px;letter-spacing:.26em;text-transform:uppercase;line-height:1.6;color:var(--k-cream, #f3efe7)}.kcol__price{font-family:var(--k-font-body);font-size:11px;letter-spacing:.2em;color:var(--k-gold)}.kcol__price-from{letter-spacing:var(--tracking-wide);text-transform:uppercase;opacity:.75}.kcol__soldout{font-family:var(--k-font-body);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#b0271f}.kcol__none,.kcol__empty{grid-column:1 / -1;text-align:center;color:#fff9;padding:clamp(40px,8vh,96px) 0;font-size:var(--text-base)}.kcol__stage{position:relative}.kcol__results{transition:opacity .45s ease}.kcol__stage.is-swapping .kcol__results{opacity:0}.kcol__loader{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:center;padding-top:clamp(48px,14vh,160px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.kcol__stage.is-swapping .kcol__loader{opacity:1;visibility:visible}.kcol__loader-mark{width:clamp(40px,5vw,56px);height:auto;color:var(--k-cream, #f3efe7);opacity:0}.kcol__loader.is-pulsing .kcol__loader-mark{animation:kcolLogoShow 3s ease-in-out both}@keyframes kcolLogoShow{0%{opacity:0;transform:translateY(10px)}33%{opacity:1;transform:translateY(0)}66%{opacity:1;transform:translateY(-8px)}to{opacity:0;transform:translateY(-14px)}}.kcol__pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:clamp(40px,7vh,80px)}.kcol__page{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;color:#ffffff8c;text-decoration:none;font-size:var(--text-sm);letter-spacing:var(--tracking-wide);transition:color .25s ease}.kcol__page:hover{color:var(--k-white)}.kcol__page.is-active{color:var(--k-gold)}.kcol__page--nav svg{width:12px;height:12px;transform:rotate(90deg)}.kcol__page--next svg{transform:rotate(-90deg)}@media(max-width:989px){.kcol__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:749px){.kcol__grid{grid-template-columns:repeat(2,1fr);gap:clamp(80px,12vh,112px) clamp(52px,14vw,80px)}.kcol__selector-row{gap:22px}.kcol__seg-logo{height:calc(40px * var(--seg-scale, 1))}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/katana-collection.css.map */