/* =========================================================
   MOBILNYBILANS FINAL THEME OVERRIDE v2000
   Wymuszone style: neon pink, karty wfirma.pl, tło 3D
   ========================================================= */

:root{
  --mb-pink:#ff4fd8;
  --mb-pink-2:#ff8bea;
  --mb-blue:#28c8ff;
  --mb-blue-2:#526dff;
  --mb-dark:#070b14;
}

html body{
  background:
    radial-gradient(circle at 18% 12%, rgba(255,79,216,.18), transparent 34rem),
    radial-gradient(circle at 82% 18%, rgba(40,200,255,.18), transparent 34rem),
    linear-gradient(180deg,#070b14,#0b1220) !important;
}

body > .mb-animated-bg{
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}

body > header,
body > main,
body section{
  position:relative !important;
  z-index:2 !important;
}

.mb-glow{
  position:absolute !important;
  display:block !important;
  border-radius:999px !important;
  filter:blur(90px) !important;
  opacity:.28 !important;
  animation:mbGlowMove 15s ease-in-out infinite !important;
}

.mb-glow-pink{
  width:360px !important;
  height:360px !important;
  left:5% !important;
  top:20% !important;
  background:var(--mb-pink) !important;
}

.mb-glow-blue{
  width:430px !important;
  height:430px !important;
  right:7% !important;
  bottom:10% !important;
  background:var(--mb-blue) !important;
  animation-delay:2s !important;
}

.mb-device{
  position:absolute !important;
  display:block !important;
  opacity:.20 !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.015)) !important;
  box-shadow:
    0 0 28px rgba(255,79,216,.18),
    0 0 34px rgba(40,200,255,.12),
    inset 0 0 18px rgba(255,255,255,.05) !important;
  backdrop-filter:blur(8px) !important;
  animation:mbDeviceFloat 16s ease-in-out infinite !important;
  transform-style:preserve-3d !important;
}

.mb-phone{
  width:58px !important;
  height:108px !important;
  border-radius:18px !important;
}

.mb-phone::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:8px !important;
  width:18px !important;
  height:3px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.28) !important;
  transform:translateX(-50%) !important;
}

.mb-laptop{
  width:120px !important;
  height:76px !important;
  border-radius:14px !important;
}

.mb-laptop::after{
  content:"" !important;
  position:absolute !important;
  left:8px !important;
  right:8px !important;
  bottom:-11px !important;
  height:8px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.12) !important;
}

.mb-d1{left:8% !important; top:58% !important;}
.mb-d2{right:9% !important; top:20% !important; animation-delay:2s !important;}
.mb-d3{left:43% !important; top:26% !important; animation-delay:4s !important;}
.mb-d4{right:28% !important; bottom:15% !important; animation-delay:6s !important;}

