/* MTZN Components: style dla szybkiego kontaktu i karuzeli portfolio. */
/* Paleta ciemnego motywu olyve. Font dziedziczony z motywu. */

/* Sticky rail: przyklejona kolumna boczna. Motyw nadpisuje position na .e-con, stad important. */
.mtzn-sticky-rail{position:sticky !important;top:110px !important;align-self:flex-start !important;}
@media (max-width:1024px){.mtzn-sticky-rail{position:static !important;}}

/* Klasa tylko dla czytnikow ekranu. */
.mtzn-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ====== Szybki kontakt (mtzn-qc) ====== */
.mtzn-qc{margin-top:28px;padding:20px;background:#161613;border:1px solid rgba(254,252,225,.10);border-radius:16px;}
.mtzn-qc-title{color:#FEFCE1;font-size:1.05rem;font-weight:600;margin-bottom:2px;}
.mtzn-qc-sub{color:#aaa997;font-size:.82rem;margin-bottom:14px;}

/* CF7 (wpautop) wstawia <br> miedzy polami: chowamy je, odstepy daja marginesy pol. */
.mtzn-qc form br{display:none;}
.mtzn-qc form p{margin:0;}

/* Pola formularza: wyglad 1:1 jak formularz na stronie glownej (bez ramek). */
.mtzn-qc input[type=text],
.mtzn-qc input[type=email],
.mtzn-qc textarea{
    width:100%;
    background:#101111;
    color:rgba(187,186,166,.9);
    border:1px solid transparent;
    border-radius:8px;
    padding:10px 15px;
    margin:0 0 10px;
    font-size:16px;
    font-family:inherit;
}
.mtzn-qc textarea{min-height:110px;resize:vertical;}
.mtzn-qc input[type=text]::placeholder,
.mtzn-qc input[type=email]::placeholder,
.mtzn-qc textarea::placeholder{color:rgba(187,186,166,.7);}

/* Widoczny focus dla dostepnosci. */
.mtzn-qc input:focus-visible,
.mtzn-qc textarea:focus-visible,
.mtzn-qc button:focus-visible,
.mtzn-qc input[type=submit]:focus-visible{outline:2px solid #FEFCE1;outline-offset:2px;}

/* Checkbox zgody. */
.mtzn-qc .wpcf7-acceptance label{display:flex;gap:8px;align-items:flex-start;color:#aaa997;font-size:.78rem;line-height:1.35;}
.mtzn-qc .wpcf7-acceptance input[type=checkbox]{margin-top:2px;accent-color:#FEFCE1;flex:0 0 auto;}

/* Przycisk wyslania: kolory i ksztalt jak .dtr-btn na stronie glownej. */
.mtzn-qc input[type=submit],
.mtzn-qc button[type=submit]{
    width:100%;
    margin-top:12px;
    background:rgb(187,186,166);
    color:rgb(20,21,20);
    border:0;
    border-radius:9999px;
    padding:12px 24px;
    font-size:16px;
    font-weight:500;
    cursor:pointer;
    transition:transform .15s ease, opacity .15s ease;
}
.mtzn-qc input[type=submit]:hover,
.mtzn-qc button[type=submit]:hover{opacity:.9;transform:translateY(-1px);}

/* Komunikaty CF7. */
.mtzn-qc .wpcf7-not-valid-tip{color:#ff9c9c;font-size:.75rem;margin:-6px 0 8px;}
.mtzn-qc .wpcf7-response-output{
    border:1px solid rgba(254,252,225,.2)!important;
    border-radius:10px;
    color:#FEFCE1;
    font-size:.8rem;
    padding:8px 12px;
    margin:10px 0 0;
}
.mtzn-qc .wpcf7-spinner{margin:0 auto;display:block;}

/* ====== Karuzela portfolio (mtzn-pc) ====== */
.mtzn-pc{position:relative;margin:24px 0;}
.mtzn-pc-title{color:#FEFCE1;font-weight:600;margin-bottom:12px;}
.mtzn-pc-viewport{overflow:hidden;border-radius:16px;}

.mtzn-pc-track{
    display:flex;
    gap:16px;
    margin:0;
    padding:4px;
    list-style:none;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    scrollbar-width:none;
}
.mtzn-pc-track::-webkit-scrollbar{display:none;}

.mtzn-pc-slide{flex:0 0 min(320px,80%);scroll-snap-align:start;}

.mtzn-pc-card{
    display:flex;
    flex-direction:column;
    height:100%;
    background:#161613;
    border:1px solid rgba(254,252,225,.10);
    border-radius:16px;
    overflow:hidden;
    text-decoration:none;
    transition:transform .25s ease, border-color .25s ease;
}
.mtzn-pc-card:hover,
.mtzn-pc-card:focus-visible{transform:translateY(-4px);border-color:rgba(254,252,225,.30);}
.mtzn-pc-card:focus-visible{outline:2px solid #FEFCE1;outline-offset:2px;}

.mtzn-pc-imgwrap{display:block;aspect-ratio:16/10;overflow:hidden;}
.mtzn-pc-imgwrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.mtzn-pc-card:hover .mtzn-pc-imgwrap img{transform:scale(1.04);}

.mtzn-pc-name{color:#FEFCE1;font-weight:600;padding:14px 16px 4px;font-size:.95rem;}
.mtzn-pc-desc{color:#aaa997;font-size:.8rem;line-height:1.45;padding:0 16px 16px;}

/* Strzalki nawigacji: idealne kolo (motyw wciska padding w przyciski, stad important),
   glif wycentrowany flexem, widoczne tylko po najechaniu na karuzele. */
.mtzn-pc-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:40px !important;
    height:40px !important;
    padding:0 !important;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50% !important;
    border:1px solid rgba(254,252,225,.25);
    background:rgba(16,16,16,.85);
    color:#FEFCE1;
    font-size:22px;
    line-height:1 !important;
    cursor:pointer;
    z-index:2;
    transition:background .2s ease, opacity .2s ease;
}
.mtzn-pc-prev{left:10px;}
.mtzn-pc-next{right:10px;}
.mtzn-pc-btn:hover{background:#FEFCE1;color:#141414;}
.mtzn-pc-btn:focus-visible{outline:2px solid #FEFCE1;outline-offset:2px;opacity:1;}
/* Na urzadzeniach z myszka strzalki pojawiaja sie po najechaniu lub przy fokusie klawiatury. */
@media (hover:hover) and (pointer:fine){
    .mtzn-pc-btn{opacity:0;pointer-events:none;}
    .mtzn-pc:hover .mtzn-pc-btn,
    .mtzn-pc:focus-within .mtzn-pc-btn{opacity:1;pointer-events:auto;}
}

/* Kropki nawigacyjne. */
.mtzn-pc-dots{display:flex;gap:8px;justify-content:center;margin-top:12px;}
.mtzn-pc-dot{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:rgba(254,252,225,.25);cursor:pointer;}
.mtzn-pc-dot[aria-selected=true]{background:#FEFCE1;}
.mtzn-pc-dot:focus-visible{outline:2px solid #FEFCE1;outline-offset:2px;}

/* Redukcja ruchu: wylaczamy animacje. */
@media (prefers-reduced-motion: reduce){
    .mtzn-pc *,
    .mtzn-qc *{transition:none !important;}
    .mtzn-pc-track{scroll-behavior:auto;}
}

/* ====== Stopka: tlo, warstwy i komponenty ====== */

/* Tlo stopki: kontekst pozycjonowania i przyciecie plotna. */
#dtr-footer-section{position:relative;overflow:hidden;}
/* Subtelne poswiat gradientowe w rogach stopki (statyczne). */
#dtr-footer-section::before,
#dtr-footer-section::after{content:"";position:absolute;pointer-events:none;z-index:0;}
#dtr-footer-section::before{top:-240px;right:-160px;width:680px;height:680px;background:radial-gradient(circle, rgba(254,252,225,.05) 0%, rgba(254,252,225,0) 60%);}
#dtr-footer-section::after{bottom:-280px;left:-200px;width:760px;height:760px;background:radial-gradient(circle, rgba(254,252,225,.04) 0%, rgba(254,252,225,0) 62%);}
#dtr-footer-section .dtr-footer-row,
#dtr-footer-section .dtr-copyright-row{position:relative;z-index:1;}
/* Wszystkie dzieci sekcji nad warstwa gradientow. */
#dtr-footer-section > *{position:relative;z-index:1;}

/* Naglowki kolumn stopki (h3 po korekcie heading-order; h5 zostawione dla kompatybilnosci). */
#dtr-footer-section .dtr-footer-row h3,
#dtr-footer-section .dtr-footer-row h5{
    color:#FEFCE1;
    letter-spacing:.04em;
    padding-bottom:10px;
    position:relative;
    font-size:24px;
    line-height:1.2;
    font-weight:400;
}
#dtr-footer-section .dtr-footer-row h3::after,
#dtr-footer-section .dtr-footer-row h5::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:28px;
    height:2px;
    background:rgba(254,252,225,.35);
}

/* Linki kolumn stopki. */
#dtr-footer-section .dtr-footer-row a{
    color:#aaa997;
    text-decoration:none;
    transition:color .2s ease, padding-left .2s ease;
}
#dtr-footer-section .dtr-footer-row a:hover,
#dtr-footer-section .dtr-footer-row a:focus-visible{
    color:#FEFCE1;
    padding-left:4px;
}
/* Wyjatki: ikony kontaktu i slajdy bloga bez przesuwania. */
#dtr-footer-section .dtr-footer-row a.mtzn-fa-ico:hover,
#dtr-footer-section .dtr-footer-row a.mtzn-fa-ico:focus-visible,
#dtr-footer-section .dtr-footer-row a.mtzn-fb-slide:hover,
#dtr-footer-section .dtr-footer-row a.mtzn-fb-slide:focus-visible{padding-left:0;}

/* ====== Blok o firmie (mtzn-fa) ====== */
.mtzn-fa-logo{margin-bottom:14px;}
.mtzn-fa-name{color:#FEFCE1;font-weight:600;margin-bottom:8px;}
.mtzn-fa-desc{color:#aaa997;font-size:.88rem;line-height:1.55;margin-bottom:12px;}
.mtzn-fa-addr{color:#aaa997;font-size:.82rem;line-height:1.6;margin-bottom:14px;}
.mtzn-fa-icons{display:flex;gap:10px;}
.mtzn-fa-ico{
    width:38px;
    height:38px;
    border-radius:50%;
    border:1px solid rgba(254,252,225,.25);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#aaa997;
    transition:background .2s, color .2s, border-color .2s, transform .2s;
}
.mtzn-fa-ico:hover{
    background:#FEFCE1;
    color:#141414;
    border-color:#FEFCE1;
    transform:translateY(-2px);
}
.mtzn-fa-ico:focus-visible{outline:2px solid #FEFCE1;outline-offset:2px;}

/* ====== Pokaz wpisow bloga (mtzn-fb) ====== */
.mtzn-fb-label{
    color:#aaa997;
    font-size:.72rem;
    letter-spacing:.18em;
    text-transform:uppercase;
    margin-bottom:12px;
}
.mtzn-fb-stage{position:relative;min-height:112px;}
.mtzn-fb-ghost{
    position:absolute;
    top:-14px;
    right:0;
    font-size:64px;
    font-weight:700;
    line-height:1;
    color:rgba(254,252,225,.05);
    user-select:none;
}
.mtzn-fb-slides{position:relative;}
.mtzn-fb-slide{
    position:absolute;
    inset:0;
    opacity:0;
    transform:translateY(10px);
    transition:opacity .55s ease, transform .55s ease;
    pointer-events:none;
    display:block;
    text-decoration:none;
}
.mtzn-fb-slide.is-active{
    position:relative;
    opacity:1;
    transform:none;
    pointer-events:auto;
}
.mtzn-fb-meta{display:block;color:#aaa997;font-size:.72rem;margin-bottom:6px;}
.mtzn-fb-title{
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    color:#FEFCE1;
    font-size:.95rem;
    font-weight:600;
    line-height:1.45;
}
.mtzn-fb-slide:hover .mtzn-fb-title{text-decoration:underline;text-underline-offset:3px;}
.mtzn-fb-foot{display:flex;align-items:center;gap:12px;margin-top:14px;}
.mtzn-fb-idx{
    color:#aaa997;
    font-size:.72rem;
    letter-spacing:.08em;
    font-variant-numeric:tabular-nums;
}
.mtzn-fb-bar{flex:1;height:2px;background:rgba(254,252,225,.12);border-radius:2px;overflow:hidden;}
.mtzn-fb-fill{display:block;height:100%;width:100%;background:#FEFCE1;transform:scaleX(0);transform-origin:left center;}

/* Redukcja ruchu: bez przejsc slajdow, pasek ukryty. */
@media (prefers-reduced-motion: reduce){
    .mtzn-fb-slide{transition:none !important;}
    .mtzn-fb-bar{display:none;}
}

/* ====== Baner zgod Complianz: ciemna stylistyka strony ====== */
.cmplz-cookiebanner{
    background:#161613 !important;
    color:#aaa997 !important;
    border:1px solid rgba(254,252,225,.12) !important;
    border-radius:16px !important;
    box-shadow:0 18px 50px rgba(0,0,0,.55) !important;
}
.cmplz-cookiebanner .cmplz-title{color:#FEFCE1 !important;font-weight:600 !important;}
.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-categories .cmplz-category{color:#aaa997 !important;}
.cmplz-cookiebanner a{color:#FEFCE1 !important;text-decoration:underline;text-underline-offset:2px;}
.cmplz-cookiebanner .cmplz-btn{border-radius:9999px !important;font-weight:500 !important;transition:opacity .15s ease, transform .15s ease !important;}
.cmplz-cookiebanner .cmplz-btn:hover{opacity:.9;transform:translateY(-1px);}
.cmplz-cookiebanner .cmplz-accept{background:rgb(187,186,166) !important;color:rgb(20,21,20) !important;border:0 !important;}
.cmplz-cookiebanner .cmplz-deny,
.cmplz-cookiebanner .cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-save-preferences{
    background:transparent !important;
    color:#FEFCE1 !important;
    border:1px solid rgba(254,252,225,.3) !important;
}
.cmplz-cookiebanner .cmplz-close{color:#FEFCE1 !important;}
.cmplz-cookiebanner .cmplz-close svg{filter:invert(1);}
.cmplz-cookiebanner input[type=checkbox]{accent-color:#FEFCE1 !important;}
.cmplz-cookiebanner .cmplz-category .cmplz-banner-checkbox .cmplz-consent-checkbox:checked+.cmplz-label{background-color:rgb(187,186,166) !important;}
.cmplz-cookiebanner .cmplz-header{border-bottom:1px solid rgba(254,252,225,.08) !important;}
.cmplz-cookiebanner .cmplz-divider{border-color:rgba(254,252,225,.08) !important;}
.cmplz-cookiebanner:focus-visible,
.cmplz-cookiebanner .cmplz-btn:focus-visible{outline:2px solid #FEFCE1 !important;outline-offset:2px;}
/* przycisk "zarzadzaj zgoda" (shortcode w polityce) */
.cmplz-manage-consent-container .cmplz-manage-consent{background:rgb(187,186,166) !important;color:rgb(20,21,20) !important;border-radius:9999px !important;border:0 !important;}

/* Baner: bez bulletow list i pustych elementow (naprawa "trzech kropek"). */
.cmplz-cookiebanner ul,.cmplz-cookiebanner li{list-style:none !important;margin:0;padding:0;}
.cmplz-cookiebanner li:empty{display:none !important;}
.cmplz-cookiebanner .cmplz-links li::marker{content:"" !important;}
/* Widok preferencji: kategorie w palecie strony. */
.cmplz-cookiebanner .cmplz-categories .cmplz-category{background:#101010 !important;border:1px solid rgba(254,252,225,.10) !important;border-radius:10px !important;margin-bottom:8px !important;}
.cmplz-cookiebanner .cmplz-category-header,.cmplz-cookiebanner .cmplz-category-title{color:#FEFCE1 !important;}
.cmplz-cookiebanner .cmplz-description,.cmplz-cookiebanner .cmplz-body{color:#aaa997 !important;}
.cmplz-cookiebanner .cmplz-always-active{color:#bbbaa6 !important;}
.cmplz-cookiebanner details summary{background:transparent !important;}
.cmplz-cookiebanner .cmplz-icon.cmplz-open{background:transparent !important;border:0 !important;filter:invert(92%) sepia(8%) saturate(300%) hue-rotate(10deg);}

/* Ogonek "Zarzadzaj zgoda": kolor przycisku z naglowka, zawsze wyraznie wystaje. */
#cmplz-manage-consent .cmplz-manage-consent{
    --cmplz-manage-consent-offset:-10px;
    background:rgb(187,186,166) !important;
    color:rgb(20,21,20) !important;
    border:0 !important;
    font-weight:600 !important;
    border-radius:12px 12px 0 0 !important;
    height:56px !important;
    padding:12px 22px !important;
    right:60px !important;
}
#cmplz-manage-consent .cmplz-manage-consent:hover,
#cmplz-manage-consent .cmplz-manage-consent:focus{opacity:.95;}
/* Puste wiersze banera nie rezerwuja miejsca. */
.cmplz-cookiebanner .cmplz-links:not(:has(a[href])){display:none !important;}
.cmplz-cookiebanner .cmplz-documents:empty{display:none !important;}
.cmplz-cookiebanner .cmplz-divider.cmplz-footer{display:none !important;}
.cmplz-cookiebanner .cmplz-buttons{margin-bottom:0 !important;}

/* ====== Zarzadzanie zgoda w polityce prywatnosci (kategorie wstrzykiwane JS-em) ======
   Shortcode [cmplz-manage-consent] laduje kategorie AJAX-em do .cmplz-manage-consent-container,
   POZA banerem - style .cmplz-cookiebanner go nie obejmuja, stad osobna, spojna karta. */
.cmplz-manage-consent-container{margin:10px 0 6px;}
.cmplz-manage-consent-container .cmplz-category{
    background:#101010 !important;
    border:1px solid rgba(254,252,225,.10) !important;
    border-radius:10px !important;
    margin:0 0 10px !important;
    padding:0 !important;
    overflow:hidden;
}
.cmplz-manage-consent-container .cmplz-category-header{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    padding:14px 16px !important;
    background:transparent !important;
    border:0 !important;
}
.cmplz-manage-consent-container .cmplz-category-title{
    color:#FEFCE1 !important;
    font-weight:600 !important;
    margin:0 auto 0 0 !important;
}
.cmplz-manage-consent-container .cmplz-always-active{
    display:inline-flex;align-items:center;
    color:#bbbaa6 !important;
    font-size:.85em;white-space:nowrap;
}
/* "Niezbedne" sa zawsze wlaczone: chowamy zbedny checkbox, zostaje etykieta. */
.cmplz-manage-consent-container .cmplz-always-active .cmplz-banner-checkbox{display:none !important;}

/* Przelacznik w palecie strony zamiast systemowego checkboxa. */
.cmplz-manage-consent-container .cmplz-banner-checkbox{
    position:relative;display:inline-block;flex:none;
    width:40px;height:22px;
}
.cmplz-manage-consent-container .cmplz-banner-checkbox .cmplz-consent-checkbox{
    position:absolute;top:0;left:0;width:100%;height:100%;
    margin:0;opacity:0;cursor:pointer;z-index:2;
}
.cmplz-manage-consent-container .cmplz-banner-checkbox .cmplz-label{
    position:relative;display:block;box-sizing:border-box;
    width:40px !important;height:22px !important;
    margin:0 !important;padding:0 !important;
    border-radius:9999px;
    background:#44433a;transition:background .15s ease;
}
/* Tekst dla czytnikow ekranu nie moze rozpychac pigulki. */
.cmplz-manage-consent-container .cmplz-banner-checkbox .cmplz-label .screen-reader-text{
    position:absolute;width:1px;height:1px;overflow:hidden;
    clip:rect(0 0 0 0);white-space:nowrap;
}
/* Galka: centrowana w pionie wzgledem pigulki, nie sztywnymi pikselami. */
.cmplz-manage-consent-container .cmplz-banner-checkbox .cmplz-label::after{
    content:"";position:absolute;top:50%;left:3px;
    width:16px;height:16px;border-radius:50%;
    background:#161613;
    transform:translateY(-50%);
    transition:left .15s ease;
}
.cmplz-manage-consent-container .cmplz-consent-checkbox:checked+.cmplz-label{background:rgb(187,186,166);}
.cmplz-manage-consent-container .cmplz-consent-checkbox:checked+.cmplz-label::after{left:21px;}
.cmplz-manage-consent-container .cmplz-consent-checkbox:focus-visible+.cmplz-label{outline:2px solid #FEFCE1;outline-offset:2px;}

/* Strzalka rozwijania opisu. */
.cmplz-manage-consent-container .cmplz-category-toggle{
    background:transparent !important;border:0 !important;
    padding:4px !important;margin:0 !important;
    cursor:pointer;flex:none;line-height:0;
}
.cmplz-manage-consent-container .cmplz-icon.cmplz-open{
    display:inline-flex;background:transparent !important;border:0 !important;
    filter:invert(92%) sepia(8%) saturate(300%) hue-rotate(10deg);
    transition:transform .15s ease;
}
.cmplz-manage-consent-container .cmplz-category-toggle[aria-expanded="true"] .cmplz-icon.cmplz-open{transform:rotate(180deg);}

/* Opis kategorii po rozwinieciu. */
.cmplz-manage-consent-container .cmplz-description{
    color:#aaa997 !important;
    padding:12px 16px 14px !important;
    border-top:1px solid rgba(254,252,225,.08);
    line-height:1.6;font-size:.95em;
}

@media (prefers-reduced-motion: reduce){
    .cmplz-manage-consent-container .cmplz-label,
    .cmplz-manage-consent-container .cmplz-label::after,
    .cmplz-manage-consent-container .cmplz-icon.cmplz-open{transition:none !important;}
    .cmplz-manage-consent-container .cmplz-label::after{transform:translateY(-50%) !important;}
}

/* ====== FAQ: rozwijane karty pytan (wyglad 1:1 z kartami zgod w polityce prywatnosci) ======
   Markup: .mtzn-faq > details.mtzn-faq__item[name] > summary.mtzn-faq__q(h3 + .mtzn-faq__icon)
   + .mtzn-faq__a. Natywne details/summary: dziala bez JS, atrybut name zamyka pozostale karty. */
.mtzn-faq{margin:10px 0 6px;}
.mtzn-faq__item{
    background:#101010;
    border:1px solid rgba(254,252,225,.10);
    border-radius:10px;
    margin:0 0 10px;
    overflow:hidden;
}
.mtzn-faq__item:hover{border-color:rgba(254,252,225,.22);}
.mtzn-faq__q{
    display:flex;align-items:center;gap:14px;
    padding:14px 16px;
    cursor:pointer;
    list-style:none;
}
.mtzn-faq__q::-webkit-details-marker{display:none;}
.mtzn-faq__q h3,.mtzn-faq__q h4{
    color:#FEFCE1;
    font-weight:600;
    font-size:1em;line-height:1.5;
    margin:0 auto 0 0;
}
/* Chevron jak przy kategoriach zgod: obrot o 180 stopni po rozwinieciu. */
.mtzn-faq__icon{
    flex:none;position:relative;
    width:20px;height:20px;
    transition:transform .15s ease;
}
.mtzn-faq__icon::before{
    content:"";position:absolute;left:5px;top:4px;
    width:8px;height:8px;
    border-right:2px solid #bbbaa6;border-bottom:2px solid #bbbaa6;
    transform:rotate(45deg);
}
.mtzn-faq__item[open] > .mtzn-faq__q .mtzn-faq__icon{transform:rotate(180deg);}
.mtzn-faq__q:focus-visible{outline:2px solid #FEFCE1;outline-offset:-2px;}
.mtzn-faq__a{
    color:#aaa997;
    padding:12px 16px 14px;
    border-top:1px solid rgba(254,252,225,.08);
    line-height:1.6;font-size:.95em;
}
.mtzn-faq__a p{margin:0 0 10px;}
.mtzn-faq__a p:last-child{margin-bottom:0;}
.mtzn-faq__a a{color:#FEFCE1;}
/* Plynne rozwijanie tylko tam, gdzie przegladarka to umie; reszta otwiera od razu. */
@supports (interpolate-size: allow-keywords){
    .mtzn-faq{interpolate-size:allow-keywords;}
    .mtzn-faq__item::details-content{
        block-size:0;overflow:hidden;
        transition:block-size .25s ease, content-visibility .25s allow-discrete;
    }
    .mtzn-faq__item[open]::details-content{block-size:auto;}
}
@media (prefers-reduced-motion: reduce){
    .mtzn-faq__icon{transition:none;}
    .mtzn-faq__item::details-content{transition:none;}
}

/* ====== Dostepnosc: obszar dotyku kropek paginacji swiper min. 24x24 ====== */
/* Przezroczysty border powieksza cel dotykowy, background-clip trzyma widoczna kropke 10px. */
.swiper-pagination-bullet{
    width:24px !important;
    height:24px !important;
    box-sizing:border-box !important;
    border:7px solid transparent !important;
    background-clip:content-box !important;
}

/* ====== Utrzymanie rozmiarow po korekcie poziomow naglowkow (heading-order) ====== */
/* Tagi zmienione h4/h5 -> h3; rozmiary przypiete do wartosci sprzed zmiany. */
.dtr-portfolio-item__heading{font-size:30px;line-height:1.4;font-weight:400;}
.dtr-testimonial__client-name{font-size:24px;line-height:1.2;font-weight:400;}
.dtr-post-block__title{font-size:24px;line-height:1.2;font-weight:400;}
.dtr-feature__heading{font-size:20px;line-height:28px;font-weight:300;}
