.s-water-overview__gallery{--photo-height:500px;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);grid-template-areas:"title title""map photo";gap:38px 8px;display:grid}.s-water-overview__gallery._no-images{grid-template-areas:"title title""map map"}.s-water-overview__details{grid-area:title;grid-template-columns:auto 310px;grid-template-areas:"type actions""heading actions""description actions";gap:10px 40px;display:grid}.s-water-overview__details-heading{color:#002e38;grid-area:heading;align-items:center;gap:0 20px;font-size:52px;font-weight:700;line-height:1.2;display:flex}.s-water-overview__details-type{color:#708990;grid-area:type;font-size:18px}.s-water-overview__actions{grid-area:actions;justify-content:space-between;align-items:center;gap:0 10px;display:flex}.s-water-overview__actions-btn{color:#325761;background-color:#f0f0f0;border-radius:30px;padding:14px;font-size:18px;font-weight:600;transition:background-color .2s ease-in}.s-water-overview__actions-btn>svg{transition:transform .1s ease-out}.s-water-overview__actions-btn:hover{background-color:#ddd}.s-water-overview__actions-btn:hover>svg{transform:scale(1.15)}.s-water-overview__actions-btn:active{background-color:#ccc}.s-water-overview__actions-btn._log{flex-grow:1;justify-content:center;align-items:center;gap:0 8px;padding:12px 14px;display:inline-flex}.s-water-overview__details-badge{width:40px;height:40px;margin-top:10px}.s-water-overview__details-description{grid-area:description;align-items:center;gap:0 12px;display:flex}.s-water-overview__details-stars{color:#325761;align-items:center;gap:5px;font-size:18px;font-weight:500;display:flex}.s-water-overview__details-review,.s-water-overview__details-miles{color:#708990}.s-water-overview__details-miles{padding-left:10px;position:relative}.s-water-overview__details-miles:before{content:"";background-color:#708990;border-radius:50%;width:3px;height:3px;margin:auto 0;position:absolute;top:0;bottom:0;left:0}.s-water-overview__map{height:var(--photo-height);border-radius:32px 4px 4px 32px;grid-area:map;position:relative}._no-images>.s-water-overview__map{border-radius:32px}.s-water-overview__map-marker{filter:drop-shadow(0 2px 4px #0003);pointer-events:none;width:40px;margin:auto;display:block;position:absolute;inset:0}.s-water-overview__map-btn{border:1px solid #fff;border-radius:10px;width:64px;height:64px;display:none;position:absolute;bottom:15px;right:16px;overflow:hidden}.s-water-overview__map-btn-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.s-water-overview__photo{height:var(--photo-height);border-radius:4px 32px 32px 4px;grid-area:photo;position:relative}.s-water-overview__photo:hover>.s-water-overview__photo-img{transform:scale(1.03)rotate(1deg)}.s-water-overview__photo:hover>.s-water-overview__photo-amount{background-color:#000000b3}.s-water-overview__photo._multiple{flex-direction:column;gap:8px 0;display:flex}.s-water-overview__photo._multiple>.s-water-overview__photo-img{flex:0 0 50%;height:50%;min-height:0}.s-water-overview__photo-img{transition:transform .2s ease-out}.s-water-overview__photo-amount{color:#fff;background-color:#00000080;border-radius:10px;align-items:center;gap:0 6px;padding:12px 16px;font-size:18px;font-weight:500;transition:background-color .2s ease-out;display:flex;position:absolute;bottom:20px;right:20px}.s-water-overview__photo-icon{width:20px;height:20px}.s-water-overview__photo,.s-water-overview__map{position:relative;overflow:hidden}.s-water-overview__photo-img,.s-water-overview__map-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}@media screen and (max-width:1200px){.s-water-overview__gallery{--photo-height:430px}}@media screen and (max-width:1024px){.s-water-overview__gallery{--photo-height:320px}.s-water-overview__map{height:320px}.s-water-overview__map-marker{height:32px}}@media screen and (max-width:768px){.s-water-overview__gallery._no-images,.s-water-overview__gallery{--photo-height:320px;grid-template-columns:minmax(0,1fr);grid-template-areas:"map""title";gap:14px 0;position:relative}.s-water-overview__details-type{font-size:16px}.s-water-overview__details-heading{gap:0 8px;font-size:32px}.s-water-overview__details-badge{width:20px;height:20px;margin-top:5px}.s-water-overview__details{grid-template-columns:1fr;gap:8px 0}.s-water-overview__actions{z-index:1;position:absolute;top:16px;right:16px}.s-water-overview__actions-btn{border-radius:20px;width:38px;height:38px;padding:8px;font-size:0}.s-water-overview__actions-btn._log{gap:0;padding:8px}.s-water-overview__photo,.s-water-overview__photo._multiple{display:none}.s-water-overview__map{border-radius:16px;height:240px}.s-water-overview__map-btn{display:block}.s-water-overview__map-marker{height:26px}}
.b-ai-insights{background-color:#f7f7f7;border-radius:16px;grid-area:ai-insights;padding:30px 35px}.b-ai-insights__title{color:#002e38;align-items:center;gap:0 12px;font-size:24px;font-weight:600;display:flex}.b-ai-insights__body{background-color:#fff;border-radius:12px;margin-top:14px;padding:18px}.b-ai-insights__body-text{color:#325761;font-size:16px}.b-ai-insights__agent{--avatar-size:40px;grid-template-columns:var(--avatar-size) 1fr max-content;grid-template-areas:"avatar title btn""avatar text btn";align-items:center;gap:0 15px;margin-top:20px;display:grid}.b-ai-insights__agent-avatar{grid-area:avatar;position:relative}.b-ai-insights__agent-avatar-img{width:var(--avatar-size);height:var(--avatar-size);border-radius:50%}.b-ai-insights__agent-avatar:after{content:"";background-color:#00d652;border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:0;right:0}.b-ai-insights__agent-title{color:#002e38;grid-area:title;font-size:16px;font-weight:500}.b-ai-insights__agent-text{color:#708990;grid-area:text;font-size:16px}.b-ai-insights__agent-btn{-webkit-text-fill-color:transparent;cursor:pointer;background-image:linear-gradient(190deg,#9e50e6,#5087e6,#53ccdc);-webkit-background-clip:text;border:1px solid #5087e6;border-radius:25px;grid-area:btn;align-items:center;gap:0 10px;padding:10px 20px;font-size:16px;font-weight:600;display:flex;position:relative;overflow:hidden}.b-ai-insights__agent-btn>svg{transition:transform .2s ease-in}.b-ai-insights__agent-btn:after{content:"";opacity:0;background-image:linear-gradient(190deg,#9e50e64d,#5087e64d,#53ccdc4d);width:100%;height:100%;transition:opacity .1s ease-in;position:absolute;top:0;left:0}.b-ai-insights__agent-btn:hover:after{opacity:1}.b-ai-insights__agent-btn:active:after{opacity:.5;transition:none}.b-ai-insights__agent-btn:hover>svg{transform:scale(1.3)rotate(90deg)}@media screen and (max-width:1200px){.b-ai-insights{margin-top:20px}}@media screen and (max-width:1024px){.b-ai-insights__body-text{font-size:18px}}@media screen and (max-width:768px){.b-ai-insights{margin-top:10px;padding:16px 18px}.b-ai-insights__title{font-size:16px}.b-ai-insights__body-text{font-size:14px}.b-ai-insights__body{padding:16px}.b-ai-insights__agent{--avatar-size:36px;grid-template-columns:var(--avatar-size) 1fr;grid-template-areas:"avatar title""avatar text""btn btn";gap:0 8px}.b-ai-insights__agent-btn{justify-content:center;gap:0 8px;margin-top:14px;font-size:16px}.b-ai-insights__agent-title,.b-ai-insights__agent-text{font-size:14px}}
.nav-page{margin-bottom:30px}.l-page-navigation{border-bottom:1px solid #e1e5e6;align-items:center;gap:40px;display:flex}.l-page-navigation__link{color:#325761;padding:12px 0;font-size:20px;transition:color .1s ease-in;display:block;position:relative}.l-page-navigation__link:hover,.l-page-navigation__link._active{color:#00a1c6}.l-page-navigation__link._active:after{content:"";background-color:#00a1c6;height:2px;position:absolute;bottom:-1px;left:0;right:0}@media screen and (max-width:768px){.nav-page{display:none}}
.s-weather{scroll-margin-top:48px;margin-top:46px!important}.b-weather-table{background-color:#f7f7f7;border-radius:32px;margin-top:40px;padding:30px 35px}.l-weather{grid-template-columns:repeat(7,minmax(0,1fr));gap:25px 20px;display:grid}.l-weather__item{text-align:center;background-color:#fff;border-radius:20px;padding:20px 20px 15px}.l-weather__date{text-transform:uppercase;font-size:18px;font-weight:600}.l-weather__percentage{margin-top:25px;font-size:40px;font-weight:700}._good>.l-weather__percentage,._excellent>.l-weather__percentage{color:#02a17b}._good>.l-weather__state,._excellent>.l-weather__state{color:#02a17b;background-color:#c4f3e8}._average>.l-weather__percentage{color:#e48612}._average>.l-weather__state{color:#e48612;background-color:#ffead3}._bad>.l-weather__percentage{color:#b41a1a}._bad>.l-weather__state{color:#b41a1a;background-color:#f8d2d2}.l-weather__state{text-transform:uppercase;border-radius:6px;margin-top:5px;padding:7px;font-size:18px;font-weight:600}.l-weather__time{color:#325761;border-top:1px solid #70899033;margin-top:30px;padding-top:25px;font-size:18px}.l-weather__hours{color:#002e38;text-transform:uppercase;align-items:center;gap:10px;margin-top:5px;font-size:20px;font-weight:600;display:flex}@media screen and (max-width:1024px){.b-weather-table{margin-top:30px;padding:25px 20px}}@media screen and (max-width:768px){.s-weather{background-color:#f7f7f7;padding:20px 0;margin-top:26px!important}.b-weather-table{margin-top:25px;padding:0}}
.s-weakly-forecast{scroll-margin-top:48px}.b-weakly-forecast{margin-top:35px}.l-weakly-forecast{grid-template-columns:repeat(7,minmax(min-content,1fr));gap:0 15px;display:grid;overflow:auto}.l-weakly-forecast__item{text-align:center;background-image:linear-gradient(#edfdf900,#edfdf9);border:1px solid #d9f0e6;border-radius:12px;padding:20px 20px 15px}.l-weakly-forecast__item._average{background-image:linear-gradient(#fff,#fff4e7);border:1px solid #fbefdf}.l-weakly-forecast__item._poor{background-image:linear-gradient(#fff,#ffe7e7);border:1px solid #f4dddd}.l-weakly-forecast__date{color:#708990;font-size:16px;font-weight:500}.l-weakly-forecast__date._today{color:#fff;background-color:#009d5b;border-radius:4px;padding:0 14px;line-height:1.6;display:inline-block}._poor>.l-weakly-forecast__date._today{background-color:#b41a1a}._average>.l-weakly-forecast__date._today{background-color:#e48612}.l-hour-columns{justify-content:center;align-items:flex-end;gap:20px;height:120px;margin-top:30px;display:flex}.l-hour-columns__item{background-image:linear-gradient(#00ad64,#337e5f);border-radius:10px;width:12px;height:100%;position:relative}.l-hour-columns__item._average{background-image:linear-gradient(#e9b54b,#af852c)}.l-hour-columns__item._poor{background-image:linear-gradient(#bd5841,#a54c38)}.l-hour-columns__item:after{content:attr(data-attr-hour);white-space:nowrap;color:#708990;width:36px;font-size:10px;position:absolute;bottom:-20px;left:-12px}.l-weakly-forecast__status{color:#009d5b;text-transform:uppercase;margin-top:30px;font-size:16px;font-weight:600}.l-weakly-forecast__status>strong{font-size:40px;font-weight:700;line-height:1.3;display:block}._average>.l-weakly-forecast__status{color:#e48612}._poor>.l-weakly-forecast__status{color:#b41a1a}.l-weakly-forecast__time{color:#708990;margin-top:22px;font-size:16px}.l-weakly-forecast__hours{color:#325761;text-transform:uppercase;justify-content:center;align-items:center;gap:5px;font-size:16px;font-weight:500;display:flex}@media screen and (max-width:768px){.s-weakly-forecast{margin-top:26px!important}.l-weakly-forecast{gap:0 8px;margin-top:20px}}
.s-hot-spots{color:#002e38;scroll-margin-top:48px;font-size:40px;font-weight:600;margin-top:100px!important}.b-hot-spots{--map-height:430px;height:var(--map-height);grid-template-columns:.6fr .4fr;gap:0 25px;margin-top:35px;display:grid}.b-hot-spots._has-more{grid-template-rows:1fr 30px}.b-hot-spots__map>.mapboxgl-map{border-radius:32px;width:100%;height:100%}.b-hot-spots .mapboxgl-canvas{height:var(--map-height)!important}.b-hot-spots__marker{cursor:pointer;background:0 0;border:0;padding:0;transition:transform .1s ease-out;display:block}.b-hot-spots__marker svg{display:block}.b-hot-spots__marker._hover,.b-hot-spots__marker:hover{transform:scale(1.2)}.b-hot-spots__marker:focus-visible{outline-offset:4px;border-radius:12px;outline:3px solid #00a1c6}.b-hot-spots__popup>.mapboxgl-popup-content{color:#002e38;font-size:14px;box-shadow:0 4px 20px #00000029;padding:18px 30px 18px 18px!important}.b-hot-spots__popup .mapboxgl-popup-close-button{border-radius:0 12px;width:28px;height:28px;margin-right:0;font-size:22px}.b-hot-spots__popup-name{overflow-wrap:anywhere;font-size:16px;font-weight:600}.b-hot-spots__popup-coords{color:#667085;margin-top:4px}.b-hot-spots__popup-link{color:#00a1c6;text-underline-offset:3px;margin-top:10px;font-weight:600;display:inline-block}.b-hot-spots__popup-link:hover{text-decoration:underline}.b-hot-spots__empty{color:#667085;justify-content:center;align-items:center;height:100%;font-size:18px;font-weight:500;display:flex}.b-hot-spots__btn-more{justify-content:center;align-items:center;gap:0 8px;margin-top:10px;font-size:18px;line-height:1;display:flex}.b-hot-spots__btn-more:hover{text-decoration:underline}.l-hot-spots{overflow:auto}.l-hot-spots__item+.l-hot-spots__item{margin-top:15px}.l-hot-spots__link{background-color:#f7f7f7;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:15px 20px;transition:background-color .1s ease-in;display:flex}.l-hot-spots__link-icon{flex-shrink:0;transition:transform .1s ease-out}.l-hot-spots__link:hover{background-color:#0000001a}.l-hot-spots__link:hover .l-hot-spots__link-icon{transform:translate(10px)}.l-hot-spots__name{color:#002e38;font-size:20px;font-weight:600}.l-hot-spots__coords{color:#7e969c;margin-top:5px;font-size:18px;font-weight:400}@media screen and (max-width:1024px){.b-hot-spots{gap:0 12px}.b-hot-spots__map>.mapboxgl-map{border-radius:18px}.l-hot-spots__link{padding:12px 18px}.l-hot-spots__name{font-size:18px}.l-hot-spots__coords{font-size:16px}.s-hot-spots{margin-top:80px!important}}@media screen and (max-width:768px){.s-hot-spots{margin-top:48px!important}.b-hot-spots{--map-height:310px;grid-template-columns:1fr;margin-top:16px}.b-hot-spots__map>.mapboxgl-map{border-radius:14px}.b-hot-spots__btn-more{font-size:16px}.l-hot-spots{display:none}}
.s-default__title{color:#002e38;font-size:40px;font-weight:600}.s-water-overview{margin-top:40px!important}.s-water-overview__summary{grid-template-columns:minmax(0,1fr) minmax(0,510px);grid-template-areas:"spot-stats bite-score""ai-insights bite-score";gap:15px 20px;margin-top:40px;display:grid}.s-water-overview__summary._no-stats{grid-template-columns:minmax(0,1fr);grid-template-areas:"ai-insights""bite-score";gap:15px 0}.l-spot-stats{background-color:#f7f7f7;border-radius:16px;grid-area:spot-stats;grid-template-columns:repeat(5,minmax(0,1fr));padding:30px 0;display:grid}.l-spot-stats__item{text-align:center;flex-direction:column;justify-content:center;padding:0 12px;display:flex}.l-spot-stats__item+.l-spot-stats__item{border-left:1px solid #e1e5e6}.l-spot-stats__value{color:#002e38;word-break:break-word;font-size:24px;font-weight:600}.l-spot-stats__label{color:#708990;font-size:18px}@media screen and (max-width:1200px){.s-water-overview__summary{display:block}}@media screen and (max-width:1024px){.s-default__title{font-size:32px}}@media screen and (max-width:768px){.s-default__title{font-size:24px;line-height:1.3}.s-water-overview{margin-top:8px!important}.s-water-overview__summary{margin-top:30px}.l-spot-stats{padding:14px 0}.l-spot-stats__item{padding:0 8px}.l-spot-stats__value{font-size:14px}.l-spot-stats__label{font-size:12px}}