@keyframes mbDeviceFloat{
  0%{transform:translate3d(0,0,0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  50%{transform:translate3d(0,-28px,45px) rotateX(8deg) rotateY(-10deg) rotateZ(4deg);}
  100%{transform:translate3d(0,0,0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
}

@keyframes mbGlowMove{
  0%{transform:translate(0,0) scale(1);}
  50%{transform:translate(34px,-24px) scale(1.1);}
  100%{transform:translate(0,0) scale(1);}
}

/* Nagłówki i neonowy róż */
.section-label,
.eyebrow{
  color:var(--mb-pink-2) !important;
  text-shadow:0 0 14px rgba(255,79,216,.42) !important;
}

h1,h2,h3,
.hero h1,
.section h2,
.security h2,
.contact h2{
  text-shadow:
    0 0 8px rgba(40,200,255,.55),
    0 0 24px rgba(255,79,216,.18) !important;
}

/* wfirma.pl: wymuszenie kart i kolorów */
.wfirma-benefits .benefit-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  margin-top:34px !important;
}

.wfirma-benefits .benefit-grid article{
  display:block !important;
  padding:26px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:28px !important;
  background:
    linear-gradient(145deg, rgba(255,79,216,.075), rgba(40,200,255,.045)),
    rgba(255,255,255,.045) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.35),
    0 0 28px rgba(255,79,216,.10),
    inset 0 0 0 1px rgba(40,200,255,.06) !important;
}

.wfirma-benefits .benefit-grid article > span{
  display:inline-flex !important;
  width:36px !important;
  height:36px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  margin:0 0 15px 0 !important;
  background:linear-gradient(135deg,var(--mb-pink),var(--mb-blue)) !important;
  color:#fff !important;
  font-weight:900 !important;
  font-size:17px !important;
  box-shadow:
    0 0 18px rgba(255,79,216,.42),
    0 0 28px rgba(40,200,255,.25) !important;
}

.wfirma-benefits .benefit-grid article > strong{
  display:block !important;
  margin:0 0 10px 0 !important;
  font-size:22px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  color:var(--mb-pink-2) !important;
  background:linear-gradient(90deg,#ffffff 0%, var(--mb-pink-2) 42%, var(--mb-pink) 70%, var(--mb-blue) 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:none !important;
}

.wfirma-benefits .benefit-grid article > p{
  margin:0 !important;
  color:#d9e8ff !important;
  font-size:17px !important;
  line-height:1.75 !important;
  font-weight:400 !important;
}

/* Awaryjnie: gdyby klasy benefit-grid nie zadziałały po starym wdrożeniu */
#wfirma article strong{
  color:var(--mb-pink-2) !important;
  font-size:22px !important;
}

#wfirma article p{
  color:#d9e8ff !important;
}

/* Różowe akcenty */
.primary,
.btn.primary,
.nav-cta{
  box-shadow:
    0 16px 45px rgba(40,200,255,.22),
    0 0 32px rgba(255,79,216,.22) !important;
}

.price-card.highlighted,
.hero-card,
.step,
.price-card{
  box-shadow:
    0 24px 70px rgba(0,0,0,.45),
    0 0 26px rgba(255,79,216,.08),
    inset 0 0 0 1px rgba(40,200,255,.08) !important;
}

@media(max-width:980px){
  .wfirma-benefits .benefit-grid{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:760px){
  body > .mb-animated-bg{
    opacity:.55 !important;
  }
}


/* === Final requested updates: process labels + testimonials === */
.step > span{
  font-size: 20px !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
  color: #ff8bea !important;
  text-shadow: 0 0 14px rgba(255,79,216,.35) !important;
}
.testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:34px;
}
.testimonial-grid article{
  padding:26px;
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(145deg, rgba(255,79,216,.07), rgba(40,200,255,.04)), rgba(255,255,255,.045);
  box-shadow:0 24px 70px rgba(0,0,0,.35), 0 0 28px rgba(255,79,216,.10);
}
.testimonial-grid p{
  color:#d9e8ff;
  font-size:17px;
  line-height:1.75;
}
.testimonial-grid strong{
  display:block;
  margin-top:18px;
  color:#ff8bea;
}
.about-page-photo img{
  object-position:center center !important;
}
@media(max-width:980px){
  .testimonial-grid{grid-template-columns:1fr;}
}


/* === Public testimonial form === */
.notice-success{
  max-width: 980px;
  margin: 20px 0;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(40,200,255,.25);
  background: rgba(40,200,255,.08);
  color: #d9e8ff;
  box-shadow: 0 0 24px rgba(40,200,255,.12);
}

.testimonial-form{
  max-width: 760px;
  margin-top: 34px;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(255,79,216,.07), rgba(40,200,255,.04)), rgba(255,255,255,.045);
  box-shadow: 0 24px 70px rgba(0,0,0,.35), 0 0 28px rgba(255,79,216,.10);
}

.testimonial-form h3{
  margin-bottom: 18px;
  color: #ff8bea;
}

.testimonial-form label{
  display:block;
  margin: 14px 0 8px;
  color: #d9e8ff;
  font-weight: 800;
}

.testimonial-form input,
.testimonial-form textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:#0b1220;
  color:#eef6ff;
  padding:14px;
  font:inherit;
}

.testimonial-form textarea{
  min-height: 150px;
  resize: vertical;
}

.testimonial-form button{
  margin-top: 18px;
}


/* === Estetyczne opinie + gwiazdki === */
.testimonials .testimonial-grid{
  align-items: stretch;
}

