@layer base{a.lp-navlink{display:inline-block;text-align:center;cursor:pointer;text-decoration:none;color:inherit}}
:root{color-scheme:dark}html,body{background:#070a10}
.lp-nowrap{white-space:nowrap}
/* klasy uzupełniające dla podglądu (w docelowej wersji generuje je Tailwind) */
.bg-white{background:#fff}.h-7{height:1.75rem}.h-auto{height:auto}.py-10{padding-block:2.5rem}.text-slate-800{color:#1e293b}.z-\[60\]{z-index:60}
.pr-4\.5{padding-right:1.125rem}.shadow-\[0_8px_24px_rgba\(13\,110\,253\,0\.45\)\]{box-shadow:0 8px 24px rgba(13,110,253,.45)}
.bottom-\[calc\(1rem\+env\(safe-area-inset-bottom\,0px\)\)\]{bottom:calc(1rem + env(safe-area-inset-bottom,0px))}
.active\:scale-95:active{transform:scale(.95)}
@media (min-width:40rem){.sm\:hidden{display:none}.sm\:block{display:block}}
@media (min-width:64rem){.lg\:w-1\/4{width:25%}}
.text-amber-500{color:#f59e0b}.hover\:border-amber-400\/60:hover{border-color:rgba(251,191,36,.6)}.hover\:bg-amber-50:hover{background:#fffbeb}.hover\:text-amber-300:hover{color:#fcd34d}
@media (min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.accent-\[\#0d6efd\]{accent-color:#0d6efd}.gap-x-5{column-gap:1.25rem}.hover\:border-slate-400:hover{border-color:#94a3b8}.list-disc{list-style:disc}.mr-2{margin-right:.5rem}.pl-5{padding-left:1.25rem}.underline-offset-2{text-underline-offset:2px}
@media (min-width:40rem){.sm\:p-4{padding:1rem}}
/* Wersje obcojęzyczne: długie słowa (np. niemieckie złożenia) dzielimy zamiast wychodzić poza ekran */
:lang(de) h1, :lang(de) h2, :lang(de) h3, :lang(de) h4, :lang(de) b, :lang(de) strong,
:lang(de) button, :lang(de) .lpk-card-name, :lang(en) .lpk-card-name {
  hyphens: auto;
  overflow-wrap: break-word;
}

.flex-wrap{flex-wrap:wrap}.gap-x-2{column-gap:.5rem}.gap-y-1{row-gap:.25rem}
.bg-\[\#25d366\]{background:#25d366}.hover\:bg-\[\#2fe477\]:hover{background:#2fe477}.text-\[\#05230f\]{color:#05230f}.text-\[\#4ade80\]{color:#4ade80}.w-\[17px\]{width:17px}
:lang(de) .lp-sv h1, :lang(de) .lp-bu h1, :lang(de) .lp-ak h1, :lang(de) .lp-wp h1, :lang(de) .lp-on h1 { max-width: none; }

/* Dotyk: przyciski i linki min. 44 px (zalecenie Google / WCAG 2.5.5) */
@media (max-width:1023px),(pointer:coarse){
html body .lp-hd-brand{min-height:44px}
html body :is(.lp-hd-lm-btn,.lp-hd-cta,.lp-hd-burger){min-height:44px;min-width:44px}
html body :is(.lp-ct-seg,.lp-os-tabs,.lpk-chips) :is(button,a.lp-navlink){min-height:44px}
html body .lp-ct-sw button{width:44px;height:44px}
html body .lp-ct input[type=range]{height:44px}
html body .lp-ct-all a{min-height:44px;display:inline-flex;align-items:center}
html body .lpk-link{min-height:44px}
html body .lpk-check{min-height:44px}
html body .lpk-check input{width:22px;height:22px}
html body .lpk-qty button{width:48px}
html body .lpk-qty input{height:48px}
html body :is(.lpk-field,.lp-kt) :is(input,select){min-height:44px}
html body #lp-cookie :is(button,label){min-height:44px}
html body #lp-cookie p button{min-height:0}
html body :is(.lp-kt-btn,.follow){min-height:44px}
html body main a[href^="tel:"]:not([class]){display:inline-flex;align-items:center;min-height:44px}
html body footer :is(a,button){min-height:44px}
html body footer :is(a,button):not(.flex):not(.inline-flex){display:inline-flex;align-items:center}
html body footer .lp-ls button{min-width:48px}
html body :is(.lp-sv-link,.lp-bu-link,.lp-ct-link,.lpk-link){min-height:44px;display:inline-flex;align-items:center}
html body :is(.lp-bu-scope,fieldset) button{min-height:44px}
html body form :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select){min-height:44px}
html body main a[href^="mailto:"]:not([class]){display:inline-flex;align-items:center;min-height:44px}
html body :is([class*="-crumb"] a,.lp-on-plant-b a){min-height:44px;display:inline-flex;align-items:center}
html body .lp-ct .lp-ct-sw :is(button,a.lp-navlink){width:44px;height:44px}
html body :is(.lp-ab-btn,.lp-sf2-ph button,.lp-cta-sm){min-height:44px}
}

/* Hasło w nagłówku strony głównej */
.lp-hero-h1{font-size:clamp(28px,4.6vw,60px);line-height:1.08;letter-spacing:-.015em}
@media(min-width:768px){.lp-hero-h1 .block{white-space:nowrap}}
.lp-hero-h1 .block{display:block}
.lp-hero-h1-acc{color:#3b8bff}
@media(min-width:1024px){.lp-hero-lead{width:min(62rem,calc(100vw - 64px));max-width:none!important;text-wrap:balance!important}}


/* Nagłówek strony głównej: wysokość tak, by spod niego wystawał pas sekcji odbojnic */
.lp-hero{min-height:clamp(440px,calc(100svh - 118px - 260px),600px);padding:40px 0 28px}
@media(max-width:1279px){.lp-hero{min-height:0;padding:24px 0 8px}}
.lp-odb-anchor{scroll-margin-top:72px;position:relative}