/* DRR DAMSON — TEMATY CLEAN FIX 27.05
   Cel: /tematy/ ma wyglądać jak reszta strony, bez osobnego dziwnego paska,
   bez sticky headera zasłaniającego karty i bez dużych linków przykrywających treść kart.
*/
body.drr-topic-page.drr-topic-clean-2705{
  background:
    radial-gradient(circle at 14% 0%, rgba(87,244,216,.09), transparent 34%),
    radial-gradient(circle at 90% 12%, rgba(215,176,93,.08), transparent 30%),
    #061112 !important;
  color:#eafff8;
}

body.drr-topic-page .drr-topic-header{display:none !important;}
body.drr-topic-page .top-bar,
body.drr-topic-page .site-header-v2,
body.drr-topic-page .main-nav-v2{width:100%;}
body.drr-topic-page .main-nav-v2{position:relative;z-index:20;}
body.drr-topic-page .site-header-v2{position:relative;z-index:22;}
body.drr-topic-page .drr-topic-wrap{
  max-width:1180px !important;
  width:min(1180px, calc(100% - 32px)) !important;
  margin:0 auto !important;
  padding:clamp(24px,4vw,54px) 0 !important;
}
body.drr-topic-page .drr-topic-hero{
  position:relative;
  overflow:hidden !important;
  padding:clamp(28px,5vw,62px) !important;
  border-radius:clamp(24px,4vw,38px) !important;
  border:1px solid rgba(87,244,216,.18) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(87,244,216,.18), transparent 34%),
    radial-gradient(circle at 90% 18%, rgba(215,176,93,.14), transparent 33%),
    linear-gradient(145deg, rgba(8,31,31,.96), rgba(4,10,11,.98)) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
body.drr-topic-page .drr-topic-hero::after{
  content:"";position:absolute;inset:auto -70px -100px auto;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle, rgba(87,244,216,.13), transparent 64%);pointer-events:none;
}
body.drr-topic-page .drr-topic-hero h1{
  color:#fff !important;
  max-width:920px;
  margin:0 0 16px !important;
  font-size:clamp(2.2rem, 5vw, 4.7rem) !important;
  line-height:.96 !important;
  letter-spacing:-.045em;
}
body.drr-topic-page .drr-topic-hero p{
  max-width:860px;
  color:rgba(234,255,248,.84) !important;
  line-height:1.65 !important;
  font-size:clamp(1rem, 2vw, 1.18rem) !important;
}
body.drr-topic-page .drr-seo-kicker{
  color:#f0c36a !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  font-size:.78rem !important;
}
body.drr-topic-page .drr-topic-intro-polish,
body.drr-topic-page .drr-topic-cta{
  width:100% !important;
  max-width:none !important;
  margin:24px 0 !important;
  border-radius:24px !important;
  background:linear-gradient(145deg, rgba(12,31,29,.90), rgba(4,10,10,.94)) !important;
  border:1px solid rgba(87,244,216,.15) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.25) !important;
}
body.drr-topic-page .drr-topic-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap:18px !important;
  margin:28px 0 !important;
  overflow:visible !important;
}
body.drr-topic-page .drr-topic-card{
  position:relative !important;
  min-height:0 !important;
  overflow:hidden !important;
  padding:22px 22px 20px !important;
  border-radius:24px !important;
  border:1px solid rgba(87,244,216,.14) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.025)),
    rgba(6,18,19,.78) !important;
  box-shadow:0 20px 58px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035) !important;
  transition:transform .18s ease, border-color .18s ease, background .18s ease !important;
}
body.drr-topic-page .drr-topic-card:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(87,244,216,.34) !important;
  background:linear-gradient(145deg, rgba(87,244,216,.075), rgba(255,255,255,.028)), rgba(6,18,19,.86) !important;
}
body.drr-topic-page .drr-topic-card h2,
body.drr-topic-page .drr-topic-card h3{
  margin:0 0 10px !important;
  font-size:1.08rem !important;
  line-height:1.24 !important;
  color:#bfffee !important;
}
body.drr-topic-page .drr-topic-card h2 a,
body.drr-topic-page .drr-topic-card h3 a,
body.drr-topic-page .drr-topic-grid .drr-topic-card a{
  display:inline !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#bfffee !important;
  text-decoration:none !important;
  font-weight:900 !important;
}
body.drr-topic-page .drr-topic-card h2 a::after,
body.drr-topic-page .drr-topic-card h3 a::after,
body.drr-topic-page .drr-topic-grid .drr-topic-card a::after{content:none !important;}
body.drr-topic-page .drr-topic-card h2 a:hover,
body.drr-topic-page .drr-topic-card h3 a:hover{color:#f0c36a !important;text-decoration:none !important;}
body.drr-topic-page .drr-topic-card p{
  color:rgba(234,255,248,.76) !important;
  line-height:1.66 !important;
  font-size:.98rem !important;
  margin:0 !important;
}
body.drr-topic-page .drr-topic-cta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  padding:22px !important;
}
body.drr-topic-page .drr-topic-cta p{margin:0 !important;color:#fff !important;font-weight:800 !important;}
body.drr-topic-page .drr-topic-cta a{
  flex:0 0 auto;
  display:inline-flex !important;align-items:center;justify-content:center;
  min-height:44px;padding:12px 18px !important;border-radius:999px !important;
  background:#57f4d8 !important;color:#061112 !important;font-weight:950 !important;text-decoration:none !important;
}
body.drr-topic-page .drr-topic-footer{
  background:linear-gradient(180deg,rgba(7,17,17,.98),#040707) !important;
  border-top:1px solid rgba(87,244,216,.14) !important;
}

@media (max-width: 768px){
  body.drr-topic-page .drr-topic-wrap{width:calc(100% - 24px) !important;padding:22px 0 38px !important;}
  body.drr-topic-page .drr-topic-hero{padding:28px 18px !important;border-radius:24px !important;}
  body.drr-topic-page .drr-topic-hero h1{font-size:clamp(2rem, 10vw, 3.2rem) !important;line-height:1.02 !important;}
  body.drr-topic-page .drr-topic-grid{grid-template-columns:1fr !important;gap:14px !important;}
  body.drr-topic-page .drr-topic-card{padding:18px 17px !important;border-radius:20px !important;}
  body.drr-topic-page .drr-topic-cta{display:block !important;padding:18px !important;}
  body.drr-topic-page .drr-topic-cta a{width:100%;margin-top:14px;}
  body.drr-topic-page .drr-footer-topic-link{display:none !important;}
}
