/* Oferta do druku / PDF (oferta-druk.php). A4, papier + grafit + mosiądz, granat jak karta ceny.
   Strona 1 ma stały format (wizytówka), reszta płynie na kolejne strony. */
:root{--ink:#1D1D1C;--soft:#55524D;--paper:#F6F2EA;--paper2:#EFE8DC;--line:#DDD4C6;--brass:#A8864A;--brass-ink:#7A5F2C;--navy:#0E1B3D;--on-navy:#F6F2EA;
  --body:'Montserrat','Montserrat Zapas',system-ui,Arial,sans-serif;--head:'Newsreader','Newsreader Zapas',Georgia,serif;--m:14mm}
*{box-sizing:border-box}
html{-webkit-print-color-adjust:exact;print-color-adjust:exact}
body{margin:0;background:#8C8A86;color:var(--ink);font:400 9.5pt/1.55 var(--body)}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
p{margin:0}

/* ---------- Pasek na ekranie (nie drukuje się) ---------- */
.p-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:20px;padding:12px 24px;background:var(--ink);color:var(--on-navy);font-size:13px}
.p-bar__back{font-weight:600}
.p-bar__hint{flex:1;color:#B9B2A6}
.p-bar__btn{min-height:42px;padding:10px 22px;border:1px solid var(--brass);background:var(--brass);color:var(--ink);font:600 12px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.p-bar__btn:hover{background:var(--on-navy);border-color:var(--on-navy)}

/* ---------- Arkusze ---------- */
.p-sheet{width:210mm;margin:24px auto;background:#fff;box-shadow:0 20px 50px -20px rgba(0,0,0,.5)}
.p-eyebrow{display:block;font-size:7pt;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--brass-ink)}
.p-eyebrow--line{display:flex;align-items:center;gap:3mm;margin-bottom:2mm}
.p-eyebrow--line::before{content:"";width:8mm;height:.3mm;background:currentColor}

/* ---------- Strona 1: wizytówka ---------- */
.p-cover{height:297mm;display:flex;flex-direction:column;overflow:hidden;page:cover}
.p-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10mm;height:22mm;padding:0 var(--m);background:var(--navy);color:var(--on-navy);border-bottom:.8mm solid var(--brass)}
.p-head__logo{height:12mm;width:auto}
.p-head__meta{text-align:right;font-size:7.5pt;color:#B9B2A6;display:grid;gap:1mm}
.p-head__meta .p-eyebrow{color:var(--brass)}

/* Zdjęcie główne w passe-partout (cienka jasna linia wewnątrz kadru, jak portret na stronie). */
.p-hero{position:relative;flex:1 1 auto;min-height:70mm;margin:7mm var(--m) 0;overflow:hidden;background:var(--paper2)}
.p-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.p-hero::after{content:"";position:absolute;inset:4mm;border:.3mm solid rgba(255,255,255,.75);pointer-events:none}
.p-pill{position:absolute;z-index:1;left:8mm;top:8mm;padding:1.6mm 3.6mm;background:var(--navy);color:var(--brass);border:.3mm solid var(--brass);font-size:7pt;font-weight:600;letter-spacing:.2em;text-transform:uppercase}

.p-intro{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8mm;align-items:end;margin:6mm var(--m) 0}
.p-title{margin:0;font:400 21pt/1.1 var(--head);letter-spacing:-.01em}
.p-loc{display:flex;align-items:center;gap:2mm;margin-top:2.5mm;color:var(--soft);font-size:9pt}
.p-loc svg{width:4mm;height:4mm;fill:none;stroke:var(--brass-ink);stroke-width:1.5}
.p-price{text-align:right;white-space:nowrap}
.p-price strong{display:block;margin-top:1mm;font:400 24pt/1 var(--head);color:var(--ink)}
.p-price__ppm{display:block;margin-top:1.5mm;font-size:8pt;color:var(--soft)}

.p-keys{flex:none;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));margin:5mm var(--m) 0;border-top:.3mm solid var(--ink);border-bottom:.3mm solid var(--line)}
.p-keys div{padding:3mm 4mm 3mm 0}
.p-keys div+div{padding-left:4mm;border-left:.3mm solid var(--line)}
.p-keys dt{font-size:6.8pt;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--soft)}
.p-keys dd{margin:1mm 0 0;font:400 13pt/1.1 var(--head)}

.p-duo{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:3mm;height:42mm;margin:5mm var(--m) 0}
.p-duo img{width:100%;height:100%;object-fit:cover}

