.beaches-page{width:100%;background:#fafafa;padding:12px 20px 80px}.beaches__container{max-width:900px;margin:0 auto}.beaches__header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:5px;padding-top:2px;margin-bottom:10px}.beaches__back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:12px;background:transparent;color:#ff6b35;cursor:pointer;-webkit-tap-highlight-color:transparent}.beaches__back:hover{background:#ededed;transform:translateY(-1px)}.beaches__titles{min-width:0}.beaches__title{font-size:18px;font-weight:600;color:#222;line-height:1.2}.beaches__subtitle{margin-top:2px;font-size:12px;font-weight:500;color:#8a8a8a}.beaches__header-spacer{width:40px;height:40px}.beaches__hero{margin-bottom:14px}.beaches__hero-media{position:relative;border-radius:22px;overflow:hidden;height:150px;background:#eaeaea;touch-action:pan-y}.beaches__hero-empty{width:100%;height:100%;display:grid;place-items:center;color:rgba(255,255,255,.92);font-size:13px;font-weight:700;letter-spacing:.2px}.beaches__empty{display:flex;align-items:center;gap:10px;padding:14px;border-radius:16px;background:#f3f3f3;color:#7a7a7a}.beaches__empty-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:rgba(246,126,57,.12);color:#f67e39;flex:0 0 auto}.beaches__empty-text{font-size:13px;font-weight:600}.beaches__hero-img{width:100%;height:100%;-o-object-fit:fill;object-fit:fill;display:block}.beaches__hero-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55))}.beaches__hero-badge{position:absolute;top:14px;left:14px;background:rgba(246,126,57,.95);color:#fff;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.beaches__hero-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:999px;border:0;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.35);cursor:pointer;transition:background-color .16s ease,opacity .16s ease}.beaches__hero-nav:hover{background:rgba(0,0,0,.5)}.beaches__hero-nav:active{background:rgba(0,0,0,.6)}.beaches__hero-nav--prev{left:10px}.beaches__hero-nav--next{right:10px}.beaches__hero-dots{position:absolute;left:14px;right:14px;bottom:10px;display:flex;gap:6px;justify-content:center;pointer-events:none}.beaches__hero-dot{width:6px;height:6px;border-radius:999px;background:rgba(255,255,255,.55)}.beaches__hero-dot--active{background:rgba(255,255,255,.95)}.beaches__hero-text{position:absolute;left:14px;right:14px;bottom:14px;color:#fff}.beaches__hero-title{font-size:18px;font-weight:700;line-height:1.2;margin-bottom:6px}.beaches__hero-desc{font-size:12px;font-weight:500;opacity:.95;line-height:1.35}.beaches__section{margin-top:14px}.beaches__section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 2px 10px}.beaches__section-title{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#222}.beaches__section-icon{width:18px;height:18px;color:#f67e39;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.beaches__section-icon--pin{color:#f67e39}.beaches__section-icon svg{width:18px;height:18px;display:block}.beaches__hscroll{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.beaches__hscroll::-webkit-scrollbar{height:6px}.beaches__hscroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18);border-radius:6px}.beaches__media-card{width:260px;flex:0 0 auto;text-align:left;border:none;background:#fff;border-radius:18px;padding:10px;box-shadow:0 6px 18px rgba(0,0,0,.06);cursor:pointer;scroll-snap-align:start;transition:transform .2s,box-shadow .2s}.beaches__media-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.1)}.beaches__media-title{font-size:13px;font-weight:800;color:#222;line-height:1.25;margin-bottom:4px;-webkit-line-clamp:2;line-clamp:2}.beaches__media-desc,.beaches__media-title{margin-top:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.beaches__media-desc{font-size:12px;font-weight:600;color:#7a7a7a;line-height:1.35;-webkit-line-clamp:3;line-clamp:3}.beaches__media-thumb{position:relative;width:100%;height:140px;border-radius:14px;overflow:hidden;background:#eaeaea;margin-bottom:8px}.beaches__media-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.beaches__media-thumb--video:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.45))}.beaches__media-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.beaches__media-thumb--video .beaches__media-poster,.beaches__media-thumb--video .beaches__media-video--preview{pointer-events:none}.beaches__media-poster{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.beaches__media-play{left:12px;bottom:12px;width:36px;height:36px;background:rgba(255,255,255,.92);color:#f67e39;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.18)}.beaches__media-duration,.beaches__media-play{position:absolute;border-radius:999px;z-index:2}.beaches__media-duration{right:10px;bottom:10px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;font-weight:800;padding:4px 8px}.beaches__beach-card{width:260px;flex:0 0 auto;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.06);scroll-snap-align:start}.beaches__beach-thumb{width:100%;height:110px;background:#eaeaea}.beaches__beach-thumb-btn{width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.beaches__beach-thumb-btn:focus-visible{outline:2px solid rgba(246,126,57,.6);outline-offset:2px;border-radius:10px}.beaches__beach-img{width:100%;height:100%;-o-object-fit:fill;object-fit:fill;display:block}.beaches__beach-body{padding:10px 10px 12px}.beaches__beach-name{font-size:13px;font-weight:900;color:#222;line-height:1.2;margin-bottom:6px}.beaches__beach-address{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#777;line-height:1.2;margin-bottom:10px}.beaches__beach-pin{width:16px;height:16px;color:#f67e39;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.beaches__beach-pin svg{width:16px;height:16px;display:block}.beaches__beach-route{width:-moz-fit-content;width:fit-content;border:none;background:#f3f3f3;color:#333;font-size:12px;font-weight:800;padding:8px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:background .2s,transform .2s}.beaches__beach-route:hover{background:#ededed;transform:translateY(-1px)}.beaches__beach-route-icon{width:16px;height:16px;color:#f67e39;display:inline-flex;align-items:center;justify-content:center}.beaches__beach-route-icon svg{width:16px;height:16px;display:block}.beaches__amenities{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px}.beaches__amenityIcon{width:36px;height:36px;border-radius:12px;background:rgba(246,126,57,.1);color:#f67e39;display:grid;place-items:center;flex:0 0 auto}.beaches__amenityIcon svg{width:20px;height:20px}.beaches__amenityImg{width:30px;height:30px;display:block}.beaches__mapCard{border-radius:18px;overflow:hidden;border:1px solid #eef2f7;box-shadow:0 10px 22px rgba(17,24,39,.06);background:#f3f4f6}.beaches__map{width:100%;height:220px;background:#e5e7eb}@media (min-width:769px){.beaches__map{height:240px}}.beaches__map-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:1100;display:flex;align-items:stretch;justify-content:stretch}.beaches__map-modal{width:100%;height:100%;background:#fff;display:flex;flex-direction:column}.beaches__map-topbar{height:56px;display:grid;grid-template-columns:56px 1fr 56px;align-items:center;gap:10px;padding:0 12px;border-bottom:1px solid #f0f0f0;background:rgba(255,255,255,.98);backdrop-filter:blur(8px)}.beaches__map-close{width:40px;height:40px;border-radius:14px;border:none;background:#f3f3f3;color:#111;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.beaches__map-close:hover{background:#ededed}.beaches__map-title{font-size:14px;font-weight:900;color:#222;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beaches__map-spacer{width:56px;height:56px}.beaches__map-frame{width:100%;height:calc(100vh - 56px);border:0;display:block}.beaches__modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:1000;display:flex;align-items:center;justify-content:center;padding:18px}.beaches__modal{width:min(920px,100%);background:#fff;border-radius:22px;overflow:hidden;position:relative;box-shadow:0 18px 60px rgba(0,0,0,.35)}.beaches__modal-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:14px;border:none;background:rgba(255,255,255,.92);color:#111;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.beaches__modal-close:hover{background:#fff}.beaches__modal-media{background:#000}.beaches__modal-img,.beaches__modal-video{width:100%;height:min(62vh,520px);display:block;-o-object-fit:contain;object-fit:contain;background:#000}.beaches__modal-text{padding:12px 14px 16px}.beaches__modal-title{font-size:14px;font-weight:900;color:#222;margin-bottom:6px}.beaches__modal-desc{font-size:12px;line-height:1.5;color:#555}@media (max-width:768px){.beaches-page{padding:6px 14px 10px}.beaches__title{font-size:16px}.beaches__subtitle{font-size:11px}.beaches__hero-media{height:150px;border-radius:20px}.beaches__beach-card,.beaches__media-card{width:240px}}