/* Ostoja – nowy wygląd strony (projekt A „Świętuj. Jedz. Śpij.”), 18.10.2026.
   Kolory: brąz / krem / złoto. Czcionka Schibsted Grotesk z serwera Ostoi (bez Google Fonts).
   Treść stron to zwykłe bloczki WPBakery – wygląd nadają nazwy stylów (pole „Dodatkowa klasa CSS”):
     wiersz:  ost-sekcja + kolor: ost-piasek | ost-ciemna | ost-braz | ost-noc (bez koloru = krem)
              ost-waska (wąska kolumna tekstu), ost-tryptyk (3 zdjęcia na górze strony głównej), ost-hero (duże zdjęcie z tytułem)
              ost-siatka-2 / ost-siatka-3 (kafelki), ost-bez-gory / ost-bez-dolu (bez odstępu u góry / u dołu)
     kolumna: ost-panel (zdjęcie na całą kolumnę, tekst na dole), ost-srodek (wyśrodkowanie w pionie)
     zdjęcie: ost-foto-169 | ost-foto-43 | ost-foto-45 | ost-foto-32 (stały kształt kadru)
     tekst:   ost-duzy (duży wstęp), ost-cytat, w tekście: a.ost-przycisk, a.ost-przycisk-zloty, a.ost-przycisk-obrys, ul.ost-lista, ul.ost-fakty, dl.ost-dane */

@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonty/sg-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonty/sg-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Schibsted Grotesk';font-style:italic;font-weight:400 700;font-display:swap;src:url(fonty/sg-latin-ext-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Schibsted Grotesk';font-style:italic;font-weight:400 700;font-display:swap;src:url(fonty/sg-latin-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
 --krem:#FAF6EF; --piasek:#EADCC5; --linia:#E0D0B6; --linia2:#CDB792;
 --braz:#6E3A1F; --braz-h:#4A2513; --ciemny:#3A2214; --noc:#24150D;
 --zloto:#D9B26A; --zloto2:#C9A35D; --zloto-jasne:#E3CC9A;
 --tekst:#2E1C12; --tekst2:#4F3A2A; --tekst3:#6B5442; --stopka:#D7C6A8;
 --font:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
 --margines:max(20px,calc((100% - 1304px) / 2));
 --odstep:100px; --kolumny:72px;
}
@media (max-width:900px){:root{--odstep:72px;--kolumny:40px}}
@media (max-width:600px){:root{--odstep:56px}}

