/* yatay kaydırıcılar */
.gscroll{position:relative}
.gscroll>.hscroll,.gscroll>.gal{scroll-snap-type:x mandatory;scroll-padding-inline:18px;overscroll-behavior-x:contain}
.gscroll>.chips,.gscroll>.tabs{scroll-snap-type:x proximity;scroll-padding-inline:18px}
.gscroll>.chips>*,.gscroll>.tabs>*,.gscroll>.gal>*{scroll-snap-align:start}
.gscroll>*:first-child{-webkit-overflow-scrolling:touch}
.gscroll>.dragging{scroll-snap-type:none!important;cursor:grabbing;user-select:none}
.gscroll>.dragging *{pointer-events:none}
/* kenar solması */
.gscroll.can-r>:first-child{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}
.gscroll.can-l>:first-child{-webkit-mask-image:linear-gradient(90deg,transparent,#000 56px);mask-image:linear-gradient(90deg,transparent,#000 56px)}
.gscroll.can-l.can-r>:first-child{-webkit-mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent)}
/* ok butonları */
.gs-btn{position:absolute;top:50%;z-index:6;width:42px;height:42px;margin-top:-25px;border-radius:50%;display:none;place-items:center;padding:0;cursor:pointer;
  color:var(--ink);background:color-mix(in srgb,var(--card) 82%,transparent);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);
  border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);box-shadow:0 6px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
  opacity:0;transform:scale(.85);pointer-events:none;transition:opacity .25s,transform .25s,background-color .2s,border-color .2s,color .2s}
.gs-btn svg{display:block}
.gs-l{left:-8px}.gs-l svg{transform:rotate(180deg)}
.gs-r{right:-8px}
.gs-btn:hover{background:var(--gold);color:#1a130a;border-color:var(--gold)}
.gs-btn:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
.gscroll-chips .gs-btn,.gscroll-tabs .gs-btn{width:32px;height:32px;margin-top:-16px}
.gscroll-chips .gs-btn{margin-top:-25px}
.gscroll-chips .gs-btn svg,.gscroll-tabs .gs-btn svg{width:14px;height:14px}
html[data-theme=light] .gs-btn{background:rgba(255,255,255,.92);color:#1d1a16;border-color:rgba(0,0,0,.12);box-shadow:0 6px 20px rgba(20,20,40,.14)}
html[data-theme=light] .gs-btn:hover{background:var(--gold);color:#fff;border-color:var(--gold)}
html[data-theme=dark] .gs-btn{border-color:color-mix(in srgb,var(--silver) 40%,transparent)}
html[data-theme=dark] .gs-btn:hover{background:linear-gradient(135deg,#E8CF9A,#C9A96E);color:#1a130a}
@media (hover:hover) and (pointer:fine),(min-width:900px){
  .gs-btn{display:grid}
  .gscroll.can-l>.gs-l,.gscroll.can-r>.gs-r{opacity:1;transform:none;pointer-events:auto}
  .gscroll>.hscroll,.gscroll>.gal,.gscroll>.chips{cursor:grab}
}
@media (prefers-reduced-motion:reduce){.gs-btn{transition:none}}