/* skin/css/download.css */

.top-info { padding: 25px; }
.ti-flex { display: flex; align-items: center; margin-bottom: 20px; }
.ti-icon { width: 88px; min-width: 88px; height: 88px; border-radius: 26px; margin-right: 20px; box-shadow: 5px 5px 10px rgba(166,180,200,0.3); }
.ti-txt h1 { font-size: 22px; font-weight: 900; margin-bottom: 5px; }
.ti-txt p { font-size: 13px; color: #a0aec0; margin-bottom: 10px; }
.ti-tags span { background: #f0f4f8; padding: 3px 10px; border-radius: 12px; font-size: 11px; margin-right: 5px; color: #4a5568; }

.btn-clay.wide { width: 100%; font-size: 16px; padding: 12px 0; border-radius: 25px; display: block; text-align: center; }

.screenshot-swiper { overflow: hidden; }
.swiper-slide { width: auto; height: auto; border-radius: 20px; overflow: hidden; box-shadow: 5px 5px 15px rgba(166,180,200,0.2); }
.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-size: 14px; line-height: 1.7; color: #4a5568; }
.intro-txt h3 { font-size: 16px; color: var(--clay-primary); margin: 20px 0 10px; font-weight: 800; }
.intro-txt h4 { font-size: 14px; font-weight: 800; margin: 15px 0 5px; }