/* ---------- podstawy ---------- */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:20px}
body.ostoja-nowy{margin:0;background:var(--krem);color:var(--tekst);font:400 17px/1.6 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.ostoja-nowy *,.ostoja-nowy *::before,.ostoja-nowy *::after{box-sizing:border-box}
.ostoja-nowy img{max-width:100%;height:auto}
.ostoja-nowy a{color:var(--braz);text-decoration-thickness:1px;text-underline-offset:3px}
.ostoja-nowy a:hover{color:var(--braz-h)}
.ostoja-nowy :focus-visible{outline:3px solid var(--zloto);outline-offset:3px}
.ostoja-nowy h1,.ostoja-nowy h2,.ostoja-nowy h3,.ostoja-nowy h4{font-family:var(--font);font-weight:600;letter-spacing:-.025em;color:inherit;text-transform:none;text-wrap:balance;margin:0 0 .4em}
.ostoja-nowy h1{font-size:clamp(42px,5.6vw,80px);line-height:1}
.ostoja-nowy h2{font-size:clamp(38px,4.8vw,66px);line-height:1.03}
.ostoja-nowy h3{font-size:clamp(25px,2.4vw,32px);line-height:1.15;letter-spacing:-.02em}
.ostoja-nowy h4{font-size:20px;line-height:1.3;letter-spacing:-.01em}
.ostoja-nowy p{margin:0 0 1em}
.ostoja-nowy p:last-child,.ostoja-nowy ul:last-child,.ostoja-nowy dl:last-child,.ostoja-nowy table:last-child{margin-bottom:0}
.ostoja-nowy strong,.ostoja-nowy b{font-weight:700}
.ostoja-nowy hr{border:0;border-top:1px solid var(--linia2);margin:24px 0}
.ost-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ost-pomin{position:absolute;left:12px;top:-60px;z-index:100000;background:var(--braz);color:#fff!important;padding:12px 18px;font-weight:700;text-decoration:none}
.ost-pomin:focus{top:12px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ostoja-nowy *{transition:none!important;animation:none!important}}

/* ---------- nagłówek ---------- */
.ost-naglowek{background:var(--krem);border-bottom:1px solid var(--linia);position:relative;z-index:50}
.ost-naglowek-w{padding:14px var(--margines);display:flex;flex-wrap:wrap;align-items:center;gap:12px 34px}
.ost-logo{display:block;flex:none}
.ost-logo img{display:block;height:50px;width:auto}
.ost-menu{flex:1 1 auto}
.ost-menu ul{list-style:none;margin:0;padding:0}
.ost-menu-lista{display:flex;flex-wrap:wrap;gap:4px 26px}
.ost-menu-lista>li{position:relative}
.ost-menu a{display:block;color:var(--tekst);text-decoration:none;font-weight:500;font-size:16px;padding:8px 0}
.ost-menu a:hover,.ost-menu .current-menu-item>a,.ost-menu .current-menu-ancestor>a{color:var(--braz);text-decoration:underline;text-decoration-color:var(--zloto2);text-decoration-thickness:2px;text-underline-offset:6px}
.ost-menu .menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 3px 8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.ost-menu .sub-menu{position:absolute;left:-18px;top:100%;min-width:230px;background:var(--krem);border:1px solid var(--linia);border-top:2px solid var(--zloto2);padding:8px 18px;display:none;box-shadow:0 10px 24px rgba(46,28,18,.10)}
.ost-menu li:hover>.sub-menu,.ost-menu li:focus-within>.sub-menu{display:block}
.ost-naglowek-akcje{display:flex;align-items:center;gap:18px;font-size:15px}
.ost-jezyk{white-space:nowrap}
.ost-jezyk a{color:var(--tekst)}
.ost-tel{font-weight:700;color:var(--tekst)!important;text-decoration:none;white-space:nowrap}
.ost-naglowek .ost-przycisk{padding:12px 18px}
.ost-menu-btn{display:none}
@media (max-width:1100px){.ost-tel{display:none}}
@media (max-width:860px){
 .ost-naglowek-w{gap:10px 16px}
 .ost-logo img{height:44px}
 .ost-menu-btn{display:inline-flex;align-items:center;gap:10px;margin-left:auto;min-height:44px;padding:10px 16px;background:none;border:1px solid var(--tekst);color:var(--tekst);font:600 16px var(--font);cursor:pointer}
 .ost-menu-btn span{display:block;width:16px;height:2px;background:currentColor;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor}
 .ost-menu-btn[aria-expanded="true"] span{box-shadow:none;transform:rotate(45deg)}
 .ost-menu{display:none;flex-basis:100%;order:3}
 .ost-menu.otwarte{display:block}
 .ost-menu-lista{flex-direction:column;gap:0;padding:4px 0 8px}
 .ost-menu-lista>li{border-bottom:1px solid var(--linia)}
 .ost-menu a{font-size:19px;padding:13px 0}
 .ost-menu .sub-menu{display:block;position:static;border:0;box-shadow:none;background:none;padding:0 0 8px 16px;min-width:0}
 .ost-menu .sub-menu a{font-size:17px;padding:8px 0}
 .ost-menu .menu-item-has-children>a::after{display:none}
 .ost-naglowek-akcje{flex-basis:100%;order:2;justify-content:space-between}
 .ost-naglowek-akcje .ost-tel{display:inline}
}
@media (max-width:420px){.ost-naglowek .ost-przycisk{padding:11px 14px;font-size:15px}.ost-naglowek-akcje{gap:12px}}

/* ---------- przyciski i linki-akcje (w tekście: <a class="ost-przycisk">) ---------- */
.ostoja-nowy .ost-przycisk,.ostoja-nowy .ost-przycisk-zloty,.ostoja-nowy .ost-przycisk-obrys{display:inline-block;padding:15px 22px;border-radius:2px;font-weight:700;font-size:16px;line-height:1.25;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .15s,color .15s}
.ostoja-nowy .ost-przycisk{background:var(--braz);color:#fff}
.ostoja-nowy .ost-przycisk:hover{background:var(--braz-h);color:#fff}
.ostoja-nowy .ost-przycisk-zloty{background:var(--zloto);color:var(--tekst)}
.ostoja-nowy .ost-przycisk-zloty:hover{background:var(--zloto-jasne);color:var(--tekst)}
.ostoja-nowy .ost-przycisk-obrys{border-color:currentColor;color:inherit;background:transparent}
.ostoja-nowy .ost-przycisk-obrys:hover{background:rgba(110,58,31,.08)}
.ostoja-nowy .ost-przyciski{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin:0}
.ostoja-nowy .ost-przyciski a:not([class]){font-weight:700}
/* przycisk WPBakery (gdyby ktoś dodał „Przycisk” w panelu) w tych samych kolorach */
.ostoja-nowy .vc_btn3-container{margin-bottom:0}
.ostoja-nowy .vc_btn3.vc_general{background:var(--braz)!important;background-image:none!important;color:#fff!important;border:0!important;border-radius:2px!important;box-shadow:none!important;font:700 16px/1.25 var(--font)!important;padding:15px 22px!important;text-transform:none!important;letter-spacing:0!important}
.ostoja-nowy .vc_btn3.vc_general:hover{background:var(--braz-h)!important}
.ostoja-nowy .ost-zloty .vc_btn3.vc_general{background:var(--zloto)!important;color:var(--tekst)!important}

/* ---------- sekcje (wiersze WPBakery) ---------- */
.ostoja-nowy #tresc{display:block;overflow-x:clip}
.ostoja-nowy .vc_row{margin-left:0;margin-right:0}
.ostoja-nowy .vc_row.ost-sekcja{display:flex;flex-wrap:wrap;align-items:flex-start;gap:48px var(--kolumny);padding:var(--odstep) var(--margines);margin:0}
.ostoja-nowy .vc_row.ost-sekcja::before,.ostoja-nowy .vc_row.ost-sekcja::after{content:none;display:none}
.ostoja-nowy .ost-sekcja>.wpb_column{float:none;width:auto;min-width:0;padding:0;--w:100%;flex:1 1 calc(var(--w) - var(--kolumny))}
.ostoja-nowy .ost-sekcja>.vc_col-sm-2{--w:16.66%}.ostoja-nowy .ost-sekcja>.vc_col-sm-3{--w:25%}.ostoja-nowy .ost-sekcja>.vc_col-sm-4{--w:33.33%}
.ostoja-nowy .ost-sekcja>.vc_col-sm-5{--w:41.66%}.ostoja-nowy .ost-sekcja>.vc_col-sm-6{--w:50%}.ostoja-nowy .ost-sekcja>.vc_col-sm-7{--w:58.33%}
.ostoja-nowy .ost-sekcja>.vc_col-sm-8{--w:66.66%}.ostoja-nowy .ost-sekcja>.vc_col-sm-9{--w:75%}.ostoja-nowy .ost-sekcja>.vc_col-sm-10{--w:83.33%}
.ostoja-nowy .ost-sekcja>.vc_col-sm-12,.ostoja-nowy .ost-sekcja>.wpb_column:only-child{flex-basis:100%}
.ostoja-nowy .ost-sekcja.vc_row-o-content-middle,.ostoja-nowy .ost-sekcja.ost-srodek{align-items:center}
.ostoja-nowy .ost-sekcja .vc_column-inner{padding:0!important}
.ostoja-nowy .ost-sekcja .wpb_column>.vc_column-inner>.wpb_wrapper{display:flex;flex-direction:column;gap:28px}
.ostoja-nowy .wpb_content_element,.ostoja-nowy .wpb_text_column{margin-bottom:0!important}
.ostoja-nowy .wpb_text_column :last-child{margin-bottom:0}
.ostoja-nowy .ost-sekcja.ost-bez-gory{padding-top:0}
.ostoja-nowy .ost-sekcja.ost-bez-dolu{padding-bottom:0}
.ostoja-nowy .ost-sekcja.ost-ciasna{padding-top:28px;padding-bottom:28px}
.ostoja-nowy .ost-waska>.wpb_column{max-width:860px}
.ostoja-nowy .ost-waska.ost-srodkowo{justify-content:center;text-align:center}
@media (max-width:767px){.ostoja-nowy .ost-sekcja>.wpb_column{flex-basis:100%}}

.ostoja-nowy .ost-piasek{background:var(--piasek)}
.ostoja-nowy .ost-ciemna{background:var(--ciemny);color:var(--krem)}
.ostoja-nowy .ost-braz{background:var(--braz);color:var(--krem)}
.ostoja-nowy .ost-noc{background:var(--noc);color:var(--stopka)}
.ostoja-nowy .ost-ciemna a:not([class]),.ostoja-nowy .ost-braz a:not([class]),.ostoja-nowy .ost-noc a:not([class]){color:inherit}
.ostoja-nowy .ost-ciemna .ost-przycisk,.ostoja-nowy .ost-braz .ost-przycisk{background:var(--zloto);color:var(--tekst)}
.ostoja-nowy .ost-ciemna .ost-przycisk:hover,.ostoja-nowy .ost-braz .ost-przycisk:hover{background:var(--zloto-jasne)}
.ostoja-nowy .ost-ciemna .ost-przyp,.ostoja-nowy .ost-braz .ost-przyp{color:var(--zloto-jasne)}

/* ---------- elementy tekstu ---------- */
.ostoja-nowy .ost-duzy{font-weight:600;font-size:clamp(26px,3vw,42px);line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.ostoja-nowy .ost-duzy p{margin:0}
.ostoja-nowy .ost-wstep{font-size:clamp(18px,1.6vw,21px);line-height:1.55}
.ostoja-nowy .ost-przyp{font-size:15px;color:var(--tekst3)}
.ostoja-nowy .ost-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 28px;font-size:16px}
.ostoja-nowy .ost-lista li{border-top:1px solid var(--linia2);padding-top:10px}
.ostoja-nowy .ost-ciemna .ost-lista li,.ostoja-nowy .ost-braz .ost-lista li{border-top-color:rgba(217,178,106,.6)}
.ostoja-nowy .ost-fakty{list-style:none;margin:0;padding:20px 0 0;border-top:2px solid var(--zloto2);display:grid;gap:14px}
.ostoja-nowy .ost-fakty li{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:baseline}
.ostoja-nowy .ost-fakty strong{font-weight:600;font-size:32px;line-height:1;color:var(--braz);letter-spacing:-.02em}
.ostoja-nowy .ost-dane{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 24px;border-top:2px solid var(--zloto2);padding-top:16px}
.ostoja-nowy .ost-dane dt{font-weight:700}
.ostoja-nowy .ost-dane dd{margin:0}
.ostoja-nowy .ost-braz .ost-dane,.ostoja-nowy .ost-ciemna .ost-dane{border-top-color:var(--zloto)}
@media (max-width:480px){.ostoja-nowy .ost-dane{grid-template-columns:1fr;gap:2px}.ostoja-nowy .ost-dane dd{margin-bottom:10px}}
.ostoja-nowy blockquote,.ostoja-nowy .ost-cytat{margin:0;padding:0;border:0;font-weight:600;font-style:italic;font-size:clamp(19px,1.7vw,22px);line-height:1.4}
.ostoja-nowy blockquote p{margin:0}
.ostoja-nowy blockquote cite,.ostoja-nowy .ost-cytat cite{display:block;margin-top:8px;font:500 15px var(--font);font-style:normal;color:var(--braz)}
.ostoja-nowy .ost-ciemna blockquote cite,.ostoja-nowy .ost-braz blockquote cite{color:var(--zloto-jasne)}
.ostoja-nowy table{width:100%;border-collapse:collapse}
.ostoja-nowy .ost-cennik td{font-variant-numeric:tabular-nums}
.ostoja-nowy .ost-tabela{overflow-x:auto}
.ostoja-nowy .ost-cennik{font-size:18px;min-width:440px}
.ostoja-nowy .ost-cennik caption{text-align:left;padding-bottom:12px;font-size:15px;color:var(--tekst3)}
.ostoja-nowy .ost-cennik thead tr{border-bottom:2px solid var(--braz);text-align:left}
.ostoja-nowy .ost-cennik th,.ostoja-nowy .ost-cennik td{padding:15px 12px;text-align:left;vertical-align:top}
.ostoja-nowy .ost-cennik th:first-child,.ostoja-nowy .ost-cennik td:first-child{padding-left:0}
.ostoja-nowy .ost-cennik thead small{display:block;font-weight:400;font-size:14px;color:var(--tekst3)}
.ostoja-nowy .ost-cennik tbody tr{border-bottom:1px solid var(--linia2)}
.ostoja-nowy .ost-cennik tbody th{font-weight:500}
.ostoja-nowy .ost-cennik td{font-weight:600;font-size:28px;line-height:1.1;color:var(--braz);letter-spacing:-.02em}
.ostoja-nowy .ost-naglowek-sekcji{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px}
.ostoja-nowy .ost-naglowek-sekcji h2{margin:0}
.ostoja-nowy .ost-liczba{font-weight:600;font-size:32px;color:var(--zloto);letter-spacing:-.02em}

/* ---------- zdjęcia ---------- */
.ostoja-nowy .wpb_single_image .vc_figure,.ostoja-nowy .wpb_single_image .vc_single_image-wrapper{display:block;width:100%;margin:0}
.ostoja-nowy .wpb_single_image img{display:block;width:100%;height:auto}
.ostoja-nowy .ost-foto-169 img{aspect-ratio:16/9;object-fit:cover}
.ostoja-nowy .ost-foto-1610 img{aspect-ratio:16/10;object-fit:cover}
.ostoja-nowy .ost-foto-43 img{aspect-ratio:4/3;object-fit:cover}
.ostoja-nowy .ost-foto-32 img{aspect-ratio:3/2;object-fit:cover}
.ostoja-nowy .ost-foto-45 img{aspect-ratio:4/5;object-fit:cover}
.ostoja-nowy .wpb_single_image .vc_figure-caption{font-size:14px;color:var(--tekst3);margin-top:8px}
/* kolumna ze zdjęciami ułożonymi w siatkę: pierwsze na całą szerokość, kolejne po dwa */
.ostoja-nowy .ost-kolaz>.vc_column-inner>.wpb_wrapper{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}
.ostoja-nowy .ost-kolaz .wpb_single_image:first-child{grid-column:span 2}
.ostoja-nowy .ost-kolaz .wpb_single_image:first-child img{aspect-ratio:16/9;object-fit:cover}
.ostoja-nowy .ost-kolaz .wpb_single_image:not(:first-child) img{aspect-ratio:4/3;object-fit:cover}
.ostoja-nowy .ost-kolaz.ost-rowno .wpb_single_image:first-child{grid-column:auto}
.ostoja-nowy .ost-kolaz.ost-rowno .wpb_single_image img{aspect-ratio:4/5!important}

/* ---------- panel ze zdjęciem (górne zdjęcia „Świętuj / Jedz / Śpij” i nagłówki podstron) ---------- */
.ostoja-nowy .ost-tryptyk,.ostoja-nowy .ost-hero{display:flex;flex-wrap:wrap;padding:0;margin:0;position:relative;background:var(--ciemny)}
.ostoja-nowy .ost-tryptyk::before,.ostoja-nowy .ost-tryptyk::after,.ostoja-nowy .ost-hero::before,.ostoja-nowy .ost-hero::after{content:none;display:none}
.ostoja-nowy .ost-tryptyk>.wpb_column,.ostoja-nowy .ost-hero>.wpb_column{float:none;width:auto;padding:0;flex:1 1 320px;min-width:0}
.ostoja-nowy .ost-panel{position:relative;color:#fff;min-height:clamp(440px,48vw,680px);display:flex;overflow:hidden}
.ostoja-nowy .ost-hero .ost-panel{min-height:clamp(380px,46vw,600px)}
.ostoja-nowy .ost-panel>.vc_column-inner{position:static;display:flex;flex-direction:column;justify-content:flex-end;width:100%;padding:0!important}
.ostoja-nowy .ost-panel>.vc_column-inner>.wpb_wrapper{position:static;display:flex;flex-direction:column;justify-content:flex-end;flex:1}
.ostoja-nowy .ost-panel .wpb_single_image{position:absolute;inset:0;margin:0!important;z-index:0}
.ostoja-nowy .ost-panel .wpb_single_image *{height:100%}
.ostoja-nowy .ost-panel .wpb_single_image img{width:100%;height:100%!important;object-fit:cover}
.ostoja-nowy .ost-panel::after{content:"";position:absolute;inset:38% 0 0 0;background:linear-gradient(to top,rgba(36,21,13,.9),rgba(36,21,13,0));z-index:1;pointer-events:none}
.ostoja-nowy .ost-hero .ost-panel::after{inset:0;background:linear-gradient(90deg,rgba(36,21,13,.82) 0%,rgba(36,21,13,.55) 45%,rgba(36,21,13,.08) 75%),linear-gradient(to top,rgba(36,21,13,.7),rgba(36,21,13,0) 55%)}
@media (max-width:767px){.ostoja-nowy .ost-hero .ost-panel::after{background:linear-gradient(to top,rgba(36,21,13,.92) 10%,rgba(36,21,13,.35) 70%,rgba(36,21,13,.15))}}
.ostoja-nowy .ost-panel .wpb_text_column{position:relative;z-index:2;padding:0 32px 38px;max-width:640px}
.ostoja-nowy .ost-hero .ost-panel .wpb_text_column{padding:0 var(--margines) 48px;max-width:none}
.ostoja-nowy .ost-hero .ost-panel .wpb_text_column>*{max-width:820px}
.ostoja-nowy .ost-panel h1,.ostoja-nowy .ost-panel h2{color:#fff;margin:0 0 .25em}
.ostoja-nowy .ost-panel p{font-size:18px;max-width:560px}
.ostoja-nowy .ost-panel a{color:#fff}
.ostoja-nowy .ost-slowo{font-weight:600;font-size:clamp(56px,6.6vw,96px)!important;line-height:.92;letter-spacing:-.03em;margin:0 0 14px!important;max-width:none!important}
.ostoja-nowy .ost-slowo a{text-decoration:none;color:#fff}
.ostoja-nowy .ost-slowo a::after{content:"";position:absolute;inset:0;z-index:3}
.ostoja-nowy .ost-slowo span,.ostoja-nowy .ost-kropka{color:var(--zloto)}
.ostoja-nowy .ost-panel:hover .wpb_single_image img{transform:scale(1.02)}
.ostoja-nowy .ost-panel .wpb_single_image img{transition:transform .6s ease}
/* pierwszy wiersz strony głównej: napis na górze, nad trzema zdjęciami */
.ostoja-nowy .ost-tryptyk>.ost-tytul{position:absolute;top:0;left:0;right:0;z-index:4;flex:none;pointer-events:none;background:linear-gradient(180deg,rgba(36,21,13,.62),rgba(36,21,13,0))}
.ostoja-nowy .ost-tytul .wpb_text_column{padding:22px var(--margines) 44px}
.ostoja-nowy .ost-tytul h1{font-size:clamp(18px,1.6vw,22px)!important;font-weight:600;line-height:1.35;letter-spacing:0;color:#fff;margin:0;max-width:900px}
.ostoja-nowy .ost-hero .ost-nad{font-size:clamp(20px,2vw,26px)!important;font-weight:600;color:var(--zloto)!important;margin:0 0 6px!important}
@media (max-width:767px){
 .ostoja-nowy .ost-tryptyk>.wpb_column{flex-basis:100%}
 .ostoja-nowy .ost-tryptyk .ost-panel{min-height:330px}
 .ostoja-nowy .ost-tryptyk .ost-panel:first-of-type,.ostoja-nowy .ost-tryptyk>.ost-tytul+.ost-panel{min-height:430px;padding-top:110px}
 .ostoja-nowy .ost-panel .wpb_text_column{padding:0 20px 28px}
 .ostoja-nowy .ost-hero .ost-panel .wpb_text_column{padding:0 20px 34px}
}

/* ---------- wyszukiwarka wolnych pokoi (hotres) ---------- */
.ostoja-nowy .ost-szukaj-pas{background:var(--braz);color:#fff}
.ostoja-nowy .ost-szukaj{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px 32px;padding:28px var(--margines) 24px;margin:0}
.ostoja-nowy .ost-szukaj-tytul{flex:1 1 240px;margin:0;font-size:28px;font-weight:600;line-height:1.1;letter-spacing:-.02em}
.ostoja-nowy .ost-szukaj label{display:flex;flex-direction:column;gap:4px;flex:1 1 170px;font-size:14px;font-weight:500;margin:0}
.ostoja-nowy .ost-szukaj label.ost-osoby{flex:0 1 110px}
.ostoja-nowy .ost-szukaj input,.ostoja-nowy .ost-szukaj select{appearance:none;-webkit-appearance:none;background:transparent;border:0;border-bottom:2px solid var(--zloto);border-radius:0;color:#fff;padding:6px 0;height:auto;font:500 19px var(--font);color-scheme:dark;width:100%;box-shadow:none;margin:0}
.ostoja-nowy .ost-szukaj select{background-image:linear-gradient(45deg,transparent 50%,var(--zloto) 50%),linear-gradient(135deg,var(--zloto) 50%,transparent 50%);background-position:calc(100% - 12px) 55%,calc(100% - 6px) 55%;background-size:6px 6px;background-repeat:no-repeat}
.ostoja-nowy .ost-szukaj select option{color:var(--tekst);background:#fff}
.ostoja-nowy .ost-szukaj button{flex:0 1 230px;height:52px;border:0;border-radius:2px;background:var(--zloto);color:var(--tekst);font:700 17px var(--font);cursor:pointer}
.ostoja-nowy .ost-szukaj button:hover{background:var(--zloto-jasne)}
.ostoja-nowy .ost-szukaj-dzis{width:100%;margin:0;font-size:15px;opacity:.92}
.ostoja-nowy .ost-szukaj-dzis a{color:#fff;font-weight:700;white-space:nowrap}
@media (max-width:600px){.ostoja-nowy .ost-szukaj label{flex-basis:100%}.ostoja-nowy .ost-szukaj label.ost-osoby{flex:1 1 100px}.ostoja-nowy .ost-szukaj button{flex:1 1 180px}}
.ostoja-nowy .ost-akcje{display:flex;flex-wrap:wrap;gap:14px 40px;align-items:center;padding:20px var(--margines);margin:0;background:var(--braz);color:var(--krem);border-top:1px solid rgba(217,178,106,.35);font-size:17px}
.ostoja-nowy .ost-akcje a{color:var(--krem);font-weight:700}
.ostoja-nowy .ost-akcje span{margin-left:auto}
@media (max-width:767px){.ostoja-nowy .ost-akcje{flex-direction:column;align-items:flex-start;gap:12px}.ostoja-nowy .ost-akcje span{margin-left:0}}

/* ---------- kafelki (siatki) ---------- */
.ostoja-nowy .ost-siatka-2>.wpb_column{flex:1 1 calc(50% - var(--kolumny))}
.ostoja-nowy .ost-siatka-3>.wpb_column{flex:1 1 calc(33.33% - var(--kolumny))}
@media (max-width:900px){.ostoja-nowy .ost-siatka-3>.wpb_column{flex-basis:calc(50% - var(--kolumny))}}
@media (max-width:767px){.ostoja-nowy .ost-siatka-2>.wpb_column,.ostoja-nowy .ost-siatka-3>.wpb_column{flex-basis:100%}}
.ostoja-nowy .ost-siatka-2>.vc_col-sm-12,.ostoja-nowy .ost-siatka-3>.vc_col-sm-12{flex-basis:100%}
.ostoja-nowy .ost-siatka-2 .wpb_column>.vc_column-inner>.wpb_wrapper,.ostoja-nowy .ost-siatka-3 .wpb_column>.vc_column-inner>.wpb_wrapper{gap:20px}
.ostoja-nowy .ost-kafel h3{margin-bottom:.3em}
.ostoja-nowy .ost-opis-pokoju{display:flex;justify-content:space-between;gap:12px;align-items:baseline;border-top:1px solid var(--linia2);padding-top:12px}
.ostoja-nowy .ost-cena{font-weight:600;font-size:24px;color:var(--braz);white-space:nowrap}
.ostoja-nowy .ost-cena small{font-size:14px;font-weight:400;color:var(--tekst3)}

/* ---------- opinie ---------- */
.ostoja-nowy .ost-opinie{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:40px 52px}
.ostoja-nowy .ost-opinia{margin:0;border-top:2px solid var(--zloto);padding-top:20px}
.ostoja-nowy .ost-opinia blockquote{font-size:19px;font-weight:500;font-style:normal;line-height:1.45}
.ostoja-nowy .ost-opinia figcaption{margin-top:14px;color:var(--zloto-jasne);font-size:15px}
.ostoja-nowy .ost-gwiazdki{color:var(--zloto);letter-spacing:2px;font-size:15px;margin-bottom:8px;display:block}

/* ---------- pytania i odpowiedzi (Przełącznik WPBakery) ---------- */
.ostoja-nowy .vc_toggle{margin:0!important;border-bottom:1px solid var(--linia2);padding:0}
.ostoja-nowy .vc_toggle:first-child{border-top:1px solid var(--linia2)}
.ostoja-nowy .vc_toggle_title{position:relative;padding:18px 44px 18px 0!important;cursor:pointer}
.ostoja-nowy .vc_toggle_title>h4,.ostoja-nowy .vc_toggle_title>h3,.ostoja-nowy .vc_toggle_title>h2{font-size:19px!important;font-weight:600;line-height:1.35;margin:0!important;letter-spacing:-.01em;text-align:left!important}
.ostoja-nowy .vc_toggle_icon{display:none!important}
.ostoja-nowy .vc_toggle_title::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-52%);font-size:28px;font-weight:400;color:var(--braz);line-height:1}
.ostoja-nowy .vc_toggle_active .vc_toggle_title::after{content:"–"}
.ostoja-nowy .vc_toggle_content{padding:0 0 20px!important;margin:0!important;max-width:760px}
.ostoja-nowy .ost-ciemna .vc_toggle,.ostoja-nowy .ost-ciemna .vc_toggle:first-child{border-color:rgba(217,178,106,.45)}
.ostoja-nowy .ost-ciemna .vc_toggle_title::after{color:var(--zloto)}

/* ---------- galerie WPBakery (siatka zdjęć z powiększaniem) ---------- */
.ostoja-nowy .wpb_gallery .wpb_wrapper{display:block!important}
.ostoja-nowy .wpb_gallery .wpb_heading{font-size:15px;font-weight:600;color:var(--braz);margin:0 0 12px}
.ostoja-nowy .wpb_image_grid .wpb_image_grid_ul{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;height:auto!important;margin:0;padding:0;list-style:none}
.ostoja-nowy .wpb_image_grid .wpb_image_grid_ul li{position:static!important;transform:none!important;left:auto!important;top:auto!important;width:auto!important;margin:0!important;float:none!important;opacity:1!important}
.ostoja-nowy .wpb_image_grid .wpb_image_grid_ul a{display:block;overflow:hidden}
.ostoja-nowy .wpb_image_grid .wpb_image_grid_ul img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s ease}
.ostoja-nowy .wpb_image_grid .wpb_image_grid_ul a:hover img{transform:scale(1.04)}
.ostoja-nowy .ost-galeria-tytul{font-size:15px;font-weight:700;color:var(--braz);margin:0}
/* lekka nakładka powiększenia (nowy.js) zamiast prettyPhoto */
.ost-lupa{position:fixed;inset:0;z-index:2147483000;background:rgba(20,12,7,.94);display:none;align-items:center;justify-content:center;padding:56px 16px}
.ost-lupa.otwarta{display:flex}
.ost-lupa img{max-width:100%;max-height:100%;object-fit:contain}
.ost-lupa button{position:absolute;background:none;border:0;color:#fff;font:400 40px/1 var(--font);cursor:pointer;padding:10px 16px}
.ost-lupa .ost-lupa-x{top:6px;right:8px}
.ost-lupa .ost-lupa-l{left:4px;top:50%;transform:translateY(-50%)}
.ost-lupa .ost-lupa-p{right:4px;top:50%;transform:translateY(-50%)}

/* ---------- formularz kontaktowy (Contact Form 7) ---------- */
.ostoja-nowy .wpcf7 form{display:grid;gap:16px}
.ostoja-nowy .wpcf7 p{margin:0}
.ostoja-nowy .wpcf7 label{display:block;font-weight:500;font-size:15px}
.ostoja-nowy .wpcf7 input[type=text],.ostoja-nowy .wpcf7 input[type=email],.ostoja-nowy .wpcf7 input[type=tel],.ostoja-nowy .wpcf7 textarea,.ostoja-nowy .wpcf7 select{width:100%;margin-top:6px;padding:12px 14px;border:1px solid var(--linia2);border-radius:2px;background:#FFFCF7;color:var(--tekst);font:400 17px var(--font)}
.ostoja-nowy .wpcf7 textarea{min-height:150px}
.ostoja-nowy .wpcf7 input[type=submit]{justify-self:start;background:var(--braz);color:#fff;border:0;border-radius:2px;padding:15px 26px;font:700 16px var(--font);cursor:pointer;text-transform:none;letter-spacing:0;height:auto}
.ostoja-nowy .wpcf7 input[type=submit]:hover{background:var(--braz-h)}
.ostoja-nowy .wpcf7-not-valid-tip{color:#9B2C1A;font-size:14px}
.ostoja-nowy .wpcf7 form .wpcf7-response-output{margin:0;padding:12px 14px;border-width:1px}

/* ---------- strona pokoju / budynku ---------- */
.ostoja-nowy .ost-pokoj-pas{background:var(--piasek);padding:30px var(--margines);display:flex;flex-wrap:wrap;gap:20px 56px;align-items:center}
.ostoja-nowy .ost-pokoj-cena{font-size:16px;color:var(--tekst2)}
.ostoja-nowy .ost-pokoj-cena strong{display:block;font-size:40px;line-height:1;font-weight:600;letter-spacing:-.02em;color:var(--braz)}
.ostoja-nowy .ost-pokoj-osoby{font-weight:600;font-size:18px}
.ostoja-nowy .ost-pokoj-pas .ost-przyciski{margin-left:auto}
@media (max-width:767px){.ostoja-nowy .ost-pokoj-pas .ost-przyciski{margin-left:0}}
.ostoja-nowy .ost-udogodnienia{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 28px}
.ostoja-nowy .ost-udogodnienia li{border-top:1px solid var(--linia2);padding-top:10px}
.ostoja-nowy .ost-udogodnienia li small{display:block;color:var(--tekst3);font-size:14px;line-height:1.4}
.ostoja-nowy .ost-inne-pokoje{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:28px}
.ostoja-nowy .ost-inne-pokoje a{display:block;text-decoration:none;color:var(--tekst)}
.ostoja-nowy .ost-inne-pokoje img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;margin-bottom:12px}
.ostoja-nowy .ost-inne-pokoje strong{display:block;font-size:22px;font-weight:600;letter-spacing:-.02em}
.ostoja-nowy .ost-inne-pokoje span{color:var(--braz);font-weight:600}
.ostoja-nowy .ost-inne-pokoje a:hover strong{text-decoration:underline;text-decoration-color:var(--zloto2)}

/* ---------- stopka ---------- */
.ost-stopka{background:var(--noc);color:var(--stopka);font-size:15px;line-height:1.65}
.ost-stopka .vc_row.ost-sekcja{padding-top:56px;padding-bottom:40px;gap:28px 56px}
.ost-stopka a{color:var(--stopka)}
.ost-stopka a:hover{color:#fff}
.ost-stopka h4{color:#fff;font-size:16px;margin-bottom:8px;letter-spacing:0}
.ost-stopka .wpb_single_image img{width:auto!important;height:64px!important}
.ost-stopka-dol{padding:18px var(--margines) 22px;border-top:1px solid rgba(215,198,168,.18);display:flex;flex-wrap:wrap;gap:8px 28px;font-size:14px;color:#A8977C}
.ost-stopka-dol a{color:#A8977C}
@media (max-width:650px){.ost-stopka-dol{padding-bottom:84px}}

/* ---------- 404 / wyszukiwanie ---------- */
.ostoja-nowy .ost-404{padding:var(--odstep) var(--margines);min-height:50vh}

/* ---------- dodatki ---------- */
.ostoja-nowy .vc_column_container>.vc_column-inner{padding-left:0;padding-right:0}
.ostoja-nowy .ost-h-sredni{font-size:clamp(32px,3.4vw,46px)!important;line-height:1.05}
.ostoja-nowy .ost-tekst-strony h1{font-size:clamp(36px,4.4vw,56px);margin-bottom:.6em}
.ostoja-nowy .ost-tekst-strony h2{font-size:clamp(26px,2.6vw,34px);margin-top:1.4em}
.ostoja-nowy .ost-tekst-strony h3{font-size:22px;margin-top:1.2em}
.ostoja-nowy .ost-tekst-strony ul,.ostoja-nowy .ost-tekst-strony ol{padding-left:1.2em;margin:0 0 1em}
.ostoja-nowy .ost-tekst-strony table{margin:0 0 1em;font-size:15px}
.ostoja-nowy .ost-tekst-strony td,.ostoja-nowy .ost-tekst-strony th{border:1px solid var(--linia2);padding:8px 10px;text-align:left;vertical-align:top}
.ostoja-nowy .ost-tekst-strony .wpb_text_column{overflow-wrap:anywhere}
.ostoja-nowy .wpb_text_column .ost-przyciski:not(:first-child){margin-top:26px}
.ostoja-nowy .wpb_text_column .ost-dane:not(:first-child),.ostoja-nowy .wpb_text_column .ost-lista:not(:first-child),.ostoja-nowy .wpb_text_column .ost-fakty:not(:first-child),.ostoja-nowy .wpb_text_column .ost-tabela:not(:first-child){margin-top:24px}
.ostoja-nowy .wpb_text_column h3+.ost-lista,.ostoja-nowy .wpb_text_column h3+.ost-fakty{margin-top:14px}
@media (max-width:600px){
 .ostoja-nowy .ost-cennik{min-width:0;font-size:16px}
 .ostoja-nowy .ost-cennik th,.ostoja-nowy .ost-cennik td{padding:12px 8px}
 .ostoja-nowy .ost-cennik tbody th{white-space:nowrap}
 .ostoja-nowy .ost-cennik td{font-size:22px}
 .ostoja-nowy .ost-cennik thead small{font-size:12px}
}
.ostoja-nowy .ost-pokoj-pas .ost-przyciski:first-child{margin-left:0}
.ostoja-nowy .wpcf7 .wpcf7-submit,.ostoja-nowy .wpcf7 button[type=submit]{justify-self:start;background:var(--braz);color:#fff;border:0;border-radius:2px;padding:15px 26px;font:700 16px var(--font);cursor:pointer;text-transform:none;letter-spacing:0;height:auto;-webkit-appearance:none;appearance:none}
.ostoja-nowy .wpcf7 .wpcf7-submit:hover,.ostoja-nowy .wpcf7 button[type=submit]:hover{background:var(--braz-h)}
.ostoja-nowy .wpcf7-spinner{vertical-align:middle}

/* ---------- specjał szefa (z Facebooka) ---------- */
.ostoja-nowy .ost-specjal{background:var(--piasek);border-bottom:1px solid var(--linia)}
.ostoja-nowy .ost-specjal-w{padding:30px var(--margines);display:flex;flex-wrap:wrap;align-items:center;gap:20px 48px}
.ostoja-nowy .ost-specjal-foto{width:120px;height:120px;object-fit:cover;flex:none}
.ostoja-nowy .ost-specjal-tekst{flex:1 1 420px;min-width:0}
.ostoja-nowy .ost-specjal-nad{margin:0 0 8px;font-weight:700;color:var(--braz);font-size:15px}
.ostoja-nowy .ost-specjal-nad span{font-weight:500;color:var(--tekst3)}
.ostoja-nowy .ost-specjal-dania{list-style:none;margin:0;padding:0;font-weight:600;font-size:clamp(19px,1.8vw,24px);line-height:1.3;letter-spacing:-.01em}
.ostoja-nowy .ost-specjal-dania li+li{margin-top:4px}
.ostoja-nowy .ost-specjal-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.ostoja-nowy .ost-specjal-cena{margin:0;font-weight:600;font-size:40px;line-height:1;color:var(--braz);letter-spacing:-.02em}
.ostoja-nowy .ost-specjal-cena small{display:block;font-size:14px;font-weight:400;color:var(--tekst3);letter-spacing:0;margin-top:4px}
.ostoja-nowy .ost-specjal-fb{margin:0;font-size:14px;width:100%}
.ostoja-nowy .ost-specjal-fb a{color:var(--tekst3)}
@media (max-width:600px){.ostoja-nowy .ost-specjal-foto{width:84px;height:84px}}