/*
Theme Name: ANANAS24
Theme URI: https://ananas24.pl
Author: Serwis24
Author URI: https://serwis24.org
Description: Strona sprzedazowa ANANAS24 (Panel IT). Lekki motyw bez page buildera: /it, /it/funkcje, /dziekujemy, regulamin i polityka prywatnosci.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: ananas24
*/
/* Fonty trzymamy u siebie (bez Google Fonts = bez przekazywania IP do Google). */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(assets/fonts/bricolage-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(assets/fonts/bricolage-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url(assets/fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url(assets/fonts/manrope-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fredoka';font-weight:700;font-display:swap;src:url(assets/fonts/fredoka-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fredoka';font-weight:700;font-display:swap;src:url(assets/fonts/fredoka-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
body{margin:0;background:#FBF8F1;color:#1B2033;font-family:'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#0D1F3C}a:hover{color:#2E6B45}
h1,h2,h3{font-family:'Bricolage Grotesque','Manrope',sans-serif}
/* MOBILE */
.m-bar,.m-hint{display:none}
@media (max-width: 820px){
.pg [style*="max-width: 1200px"]{padding-left:18px!important;padding-right:18px!important}
.pg section{padding-top:60px!important;padding-bottom:60px!important}
.pg section.m-cta{padding:0!important}
.pg .m-cta>div{padding-bottom:44px!important}
.pg [style*="grid-template-columns: repeat(12"],.pg [style*="grid-template-columns: repeat(2,"],.pg [style*="grid-template-columns: repeat(3,"]{grid-template-columns:minmax(0,1fr)!important;column-gap:0!important;row-gap:28px!important}
.pg [style*="grid-column: span"]{grid-column:auto!important}
.pg h1{font-size:37px!important;letter-spacing:-0.8px!important;line-height:1.08!important}
.pg h2{font-size:31px!important;letter-spacing:-0.5px!important;line-height:1.12!important}
.pg h3[style*="font-size: 36px"],.pg h3[style*="font-size: 34px"]{font-size:25px!important}
.pg [style*="font-size: 20px; line-height: 1.6"],.pg p[style*="font-size: 19px"],.pg p[style*="font-size: 18px"],.pg p[style*="font-size: 17px"]{font-size:16.5px!important;line-height:1.62!important}
.pg [style*="font-size: 26px; font-weight: 700; color: #2E6B45"]{font-size:20px!important}
/* header */
.pg header>div{flex-wrap:wrap;gap:6px 12px!important;padding:8px 18px 0!important}
.pg header img{height:54px!important}
.pg header nav{order:3;width:100%;flex-grow:0!important;justify-content:flex-start!important;overflow-x:auto;gap:18px!important;font-size:14px!important;padding:6px 0 10px;white-space:nowrap;scrollbar-width:none}
.pg header nav::-webkit-scrollbar{display:none}
.pg .m-hide{display:none!important}
.pg header .m-demo{margin-left:auto;padding:10px 16px!important;font-size:14px!important}
/* przyciski i paski CTA */
.pg [style*="display: flex; gap: 14px; align-items: center; padding-top: 8px"],.pg [style*="display: flex; gap: 14px; justify-content: flex-end"]{flex-wrap:wrap;justify-content:flex-start!important}
.pg [style*="justify-content: space-between; gap: 32px; padding: 28px 36px"]{flex-direction:column;align-items:stretch!important;gap:18px!important;padding:24px 20px!important}
.pg [style*="justify-content: space-between; gap: 32px; padding: 28px 36px"] a{flex:1;text-align:center}
.pg [style*="justify-content: space-between; align-items: baseline"]{flex-direction:column;align-items:flex-start!important;gap:8px!important}
.pg [style*="justify-content: space-between; align-items: baseline"] p{text-align:left!important}
/* przewijane w bok */
.pg .m-scroll{display:grid!important;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:74%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -18px!important;padding:4px 18px 14px!important;gap:12px!important;scrollbar-width:none}
.pg .m-scroll::-webkit-scrollbar{display:none}
.pg .m-scroll>*{scroll-snap-align:start}
.pg .m-scroll.m-narrow{grid-auto-columns:42%}
.pg .m-scroll.m-narrow>*{border-left:0!important;padding:0 6px!important}
/* maskotki */
.pg .m-mas{width:96px!important;height:auto!important}
.pg img[style*="position: absolute"][alt=""]{width:92px!important;height:auto!important}
.pg #top img[style*="position: absolute"]{top:-8px!important;right:-4px!important;width:84px!important}
.pg #teren>img,.pg #cennik>img,.pg #faq>img,.pg section>img[style*="bottom: -40px"]{width:110px!important;opacity:.9}
.pg #siec img[style*="position: absolute"]{top:-54px!important;right:-6px!important}
.pg #opinie img[style*="position: absolute"]{top:-60px!important;right:0!important}
.pg #kalendarz img[style*="position: absolute"]{top:-52px!important;right:-4px!important}
.pg #czat img[style*="position: absolute"]{bottom:-30px!important;right:0!important}
/* sekcje */
.pg #teren [style*="width: 300px; height: 632px"]{width:250px!important;height:527px!important}
.pg #teren [style*="display: flex; gap: 12px"]{flex-wrap:wrap}
.pg #teren [style*="display: flex; gap: 12px"]>div{flex:1 1 40%!important}
.pg #siec [style*="grid-column: span 7"]{padding:12px!important}
.pg #siec [style*="padding-right: 230px"]{padding-right:0!important;min-height:0!important}
.pg #siec [style*="right: -40px; bottom: -96px"]{position:relative!important;right:auto!important;bottom:auto!important;width:250px!important;margin:18px auto 0;transform:rotate(1.5deg)!important}
.pg #sok img[alt^="SOK"],.pg #czat img[alt^="MIKS"]{width:230px!important}
.pg #sok [style*="padding: 0 150px 70px 0"]{padding:0!important}
.pg #sok [style*="width: 250px; height: 529px"]{position:relative!important;right:auto!important;bottom:auto!important;width:200px!important;height:auto!important;margin:-70px 0 0 auto;border-width:8px!important;border-radius:30px!important}
.pg #czat [style*="width: 360px; border-radius: 16px"]{width:100%!important}
.pg #pakt [style*="display: flex; gap: 36px; align-items: center"]{flex-direction:column;align-items:flex-start!important;gap:14px!important}
.pg #pakt img[alt^="Znak PAKT"]{width:96px!important;height:96px!important}
.pg #pakt [style*="position: relative; height: 560px"]{height:96vw!important}
.pg #umowy [style*="position: relative; height: 600px"]{height:122vw!important}
.pg [style*="background: #0D1F3C; border-radius: 20px; padding: 32px 40px"]{padding:26px 20px!important;row-gap:10px!important}
.pg svg[aria-label^="Klucz"]{max-width:200px!important}
.pg #cennik [style*="padding: 32px; display: flex"]{padding:24px!important}
.pg #pokaz [style*="padding: 48px"]{padding:26px 20px!important}
.pg #demo form{padding:22px!important}
.pg #demo img[style*="width: 150px"]{width:96px!important;height:96px!important}
.pg footer>div{flex-direction:column;gap:16px;align-items:flex-start!important}
.pg footer{padding-bottom:96px!important}
.pg #monitoring img[style*="width: 220px"]{width:110px!important}
.pg #opinie img[style*="position: absolute"]{top:-34px!important;width:76px!important}
.pg .m-cta a{padding:14px 8px!important;white-space:nowrap}
.pg #cennik>img,.pg #faq>img{top:6px!important;right:-8px!important;width:74px!important}
.pg #cennik h2,.pg #faq h2{padding-right:58px}
.pg .m-scroll.m-cards{grid-auto-columns:82%}
.pg input,.pg select,.pg textarea{font-size:16px!important}
.pg .fk-lead{position:static!important}
.pg .fk-end{flex-direction:column;align-items:flex-start!important}
.pg .fk-end>div:first-child{flex-direction:column;align-items:flex-start!important}
.pg .fk-end img{width:96px!important;height:96px!important}
.pg #top img[style*="width: 220px"]{width:110px!important;height:110px!important}
.pg #top [style*="flex-wrap: wrap; gap: 10px; padding-top: 8px"]{flex-wrap:nowrap!important;overflow-x:auto;margin:0 -18px;padding:8px 18px 12px!important;scrollbar-width:none}
.pg #top [style*="flex-wrap: wrap; gap: 10px; padding-top: 8px"]>a{white-space:nowrap;flex-shrink:0}
.pg .m-grid2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.pg .m-grid2>a{padding:14px!important}
.pg .m-grid2>a>span:first-child{font-size:16px!important}
.pg .m-grid2>a>span+span{font-size:13px!important;line-height:1.45!important}
.pg .m-themes{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.pg .m-themes figure>div:nth-child(1),.pg .m-themes figure>div:nth-child(2){display:none}
.pg .m-themes figure [style*="width: 214px"]{width:100%!important;box-sizing:border-box;margin-top:0!important;border-width:5px!important;border-radius:18px!important}
.pg .m-themes figure img{border-radius:13px!important}
.pg .m-themes figcaption span:first-child{font-size:16px!important}
.pg .m-themes figcaption span+span{font-size:12.5px!important}
.pg .m-modal{padding:0!important;align-items:flex-end!important}
.pg .m-modal-box{max-height:94vh!important;border-radius:20px 20px 0 0!important}
.pg .m-modal-box form{padding:18px 18px 28px!important}
.pg .m-modal-box>div:first-child{padding:18px!important}
/* dolny pasek */
.pg .m-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(13,31,60,.96);box-shadow:0 -10px 30px -12px rgba(13,31,60,.5)}
.pg .m-bar a{flex:1;text-align:center;font-weight:800;font-size:15px;text-decoration:none;padding:13px 10px;border-radius:12px}
.pg .m-opinia{flex-direction:column!important;align-items:flex-start!important;gap:18px!important}
.pg .m-opinia-foto{flex:none!important;width:72%!important;margin-left:6px}
}

/* ---------- dodatki motywu WP ---------- */
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:130px}
@media (max-width:820px){html{scroll-padding-top:90px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.pg img{height:auto}
.pg :focus-visible{outline:3px solid #2E6B45;outline-offset:3px;border-radius:4px}
.a24-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#0D1F3C;color:#FBF8F1;padding:10px 16px;border-radius:8px;font-weight:700}
.a24-skip:focus{left:8px}
main{display:block}

/* strony tekstowe: regulamin, polityka, dziękujemy, 404 */
.a24-strona{padding:72px 0 96px}
.a24-tekst{max-width:820px;margin:0 auto;padding:0 40px;font-size:17px;line-height:1.7;color:#1B2033}
.a24-tekst h1{font-size:48px;line-height:1.08;letter-spacing:-1px;font-weight:800;color:#0D1F3C;margin:0 0 32px}
.a24-tekst h2{font-size:28px;line-height:1.2;font-weight:800;color:#0D1F3C;margin:48px 0 14px}
.a24-tekst h3{font-size:20px;font-weight:700;color:#0D1F3C;margin:32px 0 10px}
.a24-tekst p,.a24-tekst ul,.a24-tekst ol{margin:0 0 16px}
.a24-tekst li{margin:0 0 8px}
.a24-tekst a{color:#0D1F3C;font-weight:600}
.a24-tekst table{width:100%;border-collapse:collapse;margin:8px 0 24px;font-size:15px;display:block;overflow-x:auto}
.a24-tekst th,.a24-tekst td{border:1px solid #E6E0D2;padding:10px 12px;text-align:left;vertical-align:top}
.a24-tekst th{background:#F3EFE4;color:#0D1F3C}
.a24-przycisk{display:inline-block;font-size:17px;font-weight:700;text-decoration:none;color:#0D1F3C!important;background:#F5B301;padding:16px 28px;border-radius:12px}
@media (max-width:820px){
.a24-strona{padding:40px 0 110px!important}
.a24-tekst{padding:0 18px;font-size:16px}
.a24-tekst h1{font-size:34px}
.a24-tekst h2{font-size:23px;margin-top:36px}
}

/* baner zgód */
.a24-zgody{position:fixed;left:16px;bottom:16px;z-index:60;max-width:560px;width:calc(100% - 32px)}
.a24-zgody-box{background:#0D1F3C;color:#D9DDE7;border-radius:18px;padding:22px 24px;box-shadow:0 30px 70px -20px rgba(0,0,0,.55);font-size:14px;line-height:1.55}
.a24-zgody-t{font-family:'Bricolage Grotesque','Manrope',sans-serif;font-size:20px;font-weight:800;color:#FBF8F1;margin-bottom:8px}
.a24-zgody p{margin:0 0 14px}
.a24-zgody a{color:#FBF8F1}
.a24-zgody-opcje{display:flex;flex-direction:column;gap:10px;margin:0 0 16px;padding:14px;border-radius:12px;background:rgba(251,248,241,.07)}
.a24-zgody-opcje label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.a24-zgody-opcje input{width:18px;height:18px;margin:2px 0 0;flex-shrink:0;accent-color:#F5B301}
.a24-zgody-opcje strong{color:#FBF8F1}
.a24-zgody-przyciski{display:flex;flex-wrap:wrap;gap:10px}
.a24-zgody-przyciski button{font:inherit;font-size:15px;font-weight:800;padding:12px 18px;border-radius:10px;border:2px solid #F5B301;background:#F5B301;color:#0D1F3C;cursor:pointer;flex:1 1 auto}
.a24-zgody-przyciski [data-a24-zgody-niezbedne]{background:transparent;color:#FBF8F1;border-color:#FBF8F1}
.a24-zgody-przyciski .a24-zgody-link{flex:0 0 100%;background:none;border:none;color:#C9CEDA;text-decoration:underline;font-weight:600;padding:4px}
@media (max-width:820px){
.a24-zgody{left:10px;right:10px;bottom:calc(76px + env(safe-area-inset-bottom));width:auto}
.a24-zgody-box{padding:18px}
}

/* ---------- blog ---------- */
.a24-blog{padding:64px 0 88px}
.a24-blog-w{max-width:1200px;margin:0 auto;padding:0 40px;display:flex;flex-direction:column;gap:40px}
.a24-blog-naglowek{display:flex;flex-direction:column;gap:14px;max-width:820px}
.a24-nadtytul{font-family:'Bricolage Grotesque','Manrope',sans-serif;font-size:22px;font-weight:700;color:#2E6B45}
.a24-blog-naglowek h1{margin:0;font-size:56px;line-height:1.04;letter-spacing:-1.2px;font-weight:800;color:#0D1F3C}
.a24-blog-naglowek p,.a24-opis{margin:0;font-size:18px;line-height:1.65;color:#3A4052}
.a24-kategorie{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.a24-kategorie a{font-size:14px;font-weight:700;text-decoration:none;color:#0D1F3C;padding:8px 14px;border-radius:999px;border:1px solid #D9D2C1;background:#fff}
.a24-kategorie a[aria-current]{background:#0D1F3C;color:#FBF8F1;border-color:#0D1F3C}
.a24-siatka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.a24-karta{display:flex;flex-direction:column;background:#fff;border:1px solid #E6E0D2;border-radius:18px;overflow:hidden;transition:transform .15s,box-shadow .15s}
.a24-karta:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px rgba(13,31,60,.35)}
.a24-karta-foto{display:block;aspect-ratio:16/9;background:#F3EFE4;overflow:hidden}
.a24-karta-foto img{width:100%;height:100%!important;object-fit:cover;display:block}
.a24-karta-zastepczy{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.a24-karta-zastepczy img{width:34%!important;height:auto!important;object-fit:contain}
.a24-karta-tresc{display:flex;flex-direction:column;gap:10px;padding:20px 22px 24px}
.a24-karta-tytul{margin:0;font-size:22px;line-height:1.2;font-weight:800;color:#0D1F3C}
.a24-karta-tytul a{text-decoration:none;color:inherit}
.a24-karta-tytul a:hover{color:#2E6B45}
.a24-karta-zajawka{margin:0;font-size:15px;line-height:1.6;color:#3A4052}
.a24-karta-duza{grid-column:1/-1;flex-direction:row}
.a24-karta-duza .a24-karta-foto{flex:0 0 58%;aspect-ratio:auto;min-height:340px}
.a24-karta-duza .a24-karta-tresc{justify-content:center;padding:36px 40px;gap:14px}
.a24-karta-duza .a24-karta-tytul{font-size:34px;letter-spacing:-.5px}
.a24-karta-duza .a24-karta-zajawka{font-size:17px}
.a24-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;color:#585F70}
.a24-etykieta{display:inline-block;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;text-decoration:none;color:#2E6B45;background:#E6F2E9;padding:4px 10px;border-radius:999px}
.a24-strony{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.a24-strony .page-numbers{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:10px;border:1px solid #D9D2C1;background:#fff;color:#0D1F3C;font-weight:700;text-decoration:none}
.a24-strony .current{background:#0D1F3C;color:#FBF8F1;border-color:#0D1F3C}
.a24-pusto{font-size:18px;color:#3A4052}
.a24-okruszki{font-size:14px;color:#585F70}
.a24-okruszki a{color:#585F70}

/* artykuł */
.a24-wpis{padding:56px 0 24px}
.a24-wpis-naglowek{max-width:820px;margin:0 auto;padding:0 40px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.a24-wpis-naglowek h1{margin:0;font-size:52px;line-height:1.06;letter-spacing:-1.2px;font-weight:800;color:#0D1F3C}
.a24-wpis-lead{margin:0;font-size:20px;line-height:1.6;color:#3A4052}
.a24-wpis-meta span+span::before{content:'·';margin-right:14px;color:#B9B2A2}
.a24-wpis-foto{max-width:1100px;margin:36px auto 0;padding:0 40px}
.a24-wpis-foto img{width:100%;border-radius:20px;display:block}
.a24-wpis-tresc{margin-top:40px;font-size:18px;line-height:1.75}
.a24-wpis-tresc>*:first-child{margin-top:0}
.a24-tekst img{max-width:100%;height:auto;border-radius:14px}
.a24-tekst figure{margin:28px 0}
.a24-tekst figcaption{font-size:14px;color:#585F70;margin-top:8px;text-align:center}
.a24-tekst blockquote{margin:28px 0;padding:18px 24px;border-left:4px solid #F5B301;background:#FFF8E1;border-radius:0 14px 14px 0;font-size:19px}
.a24-tekst blockquote p:last-child{margin:0}
.a24-tekst code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;background:#F3EFE4;padding:2px 6px;border-radius:6px}
.a24-tekst pre{background:#0D1F3C;color:#E6EAF2;padding:18px 20px;border-radius:14px;overflow-x:auto;font-size:15px;line-height:1.6}
.a24-tekst pre code{background:none;padding:0;color:inherit}
.a24-tekst hr{border:none;border-top:1px solid #E6E0D2;margin:40px 0}
.a24-tekst .wp-block-button__link{background:#F5B301;color:#0D1F3C;font-weight:800;border-radius:12px;text-decoration:none}
.a24-wpis-stopka{max-width:820px;margin:40px auto 0;padding:0 40px;display:flex;flex-direction:column;gap:28px}
.a24-tagi{display:flex;flex-wrap:wrap;gap:10px}
.a24-tagi a{font-size:14px;color:#2E6B45;text-decoration:none;font-weight:700}
.a24-autor{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-top:1px solid #E6E0D2;border-bottom:1px solid #E6E0D2}
.a24-autor img{border-radius:50%;flex-shrink:0}
.a24-autor strong{color:#0D1F3C;font-size:17px}
.a24-autor p{margin:4px 0 0;font-size:15px;line-height:1.6;color:#3A4052}
.a24-powiazane{background:#F3EFE4;padding:64px 0 80px}
.a24-powiazane h2{margin:0;font-size:36px;font-weight:800;color:#0D1F3C}

/* ramka demo pod wpisami */
.a24-cta-blog{display:flex;gap:28px;align-items:center;background:#0D1F3C;color:#D9DDE7;border-radius:22px;padding:32px 36px}
.a24-cta-blog>img{width:120px;height:120px!important;flex-shrink:0}
.a24-cta-blog-t{font-family:'Bricolage Grotesque','Manrope',sans-serif;font-size:26px;line-height:1.2;font-weight:800;color:#FBF8F1}
.a24-cta-blog p{margin:10px 0 18px;font-size:16px;line-height:1.6}
.a24-cta-blog-przyciski{display:flex;flex-wrap:wrap;gap:12px}
.a24-przycisk-obrys{background:transparent!important;border:2px solid #FBF8F1;color:#FBF8F1!important;padding:14px 26px!important}

@media (max-width:980px){
.a24-siatka{grid-template-columns:repeat(2,minmax(0,1fr))}
.a24-karta-duza{flex-direction:column}
.a24-karta-duza .a24-karta-foto{flex:none;aspect-ratio:16/9;min-height:0}
}
@media (max-width:820px){
.a24-blog{padding:36px 0 110px!important}
.a24-blog-w{padding:0 18px;gap:28px}
.a24-blog-naglowek h1{font-size:38px}
.a24-blog-naglowek p{font-size:16px}
.a24-siatka{grid-template-columns:1fr;gap:18px}
.a24-karta-duza .a24-karta-tresc{padding:20px 22px 24px}
.a24-karta-duza .a24-karta-tytul{font-size:25px}
.a24-wpis{padding:28px 0 8px}
.a24-wpis-naglowek,.a24-wpis-foto,.a24-wpis-stopka{padding:0 18px}
.a24-wpis-naglowek h1{font-size:34px;letter-spacing:-.6px}
.a24-wpis-lead{font-size:17px}
.a24-wpis-foto{margin-top:24px}
.a24-wpis-tresc{font-size:17px;margin-top:28px}
.a24-cta-blog{flex-direction:column;align-items:flex-start;padding:24px 22px;gap:14px}
.a24-cta-blog>img{width:80px;height:80px!important}
.a24-cta-blog-t{font-size:22px}
.a24-powiazane{padding:40px 0 110px!important}
.a24-powiazane h2{font-size:28px}
}