/* GolfGear Eshop — custom styles */

/* ── TOAST ──────────────────────────────────────────────────────── */
.gg-toast {
  position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 9000;
  background: #222; color: #fff; border-radius: 9px;
  padding: .85rem 1.1rem; font-size: .85rem; line-height: 1.4;
  display: flex; align-items: center; gap: .9rem;
  box-shadow: 0 4px 24px rgba(0,0,0,.35);
  transform: translateY(130%); opacity: 0;
  transition: transform .28s ease, opacity .28s ease;
  max-width: 340px;
}
.gg-toast.gg-toast--show { transform: translateY(0); opacity: 1; }
.gg-toast__msg { flex: 1; }
.gg-toast__link { color: #f07000; text-decoration: none; font-weight: 700; white-space: nowrap; }
.gg-toast__link:hover { text-decoration: underline; }
.gg-toast__close { background: none; border: none; color: #888; cursor: pointer; font-size: 1.2rem; padding: 0; line-height: 1; flex-shrink: 0; }
.gg-toast__close:hover { color: #fff; }
@media (max-width: 600px) { .gg-toast { bottom: 1rem; right: 1rem; left: 1rem; max-width: none; } }

/* ── LAYOUT ─────────────────────────────────────────────────────── */
.gg-container { max-width: 1400px; margin: 0 auto; padding: 0 1.5rem; }
@media (max-width: 600px) { .gg-container { padding: 0 1rem; } }

/* ── COOKIE CONSENT BAR ─────────────────────────────────────────── */
#gg-cookie-bar {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 3000;
  background: #fff; border-top: 1px solid #e0e0de;
  box-shadow: 0 -4px 24px rgba(0,0,0,0.10);
  padding: 1rem 1.5rem;
  display: flex; align-items: center; justify-content: space-between;
  gap: 1.5rem; flex-wrap: wrap;
  transform: translateY(100%);
  transition: transform 0.35s ease;
}
#gg-cookie-bar.visible { transform: translateY(0); }
.gg-cookie-text { font-size: 0.82rem; color: #555; line-height: 1.55; flex: 1; min-width: 220px; }
.gg-cookie-text a { color: #d6001c; text-decoration: none; }
.gg-cookie-text a:hover { text-decoration: underline; }
.gg-cookie-btns { display: flex; gap: 0.6rem; flex-shrink: 0; flex-wrap: wrap; }
.gg-cookie-btn {
  padding: 0.5rem 1.1rem; border-radius: 6px; font-size: 0.8rem;
  font-weight: 700; cursor: pointer; border: none; white-space: nowrap;
  transition: background 0.2s, border-color 0.2s;
}
.gg-cookie-btn--accept { background: #d6001c; color: #fff; }
.gg-cookie-btn--accept:hover { background: #a80016; }
.gg-cookie-btn--essential { background: transparent; color: #555; border: 1px solid #d0d0d0; }
.gg-cookie-btn--essential:hover { border-color: #999; color: #111; }

/* ── ARES LOOKUP ────────────────────────────────────────────────── */
.ares-banner {
  display: flex; align-items: flex-start; gap: 0.75rem;
  background: rgba(214,0,28,0.05); border: 1px solid rgba(214,0,28,0.2);
  border-left: 3px solid var(--gg-red);
  border-radius: 6px; padding: 0.75rem 1rem;
  font-size: 0.82rem; color: #555; line-height: 1.5;
  margin-bottom: 1.2rem;
}
.ares-banner strong { color: #111; }
.ares-banner__icon { font-size: 1.4rem; line-height: 1; flex-shrink: 0; margin-top: 1px; }
.ares-hint         { display: block; font-size: 0.72rem; margin-top: 3px; min-height: 1em; }
.ares-hint.loading { color: #888; }
.ares-hint.ok      { color: #6c6; }
.ares-hint.err     { color: #f09090; }

/* ── ADDRESS AUTOCOMPLETE DROPDOWN ─────────────────────────────── */
.addr-drop {
  display: block; position: absolute; top: 100%; left: 0; right: 0;
  background: #1a1a1a; border: 1px solid #3a3a3a; border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.5); z-index: 500;
  list-style: none; margin: 2px 0 0; padding: 0;
  max-height: 240px; overflow-y: auto;
}
.addr-drop[hidden] { display: none; }
.addr-drop li {
  padding: 0.55rem 0.85rem; cursor: pointer;
  border-bottom: 1px solid #252525; display: flex; flex-direction: column; gap: 1px;
}
.addr-drop li:last-child { border-bottom: none; }
.addr-drop li.active, .addr-drop li:hover { background: rgba(214,0,28,0.12); }
.addr-drop__main { font-size: 0.85rem; color: #fff; }
.addr-drop__sub  { font-size: 0.72rem; color: #666; }

:root {
  --gg-red:       #d6001c;
  --gg-red-dark:  #a80016;
  --gg-red-glow:  rgba(214,0,28,0.12);
  --gg-black:     #111111;
  --gg-dark:      #1a1a1a;
  --gg-dark2:     #232323;
  --gg-card:      #ffffff;
  --gg-border:    #e0e0de;
  --gg-light:     #f5f5f3;
  --gg-text:      #111111;
  --gg-muted:     #555555;
  --gg-dim:       #888888;
}

body { margin: 0; }

/* GPU layer pro fixed nav — stabilizuje na iOS při URL bar collapse */
#nav { transform: translateZ(0); -webkit-transform: translateZ(0); }

[x-cloak] { display: none !important; }

/* ── LOADING ────────────────────────────────────────────────── */
#loadingDiv { display: none; }
#loadingDiv.active { display: flex; }

/* ── BANNER SWIPER ───────────────────────────────────────────── */
.banner-swiper {
  aspect-ratio: 3 / 1;
  min-height: 160px;
  background: #111;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}
.banner-swiper .swiper-slide {
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Všechny přímé potomky slidu roztáhnout na celou plochu */
.banner-swiper .swiper-slide > * {
  display: block;
  width: 100%;
  height: 100%;
}
/* Obrázky — zobrazit celý obsah bez ořezu */
.banner-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}
/* <a> obal obrázku */
.banner-swiper .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}
.banner-swiper .swiper-slide a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.swiper-pagination-bullet-active { background: var(--gg-red) !important; }

/* ── CAT NAV RESPONSIVE ──────────────────────────────────────── */
/* 960–1200px: dva řádky — kategorie nahoře, search dole */
@media (max-width: 1199.98px) {
  #cat-nav { height: auto !important; }
  #cat-nav .container { height: auto !important; }
  .cat-nav-inner { flex-wrap: wrap; height: auto !important; }

  /* Oddělovač za searchem schovat */
  #cat-nav #srchform + div { display: none; }

  /* Cat položky — přirozená výška přes padding (!important kvůli header.php <style> override) */
  .cat-item > a,
  .cat-item > button {
    height: auto !important;
    padding: 0.85rem 0.6rem !important;
    font-size: 0.73rem;
  }
  .cat-mega { display: none !important; }
  .cat-item > a svg,
  .cat-item > button svg { display: none; }

  /* Search → druhý řádek, vycentrovaný */
  #cat-nav #srchform {
    order: 10;
    flex: 0 0 100%;
    padding: 0.5rem !important;
    margin-top: -0.9rem;
    border-top: 1px solid #222;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #cat-nav #srchform input[type="search"] {
    width: 320px !important;
  }
  #cat-nav #srchform input[type="search"]:focus {
    width: 420px !important;
  }

}

/* Pod 960px: cat-nav schovám */
@media (max-width: 960px) {
  #cat-nav { display: none; }
}

/* ── BUTTONS ────────────────────────────────────────────────── */
.btn-primary {
  display: inline-flex; align-items: center; gap: 0.4rem;
  background: var(--gg-red); color: #fff;
  padding: 0.6rem 1.4rem; border-radius: 6px;
  font-size: 0.85rem; font-weight: 700;
  transition: background 0.2s; text-decoration: none; border: none; cursor: pointer;
}
.btn-primary:hover { background: var(--gg-red-dark); }

.btn-outline {
  display: inline-flex; align-items: center; gap: 0.4rem;
  background: transparent; color: var(--gg-muted);
  padding: 0.6rem 1.4rem; border-radius: 6px;
  font-size: 0.85rem; font-weight: 600; border: 1px solid var(--gg-border);
  transition: border-color 0.2s, color 0.2s; text-decoration: none; cursor: pointer;
}
.btn-outline:hover { border-color: var(--gg-red); color: var(--gg-red); }

/* ── PRODUCT CARDS ──────────────────────────────────────────────── */
.prod-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
@media (max-width: 1100px) { .prod-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px)  { .prod-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 400px) { .prod-grid { grid-template-columns: 1fr; gap: 0.5rem; } }

.prod-card {
  display: flex; flex-direction: column;
  background: #fff; border: 1px solid #e8e7e3; border-radius: 10px;
  overflow: hidden; text-decoration: none; color: inherit;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.2s;
}
.prod-card:hover {
  border-color: var(--gg-red);
  box-shadow: 0 8px 28px rgba(0,0,0,0.10);
  transform: translateY(-2px);
}
.prod-card__img-wrap {
  position: relative; aspect-ratio: 1/1; overflow: hidden;
  background: #f8f8f6; flex-shrink: 0;
}
.prod-card__img-wrap img {
  width: 100%; height: 100%; object-fit: contain; object-position: center;
  padding: 0.5rem; display: block; transition: transform 0.3s;
}
.prod-card:hover .prod-card__img-wrap img { transform: scale(1.04); }
.prod-card__badges {
  position: absolute; top: 0.5rem; left: 0.5rem;
  display: flex; flex-direction: column; gap: 0.25rem; pointer-events: none;
  opacity: 0.82;
}
.prod-badge {
  display: inline-block; padding: 0.2rem 0.45rem; border-radius: 4px;
  font-size: 0.65rem; font-weight: 700; line-height: 1.3; white-space: nowrap;
}
.prod-badge--eos  { background: #d6001c; color: #fff; }
.prod-badge--sale { background: #e07800; color: #fff; }
.prod-badge--tip  { background: #1a6fbf; color: #fff; }
.prod-card__edit {
  position: absolute; top: 0.4rem; right: 0.4rem;
  background: rgba(0,0,0,0.55); color: #fff; border: none; cursor: pointer;
  border-radius: 4px; padding: 0.2rem 0.45rem; font-size: 0.72rem;
  opacity: 0; transition: background 0.15s, opacity 0.2s;
}
.prod-card:hover .prod-card__edit { opacity: 1; }
.prod-card__edit:hover { background: rgba(214,0,28,0.85); }
.prod-card__body {
  padding: 0.7rem 0.75rem; display: flex; flex-direction: column;
  gap: 0.2rem; flex: 1;
}
.prod-card__name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 0.95rem; font-weight: 700; color: #111;
  line-height: 1.25; letter-spacing: 0.02em; margin: 0;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.prod-card__variant { font-size: 0.7rem; color: #999; margin: 0; }
.prod-stock { font-size: 0.68rem; font-weight: 600; }
.prod-stock--yes { color: #3a9a3a; }
.prod-stock--low { color: #b87a2d; }
.prod-card__pricing {
  margin-top: auto; padding-top: 0.45rem;
  display: flex; align-items: baseline; gap: 0.5rem; flex-wrap: wrap;
}
.prod-card__price { font-size: 0.9rem; font-weight: 700; color: #111; }
.prod-card__price--sale { color: #d6001c; }
.prod-card__price-label { font-size: 0.75rem; color: #aaa; }
.prod-card__orig { font-size: 0.7rem; color: #bbb; text-decoration: line-through; }
.prod-card__badges--inline { display: none; }
@media (max-width: 400px) {
  .prod-card { flex-direction: row; align-items: stretch; }
  .prod-card:hover { transform: none; }
  .prod-card__img-wrap { flex: 0 0 88px; width: 88px; aspect-ratio: unset; border-radius: 9px 0 0 9px; }
  .prod-card__img-wrap img { padding: 0.4rem; transition: none; }
  .prod-card:hover .prod-card__img-wrap img { transform: none; }
  .prod-card__body { padding: 0.5rem 0.6rem; gap: 0.15rem; }
  .prod-card__name { font-size: 0.78rem; }
  .prod-card__variant { font-size: 0.68rem; }
  .prod-card__pricing { align-items: center; flex-wrap: wrap; gap: 0.3rem; padding-top: 0.2rem; margin-top: auto; }
  .prod-card__pricing .prod-card__price { flex: 1; font-size: 0.85rem; }
  .prod-card__pricing .prod-card__orig { flex: 0 0 100%; order: 10; font-size: 0.65rem; }
  .prod-card__badges { display: none; }
  .prod-card__badges--inline { display: flex; gap: 0.15rem; margin-left: auto; flex-shrink: 0; }
  .prod-card__badges--inline .prod-badge { font-size: 0.58rem; padding: 0.15rem 0.3rem; }
}

/* ── PRODUCT LISTING PAGE ───────────────────────────────────────── */
/* overflow-anchor:none zabrání scroll anchoringu při kolapsu sticky intra → žádné pulsování compact mode */
.prd-wrap { max-width: 1320px; margin: 0 auto; padding: 0 1.5rem 5rem; overflow-anchor: none; }

.prd-breadcrumb {
  display: flex; align-items: center; gap: 0.35rem;
  font-size: 0.78rem; color: #bbb; margin-bottom: 1.25rem; flex-wrap: wrap;
}
.prd-breadcrumb a { color: #888; text-decoration: none; }
.prd-breadcrumb a:hover { color: var(--gg-red); }
.prd-breadcrumb .prd-bc-cur { color: #555; }

.prd-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 1.9rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.04em; color: #111; margin: 0 0 1.25rem;
}

/* ── Section header — two-column intro layout ───────────────────────── */
/* Left: breadcrumb + h1 title  |  Right: descriptive text from articles DB  */

/* Sticky container: intro + pills + filter bar all stick together */
.prd-sticky-intro {
  position: sticky;
  top: 106px;
  z-index: 200;
  background: #f5f5f3;
  padding: 0.5rem 1rem 1rem;
  transition: box-shadow 0.2s ease;
}
.prd-sticky-intro.is-compact {
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}
.prd-sticky-intro.is-compact.no-pills { padding-bottom: 0.25rem; }

.prd-intro {
  display: grid;
  grid-template-columns: fit-content(45%) 1fr;
  gap: 1.5rem 2.5rem;
  align-items: start;
  margin-bottom: 0.75rem;
  transition: margin 0.3s ease;
}
.prd-intro--no-text { grid-template-columns: 1fr; }
.is-compact .prd-intro { margin-bottom: 0.4rem; }

/* Within the grid, remove bottom margins so columns align tightly */
.prd-intro__left .prd-breadcrumb { margin-bottom: 0.5rem; }
.prd-intro__left .prd-title {
  margin-bottom: 0;
  max-height: 200px;
  overflow: hidden;
  transition: opacity 0.25s ease, max-height 0.35s ease 0.05s;
}
/* Compact: fade + collapse height so grid row shrinks and pills move up */
.is-compact .prd-intro__left .prd-title {
  opacity: 0;
  max-height: 0;
}

/* Section text (right column) */
.prd-intro__right {
  padding: 0.6rem 0 0.6rem 1.5rem;
  border-left: 3px solid #d6001c;
  align-self: start;
}

/* Section text body — fades out and collapses in compact mode */
.sec-hdr__body {
  max-height: 600px;
  overflow: hidden;
  transition: opacity 0.2s ease, max-height 0.3s ease 0.1s;
}
.is-compact .sec-hdr__body {
  opacity: 0;
  max-height: 0;
}

/* Echo title — absolutely positioned within the sticky intro (position:sticky acts as
   containing block). Sits top-right, slides in from left + fades when compact. */
.prd-title--echo {
  position: absolute;
  top: 0.3rem;
  right: 1rem;
  margin-bottom: 0.3rem;
  max-width: 55%;
  text-align: right;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-30vw);
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 1.9rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #111;
  line-height: 1.1;
  transition: opacity 0.35s ease, transform 0.45s ease;
}
.has-section-text .prd-title--echo {
  transition: opacity 0.35s ease 0.22s, transform 0.45s ease 0.22s;
}
.is-compact .prd-title--echo {
  opacity: 1;
  transform: translateX(0);
}
.has-section-text.is-compact .prd-title--echo {
  transition: opacity 0.35s ease 0.22s, transform 0.45s ease 0.22s;
}

/* Typography inside section text — neutralise old Foundation markup */
.sec-hdr__text { font-size: 0.85rem; color: #555; line-height: 1.7; }
.sec-hdr__text h2,.sec-hdr__text h3,.sec-hdr__text h4 {
  font-size: 0.95rem; font-weight: 600; color: #333; margin: 0 0 0.35rem;
}
.sec-hdr__text p  { margin: 0 0 0.4rem; }
.sec-hdr__text p:last-child,.sec-hdr__text p:only-child { margin-bottom: 0; }
.sec-hdr__text ul { margin: 0.25rem 0 0.4rem 1.1rem; }
/* Old Foundation layout wrappers — flatten them */
.sec-hdr__text .row,.sec-hdr__text .columns,.sec-hdr__text .column,
.sec-hdr__text .panel,.sec-hdr__text .callout { display: block; margin: 0; padding: 0; border: none; background: none; }
/* CSS fallback for any residual Foundation buttons/icons not caught server-side */
.sec-hdr__text .button,.sec-hdr__text .button-group,.sec-hdr__text .button-bar,
.sec-hdr__text .btn,.sec-hdr__text a.button { display: none !important; }
.sec-hdr__text i { display: none !important; }

/* Subcategory navigation pills — standalone row below the intro grid */
.sec-hdr__subcats {
  display: flex; flex-wrap: wrap; gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.sec-hdr__pill {
  display: inline-flex; align-items: center;
  padding: 0.28rem 0.85rem; border-radius: 20px;
  border: 1px solid #d5d4d0; background: #fff;
  color: #555; font-size: 0.8rem; font-weight: 500;
  text-decoration: none; white-space: nowrap;
  transition: border-color .15s, color .15s, background .15s;
}
.sec-hdr__pill:hover         { border-color: #d6001c; color: #d6001c; }
.sec-hdr__pill--active       { background: #d6001c; border-color: #d6001c; color: #fff; font-weight: 600; }
.sec-hdr__pill--active:hover { background: #a80016; border-color: #a80016; color: #fff; }

/* 680–960px: hamburger zapnutý, cat-nav skrytý → header jen nav (60px) */
@media (max-width: 960px) and (min-width: 681px) {
  body { padding-top: 60px !important; }
  .prd-sticky-intro { top: 60px; }
}

/* 960–1200px: cat-nav se zalomí do 2 řádků (kat. řada ~42px + search řada ~43px = 85px) → celkem 145px */
@media (min-width: 961px) and (max-width: 1199.98px) {
  body { padding-top: 145px !important; }
  .prd-sticky-intro { top: 145px; }
}

/* Mobile: cat-nav skryt (mobilní drawer to nahrazuje), body padding 60px */
@media (max-width: 680px) {
  body { padding-top: 60px !important; }
  #cat-nav { display: none !important; }
  /* backdrop-filter způsobuje GPU repaints při iOS URL bar collapse → solid bg */
  #nav { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: #1a1a1a !important; }
  #nav.scrolled { background: #1a1a1a !important; }

  .prd-wrap { padding: 0 0 4rem; }
  /* overflow-x:clip ořeže vnitřní overflow (prd-form -1.5rem marginy) bez vytvoření scroll kontejneru
     → body nezíská horizontální scroll → žádný skok při scrollu
     → position:fixed nav ani position:sticky nejsou ovlivněny */
  .prd-sticky-intro { overflow-x: clip; top: 60px; }

  .prd-intro { grid-template-columns: 1fr; gap: 0.5rem; }
  .prd-intro__right { padding: 0.5rem 0 0; border-left: none; border-top: 1px solid #e8e7e3; }
  /* Na mobilu echo title bez animace — zabraňuje artefaktům při position:static↔absolute přechodu */
  .prd-title--echo { font-size: 1.35rem; transition: none; }
  /* Compact: flex row → [breadcrumb] [auto gap] [border|titulek vpravo] */
  .is-compact .prd-intro { display: flex; flex-direction: row; align-items: center; gap: 0; margin-bottom: 0; }
  .is-compact .prd-intro__left { flex: 0 0 auto; }
  .is-compact .prd-intro__right { display: none; }
  .is-compact .prd-title--echo {
    position: static; flex: 0 0 auto; margin-left: auto; max-width: none;
    top: auto; right: auto; text-align: right;
    transform: none; transition: none;
    border-left: 3px solid #d6001c; padding-left: 0.75rem;
    white-space: nowrap; overflow: hidden;
  }
}

/* Filter form — inside the sticky intro wrapper, no longer needs its own position:sticky */
#prd-form {
  background: #fff;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.prd-bar {
  display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap;
  padding: 0.65rem 1rem; margin-bottom: 0;
  background: #fff; border: 1px solid #e5e5e3; border-radius: 8px;
  margin-top: 0.5rem; margin-bottom: 0.75rem;
}

.prd-count { font-size: 0.78rem; color: #999; margin-left: auto; white-space: nowrap; }

.prd-sort select {
  font-size: 0.8rem; border: 1px solid #d8d8d8; border-radius: 6px;
  padding: 0.35rem 0.6rem; background: #f7f7f7; color: #333; cursor: pointer;
}

/* Brand filter dropdown */
.prd-brand-filter { position: relative; }
.prd-brand-btn {
  background: #f7f7f7; border: 1px solid #d8d8d8; border-radius: 6px;
  padding: 0.35rem 0.75rem; font-size: 0.8rem; cursor: pointer;
  color: #333; display: flex; align-items: center; gap: 0.4rem;
  transition: border-color 0.15s;
}
.prd-brand-btn:hover, .prd-brand-btn.active {
  border-color: var(--gg-red); color: var(--gg-red);
  background: rgba(214,0,28,0.04);
}
.prd-brand-drop {
  position: absolute; top: calc(100% + 4px); left: 0;
  background: #fff; border: 1px solid #e0e0de; border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12); z-index: 300;
  min-width: 200px; max-height: 320px; overflow-y: auto; padding: 0.4rem 0;
}
.prd-brand-drop label {
  display: flex; align-items: center; gap: 0.5rem;
  padding: 0.38rem 0.85rem; font-size: 0.8rem; color: #333; cursor: pointer;
}
.prd-brand-drop label:hover { background: #f5f5f3; }
.prd-brand-drop input[type=checkbox] { accent-color: var(--gg-red); flex-shrink: 0; }
.prd-brand-actions {
  display: flex; align-items: center; gap: 0.75rem;
  padding: 0.5rem 0.85rem; border-top: 1px solid #f0f0ee; margin-top: 0.25rem;
}
.prd-brand-apply {
  background: var(--gg-red); color: #fff; border: none; border-radius: 5px;
  padding: 0.35rem 0.8rem; font-size: 0.78rem; font-weight: 700; cursor: pointer;
}
.prd-brand-apply:hover { background: var(--gg-red-dark); }
.prd-brand-clear { font-size: 0.75rem; color: #999; text-decoration: none; }
.prd-brand-clear:hover { color: var(--gg-red); }

/* Empty state */
.prd-empty {
  text-align: center; padding: 4rem 1rem; color: #888; font-size: 0.93rem;
}