/* =====================================
产品页左右比例，正文区域容器间距（不影响 Header）
===================================== */

@media (min-width: 921px) {

    /* 只控制内容区，不碰 Header */
    .single-product .site-content .ast-container {
        padding-left: 80px !important;
        padding-right: 80px !important;
        margin-top: 20px;
        margin-bottom: 60px;
        box-sizing: border-box;
    }

    /* 左侧图片 */
    .single-product div.product div.images {
        width: 40% !important;
        padding-right: 35px;
        box-sizing: border-box;
    }

    /* 右侧描述 */
    .single-product div.product div.summary {
        width: 60% !important;
        padding-left: 35px;
        box-sizing: border-box;
    }
}

/* ---------- 移动端 ---------- */
@media (max-width: 920px) {
	 #primary.content-area.primary {
        padding-top: 20px;
		   padding-left: 16px;
		   padding-right: 16px;
		   margin-bottom: 10px;
    }
}

/* ================================
   解决数量输入框+Add to Cart按钮，B2Bking数量价格表错位的问题
================================ */
@media (min-width: 921px) {

    /* 1️⃣ 确保 summary 仍是右侧唯一逻辑列 */
    .single-product div.product div.summary {
        width: 60% !important;
        padding-left: 30px;
        box-sizing: border-box;
    }

    /* 2️⃣ 把 B2BKing 的模块限制在 summary 宽度内 */
    .single-product .b2bking_tiered_pricing_table,
    .single-product .b2bking_request_quote_button,
    .single-product form.cart {
        max-width: 60%;
        margin-left: calc(40% + 30px);
        box-sizing: border-box;
    }
}	

/* ================================
   产品标题 
================================ */
.single-product .summary .product_title {
    font-size: 24px;        /* 调整字体大小 */
	 font-weight: 500;
    line-height: 1.3;       /* 行高 */
    margin-bottom: 20px;    /* 下方间距 */
}

/* ================================
   B2BKing 数量价格表
================================ */
.single-product table.b2bking_tiered_price_table,
.single-product table.b2bking_information_table {
    width: 100%;
    border-collapse: collapse;      /* 去掉默认间距 */
    margin: 20px 0;                 /* 表格上下间距 */
}

.single-product table.b2bking_tiered_price_table th,
.single-product table.b2bking_tiered_price_table td,
.single-product table.b2bking_information_table th,
.single-product table.b2bking_information_table td {
    text-align: center;             /* 字体居中 */
    vertical-align: middle;
    padding: 8px 10px;              /* 调整行高与左右间距 */
    border: 1px solid #ddd;         /* 加边框 */
    font-size: 15px;                 /* 调整字体大小 */
    line-height: 1.3;                /* 紧凑行高 */
}

.single-product table.b2bking_tiered_price_table th,
.single-product table.b2bking_information_table th {
    background-color: #f9f9f9;      /* 表头背景可选 */
    font-weight: 600;
}

/* ================================
   询盘按钮样式（宽度 & 间距）
================================ */
.custom-b2bking-quote-button-wrapper {
    margin-top: 16px;
    margin-bottom: 20px;
}

.custom-b2bking-quote-button-wrapper button,
.custom-b2bking-quote-button-wrapper a {
    min-width: 220px;
}

/* 询盘按钮：移动端自适应宽度 */
@media (max-width: 920px) {

    /* 询盘按钮容器 */
    .custom-b2bking-quote-button-wrapper {
        margin-top: 16px;
        margin-bottom: 20px;
    }

    /* 询盘按钮本身 */
    .custom-b2bking-quote-button-wrapper button,
    .custom-b2bking-quote-button-wrapper a {
        width: auto;          /* ❗ 不再 100% */
        min-width: unset;
        max-width: 100%;
        padding-left: 2.2em;  /* 与 Add to Cart 接近 */
        padding-right: 2.2em;
        box-sizing: border-box;
    }
}

/* ================================
   长描述（Amazon About This Item 风格）
================================ */

/* 默认折叠状态下的显示规则 */
.custom-product-long-description {
    max-height: 100px;          /* 约 5 行 */
    overflow: hidden;           /* 超出部分隐藏 */
    transition: max-height 0.3s ease;  /* 展开/收起时的平滑动画 */
}

/* 展开状态：当 JS 添加 .expanded 类时，解除高度限制 */
.custom-product-long-description.expanded {
    max-height: none;
}

/* See More / See Less 按钮  展开/收起按钮的基础样式 */
.product-desc-toggle {
    margin-top: 0px;         /* 与正文的微小间距 */
    border: none;           /* 移除默认边框 */
    padding: 0;            /* 移除默认内边距，避免“按钮感” */
    font-size: 14px;         /* 与正文略小，弱化视觉层级 */
    font-weight: 500;        /* 中等字重，接近 Amazon */
    cursor: pointer;         /* 鼠标悬停显示手型 */
    display: inline-flex;      /* 文本 + 箭头横向排列 */
    align-items: center;      /* 垂直居中 */
    gap: 6px;              /* 文本与箭头之间的间距 */
}