.testimonial-grid article{
  min-height: 230px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative;
  overflow:hidden;
}

.testimonial-grid article::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top right, rgba(255,79,216,.13), transparent 16rem);
  pointer-events:none;
}

.testimonial-stars{
  position:relative;
  z-index:1;
  color:#ff8bea;
  font-size:20px;
  letter-spacing:3px;
  margin-bottom:14px;
  text-shadow:0 0 14px rgba(255,79,216,.45);
}

.testimonial-stars span{
  color:rgba(255,255,255,.18);
  text-shadow:none;
}

.testimonial-form{
  max-width: 920px;
  margin: 42px auto 0;
  padding: clamp(24px, 4vw, 38px);
  border-radius: 34px;
  border: 1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(circle at top left, rgba(255,79,216,.16), transparent 22rem),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  box-shadow:
    0 28px 90px rgba(0,0,0,.42),
    0 0 36px rgba(255,79,216,.12),
    inset 0 0 0 1px rgba(40,200,255,.06);
}

.testimonial-form-head{
  display:flex;
  gap:16px;
  align-items:flex-start;
  margin-bottom:24px;
}

.testimonial-form-head > span{
  width:48px;
  height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:linear-gradient(135deg,#ff4fd8,#28c8ff);
  color:white;
  font-size:24px;
  box-shadow:0 0 24px rgba(255,79,216,.35);
}

.testimonial-form-head h3{
  margin:0;
  font-size:28px;
  color:#fff;
}

.testimonial-form-head p{
  margin:6px 0 0;
  color:#9eb0c7;
}

.form-grid{
  display:grid;
  grid-template-columns:1fr 260px;
  gap:18px;
}

.rating-input{
  direction: rtl;
  display:flex;
  justify-content:flex-end;
  gap:4px;
  min-height:52px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:#0b1220;
}

.rating-input input{
  display:none;
}

.rating-input label{
  margin:0;
  cursor:pointer;
  font-size:30px;
  color:rgba(255,255,255,.22);
  transition:.18s ease;
  line-height:1;
}

.rating-input label:hover,
.rating-input label:hover ~ label,
.rating-input input:checked ~ label{
  color:#ff8bea;
  text-shadow:0 0 14px rgba(255,79,216,.55);
}

@media(max-width:760px){
  .form-grid{
    grid-template-columns:1fr;
  }
  .rating-input{
    justify-content:flex-end;
  }
}


/* === Opinie jak w przykładzie: jasne kafelki i formularz === */
.clean-reviews{
  max-width: 1180px;
  margin: 0 auto;
}

.clean-reviews h2{
  font-size: clamp(34px, 4vw, 56px) !important;
  margin-bottom: 12px !important;
}

.clean-review-grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
  margin-top: 34px !important;
}

