/* Strona pojedynczej oferty (/oferta/…/) – styl jak strona główna, akcent złoty */
.of-main{max-width:1240px;margin:0 auto;padding:28px 24px 96px}
.of-crumbs{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:14px;color:#5B6762;align-items:center}
.of-crumbs a{color:#3B4A45;text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.of-crumbs a:hover{text-decoration:underline}
.of-crumbs [aria-current]{color:#0F1513;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60ch}
.of-eyebrow{margin:0;font-size:14px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#8A5D0E}
.of-title{margin:10px 0 0;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-0.03em}
.of-lead{margin:18px 0 0;font-size:18px;line-height:1.6;color:#3B4A45;max-width:640px}
.of-place{margin:14px 0 0;display:flex;gap:8px;align-items:center;font-size:17px;color:#3B4A45}

/* galeria */
.of-gallery{margin-top:20px;position:relative;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:clamp(300px,46vw,540px);border-radius:24px;overflow:hidden}
.of-gallery button{border:0;padding:0;margin:0;background:#D9D7CE;cursor:zoom-in;position:relative;overflow:hidden;min-height:0}
.of-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.of-gallery button:hover img{transform:scale(1.03)}
.of-hero{grid-row:1 / span 2}
.of-thumbs{display:contents}
.of-more{position:absolute;inset:0;background:rgba(15,21,19,0.55);color:#F4F3EF;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center}
.of-all{position:absolute !important;right:16px;bottom:16px;background:#FFFFFF !important;color:#0F1513;border-radius:999px;padding:0 18px !important;min-height:44px;font:700 15px 'Manrope',sans-serif;display:flex;align-items:center;gap:8px;cursor:pointer !important;box-shadow:0 8px 24px rgba(15,21,19,0.2)}

/* układ treści */
.of-layout{margin-top:36px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start}
.of-pricebox{margin-top:22px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
.of-price{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:40px;letter-spacing:-0.02em}
.of-ppm{margin:0;font-size:16px;color:#5B6762}
.of-facts{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
.of-facts li{background:#FFFFFF;border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.of-facts span{font-size:13px;color:#5B6762}
.of-facts strong{font-family:'Bricolage Grotesque',sans-serif;font-size:22px}
.of-section{margin-top:44px}
.of-section h2{margin:0 0 16px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:26px;letter-spacing:-0.02em}
.of-desc p{margin:0 0 14px;font-size:17px;line-height:1.7;color:#25302C}
.of-params{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 32px}
.of-params div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #E2E0D8;font-size:15px}
.of-params dt{color:#5B6762}
.of-params dd{margin:0;font-weight:600;text-align:right}
.of-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.of-plans button{border:1px solid #E2E0D8;border-radius:16px;background:#FFFFFF;padding:10px;cursor:zoom-in}
.of-plans img{width:100%;height:auto;display:block;border-radius:10px}
.of-note{margin:-6px 0 14px;font-size:14px;color:#5B6762}
.of-embed{position:relative;border-radius:20px;overflow:hidden;background:#E7E5DD}
.of-embed-16x9{aspect-ratio:16 / 9}
.of-embed-map{aspect-ratio:16 / 10}
.of-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.of-embed-btn{position:absolute;inset:0;border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font:700 17px 'Manrope',sans-serif;color:#0F1513}
.of-embed-btn small{font-weight:500;font-size:13px;color:#5B6762}
.of-embed-btn:hover span{text-decoration:underline}

/* panel kontaktu */
.of-side{position:sticky;top:150px;background:#FFFFFF;border-radius:24px;padding:24px;box-shadow:0 10px 30px rgba(15,21,19,0.08);display:flex;flex-direction:column;gap:14px}
.of-agent{display:flex;gap:14px;align-items:center}
.of-agent img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:center 20%}
.of-agent-name{margin:0;font-weight:700;font-size:17px}
.of-agent-role{margin:2px 0 0;font-size:14px;color:#5B6762}
.of-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;border:1.5px solid #0F1513;background:#FFFFFF;color:#0F1513;font:700 16px 'Manrope',sans-serif;text-decoration:none;cursor:pointer}
.of-btn-dark{background:#0F1513;color:#F4F3EF;border-color:#0F1513}
.of-btn-dark:hover{color:#F4F3EF;background:#1B2421}
.of-btn-gold{background:#E9A93B;border-color:#E9A93B;color:#0F1513}
.of-call{font-size:18px}
.of-form{position:relative;display:flex;flex-direction:column;gap:12px;border-top:1px solid #E7E5DD;padding-top:16px}
.of-form-h{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:20px}
.of-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#3B4A45}
.of-form input,.of-form textarea{background:#F4F3EF;border:1px solid #D8D6CE;border-radius:12px;padding:12px 14px;font:16px 'Manrope',sans-serif;color:#0F1513;min-width:0}
.of-form textarea{resize:vertical}
.of-form button[aria-busy="true"]{opacity:.7;cursor:progress}
.of-form-note{margin:0;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600;line-height:1.5}
.of-small{margin:0;font-size:12px;color:#5B6762}
.of-small a{color:#3B4A45}

/* oferta nieaktualna */
.of-gone{margin-top:40px;background:#FFFFFF;border-radius:24px;padding:48px}
.of-gone-btns{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}

/* galeria pełnoekranowa */
.of-lb{position:fixed;inset:0;z-index:100;background:rgba(10,15,13,0.96);display:flex;align-items:center;justify-content:center;touch-action:pan-y}
.of-lb[hidden]{display:none}
.of-lb figure{margin:0;max-width:100vw;max-height:100vh;display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 64px}
.of-lb img{max-width:calc(100vw - 128px);max-height:calc(100vh - 140px);object-fit:contain;user-select:none;-webkit-user-drag:none}
.of-lb figcaption{color:#B7C1BC;font-size:14px}
.of-lb button{position:absolute;border:0;background:rgba(255,255,255,0.12);color:#F4F3EF;width:52px;height:52px;border-radius:50%;font-size:32px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.of-lb button:hover{background:rgba(255,255,255,0.24)}
.of-lb-close{top:16px;right:16px}
.of-lb-prev{left:16px;top:50%;transform:translateY(-50%)}
.of-lb-next{right:16px;top:50%;transform:translateY(-50%)}
html.of-lb-open{overflow:hidden}

@media (max-width:980px){
  .of-layout{grid-template-columns:minmax(0,1fr)}
  .of-side{position:static}
}
@media (max-width:700px){
  .of-main{padding:20px 16px 64px}
  .of-gallery{grid-template-columns:1fr;grid-template-rows:auto;height:auto;border-radius:18px}
  .of-hero{grid-row:auto;aspect-ratio:4 / 3}
  .of-thumbs{display:none}
  .of-all{right:12px;bottom:12px}
  .of-gone{padding:28px 20px}
  .of-lb figure{padding:56px 0 24px}
  .of-lb img{max-width:100vw;max-height:calc(100vh - 120px)}
  .of-lb-prev,.of-lb-next{top:auto;bottom:16px;transform:none}
}
@media (prefers-reduced-motion:reduce){.of-gallery img{transition:none}}