/* === FONT: Mundial (wgraj pliki do folderu ./fonts/) === */@font-face{font-family:"Mundial";src:url("fonts/Mundial-Regular.woff2") format("woff2"),url("fonts/Mundial-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:"Mundial";src:url("fonts/Mundial-Regular.woff2") format("woff2"),url("fonts/Mundial-Regular.woff") format("woff");font-weight:500;font-style:normal;font-display:swap;}@font-face{font-family:"Mundial";src:url("fonts/Mundial-Bold.woff2") format("woff2"),url("fonts/Mundial-Bold.woff") format("woff");font-weight:600 800;font-style:normal;font-display:swap;}/* =========================================================
UDT SZKOLENIA — Design System
Paleta z logo: granat (#16283A) + pomarańcz (#F6A21E) + biel
========================================================= */
:root{
/* Kolory marki */
--udt-navy: #16283A; /* główny granat (litery UDT) */
--udt-navy-800: #1E3550; /* jaśniejszy granat sekcji */
--udt-navy-700: #274566;
--udt-orange: #F6A21E; /* akcent (SZKOLENIA / łuk) */
--udt-orange-600: #E28C00; /* hover pomarańczu */
--udt-orange-100: #FDEBCC; /* tło pastelowe */
--udt-ink: #1B2530; /* tekst na jasnym */
--udt-muted: #5B6875; /* tekst drugorzędny */
--udt-line: #E4E8EE; /* obramowania */
--udt-bg: #FFFFFF;
--udt-bg-soft: #F5F7FA; /* sekcje jasnoszare */
/* Typografia */
--udt-font-head: "Mundial", "Manrope", system-ui, sans-serif;
--udt-font-body: "Mundial", "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
/* Promienie / cienie */
--udt-radius: 14px;
--udt-radius-sm: 10px;
--udt-shadow: 0 18px 40px -18px rgba(22,40,58,.28);
--udt-shadow-sm: 0 8px 22px -12px rgba(22,40,58,.22);
/* Layout */
--udt-container: 1440px;
}
/* ---------- Reset akcentów Astry ---------- */
body{ font-family: var(--udt-font-body); color: var(--udt-ink); }
h1,h2,h3,h4,h5,h6{ font-family: var(--udt-font-head); color: var(--udt-navy); font-weight:700; line-height:1.08; letter-spacing:-0.02em; }
a{ color: var(--udt-orange-600); }
a:hover{ color: var(--udt-orange); }
/* ---------- Utility: kontener ---------- */
.udt-container{ max-width: var(--udt-container); margin-inline:auto; padding-inline: 20px; }
/* ---------- Sekcja ---------- */
.udt-section{ padding: 120px 0; }
.udt-section--soft{ background: var(--udt-bg-soft); }
.udt-section--navy{ background: var(--udt-navy); color:#fff; }
.udt-section--navy h1,.udt-section--navy h2,.udt-section--navy h3{ color:#fff; }
@media (max-width: 782px){ .udt-section{ padding: 80px 0; } }
/* ---------- Nagłówek sekcji ---------- */
.udt-eyebrow{
display:inline-flex; align-items:center; gap:8px;
font-family: var(--udt-font-body); font-weight:700; font-size:13px; letter-spacing:2px;
text-transform:uppercase; color: var(--udt-orange-600); margin:0 0 14px;
}
.udt-eyebrow::before{ content:""; width:26px; height:3px; background: var(--udt-orange); border-radius:2px; }
.udt-section-title{ font-size: clamp(28px, 4vw, 44px); margin:0 0 16px; }
.udt-section-lead{ color: var(--udt-muted); font-size:18px; max-width: 720px; margin:0 0 6px; }
.udt-section--navy .udt-section-lead{ color: rgba(255,255,255,.78); }
.udt-center{ text-align:center; }
.udt-center .udt-section-lead{ margin-inline:auto; }
/* ---------- Przyciski ---------- */
.udt-btn{
display:inline-flex; align-items:center; gap:10px;
font-family: var(--udt-font-body); font-weight:700; font-size:16px;
padding: 15px 28px; border-radius: 999px; border:2px solid transparent;
text-decoration:none; cursor:pointer; transition:.2s ease; line-height:1;
}
.udt-btn--primary{ background: var(--udt-orange); color: var(--udt-navy); }
.udt-btn--primary:hover{ background: var(--udt-orange-600); color:#fff; transform: translateY(-2px); }
.udt-btn--ghost{ background:transparent; color:#fff; border-color: rgba(255,255,255,.5); }
.udt-btn--ghost:hover{ border-color: var(--udt-orange); color: var(--udt-orange); }
.udt-btn--dark{ background: var(--udt-navy); color:#fff; }
.udt-btn--dark:hover{ background: var(--udt-navy-800); color:#fff; transform: translateY(-2px); }
/* ---------- Grid ---------- */
.udt-grid{ display:grid; gap:24px; }
.udt-grid--2{ grid-template-columns: repeat(2,1fr); }
.udt-grid--3{ grid-template-columns: repeat(3,1fr); }
.udt-grid--4{ grid-template-columns: repeat(4,1fr); }
@media (max-width: 1024px){ .udt-grid--4{ grid-template-columns: repeat(2,1fr); } .udt-grid--3{ grid-template-columns: repeat(2,1fr);} }
@media (max-width: 680px){ .udt-grid--2,.udt-grid--3,.udt-grid--4{ grid-template-columns: 1fr; } }
/* ---------- Karta kategorii (kwadratowa, czarno-biała → kolor na hover) ---------- */
.udt-cat{
position:relative; display:flex; flex-direction:column; justify-content:flex-end;
aspect-ratio: 1 / 1; border-radius: 0; overflow:hidden;
background: #0f1a26; color:#fff; text-decoration:none; isolation:isolate;
border:1px solid rgba(255,255,255,.06);
}
.udt-cat img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2;
filter: grayscale(1) contrast(1.05) brightness(.72);
transition: filter .5s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.udt-cat::after{ content:""; position:absolute; inset:0; z-index:-1; transition:.45s ease;
background: linear-gradient(180deg, rgba(10,18,28,.10) 0%, rgba(10,18,28,.45) 50%, rgba(10,18,28,.92) 100%); }
.udt-cat:hover img{ filter: grayscale(0) contrast(1) brightness(.95); transform: scale(1.06); }
.udt-cat:hover::after{ background: linear-gradient(180deg, rgba(10,18,28,0) 0%, rgba(10,18,28,.35) 55%, rgba(10,18,28,.9) 100%); }
/* pasek akcentu na dole, rozjaśnia się na hover */
.udt-cat::before{ content:""; position:absolute; left:0; bottom:0; height:4px; width:100%; z-index:1;
background: var(--udt-orange); transform: scaleX(0); transform-origin:left; transition: transform .45s ease; }
.udt-cat:hover::before{ transform: scaleX(1); }
.udt-cat__body{ padding: 26px; transition:.35s; position:relative; z-index:1; }
.udt-cat__tag{ display:inline-block; font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;
color:#fff; background: rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.25);
padding:5px 12px; border-radius:4px; margin-bottom:14px; transition:.35s; }
.udt-cat:hover .udt-cat__tag{ color: var(--udt-navy); background: var(--udt-orange); border-color: var(--udt-orange); }
.udt-cat__title{ color:#fff; font-size:26px; margin:0 0 8px; }
.udt-cat__desc{ color: rgba(255,255,255,.80); font-size:15px; margin:0 0 16px; max-height:0; opacity:0; overflow:hidden;
transition: max-height .45s ease, opacity .35s ease, margin .35s ease; }
.udt-cat:hover .udt-cat__desc{ max-height:120px; opacity:1; }
.udt-cat__more{ display:inline-flex; align-items:center; gap:8px; color: var(--udt-orange); font-weight:700; font-size:14px;
text-transform:uppercase; letter-spacing:1px; }
.udt-cat:hover .udt-cat__more{ gap:14px; }
/* ---------- Karta USP / feature ---------- */
.udt-feature{ background:#fff; border:1px solid var(--udt-line); border-radius: var(--udt-radius);
padding: 30px 26px; transition:.2s; height:100%; }
.udt-feature:hover{ box-shadow: var(--udt-shadow); transform: translateY(-4px); border-color: transparent; }
.udt-feature__ic{ width:56px; height:56px; border-radius:14px; display:grid; place-items:center;
background: var(--udt-orange-100); color: var(--udt-orange-600); margin-bottom:18px; }
.udt-feature__ic svg{ width:28px; height:28px; }
.udt-feature h3{ font-size:21px; margin:0 0 10px; }
.udt-feature p{ color: var(--udt-muted); margin:0; font-size:15.5px; line-height:1.6; }
/* ---------- Pasek statystyk ---------- */
.udt-stats{ display:grid; grid-template-columns: repeat(4,1fr); gap:20px; }
.udt-stat{ text-align:center; padding: 8px; }
.udt-stat__num{ font-family: var(--udt-font-head); font-weight:700; font-size: clamp(34px,5vw,52px); color: var(--udt-orange); line-height:1; }
.udt-stat__lbl{ margin-top:8px; font-size:15px; color: rgba(255,255,255,.8); }
@media (max-width:680px){ .udt-stats{ grid-template-columns: repeat(2,1fr); } }
/* ---------- Proces / kroki ---------- */
.udt-step{ position:relative; padding: 28px 24px; background:#fff; border:1px solid var(--udt-line);
border-radius: var(--udt-radius); height:100%; }
.udt-step__no{ font-family:var(--udt-font-head); font-weight:700; font-size:52px; color: var(--udt-orange-100);
line-height:.8; position:absolute; top:16px; right:20px; }
.udt-step h3{ font-size:20px; margin: 6px 0 8px; }
.udt-step p{ color: var(--udt-muted); margin:0; font-size:15px; }
/* ---------- Opinie ---------- */
.udt-review{ background:#fff; border:1px solid var(--udt-line); border-radius: var(--udt-radius); padding: 28px; height:100%; }
.udt-review__stars{ color: var(--udt-orange); letter-spacing:2px; margin-bottom:12px; font-size:18px; }
.udt-review p{ color: var(--udt-ink); font-size:16px; line-height:1.6; margin:0 0 18px; }
.udt-review__who{ display:flex; align-items:center; gap:12px; }
.udt-review__ava{ width:44px; height:44px; border-radius:50%; background: var(--udt-navy); color:#fff;
display:grid; place-items:center; font-weight:700; font-family:var(--udt-font-head); }
.udt-review__name{ font-weight:700; color: var(--udt-navy); }
.udt-review__role{ font-size:13px; color: var(--udt-muted); }
/* ---------- FAQ (details/summary — SEO friendly) ---------- */
.udt-faq{ max-width: 860px; margin-inline:auto; }
.udt-faq details{ background:#fff; border:1px solid var(--udt-line); border-radius: var(--udt-radius-sm);
margin-bottom:14px; overflow:hidden; }
.udt-faq summary{ list-style:none; cursor:pointer; padding: 20px 24px; font-family:var(--udt-font-head);
font-weight:700; font-size:18px; color: var(--udt-navy); display:flex; justify-content:space-between; gap:16px; align-items:center; }
.udt-faq summary::-webkit-details-marker{ display:none; }
.udt-faq summary::after{ content:"+"; font-size:26px; color: var(--udt-orange); transition:.2s; line-height:1; }
.udt-faq details[open] summary::after{ transform: rotate(45deg); }
.udt-faq details[open] summary{ color: var(--udt-orange-600); }
.udt-faq__a{ padding: 0 24px 22px; color: var(--udt-muted); line-height:1.65; font-size:15.5px; }
/* ---------- Lista checków ---------- */
.udt-checks{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.udt-checks li{ position:relative; padding-left:34px; color: var(--udt-ink); font-size:16px; line-height:1.5; }
.udt-checks li::before{ content:"✓"; position:absolute; left:0; top:-1px; width:24px; height:24px; border-radius:50%;
background: var(--udt-orange); color: var(--udt-navy); font-weight:800; display:grid; place-items:center; font-size:13px; }
.udt-section--navy .udt-checks li{ color: rgba(255,255,255,.9); }
/* ---------- CTA pas ---------- */
.udt-cta-band{ background: linear-gradient(120deg, var(--udt-navy) 0%, var(--udt-navy-800) 100%);
border-radius: 22px; padding: 48px; color:#fff; position:relative; overflow:hidden; }
.udt-cta-band::before{ content:""; position:absolute; right:-60px; top:-60px; width:260px; height:260px;
background: radial-gradient(circle, rgba(246,162,30,.35), transparent 70%); }
.udt-cta-band h2{ color:#fff; font-size: clamp(26px,3.5vw,40px); margin:0 0 10px; }
.udt-cta-band p{ color: rgba(255,255,255,.82); font-size:18px; margin:0; }
/* ---------- Responsywne obrazy w treści ---------- */
.udt-round{ border-radius: var(--udt-radius); overflow:hidden; box-shadow: var(--udt-shadow); }
.udt-round img{ display:block; width:100%; height:auto; }
/* =========================================================
SEKCJA VR — „Usiądź za sterami wózka"
========================================================= */
.udt-vr{ position:relative; background: radial-gradient(120% 120% at 80% 0%, #24486c 0%, var(--udt-navy) 55%); color:#fff; overflow:hidden; }
.udt-vr::before{ content:""; position:absolute; inset:0;
background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
background-size: 44px 44px; mask-image: radial-gradient(80% 80% at 50% 40%, #000 30%, transparent 75%); }
.udt-vr__wrap{ position:relative; display:grid; grid-template-columns: 1.05fr 1fr; gap:48px; align-items:center; }
@media (max-width: 980px){ .udt-vr__wrap{ grid-template-columns:1fr; } }
.udt-vr__badge{ display:inline-flex; align-items:center; gap:8px; background: rgba(246,162,30,.15);
border:1px solid rgba(246,162,30,.5); color: var(--udt-orange); padding:8px 16px; border-radius:999px;
font-weight:700; font-size:13px; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:18px; }
.udt-vr h2{ color:#fff; font-size: clamp(30px,4vw,46px); margin:0 0 16px; }
.udt-vr p{ color: rgba(255,255,255,.82); font-size:18px; line-height:1.65; margin:0 0 24px; max-width:520px; }
/* Interaktywna scena wózka */
.udt-sim{ position:relative; aspect-ratio: 16/11; border-radius: 20px; overflow:hidden;
background: linear-gradient(180deg,#0f1e2e,#1b3a57); border:1px solid rgba(255,255,255,.12);
box-shadow: 0 30px 70px -30px rgba(0,0,0,.7); }
.udt-sim canvas{ display:block; width:100%; height:100%; }
.udt-sim__hud{ position:absolute; left:16px; top:16px; display:flex; gap:8px; flex-wrap:wrap; z-index:3; }
.udt-sim__chip{ background: rgba(9,18,28,.7); backdrop-filter: blur(4px); border:1px solid rgba(255,255,255,.14);
color:#fff; font-size:12px; font-weight:600; padding:6px 11px; border-radius:8px; letter-spacing:.3px; }
.udt-sim__chip b{ color: var(--udt-orange); }
.udt-sim__hint{ position:absolute; left:0; right:0; bottom:14px; text-align:center; z-index:3;
color: rgba(255,255,255,.85); font-size:13px; }
.udt-sim__hint kbd{ background: rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.25);
border-radius:6px; padding:2px 8px; font-family:inherit; font-size:12px; margin:0 2px; }
.udt-sim__start{ position:absolute; inset:0; z-index:4; display:grid; place-items:center;
background: rgba(10,20,30,.55); backdrop-filter: blur(2px); cursor:pointer; transition:.3s; }
.udt-sim__start.is-hidden{ opacity:0; pointer-events:none; }
.udt-sim__start .udt-btn{ pointer-events:none; }
/* Sterowanie mobilne */
.udt-sim__pad{ position:absolute; right:14px; bottom:14px; z-index:5; display:none; gap:8px; }
.udt-sim__pad button{ width:52px; height:52px; border-radius:12px; border:1px solid rgba(255,255,255,.2);
background: rgba(9,18,28,.75); color:#fff; font-size:22px; touch-action:none; }
@media (hover:none) and (pointer:coarse){ .udt-sim__pad{ display:grid; grid-template-columns:repeat(2,52px); }
.udt-sim__hint{ display:none; } }
/* =========================================================
KOMPONENTY PODSTRON OFERTOWYCH
========================================================= */
/* Hero podstrony */
.udt-phero{ position:relative; background: var(--udt-navy); color:#fff; overflow:hidden; }
.udt-phero::after{ content:""; position:absolute; inset:0; z-index:0;
background: linear-gradient(90deg, var(--udt-navy) 30%, rgba(22,40,58,.6) 70%, rgba(22,40,58,.25) 100%); }
@media (max-width:640px){
.udt-phero__bg{ opacity:1; }
.udt-phero::after{
background:
linear-gradient(180deg, rgba(9,16,24,.72) 0%, rgba(9,16,24,.32) 40%, rgba(9,16,24,.62) 100%);
}
}
.udt-phero__bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-1; opacity:.85; }
.udt-phero__in{ position:relative; z-index:1; padding: 90px 0; max-width: 640px; }
.udt-phero h1{ color:#fff; font-size: clamp(32px,5vw,54px); margin:0 0 16px; }
.udt-phero p{ color: rgba(255,255,255,.85); font-size:19px; line-height:1.6; margin:0 0 26px; }
.udt-breadcrumb{ font-size:14px; color: rgba(255,255,255,.7); margin-bottom:18px; }
.udt-breadcrumb a{ color: var(--udt-orange); text-decoration:none; }
/* Pasek faktów o kursie */
.udt-metabar{ display:grid; grid-template-columns: repeat(4,1fr); gap:2px; background: var(--udt-line);
border:1px solid var(--udt-line); border-radius: var(--udt-radius); overflow:hidden; }
.udt-metabar__it{ background:#fff; padding: 22px 20px; display:flex; gap:14px; align-items:center; }
.udt-metabar__ic{ font-size:24px; }
.udt-metabar__lbl{ display:block; font-size:12px; text-transform:uppercase; letter-spacing:1px; color:var(--udt-muted); }
.udt-metabar__val{ display:block; font-weight:700; color: var(--udt-navy); font-size:16px; font-family:var(--udt-font-head); }
@media (max-width:860px){ .udt-metabar{ grid-template-columns: repeat(2,1fr); } }
@media (max-width:480px){ .udt-metabar{ grid-template-columns: 1fr; } }
/* Układ dwukolumnowy tekst+obraz */
.udt-split{ display:grid; grid-template-columns: 1fr 1fr; gap:50px; align-items:center; }
.udt-split--wide-text{ grid-template-columns: 1.1fr .9fr; }
@media (max-width: 900px){ .udt-split{ grid-template-columns:1fr; gap:32px; } }
/* Program kursu (timeline) */
.udt-program{ max-width: 820px; }
.udt-program__it{ position:relative; padding: 0 0 28px 56px; border-left:2px solid var(--udt-line); }
.udt-program__it:last-child{ border-left-color:transparent; padding-bottom:0; }
.udt-program__no{ position:absolute; left:-19px; top:-4px; width:38px; height:38px; border-radius:50%;
background: var(--udt-orange); color: var(--udt-navy); font-weight:800; font-family:var(--udt-font-head);
display:grid; place-items:center; font-size:16px; }
.udt-program__it h3{ font-size:20px; margin:0 0 6px; }
.udt-program__it p{ color: var(--udt-muted); margin:0; font-size:15.5px; line-height:1.6; }
/* Karta cennika */
.udt-price{ background: var(--udt-navy); color:#fff; border-radius: var(--udt-radius); padding: 34px; position:relative; overflow:hidden; }
.udt-price::before{ content:""; position:absolute; right:-40px; top:-40px; width:180px; height:180px;
background: radial-gradient(circle, rgba(246,162,30,.4), transparent 70%); }
.udt-price__tag{ color: var(--udt-orange); font-weight:700; text-transform:uppercase; letter-spacing:1.5px; font-size:13px; }
.udt-price__amount{ font-family:var(--udt-font-head); font-weight:800; font-size:46px; margin:6px 0; }
.udt-price__amount small{ font-size:16px; color: rgba(255,255,255,.7); font-weight:600; }
.udt-price ul{ list-style:none; padding:0; margin:18px 0 24px; display:grid; gap:10px; }
.udt-price li{ position:relative; padding-left:26px; color: rgba(255,255,255,.9); font-size:15px; }
.udt-price li::before{ content:"✓"; position:absolute; left:0; color: var(--udt-orange); font-weight:800; }
/* Tabela terminów */
.udt-terms{ width:100%; border-collapse:collapse; background:#fff; border-radius: var(--udt-radius); overflow:hidden;
box-shadow: var(--udt-shadow-sm); }
.udt-terms th{ background: var(--udt-navy); color:#fff; text-align:left; padding: 16px 20px; font-family:var(--udt-font-head); font-size:15px; letter-spacing:.5px; }
.udt-terms td{ padding: 15px 20px; border-bottom:1px solid var(--udt-line); font-size:15px; color: var(--udt-ink); }
.udt-terms tr:last-child td{ border-bottom:none; }
.udt-badge{ display:inline-block; padding:4px 12px; border-radius:999px; font-size:12px; font-weight:700; }
.udt-badge--open{ background:#e5f6e8; color:#1f8a3b; }
.udt-badge--soon{ background: var(--udt-orange-100); color: var(--udt-orange-600); }
/* Formularz kontaktowy (placeholder — do zamiany na Elementor Form) */
.udt-form{ display:grid; gap:14px; }
.udt-form input, .udt-form textarea, .udt-form select{ width:100%; padding: 14px 16px; border:1px solid var(--udt-line);
border-radius: var(--udt-radius-sm); font-family:inherit; font-size:15px; background:#fff; }
.udt-form input:focus, .udt-form textarea:focus{ outline:none; border-color: var(--udt-orange); box-shadow:0 0 0 3px rgba(246,162,30,.18); }
.udt-form .udt-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media (max-width:600px){ .udt-form .udt-row{ grid-template-columns:1fr; } }
/* Info kontaktowe */
.udt-contact-info{ display:grid; gap:18px; }
.udt-contact-info__it{ display:flex; gap:14px; align-items:flex-start; }
.udt-contact-info__ic{ width:46px; height:46px; border-radius:12px; background: var(--udt-orange-100);
color: var(--udt-orange-600); display:grid; place-items:center; flex:none; font-size:20px; }
.udt-contact-info__it b{ display:block; color: var(--udt-navy); font-family:var(--udt-font-head); }
.udt-contact-info__it span{ color: var(--udt-muted); font-size:15px; }
/* =========================================================
NAGŁÓWEK / MENU / STOPKA
========================================================= */
/* Przycisk CTA w menu */
.main-header-menu .udt-nav-cta > a, .ast-menu-toggle + * .udt-nav-cta > a,
li.udt-nav-cta > a{
background: var(--udt-orange); color: var(--udt-navy) !important; border-radius:999px;
padding: 10px 22px !important; font-weight:700; margin-left:8px; transition:.2s;
}
li.udt-nav-cta > a:hover{ background: var(--udt-navy); color:#fff !important; }
/* Logo w nagłówku – rozmiar */
.site-header .custom-logo-link img, .ast-site-identity img{ max-height:52px; width:auto; }
/* Aktywny link menu w kolorze marki */
.main-header-menu .current-menu-item > a{ color: var(--udt-orange-600); }
/* Ukryj domyślną stopkę Astry (mamy własną) */
footer.site-footer{ display:none !important; }
/* Własna stopka */
.udt-footer{ background: var(--udt-navy); color: rgba(255,255,255,.75); }
.udt-footer__grid{ display:grid; grid-template-columns: 1.5fr 1fr 1.2fr 1fr; gap:36px; padding: 60px 20px 40px; }
@media (max-width: 900px){ .udt-footer__grid{ grid-template-columns: 1fr 1fr; gap:28px; } }
@media (max-width: 560px){ .udt-footer__grid{ grid-template-columns: 1fr; } }
.udt-footer__logo{ font-family:var(--udt-font-head); font-weight:800; font-style:italic; font-size:30px; color:#fff; margin-bottom:14px; }
.udt-footer__logo span{ color: var(--udt-orange); font-style:normal; font-weight:700; margin-left:6px; letter-spacing:2px; font-size:22px; }
.udt-footer p{ font-size:14.5px; line-height:1.6; margin:0 0 16px; }
.udt-footer h4{ color:#fff; font-size:16px; margin:0 0 16px; letter-spacing:.5px; }
.udt-footer ul{ list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.udt-footer a{ color: rgba(255,255,255,.75); text-decoration:none; font-size:14.5px; transition:.2s; }
.udt-footer a:hover{ color: var(--udt-orange); }
.udt-footer__bar{ border-top:1px solid rgba(255,255,255,.1); }
.udt-footer__barin{ display:flex; justify-content:space-between; gap:16px; padding:20px; font-size:13px; color:rgba(255,255,255,.55); flex-wrap:wrap; }
/* Ukryj domyślny baner/tytuł strony Astry (mamy własne hero) */
.ast-single-entry-banner{ display:none !important; }
.page .entry-header .entry-title, .ast-archive-description{ display:none; }
/* Zeruj górny odstęp Astry na stronach z Elementorem */
.elementor-page .site-content .ast-container{ max-width:100%; padding:0; }
.elementor-page #primary{ margin:0; padding:0; }
/* Logo tylko graficzne — ukryj tekstowy tytuł/opis obok logo */
.ast-site-title-wrap{ display:none !important; }
.site-header .custom-logo-link img, .ast-site-identity img.custom-logo{ max-height:56px; width:auto; }
/* =========================================================
HERO (full-bleed, styl Built) — v2
========================================================= */
.udt-btn--lg{ font-size:17px; padding:18px 34px; }
.udt-hero{ position:relative; min-height: clamp(560px, 86vh, 860px); display:flex; align-items:center; overflow:hidden;
color:#fff; background:#0b131c; }
.udt-hero__bg-wrap{ position:absolute; inset:0; z-index:0; overflow:hidden; display:grid; }
.udt-hero__bg{ width:100% !important; height:100% !important; object-fit:cover; object-position: 60% center; }
.udt-hero__ov{ position:absolute; inset:0; z-index:1;
background:
linear-gradient(90deg, rgba(9,16,24,.94) 0%, rgba(9,16,24,.80) 38%, rgba(9,16,24,.30) 66%, rgba(9,16,24,.55) 100%),
linear-gradient(0deg, rgba(9,16,24,.75) 0%, rgba(9,16,24,0) 40%); }
.udt-hero__inner{ position:relative; z-index:2; width:100%; padding-top:90px; padding-bottom:120px; }
.udt-hero__eyebrow{ display:inline-flex; align-items:center; gap:10px; font-weight:600; font-size:13px;
letter-spacing:3px; text-transform:uppercase; color: var(--udt-orange); margin:0 0 22px; }
.udt-hero__eyebrow::before{ content:""; width:34px; height:2px; background: var(--udt-orange); }
.udt-hero__title{ color:#fff; font-weight:700; font-size: clamp(40px, 6vw, 78px); line-height:1.02;
letter-spacing:-0.03em; margin:0 0 22px; max-width: 900px; }
.udt-hero__title span{ color: var(--udt-orange); }
.udt-hero__lead{ color: rgba(255,255,255,.82); font-size: clamp(17px,1.4vw,20px); line-height:1.6;
max-width: 560px; margin:0 0 34px; }
.udt-hero__cta{ display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.udt-hero__play{ display:inline-flex; align-items:center; gap:14px; color:#fff; text-decoration:none;
font-weight:600; font-size:16px; transition:.2s; }
.udt-hero__play:hover{ color: var(--udt-orange); }
.udt-hero__playic{ width:54px; height:54px; border-radius:50%; display:grid; place-items:center;
border:2px solid rgba(255,255,255,.4); font-size:16px; transition:.25s; }
.udt-hero__play:hover .udt-hero__playic{ border-color: var(--udt-orange); background: var(--udt-orange); color: var(--udt-navy); }
/* pasek zaufania na dole hero */
.udt-hero__strip{ position:absolute; left:0; right:0; bottom:0; z-index:3;
background: rgba(9,16,24,.55); backdrop-filter: blur(6px); border-top:1px solid rgba(255,255,255,.12); }
.udt-hero__stripin{ display:flex; flex-wrap:wrap; gap:14px 40px; padding:20px; }
.udt-hero__badge{ display:inline-flex; align-items:center; gap:10px; color: rgba(255,255,255,.9);
font-size:14.5px; font-weight:500; }
.udt-hero__badge b{ color: var(--udt-orange); font-family:var(--udt-font-head); font-weight:700; }
@media (max-width: 900px){ .udt-hero{ min-height: 82vh; } .udt-hero__inner{ padding-bottom:150px; } }
/* =========================================================
HEADER v2 (styl TranSend) — górny pasek + nav z pigułką
========================================================= */
/* Ukryj domyślny header Astry — mamy własny */
header.site-header{ display:none !important; }
.udt-top{ background: var(--udt-navy); color:#fff; }
.udt-top__in{ display:flex; justify-content:space-between; align-items:center; gap:24px; padding:11px 0; font-size:14px; }
.udt-top__items{ display:flex; gap:30px; align-items:center; flex-wrap:wrap; }
.udt-top__it{ display:flex; gap:12px; align-items:center; }
.udt-top__ic{ width:34px; height:34px; border-radius:9px; background: rgba(246,162,30,.15); color: var(--udt-orange); display:grid; place-items:center; font-size:16px; flex:none; }
.udt-top__it b{ display:block; color:#fff; font-weight:600; line-height:1.2; }
.udt-top__it span{ color: rgba(255,255,255,.55); font-size:12.5px; }
.udt-top__cta{ display:inline-flex; align-items:center; gap:8px; background: var(--udt-orange); color: var(--udt-navy);
font-weight:700; padding:10px 20px; border-radius:999px; text-decoration:none; transition:.2s; }
.udt-top__cta:hover{ background:#fff; color: var(--udt-navy); }
@media (max-width: 900px){ .udt-top{ display:none; } }
.udt-nav{ background:#fff; position:sticky; top:0; z-index:1000; transition: box-shadow .3s; }
.udt-nav.is-stuck{ box-shadow: 0 6px 30px -12px rgba(22,40,58,.25); }
.udt-nav__in{ display:flex; align-items:center; gap:24px; padding:12px 0; }
.udt-nav__logo{ display:flex; align-items:center; flex:none; }
.udt-nav__logo img{ max-height:52px; width:auto; }
.udt-nav__menu{ margin-left:auto; }
.udt-nav__menu ul{ display:flex; align-items:center; gap:4px; list-style:none; margin:0; padding:0; }
.udt-nav__menu a{ display:block; padding:11px 18px; border-radius:999px; color: var(--udt-navy);
font-weight:600; font-size:15.5px; text-decoration:none; transition:.2s; }
.udt-nav__menu a:hover{ color: var(--udt-orange-600); }
.udt-nav__menu .current-menu-item > a{ background: var(--udt-orange); color: var(--udt-navy); }
.udt-nav__menu li.udt-nav-cta > a{ background: var(--udt-navy); color:#fff; }
.udt-nav__menu li.udt-nav-cta > a:hover{ background: var(--udt-orange); color: var(--udt-navy); }
.udt-nav__tools{ display:flex; align-items:center; gap:14px; flex:none; }
.udt-nav__search{ width:44px; height:44px; border-radius:50%; border:1px solid var(--udt-line); background:#fff;
display:grid; place-items:center; cursor:pointer; color: var(--udt-navy); font-size:17px; transition:.2s; }
.udt-nav__search:hover{ background: var(--udt-orange); border-color: var(--udt-orange); }
.udt-nav__burger{ display:none; width:46px; height:46px; border-radius:12px; border:1px solid var(--udt-line);
background:#fff; cursor:pointer; color: var(--udt-navy); font-size:20px; }
/* pasek wyszukiwania (rozwijany) */
.udt-search{ max-height:0; overflow:hidden; background:#fff; border-top:1px solid transparent; transition:.3s; }
.udt-search.is-open{ max-height:90px; border-top-color: var(--udt-line); }
.udt-search form{ display:flex; gap:10px; padding:16px 0; }
.udt-search input{ flex:1; padding:13px 18px; border:1px solid var(--udt-line); border-radius:999px; font-size:15px; }
@media (max-width: 900px){
.udt-nav__menu{ position:absolute; left:0; right:0; top:100%; background:#fff; border-top:1px solid var(--udt-line);
box-shadow: var(--udt-shadow); max-height:0; overflow:hidden; transition:max-height .35s ease; }
.udt-nav.is-open .udt-nav__menu{ max-height:70vh; }
.udt-nav__menu ul{ flex-direction:column; align-items:stretch; padding:12px; gap:2px; }
.udt-nav__menu a{ border-radius:10px; }
.udt-nav__burger{ display:grid; place-items:center; margin-left:auto; }
.udt-nav__tools{ margin-left:auto; }
.udt-nav{ position:relative; }
}
/* =========================================================
KARTY USŁUG v2 (kolorowe, styl Builder) — zamiast czarno-białych
========================================================= */
.udt-scards{ display:grid; grid-template-columns: repeat(4,1fr); gap:26px; }
.udt-scard{ background:#fff; border-radius:18px; overflow:hidden; text-decoration:none; display:flex; flex-direction:column;
border:1px solid var(--udt-line); box-shadow: var(--udt-shadow-sm); transition:.3s; }
.udt-scard:hover{ transform: translateY(-8px); box-shadow: var(--udt-shadow); border-color:transparent; }
.udt-scard__media{ position:relative; aspect-ratio: 5/4; overflow:hidden; }
.udt-scard__media img{ width:100%; height:100%; object-fit:cover; transition:.6s cubic-bezier(.2,.7,.2,1); }
.udt-scard:hover .udt-scard__media img{ transform: scale(1.09); }
.udt-scard__ic{ position:absolute; left:22px; bottom:-28px; width:58px; height:58px; border-radius:16px;
background: var(--udt-orange); color: var(--udt-navy); display:grid; place-items:center; font-size:27px;
box-shadow: 0 12px 24px -8px rgba(246,162,30,.6); transition:.3s; }
.udt-scard:hover .udt-scard__ic{ background: var(--udt-navy); color: var(--udt-orange); }
.udt-scard__body{ padding: 42px 24px 26px; }
.udt-scard__tag{ font-size:12px; font-weight:700; letter-spacing:1px; color: var(--udt-orange-600); text-transform:uppercase; }
.udt-scard h3{ font-size:22px; margin:7px 0 9px; }
.udt-scard p{ color: var(--udt-muted); font-size:14.5px; margin:0 0 18px; line-height:1.55; }
.udt-scard__more{ color: var(--udt-navy); font-weight:700; font-size:13.5px; text-transform:uppercase; letter-spacing:.5px;
display:inline-flex; gap:8px; transition:.2s; }
.udt-scard:hover .udt-scard__more{ color: var(--udt-orange-600); gap:13px; }
@media (max-width:1024px){ .udt-scards{ grid-template-columns: repeat(2,1fr); } }
@media (max-width:560px){ .udt-scards{ grid-template-columns: 1fr; } }
/* =========================================================
PEŁNA SZEROKOŚĆ — neutralizacja kontenerów Astry/Elementora
(dotyczy WSZYSTKICH stron i sekcji)
========================================================= */
body{ overflow-x:hidden; }
.ast-container{ max-width:100% !important; padding-left:0 !important; padding-right:0 !important; }
#primary, #content .ast-container, .site-content .ast-container, .entry-content{ max-width:100% !important; margin:0 !important; }
.ast-separate-container .ast-article-single, .single .entry-content{ padding:0 !important; }
.elementor-section > .elementor-container{ max-width:100% !important; }
.elementor-section.elementor-section-boxed > .elementor-container{ max-width:100% !important; }
.elementor-widget-container{ padding:0 !important; }
.elementor-column-gap-default > .elementor-column > .elementor-element-populated{ padding:0 !important; }
/* =========================================================
MOTION — animacje wejścia (reveal) + parallax
========================================================= */
@media (prefers-reduced-motion: no-preference){
.udt-reveal{ opacity:0; transform: translateY(30px); will-change: opacity, transform;
transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }
.udt-reveal.is-in{ opacity:1; transform:none; }
.udt-hero__bg{ will-change: transform; }
}
/* =========================================================
„DLACZEGO MY" — pełnoekranowy split (obraz | pomarańczowy panel)
========================================================= */
.udt-whysplit{ display:grid; grid-template-columns: 1fr 1fr; align-items:stretch; }
.udt-whysplit__media{ position:relative; min-height: 560px; overflow:hidden; }
.udt-whysplit__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.udt-whysplit__media::after{ content:""; position:absolute; inset:0;
background: linear-gradient(90deg, rgba(22,40,58,.35), transparent 60%); }
.udt-whybadge{ position:absolute; left:32px; bottom:32px; z-index:2; background: var(--udt-navy); color:#fff;
padding:22px 26px; border-radius:16px; box-shadow: var(--udt-shadow); max-width:240px; }
.udt-whybadge b{ display:block; font-family:var(--udt-font-head); font-size:40px; color: var(--udt-orange); line-height:1; }
.udt-whybadge span{ font-size:14px; color: rgba(255,255,255,.8); }
.udt-whysplit__panel{ background: var(--udt-orange); color: var(--udt-navy);
padding: clamp(48px,5vw,84px) clamp(28px,5vw,80px); display:flex; flex-direction:column; justify-content:center; }
.udt-whysplit__panel .udt-eyebrow{ color: var(--udt-navy); }
.udt-whysplit__panel .udt-eyebrow::before{ background: var(--udt-navy); }
.udt-whysplit__panel h2{ color: var(--udt-navy); font-size: clamp(28px,3vw,40px); margin:0 0 26px; max-width:520px; }
.udt-whyrow{ display:flex; gap:18px; padding:20px 0; border-top:1px solid rgba(22,40,58,.18); }
.udt-whyrow:first-of-type{ border-top:none; }
.udt-whyrow__ic{ width:56px; height:56px; border-radius:14px; background: var(--udt-navy); color: var(--udt-orange);
display:grid; place-items:center; font-size:26px; flex:none; }
.udt-whyrow h3{ color: var(--udt-navy); font-size:20px; margin:0 0 4px; }
.udt-whyrow p{ color: rgba(22,40,58,.78); margin:0; font-size:15px; line-height:1.55; }
@media (max-width: 900px){ .udt-whysplit{ grid-template-columns:1fr; } .udt-whysplit__media{ min-height:340px; } }
/* =========================================================
HEADER v3 — transparentny na hero, białe napisy, bez pigułek
========================================================= */
.udt-top{ display:none !important; } /* usunięty górny pasek */
.udt-nav.udt-nav--transparent{
position: fixed; top:0; left:0; right:0; z-index:1000;
background: transparent; box-shadow:none; transition: background .3s ease, box-shadow .3s ease, padding .3s ease;
}
.udt-nav--transparent .udt-nav__in{ padding:18px 0; }
/* logo: biały wariant domyślnie, ciemny ukryty */
.udt-nav__logo{ position:relative; display:block; }
.udt-nav__logo-dark{ display:none; }
.udt-nav__logo-light{ display:block; }
.udt-nav__logo img{ max-height:50px; width:auto; }
/* menu: białe, płaskie, bez pigułek */
.udt-nav--transparent .udt-nav__menu ul{ gap:2px; }
.udt-nav--transparent .udt-nav__menu a{
background: transparent !important; color:#fff; font-weight:600; font-size:15.5px;
padding:10px 16px; border-radius:0; position:relative;
}
.udt-nav--transparent .udt-nav__menu a::after{
content:""; position:absolute; left:16px; right:16px; bottom:6px; height:2px;
background: var(--udt-orange); transform: scaleX(0); transform-origin:left; transition: transform .25s ease;
}
.udt-nav--transparent .udt-nav__menu a:hover{ color:#fff; }
.udt-nav--transparent .udt-nav__menu a:hover::after,
.udt-nav--transparent .udt-nav__menu .current-menu-item > a::after{ transform: scaleX(1); }
.udt-nav--transparent .udt-nav__menu .current-menu-item > a{ color:#fff; }
/* jedyny „button" — CTA Zapisz się */
.udt-nav--transparent .udt-nav__menu li.udt-nav-cta{ margin-left:10px; }
.udt-nav--transparent .udt-nav__menu li.udt-nav-cta > a{
background: var(--udt-orange) !important; color: var(--udt-navy); border-radius:999px; padding:11px 22px;
}
.udt-nav--transparent .udt-nav__menu li.udt-nav-cta > a::after{ display:none; }
.udt-nav--transparent .udt-nav__menu li.udt-nav-cta > a:hover{ background:#fff !important; }
/* narzędzia */
.udt-nav__tools{ gap:16px; }
.udt-nav__phone{ display:inline-flex; align-items:center; gap:8px; color:#fff; font-weight:700; text-decoration:none; font-size:15px; white-space:nowrap; }
.udt-nav__phone span{ color: var(--udt-orange); }
.udt-nav__phone:hover{ color: var(--udt-orange); }
/* stan przyklejony — granatowe tło */
.udt-nav.is-stuck{ background: var(--udt-navy); box-shadow: 0 8px 30px -12px rgba(0,0,0,.4); }
.udt-nav.is-stuck .udt-nav__in{ padding:10px 0; }
/* MOBILE */
@media (max-width: 980px){
.udt-nav__phone{ display:none; }
.udt-nav__burger{ display:grid; place-items:center; color:#fff; background:transparent; border:1px solid rgba(255,255,255,.4); }
.udt-nav--transparent .udt-nav__menu{ position:absolute; left:0; right:0; top:100%; background: var(--udt-navy);
max-height:0; overflow:hidden; transition:max-height .35s ease; box-shadow: var(--udt-shadow); }
.udt-nav.is-open .udt-nav__menu{ max-height:80vh; }
.udt-nav--transparent .udt-nav__menu ul{ flex-direction:column; align-items:stretch; padding:14px; gap:2px; }
.udt-nav--transparent .udt-nav__menu a{ padding:14px 16px; }
.udt-nav--transparent .udt-nav__menu a::after{ display:none; }
.udt-nav--transparent .udt-nav__menu li.udt-nav-cta > a{ text-align:center; }
}
/* Więcej luzu pod transparentnym (fixed) headerem na hero podstron */
.udt-phero .udt-phero__in{ padding-top:150px; padding-bottom:96px; }
/* Fix warstw hero podstron — zdjęcie widoczne pod gradientem */
.udt-phero{ background:#0b131c; }
.udt-phero__bg{ z-index:0 !important; opacity:1 !important; }
.udt-phero::after{ z-index:1 !important;
background: linear-gradient(90deg, rgba(11,19,28,.94) 0%, rgba(11,19,28,.78) 42%, rgba(11,19,28,.45) 78%, rgba(11,19,28,.6) 100%) !important; }
.udt-phero__in{ z-index:2 !important; position:relative; }
*{box-sizing:border-box}body{margin:0}.udt-nav__ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.udt-nav__ul li{list-style:none}
/* === NOWA SEKCJA: bento kategorii (paleta: amber+granat) === */
.udtb-bento{ display:grid; grid-template-columns:repeat(12,1fr); gap:22px; }
.udtb-card{ position:relative; border-radius:20px; overflow:hidden; min-height:340px; display:flex; align-items:flex-end;
color:#fff; isolation:isolate; text-decoration:none; box-shadow:var(--udt-shadow-sm); transition:transform .3s ease, box-shadow .3s ease; }
.udtb-card:hover{ transform:translateY(-6px); box-shadow:var(--udt-shadow); }
.udtb-card--wide{ grid-column:span 7; } .udtb-card--narrow{ grid-column:span 5; }
.udtb-card__media{ position:absolute; inset:0; z-index:-2; }
.udtb-card__media img{ width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.udtb-card::after{ content:""; position:absolute; inset:0; z-index:-1;
background:linear-gradient(180deg, rgba(22,40,58,.05) 28%, rgba(22,40,58,.48) 60%, rgba(22,40,58,.93)); }
.udtb-card:hover .udtb-card__media img{ transform:scale(1.07); }
.udtb-card__body{ padding:30px; width:100%; }
.udtb-card__tag{ display:inline-block; background:var(--udt-orange); color:var(--udt-navy); font-weight:700; font-size:12px;
letter-spacing:.6px; text-transform:uppercase; padding:6px 13px; border-radius:999px; margin-bottom:14px; }
.udtb-card h3{ color:#fff; font-family:var(--udt-font-head); font-size:clamp(24px,2.4vw,30px); margin:0 0 8px; letter-spacing:-.02em; line-height:1.08; }
.udtb-card p{ color:rgba(255,255,255,.85); font-size:15px; max-width:44ch; margin:0 0 16px; line-height:1.55; }
.udtb-card__more{ display:inline-flex; align-items:center; gap:9px; font-weight:700; color:#fff; font-size:13.5px; text-transform:uppercase; letter-spacing:.5px; }
.udtb-card__more svg{ color:var(--udt-orange); transition:transform .2s ease; }
.udtb-card:hover .udtb-card__more svg{ transform:translateX(5px); }
.udtb-card__ic{ position:absolute; top:22px; right:22px; width:52px; height:52px; border-radius:14px; background:rgba(255,255,255,.15); backdrop-filter:blur(6px); display:grid; place-items:center; color:#fff; }
@media(max-width:820px){ .udtb-card--wide,.udtb-card--narrow{ grid-column:span 12; min-height:300px; } }
/* === pasek liczb — biały pas, kolumny, duże liczby === */
.udt-hero__strip{ background:#fff; border-top:1px solid var(--udt-line); border-bottom:1px solid var(--udt-line); position:static; backdrop-filter:none; }
.udt-hero__stripin{ display:grid; grid-template-columns:repeat(4,1fr); padding:0; gap:0; }
.udt-hero__badge{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
gap:6px; padding:34px 14px; border-right:1px solid var(--udt-line); color:var(--udt-muted); font-size:15px; font-weight:500; }
.udt-hero__badge:last-child{ border-right:0; }
.udt-hero__badge b{ color:var(--udt-orange); font-family:var(--udt-font-head); font-weight:700; font-size:clamp(30px,3.4vw,44px); line-height:1; }
@media(max-width:720px){ .udt-hero__stripin{ grid-template-columns:repeat(2,1fr); }
.udt-hero__badge:nth-child(2){ border-right:0; }
.udt-hero__badge:nth-child(1),.udt-hero__badge:nth-child(2){ border-bottom:1px solid var(--udt-line); } }
/* === sekcje ze zdjęciem w tle (50%) + granatowa nakładka === */
.udt-mediasec{ position:relative; isolation:isolate; background:var(--udt-navy); color:#fff; }
.udt-mediasec__bg{ position:absolute; inset:0; z-index:-2; display:block; overflow:hidden; }
.udt-mediasec__bg img{ width:100%; height:100%; object-fit:cover; opacity:.5; }
.udt-mediasec__ov{ position:absolute; inset:0; z-index:-1;
background:linear-gradient(100deg, rgba(15,25,38,.9) 0%, rgba(15,25,38,.55) 52%, rgba(20,35,55,.72) 100%); }
.udt-mediasec h2{ color:#fff; }
.udt-mediasec p{ color:rgba(255,255,255,.85); }
.udt-mediasec .udt-checks li{ color:rgba(255,255,255,.92); }
/* === VR — układ Buildar: nagłówek u góry, po lewej video, po prawej treść === */
.udt-vr__head{ max-width:660px; margin-bottom:44px; }
.udt-vr__wrap{ grid-template-columns:1.12fr .88fr; align-items:center; }
.udt-vr__video{ position:relative; border-radius:22px; overflow:hidden; aspect-ratio:16/10;
background:linear-gradient(150deg,#0f2033,#183553); border:1px solid rgba(255,255,255,.14);
display:grid; place-items:center; box-shadow:0 40px 80px -40px rgba(0,0,0,.6); }
.udt-vr__video video,.udt-vr__video iframe{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border:0; }
.udt-vr__play{ width:88px; height:88px; border-radius:50%; background:var(--udt-orange); color:var(--udt-navy);
border:0; display:grid; place-items:center; cursor:pointer; transition:transform .2s ease, box-shadow .2s ease;
box-shadow:0 12px 30px -8px rgba(246,162,30,.7); }
.udt-vr__play:hover{ transform:scale(1.07); }
.udt-vr__play svg{ margin-left:4px; }
.udt-vr__vcap{ position:absolute; left:22px; bottom:20px; color:rgba(255,255,255,.85); font-size:14px; font-weight:600;
background:rgba(9,16,24,.55); padding:7px 13px; border-radius:999px; border:1px solid rgba(255,255,255,.14); }
.udt-vr__intro p{ margin-bottom:22px; }
@media(max-width:900px){ .udt-vr__video{ aspect-ratio:16/9; } }
/* === 4 kroki — zdjęcie po lewej + opis i kroki po prawej, RÓWNE wysokości === */
.udt-steps2{ display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(32px,4vw,56px); align-items:stretch; }
.udt-steps2__media{ border-radius:22px; overflow:hidden; box-shadow:var(--udt-shadow); min-height:100%; }
.udt-steps2__media img{ width:100%; height:100%; object-fit:cover; }
.udt-steps2__col{ display:flex; flex-direction:column; justify-content:center; gap:18px; }
.udt-steps2__lead{ color:var(--udt-muted); font-size:17px; line-height:1.6; margin:0 0 2px; max-width:52ch; }
.udt-steplist{ display:grid; gap:14px; }
@media(max-width:820px){ .udt-steps2__media{ aspect-ratio:16/10; min-height:0; } }
.udt-steprow{ display:flex; gap:18px; align-items:flex-start; padding:22px 24px; background:#fff;
border:1px solid var(--udt-line); border-radius:var(--udt-radius); transition:.2s ease; }
.udt-steprow:hover{ border-color:var(--udt-orange); transform:translateX(4px); }
.udt-steprow--hl{ background:var(--udt-orange); border-color:var(--udt-orange); }
.udt-steprow__no{ flex-shrink:0; width:50px; height:50px; border-radius:13px; background:var(--udt-orange);
color:var(--udt-navy); font-family:var(--udt-font-head); font-weight:700; font-size:20px; display:grid; place-items:center; }
.udt-steprow--hl .udt-steprow__no{ background:var(--udt-navy); color:var(--udt-orange); }
.udt-steprow h3{ font-size:19px; margin:3px 0 5px; color:var(--udt-navy); }
.udt-steprow p{ color:var(--udt-muted); font-size:15px; margin:0; line-height:1.55; }
.udt-steprow--hl h3{ color:var(--udt-navy); } .udt-steprow--hl p{ color:rgba(22,40,58,.82); }
@media(max-width:820px){ .udt-steps2{ grid-template-columns:1fr; } }
/* === hero paddingi === */
.udt-hero__inner{ padding-top:250px; padding-bottom:180px; }
@media(max-width:820px){ .udt-hero__inner{ padding-top:150px; padding-bottom:110px; } }
/* === CTA band — zdjęcie w tle + nakładka === */
.udt-cta-band{ position:relative; overflow:hidden; isolation:isolate; }
.udt-cta-band__bg{ position:absolute; inset:0; z-index:0; }
.udt-cta-band__bg img{ width:100%; height:100%; object-fit:cover; opacity:.28; }
.udt-cta-band > *:not(.udt-cta-band__bg){ position:relative; z-index:1; }
/* === napis obok logo === */
.udt-nav__logo,.udt-nav__logo:hover{ display:flex; align-items:center; gap:13px; text-decoration:none; }
.udt-logo-txt,.udt-logo-txt small{ text-decoration:none; border-bottom:0; }
.udt-logo-txt{ font-family:var(--udt-font-head); font-weight:800; font-size:24px; color:#fff; line-height:.92; letter-spacing:.5px; display:block; }
.udt-logo-txt small{ display:block; font-size:10.5px; font-weight:700; letter-spacing:5px; color:var(--udt-orange); margin-top:3px; }
.udt-nav.is-stuck .udt-logo-txt{ color:#fff; }
/* === VR (biała wersja) — równa wysokość kolumn z filmem === */
.udt-vrlight{ background:#fff; }
.udt-vrlight .udt-vr__wrap{ display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:stretch; }
.udt-vrlight .udt-vr__video{ position:relative; border-radius:22px; overflow:hidden; aspect-ratio:auto; height:100%; min-height:480px;
background:linear-gradient(135deg,#1b3a57,#16283A); box-shadow:var(--udt-shadow); }
.udt-vrlight .udt-vr__intro{ display:flex; flex-direction:column; }
.udt-vrlight .udt-vr__intro h2{ color:var(--udt-navy); font-size:clamp(28px,3.2vw,42px); margin:0 0 16px; }
.udt-vrlight .udt-vr__intro p{ color:var(--udt-muted); font-size:17px; line-height:1.65; margin:0 0 20px; max-width:560px; }
.udt-vrlight .udt-checks li{ color:var(--udt-ink); }
.udt-vr__mini{ display:flex; gap:16px; margin:8px 0 26px; flex-wrap:wrap; }
.udt-vr__minibox{ flex:1; min-width:180px; background:var(--udt-bg-soft); border:1px solid var(--udt-line);
border-radius:14px; padding:16px 20px; }
.udt-vr__minibox b{ display:block; font-family:var(--udt-font-head); font-size:28px; color:var(--udt-orange-600); line-height:1; }
.udt-vr__minibox span{ font-size:13px; color:var(--udt-muted); }
.udt-vrlight .udt-vr__intro .udt-btn--primary{ align-self:flex-start; margin-top:auto; }
@media (max-width:900px){ .udt-vrlight .udt-vr__wrap{ grid-template-columns:1fr; gap:28px; } .udt-vrlight .udt-vr__video{ min-height:260px; } }
/* === FAQ 2 kolumny (pytanie | odpowiedź) === */
.udt-faq2{ max-width:1080px; margin-inline:auto; }
.udt-faq2__row{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:44px; padding:30px 4px; border-top:1px solid var(--udt-line); align-items:start; }
.udt-faq2__row:first-child{ border-top:none; }
.udt-faq2__row h3{ margin:0; font-size:20px; color:var(--udt-navy); line-height:1.3; }
.udt-faq2__row p{ margin:0; color:var(--udt-muted); font-size:15.5px; line-height:1.7; }
@media (max-width:760px){ .udt-faq2__row{ grid-template-columns:1fr; gap:10px; padding:22px 2px; } }
/* === Ikony marki (SVG #f6a11d) === */
.udt-ic{ display:inline-block; fill:#f6a11d; }
.udt-fic{ display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; margin-right:10px; flex:none; }
.udt-fic .udt-ic{ width:16px; height:16px; }
.udt-footer ul li{ display:flex; align-items:center; }
.udt-nav__phone .udt-phoneic{ display:inline-flex; align-items:center; margin-right:6px; }
.udt-nav__phone .udt-ic{ width:18px; height:18px; }
.udt-contact-info__ic .udt-ic{ width:20px; height:20px; }
/* === FAQ 2 kolumny (także podstrony) + pytania pomarańczowe === */
.udt-faq2{ max-width:1080px; margin-inline:auto; }
.udt-faq2__row{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:44px; padding:30px 4px; border-top:1px solid var(--udt-line); align-items:start; }
.udt-faq2__row:first-child{ border-top:none; }
.udt-faq2__row h3{ margin:0; font-size:20px; line-height:1.3; color:#f6a11d; }
.udt-faq2__row p{ margin:0; color:var(--udt-muted); font-size:15.5px; line-height:1.7; }
@media (max-width:760px){ .udt-faq2__row{ grid-template-columns:1fr; gap:10px; padding:22px 2px; } }
/* === „Dlaczego my" — efekt jak w hero === */
.udt-whysplit__media::after{ background:
linear-gradient(90deg, rgba(9,16,24,.62) 0%, rgba(9,16,24,.28) 55%, rgba(9,16,24,.55) 100%),
linear-gradient(0deg, rgba(9,16,24,.6), rgba(9,16,24,0) 45%) !important; }
/* === v2c: pasek faktów jako karty z ikonami (hover „rośnie") === */
.udt-metabar{ grid-template-columns:repeat(4,1fr) !important; gap:20px !important; background:transparent !important; border:none !important; border-radius:0 !important; overflow:visible !important; }
.udt-metabar__it{ flex-direction:column !important; align-items:flex-start !important; gap:14px; background:#fff !important; border:1px solid var(--udt-line); border-radius:18px; padding:28px 24px !important; transition:transform .3s, box-shadow .3s, border-color .3s; }
.udt-metabar__it:hover{ transform:translateY(-8px) scale(1.03); box-shadow:var(--udt-shadow); border-color:transparent; }
.udt-metabar__ic{ width:60px; height:60px; border-radius:16px; background:var(--udt-orange-100); display:grid; place-items:center; font-size:0; transition:.3s; }
.udt-metabar__it:hover .udt-metabar__ic{ background:var(--udt-orange); transform:rotate(-6deg); }
.udt-metabar__ic svg{ width:30px; height:30px; fill:var(--udt-orange-600); transition:.3s; }
.udt-metabar__it:hover .udt-metabar__ic svg{ fill:var(--udt-navy); }
.udt-metabar__val{ font-size:17px; }
@media (max-width:860px){ .udt-metabar{ grid-template-columns:repeat(2,1fr) !important; } }
@media (max-width:480px){ .udt-metabar{ grid-template-columns:1fr !important; } }
/* === VR: tekst lewo, wideo prawo === */
.udt-vrlight .udt-vr__intro{ order:1; }
.udt-vrlight .udt-vr__video{ order:2; }
/* === Stopka: logo graficzne jak w headerze === */
.udt-footer__logo{ margin-bottom:16px; }
.udt-footer__logo img{ max-height:52px; width:auto; display:block; }
/* === „Dla kogo": 2 kolumny listy + notka === */
.udt-checks--2col{ grid-template-columns:1fr 1fr; }
@media (max-width:600px){ .udt-checks--2col{ grid-template-columns:1fr; } }
.udt-dlakogo__note{ display:flex; gap:16px; align-items:center; margin-top:26px; padding:20px 22px; background:var(--udt-orange-100); border:1px solid #f6d9a6; border-radius:16px; }
.udt-dlakogo__noteic{ width:46px; height:46px; border-radius:12px; background:#fff; display:grid; place-items:center; flex:none; }
.udt-dlakogo__noteic svg{ width:22px; height:22px; }
.udt-dlakogo__note b{ display:block; color:var(--udt-navy); font-family:var(--udt-font-head); }
.udt-dlakogo__note span{ color:#7a5a1f; font-size:14.5px; }
/* === Terminy: przebudowa na aside + karty === */
.udt-terms2{ display:grid; grid-template-columns:0.85fr 1.15fr; gap:40px; align-items:start; }
.udt-terms2__aside{ background:var(--udt-navy); color:#fff; border-radius:22px; padding:40px 34px; }
.udt-terms2__aside .udt-eyebrow{ color:var(--udt-orange); }
.udt-terms2__aside h2{ color:#fff; margin:0 0 12px; }
.udt-terms2__aside p{ color:rgba(255,255,255,.8); margin:0 0 24px; }
.udt-terms2__list{ display:grid; gap:14px; }
.udt-termcard{ display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:24px; background:#fff; border:1px solid var(--udt-line); border-radius:16px; padding:22px 26px; transition:transform .25s, box-shadow .25s, border-color .25s; }
.udt-termcard:hover{ box-shadow:var(--udt-shadow); transform:translateX(6px); border-color:transparent; }
.udt-termcard__tryb{ display:block; font-family:var(--udt-font-head); font-weight:700; font-size:19px; color:var(--udt-navy); }
.udt-termcard__meta{ display:block; font-size:14px; color:var(--udt-muted); margin-top:4px; }
.udt-termcard__cta{ color:var(--udt-orange-600); font-weight:700; font-size:14px; text-decoration:none; white-space:nowrap; }
.udt-termcard__cta:hover{ color:var(--udt-orange); }
@media (max-width:820px){ .udt-terms2{ grid-template-columns:1fr; } .udt-termcard{ grid-template-columns:1fr auto; } .udt-termcard__cta{ grid-column:1 / -1; } }
/* === „Dlaczego my": ikony SVG białe na granacie + więcej powietrza === */
.udt-whyrow{ padding:22px 0 !important; gap:20px !important; }
.udt-whyrow__ic{ color:#fff; }
.udt-whyrow__ic svg{ width:26px; height:26px; fill:#fff; }
.udt-whysplit__panel h2{ margin-bottom:20px !important; }
/* === v2f: VR box jak hero + przycisk odsunięty === */
.udt-vrlight .udt-vr__intro .udt-checks{ margin-bottom:6px; }
.udt-vrlight .udt-vr__intro .udt-btn--primary{ margin-top:26px; }
.udt-vr__thumb{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.udt-vr__thumbov{ position:absolute; inset:0; z-index:1;
background: linear-gradient(90deg, rgba(11,19,28,.62) 0%, rgba(11,19,28,.35) 55%, rgba(11,19,28,.6) 100%),
linear-gradient(0deg, rgba(11,19,28,.55), rgba(11,19,28,0) 55%); }
.udt-vrlight .udt-vr__video .udt-vr__play{ position:relative; z-index:2; }
/* === v2h: kontakt — mapa na pełną wysokość kolumny === */
#kontakt .udt-split > div:last-child{ display:flex; flex-direction:column; }
#kontakt .udt-contact-info{ margin-bottom:26px; }
.udt-map{ flex:1 1 auto; min-height:340px; border-radius:var(--udt-radius); overflow:hidden; box-shadow:var(--udt-shadow); }
.udt-map iframe{ width:100%; height:100%; min-height:340px; border:0; display:block; }
/* v2j: pole Wiadomość na sztywno 220px */
.udt-form textarea{ height:220px !important; min-height:220px; resize:none; }
/* === logo w headerze 40px === */
.udt-nav__logo img{ max-height:40px !important; }
/* =========================================================
PODSTRONY OFERTOWE — sekcje dodatkowe (Terminy/harmonogram,
Program z tłem, „Dla kogo", mapa kontaktu). Dołączone z widoku
podstron, aby główna i podstrony współdzieliły jeden arkusz.
========================================================= */
/* === CTA band — zdjęcie w tle + nakładka === */
.udt-cta-band{ position:relative; overflow:hidden; isolation:isolate; }
.udt-cta-band__bg{ position:absolute; inset:0; z-index:0; }
.udt-cta-band__bg img{ width:100%; height:100%; object-fit:cover; opacity:.28; }
.udt-cta-band > *:not(.udt-cta-band__bg){ position:relative; z-index:1; }
/* === napis obok logo === */
.udt-nav__logo,.udt-nav__logo:hover{ display:flex; align-items:center; gap:13px; text-decoration:none; }
.udt-logo-txt,.udt-logo-txt small{ text-decoration:none; border-bottom:0; }
.udt-logo-txt{ font-family:var(--udt-font-head); font-weight:800; font-size:24px; color:#fff; line-height:.92; letter-spacing:.5px; display:block; }
.udt-logo-txt small{ display:block; font-size:10.5px; font-weight:700; letter-spacing:5px; color:var(--udt-orange); margin-top:3px; }
.udt-nav.is-stuck .udt-logo-txt{ color:#fff; }
/* === Ikony marki (SVG #f6a11d) === */
.udt-ic{ display:inline-block; fill:#f6a11d; }
.udt-fic{ display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; margin-right:10px; flex:none; }
.udt-fic .udt-ic{ width:16px; height:16px; }
.udt-footer ul li{ display:flex; align-items:center; }
.udt-nav__phone .udt-phoneic{ display:inline-flex; align-items:center; margin-right:6px; }
.udt-nav__phone .udt-ic{ width:18px; height:18px; }
.udt-contact-info__ic .udt-ic{ width:20px; height:20px; }
/* === FAQ 2 kolumny (także podstrony) + pytania pomarańczowe === */
.udt-faq2{ max-width:1080px; margin-inline:auto; }
.udt-faq2__row{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:44px; padding:30px 4px; border-top:1px solid var(--udt-line); align-items:start; }
.udt-faq2__row:first-child{ border-top:none; }
.udt-faq2__row h3{ margin:0; font-size:20px; line-height:1.3; color:#f6a11d; }
.udt-faq2__row p{ margin:0; color:var(--udt-muted); font-size:15.5px; line-height:1.7; }
@media (max-width:760px){ .udt-faq2__row{ grid-template-columns:1fr; gap:10px; padding:22px 2px; } }
/* === „Dlaczego my" — efekt jak w hero === */
.udt-whysplit__media::after{ background:
linear-gradient(90deg, rgba(9,16,24,.62) 0%, rgba(9,16,24,.28) 55%, rgba(9,16,24,.55) 100%),
linear-gradient(0deg, rgba(9,16,24,.6), rgba(9,16,24,0) 45%) !important; }
/* === v2c: pasek faktów jako karty z ikonami (hover „rośnie") === */
.udt-metabar{ grid-template-columns:repeat(4,1fr) !important; gap:20px !important; background:transparent !important; border:none !important; border-radius:0 !important; overflow:visible !important; }
.udt-metabar__it{ flex-direction:column !important; align-items:flex-start !important; gap:14px; background:#fff !important; border:1px solid var(--udt-line); border-radius:18px; padding:28px 24px !important; transition:transform .3s, box-shadow .3s, border-color .3s; }
.udt-metabar__it:hover{ transform:translateY(-8px) scale(1.03); box-shadow:var(--udt-shadow); border-color:transparent; }
.udt-metabar__ic{ width:60px; height:60px; border-radius:16px; background:var(--udt-orange-100); display:grid; place-items:center; font-size:0; transition:.3s; }
.udt-metabar__it:hover .udt-metabar__ic{ background:var(--udt-orange); transform:rotate(-6deg); }
.udt-metabar__ic svg{ width:30px; height:30px; fill:var(--udt-orange-600); transition:.3s; }
.udt-metabar__it:hover .udt-metabar__ic svg{ fill:var(--udt-navy); }
.udt-metabar__val{ font-size:17px; }
@media (max-width:860px){ .udt-metabar{ grid-template-columns:repeat(2,1fr) !important; } }
@media (max-width:480px){ .udt-metabar{ grid-template-columns:1fr !important; } }
/* === VR: tekst lewo, wideo prawo === */
.udt-vrlight .udt-vr__intro{ order:1; }
.udt-vrlight .udt-vr__video{ order:2; }
/* === Stopka: logo graficzne jak w headerze === */
.udt-footer__logo{ margin-bottom:16px; }
.udt-footer__logo img{ max-height:52px; width:auto; display:block; }
/* === „Dla kogo": 2 kolumny listy + notka === */
.udt-checks--2col{ grid-template-columns:1fr 1fr; }
@media (max-width:600px){ .udt-checks--2col{ grid-template-columns:1fr; } }
.udt-dlakogo__note{ display:flex; gap:16px; align-items:center; margin-top:26px; padding:20px 22px; background:var(--udt-orange-100); border:1px solid #f6d9a6; border-radius:16px; }
.udt-dlakogo__noteic{ width:46px; height:46px; border-radius:12px; background:#fff; display:grid; place-items:center; flex:none; }
.udt-dlakogo__noteic svg{ width:22px; height:22px; }
.udt-dlakogo__note b{ display:block; color:var(--udt-navy); font-family:var(--udt-font-head); }
.udt-dlakogo__note span{ color:#7a5a1f; font-size:14.5px; }
/* === Terminy: przebudowa na aside + karty === */
.udt-terms2{ display:grid; grid-template-columns:0.85fr 1.15fr; gap:40px; align-items:start; }
.udt-terms2__aside{ background:var(--udt-navy); color:#fff; border-radius:22px; padding:40px 34px; }
.udt-terms2__aside .udt-eyebrow{ color:var(--udt-orange); }
.udt-terms2__aside h2{ color:#fff; margin:0 0 12px; }
.udt-terms2__aside p{ color:rgba(255,255,255,.8); margin:0 0 24px; }
.udt-terms2__list{ display:grid; gap:14px; }
.udt-termcard{ display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:24px; background:#fff; border:1px solid var(--udt-line); border-radius:16px; padding:22px 26px; transition:transform .25s, box-shadow .25s, border-color .25s; }
.udt-termcard:hover{ box-shadow:var(--udt-shadow); transform:translateX(6px); border-color:transparent; }
.udt-termcard__tryb{ display:block; font-family:var(--udt-font-head); font-weight:700; font-size:19px; color:var(--udt-navy); }
.udt-termcard__meta{ display:block; font-size:14px; color:var(--udt-muted); margin-top:4px; }
.udt-termcard__cta{ color:var(--udt-orange-600); font-weight:700; font-size:14px; text-decoration:none; white-space:nowrap; }
.udt-termcard__cta:hover{ color:var(--udt-orange); }
@media (max-width:820px){ .udt-terms2{ grid-template-columns:1fr; } .udt-termcard{ grid-template-columns:1fr auto; } .udt-termcard__cta{ grid-column:1 / -1; } }
/* === v2e: Terminy (nowy, spójny układ 3 karty) === */
.udt-termcard2{ position:relative; background:#fff; border:1px solid var(--udt-line); border-radius:18px; padding:30px 26px; display:flex; flex-direction:column; align-items:flex-start; gap:12px; overflow:hidden; transition:transform .25s, box-shadow .25s, border-color .25s; height:100%; }
.udt-termcard2::before{ content:""; position:absolute; top:0; left:0; right:0; height:4px; background:var(--udt-orange); transform:scaleX(0); transform-origin:left; transition:.3s; }
.udt-termcard2:hover{ transform:translateY(-6px); box-shadow:var(--udt-shadow); border-color:transparent; }
.udt-termcard2:hover::before{ transform:scaleX(1); }
.udt-termcard2__tryb{ font-family:var(--udt-font-head); font-weight:700; font-size:22px; color:var(--udt-navy); }
.udt-termcard2__meta{ display:flex; align-items:center; gap:8px; color:var(--udt-muted); font-size:14.5px; }
.udt-termcard2__meta svg{ width:16px; height:16px; flex:none; }
.udt-termcard2__btn{ margin-top:auto; width:100%; justify-content:center; }
/* === v2e: Program — tło zdjęcia 30% + szara nakładka === */
.udt-prog-bg{ position:relative; overflow:hidden; }
.udt-prog-bg::before{ content:""; position:absolute; inset:0; background-image:url(../img/placeholder-hero.jpg); background-size:cover; background-position:center; opacity:.30; z-index:0; }
.udt-prog-bg > *{ position:relative; z-index:1; }
/* === v2e: „Dla kogo" notka z przyciskiem === */
.udt-dlakogo__note{ justify-content:space-between; gap:22px; flex-wrap:wrap; }
.udt-dlakogo__note > div{ flex:1; min-width:220px; }
.udt-dlakogo__btn{ white-space:nowrap; }
/* === v2f: Terminy jako harmonogram (wiersze) === */
.udt-sched{ max-width:1120px; margin-inline:auto; display:grid; gap:12px; }
.udt-sched__row{ display:grid; grid-template-columns:104px 1.3fr 1.1fr .8fr 1fr auto; align-items:center; gap:22px;
background:#fff; border:1px solid var(--udt-line); border-radius:14px; padding:16px 22px; transition:.2s; }
.udt-sched__row:hover{ box-shadow:var(--udt-shadow-sm); border-color:var(--udt-orange); }
.udt-sched__head{ background:transparent; border:none; padding:0 22px; }
.udt-sched__head:hover{ box-shadow:none; border:none; }
.udt-sched__head span{ font-size:11.5px; text-transform:uppercase; letter-spacing:1px; color:var(--udt-muted); font-weight:700; }
.udt-sched__date{ display:flex; flex-direction:column; align-items:center; justify-content:center; background:var(--udt-navy); color:#fff; border-radius:10px; padding:9px 6px; }
.udt-sched__date b{ font-family:var(--udt-font-head); font-size:18px; line-height:1; }
.udt-sched__date span{ font-size:11px; color:var(--udt-orange); margin-top:2px; }
.udt-sched__tryb b{ display:block; color:var(--udt-navy); font-weight:700; font-size:16px; }
.udt-sched__tryb span{ font-size:13px; color:var(--udt-muted); }
.udt-sched__lok{ color:var(--udt-ink); font-size:14.5px; }
.udt-sched__price{ font-family:var(--udt-font-head); font-weight:700; color:var(--udt-navy); }
.udt-sched__btn{ padding:11px 24px; }
@media (max-width:900px){
.udt-sched__head{ display:none; }
.udt-sched__row{ grid-template-columns:auto 1fr; grid-auto-rows:min-content; gap:6px 16px; padding:18px; }
.udt-sched__date{ grid-row:1 / span 2; }
.udt-sched__tryb{ grid-column:2; }
.udt-sched__lok,.udt-sched__price{ grid-column:2; font-size:13.5px; color:var(--udt-muted); }
.udt-sched__row .udt-badge{ grid-column:2; justify-self:start; }
.udt-sched__btn{ grid-column:1 / -1; width:100%; justify-content:center; margin-top:6px; }
}
/* === v2g: „Dla kogo" — zdjęcie na pełną wysokość sekcji === */
.udt-split{ align-items:stretch !important; }
.udt-split .udt-round{ height:100%; box-shadow:var(--udt-shadow); }
.udt-split .udt-round img{ height:100%; width:100%; object-fit:cover; }
/* === v2g: „Program" — nakładka jak w hero (ciemna, tekst biały) === */
.udt-prog-bg{ background-image:url(../img/placeholder-hero.jpg) !important; background-size:cover !important; background-position:center !important; }
.udt-prog-bg::before{ background:linear-gradient(180deg, rgba(11,19,28,.90) 0%, rgba(11,19,28,.82) 100%) !important; background-image:none !important; opacity:1 !important; }
.udt-prog-bg .udt-eyebrow{ color:var(--udt-orange); }
.udt-prog-bg .udt-section-title{ color:#fff; }
.udt-prog-bg .udt-program__it h3{ color:#fff; }
.udt-prog-bg .udt-program__it p{ color:rgba(255,255,255,.72); }
.udt-prog-bg .udt-program__it{ border-left-color:rgba(255,255,255,.18); }
/* === v2i: „Dla kogo" — zdjęcie 420px === */
.udt-split{ align-items:center !important; }
.udt-split .udt-round{ height:auto !important; }
.udt-split .udt-round img{ height:420px !important; width:100%; object-fit:cover; display:block; }
@media (max-width:900px){ .udt-split .udt-round img{ height:300px !important; } }
/* === v2i: Program — nakładka jak hero (#0b131c), zdjęcie widoczne === */
.udt-prog-bg::before{ background:
linear-gradient(90deg, rgba(11,19,28,.93) 0%, rgba(11,19,28,.84) 52%, rgba(11,19,28,.45) 100%),
linear-gradient(0deg, rgba(11,19,28,.70) 0%, rgba(11,19,28,0) 45%) !important;
background-image:none !important; opacity:1 !important; }
/* === v2k: Program — mocna, ciemna nakładka #0b131c (czytelny tekst) === */
.udt-prog-bg::before{ background:
linear-gradient(180deg, rgba(11,19,28,.90) 0%, rgba(11,19,28,.85) 100%) !important;
background-image:none !important; opacity:1 !important; }
/* === v2l: Program — poprawna ciemna nakładka (gradient, bez zerowania) === */
.udt-prog-bg::before{ background: linear-gradient(180deg, rgba(11,19,28,.90) 0%, rgba(11,19,28,.85) 100%) !important; opacity:1 !important; }
/* === mapa Google w sekcji zapisów (dopasowane do strony głównej) === */
.udt-map{ flex:1 1 auto; min-height:340px; border-radius:var(--udt-radius); overflow:hidden; box-shadow:var(--udt-shadow); }
.udt-split .udt-map{ height:auto; }
.udt-map iframe{ width:100%; height:100%; min-height:340px; border:0; display:block; }
/* === wysokość pola Wiadomość (jak na głównej) === */
.udt-form textarea{ height:240px !important; min-height:240px; resize:none; }
/* === logo w headerze 40px === */
.udt-nav__logo img{ max-height:40px !important; }
/* ===== UDT_IMG_FIT_PATCH — dopasowanie zdjec w kafelkach =================
* Obrazki w .udtb-card__media / .udt-steps2__media / .udt-whysplit__media
* nie przyjmowaly height:100%, wiec albo wystawaly poza kafelek (ucinane
* od dolu), albo konczyly sie w polowie i zostawialy bialy pas.
* ====================================================================== */
.udtb-card__media > img,
.udt-vr__video > img,
.udt-steps2__media > img,
.udt-whysplit__media > img{
display:block !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
}
/* ---------- Poprawki klienta 18.08.2026 ---------- */
/* Plakietka kategorii na kafelku bento: ukryj, gdy pole ACF jest puste */
.udtb-card__tag:empty{ display:none; }
/* ---------- Zakładka: Kompetencje i Rozwój (18.08.2026) ---------- */
.udt-knote{ background:var(--udt-bg-soft); border:1px solid var(--udt-line); border-left:4px solid var(--udt-orange); border-radius:var(--udt-radius); padding:32px 34px; }
.udt-knote__tag{ display:block; font-family:var(--udt-font-head); font-weight:800; font-size:22px; line-height:1.25; color:var(--udt-navy); margin-bottom:14px; }
.udt-knote p{ color:var(--udt-muted); font-size:16px; line-height:1.75; margin:0 0 14px; }
.udt-knote p:last-child{ margin-bottom:0; }
.udt-kgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:start; }
.udt-komp{ background:#fff; border:1px solid var(--udt-line); border-radius:var(--udt-radius); padding:26px 24px; box-shadow:var(--udt-shadow-sm); transition:border-color .2s, transform .2s, box-shadow .2s; }
.udt-komp:hover{ border-color:var(--udt-orange); transform:translateY(-2px); box-shadow:var(--udt-shadow); }
.udt-komp[open]{ border-color:var(--udt-orange); }
.udt-komp summary{ display:flex; align-items:flex-start; gap:14px; cursor:pointer; list-style:none; }
.udt-komp summary::-webkit-details-marker{ display:none; }
.udt-komp__ic{ color:var(--udt-orange); flex:0 0 auto; line-height:0; margin-top:2px; }
.udt-komp__t{ flex:1 1 auto; font-family:var(--udt-font-head); font-weight:700; font-size:18px; line-height:1.3; color:var(--udt-navy); }
.udt-komp__x{ position:relative; flex:0 0 auto; width:18px; height:18px; margin-top:4px; }
.udt-komp__x::before,.udt-komp__x::after{ content:""; position:absolute; left:50%; top:50%; background:var(--udt-orange); border-radius:2px; transform:translate(-50%,-50%); transition:.25s; }
.udt-komp__x::before{ width:14px; height:2px; }
.udt-komp__x::after{ width:2px; height:14px; }
.udt-komp[open] .udt-komp__x::after{ height:2px; }
.udt-komp__list{ list-style:none; margin:18px 0 0; padding:16px 0 0; border-top:1px solid var(--udt-line); }
.udt-komp__list li{ position:relative; padding-left:16px; margin-bottom:8px; color:var(--udt-muted); font-size:15px; line-height:1.6; }
.udt-komp__list li:last-child{ margin-bottom:0; }
.udt-komp__list li::before{ content:""; position:absolute; left:0; top:9px; width:6px; height:6px; border-radius:50%; background:var(--udt-orange); }
.udt-kfoot{ max-width:900px; margin:38px auto 0; text-align:center; color:var(--udt-muted); font-size:16px; line-height:1.75; }
.udt-kexpert{ display:grid; grid-template-columns:380px 1fr; gap:50px; align-items:center; }
.udt-kexpert__foto img{ display:block; width:100%; height:auto; }
.udt-kexpert__role{ color:var(--udt-orange-600); font-weight:700; font-size:15px; line-height:1.6; margin:0 0 18px; }
.udt-kexpert p{ color:var(--udt-muted); font-size:16px; line-height:1.75; margin:0 0 14px; }
@media (max-width:1100px){ .udt-kgrid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:900px){ .udt-kexpert{ grid-template-columns:1fr; gap:30px; } .udt-kexpert__foto{ max-width:380px; } }
@media (max-width:782px){ .udt-kgrid{ grid-template-columns:1fr; } #zapytaj .udt-cta-band{ grid-template-columns:1fr !important; } }
/* Astra podkreśla linki w treści wpisu — zdejmujemy z przycisków i okruszków */
.entry-content .udt-btn, .entry-content .udt-breadcrumb a{ text-decoration:none !important; }
/* ---------- Zakładka: Szkolenia z dofinansowaniem (18.08.2026) ---------- */
.udt-kcard{ background:#fff; border:1px solid var(--udt-line); border-radius:var(--udt-radius); padding:28px 26px; box-shadow:var(--udt-shadow-sm); }
.udt-kcard h3{ font-size:19px; line-height:1.3; color:var(--udt-navy); margin:0 0 10px; }
.udt-kcard p{ color:var(--udt-muted); font-size:15.5px; line-height:1.7; margin:0; }
.udt-kcard__tag{ display:inline-block; font-size:12px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:var(--udt-orange-600); margin-bottom:10px; }
.udt-kgrid--2{ grid-template-columns:repeat(2,1fr); }
.udt-kdl{ list-style:none; margin:12px 0 0; padding:0; }
.udt-kdl li{ position:relative; padding-left:16px; margin-bottom:8px; color:var(--udt-muted); font-size:15.5px; line-height:1.65; }
.udt-kdl li:last-child{ margin-bottom:0; }
.udt-kdl li::before{ content:""; position:absolute; left:0; top:9px; width:6px; height:6px; border-radius:50%; background:var(--udt-orange); }
@media (max-width:900px){ .udt-kgrid--2{ grid-template-columns:1fr; } }
/* ---------- Kompetencje: kafelki równej wysokości + tekst z ACF ---------- */
.udt-komp summary{ min-height:52px; }
.udt-richtext p{ color:var(--udt-muted); font-size:17px; line-height:1.75; margin:0 0 14px; }
.udt-richtext p:last-child{ margin-bottom:0; }
.udt-knote p:last-of-type{ margin-bottom:0; }
.udt-cta-band p strong{ color:#fff; }
.udt-kexpert p strong{ color:var(--udt-navy); }
/* Fix: CF7 submit button — override CF7 default styles so udt-btn look applies */
.udt-form .wpcf7-submit{ background: var(--udt-orange) !important; color: var(--udt-navy) !important; border:none !important; width:100%; justify-content:center; }
.udt-form .wpcf7-submit:hover{ background: var(--udt-orange-600) !important; color:#fff !important; }
.udt-form .wpcf7-not-valid-tip{ color:#e0454c; font-size:13px; margin-top:-8px; }
.udt-form .wpcf7-response-output{ border-radius: var(--udt-radius-sm); padding:12px 16px; font-size:14px; }
/* Fix: CF7 wraps udt-row fields in one — make the
the real grid, not .udt-row */
.udt-form .udt-row{ display:block; }
.udt-form .udt-row p{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:0; }
.udt-form .udt-row p br{ display:none; }
@media (max-width:600px){ .udt-form .udt-row p{ grid-template-columns:1fr; } }
/* Fix: Formalności cards (Szkolenia z dofinansowaniem) — equal height */
#formalnosci-cards .udt-kcard{ height:100%; }
/* Highlighted knote variant — orange bg, like .udt-steprow--hl */
.udt-knote--hl{ background:var(--udt-orange); border-color:var(--udt-orange); border-left-color:var(--udt-navy); }
.udt-knote--hl .udt-knote__tag{ color:var(--udt-navy); }
.udt-knote--hl p{ color:rgba(22,40,58,.75); }
/* Fix: hero overlay leaves a hard seam across the headline on tall mobile screens
(vertical gradient faded to transparent by 40% height, exposing bright photo below) */
@media (max-width:640px){
.udt-hero__ov{
background:
linear-gradient(90deg, rgba(9,16,24,.94) 0%, rgba(9,16,24,.85) 45%, rgba(9,16,24,.55) 100%),
linear-gradient(180deg, rgba(9,16,24,.55) 0%, rgba(9,16,24,.4) 35%, rgba(9,16,24,.72) 100%);
}
}
/* Fix: .udt-phero has no explicit height (auto, from text content). Its bg ![]()
is
position:absolute;inset:0;height:100% — a percentage height against an indefinite-height
containing block resolves to 'auto' for a replaced element, so the image falls back to its
own intrinsic aspect-ratio height instead of stretching, leaving a bare navy gap below it
('czarna dziura') whenever hero text is tall enough to grow the container (long titles on
narrow phones). Giving the container a real floor height fixes the containing block. */
@media (max-width: 768px){
.udt-phero{ min-height: clamp(640px, 92vh, 820px); }
.udt-phero__bg{ height: clamp(640px, 92vh, 820px) !important; }
}
/* Fix: on some real devices Astra's own default mobile header/toggle can flash visible
alongside our custom sticky header (udt-nav), because Astra's mobile breakpoint is a JS-
computed class, not a pure CSS media query — if JS runs late, both toggle buttons render
at once. Force-hide Astra's native header on mobile/tablet widths unconditionally. */
@media (max-width: 921px){
header.site-header{ display:none !important; }
}
/* Logo — akcent 360 */
.udt-logo-txt .udt-logo-360{ color:var(--udt-orange); }
/* Logo w stopce — pelne (ikona + BHP360 SZKOLENIA) */
.udt-footer__logo{ display:flex; align-items:center; gap:12px; font-style:normal; }
.udt-footer__logo .udt-logo-txt{ color:#fff; font-style:normal; font-size:24px; margin-left:0; letter-spacing:.5px; }
.udt-footer__logo .udt-logo-360{ color:var(--udt-orange); font-size:inherit; margin-left:0; letter-spacing:inherit; }