/* =========================================================
   rawinput.pl - strony tresciowe i wpisy
   Jedna typografia dla O nas, Kontaktu, Regulaminu, Zwrotow,
   Aktualnosci i wynikow wyszukiwania. Dzieki temu naglowki
   wygladaja tak samo wszedzie, takze obok sklepu.
   1 naglowek strony | 2 okruszki | 3 typografia | 4 wpis
   5 autor | 6 listy wpisow | 7 puste stany | 8 RWD
   ========================================================= */

/* ---------- 1. naglowek strony ---------- */
.ri-strona,.ri-wpis{padding:0 0 80px}
.ri-strona-head,.ri-wpis-head{
  padding:52px 0 34px;
  margin-bottom:40px;
  border-bottom:1px solid var(--line-soft);
}
.ri-strona-head h1,.ri-wpis-head h1{
  margin:0;
  color:var(--t1);
  font-size:clamp(28px,4.4vw,42px);
  font-weight:600;
  letter-spacing:-.015em;
  line-height:1.12;
}
.ri-strona-opis{margin:16px 0 0;max-width:70ch;color:var(--t3);font-size:16px}
.ri-strona-opis p:last-child{margin-bottom:0}

/* ---------- 2. okruszki ---------- */
.ri-okruszki{
  display:flex;align-items:center;flex-wrap:wrap;gap:7px;
  margin-bottom:18px;
  font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--t3);
}
.ri-okruszki a{color:var(--t3)}
.ri-okruszki a:hover{color:var(--cyan)}
.ri-okruszki i{font-style:normal;opacity:.4}
.ri-okruszki span[aria-current]{color:var(--t2)}

