/* Decyzje Danusi 01.11.2026 (inc/start-sklepu.php): pasek „Darmowa wysyłka od 1500 zł”, przycisk WhatsApp, BLIK na telefon,
   „Chameleon” w kolorach folii, informacja o zwrotach arkuszy. Ladowany po pozostalych arkuszach. */

/* (1) pasek nad naglowkiem - w normalnym ukladzie (nie zaslania naglowka; naglowek przykleja sie dopiero po przewinieciu) */
.ah-pinfo { position: relative; z-index: 60; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 36px; padding: 6px 44px 6px 16px;
	background: linear-gradient(rgba(255, 255, 255, .10), rgba(255, 255, 255, .04)), rgba(14, 14, 14, .82); -webkit-backdrop-filter: blur(20px) saturate(170%); backdrop-filter: blur(20px) saturate(170%);
	border-bottom: 1px solid rgba(255, 255, 255, .16); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14); color: #fff; }
.ah-pinfo[hidden] { display: none; }
.ah-pinfo__t { display: flex; align-items: center; gap: 8px; margin: 0; font: 400 14px/1.35 var(--l); text-align: center; }
.ah-pinfo__t strong { font-weight: 700; color: #fff; }
.ah-pinfo__d { color: #d9d9d9; }
.ah-pinfo__t .ah-i { width: 18px; height: 18px; flex: none; color: var(--pom); }
.ah-pinfo__x { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #fff; cursor: pointer; }
.ah-pinfo__x .ah-i { width: 14px; height: 14px; }
.ah-pinfo__x:hover { background: rgba(255, 255, 255, .12); }
.ah-pinfo__x:focus-visible { outline: 2px solid var(--pom); outline-offset: 1px; }
@media (max-width: 599px) {
	.ah-pinfo { min-height: 32px; padding: 4px 40px 4px 12px; }
	.ah-pinfo__t { font-size: 13px; }
	.ah-pinfo__d { display: none; }
}

/* (2) WhatsApp - prawy dolny rog, szklo; nad dolnymi paskami telefonu, schowany przy banerze cookies */
.ah-wa { position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); z-index: 85; display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 16px 0 13px;
	border-radius: 999px; color: #fff; text-decoration: none; font: 700 15px/1 var(--p);
	background: linear-gradient(rgba(255, 255, 255, .12), rgba(255, 255, 255, .04)), rgba(14, 14, 14, .74); -webkit-backdrop-filter: blur(20px) saturate(170%); backdrop-filter: blur(20px) saturate(170%);
	border: 1px solid rgba(255, 255, 255, .18); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 10px 28px rgba(0, 0, 0, .38); transition: transform .2s, background-color .2s; }
.ah-wa .ah-i { width: 24px; height: 24px; color: #25d366; }
.ah-wa:hover { transform: translateY(-2px); color: #fff; }
.ah-wa:focus-visible { outline: 2px solid var(--pom); outline-offset: 3px; }
html.ah-bez-scrolla .ah-wa { display: none; }
/* 02.11 (Danusia: „dorzuć ten WhatsApp latający” - nie widziała go, bo chował się przy banerze cookies): przy banerze zostaje widoczny.
   Komputer: baner w lewym dolnym rogu, WhatsApp w prawym - bez kolizji. Telefon: baner na całą szerokość, WhatsApp nad nim (--ah-zg-h z JS). */
@media (max-width: 759px) { body:has(#ah-zgoda:not([hidden])) .ah-wa { bottom: calc(var(--ah-zg-h, 180px) + 24px + env(safe-area-inset-bottom)); } }
@media (max-width: 759px) {
	.ah-wa { right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); min-height: 0; width: 52px; height: 52px; padding: 0; justify-content: center; }
	.ah-wa__t { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
	.ah-wa .ah-i { width: 26px; height: 26px; }
	body:has(.ah-dolny-pasek:not([hidden])) .ah-wa { bottom: calc(84px + env(safe-area-inset-bottom)); }
}
@media (max-width: 859px) {
	body:has(.ah-p__pasek:not([hidden])) .ah-wa { bottom: calc(84px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) { .ah-wa { transition: none; } .ah-wa:hover { transform: none; } }

/* (3) BLIK na telefon - instrukcja na stronie podziekowania (strona jasna) i opis w kasie */
.ah-blik-tel { margin: 24px 0; padding: 20px 22px; border: 2px solid var(--pom); border-radius: 14px; background: #fff7ee; color: #000; }
.ah-blik-tel__h { margin: 0 0 8px; font: 700 20px/1.3 var(--p); }
.ah-blik-tel ol { margin: 0; padding-left: 22px; font: 400 16px/1.6 var(--l); }
.ah-blik-tel-opis { font: 400 15px/1.5 var(--l); }

/* (4) „Chameleon” - gradient kolorow folii przesuwa sie powoli po slowie (tylko background-position) */
.ah-cham { background: linear-gradient(90deg, #5aa9ff, #a07bff, #ff6fb5, #ffc04d, #46dc8f, #5aa9ff); background-size: 300% 100%; -webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent; color: #a07bff; animation: ah-cham 9s linear infinite; }
.ah-cham { text-shadow: none; }
.ah-ha__h .ah-cham, .ah-us-hero .ah-cham { filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .7)); }
@keyframes ah-cham { from { background-position: 0% 50%; } to { background-position: 300% 50%; } }
@media (prefers-reduced-motion: reduce) { .ah-cham { animation: none; background-size: 100% 100%; } }
/* na jasnym tle (koszyk, kasa, jasne strony) - ciemniejsze odcienie, zeby slowo bylo czytelne */
body:not(.ah-wow) .ah-cham { background-image: linear-gradient(90deg, #1f5fd1, #6a3fd8, #c2287a, #a86a00, #138a4f, #1f5fd1); color: #6a3fd8; }

/* (5) arkusz ciety na wymiar - bez zwrotu (karta folii i kasa) */
.ah-p__zwrot { display: flex; gap: 10px; align-items: flex-start; margin-top: 10px; padding: 10px 12px; border: 1px solid #3a3a3a; border-radius: 10px; font: 400 14px/1.5 var(--l); color: #d9d9d9; }
.ah-p__zwrot .ah-i { width: 20px; height: 20px; flex: none; margin-top: 1px; color: var(--pom); }
.ah-p__zwrot strong { color: #fff; }
.ah-p__zwrot a { color: #fff; }
body:not(.ah-wow) .ah-p__zwrot { border-color: #d0d0d0; color: #333; }
body:not(.ah-wow) .ah-p__zwrot strong, body:not(.ah-wow) .ah-p__zwrot a { color: #000; }
.ah-kasa-zwrot { margin: 0 0 14px; padding: 12px 14px; border: 1px solid #d0d0d0; border-left: 4px solid var(--pom-t, #b45309); border-radius: 8px; background: #fafafa; font: 400 15px/1.5 var(--l); color: #222; }
.ah-kasa-zwrot strong { color: #000; }
.ah-kasa-zwrot a { color: #000; text-decoration: underline; }

/* (6) Voucher „Do mnie / Obdarowanej osobie” (Olga 0:21:13: „jak się najedzie… niech jest na szaro, a niech jest biały”): najechanie na WYBRANA opcje
   zmienialo tlo na szare przy czarnym tekscie - nieczytelne. Wybrana zostaje wybrana, niewybrana po najechaniu: szare tlo, bialy tekst. */
.ah-vn__seg label:hover input:checked + span { background: #000; color: #fff; }
body.ah-wow .ah-vn__seg label:hover input:checked + span { background: var(--pom); color: #000; }
body.ah-wow .ah-vn__seg label:hover input:not(:checked) + span { background: #333; color: #fff; }

/* 02.11 baner cookies: pomaranczowa linia 3 px u gory przy zaokraglonych rogach i szklanym tle wygladala jak druga warstwa za karta - linia neutralna */
.ah-zg, .ah-szklo .ah-zg { border-top: 1px solid rgba(255, 255, 255, .16) !important; }
/* 02.11: przycisk „Zatrzymaj film” w hero (prawy dolny rog) wypadal pod plywajacym WhatsAppem - przeniesiony w prawy gorny rog filmu */
.ah-ha:not(.is-blok) .ah-ha__pp { top: 12px; bottom: auto; }
@media (max-width: 599px) { .ah-ha:not(.is-blok) .ah-ha__pp { top: 6px; right: 4px; } }

/* 02.11 v2 baneru (Danusia: „jeszcze mniejszy”): bez naglowka i „Ustawien”, tekst 13 px, przyciski 32 px; komputer - waska karta 300 px w rogu,
   telefon - ok. 95 px wysokosci zamiast ok. 160 px. „Ustawienia cookies” w stopce otwiera ten sam baner od razu z wyborem kategorii. */
.ah-zg { width: 300px; }
.ah-zg .ah-zg__in { gap: 8px; padding: 10px 12px; }
.ah-zg .ah-zg__p { font-size: 13px; line-height: 1.38; }
.ah-zg .ah-zg__akcje { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px; margin-top: 0; }
.ah-zg .ah-zg__b { min-height: 32px; padding: 0 10px; font-size: 13px; }
.ah-zg .ah-zg__ust[hidden] { display: none !important; }
@media (max-width: 759px) {
	.ah-zg { left: 10px; right: 10px; bottom: 10px; width: auto; }
	.ah-zg .ah-zg__in { padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); }
}

/* 02.11 (Danusia): pasek „Darmowa wysyłka od 1500 zł” POMARAŃCZOWY jak przyciski - tekst, ikona i krzyżyk czarne (kontrast ok. 9:1) */
.ah-pinfo { background: var(--pom, #ff8a00); color: #000; border-bottom: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.ah-pinfo__t strong, .ah-pinfo__d { color: #000; }
.ah-pinfo__t .ah-i { color: #000; }
.ah-pinfo__x { color: #000; }
.ah-pinfo__x:hover { background: rgba(0, 0, 0, .12); }
.ah-pinfo__x:focus-visible { outline: 2px solid #000; }

/* 02.11 (Danusia: „popraw te nieczytelne guziki”): panel „Dodano do koszyka” jest JASNY, a ciemny motyw (body.ah-wow) przestawia zmienne
   --tlo2 / --szary-t / --linia na ciemne tlo i jasnoszary tekst - stad pasek „W koszyku” 1,46:1, opisy 2,1:1, przyciski z obwodka bialy na bialym.
   W panelu jasne wartosci zmiennych (jak .ah-pytanie w wow.css) + przyciski z obwodka czarne. */
.ah-sz__okno { --tlo2: #f2f2f2; --szary-t: #595959; --linia: #e5e5e5; --tekst: #111; color: #111; }
body .ah-sz .ah-btn--obrys, body.ah-wow .ah-sz .ah-btn--obrys { background: transparent; color: #000; box-shadow: inset 0 0 0 1.5px #000; }
body .ah-sz .ah-btn--obrys:hover, body.ah-wow .ah-sz .ah-btn--obrys:hover, body.ah-wow .ah-sz .ah-btn--obrys:focus-visible { background: #f2f2f2; color: #000; }
.ah-sz .ah-btn:not(.ah-btn--obrys):hover { background: #ff9d2e; color: #000; }
.ah-sz__x { color: #000; }
.ah-sz__x:hover { background: #f2f2f2; color: #000; }
.ah-sz__suma, .ah-sz__suma span { color: #333; }
.ah-sz__suma b { color: #000; }
.ah-sz__akcje { gap: 8px; }
.ah-sz__akcje > * { margin: 0 !important; }
.ah-sz__dalej { min-height: 36px; justify-self: center; padding: 0 8px; }

/* 02.11 dzial B2B: baner „Montujesz zawodowo? Warunki dla firm” (sklep, karta folii) + WhatsApp przy formularzu firm */
.ah-firmy-baner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 0;padding:12px 16px;border-radius:10px;border:1.5px solid #FF8A00;border-left-width:6px;color:inherit;text-decoration:none;font-size:15px;line-height:1.35;max-width:560px}
.ah-firmy-baner strong{font-weight:700}
.ah-firmy-baner__s{color:#FF8A00;font-weight:700;font-size:20px;line-height:1;transition:transform .15s}
.ah-firmy-baner:hover .ah-firmy-baner__s,.ah-firmy-baner:focus-visible .ah-firmy-baner__s{transform:translateX(4px)}
.ah-firmy-baner:hover{background:rgba(255,138,0,.08)}
.ah-firmy-baner--karta{margin-top:18px}
.ah-firma-form__wa{margin:18px 0 0}
.ah-firma-form__wa .ah-btn{display:inline-flex;align-items:center;gap:8px}
.ah-firma-form__wa svg{width:20px;height:20px}

/* 02.11 sekcja „Czy folia kameleon jest legalna?” (page-folie-chameleon.php) */
.ah-legal{max-width:760px}
.ah-legal p{margin:0 0 14px;line-height:1.6}
.ah-legal__l{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ah-legal__l a{display:inline-block;padding:8px 14px;border-radius:999px;border:1.5px solid #FF8A00;color:inherit;text-decoration:none;font-weight:600;font-size:15px}
.ah-legal__l a:hover{background:rgba(255,138,0,.12)}
.ah-legal__uw{padding:12px 16px;border-left:4px solid #FF8A00;background:rgba(255,138,0,.08);border-radius:0 8px 8px 0}
.ah-firma-form .ah-form{padding:0;border:0;border-radius:0;background:none;margin:0;width:100%}

/* 02.11 ikony v3: ikona obok tekstu wielowierszowego wyrownana do PIERWSZEJ linii (nie do srodka akapitu) - klodka przy platnosciach */
.ah-pl__zd, .ah-pl--pelny .ah-pl__zd, .ah-pl--online .ah-pl__zd { align-items: flex-start; }
.ah-pl__zd .ah-pl__ico, .ah-pl--pelny .ah-pl__zd .ah-pl__ico, .ah-pl--online .ah-pl__zd .ah-pl__ico { margin-top: calc((1.5em - 20px) / 2); }

/* 02.11 /kontakt/: odstep miedzy gornym rzedem a mapa (jak miedzy sekcjami) + mapa statyczna (OSM) z nakladkami, Mapa Google w tym samym miejscu */
.ah-kt .ah-mapa { margin-top: 56px; }
.ah-mapa--stat { position: relative; background: #111; border: 1px solid #2a2a2a; height: 420px; }
.ah-mapa__obraz { display: block; width: 100%; height: 100%; padding: 0; margin: 0; border: 0; background: none; cursor: pointer; }
.ah-mapa__img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.ah-mapa__ramka { position: absolute; inset: 0; width: 100%; height: 100% !important; border: 0; z-index: 3; }
.ah-mapa.is-wczytana .ah-mapa__akcje .ah-mapa__btn, .ah-mapa.is-wczytana .ah-mapa__osm { display: none; }
.ah-mapa__adres { position: absolute; top: 16px; left: 16px; z-index: 4; display: flex; align-items: center; gap: 8px; margin: 0; padding: 10px 14px; max-width: calc(100% - 32px); background: rgba(0,0,0,.82); color: #fff; border-radius: 10px; font: 400 15px/1.35 var(--l); }
.ah-mapa__adres strong { display: block; font-weight: 700; }
.ah-mapa__adres .ah-i { width: 22px; height: 22px; flex: none; color: #FF8A00; }
.ah-mapa__akcje { position: absolute; left: 16px; bottom: 16px; z-index: 4; display: flex; flex-wrap: wrap; gap: 8px; }
.ah-mapa__akcje .ah-btn { min-height: 40px; height: auto; min-width: 0; padding: 0 16px; font-size: 14px !important; display: inline-flex; align-items: center; gap: 6px; }
.ah-mapa__akcje .ah-btn--obrys { background: rgba(0,0,0,.82); color: #fff; box-shadow: inset 0 0 0 1.5px #fff; }
.ah-mapa__akcje .ah-i { width: 18px; height: 18px; }
.ah-mapa.is-wczytana .ah-mapa__adres { top: auto; bottom: 64px; }
.ah-mapa__osm { position: absolute; right: 0; bottom: 0; z-index: 4; margin: 0; padding: 3px 8px; background: rgba(0,0,0,.7); color: #d9d9d9; font: 400 12px/1.3 var(--l); border-radius: 6px 0 0 0; }
.ah-mapa__osm a { color: #fff; text-decoration: underline; }
.ah-kt .ah-mapa__info, .ah-mapa__info { width: min(var(--wrap), calc(100% - 48px)); max-width: none; margin: 10px auto 0; font: 400 13px/1.5 var(--l); color: #595959 !important; }
body.ah-wow .ah-kt .ah-mapa__info { color: #bdbdbd !important; }
.ah-kt .ah-mapa__info a { color: inherit !important; text-decoration: underline; }
@media (max-width: 899px) {
	.ah-kt .ah-mapa { margin-top: 40px; }
	.ah-mapa--stat { height: 380px; }
	.ah-kt .ah-mapa__info { width: calc(100% - 32px); }
	.ah-mapa__adres { font-size: 14px; top: 12px; left: 12px; }
	.ah-mapa__akcje { left: 12px; bottom: 12px; right: 12px; }
}
/* po wczytaniu Mapy Google: adres pokazuje karta Google, nasz przycisk „Wyznacz trasę” w prawym gornym rogu (nie zaslania kontrolek Google) */
.ah-mapa.is-wczytana .ah-mapa__adres { display: none; }
.ah-mapa.is-wczytana .ah-mapa__akcje { left: auto; right: 12px; top: 12px; bottom: auto; }

/* 02.11 wejscie do konta w naglowku: ludzik obok koszyka (ten sam rozmiar pola 44 px i ikony 26 px co koszyk), kropka po zalogowaniu */
.ah-konto-ik { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; margin-left: 6px; color: #fff; text-decoration: none; border-radius: 50%; }
.ah-konto-ik .ah-i { width: 26px; height: 26px; }
.ah-konto-ik:hover, .ah-konto-ik:focus-visible { color: #FF8A00; }
.ah-konto-ik__kropka { position: absolute; top: 8px; right: 7px; width: 9px; height: 9px; border-radius: 50%; background: #FF8A00; box-shadow: 0 0 0 2px #000; }
.ah-koszyk { flex: none; }
.ah-header__cta { flex: none; white-space: nowrap; }
@media (max-width: 999px) {
	.ah-konto-ik { margin-left: auto; }
	.ah-konto-ik ~ .ah-koszyk { margin-left: 0; }
	.ah-konto-ik ~ .ah-koszyk.is-pusty + .ah-burger { margin-left: 0; }
}
/* menu mobilne: „Moje konto” / „Zaloguj się” na gorze listy */
.ah-mm2__konto span, .ah-mm-konto { display: inline-flex; align-items: center; gap: 10px; }
.ah-mm2__konto .ah-i, .ah-mm-konto .ah-i { width: 22px; height: 22px; color: #FF8A00; }
/* 02.11: otwarte menu mobilne zaslaniane przez pasek „Darmowa wysyłka” (pasek z-index 60 nad naglowkiem) - przy otwartym menu pasek chowamy */
html.ah-bez-scrolla .ah-pinfo { visibility: hidden; }