/* =====================================================================
   YoRadio — style podstrony projects/yoradio.html
   Wydzielone z style.css, aby nadpisanie globalnego arkusza
   (np. przy aktualizacji strony „Pliki do pobrania”) nie usuwało
   układu tej podstrony. Ładowane PO ../style.css.
   ===================================================================== */

/* ---- Nagłówek projektu ---- */
.yr-hero{padding:46px 0 36px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 20%,#06335f 0,transparent 38%),radial-gradient(circle at 12% 80%,#06213b 0,transparent 32%),linear-gradient(120deg,#03070c,#061522)}
.yr-hero-inner{max-width:1380px}
.yr-eyebrow{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:12px}.yr-eyebrow span{color:var(--blue);margin:0 6px}
.yr-hero h1{font-size:clamp(30px,5vw,52px);letter-spacing:1px;margin:0 0 14px;line-height:1.1}.yr-hero h1 span{color:var(--blue)}
.yr-hero p{max-width:760px;color:#c1d0dc;font-size:16px;line-height:1.65;margin:0 0 18px}
.yr-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.yr-tags span{padding:6px 11px;border:1px solid #07548b;border-radius:5px;background:#04101b;color:#37b4ff;font-size:12px;font-weight:700;letter-spacing:1px}
.yr-actions{display:flex;flex-wrap:wrap;gap:12px}

/* ---- Wspólne ---- */
.yr-lead{max-width:860px;margin:-8px auto 26px;text-align:center;color:var(--muted);font-size:15px;line-height:1.7}

/* ---- Podgląd 3D (iframe z modele3d/podglad3d.html) ----
   Wysokości dobrane pomiarem: cała przeglądarka 3D (okno + przyciski)
   mieści się w ramce bez wewnętrznego przewijania. */
.yr-viewer{max-width:1200px;margin:0 auto;border:1px solid #213140;border-radius:10px;overflow:hidden;background:#03070c;box-shadow:0 15px 45px #0008}
.yr-viewer iframe{display:block;width:100%;height:860px;border:0;background:#03070c}
.yr-note{text-align:center;color:var(--muted);font-size:13px;margin:14px 0 0}.yr-note a{color:#08a0ff}

/* ---- Pliki do pobrania 3MF ---- */
.yr-downloads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.yr-download-card{min-width:0;display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid #213140;border-radius:8px;background:linear-gradient(145deg,#0b1420,#070c12)}
.yr-file-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:8px;background:#082743;border:1px solid #07548b;color:#079cff;font-size:13px;font-weight:800;letter-spacing:1px}
.yr-file-copy{flex:1}.yr-file-copy h3{margin:0 0 6px;color:#0b9cff;font-size:17px}.yr-file-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.yr-download{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;background:linear-gradient(120deg,#078ff5,#075bd4);color:#fff;text-decoration:none;border-radius:6px;font-weight:700;font-size:14px}.yr-download:hover{filter:brightness(1.12)}
.yr-download-all{max-width:900px;margin:22px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #078be5;border-radius:8px;background:#04101b}
.yr-download-all strong{color:#39b5ff;font-size:16px}.yr-download-all p{margin:5px 0 0;color:var(--muted);font-size:13px}.yr-download-all .btn{white-space:nowrap}
.yr-download-stats{max-width:900px;margin:18px auto 0;padding:14px 18px;border:1px solid #213140;border-radius:8px;background:#070c12;color:#d7e2ec}
.yr-download-stats>strong{display:block;color:#0b9cff;margin-bottom:8px}
#yr-download-counts{display:flex;flex-wrap:wrap;gap:8px 18px;color:#9aa8b5;font-size:13px}
#yr-download-counts span{white-space:nowrap}

/* ---- Galeria zdjęć ---- */
.yr-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.yr-photo{position:relative;display:block;min-width:0;height:clamp(210px,22vw,300px);overflow:hidden;border:1px solid #213140;border-radius:8px;background:#02060b}
.yr-photo:first-child{grid-column:span 2}
.yr-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.yr-photo:hover img,.yr-photo:focus-visible img{transform:scale(1.04)}
.yr-photo span{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 11px;background:linear-gradient(transparent,#000c);color:#eef4f8;font-size:13px;font-weight:700}
.yr-photo:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* ---- Filmy ---- */
.yr-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1100px;margin:0 auto}
.yr-video-card{min-width:0;overflow:hidden;background:#070c12;border:1px solid #213140;border-radius:8px;box-shadow:0 12px 35px #0005}
.yr-video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#02060b}
.yr-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yr-video-caption{padding:16px 18px}
.yr-video-caption strong{display:block;color:#0b9cff;font-size:16px;margin-bottom:5px}
.yr-video-caption p{color:#9aa8b5;font-size:13px;margin:0;line-height:1.6}

/* ---- Podzespoły ---- */
.yr-parts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.yr-part-card{min-width:0;overflow:hidden;border:1px solid #24394b;border-radius:12px;background:linear-gradient(145deg,#0b1420,#070c12);box-shadow:0 8px 25px #0003;display:flex;flex-direction:column}
.yr-part-image{height:190px;background:#f3f6f9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.yr-part-image img{width:100%;height:100%;object-fit:contain;padding:10px;box-sizing:border-box}
.yr-part-image .yr-image-fallback{display:none;color:#1d3a53;text-align:center;font-weight:800;font-size:24px;line-height:1.3}
.yr-part-image.yr-image-missing .yr-image-fallback{display:block}
.yr-case-image img{object-fit:cover;padding:0}
.yr-part-body{padding:16px 18px 18px;position:relative;flex:1}
.yr-part-number{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#087cf0;color:#fff;font-weight:800;font-size:14px;margin-bottom:8px}
.yr-part-body h3{margin:0 0 10px;color:#f2f7fc;font-size:17px;line-height:1.35}
.yr-part-body ul{padding-left:19px;margin:0;color:#b6c4d1;font-size:13px;line-height:1.65}
.yr-power-flow{margin-top:22px;padding:22px;border:1px solid #24394b;border-radius:12px;background:#080f17}
.yr-power-flow h3{margin:0 0 16px;color:#f4f8fc}
.yr-power-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1.2fr;align-items:center;gap:12px}
.yr-power-steps div{padding:16px 12px;text-align:center;border-radius:9px;background:#10283d;border:1px solid #244a68;color:#f4f8fc}
.yr-power-steps strong,.yr-power-steps small{display:block}.yr-power-steps small{margin-top:5px;color:#80c9ff;font-size:12px}.yr-power-steps b{color:#159cff;font-size:24px}
.yr-power-flow p{margin:15px 0 0;color:#a9b8c6;font-size:13px;line-height:1.6}

/* ---- O projekcie ---- */
.yr-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.yr-info-card{min-width:0;padding:22px;border:1px solid #213140;border-radius:8px;background:linear-gradient(145deg,#0b1420,#070c12)}
.yr-info-card span{display:block;color:#37b4ff;font-size:12px;font-weight:700;letter-spacing:1.5px;margin-bottom:10px}
.yr-info-card h3{margin:0 0 8px;color:#f2f7fc;font-size:18px}.yr-info-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}

.yr-back{padding-top:10px;padding-bottom:50px;text-align:center}

/* ---- Responsywność ---- */
@media(max-width:1000px){.yr-downloads{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .yr-viewer iframe{height:1040px}
  .yr-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .yr-photo{height:clamp(190px,32vw,280px)}
  .yr-info-grid{grid-template-columns:1fr}
  .yr-parts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){.yr-video-grid{grid-template-columns:1fr}}
@media(max-width:700px){.yr-viewer iframe{height:1160px}}
@media(max-width:560px){
  .yr-hero{padding:32px 0 26px}
  .yr-actions{flex-direction:column}.yr-actions .btn{text-align:center}
  .yr-viewer iframe{height:1300px}
  .yr-downloads,.yr-gallery-grid,.yr-parts-grid{grid-template-columns:1fr}
  .yr-photo:first-child{grid-column:auto}
  .yr-photo{height:230px}
  .yr-download-all{flex-direction:column;align-items:stretch;text-align:center}
  .yr-part-image{height:210px}
  .yr-power-steps{grid-template-columns:1fr}.yr-power-steps b{transform:rotate(90deg);justify-self:center}
}