.genre-section{background:transparent;color:#fff;position:relative;overflow:hidden}.genre-section .section-header{text-align:center;margin-bottom:50px}.genre-section .genre-title{font-size:2.5rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#fff}.genre-section .title-underline{width:100px;height:4px;margin:15px auto 0;border-radius:3px;background:linear-gradient(90deg,#e50914,#ff0a16)}.genre-section .cards-container{position:relative;z-index:1}.genre-section .genre-card{background:#1a1a1a;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.25);transition:transform .25s ease,box-shadow .25s ease;cursor:pointer;position:relative}.genre-section .genre-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px rgba(0,0,0,0.4)}.genre-section .card-image-container{position:relative;overflow:hidden;border-top-left-radius:8px;border-top-right-radius:8px;z-index:1}.genre-section .card-img-top{width:100%;height:auto;object-fit:cover;display:block;transition:none}.genre-section .genre-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(10,10,10,0.95) 0,rgba(0,0,0,0.6) 50%,transparent 100%);display:flex;align-items:flex-end;justify-content:center;padding:20px;opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity .35s ease,transform .35s ease;z-index:5}.genre-section .genre-card:hover .genre-card-overlay{opacity:1;visibility:visible;transform:translateY(0)}.genre-section .overlay-content-inner{text-align:center;width:100%;z-index:6}.genre-section .overlay-title{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:15px;text-shadow:0 0 8px rgba(0,0,0,0.8)}.genre-section .overlay-buttons{display:flex;justify-content:center;gap:12px}.genre-section .overlay-btn{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,0.3);transition:all .25s ease}.genre-section .overlay-btn.trailer{background:rgba(0,123,255,0.85)}.genre-section .overlay-btn.watch{background:rgba(40,167,69,0.85)}.genre-section .overlay-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.4)}@media(min-width:1400px){.genre-section .col-xl-3{flex:0 0 20%;max-width:20%}}@media(max-width:1399.98px) and (min-width:1200px){.genre-section .col-lg-3{flex:0 0 25%;max-width:25%}}@media(max-width:1199.98px) and (min-width:992px){.genre-section .col-md-4{flex:0 0 33.3333%;max-width:33.3333%}}@media(max-width:991.98px) and (min-width:576px){.genre-section .col-sm-6{flex:0 0 50%;max-width:50%}}@media(max-width:575.98px){.genre-section .col-12{flex:0 0 100%;max-width:100%}.genre-section .genre-title{font-size:1.8rem}.genre-section .overlay-title{font-size:1rem}.genre-section .overlay-btn{width:36px;height:36px}}.section-divider{height:1px;width:80%;margin:40px auto;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,0.1) 20%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.1) 80%,transparent 100%);position:relative;overflow:visible}.section-divider::before{content:'';position:absolute;top:-2px;left:0;right:0;height:5px;background:linear-gradient(90deg,transparent 0,rgba(229,9,20,0.2) 20%,rgba(229,9,20,0.5) 50%,rgba(229,9,20,0.2) 80%,transparent 100%);filter:blur(3px);opacity:.7;transition:opacity .3s ease}.section-divider::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:40px;height:3px;background:linear-gradient(90deg,#e50914,#ff0a16);border-radius:3px;box-shadow:0 0 10px rgba(229,9,20,0.5);transition:width .3s ease,box-shadow .3s ease}.section-divider:hover::before{opacity:1}.section-divider:hover::after{width:60px;box-shadow:0 0 15px rgba(229,9,20,0.7)}@media(max-width:768px){.section-divider{width:90%;margin:30px auto}.section-divider::after{width:30px}.section-divider:hover::after{width:45px}}@media(max-width:576px){.section-divider{width:95%;margin:20px auto}.section-divider::after{width:25px}.section-divider:hover::after{width:35px}}