/* Karta agenta: papier, mosiężna linia, portret z przesuniętą ramką (motyw z sekcji „O mnie”). */
.p-agent{flex:none;display:grid;grid-template-columns:30mm minmax(0,1fr) auto;gap:7mm;align-items:center;margin:6mm var(--m) 9mm;padding:6mm 6mm 6mm 8mm;background:var(--paper);border-top:.6mm solid var(--brass)}
.p-agent__photo{position:relative;width:30mm;height:36mm}
.p-agent__photo::before{content:"";position:absolute;inset:0;transform:translate(2mm,2mm);border:.3mm solid var(--brass)}
.p-agent__photo img{position:relative;width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.p-agent__name{margin-top:1.5mm;font:400 17pt/1.1 var(--head)}
.p-agent__role{margin-top:1mm;font-size:8pt;color:var(--soft)}
.p-agent__tel{margin-top:3mm;font:600 15pt/1 var(--body);letter-spacing:.02em}
.p-agent__small{margin-top:2mm;font-size:7.5pt;color:var(--soft)}
.p-qr{display:grid;justify-items:center;gap:2mm;width:31mm;text-align:center}
.p-qr__code{width:29mm;height:29mm;padding:1.5mm;background:#fff;border:.3mm solid var(--line)}
.p-qr span{font-size:6.5pt;line-height:1.35;color:var(--soft)}

/* ---------- Kolejne strony ---------- */
.p-flow{padding:12mm var(--m) 12mm}
.p-mini{display:flex;justify-content:space-between;gap:10mm;padding-bottom:3mm;margin-bottom:7mm;border-bottom:.3mm solid var(--line);font-size:7.5pt;color:var(--soft)}
.p-mini__t{font-weight:600;color:var(--ink)}
.p-h{display:flex;align-items:center;gap:3mm;margin:0 0 4mm;font:400 15pt/1.1 var(--head)}
.p-h::after{content:"";flex:1;height:.3mm;background:var(--line)}
.p-cols{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:10mm}
.p-cols__side .p-h:not(:first-child){margin-top:7mm}
.p-desc{font-size:9.3pt;line-height:1.65}
.p-desc p+p,.p-desc ul,.p-desc ol{margin-top:2.6mm}
.p-desc ul,.p-desc ol{padding-left:5mm}
.p-desc h3,.p-desc h4{margin:4mm 0 1.5mm;font:600 9.5pt/1.3 var(--body)}
.p-more{margin:0}
.p-more div{display:flex;justify-content:space-between;gap:4mm;padding:2mm 0;border-bottom:.3mm solid var(--line);font-size:8.5pt;break-inside:avoid}
.p-more dt{color:var(--soft)}
.p-more dd{margin:0;font-weight:600;text-align:right}
.p-feat{break-inside:avoid}
.p-feat+.p-feat{margin-top:4mm}
.p-feat h3{margin:0 0 1.5mm;font-size:6.8pt;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-ink)}
.p-feat ul{margin:0;padding:0;list-style:none;display:grid;gap:1.2mm}
.p-feat li{position:relative;padding-left:5mm;font-size:8.6pt}
.p-feat li::before{content:"";position:absolute;left:0;top:1.3mm;width:2.4mm;height:1.3mm;border-left:.35mm solid var(--brass);border-bottom:.35mm solid var(--brass);transform:rotate(-45deg)}

.p-block{margin-top:9mm;break-inside:avoid}
.p-map{position:relative;height:70mm;overflow:hidden;background:var(--paper2)}
.p-map__tiles{position:absolute;width:1024px;height:768px}
.p-map__tiles img{position:absolute;width:256px;height:256px;max-width:none;filter:grayscale(.5) sepia(.15)}
.p-map__area{position:absolute;left:50%;top:50%;width:calc(var(--r)*2);height:calc(var(--r)*2);transform:translate(-50%,-50%);border-radius:50%;background:rgba(168,134,74,.22);border:.5mm solid var(--brass)}
.p-map__credit{position:absolute;right:0;bottom:0;padding:.5mm 1.5mm;background:rgba(255,255,255,.85);font-size:6pt;color:var(--soft)}
.p-note{margin-top:2mm;font-size:7.5pt;color:var(--soft)}
.p-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm}
.p-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}

.p-foot{margin-top:10mm;padding-top:5mm;border-top:.6mm solid var(--brass);break-inside:avoid}
.p-foot__slogan{font:italic 400 12pt/1.3 var(--head);color:var(--brass-ink)}
.p-foot__contact{margin-top:2mm;font-size:8.5pt;font-weight:600}
.p-foot__legal{margin-top:2mm;font-size:6.8pt;line-height:1.5;color:var(--soft)}

/* ---------- Druk ---------- */
@page{size:A4;margin:12mm 0}
@page cover{margin:0}
@media print{
  body{background:#fff}
  .p-bar{display:none}
  .p-sheet{margin:0;box-shadow:none}
  .p-cover{break-after:page}
  .p-flow{padding-top:0;padding-bottom:0}
}
@media screen and (max-width:820px){.p-bar__hint{display:none}.p-sheet{zoom:.5}}