.distributor-map-page{background-color:#f0f0f0;width:100%;margin:0}.distributor-content-wrapper{width:100%}.distributor-header{padding-top:3rem;padding-bottom:1.6rem}.distributor-title{font-family:Kanit,sans-serif;font-weight:600;font-style:normal;font-size:2.4rem;line-height:1;letter-spacing:0;color:#000;margin:0;text-align:center}.distributor-container{display:flex;flex-direction:column;height:auto;min-height:auto;background:transparent;border-radius:0;border:none;overflow:visible;box-shadow:none}.distributor-map-wrapper{order:1;width:100%;height:35rem;border-radius:0;overflow:hidden;position:relative;z-index:0}#distributor-map{width:100%;height:100%}.distributor-sidebar{order:2;width:100%;border-radius:0;padding:2rem 2rem 8rem;margin-top:-.625rem;z-index:10;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.distributor-search-wrapper{margin-bottom:1.5rem;position:relative}.distributor-search-input{width:100%;height:5rem;padding:0 1.25rem 0 4.375rem;border:1px solid #E5E5E5;border-radius:.5rem;font-size:1.5rem;font-family:Kanit,sans-serif;outline:none}.distributor-search-input:focus{border-color:#000}.search-icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:#666;pointer-events:none;display:flex;align-items:center;justify-content:center}.search-icon svg{width:2rem;height:2rem}.distributor-list{overflow-y:auto;padding-right:0;height:40rem}.distributor-item{background:#f7f7f7;padding:1.5rem;margin-bottom:1rem;border-radius:1rem;border:2px solid transparent;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.distributor-item:last-child{margin-bottom:0}.distributor-item:hover{background:#e0e0e0}.distributor-item.active{background:#f7f7f7;border-color:#ff6b00}.distributor-name{font-family:Kanit,sans-serif;font-weight:700;font-style:normal;font-size:2.25rem;line-height:1.2;letter-spacing:0;margin-bottom:.5rem;color:#000}.distributor-address{font-family:Kanit,sans-serif;font-weight:300;font-style:normal;font-size:2rem;line-height:1.5;letter-spacing:0;color:#000;margin-bottom:.5rem}.distributor-divider{height:1px;border:none;background-color:#0000001a;margin:.5rem 0;width:100%;display:block;line-height:0;font-size:0;overflow:hidden}.distributor-contact-row{display:flex;align-items:center;gap:.625rem;margin-bottom:.25rem}.contact-icon{width:2rem;height:2rem;object-fit:contain;flex-shrink:0}.distributor-phone,.distributor-email{font-family:Kanit,sans-serif;font-weight:300;font-style:normal;font-size:2rem;line-height:1.5;letter-spacing:0;color:#000}.distributor-loading{padding:1.25rem;text-align:center;color:#999;font-family:Kanit,sans-serif}.leaflet-bar a,.leaflet-control-custom,.leaflet-bar.leaflet-control.leaflet-control-custom{width:3rem!important;height:3rem!important;line-height:3rem!important;display:flex!important;align-items:center;justify-content:center;box-sizing:border-box!important;background-color:#fff!important;color:#000!important;cursor:pointer;border:0}.leaflet-control-custom svg{width:2rem;height:2rem}.leaflet-touch .leaflet-control-zoom,.leaflet-touch .leaflet-bar,.leaflet-control{border:none!important;box-shadow:none!important}.leaflet-control-custom{margin-bottom:1.25rem!important;margin-top:.625rem!important}.leaflet-bottom.leaflet-right{bottom:1.25rem;right:1.25rem;display:flex;flex-direction:column;align-items:center}.leaflet-popup-content-wrapper{border-radius:.5rem;padding:1rem!important;box-shadow:0 .1875rem .875rem #00000026}.custom-popup .leaflet-popup-content-wrapper{min-width:15.625rem;max-width:25rem}.custom-popup .leaflet-popup-content{margin:0;font-family:Kanit,sans-serif;font-size:1.25rem;line-height:1.25rem;color:#333}.custom-popup .leaflet-popup-content b{font-weight:600;font-size:1.25rem;color:#000;display:block;margin-bottom:.25rem}.leaflet-popup-close-button{font-size:1.25rem!important;padding:.25rem .5rem!important;color:#666!important}.leaflet-popup-close-button:hover{color:#000!important}.leaflet-popup-tip{background:#fff}.distributor-list::-webkit-scrollbar{width:.375rem}.distributor-list::-webkit-scrollbar-track{background:transparent}.distributor-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:.1875rem}@media (min-width: 990px){.distributor-map-page{padding:5rem 1.25rem 7rem;display:flex;justify-content:center;align-items:flex-start}.distributor-header{margin-bottom:2.7rem;padding:0}.distributor-title{font-size:4rem;text-align:left}.distributor-container{flex-direction:row;gap:0;height:62.2rem}.distributor-sidebar{order:1;width:40rem;height:100%;flex:none;border-top-right-radius:0;border-bottom-right-radius:0;padding:0 2rem 0 0;margin-top:0;z-index:0}.distributor-search-wrapper{margin-bottom:1.25rem}.distributor-search-input{height:auto;padding:.75rem 1rem .75rem 2.625rem;font-size:1.8rem;border:1px solid rgba(0,0,0,.3);border-radius:.6rem}.search-icon{left:.5rem}.search-icon svg{width:1.8rem;height:1.8rem}.distributor-list{padding-right:.3125rem;height:100%}.distributor-item{padding:1.2rem;margin-bottom:1rem;border-radius:.8rem;border:2px solid transparent}.distributor-item.active{background:#f7f7f7;border-color:#ff6b00}.distributor-name{font-size:1.8rem;line-height:2.4rem;margin-bottom:.6rem}.distributor-address{font-size:1.8rem;line-height:2.4rem;color:#333;margin-bottom:.5rem}.distributor-phone,.distributor-email{font-size:1.6rem;line-height:2.4rem;color:#333}.contact-icon{width:1.6rem;height:1.6rem}.distributor-divider{margin:.6rem 0}.distributor-map-wrapper{order:2;flex:1;width:88rem;height:100%;border-radius:1rem;margin-top:0}#distributor-map{height:100%}.leaflet-bar a,.leaflet-control-custom,.leaflet-bar.leaflet-control.leaflet-control-custom{width:2rem!important;height:2rem!important;line-height:2rem!important}.leaflet-control-custom svg{width:1.5rem;height:1.5rem}.leaflet-bottom.leaflet-right{bottom:1.25rem;right:1.25rem}.leaflet-popup-content-wrapper{border-radius:.5rem;padding:1.6rem!important}.custom-popup .leaflet-popup-content-wrapper{min-width:20rem;max-width:40rem}.custom-popup .leaflet-popup-content{font-size:1.4rem;line-height:2rem}.custom-popup .leaflet-popup-content b{font-size:1.6rem}.leaflet-popup-close-button{font-size:1.25rem!important;padding:.25rem .5rem!important}}@media (max-width: 990px){.distributor-map-page .distributor-map-page-wrapper{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/distributor-map.css.map */