.spot-shell{padding-bottom:96px}.spot-header{position:fixed;top:0;left:50%;z-index:45;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;width:min(100%,480px);height:64px;padding:0 15px;border-bottom:1px solid rgba(226,223,215,.85);background:rgba(250,249,246,.94);backdrop-filter:blur(16px);transform:translateX(-50%)}.spot-header button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer}.spot-header>strong{text-align:center;font-size:10px}.spot-header svg{width:17px;height:17px}.spot-header .spot-save.saved{color:#fff;background:var(--purple)}.spot-header .spot-save.saved svg{fill:currentColor}.spot-main{padding-top:64px}
.spot-gallery{position:relative;height:340px;overflow:hidden;background:#445d75}.spot-gallery::after{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(8,10,13,.05) 35%,rgba(8,10,13,.82));content:""}.spot-gallery-track{position:absolute;inset:0;z-index:1;display:flex;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.spot-gallery-track::-webkit-scrollbar{display:none}.spot-gallery-slide{flex:0 0 100%;width:100%;height:100%;margin:0;scroll-snap-align:start}.spot-gallery-slide img{width:100%;height:100%;object-fit:cover}.spot-gallery-fallback{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#7897df,#32c5c8)}.spot-gallery-fallback strong{color:rgba(255,255,255,.28);font-size:190px}.spot-gallery-copy{position:absolute;right:22px;bottom:24px;left:22px;z-index:3;color:#fff}.spot-gallery-copy p{margin:0 0 6px;color:#b9f3f0;font-size:8px;font-weight:800}.spot-gallery-copy h1{margin:0;font-size:31px;line-height:1.2;letter-spacing:-.045em}.gallery-controls{position:absolute;top:17px;right:17px;z-index:4;display:flex;align-items:center;gap:7px;padding:4px;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;background:rgba(13,18,20,.5);backdrop-filter:blur(10px)}.gallery-controls button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;color:#fff;background:transparent;cursor:pointer}.gallery-controls button:hover{background:rgba(255,255,255,.12)}.gallery-controls svg{width:15px;height:15px}.gallery-controls span{min-width:31px;text-align:center;font-size:8px}.gallery-controls b{font-size:10px}.gallery-dots{position:absolute;right:22px;bottom:25px;z-index:4;display:flex;gap:5px}.gallery-dots button{width:6px;height:6px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.45);cursor:pointer;transition:width .2s,background .2s}.gallery-dots button.active{width:18px;background:#fff}
.spot-summary{padding:18px 20px 8px}.source-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.source-row span{display:flex;align-items:center;gap:6px;color:#287e80;font-size:7px;font-weight:800}.source-row i{width:7px;height:7px;border-radius:50%;background:#3ac98a}.source-row small{color:#9b9e98;font-size:7px}.spot-summary>p{margin:12px 0 0;color:#646760;font-size:9px;line-height:1.6}.spot-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.spot-tags span{padding:5px 7px;border-radius:7px;color:#3c7778;background:#e7f4f3;font-size:6px;font-weight:700}
.spot-primary-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:17px 16px 4px}.spot-primary-actions button,.spot-primary-actions a{display:flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;cursor:pointer;flex-direction:column}.spot-primary-actions span{display:grid;place-items:center;width:47px;height:47px;border:1px solid #dce4e1;border-radius:16px;color:#287e81;background:#fff;box-shadow:0 6px 17px rgba(31,34,30,.05)}.spot-primary-actions svg{width:20px;height:20px}.spot-primary-actions strong{font-size:8px}.spot-primary-actions button.saved span{border-color:#8265d4;color:#fff;background:#8265d4}.spot-primary-actions button.saved svg{fill:currentColor}.spot-primary-actions #booking-open.booked span{border-color:#32b6ba;color:#fff;background:#32b6ba}
.spot-detail-tabs{position:sticky;top:64px;z-index:12;display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px;padding:0 16px;border-bottom:1px solid var(--line);background:rgba(250,249,246,.96);backdrop-filter:blur(12px)}.spot-detail-tabs a{position:relative;padding:13px 3px 12px;overflow:hidden;color:#7a7d76;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:800}.spot-detail-tabs a.active{color:#151917}.spot-detail-tabs a.active::after{position:absolute;right:8px;bottom:-1px;left:8px;height:2px;border-radius:999px;background:#28b6ba;content:""}
.spot-actions{display:grid;gap:8px;padding:24px 16px 0}.spot-actions a{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:15px;background:#fff}.spot-actions>a>svg{width:21px;height:21px;color:#2b9da0}.spot-actions strong{display:block;font-size:9px}.spot-actions small{display:block;margin-top:3px;color:var(--muted);font-size:6px}
.spot-info,.related-cache{padding:29px 20px 0}.spot-section-head p{margin:0 0 5px;color:#299a9d;font-size:7px;font-weight:900;letter-spacing:.09em}.spot-section-head h2{margin:0;font-size:19px}.spot-info>div:not(.spot-section-head){display:flex;align-items:flex-start;gap:11px;margin-top:9px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff}.spot-info svg{flex:0 0 18px;width:18px;height:18px;color:#299a9d}.spot-info span{color:#5f625c;font-size:8px;line-height:1.5}.spot-info strong{display:block;margin-bottom:3px;color:var(--text);font-size:7px}.spot-info small{display:block;margin-top:3px;color:#9b9c96;font-size:6px}.local-question{margin:29px 16px 0;padding:17px;border-radius:20px;color:#fff;background:#243334}.local-question>div{display:flex;align-items:center;gap:11px}.local-question>div>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#143c3e;background:#a8e5e2;font-size:17px;font-weight:900}.local-question small{font-size:6px;letter-spacing:.09em}.local-question h2{margin:3px 0;font-size:13px}.local-question p{margin:0;color:rgba(255,255,255,.6);font-size:7px}.local-question button{width:100%;height:40px;margin-top:13px;border:0;border-radius:11px;color:#164648;background:#c1edeb;font-size:8px;font-weight:900;cursor:pointer}.related-cache{padding-bottom:28px}.related-cache .cache-place-grid{margin-top:14px;padding:0}
.booking-dialog{width:min(calc(100% - 28px),448px);max-height:86vh;margin:auto;padding:0;overflow:auto;border:0;border-radius:25px;color:var(--text);background:#fff;box-shadow:0 24px 70px rgba(18,25,25,.28)}.booking-dialog::backdrop{background:rgba(22,29,29,.48);backdrop-filter:blur(3px)}.booking-dialog form{padding:22px}.booking-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.booking-dialog-head small{color:#299a9d;font-size:7px;font-weight:900;letter-spacing:.12em}.booking-dialog-head h2{margin:5px 0 0;font-size:20px}.booking-dialog-head button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer}.booking-dialog-head svg{width:16px;height:16px}.booking-dialog form>p{margin:15px 0 18px;color:var(--muted);font-size:9px;line-height:1.6}.booking-dialog label{display:block;margin-top:13px}.booking-dialog label>span{display:block;margin-bottom:6px;color:#555b55;font-size:8px;font-weight:800}.booking-dialog label>span small{color:#9ca09a;font-size:7px;font-weight:500}.booking-dialog input,.booking-dialog select,.booking-dialog textarea{width:100%;border:1px solid #dfe1db;border-radius:12px;outline:none;color:var(--text);background:#fbfbf9;font:inherit;font-size:10px}.booking-dialog input,.booking-dialog select{height:44px;padding:0 11px}.booking-dialog textarea{height:76px;padding:11px;resize:none}.booking-dialog input:focus,.booking-dialog select:focus,.booking-dialog textarea:focus{border-color:#32b8bc;box-shadow:0 0 0 3px rgba(50,197,200,.12)}.booking-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.booking-dialog .booking-notice{margin:14px 0 0;padding:10px;border-radius:10px;color:#737770;background:#f2f3ef;font-size:7px}.booking-submit{width:100%;height:47px;margin-top:15px;border:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,#28b6ba,#6d8edb);font-size:10px;font-weight:900;cursor:pointer}.spot-toast{position:fixed;right:20px;bottom:92px;left:20px;z-index:70;width:min(calc(100% - 40px),440px);margin:0 auto;padding:13px 16px;border-radius:13px;color:#fff;background:rgba(31,42,43,.94);box-shadow:0 12px 30px rgba(0,0,0,.2);text-align:center;font-size:10px;backdrop-filter:blur(10px)}
@media(max-width:359px){.spot-summary,.spot-info,.related-cache{padding-right:15px;padding-left:15px}.local-question{margin-right:12px;margin-left:12px}.spot-actions,.spot-primary-actions{padding-right:12px;padding-left:12px}.spot-gallery{height:315px}.booking-fields{grid-template-columns:1fr}}