.project-details-section,.projects-section{padding:40px 0;background:linear-gradient(135deg,#141414 0,#000 100%);color:#e0e0e0}.container-fluid{max-width:90%;margin:0 auto;padding:0 15px}.header-info{text-align:center;margin-bottom:40px}.hda-title{font-size:2.5rem;color:#fff;font-weight:700;text-transform:uppercase;margin-bottom:10px}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:30px;width:100%;box-sizing:border-box}.config-section{background:#222;padding:15px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.3);transition:transform .3s ease}.config-section:hover{transform:translateY(-5px)}.section-title{font-size:1.6rem;color:#e50914;font-weight:600;margin-bottom:10px}.form-group{margin-bottom:12px}.form-label{display:block;font-size:.95rem;color:#b3b3b3;margin-bottom:5px;font-weight:500}.detail-text{display:block;padding:5px;background:#2a2a2a;border-radius:5px;color:#e0e0e0}.table-container{overflow-x:auto}.projects-table{width:100%;border-collapse:collapse;background:#222}.projects-table td,.projects-table th{padding:10px;text-align:left;border-bottom:1px solid #333}.projects-table th{background:#221f1f;color:#e50914;font-weight:600}.projects-table td{color:#e0e0e0}.project-link{color:#e50914;text-decoration:none;transition:color .3s ease}.project-link:hover{color:#ff4d4d;text-decoration:underline}.image-gallery{display:flex;gap:10px}.thumbnail-img{width:150px;height:100px;object-fit:cover;border-radius:4px}.thumbnail-img-small{width:100px;height:75px;object-fit:cover;border-radius:4px;margin-left:10px}.attraction-item,.show-item{margin-bottom:10px;padding:8px;background:#2a2a2a;border-radius:4px;display:flex;align-items:center}.list-container{max-height:200px;overflow-y:auto;margin-top:10px}.action-btn{display:inline-block;padding:8px 12px;background:#e50914;color:#fff;text-align:center;border:none;border-radius:5px;font-weight:600;transition:background .3s ease,transform .2s ease;cursor:pointer}.action-btn:hover{background:#ff4d4d;transform:translateY(-2px)}.save-btn{display:block;width:100%;max-width:200px;margin:20px auto;padding:10px;background:#e50914;color:#fff;border:none;border-radius:5px;font-weight:600;transition:background .3s ease,transform .2s ease}.save-btn:hover{background:#ff4d4d;transform:translateY(-2px)}@media (max-width:767.98px){.hda-title{font-size:2rem}.section-title{font-size:1.4rem}.projects-table td,.projects-table th{font-size:.9rem;padding:8px}.config-grid{grid-template-columns:1fr}.thumbnail-img{width:120px;height:80px}.thumbnail-img-small{width:80px;height:60px}}@media (max-width:576px){.hda-title{font-size:1.5rem}.section-title{font-size:1.2rem}.projects-table td,.projects-table th{font-size:.8rem;padding:6px}.save-btn{max-width:180px}.thumbnail-img{width:100px;height:70px}.thumbnail-img-small{width:70px;height:50px}}.image-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;z-index:1000}.overlay-image{max-width:90%;max-height:90%;object-fit:contain;border-radius:5px}
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 8px;
}