/* ---------- 3. typografia tresci ---------- */
.ri-tresc{max-width:78ch;color:var(--t2);font-size:16.5px;line-height:1.75}
.ri-tresc--waska{max-width:72ch}
.ri-tresc > *:first-child{margin-top:0}
.ri-tresc p{margin:0 0 1.25em}
.ri-tresc h2{
  margin:48px 0 18px;
  color:var(--t1);font-size:26px;font-weight:600;letter-spacing:-.01em;line-height:1.2;
  padding-bottom:12px;border-bottom:1px solid var(--line-soft);
}
.ri-tresc h3{margin:34px 0 12px;color:var(--t1);font-size:19px;font-weight:600;line-height:1.3}
.ri-tresc h4{margin:26px 0 10px;color:var(--t2);font-size:16px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.ri-tresc strong,.ri-tresc b{color:var(--t1);font-weight:600}
.ri-tresc a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ri-tresc a:hover{color:#fff}
.ri-tresc ul,.ri-tresc ol{margin:0 0 1.25em;padding-left:22px}
.ri-tresc li{margin-bottom:9px}
.ri-tresc li::marker{color:var(--cyan)}
.ri-tresc img{border-radius:10px;margin:12px 0}
.ri-tresc figure{margin:28px 0}
.ri-tresc figcaption{margin-top:10px;font-size:13px;color:var(--t3)}
.ri-tresc blockquote{
  margin:28px 0;padding:18px 22px;
  border-left:3px solid var(--cyan);
  background:rgba(255,255,255,.03);border-radius:0 8px 8px 0;
  color:var(--t2);font-size:17px;
}
.ri-tresc blockquote p:last-child{margin-bottom:0}
.ri-tresc hr{margin:40px 0;border:0;border-top:1px solid var(--line-soft)}
.ri-tresc code{
  padding:2px 6px;border-radius:4px;
  background:rgba(255,255,255,.06);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;
}
.ri-tresc table{
  width:100%;margin:24px 0;border-collapse:collapse;
  border:1px solid var(--line);border-radius:8px;overflow:hidden;
  font-size:15px;
}
.ri-tresc th,.ri-tresc td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line-soft)}
.ri-tresc th{background:rgba(255,255,255,.04);color:var(--t1);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.ri-tresc tr:last-child td{border-bottom:0}

/* ---------- 4. wpis ---------- */
.ri-wpis-meta{
  display:flex;align-items:center;flex-wrap:wrap;gap:14px;
  margin-bottom:18px;
  font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:var(--t3);
}
.ri-wpis-kat{
  padding:5px 11px;border-radius:100px;
  border:1px solid rgba(0,221,255,.35);background:rgba(0,221,255,.07);
  color:var(--cyan);
}
.ri-wpis-kat:hover{background:rgba(0,221,255,.16);color:#fff}
.ri-wpis-lead{margin:20px 0 0;max-width:66ch;color:var(--t2);font-size:19px;line-height:1.6}
.ri-wpis-foto{margin:0 0 44px;border-radius:14px;overflow:hidden;border:1px solid var(--line-soft)}
.ri-wpis-foto img{display:block;width:100%;height:auto}

/* ---------- 5. stopka autora ---------- */
.ri-autor{
  display:flex;gap:22px;align-items:flex-start;
  max-width:78ch;margin:56px 0 0;padding:26px;
  border:1px solid var(--line);border-radius:12px;
  background:rgba(255,255,255,.02);
}
.ri-autor-foto{flex:0 0 auto}
.ri-autor-img,.ri-autor-foto img{width:64px;height:64px;border-radius:50%;display:block;border:1px solid var(--line)}
.ri-autor-kicker{
  display:block;margin-bottom:4px;
  font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--t3);
}
.ri-autor-txt b{display:block;color:var(--t1);font-size:17px;font-weight:600}
.ri-autor-txt p{margin:8px 0 0;color:var(--t3);font-size:14.5px;line-height:1.65}
.ri-autor-linki{display:flex;gap:16px;margin-top:14px}
.ri-autor-linki a{
  font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);
}
.ri-autor-linki a:hover{color:#fff}

/* ---------- 6. listy wpisow ---------- */
.ri-powiazane{margin-top:70px;padding-top:44px;border-top:1px solid var(--line-soft)}
.ri-posty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ri-post{
  display:flex;flex-direction:column;
  border:1px solid var(--line-soft);border-radius:12px;overflow:hidden;
  background:#0d0d0d;
  transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);
}
.ri-post:hover{
  border-color:rgba(0,221,255,.45);
  transform:translateY(-3px);
  box-shadow:0 14px 34px rgba(0,0,0,.6);
}
.ri-post-media{
  display:block;aspect-ratio:16/9;overflow:hidden;
  background:linear-gradient(180deg,#141414,#080808);
}
.ri-post-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}
.ri-post:hover .ri-post-media img{transform:scale(1.05)}
.ri-post-brak{
  display:flex;align-items:center;justify-content:center;height:100%;
  color:var(--t3);font-size:13px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;
}
.ri-post-body{display:flex;flex-direction:column;flex:1;padding:20px}
.ri-post-meta{
  display:flex;gap:12px;flex-wrap:wrap;margin-bottom:11px;
  font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);
}
.ri-post-body h2{margin:0 0 10px;font-size:18px;font-weight:600;line-height:1.3;color:var(--t1)}
.ri-post-body h2 a:hover{color:var(--cyan)}
.ri-post-body p{margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--t3)}
.ri-post-go{
  margin-top:auto;
  font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);
}
.ri-post-go em{font-style:normal;display:inline-block;transition:transform .25s var(--ease)}
.ri-post:hover .ri-post-go em{transform:translateX(5px)}

