/* deyepolska.pl: own rules on top of the sklepfelicity.pl styles (from the mirror deye.css, 14.10.2026) */

/* home hero: the manufacturer film is bright (white inverters), a navy wash keeps the white headline readable */
.fhx .fx-hero-media::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(90deg,rgba(3,12,28,.84) 0%,rgba(3,12,28,.6) 36%,rgba(3,12,28,.16) 68%,rgba(3,12,28,0) 100%),linear-gradient(0deg,rgba(3,12,28,.6),rgba(3,12,28,0) 38%)}
@media (max-width:700px){.fhx .fx-hero-media::after{background:linear-gradient(0deg,rgba(3,12,28,.9) 8%,rgba(3,12,28,.45) 58%,rgba(3,12,28,.2))}}

/* categories of PV electrics that only the sister shop sells: a small arrow says the link opens sklepfelicity.pl */
ol a[href^="https://sklepfelicity.pl/"][href*="-c-"]::after,ul a[href^="https://sklepfelicity.pl/"][href*="-c-"]::after{content:"\2197";display:inline-block;margin-left:.35em;font-size:.82em;opacity:.55;text-decoration:none}

/* product descriptions .fdp (accessories): the dark studio of nx l shows the brand logo in its light version */
html body #ZakladkiProduktu article.fdp .fdp-brand img[src*="logo-deye"]{content:url("/images/deye/logo-deye-jasne.png")}

/* service page (serwis-pm-31, skrypty/strony/serwis.cjs): the manufacturer service deyeservice.com. A readable link in the
   hero, the Deye Service section (contacts, branch addresses, trainings), document groups and the knowledge base list */
