/* skin/css/download.css */

.detail-info { padding: 20px; }
.di-flex { display: flex; align-items: center; margin-bottom: 20px; }
.di-icon { width: 80px; min-width: 80px; height: 80px; border: 3px solid #000; margin-right: 15px; }
.di-txt h1 { font-size: 20px; font-weight: 900; margin-bottom: 5px; }
.di-txt p { font-size: 13px; font-weight: bold; color: #555; margin-bottom: 8px; }
.di-tags span { background: #000; color: #fff; padding: 2px 6px; font-size: 10px; margin-right: 5px; }

.btn-giant {
    width: 100%; background: var(--brut-pink); color: #fff;
    border: 3px solid #000; padding: 12px; font-size: 16px; font-weight: 900;
    box-shadow: 4px 4px 0 #000; cursor: pointer;
}
.btn-giant:active { transform: translate(2px, 2px); box-shadow: 0 0 0 #000; }

.screenshot-swiper { overflow: hidden; }
.swiper-slide { width: auto; height: auto; border: 3px solid #000; }
.video-slide video, .swiper-slide img { width: auto; height: auto; max-width: 600px; max-height: 560px; object-fit: cover; }
.video-slide video { background: #000; }

.intro-txt { padding: 20px; font-weight: 500; }
.intro-txt h3 { background: var(--brut-yellow); display: inline-block; border: 2px solid #000; padding: 2px 6px; font-weight: 900; margin: 20px 0 10px; font-size: 14px; }