/* stronicowanie */
.ri-strona .page-numbers{list-style:none;display:flex;gap:8px;flex-wrap:wrap;margin:44px 0 0;padding:0;justify-content:center}
.ri-strona .page-numbers li{margin:0}
.ri-strona .page-numbers a,.ri-strona .page-numbers span{
  display:flex;align-items:center;justify-content:center;
  min-width:42px;height:42px;padding:0 14px;border-radius:8px;
  border:1px solid var(--line);color:var(--t2);
  font-size:13px;font-weight:700;
}
.ri-strona .page-numbers a:hover{border-color:var(--cyan);color:var(--cyan)}
.ri-strona .page-numbers .current{background:var(--cyan);border-color:var(--cyan);color:#04141a}

/* ---------- 7. puste stany ---------- */
.ri-pusto{max-width:560px;margin:60px auto;text-align:center}
.ri-pusto h1,.ri-pusto h2{margin:0 0 14px;color:var(--t1);font-size:clamp(24px,4vw,34px);font-weight:600}
.ri-pusto p{margin:0;color:var(--t3);font-size:16px}
.ri-pusto-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.ri-pusto--404{margin:90px auto}
.ri-pusto-kod{
  display:block;margin-bottom:12px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:clamp(64px,14vw,120px);font-weight:800;line-height:1;
  color:transparent;-webkit-text-stroke:1px rgba(0,221,255,.5);
}

/* ---------- 8. RWD ---------- */
@media (max-width:1024px){
  .ri-posty{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .ri-posty{grid-template-columns:1fr}
  .ri-strona-head,.ri-wpis-head{padding:36px 0 26px;margin-bottom:30px}
  .ri-tresc{font-size:16px}
  .ri-tresc h2{font-size:22px;margin:36px 0 14px}
  .ri-autor{flex-direction:column;gap:16px;padding:20px}
}

/* ---------- 9. klocki stron tresciowych ----------
   Uzywane w tresci stron (O nas, Kontakt, Dostawa, Zwroty), zeby
   nie trzeba bylo wklejac <style> do edytora. */
.ri-tresc .ri-lead{
  font-size:19px;line-height:1.65;color:var(--t2);
  margin:0 0 32px;max-width:62ch;
}
.ri-tresc .ri-kolumny{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;
  margin:0 0 34px;
}
.ri-tresc .ri-info{
  display:flex;flex-direction:column;
  padding:22px;
  border:1px solid var(--line-soft);border-radius:12px;
  background:rgba(255,255,255,.022);
}
.ri-tresc .ri-info-kicker{
  margin:0 0 10px;
  font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--t3);
}
.ri-tresc .ri-info b,
.ri-tresc .ri-info strong{color:var(--t1);font-size:17px;font-weight:600;line-height:1.35}
.ri-tresc .ri-info a{color:var(--t1);text-decoration:none;font-size:17px;font-weight:600}
.ri-tresc .ri-info a:hover{color:var(--cyan)}
.ri-tresc .ri-info p{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--t3)}

/* ponumerowane kroki (zwroty, reklamacje) */
.ri-tresc ol.ri-kroki{counter-reset:krok;list-style:none;margin:0 0 32px;padding:0}
.ri-tresc ol.ri-kroki > li{
  position:relative;
  margin:0 0 14px;padding:18px 22px 18px 64px;
  border:1px solid var(--line-soft);border-radius:12px;
  background:rgba(255,255,255,.022);
  color:var(--t2);font-size:15px;line-height:1.65;
}
.ri-tresc ol.ri-kroki > li::before{
  counter-increment:krok;content:counter(krok);
  position:absolute;left:20px;top:18px;
  display:flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:50%;
  border:1px solid rgba(0,221,255,.4);background:rgba(0,221,255,.08);
  color:var(--cyan);font-size:12px;font-weight:800;
}
.ri-tresc ol.ri-kroki > li b{display:block;margin-bottom:4px;color:var(--t1);font-weight:600}

/* wyrozniona ramka z najwazniejsza informacja */
.ri-tresc .ri-uwaga{
  margin:0 0 32px;padding:20px 24px;
  border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:0 10px 10px 0;
  background:rgba(255,255,255,.03);
  color:var(--t2);font-size:15px;line-height:1.7;
}
.ri-tresc .ri-uwaga p:last-child{margin-bottom:0}
.ri-tresc .ri-uwaga b{color:var(--t1)}

/* adres do odsylki */
.ri-tresc .ri-adres{
  display:inline-block;margin:0 0 32px;padding:20px 26px;
  border:1px dashed var(--line);border-radius:10px;
  background:rgba(255,255,255,.02);
  color:var(--t1);font-size:16px;line-height:1.8;font-style:normal;
}
.ri-tresc .ri-adres b{display:block;font-weight:700}

/* formularz Ninja w naszej szacie */
.ri-tresc .nf-form-cont{margin:0 0 10px}
.ri-tresc .nf-field-label label{
  color:var(--t2) !important;
  font-size:12px !important;font-weight:700 !important;letter-spacing:.08em;text-transform:uppercase;
}
.ri-tresc .nf-form-content input:not([type=button]):not([type=submit]),
.ri-tresc .nf-form-content textarea,
.ri-tresc .nf-form-content select{
  background-color:#0f0f0f !important;
  border:1px solid var(--line) !important;
  border-radius:6px !important;
  color:var(--t1) !important;
  font-family:inherit !important;
  font-size:15px !important;
  padding:13px 15px !important;
  box-shadow:none !important;
}
.ri-tresc .nf-form-content input:focus,
.ri-tresc .nf-form-content textarea:focus{border-color:var(--cyan) !important}
.ri-tresc .nf-form-content input[type=button],
.ri-tresc .nf-form-content button[type=submit],
.ri-tresc .nf-form-content .nf-field-element input[type=submit]{
  display:inline-flex !important;align-items:center;justify-content:center;
  width:auto !important;min-width:200px;
  padding:15px 30px !important;
  background-color:var(--cyan) !important;
  border:0 !important;border-radius:6px !important;
  color:#04141a !important;
  font-family:inherit !important;
  font-size:13px !important;font-weight:800 !important;letter-spacing:.12em;text-transform:uppercase;
  cursor:pointer;
  transition:filter .2s var(--ease);
}
.ri-tresc .nf-form-content input[type=button]:hover{filter:brightness(1.08)}
.ri-tresc .nf-error-msg,.ri-tresc .ninja-forms-req-symbol{color:var(--red) !important}
.ri-tresc .nf-form-title h3{
  color:var(--t1);font-size:20px;font-weight:600;margin:0 0 18px;
}

