.ygot-wrapper{width:100%;position:relative}
.ygot-viewport{overflow:hidden;width:100%}

/* Karuzela */
.ygot-track{
  display:flex!important;flex-wrap:nowrap!important;gap:16px!important;padding-bottom: 12px;
  overflow-x:auto!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch
}

/* ===== KARTA: STAŁA WYSOKOŚĆ ===== */
.ygot-card{
  --card-height: 250px;      /* zmień tu, jeśli chcesz inną wysokość */
  --thumb-height: 120px;     /* wysokość obrazka w karcie */
  flex:0 0 var(--card-width,100%);
  height:var(--card-height);
  scroll-snap-align:start;
  background:#fff;border-radius:14px;padding:12px;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
  display:flex;flex-direction:column;justify-content:flex-start;
  min-width:0;overflow:hidden; /* ucinamy nadmiar */
}

/* Miniatura: stała wysokość */
.ygot-thumb{
  width:100%;height:var(--thumb-height);
  object-fit:cover;border-radius:12px;background:#f2f2f2;display:block
}
.ygot-thumb--placeholder{display:grid;place-items:center;color:#666;font-size:14px}

/* Tytuł – max 2 linie */
.ygot-title{
  font-size:15px;font-weight:700;margin:8px 0 6px;line-height:1.25;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden
}
.ygot-title a{color:inherit;text-decoration:none}
.ygot-title a:hover{text-decoration:underline}

/* Przycisk – płaski, równy, na dole karty */
.ygot-card .ygot-btn{
  all:unset;box-sizing:border-box;
  margin-top:auto !important; /* doklej do dołu */
  width:100%!important;height:42px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:#eed335!important;color:#000!important;border:1px solid rgba(0,0,0,.08)!important;
  border-radius:8px!important;font:600 14px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;
  text-decoration:none!important;text-align:center!important;cursor:pointer!important;box-shadow:none!important
}
.ygot-card .ygot-btn:hover{filter:brightness(.97)}
.ygot-card .ygot-btn:active{filter:brightness(.94);transform:translateY(1px)}
.ygot-card .ygot-btn:focus{outline:2px solid #eed335;outline-offset:2px}

/* Strzałki */
.ygot-nav{margin-top:10px;display:flex;justify-content:center;gap:12px}
.ygot-prev,.ygot-next{
  border:0;border-radius:999px;padding:.6rem .9rem;background:var(--wp--preset--color--primary,#16a34a);
  color:#fff;font-weight:800;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08)
}
.ygot-prev:hover,.ygot-next:hover{filter:brightness(.95)}
.ygot-prev:active,.ygot-next:active{filter:brightness(.9);transform:translateY(1px)}

/* Focus */
.ygot-thumb-link:focus,.ygot-btn:focus,.ygot-prev:focus,.ygot-next:focus{
  outline:2px solid var(--wp--preset--color--primary,#16a34a);outline-offset:2px
}

/* Szerokości kart (fallback – JS i tak liczy dokładnie) */
@media (max-width:639.98px){.ygot-wrapper{--card-width:90%}}
@media (min-width:640px) and (max-width:991.98px){.ygot-wrapper{--card-width:calc((100% - 2 * 16px)/3)}}
@media (min-width:992px){.ygot-wrapper{--card-width:calc((100% - 4 * 16px)/5)}}