/* ==========================================================================
   PARVARESHI — EXHIBITION SINGLE PAGE POLISH
   Version: 4.0.0
   Owns only the content area of the exhibition single page.
   Header / footer / mobile navigation are owned by site-shell.css.
   ========================================================================== */

:root {
  --ex-green: #0b8b75;
  --ex-green-dark: #087260;
  --ex-green-soft: #edf7f3;
  --ex-cream: #fbf7ef;
  --ex-ink: #254968;
  --ex-copy: #5c7180;
  --ex-line: #dfe9e6;
  --ex-radius-xl: 26px;
  --ex-radius-lg: 22px;
  --ex-shadow: 0 18px 52px rgba(32, 67, 82, .075);
}

.exhibition-page {
  overflow: clip;
  color: var(--ex-copy);
  background: #fff;
}

.exhibition-page .container {
  width: min(calc(100% - 40px), 1240px);
  margin-inline: auto;
}

.exhibition-hero {
  padding: 48px 0 34px;
  background:
    radial-gradient(circle at 88% 5%, rgba(23,105,170,.055), transparent 28%),
    radial-gradient(circle at 12% 50%, rgba(11,139,117,.04), transparent 26%),
    #fff;
}

.exhibition-breadcrumb {
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 1.8;
}
.exhibition-breadcrumb a {
  border-radius: 6px;
  transition: color .18s ease, background .18s ease;
}
.exhibition-breadcrumb a:focus-visible {
  outline: 2px solid rgba(23,105,170,.25);
  outline-offset: 4px;
}

.exhibition-title { margin-bottom: 22px; }
.exhibition-title > span {
  margin-bottom: 4px;
  color: #5c9486;
  font-size: 12px;
}
.exhibition-title h1 {
  color: var(--ex-ink);
  font-size: clamp(31px, 3vw, 43px);
  line-height: 1.45;
  letter-spacing: -.55px;
}

.exhibition-top-grid {
  grid-template-columns: minmax(0, 1.62fr) minmax(290px, .72fr);
  gap: 18px;
}
.exhibition-main-media, .content-index { height: 405px; }
.exhibition-main-media, .content-index {
  border-radius: var(--ex-radius-xl);
  box-shadow: var(--ex-shadow);
}
.exhibition-main-media > img {
  aspect-ratio: 392 / 208;
  object-fit: cover;
}