/* ---------- 10. logotypy przewoznika i platnosci ---------- */
.ri-tresc .ri-logotypy{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  margin:0 0 26px;padding:16px 18px;
  border:1px solid var(--line-soft);border-radius:12px;
  background:rgba(255,255,255,.03);
}
.ri-tresc .ri-logotypy img{
  height:26px;width:auto;margin:0;border-radius:0;
  opacity:.95;
}
.ri-tresc .ri-logo-dpd{
  display:inline-flex;align-items:center;justify-content:center;
  height:30px;padding:0 14px;border-radius:5px;
  background:#dc0032;color:#fff;
  font-size:15px;font-weight:800;letter-spacing:.08em;
}
.ri-tresc .ri-logo-opis{color:var(--t3);font-size:14px}

/* ---------- kontakt: ikonka przy kazdym kaflu ----------
   Ikony rysujemy maska SVG, wiec dziedzicza kolor i skaluja sie bez
   dodatkowych plikow. Klasa modyfikujaca siedzi na kaflu w tresci strony. */
.ri-tresc .ri-info-kicker{display:flex;align-items:center;gap:10px}
.ri-tresc [class*="ri-info--"] .ri-info-kicker::before{
  content:'';flex:0 0 30px;width:30px;height:30px;
  border-radius:9px;border:1px solid var(--line-soft);
  background-color:rgba(0,221,255,.09);
  background-repeat:no-repeat;background-position:center;background-size:16px 16px;
}
.ri-tresc .ri-info--mail .ri-info-kicker::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300ddff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m2 7 10 6 10-6'/%3E%3C/svg%3E");
}
.ri-tresc .ri-info--tel .ri-info-kicker::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300ddff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2 4.2 2 2 0 0 1 4 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2Z'/%3E%3C/svg%3E");
}
.ri-tresc .ri-info--zwrot .ri-info-kicker::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300ddff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E");
}
.ri-tresc .ri-info--rek .ri-info-kicker::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300ddff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2 3 6v6c0 5 3.8 9.4 9 10 5.2-.6 9-5 9-10V6Z'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E");
}
.ri-tresc .ri-info--adres .ri-info-kicker::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300ddff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

/* na waskich ekranach kafle ida jeden pod drugim, ikona zostaje */
@media (max-width:560px){
  .ri-tresc .ri-kolumny{grid-template-columns:1fr;gap:14px}
  .ri-tresc .ri-info{padding:18px}
  .ri-tresc .ri-info a{font-size:16px;word-break:break-word}
}

