:root{--navy:#143c40;--teal:#087f79;--cream:#f7f6f1;--line:#e4e8e5;--muted:#617474}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#1d3438;background:var(--cream);font:16px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px max(20px,calc((100vw - 1160px)/2));background:#fff;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:900;letter-spacing:-1px;line-height:1}.brand span{color:var(--teal)}.brand small{display:block;font-size:10px;font-weight:600;letter-spacing:2px;color:var(--muted);margin-top:6px}.top nav{display:flex;gap:25px;font-size:14px;font-weight:650}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}.hero{min-height:560px;background-position:center;background-size:cover;color:white;display:flex;align-items:center}.hero .wrap{padding:75px 0}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:800;color:#c2ede7}.eyebrow.dark{color:var(--teal)}h1,h2,h3{line-height:1.15;letter-spacing:-.7px}h1{font-size:clamp(32px,5.8vw,68px);margin:18px 0}h2{font-size:clamp(28px,3.4vw,43px);margin:10px 0 24px}h3{font-size:23px;margin:12px 0}.hero p{max-width:580px;font-size:20px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.btn{border:0;display:inline-flex;justify-content:center;align-items:center;background:#e5b96d;color:#153e42;font-weight:800;padding:13px 21px;border-radius:10px;font-size:15px;cursor:pointer}.btn.ghost{background:transparent;border:1px solid #fff;color:#fff}.btn.small{padding:10px 15px;font-size:13px}.section{padding:70px 0}.section-title{text-align:center;margin-bottom:28px}.property-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.property,.room,.panel{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 6px 24px #163e3910}.property img{width:100%;height:320px;object-fit:cover}.property-body,.room-body{padding:24px}.tag{display:inline-block;background:#e6f4ee;color:#126c61;border-radius:30px;font-size:12px;font-weight:800;padding:7px 12px}.muted{color:var(--muted)}.text-link{color:var(--teal);font-weight:800}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.room img{width:100%;height:215px;object-fit:cover}.room-body{padding:20px}.room-body p{color:var(--muted);min-height:46px}.room-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px;margin-bottom:18px}.room-meta strong{color:var(--teal)}.cta{background:var(--navy);color:#fff;padding:55px 0;text-align:center}.cta .btn{margin:5px}footer{text-align:center;padding:27px 15px;font-size:13px;color:var(--muted)}.narrow{max-width:620px}.panel{padding:26px}.panel h1{font-size:36px}.panel h2{font-size:23px}label{display:block;font-weight:750;margin:17px 0 7px}input:not([type=checkbox]),textarea{display:block;width:100%;padding:13px 14px;border:1px solid #cbd7d4;border-radius:9px;font:inherit;background:white;margin-top:7px}textarea{resize:vertical}form .btn{margin-top:15px}.check{display:flex;align-items:center;gap:10px}.check input{width:20px;height:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.admin-heading h1{font-size:38px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.tabs a,.outline{padding:11px 15px;border:1px solid #c8d9d4;border-radius:10px;background:#fff;font:inherit;font-size:14px;font-weight:750;cursor:pointer}.tabs a.active{background:var(--navy);color:white}.admin-grid{display:grid;grid-template-columns:275px 1fr;gap:22px}.sidebar{padding:20px}.room-list{display:flex;flex-direction:column;max-height:75vh;overflow:auto}.room-list strong{margin:15px 0 8px}.room-list a{padding:9px 11px;border-radius:8px}.room-list a.selected{background:#dff3ed;font-weight:800}.edit-panel{min-width:0}.alert,.success{padding:12px 15px;border-radius:10px;background:#ffe7e4;color:#842d26}.success{background:#e1f7e9;color:#17633b}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.photo-item{border:1px solid var(--line);border-radius:10px;overflow:hidden}.photo-item img{width:100%;height:170px;object-fit:cover}.photo-actions{display:flex;gap:5px;padding:8px}.photo-actions form{flex:1}.photo-actions button{font-size:12px;padding:8px;width:100%}.danger{color:#a52e30}hr{border:0;border-top:1px solid var(--line);margin:30px 0}@media(max-width:750px){.top{padding:15px 18px}.top nav{gap:12px;font-size:12px}.hero{min-height:470px}.hero .wrap{padding:65px 0}.property-grid,.room-grid,.admin-grid{grid-template-columns:1fr}.property img{height:250px}.section{padding:48px 0}.admin-heading{align-items:flex-start}.admin-heading h1{font-size:30px}.sidebar{padding:14px}.room-list{max-height:225px}.panel{padding:19px}.two{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr 1fr}.photo-item img{height:120px}.photo-actions{flex-direction:column}}

/* Noclegi JG — poprawka menu mobilnego V3 */
@media (max-width: 750px) {
  .top { flex-direction: column; align-items: stretch; gap: 14px; padding: 15px 18px; }
  .top .brand { align-self: flex-start; }
  .top nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; width: 100%; font-size: 13px; }
  .top nav a, .top nav a:nth-child(2) { display: flex; align-items: center; justify-content: center; min-width: 0; text-align: center; padding: 10px 7px; border: 1px solid var(--line); border-radius: 9px; background: #f7faf8; }
}