.result-item {
            overflow: hidden;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            background: #fff;
        }
        
        .result-img {
            height: 280px;
            width: 100%;
            object-fit: cover;
            cursor: pointer;
            display: block;
        }
        
        .result-item:hover {
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }
        
        .result-info {
            padding: 15px;
            text-align: center;
            background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
        }
        
        .result-name {
            color: #d4af37;
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 5px;
        }
        
        .result-detail {
            color: #ffffff;
            font-size: 14px;
            margin: 0;
        }
        
        .modal-content {
            background: #1a1a2e;
            border: 2px solid #d4af37;
        }
        
        #modalImage {
            max-height: 70vh;
            width: 100%;
            object-fit: contain;
        }
        
        #modalName {
            color: #d4af37;
            text-align: center;
            font-size: 18px;
            font-weight: 600;
            padding-top: 10px;
            margin-bottom: 5px;
        }
        
        #modalDetail {
            color: #ffffff;
            text-align: center;
            font-size: 14px;
        }
        
        .nav-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: #d4af37;
            color: #1a1a2e;
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            font-size: 16px;
            cursor: pointer;
            z-index: 10;
        }
        
        .nav-btn:hover {
            background: #c4a030;
        }
        
        .nav-btn.prev { left: 10px; }
        .nav-btn.next { right: 10px; }
        
        .image-counter {
            text-align: center;
            color: #d4af37;
            padding-top: 10px;
            font-size: 14px;
        }