.clean-review-card{
  min-height: 190px !important;
  padding: 30px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  background: #f4f4f6 !important;
  color: #101722 !important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.34),
    0 0 24px rgba(40,200,255,.08) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.clean-review-card::before{
  display: none !important;
}

.clean-stars{
  color: #ff9900 !important;
  font-size: 22px !important;
  letter-spacing: 3px !important;
  margin-bottom: 18px !important;
  text-shadow: none !important;
}

.clean-stars span{
  color: #cfd3da !important;
}

.clean-review-card p{
  color: #182131 !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
  margin: 0 0 26px !important;
}

.clean-review-card strong{
  color: #111827 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  margin-top: auto !important;
}

.clean-form-wrap{
  margin-top: 42px !important;
}

.clean-form-wrap h3{
  margin: 0 0 8px !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  color: #ffffff !important;
  text-shadow:
    0 0 14px rgba(40,200,255,.55),
    0 0 24px rgba(255,79,216,.22) !important;
}

.clean-form-wrap > p{
  color: #c8d4e6 !important;
  margin: 0 0 18px !important;
}

.clean-review-form{
  padding: 30px !important;
  border-radius: 22px !important;
  background: #f4f4f6 !important;
  color: #101722 !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.34),
    0 0 28px rgba(255,79,216,.10) !important;
}

.clean-review-form label{
  display: block !important;
  margin: 16px 0 8px !important;
  color: #111827 !important;
  font-weight: 900 !important;
}

.clean-review-form input,
.clean-review-form select,
.clean-review-form textarea{
  width: 100% !important;
  border: 1px solid #d5d9e2 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: #111827 !important;
  padding: 14px 15px !important;
  font: inherit !important;
  outline: none !important;
}

.clean-review-form input:focus,
.clean-review-form select:focus,
.clean-review-form textarea:focus{
  border-color: #28c8ff !important;
  box-shadow: 0 0 0 4px rgba(40,200,255,.16) !important;
}

.clean-review-form textarea{
  min-height: 150px !important;
  resize: vertical !important;
}

.clean-review-form button{
  margin-top: 18px !important;
}

@media(max-width: 860px){
  .clean-review-grid{
    grid-template-columns: 1fr !important;
  }

  .clean-review-card,
  .clean-review-form{
    padding: 24px !important;
  }
}


/* === O mnie photo final === */
.about-page-photo img{
  object-fit: cover !important;
  object-position: center center !important;
}


/* === Polityka prywatności + dopisek RODO === */
.legal-page{max-width:980px;margin:0 auto;}
.legal-page h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin-bottom:28px;}
.legal-card{padding:clamp(24px,4vw,42px);border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.055);box-shadow:0 24px 70px rgba(0,0,0,.35);color:#d9e8ff;}
.legal-card h2{margin-top:28px;font-size:22px;color:#ff8bea;}
.legal-card h2:first-child{margin-top:0;}
.legal-card p,.legal-card li{color:#d9e8ff;line-height:1.75;}
.legal-card ul{padding-left:22px;}
.privacy-note{display:block;margin-top:8px;color:#9eb0c7;font-size:13px;line-height:1.45;}
.privacy-note a,.site-footer a{color:#28c8ff;text-decoration:none;}
.privacy-note a:hover,.site-footer a:hover{text-decoration:underline;}
.site-footer{padding:24px 20px 42px;text-align:center;color:#9eb0c7;font-size:13px;}


/* === Neonowy róż dla maila kontaktowego === */
.contact-card a[href^="mailto:"],
.contact-box a[href^="mailto:"],
a.mail-link,
.contact-email {
    color: #ff4fd8 !important;
    font-size: 1.18rem !important;
    font-weight: 700 !important;
    text-shadow:
        0 0 8px rgba(255,79,216,0.55),
        0 0 18px rgba(255,79,216,0.35);
}

.contact-card a[href^="mailto:"]:hover,
.contact-box a[href^="mailto:"]:hover,
a.mail-link:hover,
.contact-email:hover {
    color: #ff7be6 !important;
}


/* === FORCE: neonowy róż dla adresu e-mail w kontakcie === */
.contact-email-neon,
#kontakt .contact-email-neon,
#kontakt [class*="email"],
#kontakt .contact-card p .contact-email-neon,
#kontakt .contact-box p .contact-email-neon {
  display: inline-block !important;
  color: #ff4fd8 !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
  text-shadow:
    0 0 8px rgba(255,79,216,.75),
    0 0 18px rgba(255,79,216,.45),
    0 0 30px rgba(255,79,216,.25) !important;
}

#kontakt .contact-email-neon * {
  color: #ff4fd8 !important;
}

@media(max-width:760px){
  .contact-email-neon{
    font-size: 19px !important;
  }
}


/* === Premium contact section final === */
.premium-contact{
  display:grid !important;
  grid-template-columns:minmax(0, .9fr) minmax(360px, 1.1fr) !important;
  gap:34px !important;
  align-items:start !important;
}

.premium-contact .contact-copy{
  position:sticky;
  top:110px;
}

.premium-contact-card{
  position:relative !important;
  padding:clamp(24px,4vw,38px) !important;
  border-radius:34px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(255,79,216,.16), transparent 18rem),
    radial-gradient(circle at 90% 10%, rgba(40,200,255,.13), transparent 18rem),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
  box-shadow:
    0 28px 90px rgba(0,0,0,.42),
    0 0 32px rgba(40,200,255,.12),
    inset 0 0 0 1px rgba(255,255,255,.04) !important;
  overflow:hidden !important;
}

.premium-contact-card::before{
  content:"" !important;
  position:absolute !important;
  inset:-2px !important;
  background:linear-gradient(135deg, rgba(255,79,216,.34), transparent 32%, rgba(40,200,255,.28)) !important;
  opacity:.45 !important;
  pointer-events:none !important;
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask-composite:exclude !important;
  padding:1px !important;
  border-radius:34px !important;
}

.contact-row{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:54px minmax(0,1fr) !important;
  gap:16px !important;
  align-items:center !important;
  padding:18px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}

.contact-row:first-child{
  padding-top:0 !important;
}

.contact-row:last-of-type{
  border-bottom:0 !important;
}

.contact-icon{
  width:54px !important;
  height:54px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:18px !important;
  background:linear-gradient(135deg, rgba(255,79,216,.20), rgba(40,200,255,.16)) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  color:#ff7be6 !important;
  font-size:22px !important;
  box-shadow:
    0 0 18px rgba(255,79,216,.20),
    inset 0 0 14px rgba(40,200,255,.08) !important;
}

.contact-row small{
  display:block !important;
  margin-bottom:4px !important;
  color:#9eb0c7 !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
  font-weight:900 !important;
}

.contact-row strong{
  display:block !important;
  color:#eef6ff !important;
  font-size:clamp(18px,2vw,23px) !important;
  line-height:1.35 !important;
  font-weight:850 !important;
  overflow-wrap:anywhere !important;
}

.contact-email-neon{
  color:#ff4fd8 !important;
  font-size:clamp(20px,2.2vw,26px) !important;
  text-shadow:
    0 0 8px rgba(255,79,216,.75),
    0 0 18px rgba(255,79,216,.45),
    0 0 30px rgba(255,79,216,.22) !important;
}

.privacy-note{
  display:block !important;
  margin-top:8px !important;
  color:#b8c7dd !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

.privacy-note a{
  color:#28c8ff !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

.privacy-note a:hover{
  text-decoration:underline !important;
}

.contact-mail-button{
  position:relative !important;
  z-index:1 !important;
  display:inline-flex !important;
  width:100% !important;
  margin-top:22px !important;
  min-height:54px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:linear-gradient(135deg, #ff4fd8, #28c8ff) !important;
  color:white !important;
  font-weight:950 !important;
  letter-spacing:.02em !important;
  text-decoration:none !important;
  box-shadow:
    0 18px 45px rgba(255,79,216,.20),
    0 0 30px rgba(40,200,255,.18) !important;
  transition:.2s ease !important;
}

.contact-mail-button:hover{
  transform:translateY(-2px) !important;
  filter:brightness(1.08) !important;
}

@media(max-width:900px){
  .premium-contact{
    grid-template-columns:1fr !important;
  }
  .premium-contact .contact-copy{
    position:relative !important;
    top:auto !important;
  }
}

@media(max-width:560px){
  .contact-row{
    grid-template-columns:46px minmax(0,1fr) !important;
    gap:12px !important;
  }
  .contact-icon{
    width:46px !important;
    height:46px !important;
    border-radius:15px !important;
  }
}


/* === CLEAN CONTACT FINAL v3 === */
#kontakt.clean-contact{
  display:grid !important;
  grid-template-columns:minmax(0,.82fr) minmax(340px,1fr) !important;
  gap:34px !important;
  align-items:start !important;
}

#kontakt .clean-contact-head{
  max-width:520px !important;
}

#kontakt .clean-contact-card{
  padding:28px !important;
  border-radius:26px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.045) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.28) !important;
  overflow:hidden !important;
}

