.map-section{background-color:var(--color-white);margin:0 auto;max-width:1400px;padding:40px 40px 80px;width:100%}.map-header{margin-bottom:32px;text-align:center}.map-header h1{color:var(--color-dark-navy);font-family:var(--font-heading);font-size:42px;font-weight:300;letter-spacing:-.5px;line-height:1.2;margin:0 0 16px}.map-header p{color:var(--color-text-secondary);font-family:var(--font-body);font-size:17px;line-height:1.7;margin:0}.map-layout{background:var(--color-white);border:2px solid rgba(25,44,73,.08);border-radius:12px;box-shadow:0 12px 48px rgba(25,44,73,.15),0 4px 16px rgba(0,0,0,.1);display:grid;gap:0;grid-template-columns:360px 1fr;height:700px;overflow:hidden}.destinations-panel{background:linear-gradient(180deg,#f8f7f6 0,var(--color-bg-primary) 100%);border-right:2px solid rgba(25,44,73,.12);box-shadow:inset -4px 0 8px rgba(25,44,73,.03);display:flex;flex-direction:column;height:100%;overflow:hidden}.panel-header{background:linear-gradient(135deg,var(--color-dark-navy) 0,#243a5e 100%);border-bottom:3px solid var(--color-accent-green);box-shadow:0 4px 12px rgba(25,44,73,.2);gap:12px;padding:32px 24px 24px}.header-icon,.panel-header{align-items:center;display:flex;flex-shrink:0}.header-icon{background:var(--color-accent-green);border-radius:10px;box-shadow:0 4px 12px rgba(106,157,56,.4);color:var(--color-white);height:40px;justify-content:center;width:40px}.panel-header h3{color:var(--color-white);font-family:var(--font-heading);font-size:20px;font-weight:600;letter-spacing:0;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.search-box{flex-shrink:0;margin:20px 20px 16px;position:relative}.search-box svg{color:var(--color-text-secondary);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:var(--color-white);border:2px solid rgba(25,44,73,.1);border-radius:8px;box-sizing:border-box;color:var(--color-dark-navy);font-family:var(--font-body);font-size:14px;padding:12px 14px 12px 42px;transition:all .3s ease;width:100%}.search-box input::placeholder{color:var(--color-text-secondary)}.search-box input:focus{border-color:var(--color-accent-green);box-shadow:0 0 0 3px rgba(106,157,56,.1);outline:none}.destinations-list{flex:1;list-style:none;margin:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 16px 16px}.destinations-list li{background:var(--color-white);border:2px solid rgba(25,44,73,.08);border-radius:10px;box-shadow:0 2px 6px rgba(25,44,73,.05);color:var(--color-dark-navy);cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:500;margin-bottom:6px;overflow:hidden;padding:8px 12px;position:relative;transition:all .3s ease}.destinations-list li:before{background:linear-gradient(180deg,var(--color-accent-green) 0,var(--color-green-hover) 100%);box-shadow:2px 0 8px rgba(106,157,56,.3);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.destinations-list li:hover{background:var(--color-white);border-color:var(--color-accent-green);box-shadow:0 6px 20px rgba(106,157,56,.2);transform:translateX(8px)}.destinations-list li:hover:before{transform:scaleY(1)}.destinations-list li.active{background:linear-gradient(135deg,var(--color-accent-green) 0,var(--color-green-hover) 100%);border-color:var(--color-accent-green);box-shadow:0 6px 24px rgba(106,157,56,.35);color:var(--color-white);transform:translateX(4px)}.panel-footer{background:linear-gradient(180deg,var(--color-bg-primary) 0,#ebe9e7 100%);border-top:2px solid rgba(25,44,73,.1);box-shadow:0 -2px 8px rgba(25,44,73,.05);flex-shrink:0;padding:20px 24px;text-align:center}#destinations-count{color:var(--color-dark-navy);font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.map-canvas{border-left:3px solid var(--color-accent-green);border-radius:0;box-shadow:inset 4px 0 12px rgba(106,157,56,.08);height:100%;overflow:hidden;position:relative}#map{filter:saturate(1.1) contrast(1.05);height:100%;width:100%}.map-controls{bottom:24px;position:absolute;right:24px;z-index:10}.control-btn{align-items:center;background:var(--color-white);border:3px solid var(--color-accent-green);border-radius:12px;box-shadow:0 6px 24px rgba(106,157,56,.25),0 2px 8px rgba(0,0,0,.1);color:var(--color-accent-green);cursor:pointer;display:flex;height:52px;justify-content:center;transition:all .3s ease;width:52px}.control-btn:hover{background:linear-gradient(135deg,var(--color-accent-green) 0,var(--color-green-hover) 100%);border-color:var(--color-accent-green);box-shadow:0 8px 32px rgba(106,157,56,.4),0 4px 12px rgba(0,0,0,.15);color:var(--color-white);transform:scale(1.08)}.mapboxgl-popup{max-width:380px!important;z-index:20}.mapboxgl-popup-content{border-radius:8px!important;box-shadow:0 8px 32px rgba(0,0,0,.15)!important;overflow:hidden;padding:0!important}.box_inner_container{display:block}.box_inner_container a{color:inherit;text-decoration:none}.image_container{height:200px;overflow:hidden;position:relative;width:100%}.image_container:after{background:linear-gradient(0deg,rgba(25,44,73,.6),transparent);bottom:0;content:"";height:60px;left:0;position:absolute;right:0}.image_container img{display:block;height:100%;margin:0;object-fit:cover;width:100%}.text_container{padding:20px}.place_name{color:var(--color-dark-navy)!important;font-family:var(--font-heading)!important;font-size:20px!important;font-weight:600!important;line-height:1.3!important;margin:0 0 12px!important}.mapboxgl-popup-content p{color:var(--color-text-secondary)!important;font-family:var(--font-body)!important;font-size:14px!important;line-height:1.6!important;margin:0!important}button.mapboxgl-popup-close-button{align-items:center;background:var(--color-white)!important;border:none!important;border-radius:50%!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important;color:var(--color-dark-navy)!important;display:flex;font-size:20px!important;height:32px!important;justify-content:center;right:12px!important;top:12px!important;width:32px!important}button.mapboxgl-popup-close-button:hover{background:var(--color-accent-green)!important;color:var(--color-white)!important}.mapboxgl-marker{cursor:pointer}.destinations-list::-webkit-scrollbar{width:6px}.destinations-list::-webkit-scrollbar-track{background:rgba(25,44,73,.05);border-radius:8px;margin:5px 0}.destinations-list::-webkit-scrollbar-thumb{background:var(--color-accent-green);border-radius:8px}.destinations-list::-webkit-scrollbar-thumb:hover{background:var(--color-green-hover)}.mobile-dropdown-toggle{background:var(--color-bg-primary);border:2px solid rgba(25,44,73,.1);border-radius:8px;color:var(--color-dark-navy);cursor:pointer;display:none;font-family:var(--font-body);font-size:15px;font-weight:600;margin-bottom:16px;padding:16px 20px;position:relative;text-align:left;transition:all .3s ease;width:100%}.mobile-dropdown-toggle:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-dark-navy);content:"";height:0;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:transform .3s ease;width:0}.mobile-dropdown-toggle.active:after{transform:translateY(-50%) rotate(180deg)}.mobile-dropdown-toggle:hover{background:var(--color-white);border-color:var(--color-accent-green)}@media (min-width:1400px){.map-section{padding:56px 80px 96px}.map-header{margin-bottom:40px}}@media (max-width:1399px){.map-section{padding:48px 60px 88px}.map-header{margin-bottom:36px}.map-layout{grid-template-columns:320px 1fr;height:650px}.map-header h1{font-size:40px}}@media (max-width:1199px){.map-section{padding:44px 50px 80px}.map-header{margin-bottom:32px}.map-layout{grid-template-columns:300px 1fr;height:600px}.map-header h1{font-size:38px}}@media (max-width:991px){.map-section{padding:40px 40px 72px}.map-header{margin-bottom:32px}.panel-header{padding:28px 20px 20px}.panel-header h3{font-size:18px}.destinations-list li{font-size:13px;padding:12px 14px}.map-header h1{font-size:34px}}@media (max-width:767px){.map-section{padding:36px 30px 64px}.map-header{margin-bottom:28px}.map-header h1{font-size:32px}.map-header p{font-size:15px}.map-layout{border-radius:8px;height:auto}.map-layout,.mobile-dropdown-toggle{display:block}.destinations-panel{border-radius:8px;border-right:none;display:none;height:auto;margin-bottom:16px;max-height:400px}.destinations-panel.active{display:flex}.panel-header{border-radius:8px 8px 0 0;padding:20px 16px 16px}.panel-header h3{font-size:16px}.header-icon{height:36px;width:36px}.search-box{margin:16px 16px 12px}.destinations-list{max-height:280px;padding:0 16px 16px}.destinations-list li{font-size:13px;margin-bottom:4px;padding:12px 14px}.destinations-list li:hover{transform:translateX(4px)}.panel-footer{border-radius:0 0 8px 8px;padding:16px}.map-canvas{border-left:none;border-radius:8px;height:500px}.map-controls{bottom:16px;right:16px}.control-btn{height:44px;width:44px}.mapboxgl-popup{max-width:300px!important}.image_container{height:160px}.text_container{padding:16px}.place_name{font-size:18px!important;margin-bottom:10px!important}.mapboxgl-popup-content p{font-size:13px!important}}@media (max-width:575px){.map-section{padding:32px 20px 56px}.map-header{margin-bottom:24px}.map-header h1{font-size:28px}.map-header p{font-size:14px}.mobile-dropdown-toggle{font-size:14px;padding:14px 18px}.destinations-panel{max-height:350px}.destinations-list{max-height:240px}.map-canvas{height:400px}}@media (max-width:359px){.map-section{padding:28px 16px 52px}.map-header{margin-bottom:20px}.map-header h1{font-size:24px}.map-canvas{height:380px}}.control-btn:focus,.destinations-list li:focus,.mobile-dropdown-toggle:focus,.search-box input:focus{outline:3px solid var(--color-accent-green);outline-offset:2px}@media (prefers-reduced-motion:reduce){.control-btn,.destinations-list li,.mobile-dropdown-toggle,.search-box input{transition:none}}