/* Wrapper + grid */
.pq-wrapper{ --pq-gap:24px; --pq-arrow-bg:#fff; --pq-arrow-bg-hover:#e6eef7; --pq-arrow-size:20px; --pq-arrow-offset:8px; background:var(--pq-bg); color:var(--pq-text); }
.pq-grid{ display:grid; grid-template-columns:1fr 1fr; gap:var(--pq-gap); align-items:start; }

/* Map (with your box-shadow override) */
.pq-map{ width:100%; border-radius:16px; overflow:hidden; box-shadow:0 2px 2px rgba(0,0,0,.08); min-height:360px; background:#fff; }

/* Card (with your exact overrides incl. margin) */
.pq-card{
	display:grid;
	grid-template-columns:220px 1fr;
	gap:16px;
	align-items:stretch;
	background:var(--pq-card);
	border-radius:16px;
	padding:14px;
	box-shadow:0 2px 2px rgba(0,0,0,.07);
	margin-bottom:16px;
	outline:2px solid transparent;
	transition:outline-color .2s, box-shadow .2s;
	margin:10px;
}
.pq-card.is-active{ outline-color:#f9b000!important; box-shadow:0 2px 2px rgba(0,0,0,.12); }

/* Media + Slider */
.pq-media{ position:relative; border-radius:12px; overflow:hidden; }
.pq-slider{ position:relative; height:100%; min-height:160px; overflow:hidden; }
.pq-slide{ position:absolute; inset:0; width:100%; height:100%; opacity:0; transition:opacity .25s; }
.pq-slide.is-active{ opacity:1; }
.pq-slide img{ width:100%; height:100%; object-fit:cover; display:block; }

/* Placeholder */
.pq-slide--placeholder{ background:repeating-linear-gradient(45deg,#e9e4d7,#e9e4d7 10px,#f6f1e3 10px,#f6f1e3 20px); }

/* Arrows */
.pq-wrapper .pq-arrow{ position:absolute; bottom:var(--pq-arrow-offset); border:none; background:var(--pq-arrow-bg) !important; padding:6px; border-radius:999px; cursor:pointer; box-shadow:0 4px 16px rgba(0,0,0,.15); display:flex; align-items:center; justify-content:center; }
.pq-wrapper .pq-arrow:hover, .pq-wrapper .pq-arrow:focus{ background:var(--pq-arrow-bg-hover) !important; }
.pq-wrapper .pq-prev{ left:var(--pq-arrow-offset); }
.pq-wrapper .pq-next{ right:var(--pq-arrow-offset); }
.pq-wrapper .pq-arrow img{ width:var(--pq-arrow-size); height:var(--pq-arrow-size); display:block; }

/* Info */
.pq-info h3{ margin:0 0 6px; }
.pq-address{ margin:0 0 10px; color:#333; }
.pq-actions{ display:flex; flex-wrap:wrap; gap:10px 16px; align-items:center; }
.pq-action{ display:inline-flex; align-items:center; gap:8px; text-decoration:none; color:inherit; padding:6px 10px; border-radius:10px; background:#fff; box-shadow:inset 0 0 0 2px rgba(0,0,0,.04); transition:box-shadow .2s, transform .1s; }
.pq-action:hover{ box-shadow:inset 0 0 0 2px var(--pq-accent); transform:translateY(-1px); }
.pq-action img{ width:18px; height:18px; }

/* Map pin highlight */
.pq-pin img{ width:30px; height:30px; transition:transform .2s, filter .2s; }
.pq-pin.is-active img{ transform:scale(1.15); filter:drop-shadow(0 2px 6px rgba(0,0,0,.3)); }

/* LIST SCROLLER */
.pq-list{ width:100%; overflow:auto; padding-right:4px; }

/* Mobile stacking:
   - Slider full width on top
   - Content under it full width
*/
@media (max-width: 900px){
	.pq-grid{ grid-template-columns:1fr; }
	/* stack card content */
	.pq-card{ grid-template-columns:1fr; }
	.pq-media{ grid-column:1/-1; margin-bottom:12px; }
	/* aspect ratio for slider on small screens to avoid huge height */
	.pq-slider{ min-height:0; padding-top:62.5%; } /* 16:10 */
	.pq-slide{ position:absolute; inset:0; }
	/* actions wrap nicely */
	.pq-actions{ gap:8px 12px; }
}