/* GENEROWANE przez bricks/home.py – nie edytować. Helmet prototypu + MAIL_HEAD + hover runtime (.scpN) + EXTRA_CSS */

body{margin:0;background:#fff;color:#1e1e1c;font-family:Onest,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#214697;text-decoration:none}a:hover{color:#14244d}
*{box-sizing:border-box}
button,input,select,textarea{font:inherit;color:inherit}
@media (max-width:760px){
  section[data-screen-label="Hero"] h1{width:auto!important;height:auto!important}
  section[data-screen-label="Hero"] h1 span{width:auto!important;height:auto!important}
}


a[href^="mailto:"]{overflow-wrap:anywhere}
.mcp{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0;vertical-align:middle}
.cpy{position:relative;flex:none;width:24px;height:24px;border-radius:999px;border:1px solid #dbe4f2;background:#fff;color:#214697;display:inline-grid;place-items:center;cursor:pointer;padding:0;transition:border-color .2s,background .2s,color .2s}
.cpy .msi{font-family:'Material Symbols Outlined';font-size:13px;line-height:1;display:block}
.cpy:hover{border-color:#214697}.cpy.ok{background:#e8f4ec;border-color:#e8f4ec;color:#2e7d4f}
.ac-tip{position:fixed;left:0;top:0;z-index:1000;background:#14244d;color:#fff;font:500 11px/1 Onest,system-ui,sans-serif;letter-spacing:0;text-transform:none;white-space:nowrap;padding:6px 8px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .15s}
.ac-tip.on{opacity:1}
.on-dark .cpy{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff}
.ac-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#14244d;color:#fff;border-radius:16px;padding:14px 18px;font:14px/1.45 Onest,system-ui,sans-serif;max-width:min(92vw,460px);box-shadow:0 24px 48px -20px rgba(20,36,77,.6);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:1000}
.ac-toast.on{opacity:1;transform:translate(-50%,0)}
.ac-soc{flex-wrap:nowrap!important;white-space:nowrap;justify-self:end!important}
@media (max-width:560px){.ac-soc{flex-wrap:wrap!important;justify-self:start!important}}
@media (max-width:700px){svg[width="96"][viewBox="0 0 243 9.622"]{width:48px;height:2px}}

.scp0:hover { color: rgb(33, 70, 151) !important; }
.scp1:hover { color: rgb(20, 36, 77) !important; }
.scp2:hover { background: rgb(236, 242, 251) !important; color: rgb(33, 70, 151) !important; }
.scp3:hover { border-color: rgb(33, 70, 151) !important; color: rgb(33, 70, 151) !important; }
.scp4:hover { background: rgb(20, 36, 77) !important; color: rgb(255, 255, 255) !important; }
.scp5:hover { box-shadow: rgba(20, 36, 77, 0.4) 0px 20px 40px -24px !important; color: rgb(30, 30, 28) !important; }
.scp6:hover { background: rgb(20, 36, 77) !important; }
.scp7:hover { background: rgb(33, 70, 151) !important; color: rgb(255, 255, 255) !important; }
.scp8:hover { box-shadow: rgba(20, 36, 77, 0.45) 0px 28px 48px -28px !important; color: rgb(30, 30, 28) !important; }
.scp9:hover { background: rgb(255, 255, 255) !important; }
.scpa:hover { transform: scale(1.05) !important; }
.scpb:hover { background: rgb(30, 30, 28) !important; color: rgb(255, 255, 255) !important; }
.scpc:hover { background: rgb(236, 242, 251) !important; color: rgb(20, 36, 77) !important; }
.scpd:hover { border-color: rgb(255, 255, 255) !important; color: rgb(255, 255, 255) !important; }
.scpe:hover { background: rgb(236, 242, 251) !important; }
.scpf:hover { box-shadow: rgba(20, 36, 77, 0.4) 0px 24px 44px -26px !important; color: rgb(30, 30, 28) !important; }
.scpg:focus { border-color: rgb(33, 70, 151) !important; background: rgb(255, 255, 255) !important; }
.scph:hover { color: rgb(255, 255, 255) !important; }

/* ================= strona główna – poprawki pod Bricks (bricks/home.py: EXTRA_CSS) ================= */
/* sixCols runtime: 6 kolumn ≥1100 px, 3 ≥620 px, 2 poniżej */
@media (max-width:1099px){.ac-6col{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:619px){.ac-6col{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* wyszukiwarka w hero: natywna strzałka selecta jak w prototypie (site.css daje własną, a inline background:none ją kasuje) */
.ac-hsearch select{-webkit-appearance:menulist;appearance:auto;padding-right:0!important;min-width:0;width:100%}

/* hero: xproslider (fade) */
.ac-hero-slides.x-slider .splide__slide{display:block}
.ac-hero-slides .splide__slide img{display:block}

/* opinie: Bricks nadaje figcaption text-align:center, kolor i margines */
section[data-screen-label="Opinie klientów"] figcaption{text-align:left;color:inherit;margin-bottom:0}

/* karuzele (xproslider .ac-sl): strzałki 1:1 z prototypu (44 px, poza krawędzią, ikona Material Symbols) */
.ac-sl.x-slider{position:relative}
.ac-sl .x-splide__arrows .splide__arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;display:grid;place-items:center;padding:0;cursor:pointer;opacity:1;z-index:2;font-size:22px;transition:background .2s,opacity .2s}
.ac-sl .x-splide__arrows .splide__arrow--prev{left:-22px;right:auto}
.ac-sl .x-splide__arrows .splide__arrow--next{right:-22px;left:auto}
.ac-sl .x-splide__arrows .splide__arrow svg{display:none}
.ac-sl .x-splide__arrows .splide__arrow::before{font-family:'Material Symbols Outlined';font-size:22px;line-height:1;font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
.ac-sl .x-splide__arrows .splide__arrow--prev::before{content:'chevron_left'}
.ac-sl .x-splide__arrows .splide__arrow--next::before{content:'chevron_right'}
.ac-sl .x-splide__arrows .splide__arrow:disabled{opacity:.35;cursor:default}
.ac-rv .x-splide__arrows .splide__arrow{border:1px solid #e6ecf7;background:#fff;color:#1e1e1c;box-shadow:rgba(20,36,77,.35) 0 12px 24px -12px}
.ac-rv .x-splide__arrows .splide__arrow:not(:disabled):hover{background:#ecf2fb}
.ac-tm .x-splide__arrows .splide__arrow{border:0;background:#214697;color:#fff;box-shadow:rgba(20,36,77,.5) 0 12px 24px -12px}
.ac-tm .x-splide__arrows .splide__arrow:not(:disabled):hover{background:#14244d}
.ac-sl .splide__slide{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start}
.ac-sl .splide__slide>*{width:100%}

/* stopka: na stronie głównej marginesy jak w prototypie index.html (Kontakt ma własny odstęp; bez margin-top i bocznych z site.css) */
.ftr{margin:0 auto clamp(12px,1.6vw,20px)}

/* nagłówki bez koloru w prototypie dziedziczą kolor sekcji (styl inline Bricks h1–h6{color:var(--black)} psuł np. ciemną sekcję „Sprzedaż z nami”) */
#brx-content :is(h1,h2,h3,h4,h5,h6){color:inherit}

/* formularz kontaktowy (element form Bricks .ac-hform) – wygląd 1:1 z prototypu */
.ac-hcard{container-type:inline-size}
.ac-hform.brxe-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin:0;padding:0}
@container (max-width:415px){.ac-hform.brxe-form{grid-template-columns:minmax(0,1fr)}}
.ac-hform .form-group{grid-column:1/-1;width:auto;margin:0;padding:0;display:grid;gap:6px;min-width:0}
.ac-hform .form-group:has([name="form-field-acimi"]),.ac-hform .form-group:has([name="form-field-acnaz"]),
.ac-hform .form-group:has([name="form-field-acema"]),.ac-hform .form-group:has([name="form-field-actel"]){grid-column:auto}
.ac-hform .form-group[role="radiogroup"]{gap:8px}
.ac-hform .form-group>label,.ac-hform .form-group>.label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#4e5a75;font-weight:600;line-height:1.3;margin:0;padding:0}
.ac-hform .form-group>label span{text-transform:none;letter-spacing:0;font-weight:400}
.ac-hform .form-group input:not([type=checkbox]):not([type=radio]),.ac-hform .form-group textarea{height:50px;border:1px solid #dbe4f2;border-radius:14px;background-color:#f8fafd;padding:0 16px;font-size:15px;line-height:normal;color:#1e1e1c;outline:none;min-width:0;width:100%;box-shadow:none;margin:0}
.ac-hform .form-group textarea{height:108px;padding:13px 16px;resize:vertical}
.ac-hform .form-group input:not([type=checkbox]):not([type=radio]):focus,.ac-hform .form-group textarea:focus{border-color:#214697;background-color:#fff}
.ac-hform .form-group input.flatpickr{background-image:url(../../img/icons/calendar.svg);background-repeat:no-repeat;background-position:right 16px center;background-size:16px 16px;padding-right:44px;cursor:pointer}
.ac-hform .form-group input::placeholder{color:#8a93a8;opacity:1}
.ac-hform .options-wrapper{list-style:none;margin:0;padding:0}
.ac-hform .options-wrapper li{margin:0;padding:0}
.ac-hform [role="radiogroup"] .options-wrapper{display:grid;grid-template-columns:1fr 1fr;background:#f2f6fc;border-radius:999px;padding:4px;gap:4px}
.ac-hform [role="radiogroup"] li{position:relative;display:block}
.ac-hform [role="radiogroup"] input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.ac-hform [role="radiogroup"] label{display:flex;align-items:center;justify-content:center;height:42px;border-radius:999px;font-size:15px;font-weight:500;color:#1e1e1c;margin:0;padding:0;cursor:pointer;transition:background .2s,color .2s;text-transform:none;letter-spacing:0}
.ac-hform [role="radiogroup"] input:checked+label{background:#214697;color:#fff}
.ac-hform [role="radiogroup"] input:focus-visible+label{outline:2px solid #214697;outline-offset:2px}
.ac-hform [role="group"] li{display:flex;gap:12px;align-items:flex-start}
.ac-hform input[type=checkbox]{width:18px;height:18px;margin:1px 0 0;accent-color:#214697;flex:0 0 auto}
.ac-hform [role="group"] li label{font-size:13px;line-height:1.5;color:#4e5a75;margin:0;padding:0;font-weight:400;text-transform:none;letter-spacing:0}
.ac-hform [role="group"] li label a{color:#214697;text-decoration:underline}
.ac-hform .submit-button-wrapper{grid-column:1/-1;margin:0;padding:0;width:100%}
.ac-hform .submit-button-wrapper .bricks-button{width:100%;height:54px;border:0;border-radius:999px;background:#214697;color:#fff;font-size:15px;font-weight:600;line-height:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;cursor:pointer;transition:background .2s}
.ac-hform .submit-button-wrapper .bricks-button:hover{background:#14244d}
.ac-hform .submit-button-wrapper .bricks-button::after{content:'arrow_forward';font-family:'Material Symbols Outlined';font-size:20px;font-weight:400;line-height:1;letter-spacing:normal;text-transform:none;font-feature-settings:'liga'}
.ac-hform .submit-button-wrapper .bricks-button.sending::after{display:none}
.ac-hform .message{grid-column:1/-1;margin:0;border-radius:14px;font-size:14px}
.ac-hform .form-group .form-group-error,.ac-hform .form-group[data-error-message] .error{font-size:12.5px}
.ac-hsent{display:none}
.ac-hcard.is-sent .ac-hform{display:none}
.ac-hcard.is-sent .ac-hsent{display:block}