/* Jing low-risk storefront polish. CSS only, no external assets. */
:root {
  --jing-primary: #2563eb;
  --jing-primary-dark: #1d4ed8;
  --jing-success: #10b981;
  --jing-warning: #f59e0b;
  --jing-danger: #ef4444;
  --jing-text: #172033;
  --jing-muted: #667085;
  --jing-border: #e5e7eb;
  --jing-soft: #f6f8fb;
}

body {
  background: var(--jing-soft);
  color: var(--jing-text);
}

.header {
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

.header_logo,
.header_title .title,
.card__title h3,
.goods_name,
.cate_name {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.section .container,
.desc,
.order_info {
  max-width: 1120px;
}

.section__title-wrap,
.category .category_title,
.goods .goods_title {
  margin-bottom: 12px;
}

.section__title,
.section .section__title_2,
.category .category_title span,
.goods .goods_title span {
  color: var(--jing-text);
  letter-spacing: 0;
}

.section .category .category_box .card,
.section .category .category_box_bak .card,
.desc .sale_message,
.desc .desc_content,
.order_info .info_box {
  border: 1px solid var(--jing-border);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05);
}

.section .category .category_box.active .card,
.section .category .category_box_bak.active .card,
.goods .goods_list .goods_box.active .text_box {
  border-color: var(--jing-primary);
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12), 0 10px 24px rgba(37, 99, 235, 0.12);
}

.category .category_list .category_box,
.category .category_list .category_box_bak,
.goods .goods_list .goods_box {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.card__title h3,
.goods .goods_list .goods_box .goods_name {
  line-height: 1.45;
}

.goods .goods_list .goods_box .goods_name {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.goods .goods_list .goods_box .goods_price,
.jiage,
.paymoney {
  color: var(--jing-danger);
  font-weight: 700;
}

input[type="text"],
input[type="password"],
.keywords,
.phone_num,
input[name="email"],
input[name="couponcode"],
input[name="pwdforsearch1"],
input[name="pwdforsearch2"],
input[name="quantity"] {
  border: 1px solid var(--jing-border) !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: var(--jing-text);
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}

input[type="text"]:focus,
input[type="password"]:focus,
.keywords:focus,
.phone_num:focus,
input[name="email"]:focus,
input[name="couponcode"]:focus,
input[name="pwdforsearch1"]:focus,
input[name="pwdforsearch2"]:focus,
input[name="quantity"]:focus {
  border-color: var(--jing-primary) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
}

#order_box .ure_info_box,
.order_info {
  border-radius: 8px;
}

#order_box .ure_info_box .pay_type .pay_type_box .pay_type_leng,
#order_box .ure_info_box .pay_type .link_type_box .link_type_leng {
  border-radius: 8px;
  border-color: var(--jing-border);
}

#order_box .ure_info_box .pay_type .pay_type_box .pay_type_leng_xz,
#order_box .ure_info_box .pay_type .link_type_box .link_type_leng_xz {
  border-color: var(--jing-primary);
  background: rgba(37, 99, 235, 0.06);
}

.section_buttom .queding_btn .check_pay,
button.check_pay,
footer .to_pay,
.to_pay {
  border-radius: 8px !important;
  background: var(--jing-primary) !important;
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.22) !important;
  color: #fff !important;
  font-weight: 700;
}

.section_buttom .queding_btn .check_pay:hover,
button.check_pay:hover,
.to_pay:hover {
  background: var(--jing-primary-dark) !important;
}

.text_box,
.desc .desc_content,
.desc .sale_message {
  color: var(--jing-text);
  line-height: 1.75;
}

.sale_message {
  border-left: 4px solid var(--jing-warning);
}

.bangz_box .item {
  border-radius: 0 8px 8px 0;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
}

@media (max-width: 768px) {
  body {
    background: #f7f8fb;
  }

  .bangz_box {
    top: 86px !important;
  }

  .bangz_box .item {
    border-radius: 8px 0 0 8px;
  }

  .category .category_list,
  .category .goods_list,
  .goods .goods_list {
    gap: 10px;
  }

  .order_info .info_box {
    margin-bottom: 10px;
  }

  .order_info .info_box .info_left span:nth-child(2) {
    color: var(--jing-text);
    font-weight: 700;
  }

  footer .to_pay,
  .to_pay {
    min-height: 48px;
  }
}