/* 所有状态都不显示背景、不变色 */
.product-desc-toggle,
.product-desc-toggle:hover,
.product-desc-toggle:active,
.product-desc-toggle:focus {
    background: transparent !important;  /* 强制无背景 */
    box-shadow: none !important;       /* 移除点击阴影 */
    outline: none;                /* 移除焦点描边 */
    color: #007185;                /* 始终保持 Amazon 蓝 */
}

/* 鼠标悬停状态：仅显示下划线 */
.product-desc-toggle:hover {
    text-decoration: underline;
}

/* 线性箭头（唯一生效版本） */
.product-desc-toggle::before {
    content: "";
    width: 8px;      /* ← 控制大小 */
    height: 8px;
    border-right: 2px solid currentColor;   /* ← 控制粗细 */
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
}

/* 展开状态：箭头向上 */
.product-desc-toggle.expanded::before {
    transform: rotate(-135deg);
}

/* ================================
   Price Includes样式和字重
================================ */
/* Price Includes 容器 */
.b2bking_price_includes_wrap {
    margin-bottom: 16px;   /* 与下面内容的间距 */
}

/* 标签部分 */
.b2bking_price_includes_label {
    font-weight: 600;       /* 加粗 */
    margin-right: 5px;      /* 标签与文本间距 */
}

/* 响应式调整，手机端宽度占满 */
@media (max-width: 768px) {
    .b2bking_price_includes_wrap {
        display: block;
        width: 100%;
    }
}

/* ==============================================================
   产品页手风琴样式，特点：- 左侧空心 V 箭头  - 无外框，仅细分隔线 
=============================================================== */

/* ===== 手风琴整体容器 ===== */
.b2b-accordion {
    width: 100%;
    margin-top: 80px;
    box-sizing: border-box;
    font-family: inherit;
}


/* ===== 单个面板 ===== */
.b2b-accordion .b2b-acc-item {
    border-bottom: 1px solid #e5e5e5;
}

/* 第一个面板上方灰色横线 */
.b2b-acc-item:first-child {
    border-top: 1px solid #e5e5e5;
}
/* ===== 面板标题按钮 ===== */
.b2b-acc-title {
    all: unset;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 14px 0;
    cursor: pointer;

    color: #E1251B;               /* ASI 红色 */
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;

    box-sizing: border-box;
}

/* ========== 去掉手风琴标题悬停和点击的背景色 ========== */
.b2b-acc-title:hover,
.b2b-acc-title:focus,
.b2b-acc-title:active {
    background: none;   /* 去掉背景色 */
    outline: none;                 /* 去掉聚焦边框 */
    color: #E1251B;                /* 保留文字/箭头红色 */
}

/* ===== 左侧空心 V 箭头（默认向下） ===== */
.b2b-acc-title::before {
    content: '';
    width: 8px;
    height: 8px;
    margin-right: 12px;

    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);     /* 向下 */
    transition: transform 0.25s ease;
}

/* 展开状态：箭头向上 */
.b2b-acc-title.open::before {
    transform: rotate(-135deg);
}

/* ===== 内容区域 ===== */
.b2b-acc-content {
    display: none;               /* 默认隐藏 */
    padding: 8px 0 14px 20px;     /* 与箭头左对齐 */
}

/* 展开状态显示内容 */
.b2b-acc-content.open {
    display: block;
}

/* ===== 字段行 ===== */
.b2b-acc-row {
    display: flex;
    gap: 16px;
    padding: 6px 0;
}

/* 字段名（左列） */
.b2b-acc-label {
    flex: 0 0 240px;              /* 桌面端固定宽度，保证对齐感 */
    font-weight: 600;
}

/* 字段值（右列） */
.b2b-acc-value {
    flex: 1;
}

/* =====================================================
   平板端适配
===================================================== */
@media (max-width: 1024px) {
    .b2b-acc-label {
        flex-basis: 40%;
    }
}

/* =====================================================
   移动端适配（ASI 移动端风格）
===================================================== */
@media (max-width: 768px) {

    .b2b-acc-title {
        font-size: 15px;
        padding: 14px 0;
    }

    .b2b-acc-row {
        flex-direction: column;
        gap: 4px;
    }

    .b2b-acc-label {
        flex: none;
    }

    .b2b-acc-content {
        padding-left: 20px;
    }
}

/* ===============================
   产品图片区 桌面 + 移动端通用
 =============================== */
.flex-control-thumbs {
  display: flex;
  flex-wrap: wrap; /* 自动换行 */
  gap: 8px;        /* 缩略图间距 */
  margin-top: 12px;
	justify-content: flex-start;  /* 左对齐，避免最后一行间距不一致 */
}

.flex-control-thumbs li {
  flex: 0 0 60px;   /* 电脑端固定宽度 */
  aspect-ratio: 1/1; /* 正方形 */
  border: 1px solid #ddd;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

@media (max-width: 767px) {
  .flex-control-thumbs li {
  flex: 0 0 50px; /* 固定宽度 50px */
  }

.flex-control-thumbs li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.flex-control-thumbs li.flex-more {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  background-color: rgba(0,0,0,0.35); /* 半透明覆盖下一张图 */
  background-size: cover;
  background-position: center;
}