/* Contact Us 页面 main 区域样式 */

.contact_main {padding: 60px 0 0;background-color: #fff;}
.contact_main a{color:#66508F}
.contact_main a:hover{text-decoration: underline;}


/* 内容区块：各 section 同级间距统一 */

.contact_block {margin-bottom: 60px;}



/* 一级标题：LOCATIONS 大号青色加粗全大写 */

.contact_t1 {font-size: clamp(30px, 4vw, 36px);font-weight: 700;font-family: 'Pop_M', Arial, Helvetica, sans-serif;color: #00a8c5;text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: 16px;line-height: 1.2;}

/* 二级标题：BIKE SHOP、各部门标题 中号青色加粗全大写 */

.contact_t2 {font-size: 24px;font-weight: 700;font-family: 'Pop_M', Arial, Helvetica, sans-serif;color: #00a8c5;text-transform: uppercase;letter-spacing: 0.5px;line-height: 1.3;}

/* 表单区标题：大号深色加粗 */

.contact_t3 {font-size: clamp(26px, 3vw, 30px);font-weight: 700;font-family: 'Pop_M', Arial, Helvetica, sans-serif;color: #222;line-height: 1.4;margin-bottom: 12px;}

/* 灰色说明文字 */

.contact_desc {font-size: 14px;font-weight: 400;color: #999;line-height: 1.6;margin-bottom: 30px;}

/* 正文：地址、节假日等常规字重 */

.contact_txt {font-size: 14px;font-weight: 400;color: #333;line-height: 1.8;margin: 0 0 4px;}

/* 加粗正文：Salvage 说明 */

.contact_txt_b {font-size: 14px;font-weight: 700;color: #333;line-height: 1.8;margin: 0 0 16px;}

/* 邮箱链接：青色下划线 */

.contact_link {display: inline-block;font-size: 16px;font-weight: 400;color: #00a8c5;text-decoration: underline;transition: color 0.3s;}

.contact_link:hover {color: #008aa3;}

.strong{font-weight: 700;}

/* 营业时间列表 */

.contact_hours {list-style: none;padding: 0;margin: 0 0 24px;max-width: 320px;}

.contact_hours_item {display: flex;justify-content: space-between;align-items: center;font-size: 14px;font-weight: 400;color: #333;line-height: 2;}

.contact_hours_day {flex-shrink: 0;}

.contact_hours_time {text-align: right;}




.contact_dept_list .contact_t2:not(:first-child) {margin-top: 28px;}




.contact_form_row {display: flex;gap: 20px;margin-bottom: 20px;}

.contact_form_item {flex: 1;min-width: 0;}

.contact_form_item_full {flex: 1 1 100%;}

.contact_input,

.contact_textarea {width: 100%;border: 1px solid #ccc;border-radius: 0;padding: 12px 16px;font-size: 14px;font-weight: 400;color: #333;background: #fff;box-sizing: border-box;outline: none;transition: border-color 0.3s;}

.contact_input::placeholder,

.contact_textarea::placeholder {color: #999;font-weight: 400;}

.contact_input:focus,

.contact_textarea:focus {border-color: #66508F;}

.contact_textarea {min-height: 160px;resize: vertical;}


.contact_btn {display: block;width: 100%;padding: 14px 20px;border: none;border-radius: 0;background-color: #66508F;color: #fff;font-size: 16px;font-weight: 700;font-family: 'Pop_M', Arial, Helvetica, sans-serif;text-transform: capitalize;letter-spacing: 0.5px;cursor: pointer;transition: background-color 0.3s;}

.contact_btn:hover {background-color: #554070;}




.contact_map {width: 100%;height: 450px;background-color: #e8e8e8;display: none;}

.contact_map_iframe {display: block;width: 100%;height: 100%;border: 0;filter: grayscale(100%);}



@media only screen and (max-width: 950px) {

	.contact_main {padding: 40px 0 0;}

	.contact_t1 {font-size: 28px;}

	.contact_t2 {font-size: 20px;}

	.contact_t3 {font-size: 24px;}

	.contact_form_row {flex-direction: column;gap: 16px;}

	.contact_map {height: 320px;}

}

