/*
Theme Name: M·Digital Studio
Theme URI: https://mdigitalstudio.pl
Author: M·Digital Studio
Author URI: https://mdigitalstudio.pl
Description: Motyw blokowy dla M·Digital Studio: strona-wizytówka firmy tworzącej strony dla rzemieślników i usługodawców. W pełni edytowalny w Edytorze witryny, z animowanymi przejściami, formularzem kontaktowym i przykładową treścią wczytywaną automatycznie.
Version: 1.0.3
Requires at least: 6.8
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mdstudio
*/

/* Czcionki są zadeklarowane w theme.json (pliki lokalne, bez Google Fonts). */

html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
p{max-width:62ch}
h1,h2,h3,h4{letter-spacing:-.02em;text-wrap:balance}
a{text-underline-offset:3px}
:focus-visible{outline:3px solid var(--wp--preset--color--blue);outline-offset:3px}
.wp-site-blocks>main,.wp-site-blocks>footer,.wp-site-blocks>.wp-block-template-part{margin-block-start:0}
.mds-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- układ sekcji ---------- */
.mds-sec{padding:84px 20px}
.mds-sec>*{max-width:1160px;margin-left:auto;margin-right:auto}
.mds-sec.is-sky{background:var(--wp--preset--color--sky)}
.mds-sec.is-paper{background:var(--wp--preset--color--paper)}
.mds-head{text-align:center;max-width:740px!important;margin:0 auto 44px!important}
.mds-head h2{font-size:clamp(1.8rem,3.6vw,2.6rem);margin:0}
.mds-head p{margin:14px auto 0;color:var(--wp--preset--color--steel);font-size:1.12rem}
.mds-sec h2{font-size:clamp(1.8rem,3.6vw,2.6rem)}
.mds-lead{font-size:1.15rem;color:var(--wp--preset--color--steel)}

