:root { --brand: var(--brand-gold, #d0aa52); }
/* No body/header/footer overrides here. Global theme controls them. */

/* Page hero */
#instrument-list .page-hero{ width:92%; max-width:1200px; margin:18px auto; text-align:left; }
#instrument-list .page-hero h1{ margin:0 0 6px; }
#instrument-list .page-hero .tagline{ margin:0; opacity:.85; }

/* Section wrapper */
#instrument-list .carousel-section{
  width:92%; max-width:1200px; margin:0 auto 26px;
  background:#0b0b0b; border-radius:16px; box-shadow:0 8px 24px rgba(0,0,0,.3);
  padding:14px 10px 18px;
}
#instrument-list h2{ margin:4px 0 10px; color:var(--brand); font-weight:800; }

/* Carousel */
#instrument-list .carousel{ position:relative; }
#instrument-list .viewport{ overflow-x:hidden; overflow-y:hidden; padding:0 34px; }
#instrument-list .track{
  --cell-basis:28%;
  display:flex; gap:18px; align-items:stretch;
  overflow-x:auto; overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity; scroll-behavior:smooth;
  padding:6px 6px 2px; touch-action:pan-x;
  scrollbar-width:none;
}
#instrument-list .track::-webkit-scrollbar{ display:none; }

#instrument-list .cell{ flex:0 0 var(--cell-basis); scroll-snap-align:center; }
#instrument-list .video-frame{ position:relative; width:100%; aspect-ratio:16/9; background:#000; border-radius:16px; overflow:hidden; }
#instrument-list .video-wrapper{ position:relative; width:100%; height:100%; cursor:pointer; }
#instrument-list .overlay-icon{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; font-size:44px; filter:drop-shadow(0 2px 6px rgba(0,0,0,.6)); user-select:none; pointer-events:none; }
#instrument-list .caption{ margin:8px 0 0; text-align:center; opacity:.9; }

/* Arrows */
#instrument-list .cbtn{
  position:absolute; top:50%; transform:translateY(-50%);
  background:transparent; border:none; color:var(--brand);
  font-size:30px; line-height:1; padding:6px 10px; cursor:pointer;
}
#instrument-list .cbtn.prev{ left:6px; }
#instrument-list .cbtn.next{ right:6px; }

/* Responsive */
@media (max-width:1100px){ #instrument-list .track{ --cell-basis:38%; } }
@media (max-width:800px){  #instrument-list .track{ --cell-basis:62%; } }
@media (max-width:600px){
  #instrument-list .track{ --cell-basis:86%; gap:14px; }
  #instrument-list .overlay-icon{ font-size:38px; }
  #instrument-list .cbtn{ font-size:26px; }
}