.show-wrap{
  max-width:925px;
  margin:18px auto 28px;
  padding:0 16px;
}

.show-series{
  font-family:'Raleway', system-ui, sans-serif;
  font-size:22px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--title);
  opacity:.9;
  margin-bottom:14px;
  text-align:center;
  font-weight:700;
  margin: 10px 0 6px 0;
}

.show-tagline{
  text-align:center;
  font-family:'Raleway', system-ui, sans-serif;
  font-size:12px;
  text-transform:uppercase;
  opacity:.75;
  margin-bottom:22px;
}

.show-divider{
  margin-top:14px;
  margin-bottom:28px;
}

/* ---------- Show page feature card ---------- */
.show-wrap{
  max-width:925px;
  margin:22px auto 28px;
  padding:0 16px;
  text-align:center; /* keep series title centered */
}

.show-series{
  font-family:'Raleway', sans-serif;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--title);
  font-weight:700;
  margin-bottom:6px;
  font-size:20px;
}

.show-tagline{
  font-family:'Comic Neue', system-ui;
  font-size:13px;
  color:#6f6f6f;
  margin-bottom:10px;
  text-transform:uppercase;
  letter-spacing:.04em;
}

/* small paw row under tagline — align center and slightly spaced */
.show-divider{ justify-content:center; margin-bottom:18px; }

/* The featured card */
.show-card{
  padding:16px 20px;
  margin: 0 auto 20px;
  text-align:left;               /* readable inside the card */
  max-width:820px;
}

/* small label above the show title */
.show-kicker{
  display:inline-block;
  font-family:'Raleway', sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:var(--title);
  background: color-mix(in srgb, var(--title) 10%, #fff 90%);
  border:1px solid rgba(167,124,207,.22);
  border-radius:999px;
  padding:6px 12px;
  margin-bottom:10px;
}

/* show title inside card */
.show-card h1{
  margin:6px 0 8px 0;
  font-size: clamp(24px, 2.8vw, 32px);
  font-weight:700;
  color:var(--text);
}

/* subtitle / description inside card */
.show-card .show-subtitle{ margin-bottom:8px; font-style:italic; color:#555; }
.show-card .show-desc{ margin-bottom:14px; color:#444; line-height:1.55; }

/* tighten the rules list look */
.show-card h2{ margin-top:12px; }
.show-card ul{ margin-top:8px; padding-left:1.15rem; }

/* center the series heading area visually above the card */
.show-wrap .intro { text-align:center; margin-bottom:8px; }

.show-card h1{
  margin:0 0 6px 0;
}

.show-card p{
  margin:8px 0;
}

.show-card h2{
  margin-top:12px;
  margin-bottom:6px;
}

.show-card ul{
  margin-top:6px;
  margin-bottom:6px;
}

.show-meta{
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid rgba(0,0,0,.06);
}

.show-status{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:6px;
  font-family:'Raleway', sans-serif;
  font-size:13px;
}

.status-label{
  font-weight:700;
  color:#444;
}

.status-pill{
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
}

.status-open{
  background: rgba(90,201,180,.15);
  color: #2c8d7b;
  border-color: rgba(90,201,180,.35);
}

.show-closes{
  font-size:13px;
  color:#555;
  line-height:1.25;
}

.show-note{
  font-style:italic;
  opacity:.85;
  margin-left:6px; /* keeps it inline */
}

.show-note{
  margin-top:6px;
  font-style:italic;
  opacity:.9;
}

.status-judging{
  background: rgba(90,201,180,.18);
  color: #1f7f6f;
  border:1px solid rgba(90,201,180,.40);
}

/* ================================
   SHOW CTA (open status only)
================================== */
.show-cta{
  margin-top: 14px;
  padding: 16px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(167,124,207,.14), rgba(255,255,255,.65));
  border: 1px solid rgba(167,124,207,.22);
  box-shadow: 0 6px 18px rgba(70,56,104,.08);
  text-align: center;
}

.show-cta-title{
  font-family: 'Raleway', system-ui, sans-serif;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 12px;
  color: var(--title);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}

.show-cta-title i{
  color: var(--link); /* seafoam */
  font-size: 16px;
}

.show-cta-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 999px;
  background: #fff;
  border: 2px solid rgba(90,201,180,.55);
  color: var(--text);
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 12px;
  box-shadow: 0 6px 16px rgba(70,56,104,.10);
  transition: transform .12s ease, box-shadow .18s ease, border-color .18s ease;
}

.show-cta-btn:hover{
  transform: translateY(-1px);
  border-color: rgba(90,201,180,.85);
  box-shadow: 0 10px 22px rgba(70,56,104,.16);
  color: var(--text);
}

.show-cta-note{
  margin: 10px 0 0;
  font-size: .9rem;
  color: #5f5a6d;
}

.show-cta{
  padding: 14px;
}

.show-cta-header{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--title);
  font-size: 12px;
}

