.gs-case-studies{
  --bg:#f6f7f9;--panel:#fff;--text:#16181d;--muted:#6c7280;--line:#dfe3e8;--accent:#0b63ce;--badge:#eef3f9;
  width:100%;max-width:none;color:var(--text);font-family:inherit;font-size:inherit;
  container-type:inline-size;
}
.gs-case-studies,.gs-case-studies *{box-sizing:border-box}
.gs-case-studies .gs-module-header{padding:0 0 14px;border-bottom:1px solid var(--line)}
.gs-case-studies .sub{color:var(--muted);font-size:13px;max-width:1150px;line-height:1.45}
.gs-case-studies .controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;align-items:center}
.gs-case-studies .controls label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}
.gs-case-studies input,
.gs-case-studies select,
.gs-case-studies button{background:#fff;border:1px solid var(--line);border-radius:0;padding:9px 11px;font:inherit;font-size:14px;color:var(--text)}
.gs-case-studies button{cursor:pointer}
.gs-case-studies button:hover{background:#eef3f9}
.gs-case-studies select option:disabled{color:#9aa0a6;background:#f5f6f7}
.gs-case-studies .stats{font-weight:600;color:var(--text);font-size:12px}
.gs-case-studies .check{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:7px 10px;color:var(--text);font-size:13px;text-transform:none}
.gs-case-studies .check input{margin:0}
.gs-case-studies .award-star{color:#b07a00;text-decoration:none;font-weight:900;margin-left:1px;cursor:pointer;font-size:13px;line-height:1;display:inline-block}
.gs-case-studies .nom-star{color:#8a919b;text-decoration:none;font-weight:900;margin-left:1px;cursor:pointer;font-size:13px;line-height:1;display:inline-block}
.gs-case-studies .award-star:hover,
.gs-case-studies .nom-star:hover{text-decoration:none}
.gs-case-studies .cards-wrap{padding:18px 0 36px}
.gs-case-studies .cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px 22px;align-items:start}
.gs-case-studies .project-card{position:relative;height:525px;overflow:hidden;background:#fff;border-bottom:1px solid #e6e8ec;padding-bottom:58px}
.gs-case-studies .project-card .thumb{display:block;width:100%;height:100%;object-fit:cover;background:#eef1f4;transition:transform .38s ease-in-out}
.gs-case-studies .project-card > a:first-child{position:relative;display:block;overflow:hidden;aspect-ratio:950/500}
.gs-case-studies .project-card > a:first-child:hover .thumb,
.gs-case-studies .project-card .thumb:hover{transform:scale(1.04)}
.gs-case-studies .project-card .thumb-placeholder{display:grid;width:100%;aspect-ratio:16/9;place-items:center;background:#eef1f4;color:#99a0aa;font-size:11px}
.gs-case-studies .project-card h2{font-size:15px;line-height:1.28;margin:12px 14px 0;font-weight:800;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--text)}
.gs-case-studies .project-card a:has(h2){color:inherit;text-decoration:none}
.gs-case-studies .project-card a:has(h2):hover h2{text-decoration:underline}
.gs-case-studies .project-card .card-client{margin:7px 14px 0;font-size:12px;line-height:1.4;font-weight:700}
.gs-case-studies .project-card .card-summary{margin:9px 14px 0;font-size:14px;line-height:1.5;color:#555d68;overflow:visible}
.gs-case-studies .project-card .card-meta{margin:8px 14px 0;font-size:10px;color:#858b94}
.gs-case-studies .project-card .card-footer{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:center;gap:10px}
.gs-case-studies .project-card .card-link{font-size:11px;font-weight:800;color:#fff;text-decoration:none;background:#FFBA00;padding:9px 16px;border:0;text-align:center;display:inline-block;transition:transform .32s ease-in-out}
.gs-case-studies .project-card .card-www{font-size:11px;font-weight:800;color:#fff;text-decoration:none;background:#2E9B57;padding:9px 16px;border:0;text-align:center;display:inline-block;transition:transform .32s ease-in-out}
.gs-case-studies .project-card .card-www:hover,
.gs-case-studies .project-card .card-link:hover{transform:scale(1.05)}
.gs-case-studies .project-card .card-actions{display:flex;align-items:center;gap:8px}
.gs-case-studies .project-card .yt-links{display:flex;align-items:center;flex-wrap:wrap}
.gs-case-studies .project-card .yt-link{display:inline-flex;align-items:center;justify-content:center;background:#FF0000;color:#fff;text-decoration:none;padding:9px 12px;font-size:11px;font-weight:800;line-height:1;border:0;transition:transform .32s ease-in-out}
.gs-case-studies .project-card .yt-link:hover{transform:scale(1.05)}
.gs-case-studies .project-card .yt-group{display:inline-flex;align-items:center;background:#FF0000;color:#fff;line-height:1}
.gs-case-studies .project-card .yt-group .yt-label{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;font-size:11px;font-weight:800;white-space:nowrap}
.gs-case-studies .project-card .yt-group .yt-link{padding:9px 5px;min-width:16px;background:transparent;border-left:1px solid rgba(255,255,255,.28)}
.gs-case-studies .project-card .yt-group .yt-link:hover{transform:scale(1.05)}
.gs-case-studies .project-card .card-recognition{display:flex;align-items:center;gap:4px;margin:8px 14px 0;font-size:13px;color:#707883;line-height:1.2;flex-wrap:wrap}
.card-recognition-label{font-weight:400;color:#707883}
.gs-case-studies .cards-empty{grid-column:1/-1;padding:42px 20px;text-align:center;background:#fff;color:var(--muted);border:1px solid var(--line)}
.gs-case-studies .cards-note{font-size:11px;color:var(--muted);margin:8px 0 0}
.gs-case-studies .cards-note:empty{display:none}
.gs-case-studies .controls-primary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  align-items:center;
  width:100%;
}
.gs-case-studies .controls-secondary{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:10px;
  width:100%;
}
.gs-case-studies .controls-secondary .stats{margin-left:2px}
.gs-case-studies .controls-secondary>label,
.gs-case-studies .controls-secondary>.check,
.gs-case-studies .controls-secondary>button,
.gs-case-studies .controls-secondary>select{
  width:auto!important;
  max-width:none;
  flex:0 0 auto;
  white-space:nowrap;
  min-height:42px;
  margin:0;
}
.gs-case-studies .controls-secondary>label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:42px;
}
.gs-case-studies .controls-secondary>label select{
  width:auto!important;
  min-width:76px;
  height:42px;
}
.gs-case-studies .controls-secondary>.check{
  display:inline-flex!important;
  align-items:center;
  height:42px;
  padding:0 10px;
}
.gs-case-studies .controls-secondary>.check input{
  width:auto!important;
  flex:0 0 auto;
  margin:0;
}
.gs-case-studies .controls-secondary>#cardSort{
  height:42px;
}
.gs-case-studies .controls-secondary>#resetFilters{
  height:42px;
  margin-left:auto;
}
.gs-case-studies .controls-primary input,
.gs-case-studies .controls-primary select{
  width:100%;
  min-width:0;
}
.gs-case-studies .gs-load-sentinel{
  width:100%;
  height:1px;
  grid-column:1/-1;
}

.gs-case-studies #resetFilters{background:#2F343B;color:#fff;border-color:#2F343B}
@media(max-width:1200px){
  .gs-case-studies .controls-primary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  align-items:center;
  width:100%;
}
}

@container (max-width:720px){
  .gs-case-studies .controls-secondary{
    align-items:stretch;
  }
  .gs-case-studies .controls-secondary>#resetFilters{
    margin-left:0;
  }
}
@container (min-width:721px){
  .gs-case-studies .controls-secondary{
    flex-wrap:nowrap;
  }
  /* v147 / plugin 6.0.0: counter next to Pokaż nagrodzone; Resetuj filtry pinned right. */
  .gs-case-studies .controls-secondary .stats{
    flex:0 0 auto;
    width:auto;
    min-width:0;
    margin-left:2px;
    white-space:nowrap;
    text-align:left;
  }
  .gs-case-studies .controls-secondary>#resetFilters{
    margin-left:auto;
    flex:0 0 auto;
  }
}

@media(max-width:700px){
  .gs-case-studies .controls-primary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  align-items:center;
  width:100%;
}
  .gs-case-studies .controls-secondary .stats{margin-left:0}
  .gs-case-studies .cards-wrap{padding:16px 0 34px}
  .gs-case-studies .cards-grid{grid-template-columns:1fr}
  .gs-case-studies .project-card{height:525px}
  .gs-case-studies .project-card .card-actions{flex-wrap:wrap;justify-content:center}
}
@media(max-width:480px){
  .gs-case-studies .controls-primary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  align-items:center;
  width:100%;
}
}


/* Pierwszy render przed uruchomieniem zewnętrznego JS: tylko 24 karty. */
.gs-case-studies:not(.gs-enhanced) .cards-grid>.project-card:nth-child(n+25){display:none}
.gs-case-studies .gs-js-warning{display:none}

/* Równa wysokość wszystkich przycisków akcji na kartach */
.gs-case-studies .project-card .card-link,
.gs-case-studies .project-card .card-www,
.gs-case-studies .project-card .yt-link,
.gs-case-studies .project-card .yt-group .yt-label{
  min-height:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  padding-top:0;
  padding-bottom:0;
  box-sizing:border-box;
}
.gs-case-studies .project-card .yt-group{
  height:36px;
  align-items:stretch;
}
.gs-case-studies .project-card .yt-group .yt-link{
  height:36px;
  min-height:36px;
}

/* GS BUTTONS V7 APPROVED — visual override only */
/* =========================================================
   GoldenSubmarine Case Studies — FINAL BUTTON STYLE TEST
   Zakres: WYŁĄCZNIE przyciski w .card-actions
   Brak zmian w kartach, danych i JS.
   ========================================================= */

/* Wspólne */
.gs-case-studies .project-card .card-actions{
  gap:7px;
}

.gs-case-studies .project-card .card-link,
.gs-case-studies .project-card .card-www,
.gs-case-studies .project-card .yt-links > .yt-link,
.gs-case-studies .project-card .yt-group .yt-label{
  min-height:34px;
  padding:8px 13px;
  border-radius:4px;
}

/* ---------------------------------------------------------
   ZOBACZ NA BLOGU
   Domyślnie: biały + czarny tekst
   Hover: ciemny gradient wjeżdża od lewej, tekst i strzałka białe
   --------------------------------------------------------- */
.gs-case-studies .project-card .card-link{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:#fff !important;
  color:#151922 !important;
  border:1px solid #151922;
  transition:color .32s ease, border-color .32s ease;
}

.gs-case-studies .project-card .card-link::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(90deg,#151922 0%,#3a3f49 50%,#151922 100%);
  transform:translateX(-105%);
  transition:transform .42s ease;
}

.gs-case-studies .project-card .card-link::after{
  content:"↗";
  position:relative;
  z-index:1;
  font-size:14px;
  line-height:1;
  font-weight:800;
}

.gs-case-studies .project-card .card-link:hover{
  color:#fff !important;
  border-color:#151922;
  background:#fff !important;
  transform:none;
}

.gs-case-studies .project-card .card-link:hover::before{
  transform:translateX(0);
}

/* ---------------------------------------------------------
   ZOBACZ WWW
   Tekst zawsze biały
   Hover: animowane przesunięcie gradientu
   --------------------------------------------------------- */
.gs-case-studies .project-card .card-www{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff !important;
  border:0;
  background:linear-gradient(90deg,#ffbd00 0%,#c151e8 50%,#ffbd00 100%);
  background-size:200% 100%;
  background-position:0% 50%;
  transition:background-position .45s ease;
}

.gs-case-studies .project-card .card-www:hover{
  color:#fff !important;
  background-position:100% 50%;
  transform:none;
}

/* ---------------------------------------------------------
   POJEDYNCZE WIDEO
   Tekst zawsze biały
   Hover: animowane przesunięcie gradientu
   --------------------------------------------------------- */
.gs-case-studies .project-card .yt-links > .yt-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff !important;
  background:linear-gradient(90deg,#c451ef 0%,#32cfbb 50%,#c451ef 100%);
  background-size:200% 100%;
  background-position:0% 50%;
  transition:background-position .45s ease;
}

.gs-case-studies .project-card .yt-links > .yt-link:hover{
  color:#fff !important;
  background-position:100% 50%;
  transform:none;
}

/* ---------------------------------------------------------
   WIELE WIDEO
   Główny "Zobacz wideo" jest ZAWSZE statyczny.
   Nie reaguje na hover całej grupy ani własny hover.
   --------------------------------------------------------- */
.gs-case-studies .project-card .yt-group{
  display:inline-flex;
  align-items:center;
  gap:5px;
  background:transparent;
}

.gs-case-studies .project-card .yt-group .yt-label,
.gs-case-studies .project-card .yt-group:hover .yt-label,
.gs-case-studies .project-card .yt-group .yt-label:hover{
  color:#fff !important;
  background:linear-gradient(90deg,#c451ef 0%,#32cfbb 100%) !important;
  background-size:100% 100% !important;
  background-position:0 0 !important;
  transition:none !important;
}

/* ---------------------------------------------------------
   NUMERY WIDEO 1, 2, 3...
   Domyślnie: biały przycisk
   Hover: gradient wideo animacyjnie wjeżdża od lewej
   --------------------------------------------------------- */
.gs-case-studies .project-card .yt-group .yt-link{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  min-width:28px;
  height:34px;
  min-height:34px;
  padding:0;
  border-radius:4px;
  border:1px solid #cfd4dc;
  background:#fff !important;
  color:#151922 !important;
  font-size:11px;
  line-height:1;
  transition:color .28s ease, border-color .28s ease;
}

.gs-case-studies .project-card .yt-group .yt-link::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(90deg,#c451ef 0%,#32cfbb 100%);
  transform:translateX(-105%);
  transition:transform .36s ease;
}

.gs-case-studies .project-card .yt-group .yt-link:hover{
  color:#fff !important;
  border-color:transparent;
  background:#fff !important;
  transform:none;
}

.gs-case-studies .project-card .yt-group .yt-link:hover::before{
  transform:translateX(0);
}

/* v96 — only change: reduce vertical gap between campaign title and client by 5px */
.gs-case-studies .project-card .card-client{
  margin-top:6px !important;
}

/* v100 — brand links in realization row; no geometry or typography changes */
.gs-case-studies .project-card .gs-realization{
  color:#858b94;
  font-size:13px;
}
.gs-case-studies .project-card .gs-realization .gs-realization-label{
  color:#858b94;
}
.gs-case-studies .project-card .gs-realization .gs-brand-link{
  color:#2f343b;
  text-decoration:none;
  font:inherit;
}
.gs-case-studies .project-card .gs-realization .gs-brand-link:hover,
.gs-case-studies .project-card .gs-realization .gs-brand-link:focus{
  color:#2f343b;
  text-decoration:none;
}

/* v99 — display max 3 numbered video buttons; keep all video URLs in HTML */
.gs-case-studies .project-card .yt-group .yt-link:nth-of-type(n+4){
  display:none !important;
}

/* v101 — test only: delicate 1px gray frame around card images */
.gs-case-studies .project-card > a:first-child{
  border:1px solid #e3e6eb;
}

/* v102 — test only: compact "Zobacz na blogu" */
.gs-case-studies .project-card .card-link{
  padding-left:10px;
  padding-right:10px;
  gap:5px;
}

/* v103 — test only: keep blog button label on one line and move arrow 3px right */
.gs-case-studies .project-card .card-link{
  white-space:nowrap;
}
.gs-case-studies .project-card .card-link::after{
  transform:translateX(3px);
}

/* v106 — only change: client name color between title and description */
.gs-case-studies .project-card .card-client{
  color:#4a5059;
}

.gs-case-studies .project-card time.card-year-badge{
  position:absolute;
  right:0;
  bottom:0;
  margin:0;
  min-width:95px;
  height:39px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 9px;
  box-sizing:border-box;
  background:#fff;
  color:var(--gs-year-color,#7f8791);
  font-size:var(--gs-year-size,20px);
  line-height:1;
  font-weight:800;
  letter-spacing:-.03em;
  border:1px solid #d8dde3;
  border-radius:0;
  box-shadow:none;
  z-index:2;
}

/* Accessibility: visible keyboard focus without changing mouse/touch appearance. */
.gs-case-studies a:focus-visible,
.gs-case-studies button:focus-visible,
.gs-case-studies select:focus-visible,
.gs-case-studies input:focus-visible{
  outline:2px solid #0b63ce;
  outline-offset:2px;
}

/* Keep the 13px stars visually small, but give each link a 24x24px hit target. */
.gs-case-studies .award-star,
.gs-case-studies .nom-star{
  width:24px;
  height:24px;
  min-width:24px;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:0;
}

/* Touch devices: avoid sticky hover states/animations. */
@media (hover:none), (pointer:coarse){
  .gs-case-studies .project-card > a:first-child:hover .thumb,
  .gs-case-studies .project-card .thumb:hover,
  .gs-case-studies .project-card .card-www:hover,
  .gs-case-studies .project-card .card-link:hover,
  .gs-case-studies .project-card .yt-link:hover,
  .gs-case-studies .project-card .yt-group .yt-link:hover{
    transform:none;
  }
  .gs-case-studies .project-card .card-link:hover::before{
    transform:translateX(-105%);
  }
  .gs-case-studies .project-card .card-www:hover,
  .gs-case-studies .project-card .yt-links > .yt-link:hover{
    background-position:0% 50%;
  }
}

/* Mobile controls: 2 columns, search spans the full width. */
@media(max-width:480px){
  .gs-case-studies .controls-primary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .gs-case-studies .controls-primary #q{
    grid-column:1/-1;
  }
}

.gs-case-studies .award-star,
.gs-case-studies .nom-star{
  text-decoration:none !important;
  transform:rotate(0deg) scale(1);
  transform-origin:50% 50%;
  transition:
    transform 480ms cubic-bezier(.34,1.56,.64,1),
    filter 240ms ease;
  will-change:transform;
}
.gs-case-studies .award-star:hover,
.gs-case-studies .nom-star:hover{
  text-decoration:none !important;
  transform:rotate(360deg) scale(1.12);
}
@media (hover:none), (pointer:coarse){
  .gs-case-studies .award-star:hover,
  .gs-case-studies .nom-star:hover{
    transform:rotate(0deg) scale(1);
  }
}
@media (prefers-reduced-motion:reduce){
  .gs-case-studies .award-star,
  .gs-case-studies .nom-star{
    transition:none;
    transform:none;
  }
  .gs-case-studies .award-star:hover,
  .gs-case-studies .nom-star:hover{
    transform:none;
  }
}

/* v144 - mobile density fixes */
@media(max-width:480px){
  .gs-case-studies .project-card .card-recognition{gap:3px}
  .gs-case-studies .project-card .yt-group .yt-label{font-size:0}
  .gs-case-studies .project-card .yt-group .yt-label::after{content:"▶ Wideo";font-size:11px;line-height:1}
}

/* v145 — keep the Realizacja row on one line outside the single-column mobile layout. */
@media (min-width:701px){
  .gs-case-studies .project-card .gs-realization{
    white-space:nowrap;
  }
}

/* v147 / plugin 6.0.0: sticky summary of active filters on desktop/tablet. */
.gs-case-studies .gs-active-filters-bar{
  position:sticky;
  top:var(--gs-sticky-top,0px);
  z-index:40;
  display:none;
  align-items:center;
  gap:10px;
  min-height:48px;
  margin:0;
  padding:8px 10px;
  background:rgba(255,255,255,.98);
  border-bottom:1px solid var(--line);
  box-shadow:0 6px 16px rgba(17,24,39,.08);
  backdrop-filter:blur(8px);
}
.gs-case-studies .gs-active-filters-bar.is-active{display:flex}
.gs-case-studies .gs-active-filters-label{font-size:12px;font-weight:800;white-space:nowrap;color:var(--text)}
.gs-case-studies .gs-active-filters-chips{display:flex;align-items:center;gap:6px;min-width:0;flex:1 1 auto;overflow-x:auto;scrollbar-width:thin;padding:1px 0}
.gs-case-studies .gs-filter-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  min-height:30px;
  padding:5px 9px;
  border:1px solid #dfe3e8;
  background:#f6f7f9;
  color:var(--text);
  font-size:12px;
  line-height:1.2;
  font-weight:700;
  cursor:pointer;
}
.gs-case-studies .gs-filter-chip:hover{background:#eef1f4}
.gs-case-studies .gs-filter-chip-x{font-size:16px;line-height:1;font-weight:400;color:#68707b}
.gs-case-studies .gs-active-filters-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.gs-case-studies .gs-active-filters-actions button{min-height:32px;padding:6px 10px;font-size:12px;font-weight:800}
.gs-case-studies .gs-active-filters-edit{background:#fff;border:1px solid #cfd4da;color:var(--text)}
.gs-case-studies .gs-active-filters-reset{background:#24282f;border-color:#24282f;color:#fff}
.gs-case-studies .gs-active-filters-reset:hover{background:#111;color:#fff}

/* TEST v9 CLEAN - only selectors used by the current filter DOM */
.gs-case-studies .gs-filter-layout-v3{
  display:flex;
  flex-direction:column;
  gap:18px;
  width:100%;
  min-width:0;
}
.gs-case-studies .gs-filter-row,
.gs-case-studies .gs-filter-field,
.gs-case-studies .gs-filter-top-col{
  min-width:0;
}
.gs-case-studies .gs-filter-row{width:100%}

.gs-case-studies .gs-filter-heading{
  color:var(--text);
  font-weight:800;
  line-height:1.2;
}
.gs-case-studies .gs-filter-heading-primary{
  font-size:20px;
  margin:0 0 10px;
}
.gs-case-studies .gs-filter-heading-secondary{
  font-size:18px;
  margin:0 0 10px;
}

/* Main entry paths */
.gs-case-studies .gs-filter-row-top-pair{
  display:grid;
  grid-template-columns:minmax(0,48fr) minmax(0,52fr);
  gap:18px;
  align-items:start;
}
.gs-case-studies .gs-filter-top-col select{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}

/* Context row */
.gs-case-studies .gs-filter-row-context-main{
  display:grid;
  grid-template-columns:minmax(160px,1fr) minmax(220px,1.35fr) minmax(160px,1fr);
  gap:12px;
  align-items:end;
}
.gs-case-studies .gs-filter-row-context-main select{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

/* Secondary row */
.gs-case-studies .gs-filter-row-all-secondary{
  display:grid;
  grid-template-columns:auto auto minmax(150px,190px) minmax(220px,1fr) auto auto;
  gap:10px;
  align-items:end;
}
.gs-case-studies .gs-filter-row-all-secondary > *{min-width:0}
.gs-case-studies .gs-filter-row-all-secondary select,
.gs-case-studies .gs-filter-row-all-secondary input:not([type="checkbox"]){
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
.gs-case-studies .gs-filter-row-all-secondary .gs-field-years{
  display:flex;
  gap:8px;
  align-items:end;
  white-space:nowrap;
}
.gs-case-studies .gs-filter-row-all-secondary .gs-field-years label{
  display:flex;
  align-items:center;
  gap:5px;
}
.gs-case-studies .gs-filter-row-all-secondary .gs-field-awards,
.gs-case-studies .gs-filter-row-all-secondary .gs-field-stats{
  display:flex;
  align-items:center;
  min-height:44px;
  white-space:nowrap;
}
.gs-case-studies .gs-filter-row-all-secondary .gs-field-reset{
  display:flex;
  justify-content:flex-end;
}

/* Current select appearance - moved from legacy .controls selectors */
.gs-case-studies .gs-filter-layout-v3 select{
  -webkit-appearance:none;
  appearance:none;
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.25 6 6.25 11 1.25' fill='none' stroke='%2316181d' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:12px 8px;
  padding-right:36px;
}

@media (max-width:1100px){
  .gs-case-studies .gs-filter-row-all-secondary{
    grid-template-columns:auto auto minmax(140px,180px) minmax(180px,1fr);
  }
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-stats,
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-reset{
    grid-row:2;
  }
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-reset{
    grid-column:4;
  }
}

@media (max-width:768px){
  .gs-case-studies .gs-filter-layout-v3{gap:16px}
  .gs-case-studies .gs-filter-heading-primary{font-size:19px}
  .gs-case-studies .gs-filter-heading-secondary{font-size:17px}

  .gs-case-studies .gs-filter-row-top-pair,
  .gs-case-studies .gs-filter-row-context-main,
  .gs-case-studies .gs-filter-row-all-secondary{
    display:flex;
    flex-direction:column;
    gap:10px;
    align-items:stretch;
  }
  .gs-case-studies .gs-filter-row-top-pair{gap:16px}

  .gs-case-studies .gs-filter-top-col,
  .gs-case-studies .gs-filter-row-context-main > *,
  .gs-case-studies .gs-filter-row-all-secondary > *{
    width:100%;
    max-width:100%;
  }

  .gs-case-studies .gs-filter-row-all-secondary .gs-field-years{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-years label{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
  }
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-reset{
    justify-content:stretch;
  }
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-reset button{
    width:100%;
  }
}
/* v10: search as third primary path */
.gs-case-studies .gs-filter-row-top-pair{
  grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(220px,.72fr);
  gap:18px;
}
.gs-case-studies .gs-filter-heading-search{
  font-size:16px;
  margin:2px 0 10px;
}
.gs-case-studies .gs-filter-top-col-search input{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
@media (max-width:768px){
  .gs-case-studies .gs-filter-heading-search{
    font-size:15px;
  }
}

/* v11: inline label before sorting control */
.gs-case-studies .gs-filter-row-all-secondary .gs-field-sort{
  display:flex;
  align-items:center;
  gap:8px;
}
.gs-case-studies .gs-sort-inline-label{
  flex:0 0 auto;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  color:var(--text);
  white-space:nowrap;
}
.gs-case-studies .gs-filter-row-all-secondary .gs-field-sort select{
  flex:1 1 auto;
  min-width:0;
}
@media (max-width:768px){
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-sort{
    width:100%;
  }
}

/* v12: non-breaking "- LUB -" centered at select height */
.gs-case-studies .gs-filter-row-top-pair{
  grid-template-columns:minmax(0,1fr) auto minmax(0,1.08fr) minmax(220px,.72fr);
  gap:16px;
  align-items:start;
}
.gs-case-studies .gs-filter-or-midselect{
  align-self:start;
  display:flex;
  align-items:center;
  justify-content:center;
  height:44px;
  margin-top:34px;
  padding:0 2px;
  font-size:13px;
  font-weight:800;
  line-height:1;
  color:#6b6b6b;
  white-space:nowrap;
  word-break:keep-all;
  overflow-wrap:normal;
  flex-wrap:nowrap;
}
@media (max-width:768px){
  .gs-case-studies .gs-filter-row-top-pair{
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  .gs-case-studies .gs-filter-or-midselect{
    align-self:center;
    height:auto;
    margin:0;
    padding:0;
    font-size:13px;
    white-space:nowrap;
  }
}

/* v13: two non-breaking OR separators, vertically centered to select/input height */
.gs-case-studies .gs-filter-row-top-pair{
  grid-template-columns:minmax(0,1fr) auto minmax(0,1.08fr) auto minmax(220px,.72fr);
  gap:14px;
  align-items:stretch;
}
.gs-case-studies .gs-filter-or-midselect{
  align-self:end;
  display:flex;
  align-items:center;
  justify-content:center;
  height:44px;
  margin:0;
  padding:0 2px;
  box-sizing:border-box;
  font-size:13px;
  font-weight:800;
  line-height:1;
  color:#6b6b6b;
  white-space:nowrap;
  word-break:keep-all;
  overflow-wrap:normal;
  flex-wrap:nowrap;
}
@media (max-width:768px){
  .gs-case-studies .gs-filter-row-top-pair{
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  .gs-case-studies .gs-filter-or-midselect{
    align-self:center;
    height:auto;
    margin:0;
    padding:0;
    font-size:13px;
    white-space:nowrap;
  }
}

/* v14: center "Pokaż nagrodzone" exactly to the height of select controls */
.gs-case-studies .gs-filter-row-all-secondary .gs-field-awards{
  align-self:end;
  display:flex;
  align-items:center;
  justify-content:center;
  height:44px;
  min-height:44px;
  margin:0;
  padding:0;
  box-sizing:border-box;
}
.gs-case-studies .gs-filter-row-all-secondary .gs-field-awards label{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  margin:0;
}
@media (max-width:768px){
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-awards{
    align-self:stretch;
    width:100%;
  }
}

/* v15: keep original compact "Pokaż nagrodzone" size; align its center axis to select controls */
.gs-case-studies .gs-filter-row-all-secondary .gs-field-awards{
  align-self:end;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  height:auto;
  min-height:0;
  margin:0;
  padding:0;
  box-sizing:border-box;
  transform:translateY(-1px);
}
.gs-case-studies .gs-filter-row-all-secondary .gs-field-awards label{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:0;
  height:auto;
  margin:0;
}
@media (max-width:768px){
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-awards{
    align-self:stretch;
    transform:none;
  }
}

/* v16: keep all three top-row controls on the same horizontal axis on narrower desktop/tablet widths */
.gs-case-studies .gs-filter-row-top-pair{
  align-items:end;
}
.gs-case-studies .gs-filter-top-col{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-width:0;
}
.gs-case-studies .gs-filter-top-col .gs-filter-heading{
  flex:0 0 auto;
}
.gs-case-studies .gs-filter-top-col-goal .gs-filter-field,
.gs-case-studies .gs-filter-top-col-area .gs-filter-field,
.gs-case-studies .gs-filter-top-col-search .gs-filter-field{
  margin-top:auto;
}
.gs-case-studies .gs-filter-top-col-goal select,
.gs-case-studies .gs-filter-top-col-area select,
.gs-case-studies .gs-filter-top-col-search input{
  height:44px;
  min-height:44px;
  box-sizing:border-box;
}
.gs-case-studies .gs-filter-or-midselect{
  align-self:end;
  height:44px;
}
@media (max-width:768px){
  .gs-case-studies .gs-filter-row-top-pair{
    align-items:stretch;
  }
  .gs-case-studies .gs-filter-top-col{
    display:block;
  }
  .gs-case-studies .gs-filter-top-col-goal .gs-filter-field,
  .gs-case-studies .gs-filter-top-col-area .gs-filter-field,
  .gs-case-studies .gs-filter-top-col-search .gs-filter-field{
    margin-top:0;
  }
}

/* v17: existing dynamic client/case counter above the cards grid; typography unchanged */
.gs-case-studies #stats{
  display:block;
  width:100%;
  margin:18px 0 10px;
  text-align:left;
}

/* v18: tighter responsive secondary row + centered stats spacing above grid */

/* On narrower desktop/tablet widths keep awards and sorting in one line. */
@media (min-width:521px) and (max-width:1100px){
  .gs-case-studies .gs-filter-row-all-secondary{
    display:grid;
    grid-template-columns:auto minmax(220px,1fr);
    align-items:center;
    column-gap:14px;
    row-gap:0;
  }
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-awards{
    grid-column:1;
    grid-row:1;
    align-self:center;
    width:auto;
    margin:0;
  }
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-sort{
    grid-column:2;
    grid-row:1;
    width:100%;
    min-width:0;
    margin:0;
  }
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-sort select{
    width:100%;
    min-width:0;
  }
}

/* Keep the counter visually halfway between the divider/top edge and first card. */
.gs-case-studies #stats{
  margin:0;
  padding:14px 0;
  text-align:left;
}

/* v19: true vertical centering of the dynamic stats between divider and first card */
.gs-case-studies .gs-stats-between-line-and-grid{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:56px;
  margin:0;
  padding:0;
}
.gs-case-studies .gs-stats-between-line-and-grid #stats{
  display:block;
  width:100%;
  margin:0;
  padding:0;
  text-align:left;
}

/* v20: when - LUB - drops to its own line on small screens, center it across the screen */
@media (max-width:768px){
  .gs-case-studies .gs-filter-or-midselect{
    display:flex;
    width:100%;
    max-width:100%;
    align-self:center;
    justify-content:center;
    text-align:center;
    margin:0 auto;
    padding:0;
  }
}

/* v23: compact mobile spacing around standalone - LUB - rows */
@media (max-width:768px){
  .gs-case-studies .gs-filter-row-top-pair{
    gap:6px;
  }
  .gs-case-studies .gs-filter-or-midselect{
    min-height:18px;
    height:18px;
    line-height:18px;
    margin:-1px auto 1px;
    padding:0;
  }
  .gs-case-studies .gs-filter-top-col{
    margin:0;
  }
}

/* v24: compact gap between active-filters bar and the results counter */
.gs-case-studies .gs-active-filters-bar.is-active{
  margin-bottom:0;
}
.gs-case-studies .gs-stats-between-line-and-grid{
  min-height:32px;
}
@media (max-width:768px){
  .gs-case-studies .gs-stats-between-line-and-grid{
    min-height:28px;
  }
}

/* v25: add breathing room between results counter and first cards row */
.gs-case-studies .gs-stats-between-line-and-grid{
  margin-bottom:12px;
}
@media (max-width:768px){
  .gs-case-studies .gs-stats-between-line-and-grid{
    margin-bottom:10px;
  }
}

/* v28: iPhone awards checkbox fix - checkbox excluded from 100% field-width rule */
@media (max-width:768px){
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-awards{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:auto;
    max-width:100%;
    align-self:flex-start;
  }
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-awards label.check{
    display:inline-flex;
    align-items:center;
    width:auto;
    max-width:100%;
    white-space:nowrap;
  }
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-awards #showAwards{
    width:auto !important;
    max-width:none;
    flex:0 0 auto;
  }
}

/* v29: mobile active filters bar + results counter */
@media (max-width:768px){
  .gs-case-studies .gs-active-filters-bar{
    position:sticky;
    top:var(--gs-sticky-top,0px);
    z-index:40;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    flex-wrap:wrap;
    gap:6px 8px;
    padding:7px 8px;
  }
  .gs-case-studies .gs-active-filters-bar.is-active{
    display:flex !important;
  }
  .gs-case-studies .gs-active-filters-label{
    flex:0 0 auto;
  }
  .gs-case-studies .gs-active-filters-chips{
    flex:1 1 180px;
    min-width:0;
  }
  .gs-case-studies .gs-active-filters-actions{
    flex:0 0 auto;
    margin-left:auto;
  }

  .gs-case-studies .gs-stats-between-line-and-grid{
    display:flex !important;
    visibility:visible !important;
    min-height:28px;
  }
  .gs-case-studies .gs-stats-between-line-and-grid #stats{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}

/* v30: static active-filters bar; reliable in iPhone Safari/Facebook WebView */
.gs-case-studies > .gs-active-filters-bar{
  display:none;
}
.gs-case-studies > .gs-active-filters-bar.is-active{
  display:flex;
}
@media (max-width:768px){
  .gs-case-studies > .gs-active-filters-bar{
    display:none !important;
    position:sticky;
    top:var(--gs-sticky-top,0px);
    z-index:60;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    flex-wrap:wrap;
  }
  .gs-case-studies > .gs-active-filters-bar.is-active{
    display:flex !important;
  }
}

/* v31: core-owned active filters bar */
.gs-case-studies > .gs-active-filters-bar{
  display:none;
}
.gs-case-studies > .gs-active-filters-bar.is-active{
  display:flex;
}
@media (max-width:768px){
  .gs-case-studies > .gs-active-filters-bar{
    display:none !important;
    position:sticky;
    top:var(--gs-sticky-top,0px);
    z-index:60;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    flex-wrap:wrap;
    gap:6px 8px;
    padding:7px 8px;
  }
  .gs-case-studies > .gs-active-filters-bar.is-active{
    display:flex !important;
  }
}

/* v161 TEST: readable full years on desktop/tablet */
@media (min-width:521px){
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-years{
    flex:0 0 auto;
    min-width:220px;
  }
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-years label{
    flex:0 0 auto;
    min-width:0;
  }
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-years #yearFrom,
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-years #yearTo{
    width:84px !important;
    min-width:84px !important;
    max-width:84px !important;
    padding-left:10px;
    padding-right:30px;
  }
}

/* v162 TEST: one clean third filter row on tablet/desktop */
@media (min-width:769px){
  .gs-case-studies .gs-filter-row-all-secondary{
    display:grid !important;
    grid-template-columns:240px auto 200px minmax(20px,1fr) auto !important;
    grid-template-rows:44px !important;
    column-gap:12px !important;
    row-gap:0 !important;
    align-items:center !important;
    width:100%;
  }

  .gs-case-studies .gs-filter-row-all-secondary .gs-field-years{
    grid-column:1 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-width:240px !important;
    width:240px !important;
    height:44px !important;
    align-self:center !important;
  }

  .gs-case-studies .gs-filter-row-all-secondary .gs-field-years label{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:5px !important;
    margin:0 !important;
    min-width:0 !important;
    height:44px !important;
    white-space:nowrap;
  }

  .gs-case-studies .gs-filter-row-all-secondary .gs-field-years #yearFrom,
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-years #yearTo{
    width:84px !important;
    min-width:84px !important;
    max-width:84px !important;
    height:44px !important;
    min-height:44px !important;
  }

  .gs-case-studies .gs-filter-row-all-secondary .gs-field-awards{
    grid-column:2 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    align-self:center !important;
    width:auto !important;
    height:44px !important;
    margin:0 !important;
    transform:none !important;
  }

  .gs-case-studies .gs-filter-row-all-secondary .gs-field-awards label.check{
    display:inline-flex !important;
    align-items:center !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
  }

  .gs-case-studies .gs-filter-row-all-secondary .gs-field-sort{
    grid-column:3 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    width:200px !important;
    min-width:200px !important;
    margin:0 !important;
    height:44px !important;
  }

  .gs-case-studies .gs-filter-row-all-secondary .gs-field-sort select{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:44px !important;
  }

  .gs-case-studies .gs-filter-row-all-secondary .gs-field-stats{
    display:none !important;
  }

  .gs-case-studies .gs-filter-row-all-secondary .gs-field-reset{
    grid-column:5 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:auto !important;
    height:44px !important;
    margin:0 !important;
  }

  .gs-case-studies .gs-filter-row-all-secondary .gs-field-reset #resetFilters{
    width:auto !important;
    height:44px !important;
    min-height:44px !important;
    margin:0 !important;
    white-space:nowrap;
  }
}

/* v164 TEST: harden Od/Do against WordPress/theme label width:100% rules */
@media (min-width:769px){
  .gs-case-studies .gs-filter-row-all-secondary{
    grid-template-columns:252px auto 210px minmax(16px,1fr) auto !important;
  }

  .gs-case-studies .gs-filter-row-all-secondary .gs-field-years{
    width:252px !important;
    min-width:252px !important;
    max-width:252px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:8px !important;
    overflow:visible !important;
  }

  .gs-case-studies .gs-filter-row-all-secondary .gs-field-years label{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:5px !important;
    width:122px !important;
    min-width:122px !important;
    max-width:122px !important;
    flex:0 0 122px !important;
    margin:0 !important;
    padding:0 !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
  }

  .gs-case-studies .gs-filter-row-all-secondary .gs-field-years #yearFrom,
  .gs-case-studies .gs-filter-row-all-secondary .gs-field-years #yearTo{
    width:84px !important;
    min-width:84px !important;
    max-width:84px !important;
    flex:0 0 84px !important;
    height:44px !important;
    min-height:44px !important;
    box-sizing:border-box !important;
  }
}

/* v165 TEST: keep "Realizacja:" on one mobile line without changing font size */
@media (max-width:700px){
  .gs-case-studies .project-card .gs-realization{
    margin-left:14px !important;
    margin-right:0 !important;
    width:calc(100% - 14px) !important;
    max-width:calc(100% - 14px) !important;
    box-sizing:border-box !important;
    white-space:nowrap !important;
    letter-spacing:-0.15px;
  }

  .gs-case-studies .project-card .gs-realization .gs-realization-label,
  .gs-case-studies .project-card .gs-realization .gs-brand-link{
    white-space:nowrap !important;
  }
}

/* v170: production combobox with WordPress theme focus isolation and cache-compatible assets. */
.gs-case-studies .gs-field-client{position:relative;overflow:visible}
.gs-case-studies.gs-enhanced .gs-client-native-select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.gs-case-studies .gs-client-combobox{position:relative;width:100%;min-width:0}
.gs-case-studies .gs-client-combobox-input{
  width:100%;height:auto;min-height:0;box-sizing:border-box;
  padding:9px 38px 9px 11px;background-color:#fff;text-transform:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.25 6 6.25 11 1.25' fill='none' stroke='%2316181d' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;background-size:12px 8px;
}
.gs-case-studies .gs-client-combobox-input:focus{
  background-color:#f9f9f9;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.25 6 6.25 11 1.25' fill='none' stroke='%2316181d' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;background-size:12px 8px;
}
.gs-case-studies .gs-client-combobox-input::placeholder{color:var(--text);opacity:1;font-style:normal;text-transform:none}
.gs-case-studies .gs-client-combobox.is-open .gs-client-combobox-input{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 6.75 6 1.75 11 6.75' fill='none' stroke='%2316181d' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.gs-case-studies .gs-client-combobox-list{
  position:absolute;z-index:80;top:calc(100% + 4px);left:0;right:0;
  display:none;max-height:min(320px,45vh);overflow-y:auto;overscroll-behavior:contain;
  margin:0;padding:4px 0;list-style:none;background:#fff;border:1px solid #b8bec6;
  box-shadow:0 8px 22px rgba(22,24,29,.16);
}
.gs-case-studies .gs-client-combobox.is-open .gs-client-combobox-list{display:block}
.gs-case-studies .gs-client-combobox-option,
.gs-case-studies .gs-client-combobox-group{
  box-sizing:border-box;
  width:100%;
  padding:5px 11px;
  color:var(--text);
  font:inherit;
  font-size:14px;
  line-height:17px;
  text-align:left;
  text-transform:none;
}
.gs-case-studies .gs-client-combobox-option{
  display:block;
  cursor:pointer;
}
.gs-case-studies .gs-client-combobox-list > .gs-client-combobox-group{
  position:sticky;
  top:0;
  z-index:100;
  display:block;
  margin:0;
  padding:7px 11px;
  background:#e1e3e6;
  font-weight:700;
  font-style:normal;
  letter-spacing:0;
  cursor:default;
  pointer-events:none;
}
.gs-case-studies .gs-client-combobox-option.is-active,
.gs-case-studies .gs-client-combobox-option:hover{background:#24282f;color:#fff}
.gs-case-studies .gs-client-combobox-option.is-selected{font-weight:700}
.gs-case-studies .gs-client-combobox-option[aria-disabled="true"]{color:#9aa0a6;background:#f5f6f7;cursor:not-allowed}
.gs-case-studies .gs-client-combobox-empty{padding:10px 11px;color:var(--muted);font-size:14px}
@media (max-width:768px){
  .gs-case-studies .gs-client-combobox-list{max-height:38vh}
}

.gs-case-studies .gs-podcast-card{position:relative;height:525px;overflow:hidden;background:#fff;border:1px solid #d9dde2;box-sizing:border-box;padding-bottom:58px}
.gs-case-studies .gs-podcast-card .gs-podcast-image-wrap{position:relative;display:block;overflow:hidden;aspect-ratio:950/500;border:1px solid #e3e6eb}
.gs-case-studies .gs-podcast-card .gs-podcast-image{display:block;width:100%;height:100%;object-fit:cover;background:#eef1f4;transition:transform .38s ease-in-out}
.gs-case-studies .gs-podcast-card .gs-podcast-image-wrap:hover .gs-podcast-image{transform:scale(1.04)}
.gs-case-studies .gs-podcast-card .gs-podcast-label{position:absolute;left:0;top:0;z-index:2;display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;background:#E6B62B;color:#151922;font-size:11px;font-weight:900;letter-spacing:.08em}
.gs-case-studies .gs-podcast-card h2{font-size:15px;line-height:1.28;margin:12px 14px 0;font-weight:800;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--text)}
.gs-case-studies .gs-podcast-card .gs-podcast-people{margin:6px 14px 0;font-size:12px;line-height:1.4;font-weight:700;color:#4a5059}
.gs-case-studies .gs-podcast-card .gs-podcast-summary{margin:9px 14px 0;font-size:14px;line-height:1.5;color:#555d68}
.gs-case-studies .gs-podcast-card .gs-podcast-series{margin:8px 14px 0;font-size:13px;color:#858b94}.gs-case-studies .gs-podcast-card .gs-podcast-series-name{color:#2f343b;font-weight:700}
.gs-case-studies .gs-podcast-card .gs-podcast-dots{position:absolute;left:14px;right:14px;bottom:66px;display:flex;align-items:center;justify-content:center;gap:7px;min-height:14px}
.gs-case-studies .gs-podcast-card .gs-podcast-dots[hidden]{display:none}
.gs-case-studies .gs-podcast-card .gs-podcast-dot{width:10.4px;height:10.4px;min-width:10.4px;padding:0;border:0;border-radius:50%;background:#c8cdd3;cursor:pointer;transition:transform .2s ease,background-color .2s ease}
.gs-case-studies .gs-podcast-card .gs-podcast-dot[aria-current="true"]{background:#151922;transform:scale(1.18)}
.gs-case-studies .gs-podcast-card .gs-podcast-dot:focus-visible{outline:2px solid #151922;outline-offset:3px}
.gs-case-studies .gs-podcast-card .card-footer{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:center;gap:8px}
.gs-case-studies .gs-podcast-card .gs-podcast-cta{min-height:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;border-radius:4px;color:#fff!important;text-decoration:none;font-size:11px;font-weight:800;line-height:1;background:linear-gradient(90deg,#E6B62B 0%,#F1C44A 50%,#E6B62B 100%);background-size:200% 100%;background-position:0% 50%;transition:background-position .45s ease}
.gs-case-studies .gs-podcast-card .gs-podcast-cta:hover{background-position:100% 50%}
.gs-case-studies .gs-podcast-card .gs-podcast-more{min-height:34px;height:34px;position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border-radius:4px;color:#151922!important;text-decoration:none;font-size:11px;font-weight:800;line-height:1;background:#fff!important;border:1px solid #151922;transition:color .32s ease,border-color .32s ease}
.gs-case-studies .gs-podcast-card .gs-podcast-more::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#151922 0%,#3a3f49 50%,#151922 100%);transform:translateX(-105%);transition:transform .42s ease}
@media (hover:hover) and (pointer:fine){.gs-case-studies .gs-podcast-card .gs-podcast-more:hover{color:#fff!important;border-color:#151922;background:#fff!important}.gs-case-studies .gs-podcast-card .gs-podcast-more:hover::before{transform:translateX(0)}.gs-case-studies .gs-podcast-card .gs-podcast-dot:hover{background:#707783}}
@media (hover:none),(pointer:coarse){.gs-case-studies .gs-podcast-card .gs-podcast-image-wrap:hover .gs-podcast-image{transform:none}.gs-case-studies .gs-podcast-card .gs-podcast-cta:hover{background-position:0% 50%}}
@media (prefers-reduced-motion:reduce){.gs-case-studies .gs-podcast-card .gs-podcast-image,.gs-case-studies .gs-podcast-card .gs-podcast-cta,.gs-case-studies .gs-podcast-card .gs-podcast-more::before,.gs-case-studies .gs-podcast-card .gs-podcast-dot{transition:none!important}}

/* v181: keep long active-filter labels fully readable inside narrow mobile viewports. */
@media (max-width:768px){
  .gs-case-studies .gs-active-filters-chips{overflow-x:hidden}
  .gs-case-studies .gs-filter-chip{
    max-width:100%;
    min-width:0;
    flex:0 1 auto;
    white-space:normal;
    text-align:left;
  }
  .gs-case-studies .gs-filter-chip > span:first-child{
    min-width:0;
    overflow-wrap:anywhere;
  }
  .gs-case-studies .gs-filter-chip-x{flex:0 0 auto}
}

.gs-case-studies-anchor{display:block;width:100%;height:0;overflow:hidden;scroll-margin-top:12px}


