/* SHOOKROON GROUP — property page gallery (approved 2026-10-26, "option A").
   Desktop: title above, mosaic (1 large + 4) with "show all photos".
   Mobile: full-bleed swipe strip, title below. Click any photo → full-screen viewer.
   Nothing is ever drawn on top of a photo except a small counter pill / button. */
.pg-top{max-width:1100px;margin:0 auto;padding:0 24px}
.pg-head{padding:26px 0 18px}
.pg-head .breadcrumb{font-size:12.5px;color:#6b7075;margin-bottom:6px}
.pg-head .breadcrumb a{color:#6b7075}
.pg-head .breadcrumb a:hover{color:#1a7a8a}
.pg-head .hero-title{font-size:clamp(26px,3.4vw,40px);font-weight:900;color:#16181a;line-height:1.15;letter-spacing:-.3px;margin:0;text-shadow:none}
.pg-head .hero-meta{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;margin-top:10px}
.pg-head .hero-rating{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;border-radius:0;color:#16181a;font-size:14.5px;font-weight:800}
.pg-head .hero-location{color:#3b3f43;font-size:14.5px}

.pg-gal{position:relative}
.pg-grid{display:grid;gap:8px;height:min(62vh,520px);border-radius:18px;overflow:hidden;background:#ece8e1}
.pg-grid.pg-n5{grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr}
.pg-grid.pg-n5 .pg-tile:first-child,.pg-grid.pg-n3 .pg-tile:first-child{grid-row:1/3}
.pg-grid.pg-n3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
.pg-grid.pg-n2{grid-template-columns:1fr 1fr}
.pg-grid.pg-n1{grid-template-columns:1fr}
.pg-tile{position:relative;display:block;overflow:hidden;border:0;padding:0;margin:0;background:#ece8e1;cursor:zoom-in;min-width:0;min-height:0}
.pg-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .3s}
.pg-tile:hover img{transform:scale(1.035);filter:brightness(.94)}
.pg-tile:focus-visible{outline:3px solid #1a7a8a;outline-offset:-3px}
.pg-grid.pg-n5 .pg-tile:nth-child(n+6),.pg-grid.pg-n3 .pg-tile:nth-child(n+4),.pg-grid.pg-n2 .pg-tile:nth-child(n+3),.pg-grid.pg-n1 .pg-tile:nth-child(n+2){display:none}
.pg-all{position:absolute;bottom:18px;inset-inline-end:18px;z-index:2;display:flex;gap:8px;align-items:center;background:#fff;color:#16181a;border:1px solid #16181a;border-radius:10px;padding:8px 14px;font:700 14px/1.2 inherit;font-family:inherit;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.pg-all:hover{background:#f6f4f0}
.pg-all svg{width:16px;height:16px;flex:0 0 auto}
.pg-pill{display:none}

@media(max-width:760px){
  .pg-top{display:flex;flex-direction:column;padding:0}
  .pg-head{order:2;padding:16px 16px 4px}
  .pg-gal{order:1}
  .pg-grid,.pg-grid.pg-n5,.pg-grid.pg-n3,.pg-grid.pg-n2,.pg-grid.pg-n1{display:flex;height:auto;aspect-ratio:4/3;border-radius:0;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .pg-grid::-webkit-scrollbar{display:none}
  .pg-grid .pg-tile,.pg-grid .pg-tile:nth-child(n){display:block;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;cursor:pointer}
  .pg-tile:hover img{transform:none;filter:none}
  .pg-all{display:none}
  .pg-pill{display:block;position:absolute;bottom:12px;inset-inline-end:12px;background:rgba(22,24,26,.72);color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:100px;direction:ltr;pointer-events:none;z-index:2}
}

/* full-screen viewer */
.pg-lb{position:fixed;inset:0;z-index:10000;background:#0e0f10;display:none;flex-direction:column;color:#fff}
.pg-lb.open{display:flex}
.pg-lb-top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;font-size:14px;font-weight:600}
.pg-lb-x{background:none;border:none;color:#fff;cursor:pointer;display:flex;gap:6px;align-items:center;font:700 14px/1 inherit;font-family:inherit;padding:6px}
.pg-lb-x svg{width:18px;height:18px}
.pg-lb-count{direction:ltr;opacity:.8}
.pg-lb-stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:0 76px}
.pg-lb-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;user-select:none;-webkit-user-select:none}
.pg-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;cursor:pointer;transition:background .2s}
.pg-arrow:hover{background:rgba(255,255,255,.24)}
.pg-arrow svg{width:18px;height:18px}
.pg-prev{inset-inline-start:16px}
.pg-next{inset-inline-end:16px}
.pg-lb-strip{display:flex;gap:6px;overflow-x:auto;padding:14px 20px 18px;scrollbar-width:none}
.pg-lb-strip::-webkit-scrollbar{display:none}
.pg-lb-strip img{width:64px;height:46px;object-fit:cover;border-radius:6px;opacity:.4;cursor:pointer;flex:0 0 auto;transition:opacity .2s}
.pg-lb-strip img.on{opacity:1;outline:2px solid #fff;outline-offset:1px}
.pg-lb-strip img:first-child{margin-inline-start:auto}
.pg-lb-strip img:last-child{margin-inline-end:auto}
@media(max-width:760px){.pg-lb-stage{padding:0}.pg-arrow{display:none}.pg-lb-stage img{border-radius:0}}
@media(prefers-reduced-motion:reduce){.pg-tile img{transition:none}}