/* przyciski */
.wp-block-button__link{border:2px solid var(--wp--preset--color--blue);transition:background .2s,color .2s,border-color .2s}
.wp-block-button__link:hover{background:var(--wp--preset--color--blue-dark);border-color:var(--wp--preset--color--blue-dark);color:#fff}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--wp--preset--color--ink);border:2px solid var(--wp--preset--color--ink);padding:12px 24px}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--wp--preset--color--ink);color:#fff}
.wp-block-button.mds-btn-white .wp-block-button__link{background:#fff;color:var(--wp--preset--color--blue-dark);border-color:#fff}
.wp-block-button.mds-btn-white .wp-block-button__link:hover{background:var(--wp--preset--color--sky);border-color:var(--wp--preset--color--sky)}
.wp-block-button.mds-btn-ghost .wp-block-button__link{background:transparent;color:#fff;border-color:#fff}
.wp-block-button.mds-btn-ghost .wp-block-button__link:hover{background:#fff;color:var(--wp--preset--color--blue-dark)}
.wp-block-buttons{gap:12px}

/* ---------- nagłówek ---------- */
.mds-header{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:40;background:#fff;border-bottom:1px solid var(--wp--preset--color--line)}
.mds-bar{display:flex;align-items:center;gap:26px;min-height:76px;max-width:1160px;margin:0 auto;padding:0 20px}
.mds-logo{display:flex;align-items:center;gap:12px;margin-right:auto}
.mds-mark{display:grid;place-items:center;width:40px;height:40px;border:1.5px solid var(--wp--preset--color--ink);border-radius:50%;font:800 1.15rem/1 var(--wp--preset--font-family--bricolage);margin:0}
.mds-logo .wp-block-site-title{margin:0;font:800 1.3rem/1 var(--wp--preset--font-family--bricolage);letter-spacing:-.02em}
.mds-logo .wp-block-site-title a{text-decoration:none;color:inherit}
.mds-logo .wp-block-site-tagline{margin:4px 0 0;font-size:.72rem;line-height:1;color:var(--wp--preset--color--steel)}
.mds-bar .wp-block-navigation{font-size:15px;font-weight:500;gap:26px}
.mds-bar .wp-block-navigation a{text-decoration:none;color:var(--wp--preset--color--ink)}
.mds-bar .wp-block-navigation-item a{border-bottom:2px solid transparent;padding:6px 0}
.mds-bar .wp-block-navigation-item a:hover,.mds-bar .current-menu-item a{border-color:var(--wp--preset--color--blue)}
.mds-bar .wp-block-buttons .wp-block-button__link{padding:11px 18px;font-size:15px}
.mds-logo-txt{display:flex;flex-direction:column}

/* ---------- hero ---------- */
.mds-hero{padding:56px 20px 76px}
.mds-hero-in{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center;max-width:1160px;margin:0 auto}
.mds-hero h1{font-size:clamp(2.2rem,4.7vw,3.6rem);font-weight:800;margin:0 0 22px;line-height:1.06}
.mds-hero .mds-lead{font-size:1.2rem;max-width:30em;margin:0 0 26px}
.mds-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.mds-tags p{margin:0;border:1.5px solid var(--wp--preset--color--steel);border-radius:99px;padding:4px 14px;font-size:14px;font-weight:500;background:#fff}
.mds-hm{position:relative;min-width:0}
.mds-hm-tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.mds-hm-tabs button{border:1.5px solid var(--wp--preset--color--line);background:#fff;color:var(--wp--preset--color--ink);border-radius:99px;padding:5px 14px;font:500 14px var(--wp--preset--font-family--instrument);cursor:pointer;transition:background .2s,color .2s}
.mds-hm-tabs button[aria-selected="true"]{background:var(--wp--preset--color--ink);color:#fff;border-color:var(--wp--preset--color--ink)}
.mds-hm-stage{position:relative}
.mds-hm-stage .mds-win{display:none}
.mds-hm-stage .mds-win.on{display:block;animation:mdsSwap .45s ease both}
@keyframes mdsSwap{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.mds-chip{position:absolute;background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:14px;padding:10px 14px;box-shadow:0 14px 30px -14px rgba(33,60,140,.5);font-size:13px;line-height:1.3;z-index:3}
.mds-chip b{display:block;font:800 26px/1.1 var(--wp--preset--font-family--bricolage);color:var(--wp--preset--color--blue)}
.mds-chip.c1{right:-18px;top:-22px}
.mds-chip.c2{left:28px;bottom:-22px}
.mds-chip.c3{right:28px;bottom:-22px}
.mds-js .mds-chip{opacity:0;transform:translateY(10px) scale(.9);transition:opacity .5s,transform .5s}
.mds-js .mds-hm.in .mds-chip{opacity:1;transform:none}
.mds-js .mds-hm.in .c2{transition-delay:.35s}.mds-js .mds-hm.in .c3{transition-delay:.7s}

/* makieta strony (okno przeglądarki): wszystko w jednostkach em, skaluje się z szerokością ramki */
.mds-sw{container-type:inline-size;min-width:0}
.mds-win{font-size:clamp(8.5px,2.5cqw,15.5px);border-radius:1.15em;overflow:hidden;background:#fff;box-shadow:0 30px 60px -25px rgba(33,60,140,.45);border:1px solid var(--wp--preset--color--line);color:#14202e;font-family:var(--wp--preset--font-family--instrument);line-height:1.4;text-align:left}
.mds-win svg{flex:none}
.mds-wb{background:#E9ECEF;padding:.8em 1em;display:flex;gap:.5em;align-items:center}
.mds-wb i{width:.8em;height:.8em;border-radius:50%;background:#C5CBD1;display:block}
.mds-wb span{margin-left:.9em;background:#fff;border-radius:99em;padding:.15em 1em;font-size:.86em;color:#667}
.mds-wn{display:flex;align-items:center;gap:1.3em;padding:1em 1.9em;border-bottom:1px solid #EAEEF3}
.mds-wn b{font:800 1.3em/1 var(--wp--preset--font-family--bricolage);color:var(--p);display:flex;gap:.45em;align-items:center;margin-right:auto;white-space:nowrap}
.mds-wn b svg{width:1em;height:1em}
.mds-wn span{font-size:.93em;color:#445}
.mds-wn em{font-style:normal;background:var(--p);color:#fff;border-radius:.55em;padding:.55em 1em;font-weight:600;font-size:.93em;white-space:nowrap}
.mds-wh{display:grid;grid-template-columns:1.5fr 1fr;gap:.4em;align-items:center;padding:2.7em 1.9em;color:#fff;background:linear-gradient(120deg,var(--d),var(--p))}
.mds-wh strong{display:block;font:800 1.95em/1.08 var(--wp--preset--font-family--bricolage);letter-spacing:-.02em}
.mds-wh p{margin:.85em 0 1.25em;opacity:.9;font-size:1.04em;max-width:25em}
.wbt{display:flex;gap:.7em;flex-wrap:wrap}
.wbt span{background:#fff;color:#14202e;border-radius:.65em;padding:.8em 1.15em;font-weight:600;font-size:.97em}
.wbt span+span{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.7)}
.wtr{display:flex;gap:.9em;margin-top:1.3em;font-size:.8em;white-space:nowrap;flex-wrap:wrap}
.wtr span{display:flex;gap:.4em;align-items:center}
.wtr svg{width:1.1em;height:1.1em}
.wi{position:relative}
.wi>svg{display:block;width:100%;height:auto}
.wfc{position:absolute;left:-.3em;bottom:.4em;background:#fff;color:#14202e;border-radius:.85em;padding:.7em .9em;box-shadow:0 14px 30px -12px rgba(0,0,0,.45);font-size:.86em;line-height:1.3}
.wfc b{display:block;font:800 1.2em/1.2 var(--wp--preset--font-family--bricolage);color:var(--p)}
.mds-ws{padding:2.1em 1.9em}
.mds-ws h4{font:800 1.5em/1.2 var(--wp--preset--font-family--bricolage);margin:0 0 .15em}
.mds-ws>p{color:#667;font-size:.93em;margin:0 0 1.1em}
.wc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85em}
.wcard{border:1px solid #E4E9F0;border-radius:1em;padding:1.1em}
.wcard .ic{width:2.7em;height:2.7em;border-radius:.7em;background:var(--l);color:var(--p);display:grid;place-items:center;margin-bottom:.7em}
.wcard .ic svg{width:1.5em;height:1.5em}
.wcard h5{font:700 1.1em/1.25 var(--wp--preset--font-family--bricolage);margin:0}
.wcard p{color:#667;font-size:.9em;margin:.3em 0 .55em}
.wcard strong{color:var(--p);font-size:.97em}
.mds-wk{background:var(--l);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1em;padding:1.8em 1.9em;font-size:.9em}
.mds-wk>div{display:flex;gap:.6em;align-items:flex-start}
.mds-wk b{flex:none;width:2em;height:2em;border-radius:50%;background:var(--p);color:#fff;display:grid;place-items:center;font:800 .95em var(--wp--preset--font-family--bricolage)}
.mds-wk span{display:block;color:#667;font-size:.9em}
.wrv{display:grid;grid-template-columns:1fr 1fr;gap:.85em;margin-top:.9em}
.wrv>div{background:#F6F8FB;border-radius:.9em;padding:1em;font-size:.9em}
.wrv .st{display:block;color:#D9922B;letter-spacing:.15em;margin-bottom:.3em}
.wrv small{display:block;color:#778;margin-top:.5em;font-size:.88em}
.mds-wcall{background:var(--d);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:1em;padding:1.4em 1.9em}
.mds-wcall b{font:800 1.5em/1.1 var(--wp--preset--font-family--bricolage)}
.mds-wcall span{background:#fff;color:#14202e;border-radius:.65em;padding:.7em 1.1em;font-weight:600;white-space:nowrap}
.mds-wf{display:flex;justify-content:space-between;gap:.8em;flex-wrap:wrap;padding:.8em 1.9em;font-size:.8em;color:#778;background:#F6F7F9}

/* ---------- pasek 14 lat ---------- */
.mds-strip{background:var(--wp--preset--color--navy);color:#fff;padding:26px 20px}
.mds-strip-in{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;max-width:1160px;margin:0 auto}
.mds-strip-in p{margin:0;font-size:15px;color:#C9D3E6;max-width:none}
.mds-strip-in strong{font:800 34px var(--wp--preset--font-family--bricolage);color:#9DB5FF;margin-right:10px;letter-spacing:-.02em}

/* ---------- kafelki „Pod maską" ---------- */
.mds-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:18px}
.mds-tile{perspective:1000px;min-width:0;cursor:pointer}
.mds-tile.s2{grid-row:span 2}
.mds-flip{position:relative;height:100%;transition:transform .65s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}
.mds-tile.is-flipped .mds-flip{transform:rotateY(180deg)}
@media (hover:hover){.mds-tile:hover .mds-flip{transform:rotateY(180deg)}}
.mds-front,.mds-back{position:absolute;inset:0;border-radius:20px;padding:24px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--wp--preset--color--line);background:#fff}
.mds-back{transform:rotateY(180deg);background:var(--wp--preset--color--ink);color:#fff;border-color:var(--wp--preset--color--ink)}
.mds-back p{color:#DCE6FF}
.mds-front h3{font-size:21px;margin:0 0 6px}.mds-back h3{font-size:18px;line-height:1.2;margin:0 0 8px}
.mds-front p,.mds-back p{font-size:14.5px;margin:0;color:var(--wp--preset--color--steel)}
.mds-back p{color:#DCE6FF}
.mds-tile.is-blue .mds-front{background:var(--wp--preset--color--blue);color:#fff;border-color:var(--wp--preset--color--blue)}
.mds-tile.is-blue .mds-front p{color:#DCE6FF}
.mds-tile.is-sky .mds-front{background:var(--wp--preset--color--sky)}
.mds-tile.is-dark .mds-front{background:var(--wp--preset--color--navy);color:#fff;border-color:var(--wp--preset--color--navy)}
.mds-tile.is-dark .mds-front p{color:#B5C2DA}
.mds-tile.is-dark .mds-back,.mds-tile.is-blue .mds-back{background:#fff;color:var(--wp--preset--color--ink);border-color:var(--wp--preset--color--blue)}
.mds-tile.is-dark .mds-back p,.mds-tile.is-blue .mds-back p{color:var(--wp--preset--color--steel)}
.mds-ring{width:96px;height:96px;margin-top:28px;border-radius:50%;display:grid;place-items:center;font:800 30px var(--wp--preset--font-family--bricolage);color:#fff;background:conic-gradient(#fff calc(var(--v,98)*1%),rgba(255,255,255,.28) 0);position:relative}
.mds-ring::before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--wp--preset--color--blue)}
.mds-ring span{position:relative}
.mds-pills ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:20px 0 0}
.mds-pills li{border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:999px;padding:7px 14px;font-size:13.5px;line-height:1.2}
.mds-tile.is-dark .mds-pills li:nth-child(odd){background:rgba(255,255,255,.1)}
.mds-code{font:500 12.5px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#9FB4E8;margin-top:12px}
.mds-code em{color:#fff;font-style:normal}
.mds-js .mds-tile{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}
.mds-js .mds-bento.in .mds-tile{opacity:1;transform:none}
.mds-js .mds-bento.in .mds-tile:nth-child(2){transition-delay:.08s}.mds-js .mds-bento.in .mds-tile:nth-child(3){transition-delay:.16s}.mds-js .mds-bento.in .mds-tile:nth-child(4){transition-delay:.24s}.mds-js .mds-bento.in .mds-tile:nth-child(5){transition-delay:.32s}.mds-js .mds-bento.in .mds-tile:nth-child(6){transition-delay:.4s}

/* ---------- kroki + przyklejona makieta ---------- */
.mds-steps{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.mds-steps-l{counter-reset:s}
.mds-step{display:flex;gap:18px;padding:30px 0;border-bottom:1px solid var(--wp--preset--color--line);counter-increment:s;min-height:160px}
.mds-step::before{content:counter(s);flex:none;width:40px;height:40px;border-radius:50%;background:var(--wp--preset--color--line);display:grid;place-items:center;font:800 17px var(--wp--preset--font-family--bricolage);transition:background .3s,color .3s}
.mds-step h3{font-size:22px;margin:0 0 4px}
.mds-step p{margin:0;color:var(--wp--preset--color--steel);font-size:15px}
.mds-js .mds-step{opacity:.45;transition:opacity .35s}
.mds-js .mds-step.on{opacity:1}
.mds-step.on::before{background:var(--wp--preset--color--blue);color:#fff}
.mds-mkw{position:sticky;top:calc(110px + var(--wp-admin--admin-bar--height,0px));min-width:0}
.mds-mk{position:relative}
.mds-mk .mds-win *{transition:color .45s,background .45s,opacity .45s,border-color .45s}
/* krok 1: sam szkielet */
.mds-mk[data-s="1"] .mds-win{--p:#B9C4DB;--d:#CFD7E8;--l:#E6EBF4}
.mds-mk[data-s="1"] .mds-wh{background:#DDE4F1}
.mds-mk[data-s="1"] .wt strong,.mds-mk[data-s="1"] .wt p,.mds-mk[data-s="1"] .wbt span,.mds-mk[data-s="1"] .wtr span,.mds-mk[data-s="1"] .mds-wn b,.mds-mk[data-s="1"] .mds-wn>span,.mds-mk[data-s="1"] .mds-wn em,.mds-mk[data-s="1"] .mds-ws h4,.mds-mk[data-s="1"] .mds-ws>p,.mds-mk[data-s="1"] .wcard h5,.mds-mk[data-s="1"] .wcard p,.mds-mk[data-s="1"] .wcard strong,.mds-mk[data-s="1"] .mds-wf span{color:transparent!important;background:#CBD4E6!important;border-radius:.4em;border-color:transparent!important}
.mds-mk[data-s="1"] .wi>svg,.mds-mk[data-s="1"] .wfc,.mds-mk[data-s="1"] .wcard .ic svg,.mds-mk[data-s="1"] .mds-wn b svg,.mds-mk[data-s="1"] .wtr svg{opacity:0}
/* krok 2: kolory, tekst jeszcze jako pola */
.mds-mk[data-s="2"] .wt strong,.mds-mk[data-s="2"] .wt p,.mds-mk[data-s="2"] .wtr span,.mds-mk[data-s="2"] .wbt span+span{color:transparent!important;background:rgba(255,255,255,.32)!important;border-radius:.4em;border-color:transparent!important}
.mds-mk[data-s="2"] .wbt span:first-child{color:transparent;background:rgba(255,255,255,.55)}
.mds-mk[data-s="2"] .wi>svg{opacity:.35}
.mds-mk[data-s="2"] .wfc{opacity:0}
.mds-mk[data-s="2"] .mds-ws h4,.mds-mk[data-s="2"] .mds-ws>p,.mds-mk[data-s="2"] .wcard h5,.mds-mk[data-s="2"] .wcard p,.mds-mk[data-s="2"] .wcard strong,.mds-mk[data-s="2"] .mds-wf span{color:transparent!important;background:#E4E8F0!important;border-radius:.4em}
.mds-pub{position:absolute;right:1em;bottom:3.6em;background:#1F7A5C;color:#fff;border-radius:99px;padding:6px 14px;font-weight:600;font-size:13px;opacity:0;transform:scale(.8);transition:opacity .4s,transform .4s;z-index:3}
.mds-mk[data-s="4"] .mds-pub{opacity:1;transform:none}
.mds-mk-nav{display:flex;gap:10px;justify-content:center;margin-top:18px}
.mds-mk-nav button{width:40px;height:40px;border-radius:50%;border:2px solid var(--wp--preset--color--line);background:#fff;color:var(--wp--preset--color--ink);font:800 16px var(--wp--preset--font-family--bricolage);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.mds-mk-nav button[aria-current="true"]{background:var(--wp--preset--color--blue);border-color:var(--wp--preset--color--blue);color:#fff}
.mds-step{cursor:pointer}

/* ---------- pakiety ---------- */
.mds-pk{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.mds-card{background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:20px;padding:30px 28px;min-width:0;display:flex;flex-direction:column}
.mds-pk .mds-card.is-hl{border:2px solid var(--wp--preset--color--blue);box-shadow:0 20px 40px -20px rgba(33,60,140,.4);transform:translateY(-10px)}
.mds-card h3{font-size:1.4rem;margin:0 0 6px}
.mds-card p{font-size:15px;color:var(--wp--preset--color--steel);margin:0 0 .8em}
.mds-price{font:800 2.6rem/1 var(--wp--preset--font-family--bricolage)!important;letter-spacing:-.03em;color:var(--wp--preset--color--ink)!important;margin:10px 0 2px!important}
.mds-price.is-small{font-size:1.9rem!important;padding:8px 0}
.mds-card .mds-unit{font-size:14px;margin:0}
.mds-card ul{list-style:none;padding:0;margin:20px 0 26px;display:grid;gap:10px;font-size:15px}
.mds-card li{padding-left:28px;position:relative}
.mds-card li::before{content:"";position:absolute;left:3px;top:.45em;width:11px;height:6px;border-left:2.5px solid var(--wp--preset--color--blue);border-bottom:2.5px solid var(--wp--preset--color--blue);transform:rotate(-45deg)}
.mds-card .wp-block-buttons{margin-top:auto}
.mds-note{text-align:center;color:var(--wp--preset--color--steel);font-size:14.5px;margin:34px auto 0!important;max-width:none!important}
.mds-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wp-block-table table{border-collapse:collapse;width:100%}
.wp-block-table th,.wp-block-table td{padding:14px 18px;border:0;border-bottom:1px solid var(--wp--preset--color--line);text-align:left}
.wp-block-table th{font-family:var(--wp--preset--font-family--bricolage);font-weight:700}
.wp-block-table td:not(:first-child),.wp-block-table th:not(:first-child){text-align:center}
.wp-block-table figcaption{display:none}
.wp-block-table{border:1px solid var(--wp--preset--color--line);border-radius:16px;overflow-x:auto;background:#fff}

/* ---------- opinie ---------- */
.mds-tq{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mds-tc{background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:20px;padding:28px;display:flex;flex-direction:column;min-width:0}
.mds-qm{font:800 56px/.6 var(--wp--preset--font-family--bricolage);color:var(--wp--preset--color--blue);opacity:.3;margin:0 0 4px;height:26px}
.mds-tc .mds-quote{font-size:15px;line-height:1.65;margin:8px 0 24px;flex:1}
.mds-who{display:flex;gap:14px;align-items:center}
.mds-who figure{margin:0;flex:none}
.mds-who img{width:60px;height:60px;border-radius:50%;object-fit:cover;display:block}
.mds-who p{margin:0;font-size:13px;color:var(--wp--preset--color--steel);line-height:1.35}
.mds-who strong{display:block;font-size:15px;color:var(--wp--preset--color--ink)}

/* ---------- baner Google ---------- */
.mds-gban{position:relative;overflow:hidden;color:#fff;padding:90px 20px;background:radial-gradient(900px 500px at 78% 40%,#2F5BEA 0,rgba(47,91,234,0) 70%),linear-gradient(115deg,#0E1830 30%,#1B3FB5)}
.mds-gban-in{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:1160px;margin:0 auto}
.mds-gban h2{color:#fff;font-size:clamp(2rem,4vw,2.9rem);margin:0;line-height:1.08}
.mds-gban p{color:#CFDAF7;font-size:1.12rem;margin:16px 0 26px}
.mds-fl{display:flex;gap:26px;margin-top:36px;flex-wrap:wrap}
.mds-fl p{margin:0;font-size:14px;color:#CFDAF7;display:flex;gap:10px;align-items:center;max-width:12em}
.mds-fl{counter-reset:f}.mds-fl p{counter-increment:f}.mds-fl p::before{content:counter(f);flex:none;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);display:grid;place-items:center;font:700 13px var(--wp--preset--font-family--instrument);color:#fff}
.mds-js .mds-fl p{opacity:.45;transition:opacity .4s}
.mds-js .mds-fl p.on{opacity:1}
.mds-gw{container-type:inline-size;min-width:0}
.mds-gs{position:relative;font-size:2.5cqw;height:46em;color:#141E33}
.mds-gs-q{position:absolute;left:0;right:0;top:0;background:#fff;border-radius:99em;padding:1.1em 1.8em;display:flex;gap:.9em;align-items:center;box-shadow:0 18px 40px -16px rgba(0,0,0,.5);font-size:1.25em}
.mds-gs-q svg{width:1.2em;height:1.2em;color:#56637C;flex:none}
.mds-gs-q i{display:inline-block;width:2px;height:1.1em;background:#2F5BEA;margin-left:1px;animation:mdsBlink 1s steps(2) infinite;vertical-align:text-bottom}
@keyframes mdsBlink{50%{opacity:0}}
.mds-gs-c{position:absolute;left:0;right:0;top:6em;background:#fff;border-radius:1.5em;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.55)}
.mds-gs-m{height:12em;background:#E7EEF7;position:relative;overflow:hidden}
.mds-gs-m i{position:absolute;background:#fff}
.mds-pin{position:absolute;width:2em;height:2em;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#E5322D;left:46%;top:3.4em}
.mds-pin::after{content:"";position:absolute;inset:.6em;border-radius:50%;background:#fff}
.mds-pin.g{background:#9AA9C4;width:1.5em;height:1.5em}.mds-pin.g::after{inset:.45em}
.mds-pin.main.in{animation:mdsPin 1.6s ease-out 1}
@keyframes mdsPin{0%{transform:rotate(-45deg) translate(-1.2em,1.2em) scale(.5)}60%{transform:rotate(-45deg) translate(.2em,-.2em) scale(1.15)}100%{transform:rotate(-45deg)}}
.mds-gs-i{padding:1.4em 1.7em 1.6em;font-size:1.15em}
.mds-gs-i small{color:#56637C;font-size:.8em}
.mds-gs-i strong{display:block;font:700 1.5em/1.15 var(--wp--preset--font-family--bricolage);color:#1B3FB5;margin:.1em 0 .25em}
.mds-stars{display:inline-flex;gap:.12em;color:#D4D9E4}
.mds-stars b{font-weight:400;transition:color .3s}
.mds-stars b.in{color:#E8A400}
.mds-pills{display:flex;gap:.6em;flex-wrap:wrap;margin-top:1em}
.mds-pills span{border:1.5px solid #DCE4F2;border-radius:99em;padding:.4em 1em;font-size:.95em;font-weight:600}
.mds-pills span.f{background:#2F5BEA;color:#fff;border-color:#2F5BEA}
.mds-gs-ph{position:absolute;right:-1.5em;bottom:-1em;width:15.5em;height:24.5em;border-radius:2.2em;background:#fff;border:.45em solid #0E1830;box-shadow:0 30px 60px -16px rgba(0,0,0,.6);overflow:hidden;transform:rotate(4deg);color:#1b2530}
.mds-gs-ph .h{background:#1B4F8A;color:#fff;padding:1.6em 1.1em;font:800 1.5em/1.1 var(--wp--preset--font-family--bricolage)}
.mds-gs-ph .h span{display:block;margin-top:.8em;background:#fff;color:#222;border-radius:.5em;padding:.6em;font:600 .72em var(--wp--preset--font-family--instrument);text-align:center}
.mds-gs-ph .r{padding:.8em 1.1em;font-size:.85em;border-bottom:1px solid #EEF0F3;font-weight:600}
.mds-gs-n{position:absolute;left:0;bottom:-3.2em;font-size:.85em;color:#9FB4E8}
.mds-js .mds-gs [data-at]{opacity:0;transform:translateY(14px);transition:opacity .55s,transform .55s}
.mds-js .mds-gs [data-at].in{opacity:1;transform:none}
.mds-js .mds-gs .mds-gs-ph[data-at]{transform:translateX(40px) rotate(4deg)}
.mds-js .mds-gs .mds-gs-ph[data-at].in{transform:rotate(4deg)}
.mds-js .mds-gs .mds-pin[data-at]{transform:rotate(-45deg)}
.mds-js .mds-gs .mds-stars b[data-at]{transform:none}
.mds-gban .wp-block-button__link{animation:none}
.mds-pulse .wp-block-button__link{animation:mdsPulse 2s ease-out 2 1.2s}
@keyframes mdsPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}100%{box-shadow:0 0 0 18px rgba(255,255,255,0)}}

/* ---------- stopka (jak w Nordinary: jasna) ---------- */
.mds-footer{background:#fff;border-top:1px solid var(--wp--preset--color--line);padding:64px 20px 32px}
.mds-footer>*{max-width:1160px;margin-left:auto;margin-right:auto}
.mds-fcols{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:70px}
.mds-fh{font-size:22px;margin:0 0 16px}
.mds-fh.big{font-size:34px}
.mds-fl2 p{margin:0}
.mds-fl2 a{display:block;text-decoration:none;color:var(--wp--preset--color--ink);padding:4px 0;font-size:15px}
.mds-fl2 a:hover{color:var(--wp--preset--color--blue);text-decoration:underline}
.mds-fbot{margin-top:56px!important;padding-top:20px;border-top:1px solid var(--wp--preset--color--line);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--wp--preset--color--steel)}
.mds-fbot p{margin:0}
.mds-fbot a{color:inherit}
.mds-short{max-width:380px}
.mds-short .row{display:flex;align-items:center;border-bottom:1px solid var(--wp--preset--color--ink);margin-top:20px}
.mds-short input[type=email]{flex:1;border:0;background:none;padding:14px 0;font:15px var(--wp--preset--font-family--instrument);color:var(--wp--preset--color--ink);min-width:0}
.mds-short input:focus{outline:0}
.mds-short button{background:none;border:0;cursor:pointer;color:var(--wp--preset--color--ink);padding:8px;display:flex}
.mds-short .consent{display:flex;gap:8px;font-size:12px;color:var(--wp--preset--color--steel);margin-top:14px}
.mds-short .consent input{margin-top:2px}
.mds-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
#mds-top{position:fixed;right:16px;bottom:16px;width:46px;height:46px;border-radius:10px;background:var(--wp--preset--color--blue);color:#fff;border:0;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 30px -14px rgba(33,60,140,.6);z-index:45;opacity:0;pointer-events:none;transition:opacity .2s}
#mds-top.on{opacity:1;pointer-events:auto}
#mds-top svg{width:22px;height:22px}

/* ---------- podstrony ---------- */
.mds-page{padding:56px 20px 84px}
.mds-page>*{max-width:1160px;margin-left:auto;margin-right:auto}
.mds-page.mds-narrow>*{max-width:820px}
.mds-page h1{font-size:clamp(2.2rem,4.5vw,3.2rem);margin:0 0 16px}
.mds-center{text-align:center}
.mds-center p{margin-left:auto;margin-right:auto}
.mds-two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.mds-two>*{min-width:0}
.mds-form{max-width:520px}
.mds-form label{display:block;font-size:14px;font-weight:600;margin:16px 0 5px}
.mds-form input[type=text],.mds-form input[type=email],.mds-form textarea{width:100%;background:#fff;color:var(--wp--preset--color--ink);border:1.5px solid var(--wp--preset--color--steel);border-radius:10px;padding:12px 14px;font:16px var(--wp--preset--font-family--instrument)}
.mds-form select{width:100%;background:#fff;color:var(--wp--preset--color--ink);border:1.5px solid var(--wp--preset--color--steel);border-radius:10px;padding:12px 14px;font:16px var(--wp--preset--font-family--instrument)}
.mds-form .consent{display:flex;gap:10px;font-size:14px;font-weight:400;color:var(--wp--preset--color--steel);margin-top:16px}
.mds-form .consent input{margin-top:4px;accent-color:var(--wp--preset--color--blue)}
.mds-form button[type=submit]{margin-top:22px;background:var(--wp--preset--color--blue);color:#fff;border:2px solid var(--wp--preset--color--blue);border-radius:10px;padding:14px 26px;font:600 16px var(--wp--preset--font-family--instrument);cursor:pointer}
.mds-form button[type=submit]:hover{background:var(--wp--preset--color--blue-dark);border-color:var(--wp--preset--color--blue-dark)}
.mds-msg{background:#fff;border-left:4px solid #1F7A5C;padding:14px 18px;border-radius:0 10px 10px 0;margin:16px 0}
.mds-msg.err{border-left-color:#A6342B}
.mds-det dt{font-weight:600;margin-top:14px}
.mds-det dd{margin:2px 0 0;color:var(--wp--preset--color--steel)}
.mds-ex>h3{margin:16px 0 4px;font-size:1.15rem}
.mds-ex>p{font-size:14.5px;color:var(--wp--preset--color--steel);margin:0}
.mds-exw{min-width:0}

.mds-legal h2{font-size:1.4rem;margin:1.6em 0 .4em}
.mds-warn{background:var(--wp--preset--color--sky);border-left:4px solid var(--wp--preset--color--blue);padding:14px 18px;border-radius:0 10px 10px 0}

/* ---------- baner końcowy podstron ---------- */
.mds-cta{background:var(--wp--preset--color--blue);color:#fff;text-align:center;padding:84px 20px}
.mds-cta h2{color:#fff;font-size:clamp(2rem,4.5vw,3rem);max-width:900px;margin:0 auto}
.mds-cta p{color:#DCE6FF;font-size:1.15rem;margin:14px auto 26px}

/* ---------- responsywność ---------- */
@media (max-width:1040px){
  .mds-bento{grid-template-columns:repeat(2,1fr)}
  .mds-fcols{gap:36px}
}
@media (max-width:900px){
  .mds-sec{padding:56px 20px}
  .mds-hero{padding:36px 20px 56px}
  .mds-hero-in,.mds-gban-in,.mds-steps,.mds-two{grid-template-columns:1fr;gap:40px}
  .mds-pk,.mds-grid3,.mds-tq,.mds-fcols{grid-template-columns:1fr}
  .mds-pk .mds-card.is-hl{transform:none}
  .mds-mkw{position:static}
  .mds-step{min-height:0}
  .mds-chip.c1{right:6px}.mds-chip.c2{left:6px}
  .mds-gban{padding:60px 20px 90px}
  .mds-gs{max-width:560px;margin:0 auto}
  .mds-cta{padding:60px 20px}
  .mds-fbot{flex-wrap:wrap;gap:10px}
}
@media (max-width:560px){
  .mds-bento{grid-template-columns:1fr;grid-auto-rows:180px}
  .mds-tile.s2{grid-row:span 2}
  .mds-logo .wp-block-site-tagline{display:none}
  .mds-bar{gap:12px}
  .mds-bar>.wp-block-buttons{display:none}
  .mds-strip-in{flex-direction:column;align-items:flex-start}
  .mds-fl{flex-direction:column;gap:12px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .mds-flip,.mds-tile,.mds-step,.mds-chip,.mds-hm-stage .mds-win,.mds-gs [data-at],.mds-pin,.mds-pulse .wp-block-button__link,.mds-gs-q i{animation:none!important;transition:none!important}
  .mds-js .mds-tile,.mds-js .mds-chip,.mds-js .mds-gs [data-at]{opacity:1!important;transform:none!important}
  .mds-js .mds-gs .mds-gs-ph[data-at]{transform:rotate(4deg)!important}
  .mds-js .mds-gs .mds-pin[data-at]{transform:rotate(-45deg)!important}
}

/* ---------- uzupełnienia ---------- */
.wp-block-post-content>*{margin-block-start:0;margin-block-end:0}
.wp-site-blocks{padding:0}
.mds-front p.mds-code{font:500 12.5px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#9FB4E8;margin-top:12px}
.mds-front p.mds-code em{color:#fff;font-style:normal}
p.mds-c,h1.mds-c,h2.mds-c{text-align:center;margin-left:auto;margin-right:auto}
.mds-page .wp-block-post-title{text-align:center;margin-bottom:12px}
.mds-page .wp-block-post-content>*+*{margin-top:28px}
.mds-page .wp-block-post-content>h2{margin-top:64px;text-align:center}
.mds-in{display:grid;place-items:center;width:34px;height:34px;color:var(--wp--preset--color--ink)}
.mds-in svg{width:20px;height:20px}
.mds-in:hover{color:var(--wp--preset--color--blue)}
.mds-sec .wp-block-group.mds-grid3,.mds-sec .wp-block-group.mds-pk{max-width:1160px}
.mds-chip svg{width:1.1em;height:1.1em;vertical-align:-2px;margin-right:2px}
.mds-gs-i{padding-right:9em}
.mds-gs-i strong{font-size:1.3em}
.mds-gs-ph .h span{white-space:nowrap;font-size:.62em}
@media (max-width:900px){.mds-gs{height:42em}}

/* ---------- uzupełnienia 1.0.1 ---------- */
.mds-grid3>*,.mds-pk>*,.mds-tq>*,.mds-bento>*,.mds-two>*,.mds-fcols>*,.mds-hero-in>*,.mds-gban-in>*,.mds-steps>*,.mds-abh>*,.mds-pr>*,.mds-story>*{margin-block:0!important}
.mds-ico{width:46px;height:46px;border-radius:12px;background:var(--wp--preset--color--sky);color:var(--wp--preset--color--blue);display:grid;place-items:center;margin-bottom:16px}
.mds-ico svg{width:24px;height:24px}
/* strona O mnie */
.mds-about{padding:56px 20px 0}
.mds-about>*{max-width:1160px;margin-left:auto;margin-right:auto}
.mds-abh{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding-bottom:40px}
.mds-abh h1{font-size:clamp(2.6rem,6vw,4.4rem);line-height:1;font-weight:800;margin:0 0 22px}
.mds-abh .mds-abl{font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.55;color:#33405A;max-width:30em;margin:0 0 26px}
.mds-pt{position:relative;min-height:340px;display:grid;place-items:center}
.mds-pt-c{width:min(340px,100%);aspect-ratio:1;border-radius:50%;background:linear-gradient(140deg,#EAF0FD,#C9D8FB);border:1px solid var(--wp--preset--color--line);display:grid;place-items:center;text-align:center;overflow:hidden}
.mds-pt-c p{margin:0;color:var(--wp--preset--color--steel);font-size:14px}
.mds-pt-c img{width:100%;height:100%;object-fit:cover}
.mds-pchip{position:absolute;background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:12px;padding:10px 14px;box-shadow:0 14px 30px -14px rgba(33,60,140,.5);font-size:13px;line-height:1.3;margin:0!important}
.mds-pchip strong{display:block;font:800 22px/1.1 var(--wp--preset--font-family--bricolage);color:var(--wp--preset--color--blue)}
.mds-pchip.a{left:0;top:40px}.mds-pchip.b{right:0;bottom:34px}
.mds-story{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:20px 0 46px;font-size:17px;line-height:1.65;color:#33405A}
.mds-story p{margin:0;max-width:none;font-size:inherit;color:inherit}
.mds-pr{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-bottom:70px}
.mds-pr .mds-card{padding:28px}
.mds-pr .mds-card h3{font-size:1.35rem}
.mds-pr .mds-card p{font-size:15.5px}
@media (max-width:900px){.mds-abh,.mds-story,.mds-pr{grid-template-columns:1fr;gap:28px}.mds-pt{min-height:300px}}
@container (max-width:430px){.mds-wn>span{display:none}.mds-wh{padding:1.8em 1.2em}.wrv{grid-template-columns:1fr}}
/* logo w nagłówku: wyrównanie kółka i napisu */
.mds-logo,.mds-logo-txt{align-items:center}
.mds-logo>*,.mds-logo-txt>*,.mds-bar>*{margin-block:0!important}
.mds-logo-txt{align-items:flex-start;gap:4px}
.mds-mark{flex:none;line-height:1;padding-bottom:1px}