/* KK Category Tabs – Unimart-style pill tabs. Product cards come from widget-product-tabs.css */
.kk-ct{--kk-ct-pill:var(--kk-pill,#f3ebe5);--kk-ct-active:#fff;--kk-ct-muted:var(--kk-muted,#7a6a62);--kk-ct-on:var(--kk-brand,#753418);padding-top:48px}
.kk-ct .kk-ct__title{font-family:var(--kk-font,"Inter Tight",system-ui,sans-serif);font-size:clamp(26px,2.6vw,34px);font-weight:300;line-height:1.2;letter-spacing:-.01em;color:var(--kk-ink,#2b1d16);text-align:center;margin:0 0 22px;padding:0;text-transform:none}
.kk-ct__title b{font-weight:700}
.kk-ct--notitle{padding-top:32px}
.kk-ct__nav{display:flex;justify-content:center;align-items:center;gap:6px;margin:0 auto 30px;max-width:100%}
.kk-ct .kk-ct__grp{position:relative;display:flex;gap:4px;margin:0;padding:6px 8px;list-style:none;background:var(--kk-ct-pill);border-radius:40px;isolation:isolate}
.kk-ct__grp li{margin:0;padding:0;list-style:none}
/* concave "bridge" joining the category pill and the All pill */
.kk-ct__grp--all.has-bridge::before{content:"";position:absolute;left:-16px;top:50%;width:26px;height:30px;transform:translateY(-50%);background:var(--kk-ct-pill);-webkit-mask:radial-gradient(circle at 50% -8px,transparent 14px,#000 14.5px) top/100% 50% no-repeat,radial-gradient(circle at 50% calc(100% + 8px),transparent 14px,#000 14.5px) bottom/100% 50% no-repeat;mask:radial-gradient(circle at 50% -8px,transparent 14px,#000 14.5px) top/100% 50% no-repeat,radial-gradient(circle at 50% calc(100% + 8px),transparent 14px,#000 14.5px) bottom/100% 50% no-repeat;z-index:-1}
.kk-ct .kk-ct__tab{position:relative;z-index:1;display:block;height:30px;padding:4px 14px;border:0;border-radius:20px;background:transparent;color:var(--kk-ct-muted);font:400 16px/22px var(--kk-font,"Inter Tight",sans-serif);white-space:nowrap;cursor:pointer;transition:color .4s ease-in-out;box-shadow:none;text-transform:none;letter-spacing:0;margin:0}
.kk-ct .kk-ct__tab:hover{color:var(--kk-ct-on);background:transparent}
.kk-ct .kk-ct__tab[aria-selected="true"]{color:var(--kk-ct-on);font-weight:500}
.kk-ct .kk-ct__tab:focus-visible{outline:2px solid var(--kk-pt-accent,#bf3d19);outline-offset:2px}
/* sliding white highlight */
.kk-ct__glow{position:absolute;z-index:0;top:6px;left:0;height:30px;width:0;border-radius:40px;background:var(--kk-ct-active);box-shadow:0 1px 3px rgba(117,52,24,.12);opacity:0;transition:transform .4s ease-in-out,width .4s ease-in-out,opacity .2s;pointer-events:none}
.kk-ct__glow.is-on{opacity:1}
/* no-JS / first paint: plain white pill on the selected tab */
.kk-ct:not(.is-ready) .kk-ct__tab[aria-selected="true"]{background:var(--kk-ct-active)}
.kk-ct__panel[hidden]{display:none}
.kk-ct .kk-pt__grid{row-gap:44px}
.kk-ct__panel:not([hidden]) .kk-pt__card{animation:kkPtIn .35s ease both}
.kk-ct .kk-pt__foot{margin-top:30px}
@media (max-width:640px){
.kk-ct{padding-top:32px}
.kk-ct__nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:2px var(--kk-gutter,12px);margin:0 calc(-1 * var(--kk-gutter,12px)) 20px}
.kk-ct__nav::-webkit-scrollbar{display:none}
.kk-ct .kk-ct__grp{flex:none}
.kk-ct .kk-ct__tab{font-size:15px;padding:4px 12px}
}