.share-glass {
  right: 14px;
  bottom: 14px;
  padding: 7px;
  border-radius: 15px;
}
.share-app:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.content-index__head { padding: 16px 16px 13px; }
.content-index__head strong { font-size: 14.5px; }
.content-index__count {
  min-width: 54px;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.content-index__item { min-height: 59px; }
.content-index__item:focus-visible {
  outline: 2px solid rgba(11,139,117,.28);
  outline-offset: -2px;
  background: #f1f7f4;
}

.exhibition-lead {
  margin-top: 18px;
  padding: 14px 17px;
  border-right-width: 3px;
  color: #5d756f;
  font-size: 12.5px;
  line-height: 2.05;
}

.showcase-list { padding: 18px 0 76px; }
.showcase-list > .container { gap: 14px; }
.showcase-row {
  min-height: 310px !important;
  border-radius: 24px !important;
  content-visibility: auto;
  contain-intrinsic-size: 310px;
  box-shadow: 0 8px 24px rgba(38,72,82,.025);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.showcase-row:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(38,72,82,.055);
}
.showcase-row--green { background: #edf7f3; }
.showcase-row--cream { background: #fbf7ef; }

@media (min-width: 1101px) {
  .showcase-row,
  .showcase-row.showcase-row--reverse {
    min-height: 310px !important;
    padding: 30px 34px !important;
    gap: 34px !important;
  }
  .showcase-row { grid-template-columns: minmax(0,1fr) 222px !important; }
  .showcase-row.showcase-row--reverse { grid-template-columns: 222px minmax(0,1fr) !important; }
  .showcase-cover { max-width: 202px !important; height: 248px !important; }
  .showcase-row h2 { font-size: 25px !important; }
  .showcase-row p { font-size: 14.5px !important; line-height: 2.1 !important; }
  .download-group { margin-top: 19px !important; }
  .download-btn { min-height: 44px !important; }
}

.download-btn {
  border-color: #087765;
  box-shadow: none;
}
.download-btn:focus-visible {
  outline: 3px solid rgba(11,139,117,.18);
  outline-offset: 3px;
}

@media (max-width: 1100px) {
  .exhibition-top-grid {
    grid-template-columns: minmax(0,1.4fr) minmax(260px,.72fr);
  }
  .exhibition-main-media, .content-index { height: 350px; }
}

@media (max-width: 900px) {
  .exhibition-page .container { width: min(calc(100% - 32px), 820px); }
  .exhibition-hero { padding-top: 36px; }
  .exhibition-top-grid { grid-template-columns: 1fr; }
  .exhibition-main-media { height: auto; aspect-ratio: 1.72 / 1; }
  .content-index { height: 300px; }
  .showcase-row, .showcase-row.showcase-row--reverse {
    min-height: 255px !important;
    padding: 22px 24px !important;
    gap: 24px !important;
  }
}

@media (max-width: 700px) {
  .exhibition-page .container { width: min(calc(100% - 28px), 600px); }
  .exhibition-hero { padding: 26px 0 22px; }
  .exhibition-breadcrumb { margin-bottom: 15px; font-size: 11px; }
  .exhibition-title { margin-bottom: 15px; }
  .exhibition-title > span { font-size: 10.5px; }
  .exhibition-title h1 { font-size: 27px; }
  .exhibition-main-media {
    height: auto !important;
    aspect-ratio: 1.55 / 1;
    border-radius: 20px;
  }
  .content-index { height: 286px; border-radius: 20px; }
  .exhibition-lead { font-size: 11px; line-height: 2; }

  .showcase-list { padding-bottom: 74px; }
  .showcase-row,
  .showcase-row.showcase-row--reverse {
    min-height: 172px !important;
    grid-template-columns: minmax(0,1fr) 104px !important;
    grid-template-areas: "body visual" !important;
    gap: 13px !important;
    padding: 15px !important;
    border-radius: 18px !important;
    transform: none !important;
  }
  .showcase-cover { width: 104px !important; height: 150px !important; }
  .showcase-row h2 { font-size: 15px !important; }
  .showcase-row p {
    margin-top: 5px !important;
    font-size: 10.5px !important;
    line-height: 1.9 !important;
    -webkit-line-clamp: 3;
  }
  .download-group { margin-top: 9px !important; }
  .download-btn { min-height: 35px !important; padding: 5px 9px !important; }
}

@media (max-width: 420px) {
  .exhibition-page .container { width: calc(100% - 22px); }
  .exhibition-main-media { aspect-ratio: 1.42 / 1; }
  .showcase-row,
  .showcase-row.showcase-row--reverse {
    grid-template-columns: minmax(0,1fr) 86px !important;
    gap: 10px !important;
    padding: 13px !important;
  }
  .showcase-cover { width: 86px !important; height: 132px !important; }
  .showcase-row h2 { font-size: 13.5px !important; }
  .showcase-row p { -webkit-line-clamp: 2; font-size: 9.8px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .showcase-row, .showcase-cover img, .exhibition-main-media > img, .share-app, .download-btn {
    transition: none !important;
    transform: none !important;
  }
}


/* =========================================================
   REQUESTED TYPOGRAPHY ADJUSTMENTS
   Larger index labels and a restrained responsive Single title.
   ========================================================= */
.exhibition-title h1 {
  font-size: clamp(27px, 2.6vw, 37px);
}
.content-index__item strong {
  font-size: 13.5px;
  line-height: 1.75;
}
.content-index__item small {
  font-size: 9.5px;
}
@media (max-width: 700px) {
  .exhibition-title h1 { font-size: 22px; line-height: 1.6; }
  .content-index__item strong { font-size: 12.5px; }
  .content-index__item small { font-size: 9px; }
}

.share-app--telegram .share-app__logo { background: #229ed9; }
.share-app--whatsapp .share-app__logo { background: #25d366; }
.share-app__logo { color: #fff; }
.exhibition-lead { font-size: 13px; line-height: 2.05; }
.download-btn > span { display: block; }

@media (max-width: 480px) {
  .exhibition-title h1 { font-size: 20px; }
  .exhibition-lead { font-size: 11.5px; }
}