/* MateuszKafara.pl V55 - spokojna wizytówka, jasny i ciemny motyw */
:root{
  --v55-bg:#f4f3ef;
  --v55-surface:#ffffff;
  --v55-surface-2:#faf9f6;
  --v55-text:#20242a;
  --v55-muted:#66707a;
  --v55-line:#deded8;
  --v55-accent:#c94f54;
  --v55-accent-hover:#ad4146;
  --v55-focus:#235fa4;
  --v55-radius:18px;
  --v55-radius-sm:12px;
  --v55-shadow:0 10px 28px rgba(25,31,38,.06);
  --v55-max:1120px;
}
html[data-theme="dark"]{
  --v55-bg:#111315;
  --v55-surface:#1a1d20;
  --v55-surface-2:#202428;
  --v55-text:#f4f3f0;
  --v55-muted:#b3bbc3;
  --v55-line:#34383d;
  --v55-accent:#df6c70;
  --v55-accent-hover:#ec7f83;
  --v55-focus:#8eb9ed;
  --v55-shadow:none;
}
html{scroll-behavior:smooth;background:var(--v55-bg)}
body{
  margin:0!important;
  background:var(--v55-bg)!important;
  color:var(--v55-text)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.65!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
*,*::before,*::after{box-sizing:border-box}
a{color:inherit}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid color-mix(in srgb,var(--v55-focus) 65%,transparent)!important;outline-offset:3px!important}

/* Główna */
.mk55-site{
  width:min(var(--v55-max),calc(100% - 32px));
  margin:0 auto;
  padding:24px 0 10px;
}
.mk55-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:66px;
  margin-bottom:18px;
  padding:10px 14px 10px 18px;
  border:1px solid var(--v55-line);
  border-radius:var(--v55-radius);
  background:var(--v55-surface);
  box-shadow:var(--v55-shadow);
}
.mk55-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:15px;font-weight:750;letter-spacing:-.01em}
.mk55-brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--v55-text);color:var(--v55-surface);font-size:12px;font-weight:800;letter-spacing:.04em}
.mk55-header .top-tools{margin:0!important}
.mk55-hero,.mk55-section,.mk55-contact-strip,.mk55-ad{
  border:1px solid var(--v55-line);
  border-radius:var(--v55-radius);
  background:var(--v55-surface);
  box-shadow:var(--v55-shadow);
}
.mk55-hero{padding:clamp(34px,6vw,70px) clamp(20px,6vw,72px);text-align:center}
.mk55-photo{display:block;width:96px;height:96px;margin:0 auto 18px;border-radius:50%;object-fit:cover;border:1px solid var(--v55-line);background:var(--v55-surface-2)}
.mk55-eyebrow{margin:0 0 9px!important;color:var(--v55-accent)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.mk55-hero h1{margin:0!important;color:var(--v55-text)!important;font-size:clamp(32px,5vw,46px)!important;line-height:1.1!important;letter-spacing:-.035em!important;font-weight:750!important}
.mk55-role{margin:12px auto 0!important;color:var(--v55-text)!important;font-size:clamp(16px,2vw,19px)!important;font-weight:650!important}
.mk55-intro{max-width:760px;margin:14px auto 0!important;color:var(--v55-muted)!important;font-size:16px!important;line-height:1.75!important}
.mk55-hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:26px 0 30px}
.mk55-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border:1px solid transparent;border-radius:999px;text-decoration:none;font-size:14px;font-weight:750;transition:background .18s ease,border-color .18s ease,color .18s ease}
.mk55-btn-primary{background:var(--v55-accent);color:#fff!important}
.mk55-btn-primary:hover{background:var(--v55-accent-hover)}
.mk55-btn-secondary{border-color:var(--v55-line);background:var(--v55-surface-2);color:var(--v55-text)!important}
.mk55-btn-secondary:hover{border-color:var(--v55-muted)}
.mk55-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:900px;margin:0 auto;text-align:left}
.mk55-nav a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:14px 17px;border:1px solid var(--v55-line);border-radius:var(--v55-radius-sm);background:var(--v55-surface-2);color:var(--v55-text)!important;text-decoration:none;font-size:14px;font-weight:700;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.mk55-nav a:hover{border-color:color-mix(in srgb,var(--v55-accent) 50%,var(--v55-line));background:var(--v55-surface);transform:translateY(-1px)}
.mk55-nav b{color:var(--v55-accent);font-size:17px;font-weight:500}
.mk55-section{margin-top:18px;padding:clamp(28px,4vw,48px)}
.mk55-section-head{max-width:760px;margin:0 auto 26px;text-align:center}
.mk55-section-head h2,.mk55-contact-strip h2{margin:0!important;color:var(--v55-text)!important;font-size:clamp(25px,3.5vw,34px)!important;line-height:1.2!important;letter-spacing:-.025em!important;font-weight:760!important}
.mk55-section-head>p:last-child,.mk55-contact-strip>div>p:last-child{margin:10px auto 0!important;color:var(--v55-muted)!important;font-size:15px!important;line-height:1.7!important}
.mk55-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mk55-project-card{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid var(--v55-line);border-radius:15px;background:var(--v55-surface-2)}
.mk55-project-card.is-featured{border-color:color-mix(in srgb,var(--v55-accent) 42%,var(--v55-line))}
.mk55-project-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.mk55-domain{overflow:hidden;color:var(--v55-text);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.mk55-status{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--v55-accent) 12%,transparent);color:var(--v55-accent);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.mk55-project-card h3{margin:0!important;font-size:22px!important;line-height:1.2!important;letter-spacing:-.025em!important;font-weight:760!important}
.mk55-project-card h3 a{text-decoration:none}
.mk55-project-subtitle{margin:7px 0 0!important;color:var(--v55-text)!important;font-size:13px!important;font-weight:650!important}
.mk55-project-description{margin:18px 0 0!important;color:var(--v55-muted)!important;font-size:14px!important;line-height:1.7!important}
.mk55-tags{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0 22px!important;padding:0!important;list-style:none}
.mk55-tags li{padding:5px 8px;border:1px solid var(--v55-line);border-radius:999px;color:var(--v55-muted);font-size:10px;font-weight:700}
.mk55-card-link{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:15px;border-top:1px solid var(--v55-line);color:var(--v55-text)!important;text-decoration:none;font-size:13px;font-weight:800}
.mk55-card-link span{color:var(--v55-accent);font-size:16px}
.mk55-faq{max-width:880px;margin:0 auto;display:grid;gap:8px}
.mk55-faq details{border:1px solid var(--v55-line);border-radius:var(--v55-radius-sm);background:var(--v55-surface-2);overflow:hidden}
.mk55-faq summary{cursor:pointer;list-style:none;padding:16px 18px;color:var(--v55-text);font-size:14px;font-weight:750}
.mk55-faq summary::-webkit-details-marker{display:none}
.mk55-faq summary::after{content:"+";float:right;color:var(--v55-accent);font-size:18px;font-weight:500}
.mk55-faq details[open] summary::after{content:"−"}
.mk55-faq details p{margin:0!important;padding:0 18px 17px!important;color:var(--v55-muted)!important;font-size:14px!important;line-height:1.7!important}
.mk55-contact-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:18px;padding:28px 32px}
.mk55-contact-strip>div{max-width:720px}
.mk55-ad{margin-top:18px;padding:14px;text-align:center;background:var(--v55-surface-2)}
.mk55-ad .ad-load-button{min-height:40px;padding:8px 16px;border:1px solid var(--v55-line)!important;border-radius:999px!important;background:transparent!important;color:var(--v55-muted)!important;font-size:12px!important;font-weight:700!important}

