:root{--teal: #0f4c5c;--teal-900: #082832;--gold: #b8862f;--gold-l: #d6ab5e;--gold-soft: #f1e6ce;--ink: #2b2620;--muted: #857a68;--slate-400: #a89d88;--line: #eae0cf;--line-strong: #ddcfb8;--bg: #f6f1e8;--surface: #fffdf9;--sand: #efe4d2;--free: #9a8f7c;--occupied: #2f7d52;--paid: #b8862f;--blocked: #9e3b2f;--ok-bg: #e8f1e9;--ok: #2f7d52;--warn-bg: #f5ecd9;--warn: #9c7027;--shadow: 0 1px 2px rgba(80,60,30,.05), 0 14px 40px rgba(60,45,20,.08);--serif: "Axiforma", "Playfair Display", Georgia, serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:Axiforma,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}.app{max-width:1200px;margin:0 auto;min-height:100%;background:var(--bg);display:flex;flex-direction:column}.content>.card{max-width:520px;margin-left:auto;margin-right:auto}.map-page .card,.map-layout .card{max-width:none;margin-left:0;margin-right:0}.topbar{background:linear-gradient(135deg,var(--teal),var(--teal-900));color:#fff;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.brand{font-family:var(--serif);font-weight:700;font-size:19px;letter-spacing:.5px}.brand small{font-family:Inter;color:var(--gold-l);font-weight:600;display:block;font-size:10px;letter-spacing:2px;margin-top:2px}.content{padding:20px;flex:1}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--shadow)}h1{font-family:var(--serif);font-size:27px;margin:0 0 6px;font-weight:700;letter-spacing:.2px}h2{font-family:var(--serif);font-size:21px;margin:0 0 16px;font-weight:700}.muted{color:var(--muted)}.price{font-family:var(--serif);font-size:46px;font-weight:800;color:var(--teal);letter-spacing:0}.price small{font-family:Inter;font-size:15px;font-weight:500;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.3px}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.b-free{background:#f0ece2;color:var(--free)}.b-paid{background:var(--warn-bg);color:var(--warn)}.b-occupied{background:var(--ok-bg);color:var(--ok)}.b-blocked{background:var(--bad-bg, #f6e7e2);color:var(--blocked)}.btn{display:block;width:100%;border:0;border-radius:14px;padding:17px;font-size:16px;font-weight:600;background:var(--gold);color:#fff;cursor:pointer;margin-top:18px;transition:filter .15s,transform .1s;font-family:inherit;letter-spacing:.3px}.btn:active{transform:translateY(1px);filter:brightness(.96)}.btn:disabled{opacity:.5}.btn-ghost{background:var(--surface);color:var(--teal);border:1px solid var(--line-strong)}.btn-teal{background:var(--teal)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent);margin:18px 0}.row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.input{width:100%;padding:15px;border:1px solid var(--line-strong);border-radius:12px;font-size:16px;margin-top:7px;font-family:inherit;background:#fff;transition:border .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #b8862f26}.label{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.center{text-align:center}.check{width:90px;height:90px;border-radius:50%;background:var(--ok-bg);color:var(--occupied);font-size:44px;display:flex;align-items:center;justify-content:center;margin:8px auto 18px;box-shadow:0 0 0 10px #2f7d520f}.qr{width:200px;height:200px;border-radius:14px;border:1px solid var(--line);padding:8px;background:#fff}.note{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:13px;color:var(--muted);margin-top:16px}.hero{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a2b33}.hero-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;z-index:2}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;object-fit:cover}.hb-1{animation:xfade1 16s ease-in-out infinite}.hb-2{animation:xfade2 16s ease-in-out infinite;opacity:0}@keyframes xfade1{0%,42%{opacity:1}50%,92%{opacity:0}to{opacity:1}}@keyframes xfade2{0%,42%{opacity:0}50%,92%{opacity:1}to{opacity:0}}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;height:100vh;background:linear-gradient(180deg,#061a226b,#061a2214 30%,#061a220d 55%,#061a2280)}.hero-top{display:flex;justify-content:space-between;align-items:center;padding:18px 24px 0}.hero-brand{font-family:var(--serif);color:#fff;font-weight:700;font-size:19px;letter-spacing:.4px;text-shadow:0 2px 12px rgba(0,0,0,.55)}.hero-brand small{font-family:Inter;display:block;color:var(--gold-l);font-size:9px;letter-spacing:2.5px;font-weight:700;margin-top:2px}.hero-weather{color:#fff;background:#ffffff29;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:7px 14px;font-weight:700;font-size:14px;text-shadow:0 1px 6px rgba(0,0,0,.4)}.hero-content{min-height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:4vh 20px 26px;text-align:center}.hero-heading{margin-top:5vh}.hero-kicker{color:#fff;font-size:12px;font-weight:700;letter-spacing:5px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hero-title{font-family:var(--serif);color:#fff;font-size:clamp(34px,6.2vw,62px);font-weight:800;margin:14px 0 0;letter-spacing:2px;text-shadow:0 4px 26px rgba(0,0,0,.55)}.hero-title em{font-style:italic;color:var(--gold-l)}.hero-rule{width:58px;height:3px;background:var(--gold-l);border-radius:2px;margin:22px auto 0}.hero-dock{width:100%;display:flex;flex-direction:column;align-items:center;gap:18px}.hero-logos{display:flex;flex-wrap:nowrap;gap:11px;justify-content:flex-start;max-width:100%;overflow-x:auto;padding:8px 16px 10px;scroll-snap-type:x proximity}.hero-logos::-webkit-scrollbar{display:none}.hero-logo{flex-shrink:0;scroll-snap-align:center;background:transparent;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px;transition:transform .18s}.hero-logo:hover,.hero-logo:active{transform:translateY(-4px)}.hero-logo-img{width:142px;height:78px;background:#081c266b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.55);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #00000038;transition:border-color .18s,background .18s,box-shadow .18s}.hero-logo:hover .hero-logo-img{border-color:var(--gold-l);background:#081c268c;box-shadow:0 10px 28px #00000052}.hero-logo-img img{max-height:56px;max-width:118px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.55)) drop-shadow(0 1px 3px rgba(0,0,0,.3))}.hero-logo-name{font-weight:700;color:var(--teal);font-size:13px}.hero-logo-caption{color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.75)}.hero-down{color:#ffffffd9;font-size:22px;margin-top:3vh;animation:bob 2s ease-in-out infinite;text-shadow:0 2px 8px rgba(0,0,0,.5)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.fade{opacity:0;transform:translateY(14px);animation:fade-up .8s ease-out forwards}.f1{animation-delay:.1s}.f2{animation-delay:.35s}.f3{animation-delay:.6s}@keyframes fade-up{to{opacity:1;transform:none}}.how{position:relative;background:var(--bg);padding:64px 24px 40px;text-align:center}.how-kicker{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:4px}.how-title{font-family:var(--serif);font-size:34px;font-weight:800;margin:10px 0 40px}.how-steps{display:flex;flex-wrap:wrap;gap:34px;justify-content:center;max-width:960px;margin:0 auto}.how-step{flex:1;min-width:220px;max-width:280px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:14px;line-height:1.55}.how-step b{font-family:var(--serif);font-size:42px;color:var(--gold);line-height:1}.how-step i{font-style:normal;color:var(--ink);font-weight:700;font-size:13px;letter-spacing:2.5px}.how-foot{margin-top:56px;color:var(--slate-400);font-size:12px;letter-spacing:1px}.weather{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:var(--teal);background:#eaf3f6;border-radius:999px;padding:5px 12px;font-size:13px}.lang-switch{display:inline-flex;border-radius:999px;overflow:hidden;border:1px solid var(--line-strong)}.lang-switch button{border:0;background:var(--surface);color:var(--muted);font-weight:700;font-size:12px;padding:6px 11px;cursor:pointer;font-family:inherit}.lang-switch button.on{background:var(--gold);color:#fff}.lang-switch.light{border-color:#ffffff59}.lang-switch.light button{background:#ffffff1f;color:#e6ddc6}.lang-switch.light button.on{background:var(--gold);color:#fff}.map-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;gap:10px}.map-kicker{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:3px}.map-title{font-family:var(--serif);font-size:28px;margin:4px 0 0;font-weight:800;letter-spacing:.2px}.map-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.map-logo{max-height:36px;max-width:130px;object-fit:contain}.beach-brand{display:flex;justify-content:center;margin-bottom:14px}.beach-brand img{max-height:54px;max-width:220px;object-fit:contain}.zone-tabs{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;padding-bottom:4px}.day-strip{display:flex;gap:7px;margin-bottom:14px;overflow-x:auto;padding-bottom:4px}.day-chip{flex-shrink:0;min-width:58px;border:1px solid var(--line-strong);background:var(--surface);border-radius:14px;padding:9px 9px 8px;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:1px;transition:all .15s}.day-chip i{font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.5px;color:var(--muted)}.day-chip b{font-size:21px;font-weight:800;color:var(--ink);line-height:1.1}.day-chip em{font-style:normal;font-size:10px;font-weight:600;color:var(--slate-400)}.chip-temp{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;color:#0d7ba0;margin-top:3px;white-space:nowrap}.chip-temp svg{flex-shrink:0}.day-chip.active{background:var(--teal);border-color:var(--teal)}.day-chip.active i,.day-chip.active b,.day-chip.active em{color:#fff}.day-chip.active .chip-temp{color:#ffffffeb}.umb-wrap:hover .umb{transform:scale(1.14)}.res-panel{margin-top:16px;background:var(--surface);border:1px solid var(--gold-l);border-radius:16px;padding:16px;box-shadow:0 10px 30px #b8862f24}.res-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.res-total{font-family:var(--serif);font-size:22px;font-weight:800;color:var(--teal)}.res-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.res-chip{display:inline-flex;align-items:center;gap:6px;background:var(--gold-soft, #f1e6ce);color:#7a5a1c;border-radius:999px;padding:6px 8px 6px 12px;font-size:13px;font-weight:700}.res-chip button{border:0;background:#0000001f;color:#7a5a1c;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:13px;line-height:1}.zone-tab{flex-shrink:0;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.zone-tab.active{background:var(--teal);border-color:var(--teal);color:#fff}.stats{display:flex;gap:10px;margin-bottom:18px}.stat{flex:1;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:14px;text-align:center}.stat b{font-family:var(--serif);font-size:26px;display:block;color:var(--teal)}.stat span{font-size:10px;color:var(--muted);font-weight:600;letter-spacing:.8px;text-transform:uppercase}.sea{height:32px;border-radius:12px;background:linear-gradient(90deg,#8edce8,#3fc1c9);margin-bottom:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;letter-spacing:1px}.beach{position:relative;width:100%;aspect-ratio:1/1;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(rgba(140,110,60,.05) 1px,transparent 1.5px),radial-gradient(120% 55% at 85% 10%,rgba(255,241,196,.55),transparent 42%),linear-gradient(180deg,#f8f0da,#f4e7c6 40%,#efdcb2);background-size:22px 22px,auto,auto;box-shadow:inset 0 10px 26px #0f4c5c1a}@media (min-width: 900px){.beach{aspect-ratio:16/10}}.beach-sea{position:absolute;top:0;left:0;right:0;height:22%;background:radial-gradient(140% 90% at 50% -35%,#07445c,#0b6a86 42%,#1591ad 68%,#35b3c9 88%,#7fd4e0);color:#fffc;font-size:10px;letter-spacing:3px;font-weight:600;display:flex;align-items:center;justify-content:center}.sea-label{position:relative;z-index:1}.beach-sea:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 46%,rgba(255,255,255,.13) 62%,transparent 74%,rgba(255,255,255,.1) 86%,transparent 96%),repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.05) 34px 37px),radial-gradient(70% 120% at 25% 0%,rgba(255,255,255,.14),transparent 60%);animation:sea-drift 12s linear infinite}@keyframes sea-drift{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,260px 0,0 0}}.beach-sea:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:14px;pointer-events:none;background:radial-gradient(circle at 10px 0,#fff 0 6px,transparent 7px) 0 0/20px 14px repeat-x;animation:foam-bob 3.2s ease-in-out infinite}@keyframes foam-bob{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.umb-wrap{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:0}.umb-num{font-size:9.5px;font-weight:700;color:#6a5c40;letter-spacing:.2px;text-shadow:0 1px 0 rgba(255,255,255,.6)}.umb{position:relative;width:34px;height:34px;background:transparent;border:0;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;filter:drop-shadow(0 3px 3px rgba(60,45,20,.3));transition:transform .12s}.umb.taken{filter:drop-shadow(0 2px 2px rgba(60,45,20,.18));opacity:.85}.sel-check{position:absolute;top:-3px;right:-2px;width:15px;height:15px;border-radius:50%;background:var(--gold);color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000059}.umb:active{transform:scale(1.15)}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.cell{aspect-ratio:1;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;cursor:pointer}.c-free{background:var(--free)}.c-occupied{background:var(--occupied)}.c-paid{background:var(--paid)}.c-blocked{background:var(--blocked)}.legend{display:flex;gap:14px;margin-top:16px;font-size:12px;color:var(--muted);flex-wrap:wrap}.legend i{width:12px;height:12px;border-radius:4px;display:inline-block;margin-right:6px;vertical-align:middle}.err{color:var(--blocked);font-size:14px;margin-top:12px;background:#f6e7e2;padding:11px 13px;border-radius:10px}.live{font-size:12px;color:var(--occupied);font-weight:600;display:inline-flex;align-items:center;gap:6px}.live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--occupied);box-shadow:0 0 0 3px #2f7d5229}.notice-bar{background:#e7f2f7;border:1px solid #cfe4ee;color:#23607c;border-radius:12px;padding:11px 16px;font-size:13.5px;font-weight:600;margin-bottom:16px}.map-layout{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:start}@media (max-width: 899px){.map-layout{grid-template-columns:1fr}}.res-side{position:sticky;top:16px}.res-side-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.res-side-head h3{font-family:var(--serif);font-size:21px;margin:0;font-weight:800}.res-price-tag{font-size:12.5px;color:var(--muted);font-weight:600}.res-label{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin:14px 0 8px}.res-empty{border:1.5px dashed var(--line-strong);border-radius:14px;padding:22px 14px;text-align:center;display:flex;flex-direction:column;gap:4px;color:var(--muted);margin-bottom:12px}.res-empty-icon{font-size:26px}.res-empty b{color:var(--ink);font-size:14px}.res-empty span{font-size:12.5px}.res-side .day-strip{flex-wrap:wrap}.res-side .input{margin-top:10px}.free-pill{display:inline-flex;align-items:center;gap:5px;background:var(--ok-bg);color:var(--ok);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700}.res-side .res-price-tag{display:block;margin:-6px 0 10px}.res-empty-icon{width:58px;height:58px;margin:0 auto 6px;border-radius:16px;background:var(--ok-bg);color:var(--ok);font-size:27px;display:flex;align-items:center;justify-content:center}.sea-waves{position:absolute;left:0;right:0;bottom:0;width:100%;height:70%}.map-temp{position:absolute;top:12px;right:12px;z-index:3;background:#fffdf9f0;border-radius:999px;padding:8px 14px;display:inline-flex;align-items:center;gap:6px;font-size:13px;box-shadow:0 4px 14px #0a283238;color:#b8862f}.map-temp b{font-size:15px;color:var(--teal)}.cond-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 14px}.cond-flag{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:800;font-size:13px;padding:7px 13px;border-radius:999px;box-shadow:0 3px 10px #0a28322e}.cond-auto{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#ffffff47;padding:2px 6px;border-radius:999px;margin-left:2px}.cond-chip{display:inline-flex;align-items:center;gap:5px;background:#eaf3f6;color:var(--teal);font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px}.cond-chip b{font-size:14px}.price-breakdown{margin:10px 0 4px;border-top:1px dashed var(--line);padding-top:10px}.pb-row{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;padding:3px 0;color:var(--muted)}.pb-disc{color:#2e9e5b;font-weight:700}.pb-final{border-top:1px solid var(--line);margin-top:6px;padding-top:8px;color:var(--teal);font-size:15px}.pb-final b{font-family:var(--serif);font-size:22px}.beach{overflow:visible}.beach{overflow:hidden}.notice-bar{margin:-20px -20px 18px;border-radius:0;border-left:0;border-right:0;text-align:center}.hero-albena{height:46px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.45))}.foot-albena{height:44px;opacity:.95}.hero-explore{color:#fff;font-size:11px;font-weight:700;letter-spacing:4px;display:flex;flex-direction:column;align-items:center;gap:2px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.hero-explore span{font-size:18px;animation:bob 2s ease-in-out infinite}.gallery{background:var(--surface);padding:60px 24px 64px;text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1000px;margin:0 auto}@media (max-width: 760px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.gallery-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px #3c2d1424;transition:transform .2s}.gallery-grid img:hover{transform:scale(1.025)}.site-foot{background:linear-gradient(135deg,var(--teal),var(--teal-900));padding:34px 24px;display:flex;flex-direction:column;align-items:center;gap:10px}.site-foot-note{color:#9fb6bd;font-size:12px;letter-spacing:1px}.beach-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:10px}.back-link{border:0;background:transparent;color:var(--muted);font-weight:600;font-size:13.5px;cursor:pointer;font-family:inherit;padding:6px 0;transition:color .15s}.back-link:hover{color:var(--teal)}.beach-select{border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;padding:9px 12px;font-family:inherit;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer}.beach-identity{display:flex;align-items:center;gap:16px}.beach-logo{max-height:58px;max-width:120px;object-fit:contain}.beach-meta{display:flex;align-items:center;gap:10px;margin-top:8px}.beach-price{font-size:13px;color:var(--muted);font-weight:600}.live,.beach-price{white-space:nowrap}.map-title{overflow-wrap:anywhere}.mobile-cta{display:none}@media (max-width: 899px){.mobile-cta{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--teal);color:#fff;border-radius:16px;padding:10px 12px 10px 18px;box-shadow:0 10px 30px #08283266;animation:cta-in .25s ease-out}@keyframes cta-in{0%{transform:translateY(70px);opacity:0}to{transform:none;opacity:1}}.mobile-cta-info{display:flex;flex-direction:column;line-height:1.25}.mobile-cta-info b{font-size:13px}.mobile-cta-info span{font-family:var(--serif);font-size:19px;font-weight:800}.mobile-cta-btn{width:auto;margin:0;padding:12px 20px;font-size:15px;border-radius:12px}.map-layout{padding-bottom:76px}.map-head{align-items:flex-start}.map-head>.live{margin-top:4px}.beach-identity{gap:12px}.beach-logo{max-height:42px;max-width:92px}.map-title{font-size:21px;margin-top:2px}.map-kicker{font-size:9px;letter-spacing:2.5px}.beach-meta{flex-wrap:wrap;gap:8px;margin-top:6px}.free-pill{padding:4px 10px;font-size:11.5px}.beach-price{font-size:12px}.notice-bar{font-size:12px;padding:9px 14px}.beach-nav{flex-wrap:nowrap}.beach-select{max-width:55%}.card{padding:18px}.content{padding:14px}.notice-bar{margin:-14px -14px 14px}}@media (min-width: 600px) and (max-width: 899px){.beach{aspect-ratio:4/3}.res-side .day-strip{flex-wrap:nowrap;overflow-x:auto}.content{padding:20px 24px}.notice-bar{margin:-20px -24px 16px}}.items-pick{margin-top:16px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.item-row{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;font-size:15px;border-bottom:1px solid var(--line);background:#fffdf9}.item-row:last-child{border-bottom:0}.item-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--gold);vertical-align:-3px;margin-right:4px}.stepper{display:inline-flex;align-items:center;gap:10px;margin-left:10px}.stepper button{width:28px;height:28px;border-radius:50%;border:1px solid var(--line-strong);background:#fff;font-size:16px;font-weight:700;cursor:pointer;line-height:1;color:var(--teal)}.stepper button:active{background:var(--bg)}.stepper b{min-width:16px;text-align:center}.res-items{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.res-item-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#fffdf9;font-size:14px}.rir-num{min-width:44px}.rir-umb{display:inline-flex;align-items:center;gap:3px;cursor:pointer}.rir-umb input{accent-color:var(--gold)}.rir-price{margin-left:auto;font-weight:700}.rir-x{border:0;background:none;color:var(--muted);font-size:16px;cursor:pointer;padding:2px 4px}.map-viewport{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#f8f0da,#efdcb2);box-shadow:inset 0 10px 26px #0f4c5c1a;touch-action:none;overscroll-behavior:contain}@media (min-width: 600px) and (max-width: 899px){.map-viewport{aspect-ratio:4/3}}@media (min-width: 900px){.map-viewport{aspect-ratio:16/10}}.map-viewport .beach.map-canvas{position:absolute;top:0;left:0;aspect-ratio:auto!important;width:auto;border:0;border-radius:0;box-shadow:none;will-change:transform}.map-viewport .map-temp{position:absolute;z-index:6}.map-zoom-btns{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;gap:6px;z-index:6}.map-zoom-btns button{width:38px;height:38px;border-radius:12px;border:1px solid var(--line-strong);background:#fffdf9f0;color:var(--teal);font-size:19px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #3c2d142e;line-height:1}.map-zoom-btns button:active{background:var(--bg)}.map-hint{position:absolute;left:50%;bottom:12px;transform:translate(-50%);background:#082832bf;color:#fff;font-size:12px;font-weight:600;padding:7px 13px;border-radius:999px;pointer-events:none;z-index:6;white-space:nowrap}.zoomed-out .umb-num{display:none}.items-q{font-weight:600;color:var(--ink);margin:18px 0 10px}.item-req{font-style:normal;font-size:11px;font-weight:700;color:var(--gold);background:#d6ab5e24;padding:2px 8px;border-radius:999px;margin-left:6px;letter-spacing:.3px}.bed-slots{display:flex;gap:10px;padding:12px 15px 14px;background:#fffdf9}.bed-slot{position:relative;flex:1;max-width:84px;padding:10px 6px 8px;border:2px solid var(--line-strong);border-radius:14px;background:#fff;color:#b6ac99;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:inherit;transition:all .15s}.bed-slot i{font-style:normal;font-size:12px;font-weight:800}.bed-slot .bed-check{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:var(--gold);color:#fff;font-size:11px;font-weight:800;display:none;align-items:center;justify-content:center;box-shadow:0 2px 6px #3c2d144d}.bed-slot.on{border-color:var(--gold);background:#d6ab5e21;color:var(--gold-d, #b8862f);transform:translateY(-2px);box-shadow:0 6px 14px #b8862f38}.bed-slot.on .bed-check{display:flex;animation:pop-in .18s ease-out}.bed-slot:active{transform:scale(.94)}.bed-slots-mini{padding:0;background:none;gap:4px}.bed-slots-mini .bed-slot{max-width:none;flex:none;width:30px;height:30px;padding:0;border-radius:9px;font-size:14px;border-width:1.5px;filter:grayscale(1) opacity(.55)}.bed-slots-mini .bed-slot.on{filter:none}.bed-slots-mini .bed-slot .bed-check{display:none!important}@keyframes pop-in{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}.price-pop{animation:price-pop .28s ease-out;display:inline-block}@keyframes price-pop{0%{transform:scale(1)}40%{transform:scale(1.12);color:var(--gold)}to{transform:scale(1)}}.price.price-pop{display:block}.geo{background:#f6f1e8;padding:56px 22px 60px;text-align:center}.geo-sub{color:var(--muted);margin:0 0 22px}.geo-map{max-width:1080px;margin:0 auto;height:440px;border-radius:20px;border:1px solid var(--line);box-shadow:0 14px 40px #3c2d141a;z-index:0}@media (max-width: 700px){.geo-map{height:340px}}.beach-pin-wrap{background:none;border:0}.beach-pin{width:44px;height:44px;border-radius:50%;background:#d6ab5e;border:3px solid var(--pin, #0f4c5c);box-shadow:0 4px 14px #00000052;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:transform .15s;overflow:hidden}.beach-pin img{width:32px;height:32px;object-fit:contain}.beach-pin:hover{transform:scale(1.12)}.beach-pin-tip{position:absolute;top:42px;left:50%;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--pin, #0f4c5c);filter:drop-shadow(0 2px 2px rgba(0,0,0,.25));pointer-events:none}.beach-pin-label{position:absolute;top:54px;left:50%;transform:translate(-50%);white-space:nowrap;background:#fffdf9f2;border:1px solid var(--line-strong);color:var(--ink);font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;box-shadow:0 2px 8px #3c2d142e;pointer-events:none}.topup-current{margin-top:16px;background:#fffdf9;border:1px solid var(--line);border-radius:14px;padding:14px 16px}.topup-set{font-size:19px;font-weight:700;color:var(--teal)}.topup-limit{text-align:center;padding:26px 10px 8px}.topup-limit-icon{font-size:44px;margin-bottom:8px}.topup-limit b{font-size:18px;display:block;margin-bottom:6px}.promo-ok{color:var(--occupied, #2f9e5b);font-size:13px;font-weight:600;margin-top:6px}.promo-bad{color:var(--blocked, #b0392b);font-size:13px;margin-top:6px}