/* ---------- strona z pytaniami ---------- */
.ri-faq-spis{
  display:flex;flex-wrap:wrap;gap:8px;
  margin:0 0 34px;padding:0 0 22px;border-bottom:1px solid var(--line-soft);
}
.ri-faq-spis a{
  padding:8px 14px;border:1px solid var(--line);border-radius:100px;
  color:var(--t2);font-size:12px;font-weight:700;letter-spacing:.04em;text-decoration:none;
  transition:border-color .18s var(--ease),color .18s var(--ease),background-color .18s var(--ease);
}
.ri-faq-spis a:hover{border-color:var(--cyan);color:#fff;background:rgba(0,221,255,.07)}

.ri-faq-dzial{margin:0 0 38px;scroll-margin-top:120px}
.ri-faq-dzial h2{margin:0 0 16px}

.ri-tresc .ri-faq details{
  margin:0 0 10px;padding:0;
  border:1px solid var(--line-soft);border-radius:12px;background:rgba(255,255,255,.02);
  overflow:hidden;
}
.ri-tresc .ri-faq details[open]{border-color:var(--line);background:rgba(255,255,255,.035)}
.ri-tresc .ri-faq summary{
  position:relative;list-style:none;cursor:pointer;
  padding:17px 52px 17px 20px;
  color:var(--t1);font-size:15.5px;font-weight:600;line-height:1.45;
}
.ri-tresc .ri-faq summary::-webkit-details-marker{display:none}
.ri-tresc .ri-faq summary::after{
  content:'';position:absolute;right:20px;top:50%;
  width:11px;height:11px;margin-top:-8px;
  border-right:2px solid var(--t3);border-bottom:2px solid var(--t3);
  transform:rotate(45deg);transition:transform .22s var(--ease),border-color .22s var(--ease);
}
.ri-tresc .ri-faq details[open] summary::after{transform:rotate(-135deg);margin-top:-3px;border-color:var(--cyan)}
.ri-tresc .ri-faq summary:hover{color:#fff}
.ri-tresc .ri-faq .ans{padding:0 20px 18px}
.ri-tresc .ri-faq .ans p{margin:0;color:var(--t2);font-size:14.5px;line-height:1.7}
.ri-tresc .ri-faq .ans strong{color:#fff;font-weight:600}
.ri-tresc .ri-faq .ans a{color:var(--cyan);text-decoration:underline;text-underline-offset:2px}

.ri-faq-koniec{
  margin:44px 0 0;padding:26px;
  border:1px solid var(--line);border-radius:14px;background:#0c0c0c;
}
.ri-faq-koniec h2{margin:0 0 8px;font-size:20px}
.ri-faq-koniec p{margin:0;color:var(--t2)}
.ri-faq-kontakt{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:18px !important;
}
.ri-faq-kontakt a:not(.ri-btn){color:var(--t2);font-size:14px;text-decoration:none}
.ri-faq-kontakt a:not(.ri-btn):hover{color:var(--cyan)}

/* odnosnik pod skrotem pytan na stronie glownej */
.ri-faq-wiecej{margin:16px 0 0;text-align:center}
.ri-faq-wiecej a{
  color:var(--t3);font-size:13px;text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:2px;
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.ri-faq-wiecej a:hover{color:var(--cyan);border-color:var(--cyan)}

@media (max-width:560px){
  .ri-faq-spis{gap:6px}
  .ri-faq-spis a{padding:7px 12px;font-size:11.5px}
  .ri-tresc .ri-faq summary{padding:15px 44px 15px 16px;font-size:14.5px}
  .ri-tresc .ri-faq .ans{padding:0 16px 16px}
  .ri-faq-koniec{padding:20px}
}

/* ---------- strona "dziekujemy" (kod QR z paczki) ---------- */
.ri-dziek-lead{
  margin:14px 0 0;max-width:60ch;
  color:var(--t2);font-size:17px;line-height:1.65;
}
.ri-dziek-sekcja{margin:0 0 38px}
.ri-dziek-sekcja h2{margin:0 0 14px}
.ri-dziek-lista{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.ri-dziek-lista li{
  position:relative;padding-left:26px;
  color:var(--t2);font-size:15px;line-height:1.65;
}
.ri-dziek-lista li::before{
  content:'';position:absolute;left:0;top:9px;
  width:7px;height:7px;border-radius:50%;background:var(--cyan);opacity:.8;
}
.ri-dziek-lista b{color:var(--t1);font-weight:600}
.ri-dziek-wiecej{margin:16px 0 0}
.ri-dziek-wiecej a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}

.ri-dziek-box{
  padding:26px;border:1px solid var(--line);border-radius:14px;background:#0c0c0c;
}
.ri-dziek-box h2{margin-top:0}
.ri-dziek-kontakt{
  display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:18px 0 0 !important;
}
.ri-dziek-kontakt a:not(.ri-btn){color:var(--t2);font-size:14.5px;text-decoration:none}
.ri-dziek-kontakt a:not(.ri-btn):hover{color:var(--cyan)}

.ri-dziek-opinia{
  padding-top:26px;border-top:1px solid var(--line-soft);
}
.ri-dziek-drobne{margin-top:12px !important;color:var(--t3);font-size:13.5px}

@media (max-width:560px){
  .ri-dziek-lead{font-size:16px}
  .ri-dziek-box{padding:20px}
  .ri-dziek-sekcja{margin-bottom:30px}
}