/* Wspólna stylistyka publicznych podstron */
.mk55-public,.www-pro-page,.topic-page-shell,.privacy-page{
  width:min(var(--v55-max),calc(100% - 32px))!important;
  margin:0 auto!important;
  padding:24px 0 10px!important;
  color:var(--v55-text)!important;
}
.mk55-public .top-tools,.www-pro-page .top-tools,.topic-page-shell .top-tools,.privacy-page .top-tools{
  width:max-content!important;max-width:100%!important;margin:0 auto 12px!important;
}
.top-tools.mk-toolbar-v29{
  position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  width:max-content!important;min-height:46px!important;padding:5px 7px!important;border:1px solid var(--v55-line)!important;border-radius:999px!important;
  background:var(--v55-surface)!important;box-shadow:none!important;color:var(--v55-text)!important;
}
.language-switcher.mk-lang-v29{display:flex!important;align-items:center!important;gap:3px!important}
.language-switcher .tools-label{margin:0 6px 0 4px!important;color:var(--v55-muted)!important;font-size:11px!important;font-weight:700!important}
.mk-lang-v29 a{display:grid!important;place-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;border:1px solid transparent!important;border-radius:50%!important;background:transparent!important;text-decoration:none!important}
.mk-lang-v29 a.is-active{border-color:var(--v55-line)!important;background:var(--v55-surface-2)!important}
.mk-lang-v29 .lang-short{display:none!important}
.mk-theme-v29{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:34px!important;padding:6px 11px!important;border:0!important;border-radius:999px!important;background:var(--v55-text)!important;color:var(--v55-surface)!important;font-size:11px!important;font-weight:750!important}
.mk-subpage-return{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;flex-wrap:wrap!important;margin:0 auto 18px!important;padding:0!important;color:var(--v55-muted)!important;font-size:12px!important;font-weight:650!important}
.mk-subpage-return a{color:var(--v55-muted)!important;text-decoration:none!important}
.mk-subpage-return a:hover{color:var(--v55-accent)!important}
.mk-subpage-return span{color:var(--v55-line)!important}

