/* Style stron oferty i cennika nowej wersji (10.10.2026), wyciete z propozycja/oferta.astro */
.of-hero .pg-in{padding-top:clamp(48px,7vw,110px);padding-bottom:clamp(40px,5vw,72px)}
.of-hero h1{font-size:clamp(2.4rem,5.4vw,5rem) !important;margin:0;max-width:18ch}
.of-hero .pg-lead{margin-top:1.4rem;max-width:52ch}
.of-spis{display:flex;flex-wrap:wrap;gap:10px;margin:2rem 0 0;padding:0;list-style:none}
.of-spis a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--linia);border-radius:999px;font-family:var(--f-nag);font-weight:600;font-size:.95rem;text-decoration:none}
.of-spis a:hover{border-color:var(--ochra);color:var(--ochra)}
.of-sek{border-top:1px solid var(--linia)}
.of-glowa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(32px,4vw,56px)}
.of-glowa h2{margin:0}
.of-glowa p{margin:0;color:var(--szary);font-size:1.1rem;line-height:1.6;max-width:52ch}
.of-opowiesc{font-family:'Newsreader',Georgia,serif;font-size:clamp(1.2rem,1.45vw,1.34rem);line-height:1.5;max-width:58ch;margin:0 0 clamp(32px,4vw,56px)}
.of-opowiesc::before{content:"";display:block;width:40px;height:2px;background:var(--ochra);margin-bottom:14px}
.of-pakiety{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.of-pakiet{background:#fff;border:1px solid var(--linia);padding:clamp(22px,2.4vw,34px);display:flex;flex-direction:column}
.of-pakiet.pol{border-top:3px solid var(--ochra)}
.of-pakiet h3{font-size:1.35rem !important;margin:0}
.of-pol{font-family:var(--f-nag);font-size:.8rem;font-weight:600;color:var(--ochra);margin:0 0 .4rem}
.of-cena{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(2.2rem,3.4vw,3rem);letter-spacing:-.03em;line-height:1;margin:.8rem 0 .3rem}
.of-cena small{font-family:'Outfit',sans-serif;font-size:.95rem;color:var(--szary);letter-spacing:0}
.of-cel{color:var(--szary);margin:0 0 1.2rem;font-size:1rem}
.of-lista{list-style:none;margin:0 0 1.4rem;padding:0;border-top:1px solid var(--linia)}
.of-lista li{padding:9px 0;border-bottom:1px solid var(--linia);font-size:1rem;line-height:1.45}
.of-czas{margin-top:auto;font-size:.9rem;color:var(--szary)}
.of-tabela-okno{overflow-x:auto;margin-top:clamp(40px,5vw,64px)}
.of-tabela{width:100%;border-collapse:collapse;min-width:640px;font-size:1rem}
.of-tabela th,.of-tabela td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--linia)}
.of-tabela thead th{font-family:var(--f-nag);font-weight:700;border-bottom:1px solid var(--tusz)}
.of-tabela td:not(:first-child),.of-tabela th:not(:first-child){text-align:center}
.of-prow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);margin-top:clamp(48px,6vw,88px)}
.of-prog{list-style:none;margin:0;padding:0;border-top:1px solid var(--tusz)}
.of-prog li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--linia);font-size:1.05rem}
.of-prog b{font-family:var(--f-nag)}
.of-prog span{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:1.3rem;white-space:nowrap}
.of-dwie{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px)}
.of-dwie h3{font-size:1.3rem !important;margin:0 0 .8rem}
.of-dwie ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--linia)}
.of-dwie li{padding:12px 0;border-bottom:1px solid var(--linia);line-height:1.5}
.of-dwie li b{font-family:var(--f-nag)}
.of-produkt{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,5vw,80px);align-items:center}
.of-produkt .of-cena{color:var(--ochra)}
.of-produkt figure{margin:0;max-width:260px;justify-self:center}
.of-produkt figure img{display:block;width:100%;height:auto;border:1px solid var(--linia)}
.of-produkt figcaption{font-size:.85rem;color:var(--szary);margin-top:.5rem;text-align:center}
.of-akcje{display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center;margin-top:1.6rem}
.of-ciemna{background:var(--noc);color:var(--noc-tekst)}
.of-ciemna h2,.of-ciemna h3{color:var(--noc-tekst) !important}
.of-ciemna p{color:#D6D0C6}
.of-ciemna .of-cena{color:var(--noc-ochra)}
.of-ciemna .pg-link{color:var(--noc-tekst)}
@media (max-width:900px){ .of-glowa,.of-pakiety,.of-prow,.of-dwie,.of-produkt{grid-template-columns:minmax(0,1fr)} .of-produkt figure{justify-self:start} }
.of-zakres{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,5vw,80px);border-top:1px solid var(--tusz)}
.of-zakres li{padding:22px 0 24px;border-bottom:1px solid var(--linia)}
.of-zakres h3{font-size:1.25rem !important;margin:0 0 .5rem}
.of-zakres p{margin:0;color:var(--szary);font-size:1.05rem;line-height:1.6;max-width:52ch}
.of-tempo-h{margin:clamp(48px,6vw,88px) 0 0;font-size:clamp(1.8rem,3.4vw,3rem) !important;max-width:22ch}
.of-tempo{margin:1.2rem 0 0}
@media (max-width:900px){ .of-zakres{grid-template-columns:minmax(0,1fr)} }
/* 10.10.2026: wyglad sekcji z /budowa-strony-www (zakres z ramka strony klienta, granice, tempo) */
.of-sr{text-align:center;max-width:62ch;margin:0 auto clamp(32px,4vw,56px)}
.of-sr h2{margin:0 0 1rem;font-size:clamp(2.2rem,4.4vw,3.8rem) !important}
.of-sr p:not(.pg-nad){margin:0 auto;color:var(--szary);font-size:1.08rem;line-height:1.6}
.of-zk-scena{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:clamp(2rem,5vw,4rem);align-items:start}
.of-zk-lista{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem}
.of-zk-k{background:#fff;border:1px solid var(--linia);border-radius:12px;padding:1.6rem 1.7rem;opacity:.44;transition:opacity .45s ease,border-color .45s ease}
.of-zk-k.akt{opacity:1;border-color:rgba(140,90,15,.42)}
.of-zk-k h3{display:flex;align-items:center;gap:.6rem;font-size:1.2rem !important;margin:0 0 .55rem}
.of-zk-k h3 i{color:var(--ochra);font-size:1.3rem}
.of-zk-k p{margin:0;color:var(--szary);font-size:1.02rem;line-height:1.7}
.of-zk-k p b{color:var(--tusz)}
.of-zk-ramka{position:sticky;top:clamp(7.5rem,17vh,10.5rem)}
.of-zk-okno{border-radius:12px;overflow:hidden;background:#11182a;border:1px solid var(--linia);box-shadow:0 30px 70px -34px rgba(26,29,35,.55)}
.of-zk-pasek{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#F1EEE9;border-bottom:1px solid var(--linia)}
.of-zk-pasek i{width:7px;height:7px;border-radius:50%;background:rgba(26,29,35,.20);flex:none}
.of-zk-pasek em{margin-left:7px;font-style:normal;font-family:var(--f-nag);font-size:.72rem;color:var(--szary)}
.of-zk-okno img{display:block;width:100%;height:auto;transition:opacity .35s ease}
.of-zk-okno img.zmiana{opacity:0}
.of-zk-podpis{margin:.8rem 0 0;font-family:var(--f-nag);font-weight:600;font-size:.82rem;letter-spacing:.02em;color:var(--szary);text-transform:uppercase}
.of-gr-lista{list-style:none;margin:0 auto;padding:0;max-width:820px;display:grid;gap:.9rem}
.of-gr-k{display:flex;gap:1rem;align-items:flex-start;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:1.3rem 1.5rem}
.of-gr-k>i{color:var(--noc-ochra);font-size:1.5rem;flex:none;margin-top:.1rem}
.of-gr-k h3{font-size:1.15rem !important;margin:0 0 .35rem;color:var(--noc-tekst) !important}
.of-gr-k p{margin:0;color:#D6D0C6;font-size:1rem;line-height:1.6}
.of-gr-k p u{text-decoration-color:var(--noc-ochra);text-underline-offset:4px}
.of-gr .of-sr h2,.of-gr .of-sr p:not(.pg-nad){color:var(--noc-tekst) !important}
.of-gr .of-sr p:not(.pg-nad){color:#D6D0C6 !important}
.of-tempo-sek{background:#10131A;border-top:1px solid rgba(255,255,255,.08)}
.of-tempo-siatka{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:clamp(24px,5vw,80px);align-items:center}
.of-tempo-liczba{margin:0;display:flex;flex-direction:column;gap:.7rem}
.of-tempo-liczba b{font-family:var(--f-nag);font-weight:600;font-size:clamp(5rem,10vw,8.5rem);line-height:.9;color:var(--noc-ochra)}
.of-tempo-liczba span{font-family:var(--f-nag);font-weight:600;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--noc-tekst);max-width:24ch}
.of-tempo-sek h2{margin:0 0 1.2rem;font-size:clamp(1.9rem,3.6vw,3.2rem) !important;color:var(--noc-tekst) !important}
.of-tempo-tekst{margin:0;color:#D6D0C6;font-size:1.1rem;line-height:1.65;max-width:56ch}
.of-tempo-tekst b{color:var(--noc-ochra)}
@media (max-width:900px){ .of-zk-scena{grid-template-columns:minmax(0,1fr)} .of-zk-ramka{position:static;order:-1} .of-tempo-siatka{grid-template-columns:minmax(0,1fr)} .of-zk-k{opacity:1} }
/* ciemna sekcja: karty pakietow, tabela, progi */
.pg-ciemna .of-pakiet{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
.pg-ciemna .of-pakiet.pol{background:rgba(217,164,65,.10);border-top-color:#D9A441}
.pg-ciemna .of-pakiet .of-cena{color:#EDEAE4}
.pg-ciemna .of-opowiesc{color:#EDEAE4}
.pg-ciemna .of-lista,.pg-ciemna .of-lista li,.pg-ciemna .of-prog,.pg-ciemna .of-prog li{border-color:rgba(237,234,228,.16)}
.pg-ciemna .of-prog span{color:#EDEAE4}
.pg-ciemna .of-dwie ul,.pg-ciemna .of-dwie li{border-color:rgba(237,234,228,.16)}
.pg-ciemna .of-dwie li{color:#D6D0C6}
.pg-ciemna .of-dwie li b{color:#EDEAE4}
.pg-ciemna .of-glowa p{color:#B3ADA4}
/* animacja: pozycje w pakiecie pojawiaja sie po kolei (jak na /cennik/); bez JS albo przy ograniczonym ruchu wszystko widac od razu */
.js .of-pakiet:not(.wid) .of-lista li{opacity:0;transform:translateY(10px)}
.js .of-pakiet .of-lista li{transition:opacity .5s ease,transform .5s ease;transition-delay:calc(var(--i,0) * 70ms)}
.js .of-pakiet.wid .of-lista li{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){ .js .of-pakiet .of-lista li{opacity:1 !important;transform:none !important;transition:none} }
.of-prow--jedna{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.of-prow--jedna .of-lista{margin:0}
/* 10.10: zdjecie w hero oferty i cennika */
.of-hero--foto .pg-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,5vw,80px);align-items:end}
.of-hero-foto{margin:0}
.of-hero-foto img{display:block;width:100%;height:auto;max-height:640px;object-fit:cover;object-position:center top}
.of-hero-foto:not(.of-hero-foto--wyciete) img{border-radius:16px;box-shadow:0 34px 80px -40px rgba(22,24,29,.55);max-height:560px}
.of-hero-foto--wyciete img{object-fit:contain;object-position:center bottom;max-height:600px}
.of-hero-foto figcaption{margin-top:.7rem;font-size:.9rem;color:var(--szary)}
@media (max-width:900px){ .of-hero--foto .pg-in{grid-template-columns:minmax(0,1fr)} .of-hero-foto{max-width:340px} .of-hero-foto img{max-height:420px} }
/* 10.10 (Wiki): wszystkie usługi (strony, które już mamy) */
.of-usl-grupa{margin-top:clamp(28px,4vw,48px)}
.of-usl-grupa h3{font-size:1.2rem !important;margin:0 0 .9rem}
.of-usl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.of-usl a{position:relative;display:flex;flex-direction:column;gap:.35rem;height:100%;padding:18px 44px 18px 20px;background:#fff;border:1px solid var(--linia);text-decoration:none;color:var(--tusz);min-height:44px}
.of-usl a:hover{border-color:var(--ochra)}
.of-usl b{font-family:var(--f-nag);font-size:1.08rem}
.of-usl span{color:var(--szary);font-size:.92rem;line-height:1.5}
.of-usl i{position:absolute;right:16px;top:18px;color:var(--ochra);font-size:1.2rem}
@media (max-width:900px){ .of-usl{grid-template-columns:minmax(0,1fr)} }