#kontakt .clean-contact-card::before,
#kontakt .clean-contact-card::after,
#kontakt .premium-contact-card::before,
#kontakt .premium-contact-card::after{
  display:none !important;
  content:none !important;
}

#kontakt .clean-contact-item{
  padding:16px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.09) !important;
}

#kontakt .clean-contact-item:first-child{
  padding-top:0 !important;
}

#kontakt .clean-contact-item:nth-last-child(2){
  border-bottom:0 !important;
}

#kontakt .clean-contact-item span{
  display:block !important;
  margin-bottom:6px !important;
  color:#8fa1bb !important;
  font-size:13px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
}

#kontakt .clean-contact-item strong{
  display:block !important;
  color:#eef6ff !important;
  font-size:20px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  overflow-wrap:anywhere !important;
}

#kontakt .clean-contact-email{
  color:#ff4fd8 !important;
  font-size:22px !important;
  text-shadow:0 0 10px rgba(255,79,216,.28) !important;
}

#kontakt .clean-contact-item small{
  display:block !important;
  margin-top:9px !important;
  color:#aab9cd !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

#kontakt .clean-contact-item small a{
  color:#28c8ff !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

#kontakt .clean-contact-item small a:hover{
  text-decoration:underline !important;
}

#kontakt .clean-contact-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:50px !important;
  margin-top:18px !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,#28c8ff,#526dff) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900 !important;
  box-shadow:0 16px 38px rgba(40,200,255,.16) !important;
}