.mk55-public h1,.www-pro-page h1,.topic-page-shell h1,.privacy-page h1{font-size:clamp(30px,4.2vw,42px)!important;line-height:1.12!important;letter-spacing:-.035em!important;font-weight:760!important;color:var(--v55-text)!important}
.mk55-public h2,.www-pro-page h2,.topic-page-shell h2,.privacy-page h2{font-size:clamp(24px,3vw,31px)!important;line-height:1.22!important;letter-spacing:-.025em!important;font-weight:750!important;color:var(--v55-text)!important}
.mk55-public h3,.www-pro-page h3,.topic-page-shell h3,.privacy-page h3{font-size:clamp(18px,2.2vw,22px)!important;line-height:1.3!important;letter-spacing:-.015em!important;font-weight:730!important;color:var(--v55-text)!important}
.mk55-public p,.www-pro-page p,.topic-page-shell p,.privacy-page p{color:var(--v55-muted)!important;line-height:1.72!important}

/* usuwanie starych efektów */
.mk55-public *::before,.mk55-public *::after,.www-pro-page *::before,.www-pro-page *::after,.topic-page-shell *::before,.topic-page-shell *::after{animation:none!important}
.www-pro-hero,.www-pro-section,.www-pro-seo,.www-pro-cta,.contact-simple-hero,.contact-simple-card,.privacy-card-v40,.page-card,.compact-offline-card,.topic-page-shell>section,.topics-index>section{
  border:1px solid var(--v55-line)!important;border-radius:var(--v55-radius)!important;background:var(--v55-surface)!important;background-image:none!important;box-shadow:var(--v55-shadow)!important;
}
.www-pro-hero::before,.www-pro-hero::after,.www-pro-panel::before,.contact-simple-hero::before,.contact-simple-hero::after{display:none!important}
.www-pro-hero,.www-pro-section,.www-pro-seo,.www-pro-cta{margin-bottom:18px!important;padding:clamp(24px,4vw,42px)!important}
.www-pro-panel{border:1px solid var(--v55-line)!important;border-radius:15px!important;background:var(--v55-surface-2)!important;color:var(--v55-text)!important;box-shadow:none!important}
.www-pro-panel strong,.www-pro-panel span,.www-pro-panel li{color:var(--v55-text)!important}
.www-pro-card,.www-package-card,.www-local-card,.www-pro-process article,.www-pro-faq details,.contact-simple-form input,.contact-simple-form select,.contact-simple-form textarea,.privacy-summary,.privacy-content section{
  border:1px solid var(--v55-line)!important;border-radius:var(--v55-radius-sm)!important;background:var(--v55-surface-2)!important;background-image:none!important;box-shadow:none!important;color:var(--v55-text)!important;
}
.www-pro-button,.contact-simple-submit,.button,.btn,.primary-btn,.mk-card-link{
  border:1px solid var(--v55-accent)!important;border-radius:999px!important;background:var(--v55-accent)!important;background-image:none!important;color:#fff!important;box-shadow:none!important;text-decoration:none!important;font-weight:750!important;
}
.www-pro-button:hover,.contact-simple-submit:hover,.button:hover,.btn:hover,.primary-btn:hover,.mk-card-link:hover{background:var(--v55-accent-hover)!important;border-color:var(--v55-accent-hover)!important}
.www-pro-card-mark{background:var(--v55-accent)!important}
.www-pro-faq summary{padding:15px 18px!important;color:var(--v55-text)!important;font-size:14px!important}
.www-pro-faq p{padding:0 18px 16px!important;font-size:14px!important}
.contact-simple-hero,.contact-simple-card{max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
.contact-simple-form label,.contact-simple-label{color:var(--v55-text)!important}
.contact-simple-form input,.contact-simple-form select,.contact-simple-form textarea{width:100%!important;color:var(--v55-text)!important}
.contact-simple-form input::placeholder,.contact-simple-form textarea::placeholder{color:color-mix(in srgb,var(--v55-muted) 75%,transparent)!important}

.site-footer{width:min(var(--v55-max),calc(100% - 32px))!important;margin:28px auto 0!important;padding:22px 0!important;border-top:1px solid var(--v55-line)!important;background:transparent!important;color:var(--v55-muted)!important;text-align:center!important}
.site-footer a{color:var(--v55-text)!important;text-decoration:none!important}
.footer-copy{margin:0!important;font-size:12px!important;color:var(--v55-muted)!important}

@media (max-width:900px){
  .mk55-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk55-project-grid{grid-template-columns:1fr}
  .mk55-project-card{padding:20px}
  .mk55-contact-strip{align-items:flex-start;flex-direction:column}
}
@media (max-width:640px){
  .mk55-site,.mk55-public,.www-pro-page,.topic-page-shell,.privacy-page{width:min(100% - 20px,var(--v55-max))!important;padding-top:10px!important}
  .mk55-header{align-items:flex-start;flex-direction:column;padding:12px;margin-bottom:10px}
  .mk55-header .top-tools{align-self:center}
  .mk55-hero{padding:30px 17px}
  .mk55-photo{width:82px;height:82px}
  .mk55-hero h1{font-size:31px!important}
  .mk55-role{font-size:15px!important}
  .mk55-intro{font-size:14px!important}
  .mk55-hero-actions{display:grid;grid-template-columns:1fr;width:100%}
  .mk55-btn{width:100%}
  .mk55-nav{grid-template-columns:1fr}
  .mk55-section{padding:26px 16px}
  .mk55-section-head h2,.mk55-contact-strip h2{font-size:25px!important}
  .mk55-contact-strip{padding:24px 18px}
  .language-switcher .tools-label{display:none!important}
  .top-tools.mk-toolbar-v29{width:100%!important;justify-content:center!important}
  .www-pro-hero,.www-pro-section,.www-pro-seo,.www-pro-cta{padding:22px 16px!important}
  .mk55-public h1,.www-pro-page h1,.topic-page-shell h1,.privacy-page h1{font-size:30px!important}
  .mk55-public h2,.www-pro-page h2,.topic-page-shell h2,.privacy-page h2{font-size:24px!important}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V56 - slot reklamowy zgodny z motywem V55 */
.mk55-public .mk-ad-slot,.mk-ad-slot{
  width:100%!important;margin:18px auto 0!important;padding:12px!important;
  border:1px solid var(--v55-line)!important;border-radius:var(--v55-radius)!important;
  background:var(--v55-surface)!important;box-shadow:none!important;
}
.mk-ad-stage{background:var(--v55-surface-2)!important}
.mk-ad-kicker,.mk-leadstar-default{color:var(--v55-muted)!important}

/* V57 - reklama w naturalnym miejscu strony, bez wejściowego overlayu */
.mk55-public .mk-ad-slot,.mk-ad-slot{
  position:relative!important;
  inset:auto!important;
  z-index:auto!important;
  display:block!important;
  width:min(100%,1120px)!important;
  margin:28px auto!important;
  padding:10px!important;
  border:1px solid var(--v55-line)!important;
  border-radius:16px!important;
  background:var(--v55-surface)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.mk-ad-stage{
  min-height:82px!important;
  border-radius:11px!important;
  background:var(--v55-surface-2)!important;
}
.mk-ad-inline-link{display:block;width:100%;line-height:0;text-align:center}
.mk-ad-inline-link img{display:block;width:100%!important;max-width:970px!important;height:auto!important;margin:0 auto!important;border-radius:9px}
.mk-ad-tracker{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
@media(max-width:760px){.mk55-public .mk-ad-slot,.mk-ad-slot{margin:20px auto!important;padding:8px!important}.mk-ad-stage,.mk-ad-placeholder{min-height:64px!important}}

/* V58 - wycentrowana wizytówka i czytelny opis profilu */
.mk58-profile-copy{
  width:min(100%,820px);
  margin:0 auto;
  text-align:center;
}
.mk58-profile-copy .mk55-eyebrow{
  margin-bottom:10px!important;
}
.mk58-profile-copy h1{
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.mk58-profile-copy .mk55-role{
  max-width:760px;
  margin:12px auto 0!important;
  text-align:center!important;
  text-wrap:balance;
}
.mk58-profile-copy .mk55-intro{
  max-width:720px;
  margin:15px auto 0!important;
  text-align:center!important;
  text-wrap:pretty;
}
.mk58-interests{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px 10px;
  margin:18px auto 0!important;
  color:var(--v55-muted)!important;
  font-size:13px!important;
  font-weight:650!important;
  letter-spacing:.01em;
  text-align:center;
}
.mk58-interests span{color:var(--v55-text)}
.mk58-interests i{
  color:var(--v55-accent);
  font-style:normal;
  opacity:.8;
}
@media (max-width:640px){
  .mk58-profile-copy{width:100%}
  .mk58-profile-copy .mk55-role{font-size:15px!important;line-height:1.55!important}
  .mk58-profile-copy .mk55-intro{font-size:14px!important;line-height:1.7!important}
  .mk58-interests{gap:5px 8px;font-size:12px!important}
}