.service-locations{width:100%;background:#fff;padding:60px 0}.service-locations__container{max-width:1200px;margin:0 auto;padding:0 20px}.service-locations__header{text-align:center;margin-bottom:60px}.service-locations__title{color:#304447;font-size:32px;font-family:Noto Sans TC,Arial,sans-serif;font-weight:700;line-height:1.3;letter-spacing:.5px;margin:0;position:relative;display:inline-block}.service-locations__colored-border{display:block!important;height:4px;width:100%;margin-top:12px;background:linear-gradient(90deg,#8155a3 0% 25%,#f2c01c 25% 50%,#ef7f30 50% 75%,#4270b7 75% 100%);border-radius:2px}.service-locations__content{display:flex;flex-direction:column}.service-locations__primary-heading{text-align:center}.service-locations__heading-container{display:flex;justify-content:center;align-items:center}.service-locations__heading-title{color:#304447;font-size:28px;font-family:Noto Sans TC,Arial,sans-serif;font-weight:700;line-height:1.3;letter-spacing:.5px;margin:0;position:relative;display:inline-block}@media screen and (min-width: 750px){.service-locations__heading-title{font-size:32px}}.service-locations__hk-areas{margin-top:60px}.service-locations__area-menu{display:flex;justify-content:center;gap:2px;margin-bottom:40px;background:#f5f5f5;border-radius:8px;padding:4px;max-width:600px;margin-left:auto;margin-right:auto}.service-locations__area-btn{flex:1;padding:12px 20px;background:transparent;border:none;border-radius:6px;font-family:Noto Sans TC,Arial,sans-serif;font-size:16px;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease;text-align:center}.service-locations__area-btn:hover{color:#304447;background:#ffffffb3}.service-locations__area-btn.active{color:#304447;background:#fff;box-shadow:0 2px 8px #0000001a;position:relative}.service-locations__area-btn.active:after{content:"";display:block;height:3px;width:60%;margin:8px auto 0;background:linear-gradient(90deg,#8155a3 0% 25%,#f2c01c 25% 50%,#ef7f30 50% 75%,#4270b7 75% 100%);border-radius:2px}.service-locations__area-content{display:none}.service-locations__area-content.active{display:block}.service-locations__district-group{margin-bottom:40px;background:#ededed;border-radius:12px;padding:30px}.service-locations__district-title{color:#304447;font-size:20px;font-family:Noto Sans TC,Arial,sans-serif;font-weight:700;line-height:1.3;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #ddd}.service-locations__service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-locations__service-item{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 4px #0000000d}.service-locations__service-name{color:#304447;font-size:18px;font-family:Noto Sans TC,Arial,sans-serif;font-weight:600;line-height:1.3;margin-bottom:8px}.service-locations__service-address{color:#666;font-size:15px;line-height:1.5;margin-bottom:4px}.service-locations__service-phone{color:#2b72d8;font-size:15px;font-weight:600}.service-locations__area-menu--fixed{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#f5f5f5f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:2px solid #e0e8f0;box-shadow:0 -8px 32px #2b72d826;transform:translateY(100%);transition:transform .3s ease;padding:4px;margin:0;border-radius:0;max-width:none;display:flex;justify-content:center;gap:2px;flex-wrap:wrap}.service-locations__area-menu--fixed:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8155a3 0% 25%,#f2c01c 25% 50%,#ef7f30 50% 75%,#4270b7 75% 100%)}.service-locations__area-menu--fixed.show{transform:translateY(0)}.service-locations__area-menu--fixed .service-locations__area-btn{flex:1;padding:12px 20px;background:transparent;border:none;border-radius:6px;font-family:Noto Sans TC,Arial,sans-serif;font-size:16px;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease;text-align:center}.service-locations__area-menu--fixed .service-locations__area-btn:hover{color:#304447;background:#ffffffb3}.service-locations__area-menu--fixed .service-locations__area-btn.active{color:#304447;background:#fff;box-shadow:0 2px 8px #0000001a;position:relative}.service-locations__area-menu--fixed .service-locations__area-btn.active:after{content:"";display:block;height:3px;width:60%;margin:8px auto 0;background:linear-gradient(90deg,#8155a3 0% 25%,#f2c01c 25% 50%,#ef7f30 50% 75%,#4270b7 75% 100%);border-radius:2px}.service-locations__location-block{background:#ededed;overflow:hidden}.service-locations__location-header{padding:30px 30px 0}.service-locations__location-title{color:#304447;font-size:24px;font-family:Noto Sans TC,Arial,sans-serif;font-weight:700;line-height:1.3;margin:0}.service-locations__location-description{padding:20px 30px;color:#666;font-size:16px;line-height:1.6}.service-locations__location-description p{margin:0 0 12px}.service-locations__location-description p:last-child{margin-bottom:0}.service-locations__location-description a{color:#2b72d8;text-decoration:none;transition:color .3s ease}.service-locations__location-description a:hover{color:#1a5bb8;text-decoration:underline}.service-locations__location-image{width:100%;overflow:hidden}.service-locations__location-image img{width:100%;height:auto;object-fit:cover}@media screen and (max-width: 990px){.service-locations{padding:50px 0}.service-locations__container{padding:0 30px}.service-locations__header{margin-bottom:50px}.service-locations__title{font-size:28px}.service-locations__location-title{font-size:22px}.service-locations__location-description{font-size:15px}.service-locations__hk-areas{margin-top:50px}.service-locations__area-menu{margin-bottom:30px}.service-locations__area-btn{font-size:15px;padding:10px 16px}.service-locations__district-group{margin-bottom:30px;padding:25px}.service-locations__district-title{font-size:18px}.service-locations__service-name{font-size:16px}.service-locations__service-list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 750px){.service-locations{padding:40px 0}.service-locations__container{padding:0 20px}.service-locations__header{margin-bottom:40px}.service-locations__title{font-size:24px}.service-locations__location-header{padding:25px 25px 0}.service-locations__location-title{font-size:20px}.service-locations__location-description{padding:15px 25px 25px;font-size:14px}.service-locations__area-menu{flex-direction:column;gap:8px;margin-bottom:25px}.service-locations__area-btn{font-size:14px;padding:12px 16px}.service-locations__district-group{margin-bottom:25px;padding:20px}.service-locations__district-title{font-size:16px}.service-locations__service-item{padding:15px}.service-locations__service-name{font-size:15px}.service-locations__service-address,.service-locations__service-phone{font-size:14px}.service-locations__service-list{grid-template-columns:1fr}}@media screen and (max-width: 480px){.service-locations{padding:30px 0}.service-locations__container{padding:0 15px}.service-locations__title{font-size:20px}.service-locations__location-header{padding:20px 20px 0}.service-locations__location-title{font-size:18px}.service-locations__location-description{padding:12px 20px 20px;font-size:13px}.service-locations__hk-areas{margin-top:30px}.service-locations__area-menu{flex-direction:column;gap:6px;margin-bottom:20px;padding:3px}.service-locations__area-btn{font-size:13px;padding:10px 12px}.service-locations__district-group{margin-bottom:20px;padding:15px}.service-locations__district-title{font-size:14px;margin-bottom:15px}.service-locations__service-item{padding:12px}.service-locations__service-name{font-size:14px}.service-locations__service-address,.service-locations__service-phone{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/service-locations.css.map */