/* v1.5 — no default active; tap-to-reveal */
.kfc-root{ --kfc-slide-w:252px; --kfc-gap:16px; --kfc-radius:18px; --kfc-arrow-bg:#fff; --kfc-arrow-color:#1f2937; --kfc-arrow-radius:999px; }
.kfc-root *{ box-sizing:border-box; }

.kfc-bottom-row{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:var(--kfc-gap); }
.kfc-track{ display:grid; grid-auto-flow:column; grid-auto-columns: var(--kfc-slide-w); gap:var(--kfc-gap);
  overflow-x:auto; scroll-snap-type:x mandatory; padding:8px 2px 10px; -webkit-overflow-scrolling:touch; scrollbar-width:none;}
.kfc-track::-webkit-scrollbar{ display:none; }

.kfc-slide{ scroll-snap-align:start; display:grid; gap:8px; }
.kfc-root.title-top .kfc-slide{ grid-template-rows:auto 1fr; }
.kfc-root.title-bottom .kfc-slide{ grid-template-rows:1fr auto; }

.kfc-slide-title{ text-align:center; font-weight:700; color:#374151; }

.kfc-thumb{ position:relative; border-radius:var(--kfc-radius); overflow:hidden; background:#fff;
  border:1px solid rgba(0,0,0,.06); box-shadow:0 2px 10px rgba(15,23,42,.06); display:grid; place-items:center; aspect-ratio:0.9; }
.kfc-thumb img{ width:100%; height:100%; object-fit:contain; display:block; }

.kfc-overlay{ position:absolute; inset:0; display:grid; grid-template-rows:auto 1fr auto; align-content:start; padding:16px; color:#fff; opacity:0; pointer-events:none; transition:opacity .18s ease; }
.kfc-slide.is-active .kfc-overlay{ opacity:1; }
.kfc-title{ margin:0; font-size:18px; line-height:1.25; color:#fff; font-family: "Raleway"; font-weight:700;}
.kfc-desc{ margin-top:8px; font-size:14px; font-family: "Raleway"; font-weight:600;}

.kfc-slide.is-active .kfc-thumb{ outline:3px solid rgba(249,115,22,.9); }

.kfc-nav{ border:none; background:var(--kfc-arrow-bg); color:var(--kfc-arrow-color); width:60px; height:60px; border-radius:var(--kfc-arrow-radius); box-shadow:0 8px 20px rgba(0,0,0,.14); display:grid; place-items:center; cursor:pointer; justify-content:center;}
.kfc-nav:hover { background:#FC983B; }
.kfc-nav:focus { background:#FC7E06; }
.kfc-nav i, .kfc-nav svg{ width:28px; height:28px; color:#fff;}
.kfc-nav:disabled{ opacity:.35; cursor:default; }


@media (max-width: 768px){
  .kfc-nav{ display: none; }
}