.twg-gallery-index,
.twg-single-wrap { --twg-gap: 22px; width:100%; }
.twg-gallery-index { margin-top:-10px; }

.twg-gallery-card { margin:0 0 30px; border-radius:12px; overflow:hidden; background:#fff; box-shadow:0 4px 18px rgba(0,0,0,.12); }
.twg-gallery-card-link { display:block; color:inherit; text-decoration:none !important; }
.twg-card-image { width:100%; aspect-ratio:16/7; background-size:cover; background-position:center; background-color:#e9e9e9; transition:transform .25s ease; }
.twg-card-image-empty { background:linear-gradient(135deg,#e7e7e7,#f6f6f6); }
.twg-gallery-card:hover .twg-card-image { transform:scale(1.01); }
.twg-card-body { padding:22px 24px 24px; }
.twg-card-kicker { font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; opacity:.58; margin-bottom:7px; }
.twg-card-body h2 { margin:0 0 7px; font-size:clamp(24px,4vw,38px); line-height:1.08; }
.twg-card-meta { font-size:15px; opacity:.7; margin-bottom:16px; }
.twg-card-button { display:inline-flex; align-items:center; gap:6px; font-weight:800; }
.twg-no-galleries,
.twg-empty-gallery { padding:28px; text-align:center; background:#f6f6f6; border-radius:10px; }

.twg-single-wrap { margin-top:-18px; }
.twg-single-topbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; flex-wrap:wrap; }
.twg-back-link { font-weight:700; text-decoration:none !important; }
.twg-single-meta { opacity:.7; font-size:14px; }
.twg-viewer { position:relative; display:grid; grid-template-columns:70px minmax(0,1fr) 70px; align-items:center; gap:12px; background:#111; border-radius:12px; padding:16px; outline:none; min-height:420px; }
.twg-stage { display:flex; align-items:center; justify-content:center; min-width:0; min-height:390px; }
.twg-image-link { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.twg-main-image { display:block; max-width:100%; max-height:72vh; width:auto; height:auto; object-fit:contain; margin:0 auto; }
.twg-nav { appearance:none; border:0; border-radius:999px; width:56px; height:56px; font-size:46px; line-height:1; cursor:pointer; background:rgba(255,255,255,.92); color:#111; display:flex; align-items:center; justify-content:center; padding:0 0 6px; box-shadow:0 2px 9px rgba(0,0,0,.2); }
.twg-nav:disabled { opacity:.22; cursor:default; }
.twg-photo-info { display:grid; grid-template-columns:auto 1fr; gap:18px; align-items:start; padding:16px 4px 12px; }
.twg-photo-count { font-weight:800; white-space:nowrap; }
.twg-photo-caption { font-size:17px; line-height:1.45; }
.twg-thumbs { display:flex; gap:8px; overflow-x:auto; padding:8px 2px 12px; scroll-behavior:smooth; }
.twg-thumb { flex:0 0 auto; width:76px; height:58px; padding:0; border:3px solid transparent; border-radius:7px; overflow:hidden; cursor:pointer; background:#ddd; opacity:.65; }
.twg-thumb.is-active { border-color:currentColor; opacity:1; }
.twg-thumb img { width:100%; height:100%; object-fit:cover; display:block; }

@media (max-width: 700px) {
  .twg-gallery-card { border-radius:9px; margin-bottom:22px; }
  .twg-card-image { aspect-ratio:4/3; }
  .twg-card-body { padding:17px 18px 19px; }
  .twg-viewer { grid-template-columns:44px minmax(0,1fr) 44px; gap:5px; padding:8px; min-height:280px; border-radius:8px; }
  .twg-stage { min-height:260px; }
  .twg-main-image { max-height:66vh; }
  .twg-nav { width:40px; height:40px; font-size:34px; padding-bottom:5px; }
  .twg-photo-info { grid-template-columns:1fr; gap:6px; padding-top:12px; }
  .twg-photo-caption { font-size:16px; }
  .twg-thumb { width:64px; height:50px; }
}