/* ==========================================================================
   stronanawymiar.pl - arkusz z makiet Claude Design (Strona/Tablet/Mobile)
   Regiony: desktop >=947px | tablet 775-946px | telefon <=774px
   Plik generowany przez landing-v3/build_css.py - nie edytowac recznie.
   ========================================================================== */

/* --- baza (wspolna dla wszystkich szerokosci) --- */
/* zwiniete elementy (szuflada, panele FAQ, pasek CTA) maja display w stylu liniowym */
[hidden]{display:none!important}
/* naglowek na stronie podziekowania dostaje fokus dla czytnikow ekranu,
   ale w makiecie NIE ma wokol niego niebieskiej ramki - nie jest to element
   dostepny z klawiatury (tabindex=-1), wiec ramke chowamy jak w projekcie */
h1[tabindex="-1"]:focus{box-shadow:none!important;outline:none!important}
*{box-sizing:border-box}
body{--c-ink:#0E1A2B;--c-accent:#1D4ED8;--c-accent-h:#1A48C3;--c-accent-soft:rgba(29,78,216,.10);--c-bg:#FAF7F2;--c-sand:#F0E9DF;--c-surface:#ffffff;--c-line:#E7DFD4;--c-line-strong:#9A8F7E;--c-text-2:#4A5765;--c-amber:#B45309;--c-amber-soft:rgba(180,83,9,.10);--c-success:#15803D;--c-inv-2:rgba(255,255,255,.78);--c-surface-inv:rgba(255,255,255,.06);--c-line-inv:rgba(255,255,255,.14);--f-d:'Space Grotesk',system-ui,sans-serif;--f-t:'Inter',system-ui,sans-serif;--f-m:'JetBrains Mono',ui-monospace,monospace;--fs-h1:clamp(34px,5.2vw,60px);--fs-h2:clamp(28px,3.4vw,42px);--fs-h3:clamp(20px,1.6vw,24px);--fs-lead:clamp(17px,1.3vw,20px);--fs-price:clamp(32px,3vw,40px);--fs-stat:clamp(28px,2.6vw,36px);--sec-y:clamp(56px,7vw,112px);--container:1200px;--narrow:680px;--gutter:24px;--gap:24px;--r-md:10px;--r-lg:14px;--r-xl:20px;--sh-1:0 1px 2px rgba(14,26,43,.06);--sh-2:0 8px 24px rgba(14,26,43,.10);--ease:cubic-bezier(.22,.61,.36,1)}
body{margin:0;background:#FAF7F2;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:#1D4ED8;text-decoration:none}
a:hover{color:#1A48C3;text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(29,78,216,.40);border-radius:4px}
input,select,button,textarea{font-family:inherit}
input::placeholder{color:#4A5765;opacity:.75}
input[aria-invalid="true"]{border-color:#B45309!important}
input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#0E1A2B}
body{margin:0;background:#FAF7F2;-webkit-font-smoothing:antialiased}
input,select,button{font-family:inherit}
[data-filtr][aria-pressed="true"]{background:#0E1A2B!important;color:#fff!important;border-color:#0E1A2B!important}
body{margin:0;background:#FAF7F2;-webkit-font-smoothing:antialiased}
button{font-family:inherit}
body{margin:0;background:#FAF7F2;-webkit-font-smoothing:antialiased}
input::placeholder,textarea::placeholder{color:#4A5765;opacity:.75}
[data-m-first]{order:-1}
[data-flow]{grid-template-columns:1fr!important}
[data-faq]{grid-template-columns:1fr!important;gap:32px!important}
[data-sticky]{position:static!important}
[data-flow-line]{display:none!important}
[data-flow-arrow]{transform:rotate(90deg)}
body{margin:0;background:#FAF7F2;-webkit-font-smoothing:antialiased}
input,button{font-family:inherit}
body{margin:0;background:#FAF7F2;-webkit-font-smoothing:antialiased}
input,button{font-family:inherit}
body{margin:0;background:#FAF7F2;-webkit-font-smoothing:antialiased}
input,select,button{font-family:inherit}
body{margin:0;background:#FAF7F2;-webkit-font-smoothing:antialiased}
body{margin:0;background:#FAF7F2;-webkit-font-smoothing:antialiased}
body{margin:0;background:#FAF7F2;-webkit-font-smoothing:antialiased}
[data-hdr] a[aria-current="page"]{color:#1D4ED8!important;border-bottom-color:#1D4ED8!important}

/* --- region: KOMPUTER (>=947px) --- */
@media (min-width:901px) and (min-width:947px){[data-only-m]{display:none!important}}
@media (min-width:1101px) and (min-width:947px){[data-hdr-m]{display:none!important}}
@media (max-width:1100px) and (min-width:947px){[data-hdr-d]{display:none!important}}
@media (max-width:1023px) and (min-width:947px){[data-g="3"]{grid-template-columns:1fr 1fr!important}}
@media (max-width:1180px) and (min-width:947px){[data-g5]{grid-template-columns:1fr 1fr 1fr!important}}
@media (max-width:760px) and (min-width:947px){[data-g5]{grid-template-columns:1fr 1fr!important}}
@media (max-width:460px) and (min-width:947px){[data-g5]{grid-template-columns:1fr!important}}
@media (max-width:900px) and (min-width:947px){[data-hide-m]{display:none!important}
[data-g],[data-g="3"],[data-g="4"]{grid-template-columns:1fr!important;gap:16px!important}
[data-g="4-2"]{grid-template-columns:1fr 1fr!important}
[data-m-order="1"]{order:1}[data-m-order="2"]{order:2}[data-m-order="3"]{order:3}
[data-m-pad]{padding:20px!important}
[data-m-full]{width:100%!important}
[data-m-center]{text-align:left!important}
[data-m-h]{font-size:22px!important}
[data-sticky]{position:static!important}
[data-bar-clear]{padding-bottom:88px!important}}
@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;transition-duration:0s!important}}
@media (max-width:900px) and (min-width:947px){[data-g],[data-g="3"],[data-g="4"]{grid-template-columns:1fr!important;gap:16px!important}[data-g="4-2"]{grid-template-columns:1fr 1fr!important}[data-m-pad]{padding:20px!important}[data-m-full]{width:100%!important}}
@media (max-width:900px) and (min-width:947px){[data-g],[data-g="3"],[data-g="4"]{grid-template-columns:1fr!important;gap:16px!important}[data-m-pad]{padding:20px!important}[data-m-scroll]{overflow-x:auto}}
@media (max-width:900px) and (min-width:947px){[data-two]{grid-template-columns:1fr!important;gap:32px!important}[data-sticky]{position:static!important}[data-g],[data-g="3"],[data-g="4"]{grid-template-columns:1fr!important;gap:16px!important}[data-g="4-2"]{grid-template-columns:1fr 1fr!important}[data-m-pad]{padding:20px!important}[data-rev]{order:-1}}
@media (max-width:900px) and (min-width:947px){[data-g],[data-g="3"]{grid-template-columns:1fr!important;gap:16px!important}[data-g="4-2"]{grid-template-columns:1fr 1fr!important}[data-m-pad]{padding:20px!important}[data-m-first]{order:-1}[data-sticky]{position:static!important}}
@media (max-width:900px) and (min-width:947px){[data-g],[data-g="3"]{grid-template-columns:1fr!important;gap:16px!important}[data-m-pad]{padding:20px!important}}
@media (max-width:900px) and (min-width:947px){[data-g]{grid-template-columns:1fr!important;gap:16px!important}}
@media (max-width:900px) and (min-width:947px){[data-g]{grid-template-columns:1fr!important;gap:24px!important}[data-sticky]{position:static!important}}
@media (max-width:900px) and (min-width:947px){[data-g]{grid-template-columns:1fr!important;gap:24px!important}[data-sticky]{position:static!important}}
@media (max-width:900px) and (min-width:947px){[data-fg]{grid-template-columns:1fr!important}}

/* --- region: TABLET (775-946px) --- */
@media (min-width:775px) and (min-width:775px) and (max-width:946px){[data-only-m]{display:none!important}}
@media (min-width:947px) and (min-width:775px) and (max-width:946px){[data-hdr-m]{display:none!important}}
@media (max-width:946px) and (min-width:775px) and (max-width:946px){[data-hdr-d]{display:none!important}}
@media (max-width:880px) and (min-width:775px) and (max-width:946px){[data-g="3"]{grid-template-columns:1fr 1fr!important}}
@media (max-width:1015px) and (min-width:775px) and (max-width:946px){[data-g5]{grid-template-columns:1fr 1fr 1fr!important}}
@media (max-width:654px) and (min-width:775px) and (max-width:946px){[data-g5]{grid-template-columns:1fr 1fr!important}}
@media (max-width:396px) and (min-width:775px) and (max-width:946px){[data-g5]{grid-template-columns:1fr!important}}
@media (max-width:774px) and (min-width:775px) and (max-width:946px){[data-hide-m]{display:none!important}
[data-g],[data-g="3"],[data-g="4"]{grid-template-columns:1fr!important;gap:16px!important}
[data-g="4-2"]{grid-template-columns:1fr 1fr!important}
[data-m-order="1"]{order:1}[data-m-order="2"]{order:2}[data-m-order="3"]{order:3}
[data-m-pad]{padding:20px!important}
[data-m-full]{width:100%!important}
[data-m-center]{text-align:left!important}
[data-m-h]{font-size:22px!important}
[data-sticky]{position:static!important}
[data-bar-clear]{padding-bottom:88px!important}}
@media (max-width:774px) and (min-width:775px) and (max-width:946px){[data-g],[data-g="3"],[data-g="4"]{grid-template-columns:1fr!important;gap:16px!important}[data-g="4-2"]{grid-template-columns:1fr 1fr!important}[data-m-pad]{padding:20px!important}[data-m-full]{width:100%!important}}
@media (max-width:774px) and (min-width:775px) and (max-width:946px){[data-g],[data-g="3"],[data-g="4"]{grid-template-columns:1fr!important;gap:16px!important}[data-m-pad]{padding:20px!important}[data-m-scroll]{overflow-x:auto}}
@media (max-width:774px) and (min-width:775px) and (max-width:946px){[data-two]{grid-template-columns:1fr!important;gap:32px!important}[data-sticky]{position:static!important}[data-g],[data-g="3"],[data-g="4"]{grid-template-columns:1fr!important;gap:16px!important}[data-g="4-2"]{grid-template-columns:1fr 1fr!important}[data-m-pad]{padding:20px!important}[data-rev]{order:-1}}
@media (max-width:774px) and (min-width:775px) and (max-width:946px){[data-g],[data-g="3"]{grid-template-columns:1fr!important;gap:16px!important}[data-g="4-2"]{grid-template-columns:1fr 1fr!important}[data-m-pad]{padding:20px!important}[data-m-first]{order:-1}[data-sticky]{position:static!important}}
@media (max-width:774px) and (min-width:775px) and (max-width:946px){[data-g],[data-g="3"]{grid-template-columns:1fr!important;gap:16px!important}[data-m-pad]{padding:20px!important}}
@media (max-width:774px) and (min-width:775px) and (max-width:946px){[data-g]{grid-template-columns:1fr!important;gap:16px!important}}
@media (max-width:774px) and (min-width:775px) and (max-width:946px){[data-g]{grid-template-columns:1fr!important;gap:24px!important}[data-sticky]{position:static!important}}
@media (max-width:774px) and (min-width:775px) and (max-width:946px){[data-g]{grid-template-columns:1fr!important;gap:24px!important}[data-sticky]{position:static!important}}
@media (max-width:900px) and (min-width:775px) and (max-width:946px){[data-g="3"],[data-g5],[data-g="4"]{grid-template-columns:1fr 1fr!important}
[data-g="3"]:has(> *:last-child:nth-child(odd)),
[data-g5]:has(> *:last-child:nth-child(odd)),
[data-g="4"]:has(> *:last-child:nth-child(odd)){grid-template-columns:1fr!important}
[data-g="4-2"]{grid-template-columns:repeat(3,1fr)!important}
[data-two],[data-faq]{grid-template-columns:260px 1fr!important;gap:32px!important}}
@media (max-width:900px) and (min-width:775px) and (max-width:946px){[data-fg]{grid-template-columns:repeat(3,1fr)!important;gap:36px 24px!important;padding:56px 24px 36px!important}
[data-fg] > div:first-child{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:32px;border-bottom:1px solid #E7DFD4}
[data-fg] > div:first-child > div:first-child{flex:1 1 100%}
[data-fg] > div:first-child > p{margin:4px 0 0!important;flex:1 1 300px;max-width:46ch!important}
[data-fg] > div:first-child > address{text-align:right;flex:0 0 auto}
[data-fg] nav a{font-size:16px!important}}
@media (min-width:775px) and (max-width:946px){
  a, button, input, select{-webkit-tap-highlight-color:rgba(29,78,216,.12)}
  input, select, textarea{font-size:16px!important}
  button, a[href^="tel"], a[href^="#"]{touch-action:manipulation}
  [data-bar-clear]{padding-bottom:0!important}
  [data-sticky]{top:112px!important}
  a[style*="height:52px"], button[style*="height:52px"]{height:54px!important}
  input, select{height:54px!important}
  *{--container:100%!important;--narrow:100%!important;--fs-h1:46px!important;--fs-h2:33px!important;--fs-h3:21px!important;--fs-lead:18px!important;--fs-price:34px!important;--fs-stat:30px!important;--sec-y:64px!important;--gutter:32px!important;--gap:20px!important}
  [role="contentinfo"] nav a, [role="contentinfo"] address a{min-height:44px!important;align-items:center}
  a[href^="tel"]{min-height:44px;display:inline-flex;align-items:center}
  [role="contentinfo"] li{display:flex}
}

/* --- region: TELEFON (<=774px) --- */
@media (min-width:901px) and (max-width:774px){[data-only-m]{display:none!important}}
@media (min-width:1101px) and (max-width:774px){[data-hdr-m]{display:none!important}}
@media (max-width:1100px) and (max-width:774px){[data-hdr-d]{display:none!important}}
@media (max-width:1023px) and (max-width:774px){[data-g="3"]{grid-template-columns:1fr 1fr!important}}
@media (max-width:1180px) and (max-width:774px){[data-g5]{grid-template-columns:1fr 1fr 1fr!important}}
@media (max-width:760px) and (max-width:774px){[data-g5]{grid-template-columns:1fr 1fr!important}}
@media (max-width:460px) and (max-width:774px){[data-g5]{grid-template-columns:1fr!important}}
@media (max-width:900px) and (max-width:774px){[data-hide-m]{display:none!important}
[data-g],[data-g="3"],[data-g="4"]{grid-template-columns:1fr!important;gap:16px!important}
[data-g="4-2"]{grid-template-columns:1fr 1fr!important}
[data-m-order="1"]{order:1}[data-m-order="2"]{order:2}[data-m-order="3"]{order:3}
[data-m-pad]{padding:20px!important}
[data-m-full]{width:100%!important}
[data-m-center]{text-align:left!important}
[data-m-h]{font-size:22px!important}
[data-sticky]{position:static!important}
[data-bar-clear]{padding-bottom:88px!important}}
@media (max-width:900px) and (max-width:774px){[data-g],[data-g="3"],[data-g="4"]{grid-template-columns:1fr!important;gap:16px!important}[data-g="4-2"]{grid-template-columns:1fr 1fr!important}[data-m-pad]{padding:20px!important}[data-m-full]{width:100%!important}}
@media (max-width:900px) and (max-width:774px){[data-g],[data-g="3"],[data-g="4"]{grid-template-columns:1fr!important;gap:16px!important}[data-m-pad]{padding:20px!important}[data-m-scroll]{overflow-x:auto}}
@media (max-width:900px) and (max-width:774px){[data-two]{grid-template-columns:1fr!important;gap:32px!important}[data-sticky]{position:static!important}[data-g],[data-g="3"],[data-g="4"]{grid-template-columns:1fr!important;gap:16px!important}[data-g="4-2"]{grid-template-columns:1fr 1fr!important}[data-m-pad]{padding:20px!important}[data-rev]{order:-1}}
@media (max-width:900px) and (max-width:774px){[data-g],[data-g="3"]{grid-template-columns:1fr!important;gap:16px!important}[data-g="4-2"]{grid-template-columns:1fr 1fr!important}[data-m-pad]{padding:20px!important}[data-m-first]{order:-1}[data-sticky]{position:static!important}}
@media (max-width:900px) and (max-width:774px){[data-g],[data-g="3"]{grid-template-columns:1fr!important;gap:16px!important}[data-m-pad]{padding:20px!important}}
@media (max-width:900px) and (max-width:774px){[data-g]{grid-template-columns:1fr!important;gap:16px!important}}
@media (max-width:900px) and (max-width:774px){[data-g]{grid-template-columns:1fr!important;gap:24px!important}[data-sticky]{position:static!important}}
@media (max-width:900px) and (max-width:774px){[data-g]{grid-template-columns:1fr!important;gap:24px!important}[data-sticky]{position:static!important}}
@media (max-width:900px) and (max-width:774px){[data-fg]{grid-template-columns:1fr!important}}
@media (max-width:774px){
  a, button, input, select{-webkit-tap-highlight-color:rgba(29,78,216,.12)}
  input, select, textarea{font-size:16px!important}
  button, a[href^="tel"], a[href^="#"]{touch-action:manipulation}
  [data-bar-clear]{padding-bottom:0!important}
  [data-only-m]{padding-bottom:24px!important}
  h1, h2{text-wrap:balance}
  [data-sticky]{position:static!important}
  a[style*="height:52px"], button[style*="height:52px"]{height:56px!important;font-size:17px!important}
  input, select{height:56px!important}
  table{font-size:15px!important}
  td, th{padding:12px 10px 12px 0!important}
  section[aria-labelledby="s12-h"] > div{row-gap:44px!important}
  *{--container:100%!important;--narrow:100%!important;--fs-h1:30px!important;--fs-h2:24px!important;--fs-h3:19px!important;--fs-lead:17px!important;--fs-price:30px!important;--fs-stat:26px!important;--sec-y:44px!important;--gutter:20px!important;--gap:14px!important}
  [role="contentinfo"] nav a, [role="contentinfo"] address a{min-height:44px!important;align-items:center}
  a[href^="tel"]{min-height:44px;display:inline-flex;align-items:center}
  [role="contentinfo"] li{display:flex}
}

/* --- stany interakcji (hover/focus) z makiety --- */
.hv1:focus{left: 12px !important; top: 12px !important;}
.hv2:hover{color: var(--c-accent) !important; border-bottom-color: var(--c-accent) !important;}
.hv3:hover{color: var(--c-accent) !important;}
.hv4:hover{background: var(--c-accent-h) !important; transform: translateY(-1px) !important; box-shadow: rgba(14, 26, 43, 0.1) 0px 8px 24px !important; color: rgb(255, 255, 255) !important; text-decoration: none !important;}
.hv5:hover{background: rgba(14, 26, 43, 0.06) !important; color: var(--c-ink) !important; text-decoration: none !important;}
.hv6:focus{border-color: var(--c-accent) !important; box-shadow: rgba(29, 78, 216, 0.4) 0px 0px 0px 3px !important; outline: none !important;}
.hv7:hover{background: var(--c-accent-h) !important; box-shadow: var(--sh-2) !important;}
.hv8:hover{border-color: var(--c-accent) !important; box-shadow: var(--sh-2) !important; transform: translateY(-2px) !important;}
.hv9:hover{border-color: var(--c-line-strong) !important; box-shadow: var(--sh-1) !important;}
.hv10:hover{border-color: var(--c-line-strong) !important; box-shadow: var(--sh-2) !important;}
.hv11:hover{box-shadow: var(--sh-2) !important;}
.hv12:hover{background: var(--c-accent-h) !important; transform: translateY(-1px) !important; box-shadow: var(--sh-2) !important; color: rgb(255, 255, 255) !important; text-decoration: none !important;}
.hv13:hover{background: rgba(29, 78, 216, 0.14) !important; color: var(--c-ink) !important; text-decoration: none !important;}
.hv14:hover{border-color: var(--c-accent) !important; box-shadow: var(--sh-2) !important; transform: translateY(-2px) !important; text-decoration: none !important;}
.hv15:hover{color: var(--c-accent) !important; background: rgba(14, 26, 43, 0.06) !important;}
.hv16:hover{text-decoration: underline !important; color: var(--c-accent-h) !important;}
.hv17:hover{color: var(--c-accent) !important; background: rgba(14, 26, 43, 0.04) !important;}
.hv18:hover{border-color: var(--c-accent) !important; box-shadow: var(--sh-2) !important; text-decoration: none !important;}