.StrTresc .srv .srv-www{display:flex;align-items:center;gap:14px;width:min(100%,500px);min-height:66px;margin:12px auto 0;padding:10px 20px 10px 12px;border-radius:22px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(224,238,253,.26);color:#fff;text-align:left;text-decoration:none;transition:background-color .2s,box-shadow .2s,transform .2s var(--ease)}
.StrTresc .srv .srv-www:hover{background:rgba(255,255,255,.13);box-shadow:inset 0 0 0 1px rgba(224,238,253,.5);transform:translateY(-1px)}
.StrTresc .srv .srv-www>.srv-ik:first-child{width:42px;height:42px;padding:9px;border-radius:12px;background:rgba(58,153,255,.18);color:var(--burs)}
.StrTresc .srv .srv-www-t{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.2}
.StrTresc .srv .srv-www-t small{font-size:12.5px;font-weight:500;letter-spacing:.02em;color:rgba(224,238,253,.75)}
.StrTresc .srv .srv-www-t b{font-family:var(--disp);font-size:clamp(16px,5.2vw,23px);font-weight:600;letter-spacing:-.01em;color:#fff;white-space:nowrap}
.StrTresc .srv .srv-www>.srv-ik:last-child{width:20px;height:20px;color:var(--burs)}

.StrTresc .srv .srv-ds-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:center;max-width:1180px;margin:0 auto}
.StrTresc .srv .srv-ds h2{margin-top:12px}
.StrTresc .srv .srv-ds-domena{display:inline-flex;align-items:center;gap:.25em;font-size:clamp(20px,3.2vw,46px);line-height:1.05;letter-spacing:-.035em;color:var(--pom);text-decoration:none;white-space:nowrap;transition:color .2s}
.StrTresc .srv .srv-ds-domena .srv-ik{width:.5em;height:.5em;stroke-width:2}
.StrTresc .srv .srv-ds-domena:hover{color:var(--pom-ciem)}
.StrTresc .srv .srv-ds-btny{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.StrTresc .srv .srv-ds-btn{color:var(--tusz);background:var(--kafel);box-shadow:inset 0 0 0 1px var(--kreska)}
.StrTresc .srv .srv-ds-btn:hover{background:var(--karta);box-shadow:inset 0 0 0 1px var(--pom)}
.StrTresc .srv .srv-ds-btn .srv-ik{color:var(--pom)}
.StrTresc .srv .srv-ds-kanaly{display:grid;gap:10px;list-style:none}
.StrTresc .srv .srv-ds-kanaly a,.StrTresc .srv .srv-ds-bez{display:flex;align-items:center;gap:14px;min-height:70px;padding:10px 18px 10px 10px;border-radius:18px;background:var(--kafel);color:var(--tusz);text-decoration:none;transition:background-color .2s,box-shadow .2s}
.StrTresc .srv .srv-ds-kanaly a:hover{background:var(--karta);box-shadow:inset 0 0 0 1px var(--kreska),0 10px 26px rgba(14,25,41,.08)}
.StrTresc .srv .srv-ds-kanaly .srv-ik{width:48px;height:48px;padding:12px;border-radius:14px;background:#ebf4fe;color:var(--pom-ciem)}
.StrTresc .srv .srv-ds-kanaly a>span,.StrTresc .srv .srv-ds-bez>span{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.StrTresc .srv .srv-ds-kanaly small{font-size:12.5px;color:var(--szary)}
.StrTresc .srv .srv-ds-kanaly b{font-family:var(--disp);font-size:clamp(16px,1.4vw,19px);font-weight:600;letter-spacing:-.01em;overflow-wrap:anywhere}
.StrTresc .srv .srv-ds-adresy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1180px;margin:clamp(26px,3vw,40px) auto 0}
.StrTresc .srv .srv-ds-adresy>div{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:20px;box-shadow:inset 0 0 0 1px var(--kreska)}
.StrTresc .srv .srv-ds-h{font-family:var(--disp);font-size:16px;font-weight:600;color:var(--tusz)}
.StrTresc .srv .srv-ds-adresy p:not(.srv-ds-h){font-size:14px;line-height:1.5;color:var(--szary)}
.StrTresc .srv .srv-ds-adresy address{padding-top:6px;font-style:normal;font-size:15px;font-weight:500;line-height:1.5;color:var(--tusz)}
.StrTresc .srv .srv-ds-adresy>div>a{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:13.5px;font-weight:600;color:var(--pom-ciem);text-decoration:none}
.StrTresc .srv .srv-ds-adresy>div>a .srv-ik{width:14px;height:14px}
.StrTresc .srv .srv-ds-dop{max-width:1180px;margin:16px auto 0;font-size:13.5px;line-height:1.55;color:var(--szary)}

.StrTresc .srv .srv-dok-grupa{margin:0 0 14px;font-family:var(--disp);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pom-ciem)}
.StrTresc .srv .srv-dok-siatka+.srv-dok-grupa{margin-top:clamp(28px,3vw,40px)}
.StrTresc .srv .srv-dok-wiecej{margin-top:clamp(22px,2.4vw,30px);text-align:center}
.StrTresc .srv .srv-dok-wiecej a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:6px 20px;border-radius:999px;background:var(--kafel);font-size:14.5px;line-height:1.35;color:var(--tusz);text-align:left;text-decoration:none;transition:background-color .2s,box-shadow .2s}
.StrTresc .srv .srv-dok-wiecej a:hover{background:var(--karta);box-shadow:inset 0 0 0 1px var(--kreska)}
.StrTresc .srv .srv-dok-wiecej .srv-ik{width:18px;height:18px;color:var(--pom)}
.StrTresc .srv .srv-dok-wiecej b{color:var(--pom-ciem);font-weight:600;overflow-wrap:anywhere}
.StrTresc .srv .srv-baza-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:1000px;margin:0 auto;list-style:none}
.StrTresc .srv .srv-baza-lista a{display:flex;align-items:center;gap:14px;min-height:62px;padding:8px 18px 8px 8px;border-radius:16px;background:var(--kafel);color:var(--tusz);font-size:15px;font-weight:500;line-height:1.35;text-decoration:none;transition:background-color .2s,box-shadow .2s,transform .2s var(--ease)}
.StrTresc .srv .srv-baza-lista a:hover{background:var(--karta);box-shadow:inset 0 0 0 1px var(--kreska),0 10px 26px rgba(14,25,41,.08);transform:translateY(-1px)}
.StrTresc .srv .srv-baza-lista .srv-ik:first-child{width:44px;height:44px;padding:11px;border-radius:12px;background:#ebf4fe;color:var(--pom-ciem)}
.StrTresc .srv .srv-baza-lista span{flex:1;min-width:0}
.StrTresc .srv .srv-baza-lista .srv-ik:last-child{width:16px;height:16px;color:var(--szary)}
@media (max-width:900px){.StrTresc .srv .srv-ds-in,.StrTresc .srv .srv-ds-adresy{grid-template-columns:minmax(0,1fr)}.StrTresc .srv .srv-ds-domena{font-size:clamp(20px,7vw,46px)}}
@media (max-width:640px){.StrTresc .srv .srv-baza-lista{grid-template-columns:minmax(0,1fr)}.StrTresc .srv .srv-ds-btny .srv-btn{width:100%}.StrTresc .srv .srv-www{min-height:60px}.StrTresc .srv .srv-ds-adresy>div{padding:18px}}
html.fx-noc .StrTresc .srv .srv-ds-kanaly .srv-ik,html.fx-noc .StrTresc .srv .srv-baza-lista .srv-ik:first-child{background-color:rgba(13,98,188,.16);color:#51a5ff}
html.fx-noc .StrTresc .srv .srv-ds-domena,html.fx-noc .StrTresc .srv .srv-dok-grupa,html.fx-noc .StrTresc .srv .srv-ds-adresy a,html.fx-noc .StrTresc .srv .srv-dok-wiecej b{color:#51a5ff}
html.fx-noc .StrTresc .srv .srv-ds-domena:hover{color:#8cc3ff}
@media (max-width:480px){.StrTresc .srv .srv-www{padding:10px 16px}.StrTresc .srv .srv-www>.srv-ik:first-child{display:none}}
.StrTresc .srv .srv-ds-adresy p a{color:var(--pom-ciem);font-weight:600;text-decoration:none;overflow-wrap:anywhere}

/* 16.10.2026: no language switch in the header, as on sklepfelicity.pl (that shop has one language). With the flag the phone
   header icons did not fit next to the logo, went to a second row, and the late night-mode button moved the page by 50 px */
.IkonaJezyk{display:none!important}
/* Listy LV, HV i osprzetu PV na telefonie (16.10.2026, sesja „Listy na telefonie”, zrodla: 02_Strona-sekcje/listy-telefon-20261016).
   Zostaje piec kafelkow w rzedzie, jak chce uzytkownik (11.10: „5 produktow w rzedzie na telefonie”, „popraw czytelnosc kafelkow,
   zachowujac 5 produktow w rzedzie”). Nazwa, cena i plakietka rosna z szerokoscia ekranu, slowa nie lamia sie w srodku.
   Lista ma 90% szerokosci, wiec kafelek to 18vw - 3,2 px, a tekst w nim 18vw - 11,2 px (bez container-type: na HV kosztowal
   ~2 s dlugich zadan przy CPU 4x). Kod modelu Felicity dzieli skrypt menu (blok „Phone tiles” w mnx) na rodzine i wariant
   (FLB48100 / WG1-H), on tez zmniejsza tekst, ktory nadal sie nie miesci. Arkusze lvx, hv-dol i osx bez zmian; te reguly
   wygrywaja podwojnym #SrodekKolumna. */
/* wariant modelu w <i>: bez kursywy na kazdej szerokosci (zostaje po zmianie okna z telefonu na komputer) */
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) :is(.lvx-k-tyt,.hvx-k-tyt,.osx-k-tyt)>b>i{font-style:normal}
/* telefony i tablety do 1100 px (piec kart w rzedzie, karta 62-200 px): kod modelu w dwoch wierszach, rodzina i lzejszy wariant,
   lamanie tylko po laczniku, ukosniku albo spacji; na zywo przy 701-767 px (iPad mini 744) lamalo sie do 18 nazw HV w srodku */
@media (max-width:1100px){
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) :is(.lvx-k-tyt,.hvx-k-tyt,.osx-k-tyt)>b.fxm{overflow-wrap:normal;word-break:normal;hyphens:manual}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) :is(.lvx-k-tyt,.hvx-k-tyt,.osx-k-tyt)>b>.fxm2{display:block;font-weight:500;color:color-mix(in srgb,currentColor 72%,transparent)}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) :is(.lvx-k-tyt,.hvx-k-tyt,.osx-k-tyt)>b .fxm-r{display:none}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta) :is(.lvx-k-tyt,.hvx-k-tyt)>b{min-height:2.5em}
}
/* tablety: odliczanie IVGM zawija sie w dwa wiersze zamiast wychodzic poza kafelek (przy 701 px o 6 px) */
@media (min-width:701px) and (max-width:1100px){
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) .fin-zap-p{flex-wrap:wrap;row-gap:0;max-width:calc(100% - 20px)}
}
@media (max-width:700px){
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta)>.ElementListingRamka{--fxt:clamp(9px,calc(3.2143vw - 2px),13px);--fxc:clamp(9.5px,calc(3.4615vw - 2.154px),14px)}
/* model: dwa wiersze zawsze (rodzina i wariant), wiec kafelki w rzedzie maja cene na tej samej wysokosci */
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) :is(.lvx-k-tyt,.hvx-k-tyt,.osx-k-tyt)>b{min-height:calc(var(--fxt)*2.5);font-size:var(--fxt);line-height:calc(var(--fxt)*1.25);overflow-wrap:break-word;word-break:normal;hyphens:manual}
/* cena: cala, „na zapytanie” w dwoch wierszach; miejsce na dwa wiersze w kazdym kafelku, wiec ceny i kreska nad nimi stoja w rzedzie rowno */
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) :is(.lvx-k-krotko,.hvx-k-krotko,.osx-k-krotko){min-height:calc(var(--fxc)*2.4);font-size:var(--fxc);line-height:calc(var(--fxc)*1.2);white-space:nowrap;overflow-wrap:normal}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) :is(.lvx-k-krotko,.hvx-k-krotko,.osx-k-krotko).fxc-t{white-space:normal;font-weight:600}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) .ZakupKontener .Zakup{margin-top:0!important}
/* plakietka pojemnosci lub mocy na zdjeciu */
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) :is(.lvx-k-chip,.hvx-k-chip,.osx-k-chip){left:1px;right:1px;gap:2px;padding:2px;font-size:calc(var(--fxt)*.95);line-height:1.15;white-space:nowrap}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) :is(.lvx-k-chip,.hvx-k-chip,.osx-k-chip) small{font-size:1em;font-weight:600}
/* odliczanie do premiery (fin): na malym kafelku sama data, „od 19.10”; „Nowosc” mala */
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) .fin-zap-p{left:2px;top:2px;max-width:calc(100% - 4px);gap:0;padding:2px 5px;border-radius:6px;font-size:calc(var(--fxt)*.85);line-height:1.2;white-space:nowrap;box-shadow:none}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) .fin-zap-p[data-fxd]:not(.is-nowe){font-size:0}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) .fin-zap-p[data-fxd]:not(.is-nowe)::before{content:attr(data-fxd);font-size:calc(var(--fxt)*.85)}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) .fin-zap-p[data-fxd]:not(.is-nowe) b{display:none}
}