/* Sekcja „Nasz kanal na YouTube" (lib/youtube.ts) — strona glowna, pod opiniami. Styl spojny z kartami ofert (promien 20 px, cien). */
.aria-yt { padding: 56px 0 24px; }
/* naglowek jak w kazdej sekcji motywu (style.min.css: `.ops h2:before` — zlota kreska 100×4 px, 20 px pod naglowkiem; operator 23.10: „styl pilnuj") */
.aria-yt__naglowek { display: flex; align-items: flex-start; gap: 22px; margin: 0 0 48px; }
.aria-yt__naglowek h2, .aria-dev__tytul { color: #000 !important; font-size: 40px !important; font-weight: 700; font-family: var(--wp--preset--font-family--merriweather, Merriweather, serif); }   /* zmierzone z .ops h2 motywu: #000, 40 px (28 px telefon), 700 */
.aria-yt__naglowek h2 { position: relative; margin: 0; padding: 0 0 4px; }
.aria-yt__naglowek h2::before { content: ""; position: absolute; left: 0; bottom: -20px; width: 100px; height: 4px; background-color: #d2c196; }
.aria-yt__wiecej { margin-left: auto; display: inline-flex; align-items: center; padding: 13px 26px; border: 1.5px solid #1e2d4a; border-radius: 999px;
  font-family: "Poppins", sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #1e2d4a !important; text-decoration: none !important;
  transition: background .2s ease, color .2s ease, transform .2s ease; white-space: nowrap; }
.aria-yt__wiecej:hover { background: #1e2d4a; color: #fff !important; transform: translateY(-1px); }
.aria-yt__siatka { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.aria-yt__film { display: flex; flex-direction: column; gap: 14px; color: inherit !important; text-decoration: none !important; }
.aria-yt__kadr { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 20px; background: #0f172a; box-shadow: 3px 6px 44px -29px rgba(66, 68, 90, .7); }
.aria-yt__kadr img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.aria-yt__film:hover .aria-yt__kadr img { transform: scale(1.04); }
.aria-yt__play { position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 50%; background: rgba(255, 255, 255, .92); box-shadow: 0 10px 30px rgba(0, 0, 0, .3); transition: transform .25s ease, background .25s ease; }
.aria-yt__play::after { content: ""; position: absolute; left: 26px; top: 20px; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #1e2d4a; }
.aria-yt__film:hover .aria-yt__play { transform: scale(1.08); background: #D2C196; }
.aria-yt__tytul { font-family: var(--wp--preset--font-family--merriweather, Merriweather, serif); font-size: 18px; line-height: 1.35; font-weight: 700; color: #1d1d1d; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.aria-yt__cta { font-family: "Poppins", sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #1e2d4a; }
.aria-yt__film:hover .aria-yt__cta { color: #4192D9; }
@media (max-width: 1024px) { .aria-yt__siatka { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } }
@media (max-width: 680px) { .aria-yt__naglowek h2, .aria-dev__tytul { font-size: 28px !important; } .aria-yt { padding: 36px 0 8px; } .aria-yt__siatka { grid-template-columns: 1fr; } .aria-yt__naglowek { flex-wrap: wrap; gap: 32px 12px; } .aria-yt__wiecej { margin-left: 0; } }

/* Sekcja „Wspolpracujemy z najlepszymi deweloperami" (lib/deweloperzy.ts): plynacy pasek nazw, pauza po najechaniu. */
.aria-dev { padding: 40px 0 56px; overflow: hidden; }
.aria-dev__tytul { position: relative; text-align: center; margin: 0 0 52px; }
.aria-dev__tytul::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -20px; width: 100px; height: 4px; background-color: #d2c196; }   /* jak .wspolpraca h2:before (wysrodkowana) */
.aria-dev__pasek { position: relative; overflow: hidden; padding: 18px 0; border-top: 1px solid rgba(30, 45, 74, .1); border-bottom: 1px solid rgba(30, 45, 74, .1);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.aria-dev__tor { display: inline-flex; align-items: center; gap: 44px; white-space: nowrap; will-change: transform; animation: aria-dev-plyn 60s linear infinite; }
.aria-dev__pasek:hover .aria-dev__tor { animation-play-state: paused; }
.aria-dev__nazwa { font-family: "Poppins", sans-serif; font-size: 20px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #1e2d4a; opacity: .78; transition: opacity .2s ease, color .2s ease; }
.aria-dev__nazwa:hover { opacity: 1; color: #4192D9; }
.aria-dev__kropka { width: 7px; height: 7px; border-radius: 50%; background: #D2C196; flex: 0 0 auto; }
@keyframes aria-dev-plyn { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .aria-dev__tor { animation: none; } }
@media (max-width: 680px) { .aria-dev { padding: 28px 0 36px; } .aria-dev__nazwa { font-size: 15px; } .aria-dev__tor { gap: 28px; animation-duration: 40s; } }