.adc-wrapper {max-width:1100px; margin:30px auto; padding:0 20px;}
.adc-grid {display:grid; grid-template-columns:1fr 1.1fr; gap:30px;}
@media(max-width:768px){.adc-grid{grid-template-columns:1fr;}}

/* media gallery */
.adc-media {display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:10px;}
.adc-media img,.adc-media video {
  width:100%; height:150px; object-fit:cover;
  border-radius:12px; cursor:pointer; transition:.3s transform, .3s opacity;
}
.adc-media img:hover,.adc-media video:hover {transform:scale(1.04); opacity:.9;}

/* info */
.adc-info h1 {margin:0; font-size:26px;}
.adc-meta {display:flex; flex-wrap:wrap; gap:8px; margin-top:6px; color:var(--muted);}
.adc-meta span {background:var(--border); padding:3px 8px; border-radius:8px; font-size:13px;}
.badge.premium {background:var(--accent); color:#fff;}
.adc-desc {margin-top:12px; line-height:1.5;}
.reveal {margin-top:20px;}
.reveal button {
  background:var(--accent); color:#fff; border:none;
  padding:12px 18px; border-radius:10px; font-weight:700; cursor:pointer;
  box-shadow:0 3px 8px rgba(0,0,0,.25);
}
.reveal button:hover {opacity:.9;}
.adc-footer {display:flex; justify-content:space-between; align-items:center; margin-top:24px;}
.fav {font-size:26px; cursor:pointer; color:var(--muted); user-select:none; transition:.3s;}
.fav.active {color:var(--accent);}
.nav-arrows button {
  background:none; border:1px solid var(--border);
  padding:8px 14px; border-radius:8px; cursor:pointer; color:var(--text);
}
.nav-arrows button:hover {border-color:var(--accent); color:var(--accent);}

/* lightbox */
.lightbox {
  display:none; position:fixed; inset:0; background:rgba(0,0,0,.96);
  justify-content:center; align-items:center; z-index:9999;
  transition:opacity .3s ease;
}
.lightbox.active {display:flex;}
.lightbox img,.lightbox video {
  max-width:90%; max-height:90%; border-radius:12px;
}
.lightbox .nav {
  position:absolute; top:50%; transform:translateY(-50%);
  font-size:48px; color:#fff; cursor:pointer; user-select:none; padding:20px;
}
.lightbox .prev{left:20px;} .lightbox .next{right:20px;}
.lightbox .close{position:absolute; top:20px; right:30px; font-size:42px; cursor:pointer; color:#fff;}