/* YouTube videolar (ssuv.uz ranglari) */
.qk-yt-section { max-width: 1152px; margin: 40px auto; padding: 0 15px; }
.qk-yt-head { text-align: center; margin-bottom: 26px; }
.qk-yt-head h3 { color: #1b3a5e; font-weight: 700; margin: 0 0 6px; }
.qk-yt-head p { color: #5d6b7c; margin: 0; }
.qk-yt-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 22px; }
.qk-yt-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 18px rgba(20, 50, 90, .12); display: flex; flex-direction: column; }
.qk-yt-frame { position: relative; aspect-ratio: 16 / 9; background: #000; }
.qk-yt-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.qk-yt-play { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; cursor: pointer; background: #000; }
.qk-yt-play img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .92; transition: opacity .25s, transform .4s; }
.qk-yt-play:hover img { opacity: 1; transform: scale(1.04); }
.qk-yt-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 58px; height: 58px; border-radius: 50%; background: #4aa3f0; color: #fff; font-size: 22px; display: flex; align-items: center; justify-content: center; padding-left: 4px; box-shadow: 0 4px 14px rgba(0, 0, 0, .4); transition: transform .2s; }
.qk-yt-play:hover .qk-yt-btn { transform: translate(-50%, -50%) scale(1.12); }
.qk-yt-info { padding: 14px 16px 18px; }
.qk-yt-info small { color: #4aa3f0; font-weight: 600; }
.qk-yt-info h4 { margin: 4px 0 0; font-size: 16px; line-height: 1.35; color: #1b3a5e; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.qk-yt-more { text-align: center; margin-top: 26px; }
.qk-yt-more a { display: inline-block; padding: 11px 28px; border-radius: 30px; background: #1b3a5e; color: #fff; font-weight: 600; text-decoration: none; transition: background .2s; }
.qk-yt-more a:hover { background: #4aa3f0; }

/* Facebook bo'limi */
.qk-fb-section { max-width: 1152px; margin: 40px auto; padding: 0 15px; }
.qk-fb-wrap { display: flex; gap: 36px; align-items: center; justify-content: center; flex-wrap: wrap; background: #eaf0f8; border-radius: 16px; padding: 32px 28px; }
.qk-fb-side { flex: 1 1 280px; max-width: 420px; }
.qk-fb-side h3 { color: #1b3a5e; font-weight: 700; margin: 0 0 10px; }
.qk-fb-side p { color: #4a5a6e; margin: 0 0 20px; line-height: 1.5; }
.qk-fb-btn { display: inline-block; padding: 11px 26px; border-radius: 30px; background: #1b3a5e; color: #fff; font-weight: 600; text-decoration: none; transition: background .2s; }
.qk-fb-btn:hover { background: #1877f2; color: #fff; }
.qk-fb-box { flex: 0 1 500px; width: 100%; max-width: 500px; min-height: 120px; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 18px rgba(20, 50, 90, .12); }
.qk-fb-box iframe { display: block; width: 100%; max-width: 500px; border: 0; }