.show-cta-action{
  text-align: center;
  margin-bottom: 8px;
}

.results-grid{
  display: grid;
  gap: 24px;
  margin: 24px auto 0;
  grid-template-columns: repeat(auto-fit, 240px);
  justify-content: center;
  justify-items: center;
}

.result-card{
  width:100%;              /* fixed card width = clean rows */
  max-width:240px;
  background:#fcfcfb;
  border-radius:16px;
border: 2px solid rgba(64,179,169,.25);
  box-shadow:0 6px 18px rgba(70,56,104,.10);
  padding:16px;
  text-align:center;
  transition: transform .12s ease, box-shadow .18s ease;
}


.result-img{
  max-width:85%;
  height:auto;
  margin:10px 0;
}

.pet-name{
  font-family: "Comic Neue", cursive;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.15rem;   /* slightly bigger */
  color: #a77ccf; /* or your purple variable */
  letter-spacing: .5px; /* tiny spacing makes uppercase prettier */
}

.owner{
  display:block;
  font-size:.8rem;
  color:#8b8499;
  margin-top:0px;
  letter-spacing:.3px;
}

.award{
  margin-top:10px;
  font-weight:600;
  color:var(--title);
  font-size: .9rem;
}

.judge-note{
  margin-top:8px;
  font-style:italic;
  color:#5f5a6d;
}

@media (max-width: 900px){
  .results-grid{
    grid-template-columns: repeat(2, minmax(240px, 280px));
  }
}

@media (max-width: 600px){
  .results-grid{
    grid-template-columns: minmax(240px, 1fr);
  }
}

.result-card{
  width: 240px;
  padding: 16px;
}

.result-img{
  max-width: 85%;
  height: auto;
  margin: 10px auto;
  display: block;
}

.pet-frame{
  height:220px;                     /* pick what looks right */
  display:flex;
  align-items:flex-end;             /* 👈 bottom align */
  justify-content:center;
  padding:10px;
  overflow:hidden;

  /* optional: match your site vibe */
  background:
    radial-gradient(var(--dot) .8px, transparent 1.2px),
    var(--bg);
  background-size:14px 14px;
  border:1px solid rgba(0,0,0,.06);
  border-radius:12px;
}

.pet-frame img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
}

.pet-frame {
    height: 199px;
}

/* ===== RESULTS CELEBRATORY BADGE ===== */

.results-wrap h2{
  display:inline-flex;
  align-items:center;
  gap:10px;

  padding:10px 26px;
  border-radius:40px;

  background: linear-gradient(
    135deg,
    rgba(167,124,207,.18),
    rgba(64,179,169,.12)
  );

  border:1px solid rgba(167,124,207,.35);

  font-family:"Comic Neue", system-ui, sans-serif;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:700;
  font-size:1.2rem;

  box-shadow:0 6px 18px rgba(70,56,104,.12);
margin:30px 0 8px;
}

/* Trophy icon styling */
.results-wrap h2 i{
  color:#a77ccf; /* lavender trophy */
  font-size:1.05rem;
  animation:trophy-glow 3s ease-in-out infinite;
}

/* Subtle trophy animation */
@keyframes trophy-glow{
  0%,100%{ transform:scale(1); }
  50%{ transform:scale(1.08); }
}

.show-closed{
  margin: 8px 0 0;
  font-size: .92rem;
  color: rgba(0,0,0,.55);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.show-closed i{
  color: rgba(90,201,180,.85); /* your teal vibe */
}

/* --- show header layout (text + badge) --- */
.show-header{
  display:flex;
  gap:24px;
  align-items:flex-start;
}

.show-header__text{
  flex:1;
  min-width:0;
}

/* badge on the right */
.show-header__badge{
  width:160px;
  flex:0 0 auto;
  display:flex;
  flex-direction:column;     /* <-- THIS is the fix */
  align-items:center;        /* center image + note */
  margin-top:6px;
}

.show-header__badge img{
  max-width:100%;
  height:auto;
  display:block;
}

/* slightly tighter description so it doesn't crowd the badge */
.show-description{
  font-size:.95rem;
  line-height:1.45;
}

/* optional: subtitle spacing tidy */
.show-subtitle{
  margin-top:6px;
}

/* stack on smaller screens */
@media (max-width:820px){
  .show-header{
    flex-direction:column;
  }
  .show-header__badge{
    width:150px;
    margin:10px auto 0;
  }
}

.badge-note{
  font-size:.8rem;
  text-align:center;
  margin-top:8px;
  opacity:.7;
  line-height:1.3;
  max-width:140px;           /* keeps it from stretching */
}

.show-header__badge img{
  filter: drop-shadow(0 6px 12px rgba(70,56,104,.15));
}

.show-cta-action{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.show-cta-btn--alt {
  background: #ffffff;
  border: 2px solid #a77ccf; /* soft plum */
  color: #5b3b74;
}