/*
Theme Name: Miętowy Zakątek
Theme URI: https://dacdykertk.cfolks.pl/wiz/
Author: MM Studio
Author URI: https://mmstudio.website/
Description: Elegancka, interaktywna prezentacja inwestycji Miętowy Zakątek.
Version: 2.1.10
Text Domain: mietowy-zakatek
*/

:root {
  --ink: #123f37;
  --ink-deep: #082c27;
  --mint: #dcefe3;
  --mint-soft: #f1f7f2;
  --gold: #c4a24b;
  --gold-soft: #ead7a2;
  --cream: #fbfaf7;
  --paper: #ffffff;
  --muted: #6f7d78;
  --line: rgba(18, 63, 55, .14);
  --shadow: 0 24px 60px rgba(8, 44, 39, .12);
  --radius: 22px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--cream); font-family: Arial, Helvetica, sans-serif; line-height: 1.6; }
body.modal-open { overflow: hidden; }
a { color: inherit; }
img { max-width: 100%; height: auto; display: block; }
button, input, select { font: inherit; }
button { cursor: pointer; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.eyebrow { letter-spacing: .2em; text-transform: uppercase; font-size: 12px; font-weight: 700; color: var(--gold); }
h1, h2, h3 { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; line-height: 1.08; }
h1 { font-size: clamp(54px, 8vw, 104px); letter-spacing: -.04em; }
h2 { font-size: clamp(38px, 5vw, 66px); letter-spacing: -.03em; }
h3 { font-size: 28px; }
p { margin: 0 0 1.1rem; }
.site-header { position: fixed; inset: 0 0 auto; z-index: 20; background: rgba(8, 44, 39, .82); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(255,255,255,.1); color: #fff; }
.nav-wrap { min-height: 78px; display:flex; align-items:center; justify-content:space-between; gap: 24px; }
.brand { display: inline-flex; align-items:center; gap: 12px; text-decoration:none; color:#fff; letter-spacing:.08em; font-size: 13px; text-transform: uppercase; }
.brand img { width: 54px; height: 54px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(255,255,255,.25); }
.nav-links { display:flex; align-items:center; gap: 24px; font-size: 13px; }
.nav-links a { text-decoration:none; opacity:.88; }
.nav-links a:hover { color: var(--gold-soft); opacity:1; }
.nav-cta { border:1px solid var(--gold); color:#fff; border-radius:99px; padding:10px 18px; }
.hero { min-height: 750px; padding: 160px 0 100px; color:#fff; background: linear-gradient(90deg, rgba(8,44,39,.92) 0%, rgba(8,44,39,.54) 44%, rgba(8,44,39,.2) 100%), url('assets/images/view-a.jpg') center/cover; position:relative; overflow:hidden; }
.hero::after { content:''; position:absolute; width: 540px; height:540px; border:1px solid rgba(234,215,162,.35); border-radius:50%; right:-180px; bottom:-260px; }
.hero-content { position:relative; z-index:1; max-width: 760px; }
.hero .eyebrow { margin-bottom: 24px; }
.hero p { max-width: 560px; color: rgba(255,255,255,.84); font-size: 18px; margin-top: 28px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding: 12px 22px; border-radius: 99px; border: 1px solid transparent; text-decoration:none; font-weight:700; font-size:14px; transition: transform .2s ease, background .2s ease, border .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background:var(--gold); color:var(--ink-deep); }
.button-secondary { color:#fff; border-color:rgba(255,255,255,.45); }
.hero-note { display:flex; gap:16px; align-items:center; margin-top:58px; font-size:12px; text-transform:uppercase; letter-spacing:.12em; color:rgba(255,255,255,.62); }
.hero-note::before { content:''; width:52px; height:1px; background:var(--gold); }
.section { padding: 110px 0; }
.section--cream { background: var(--cream); }
.section--mint { background: var(--mint-soft); }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:32px; margin-bottom:48px; }
.section-heading p { max-width: 440px; color: var(--muted); margin:0; }
.intro-grid { display:grid; grid-template-columns: 1.15fr .85fr; gap: 70px; align-items:center; }
.intro-copy p { max-width: 640px; color:#53645e; font-size:18px; }
.stats { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.stat { padding:26px; background:var(--paper); min-height:130px; }
.stat strong { display:block; font-family:Georgia,serif; font-size:36px; font-weight:400; }
.stat span { color:var(--muted); font-size:13px; }
.map-layout { display:grid; grid-template-columns: 1.1fr .9fr; gap:28px; align-items:stretch; }
.map-card, .selection-card, .unit-card, .tour-card, .contact-card { background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); }
.map-card { padding:20px; position:relative; overflow:hidden; min-height:540px; }
.map-image { width:100%; height:100%; min-height:500px; object-fit:cover; object-position:center; border-radius:15px; filter:saturate(.86) contrast(.96); }
.map-hotspot { position:absolute; width:84px; height:84px; border-radius:50%; border: 1px solid rgba(255,255,255,.75); background:rgba(8,44,39,.88); color:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column; font-weight:700; box-shadow:0 8px 20px rgba(0,0,0,.18); transition: transform .2s, background .2s; }
.map-hotspot small { color:var(--gold-soft); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.map-hotspot:hover, .map-hotspot.is-active { transform:scale(1.08); background:var(--gold); color:var(--ink-deep); }
.map-hotspot:hover small, .map-hotspot.is-active small { color:var(--ink-deep); }
.hotspot-a { top:29%; right:24%; } .hotspot-b { top:20%; left:22%; } .hotspot-c { top:54%; left:28%; } .hotspot-d { bottom:12%; left:28%; }
.map-legend { position:absolute; left:30px; bottom:30px; background:rgba(255,255,255,.92); padding:12px 16px; border-radius:12px; font-size:12px; color:var(--muted); }
.selection-card { padding:34px; display:flex; flex-direction:column; justify-content:space-between; }
.selection-card p { color:var(--muted); }
.view-switcher { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin:24px 0; }
.view-button { border:1px solid var(--line); background:var(--mint-soft); color:var(--ink); border-radius:12px; padding:12px 10px; text-align:left; font-size:13px; }
.view-button span { display:block; color:var(--gold); font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.view-button.is-active, .view-button:hover { background:var(--ink); color:#fff; border-color:var(--ink); }
.view-button.is-active span, .view-button:hover span { color:var(--gold-soft); }
.view-preview { aspect-ratio: 1.35; border-radius:14px; overflow:hidden; background:var(--ink); }
.view-preview img { width:100%; height:100%; object-fit:cover; }
.units-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
.filters { display:flex; gap:8px; flex-wrap:wrap; }
.filter-button { border:1px solid var(--line); border-radius:99px; background:#fff; color:var(--ink); padding:10px 16px; font-size:13px; }
.filter-button.is-active, .filter-button:hover { background:var(--ink); color:#fff; border-color:var(--ink); }
.unit-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.unit-card { overflow:hidden; box-shadow:none; transition: transform .2s, box-shadow .2s; }
.unit-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.unit-card[hidden] { display:none; }
.unit-thumb { aspect-ratio: 1.25; background:var(--mint); overflow:hidden; }
.unit-thumb img { width:100%; height:100%; object-fit:cover; }
.unit-content { padding:18px; }
.unit-top { display:flex; justify-content:space-between; align-items:start; gap:12px; }
.unit-name { font-family:Georgia,serif; font-size:28px; }
.status { display:inline-flex; border-radius:99px; padding:5px 9px; font-size:10px; text-transform:uppercase; letter-spacing:.08em; font-weight:700; white-space:nowrap; }
.status--available { background:#e1f2e6; color:#276543; } .status--reserved { background:#ffdf70; color:#4f3c00; } .status--sold { background:#f3dfdf; color:#8e4141; }
.unit-meta { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:16px 0; color:var(--muted); font-size:12px; }
.unit-meta strong { display:block; color:var(--ink); font-size:15px; }
.unit-price { font-family:Georgia,serif; font-size:24px; margin-bottom:12px; }
.unit-link { color:var(--ink); font-weight:700; font-size:13px; text-decoration:none; }
.unit-link::after { content:'  →'; color:var(--gold); }
.gallery-grid { display:grid; grid-template-columns: 1.2fr .8fr .8fr; grid-auto-rows:180px; gap:14px; }
.gallery-grid figure { margin:0; overflow:hidden; border-radius:var(--radius); position:relative; }
.gallery-grid figure:first-child { grid-row:span 2; }
.gallery-grid img { width:100%; height:100%; object-fit:cover; transition: transform .35s ease; }
.gallery-grid figure:hover img { transform:scale(1.04); }
.gallery-grid figcaption { position:absolute; inset:auto 12px 12px; color:#fff; font-size:11px; letter-spacing:.08em; text-transform:uppercase; text-shadow:0 1px 12px rgba(0,0,0,.7); }
.tour-card { min-height:360px; padding:50px; position:relative; overflow:hidden; color:#fff; background:linear-gradient(110deg, rgba(8,44,39,.94), rgba(8,44,39,.57)), url('assets/images/interior-5.jpg') center/cover; }
.tour-card p { max-width:520px; color:rgba(255,255,255,.76); }
.tour-card .button { margin-top:18px; }
.tour-orbit { position:absolute; right:-120px; top:-100px; width:480px; height:480px; border:1px solid rgba(234,215,162,.4); border-radius:50%; }
.tour-orbit::after { content:''; position:absolute; inset:50px; border:1px solid rgba(234,215,162,.2); border-radius:50%; }
.contact-grid { display:grid; grid-template-columns: 1fr .8fr; gap:24px; }
.contact-card { padding:34px; }
.contact-card p { color:var(--muted); }
.contact-list { list-style:none; padding:0; margin:24px 0 0; display:grid; gap:12px; color:var(--muted); font-size:14px; }
.contact-list strong { color:var(--ink); display:block; }
.contact-list a { color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
.site-footer { background:var(--ink-deep); color:#fff; padding:42px 0 26px; }
.footer-row { display:flex; justify-content:space-between; align-items:end; gap:30px; }
.footer-row p { color:rgba(255,255,255,.58); font-size:12px; margin:0; }
.footer-brand { display:flex; align-items:center; gap:12px; }
.footer-brand img { width:48px; height:48px; border-radius:50%; object-fit:cover; }
.modal { position:fixed; inset:0; z-index:50; display:none; align-items:center; justify-content:center; padding:20px; background:rgba(8,44,39,.75); backdrop-filter:blur(8px); }
.modal.is-open { display:flex; }
.modal-panel { width:min(960px,100%); max-height:min(860px, calc(100vh - 40px)); overflow:auto; background:var(--paper); border-radius:24px; box-shadow:0 30px 90px rgba(0,0,0,.25); position:relative; }
.modal-close { position:absolute; top:14px; right:14px; z-index:2; width:38px; height:38px; border-radius:50%; border:1px solid var(--line); background:#fff; color:var(--ink); font-size:20px; }
.modal-grid { display:grid; grid-template-columns: .9fr 1.1fr; }
.modal-media { min-height:460px; background:var(--ink); }
.modal-media img { width:100%; height:100%; object-fit:cover; }
.modal-copy { padding:42px; }
.modal-copy p { color:var(--muted); }
.detail-row { display:flex; justify-content:space-between; padding:12px 0; border-bottom:1px solid var(--line); font-size:14px; }
.detail-row span { color:var(--muted); }
.detail-row strong { color:var(--ink); }
.modal-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.small-note { color:var(--muted); font-size:12px; margin-top:18px; }
@media (max-width: 980px) { .nav-links a:not(.nav-cta) { display:none; } .intro-grid, .map-layout, .contact-grid { grid-template-columns:1fr; } .unit-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width: 620px) { .container { width:min(100% - 28px, 1180px); } .section { padding:76px 0; } .section-heading { display:block; } .section-heading p { margin-top:16px; } .hero { min-height:700px; padding-top:130px; } h1 { font-size:58px; } .stats { grid-template-columns:1fr 1fr; } .stat { padding:18px; min-height:110px; } .stat strong { font-size:28px; } .map-card { min-height:390px; padding:10px; } .map-image { min-height:370px; } .map-hotspot { width:64px; height:64px; font-size:14px; } .hotspot-a { top:28%; right:18%; } .hotspot-b { top:20%; left:15%; } .hotspot-c { top:52%; left:19%; } .hotspot-d { bottom:10%; left:20%; } .map-legend { left:18px; bottom:18px; } .selection-card { padding:24px; } .gallery-grid { grid-template-columns:1fr 1fr; grid-auto-rows:140px; } .gallery-grid figure:first-child { grid-row:span 1; grid-column:span 2; } .tour-card { padding:30px; } .modal-grid { grid-template-columns:1fr; } .modal-media { min-height:240px; max-height:300px; } .modal-copy { padding:28px; } .footer-row { display:block; } .footer-row p { margin-top:20px; } }

/* AMISTO brand and multipage presentation */
:root { --ink:#292b2a; --ink-deep:#1e2622; --mint:#e7eee8; --mint-soft:#f2f5f1; --gold:#b85e39; --gold-soft:#edb79c; --cream:#faf9f6; --muted:#68716b; --line:rgba(41,43,42,.14); --shadow:0 22px 55px rgba(30,38,34,.09); }
.eyebrow { color:var(--gold); }
.site-header { background:rgba(255,255,255,.96); color:var(--ink); border-bottom:1px solid var(--line); }
.nav-wrap { min-height:82px; }
.brand { gap:16px; color:var(--ink); }
.brand img { width:148px; height:auto; max-height:58px; border:0; border-radius:0; object-fit:contain; }
.brand-estate { border-left:1px solid var(--line); padding-left:16px; font-size:11px; font-weight:700; letter-spacing:.09em; white-space:nowrap; }
.nav-links a:hover { color:var(--gold); }
.nav-cta { border-color:var(--gold); color:var(--gold); }
.hero { background:linear-gradient(90deg,rgba(25,35,30,.9),rgba(25,35,30,.52) 45%,rgba(25,35,30,.15)),url('assets/images/view-a.jpg') center/cover; }
.button-primary { background:var(--gold); color:#fff; }
.button-primary:hover { background:#9f4e2e; }
.map-hotspot { text-decoration:none; background:rgba(31,66,50,.9); }
.map-hotspot:hover,.map-hotspot.is-active { background:var(--gold); color:#fff; }
.map-hotspot:hover small,.map-hotspot.is-active small { color:#fff; }
.unit-thumb { display:block; }
.unit-link { color:var(--gold); }
.unit-link::after { color:var(--gold); }
.estate-mark { padding:36px; background:#173a2d; border-radius:var(--radius); box-shadow:var(--shadow); text-align:center; }
.estate-mark img { max-width:370px; width:100%; margin:auto; }
.estate-mark p { color:#d7e5da; font-size:13px; margin:18px 0 0; text-transform:uppercase; letter-spacing:.12em; }
.text-link { font-weight:700; color:var(--gold); text-decoration:none; }
.section-cta { text-align:center; margin-top:38px; }
.inner-page { padding-top:82px; }
.page-hero { color:#fff; background:linear-gradient(90deg,rgba(26,37,31,.93),rgba(26,37,31,.6)),url('assets/images/view-b.jpg') center/cover; padding:90px 0 100px; }
.page-hero--unit { background:linear-gradient(90deg,rgba(26,37,31,.93),rgba(26,37,31,.4)),url('assets/images/view-d.jpg') center/cover; }
.page-hero h1 { font-size:clamp(56px,7vw,92px); }
.page-hero p { margin:22px 0 0; font-size:19px; color:rgba(255,255,255,.86); }
.wide-image { width:100%; border-radius:var(--radius); box-shadow:var(--shadow); }
.map-card--wide { width:100%; min-height:630px; }
.map-card--wide .map-image { height:620px; min-height:0; object-fit:contain; background:#fff; }
.map-card--wide .hotspot-a { top:34%; right:26%; } .map-card--wide .hotspot-b { top:27%; left:28%; } .map-card--wide .hotspot-c { top:55%; left:30%; } .map-card--wide .hotspot-d { bottom:12%; left:30%; }
.views-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.view-tile { display:block; padding:0; border:0; border-radius:var(--radius); background:#fff; overflow:hidden; box-shadow:var(--shadow); color:var(--ink); text-align:left; }
.view-tile img { width:100%; aspect-ratio:1.45; object-fit:cover; transition:transform .3s; }
.view-tile:hover img { transform:scale(1.035); }
.view-tile span { display:block; padding:17px 20px; font-weight:700; }
.ire-shell { background:#fff; padding:20px; border-radius:var(--radius); overflow:auto; }
.ire-shell--visual { padding:0; overflow:hidden; margin-bottom:14px; box-shadow:var(--shadow); }
.ire-shell--visual img { max-width:100%; }
.ire-shell--visual .irep-project-preview__svg-overlay svg g[polygon-type="flat"] path { fill:transparent !important; stroke:transparent !important; cursor:pointer; transition:fill .18s ease,stroke .18s ease; }
.ire-shell--visual .irep-project-preview__svg-overlay svg g[polygon-type="flat"]:hover path { fill:rgba(203,68,53,.34) !important; stroke:#fff !important; stroke-width:2 !important; }
.ire-shell .irep-tooltip-3__flat-text { font-size:0 !important; }
.ire-shell .irep-tooltip-3__flat-text::after { content:"LOKAL"; font-size:12px; font-weight:700; letter-spacing:.08em; }
.unit-detail-layout { display:grid; grid-template-columns:1.1fr .9fr; gap:28px; align-items:start; }
.detail-visual { width:100%; aspect-ratio:1.2; object-fit:cover; border-radius:var(--radius); box-shadow:var(--shadow); }
.detail-card { background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:36px; box-shadow:var(--shadow); }
.detail-card h2 { margin:20px 0 8px; }
.detail-price { color:var(--gold); font-size:32px; font-family:Georgia,serif; margin-bottom:18px; }
.detail-card .button { margin-top:25px; }
.plans-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.plan-card { background:#fff; text-decoration:none; border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); box-shadow:var(--shadow); }
.plan-card img { width:100%; height:330px; object-fit:contain; background:#fff; }
.plan-card span { display:block; padding:18px 20px; font-weight:700; color:var(--gold); }
.gallery-grid--spaced { margin-top:34px; }
.contact-form { display:grid; gap:17px; margin-top:25px; }
.contact-form label { display:grid; gap:7px; font-size:13px; font-weight:700; }
.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea { width:100%; padding:12px 14px; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--ink); }
.contact-form textarea { font:inherit; resize:vertical; }
.contact-form .consent { display:flex; align-items:start; gap:9px; color:var(--muted); font-weight:400; }
.contact-form .consent input { margin-top:5px; }
.contact-form .button { justify-self:start; }
.honeypot { position:absolute; left:-9999px; }
.form-success { background:#e2f0e7; color:#276543; padding:15px; margin-top:22px; border-radius:8px; }
.contact-logo { max-width:210px; margin:16px 0 28px; }
.contact-estate-logo { width:230px; margin-top:36px; }
.lightbox { display:none; position:fixed; inset:0; z-index:100; background:rgba(15,19,16,.93); align-items:center; justify-content:center; padding:40px; }
.lightbox.is-open { display:flex; }
.lightbox img { max-width:100%; max-height:100%; object-fit:contain; background:#fff; }
.lightbox-image { display:inline-block; max-width:100%; max-height:100%; line-height:0; }
.lightbox.is-plan3d .lightbox-image { background:#fff; }
.lightbox.is-plan3d img { width:auto; height:auto; max-width:calc(100vw - 80px); max-height:calc(100vh - 80px); background:transparent; }
.lightbox-close { position:absolute; right:25px; top:17px; border:0; background:transparent; color:#fff; font-size:42px; }
.lightbox-prev,.lightbox-next { position:absolute; top:50%; transform:translateY(-50%); width:54px; height:54px; border:1px solid rgba(255,255,255,.5); border-radius:50%; background:rgba(19,38,27,.75); color:#fff; font-size:26px; cursor:pointer; }
.lightbox-prev { left:18px; } .lightbox-next { right:18px; }
.lightbox [hidden] { display:none; }
.gallery-grid figure .gallery-open { display:block; width:100%; height:100%; border:0; padding:0; background:transparent; cursor:zoom-in; }
.plans3d-heading { margin-top:64px; }
.plans3d-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.plan3d-card { display:flex; flex-direction:column; padding:0; border:1px solid var(--line); border-radius:14px; overflow:hidden; background:#fff; text-align:left; cursor:zoom-in; box-shadow:var(--shadow); }
.plan3d-card img { display:block; width:88%; height:auto; aspect-ratio:auto; object-fit:contain; margin:auto; }
.plans3d-grid .plan3d-card:nth-child(1) img { width:62%; }
.plans3d-grid .plan3d-card:nth-child(2) img { width:59%; }
.plans3d-grid .plan3d-card:nth-child(4) img { width:59%; }
.plan3d-card span { display:flex; justify-content:space-between; padding:17px 20px; font-weight:700; color:var(--ink-deep); }
.realizacje-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.realizacja-card { overflow:hidden; border-radius:16px; background:#fff; box-shadow:var(--shadow); }
.realizacja-card__art { position:relative; overflow:hidden; background:#e9ece6; }
.realizacja-card__art .gallery-open { display:block; width:100%; padding:0; border:0; background:transparent; text-align:left; cursor:zoom-in; }
.realizacja-card__art .gallery-open:focus-visible { outline:3px solid var(--gold); outline-offset:-3px; }
.realizacja-card__art img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; transition:transform .6s ease; }
.realizacja-card:hover .realizacja-card__art img { transform:scale(1.035); }
.realizacja-card__art span { position:absolute; padding:10px 14px; border-radius:100px; background:rgba(24,44,36,.92); color:#fff; font-size:11px; letter-spacing:.15em; text-transform:uppercase; font-weight:800; }
.realizacja-card__badge { left:24px; top:24px; }
.realizacja-card__zoom { right:24px; bottom:24px; }
.realizacja-card__body { padding:28px 34px 36px; }
.realizacja-card__body h2 { margin:8px 0 12px; font-size:clamp(30px,3.2vw,44px); line-height:1.12; }
@media (prefers-reduced-motion:reduce) { .realizacja-card__art img { transition:none; } }
@media(max-width:700px) { .plans3d-grid,.realizacje-grid { grid-template-columns:1fr; } .lightbox { padding:70px 12px; } .lightbox-prev,.lightbox-next { width:42px; height:42px; } }
@media(max-width:980px) { .brand-estate { display:none; } .unit-detail-layout { grid-template-columns:1fr; } }
@media(max-width:620px) { .inner-page { padding-top:78px; } .page-hero { padding:65px 0 75px; } .brand img { width:120px; } .nav-cta { padding:8px 12px; } .map-card--wide { min-height:370px; } .map-card--wide .map-image { height:370px; } .map-card--wide .map-hotspot { width:55px; height:55px; } .views-grid,.plans-grid { grid-template-columns:1fr; } .plan-card img { height:260px; } .detail-card { padding:24px; } }

.overview-intro { padding-bottom:42px; }
.overview-intro + .section { padding-top:42px; }
.overview-photo { margin:0 0 30px; overflow:hidden; background:var(--ink-deep); border-radius:var(--radius); box-shadow:var(--shadow); }
.overview-photo img { display:block; width:100%; aspect-ratio:1.78; object-fit:cover; }
.overview-photo figcaption { padding:12px 20px; color:#fff; font-size:13px; letter-spacing:.025em; }
.panorama-viewer { width:100%; height:min(65vw,640px); min-height:370px; border-radius:var(--radius); overflow:hidden; background:var(--ink-deep); box-shadow:var(--shadow); }
.panorama-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:22px; }
.panorama-room { display:flex; align-items:center; gap:12px; min-height:57px; padding:10px 14px; border:1px solid var(--line); border-radius:12px; background:#fff; color:var(--ink); text-align:left; font-weight:700; }
.panorama-room span { color:var(--gold); font-size:12px; letter-spacing:.12em; }
.panorama-room:hover, .panorama-room.is-active { background:var(--ink); color:#fff; }
@media(max-width:980px) { .panorama-nav { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:620px) { .panorama-nav { grid-template-columns:repeat(2,minmax(0,1fr)); } .panorama-viewer { min-height:360px; } .overview-photo img { aspect-ratio:1.25; } }

/* Logo dewelopera w banerze zgody */
.cmplz-cookiebanner .cmplz-logo { display:block !important; width:150px; height:48px; background:url("assets/images/logo-amisto-transparent.svg") left center / contain no-repeat; }