/* Homepage product tabs: clearly clickable pill buttons under a short heading */
.ptabs-head{margin-bottom:6px}
.ptabs-head .eyebrow{color:var(--accent);font-size:15px;letter-spacing:.08em}
.ptabs-head .h2{margin-bottom:10px}
.ptabs-head .lede{margin-bottom:26px}

.tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin:0 auto 34px;padding:6px;width:max-content;max-width:100%;background:var(--grey);border-radius:999px}
.tabs button{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.02em;line-height:1;color:var(--ink);background:transparent;border:0;border-radius:999px;padding:14px 26px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.tabs button:hover{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.tabs button.on{background:var(--accent);color:#fff;box-shadow:0 6px 16px rgba(228,87,46,.35)}
.tabs button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.panel.on{animation:ktfade .35s ease}
@keyframes ktfade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:767px){
 .tabs{width:100%;border-radius:22px;gap:6px}
 .tabs button{flex:1 1 auto;justify-content:center;font-size:12px;padding:13px 14px}
}