#kontakt .clean-contact-button:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.05) !important;
}

/* wyłącz ciężkie poprzednie style kontaktu */
#kontakt .contact-row,
#kontakt .contact-icon,
#kontakt .contact-mail-button,
#kontakt .premium-contact-card{
  all:unset;
}

@media(max-width:900px){
  #kontakt.clean-contact{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:560px){
  #kontakt .clean-contact-card{
    padding:22px !important;
  }
  #kontakt .clean-contact-item strong{
    font-size:18px !important;
  }
  #kontakt .clean-contact-email{
    font-size:19px !important;
  }
}


/* === CONTACT ORIGINAL STYLE RESTORE === */
#kontakt.contact-original-style{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:28px !important;
  align-items:stretch !important;
}

#kontakt .contact-card-original{
  padding:30px !important;
  border-radius:30px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(circle at top left, rgba(40,200,255,.12), transparent 22rem),
    linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.035)) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.34),
    inset 0 0 0 1px rgba(255,255,255,.03) !important;
}

#kontakt .contact-card-original::before,
#kontakt .contact-card-original::after{
  display:none !important;
}

#kontakt .contact-line{
  padding:16px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}

#kontakt .contact-line:first-child{
  padding-top:0 !important;
}

#kontakt .contact-line:nth-last-child(2){
  border-bottom:none !important;
}

#kontakt .contact-line span{
  display:block !important;
  margin-bottom:6px !important;
  color:#9eb0c7 !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

#kontakt .contact-line strong{
  display:block !important;
  color:#eef6ff !important;
  font-size:20px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
  overflow-wrap:anywhere !important;
}

#kontakt .contact-email-pink{
  color:#ff4fd8 !important;
  font-size:22px !important;
  text-shadow:
    0 0 8px rgba(255,79,216,.45),
    0 0 18px rgba(255,79,216,.22) !important;
}

#kontakt .contact-line small{
  display:block !important;
  margin-top:9px !important;
  color:#aab9cd !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

#kontakt .contact-line small a{
  color:#28c8ff !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

#kontakt .contact-line small a:hover{
  text-decoration:underline !important;
}

#kontakt .contact-action-original{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-top:20px !important;
  min-height:52px !important;
  width:100% !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#28c8ff,#526dff) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900 !important;
  box-shadow:
    0 16px 42px rgba(40,200,255,.18),
    0 0 22px rgba(255,79,216,.10) !important;
}

#kontakt .contact-action-original:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.06) !important;
}

/* Neutralizacja wcześniejszych nieudanych wariantów */
#kontakt .premium-contact-card,
#kontakt .contact-row,
#kontakt .contact-icon,
#kontakt .contact-mail-button,
#kontakt .clean-contact-card,
#kontakt .clean-contact-item,
#kontakt .clean-contact-button{
  all:unset;
}

@media(max-width:900px){
  #kontakt.contact-original-style{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:560px){
  #kontakt .contact-card-original{
    padding:22px !important;
    border-radius:24px !important;
  }

  #kontakt .contact-line strong{
    font-size:18px !important;
  }

  #kontakt .contact-email-pink{
    font-size:19px !important;
  }
}