.samui-map{height:480px;width:100%;position:relative;border-radius:24px;overflow:hidden;background:#d5e7db;border:1px solid #b6d0c1;z-index:1;font-family:"Segoe UI",Arial,sans-serif}.overview-map{height:calc(100svh - 310px);min-height:480px;max-height:850px}.overview-map-page{padding-bottom:65px}.yacht-map-section{padding-bottom:75px}.map-status{font-size:13px;color:#46665a;padding:14px 4px;min-height:45px;margin:0}.samui-map .leaflet-control-zoom a{width:38px;height:38px;line-height:38px;color:#073e43}.samui-map .leaflet-control{border-radius:10px;overflow:hidden;border-color:#b7cbbb}.samui-map .leaflet-popup-content-wrapper{border-radius:18px;padding:0;overflow:hidden;color:#073e43}.samui-map .leaflet-popup-content{margin:0;line-height:1.5}.samui-map .leaflet-popup-close-button{background:#ffffffdf;border-radius:50%;margin:7px;z-index:2;color:#073e43}.map-preview{width:270px;max-width:100%;padding:0}
.map-preview-media{position:relative;background:#c0e2da}
.map-preview .map-preview-image,.map-preview .map-preview-main{display:block;color:inherit!important;background:transparent!important;text-decoration:none}
.map-preview-image>img{width:100%;height:145px;object-fit:cover;display:block}
.map-preview .card-badges{left:10px;right:38px;top:10px;gap:5px}
.map-preview .card-badges span{font-size:9px;padding:5px 8px}
.map-preview .card-rating{right:10px;bottom:10px}
.map-preview-body{padding:14px 14px 12px}
.map-preview .map-preview-title{font:600 17px/1.25 "Segoe UI",Arial,sans-serif;letter-spacing:-.02em;margin:0 0 8px;height:2.5em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}
.map-preview .map-preview-description{font-size:12px;line-height:1.6;color:#5b7473;margin:0 0 12px;height:4.8em;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 50%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 50%,transparent 100%)}
.map-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
.map-preview-contacts{display:flex;flex:0 0 auto;gap:6px;margin:0}
.map-preview-contacts a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d4e4d8;border-radius:50%;background:#eef6ed}
.map-preview-contacts img{width:24px;height:24px;object-fit:contain;border-radius:50%}
.map-preview .map-preview-link{display:flex;align-items:center;min-height:36px;margin:0;font-size:11.5px;line-height:1.3;font-weight:650;color:#006d83!important}
.samui-pin{background:transparent;border:0}.samui-pin>span{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:#073e43;color:#d4ef8c;border:3px solid #fff9ee;box-shadow:0 3px 12px #003e4355;font:30px/1 Georgia}.samui-map .leaflet-control-attribution{font-size:9px;line-height:1.5;max-width:90%;white-space:normal}.samui-map:focus-visible{outline:3px solid #008bcb;outline-offset:4px}
@media(max-width:520px){.samui-map{height:420px;border-radius:18px}.overview-map{height:65svh;min-height:420px}.overview-map-page{padding-bottom:40px}.map-preview{width:240px;max-width:calc(100vw - 120px)}.map-preview-image>img{height:135px}.yacht-map-section .section-heading h2{font-size:35px}}
@media(max-width:520px){.samui-map .leaflet-control-attribution{max-width:150px;font-size:8px}}

/* Layout integration: keep the Samui map and preview proportions. */
.map-save-panel{padding:22px;width:250px;max-width:calc(100vw - 90px);color:#45594f}.map-save-panel strong{font-size:15px}.map-save-panel p{font-size:12px;margin:12px 0}.map-save-panel .btn{padding:11px 18px;font-size:12px}.map-save-panel button:disabled{opacity:.6;cursor:wait}
.map-access-note{position:absolute;left:60px;right:60px;bottom:24px;z-index:450;padding:14px 18px;border:1px solid #ffffffc0;border-radius:12px;background:#ffffff80;backdrop-filter:blur(18px);color:#4a6d5a;font-size:12px;text-align:center;pointer-events:none}.map-access-unavailable{background:linear-gradient(135deg,#e5f2e8,#e3f1f5)}
.map-page #map.overview-map{height:calc(100svh - 235px);min-height:480px;max-height:850px;width:100%;margin:20px 0 0}
.vgoa-map-section{padding-top:24px;padding-bottom:35px}
.vgoa-map-section #map{max-width:none;margin:0}
.map-preview .card-rating{right:10px!important;bottom:10px!important;top:auto!important}
.map-preview .map-preview-title{color:#45594f}
.map-preview .map-preview-link{font-size:11.5px}
.map-page .site-footer{margin-top:0}
@media(max-width:520px){.map-page #map.overview-map{height:65svh;min-height:420px}.overview-map-page{padding-inline:16px}.vgoa-map-section{padding-inline:16px}.map-preview .map-preview-image>img{height:135px}}