/* Examples - Tiny Carousel (BGRT 2026 PRO v7.0) */
#manset { height: auto; overflow: hidden; border-radius: 12px; background: #0f172a; }
/* ------------- manset_box SECTION -------------- */
#manset_box { text-align: left; width: 690px; overflow: hidden; margin-top: 6px; margin-bottom: 10px; }
#manset_box ul { margin: 0; padding: 0; }
#manset_box-inner { position: relative; text-align: left; width: auto; margin: 0 auto; }
#manset .viewport { width: 690px; height: 350px; float: left; overflow: hidden; position: relative; background: #0f172a; }
#manset .pager { overflow: hidden; list-style: none; clear: both; margin: 0; padding: 6px 8px; display: flex; align-items: center; justify-content: space-between; gap: 3px; width: 100%; box-sizing: border-box; background: #0f172a; border-top: 1px solid rgba(255,255,255,0.1); }
#manset .pager li { flex: 1 1 0; min-width: 0; float: none; margin: 0; padding: 0; }
#manset .pager a { background: rgba(255,255,255,0.08); text-align: center; display: flex; align-items: center; justify-content: center; height: 28px; width: 100%; min-width: 0; font-size: 12px; font-weight: 700; color: #e2e8f0; text-decoration: none; padding: 0; margin: 0; border: none; border-radius: 6px; text-shadow: none; box-sizing: border-box; transition: all 0.15s ease; }
#manset .pager .active, #manset .pager a:hover { color: #fff; background: #dc2626; height: 28px; width: 100%; padding: 0; text-shadow: none; margin: 0; }
#manset .disable { visibility: hidden; }
#manset .overview { list-style: none; position: absolute; width: 690px; left: 0; top: 0; overflow: hidden; }
#manset .overview li { float: left; padding: 0px; height: 350px; width: 690px; border: none; margin: 0 20px 0 0; text-align: left; position: relative; overflow: hidden; }
#manset .overview li img { width: 690px; height: 350px; object-fit: cover; display: block; }
#manset .baslik { position: absolute; bottom: 0; left: 0; right: 0; top: auto; width: 100%; height: auto; margin: 0; padding: 32px 20px 16px 20px; box-sizing: border-box; text-align: left; display: block; background: linear-gradient(to top, rgba(15,23,42,0.96) 0%, rgba(15,23,42,0.78) 65%, rgba(15,23,42,0) 100%); font-size: 21px; font-weight: 800; color: #FFF; overflow: hidden; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.65); line-height: 1.3; z-index: 4; }
#manset .baslik:hover { text-decoration: none; color: #fecaca; }
#manset .kategoriadi { height: auto; width: auto; position: absolute; top: 14px; left: 14px; margin: 0; text-align: left; display: inline-block; font-size: 11.5px; font-weight: 800; color: #FFF; padding: 5px 12px; background: #dc2626; border-radius: 6px; z-index: 5; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 2px 8px rgba(220,38,38,0.4); }