@charset "utf-8";
/* CSS Document */
/* Private Label Landing - scoped to avoid collisions */

.pl-page{
  --pl-max: 1290px;
  --pl-gap: 26px;
  --pl-gutter: 18px;
  --pl-radius: 16px;
  --pl-border: rgba(15,23,42,.10);
  --pl-shadow: 0 12px 30px rgba(15,23,42,.08);
  --pl-muted: rgba(15,23,42,.72);
  --pl-bg: #fff;
  --pl-soft: rgba(15,23,42,.04);
  --pl-accent: #ff6a00;
  --pl-accent-2: #0ea5e9;
  overflow-x:hidden;
}

.pl-page, .pl-page *{box-sizing:border-box;}

.pl-page a.pl-btn.pl-btn-secondary:hover,
.pl-page a.pl-btn.pl-btn-secondary:focus{ text-decoration:none !important; }

.pl-page a.pl-btn..pl-btn-primary:hover,
.pl-page a.pl-btn..pl-btn-primary:focus{ text-decoration:none !important; }

.pl-page .pl-container{max-width:var(--pl-max);margin:0 auto;padding-left:var(--pl-gutter);padding-right:var(--pl-gutter);}
.pl-page .pl-lead{margin:12px 0 0;font-size:16px;line-height:1.75;color:var(--pl-muted);max-width:128ch;}
.pl-aside {
    position: sticky;
    top: 18px;
}
@media (min-width: 992px){
  .pl-page .pl-container{padding-left:0;padding-right:0;}
}
.pl-page .pl-hero{
  background: linear-gradient(135deg, rgba(255,106,0,.14), rgba(14,165,233,.10), rgba(15,23,42,.03));
  border-bottom: 1px solid var(--pl-border);
}
.pl-page .pl-hero-inner{padding:34px 0 22px 0;}

.pl-page .pl-breadcrumbs{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.pl-page .pl-breadcrumbs a{
  display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#0f172a;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(15,23,42,.10);
  padding: 5px 10px;border-radius:999px;text-decoration:none;
}
.pl-page .pl-breadcrumbs a:hover{background:#fff;color:#0f172a;}
.pl-page .pl-breadcrumbs .pl-bc-current{
  display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#7c2d12;
  background: rgba(255,106,0,.12);
  border: 1px solid rgba(255,106,0,.30);
  padding:5px 10px;border-radius:999px;
}
.pl-page .pl-breadcrumbs .pl-bc-sep{color:rgba(15,23,42,.35);font-size:12px;line-height:1;}

.pl-page .pl-title{margin:0;font-size:36px;line-height:1.12;letter-spacing:-.02em;color:#0f172a;}

.pl-page .pl-hero-cta{margin:16px 0 0;display:flex;flex-wrap:wrap;gap:10px;}
.pl-page .pl-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 16px;
  border-radius:12px;
  border:1px solid transparent;
  font-weight:700;
  line-height:1.1;
  text-decoration:none;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  transition:transform .16s ease, filter .16s ease, background-color .16s ease,
  border-color .16s ease, box-shadow .16s ease;
}

.pl-page .pl-btn:active{transform: translateY(1px);}

.pl-page .pl-btn-primary{
  background: var(--pl-accent);
  color:#fff!important;
  text-align:center!important;
  position:relative;
  overflow:hidden;
  border-radius:12px; /* 如果你按钮已有圆角可删 */
  box-shadow: 0 10px 22px rgba(255,106,0,.22);
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
}

.pl-page .pl-btn-primary a{
  color:#fff!important;
  text-decoration:none!important;
}

.pl-page .pl-btn-primary a:hover,
.pl-page .pl-btn-primary a:focus{
  text-decoration:none!important;
  color:#fff!important;
}

/* hover：上浮 + 阴影更强（颜色不变） */
.pl-page .pl-btn-primary:hover{
  transform: translateY(-2px);
  filter: brightness(1.02);
  box-shadow: 0 14px 30px rgba(255,106,0,.28);
    text-decoration:none!important;

}

/* active：按下反馈 */
.pl-page .pl-btn-primary:active{
  transform: translateY(0);
  filter: brightness(.99);
  box-shadow: 0 10px 22px rgba(255,106,0,.22);
}

/* 高光扫过（不改变按钮底色，只叠加白色高光） */
.pl-page .pl-btn-primary::before{
  content:"";
  position:absolute;
  top:-45%;
  left:-70%;
  width:60%;
  height:190%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);
  transform: rotate(18deg);
  opacity:0;
  transition: left .5s ease, opacity .18s ease;
  pointer-events:none;
    text-decoration:none!important;

}

.pl-page .pl-btn-primary:hover::before{
  left:130%;
  opacity:1;
}

/* 可选：键盘焦点更专业 */
.pl-page .pl-btn-primary:focus-visible{
  outline:none;
  box-shadow: 0 0 0 3px rgba(255,255,255,.22), 0 14px 30px rgba(255,106,0,.28);
}

.pl-page .pl-btn-secondary{
  background: #1b75ff;
  color:#fff;
  border-color: rgba(15,23,42,.14);
  text-align: center!important;
}
.pl-page .pl-btn-secondary a{
  color:#fff!important;
}
.pl-page .pl-btn-secondary:hover{background:#1b7fff;color:#fff;}

/* Ghost：更“高级”的浅底 + 细边 + 轻阴影 */
.pl-page .pl-btn-ghost{
    margin-top: 15px;
  background: #1f58d6;
  color:#fff;
}

/* Hover：抬起 + 更清晰的阴影 + 轻微提亮 */
.pl-page .pl-btn-ghost:hover,
.pl-page .pl-btn-ghost:focus{
  transform: translateY(-2px);
  filter: brightness(1.02);
  text-decoration:none;
  background: #1f58d6;
  color:#fff;
}

/* Active：按下回弹 */
.pl-page .pl-btn-ghost:active{
  transform: translateY(0);
  filter: brightness(.98);
}

/* 高光扫过（Hover 时出现） */
.pl-page .pl-btn-ghost::before{
  content:"";
  position:absolute;
  top:-40%;
  left:-60%;
  width:60%;
  height:180%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
  transform: rotate(18deg);
  opacity:0;
  transition: left .45s ease, opacity .18s ease;
  pointer-events:none;
}

.pl-page .pl-btn-ghost:hover::before,
.pl-page .pl-btn-ghost:focus::before{
  left:120%;
  opacity:1;
}

/* 可选：键盘可见焦点（更专业，且不刺眼） */
.pl-page .pl-btn-ghost:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(8,87,222,.18), 0 1px 0 rgba(255,255,255,.85) inset, 0 10px 26px rgba(15,23,42,.14);
}

.pl-page .pl-facts{
  margin-top:18px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:12px;
}
.pl-page .pl-fact::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:12px;
  height:2px;
  border-radius:999px;
  opacity:.0;
  transform:translateY(6px);
  transition:opacity .18s ease, transform .18s ease;
  pointer-events:none;
}
.pl-page .pl-fact:hover{
  transform:translateY(-1px);
  border-color:rgba(11,94,215,.25);
  box-shadow:0 18px 40px rgba(2,6,23,.10);
  background:rgba(255,255,255,.95);
  background:
    radial-gradient(900px 240px at 10% -20%, rgba(11,94,215,.10), transparent 55%),
    radial-gradient(900px 240px at 110% 120%, rgba(255,122,0,.10), transparent 55%),
    rgba(255,255,255,.95);
}
.pl-page .pl-fact:hover::after{
  opacity:1;
  transform:translateY(0);
}


@media (min-width: 992px){
  .pl-page .pl-facts{grid-template-columns: repeat(3, minmax(0,1fr));}
}
.pl-page .pl-fact{
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 14px;
  padding: 12px 12px;
}
.pl-page .pl-fact-k{font-size:12px;letter-spacing:.02em;text-transform:uppercase;color:rgba(15,23,42,.60);}
.pl-page .pl-fact-v{margin-top:4px;font-size:14px;font-weight:800;color:#0f172a;}
.pl-page .pl-fact-s{margin-top:2px;font-size:13px;line-height:1.55;color:rgba(15,23,42,.72);}

.pl-page .pl-wrap{padding:24px 0 54px;background:none!important}
.pl-page .pl-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--pl-gap);}

@media (min-width: 992px){
  .pl-page .pl-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;}
}
.pl-page .pl-main{min-width:0;}

.pl-page .pl-aside{display:grid;gap:14px;}

.pl-page .pl-card{
  background: var(--pl-bg);
  border:1px solid var(--pl-border);
  border-radius: var(--pl-radius);
  box-shadow: var(--pl-shadow);
  overflow:hidden;
}
#pl-specs,#pl-moq,#pl-packaging,#pl-quality,#pl-concerns,#pl-sampling,#pl-faq,#pl-rfq{padding-top:30px;}
.pl-page .pl-pad{padding:22px;}
.pl-page .pl-entry img{max-width:100%;height:auto;border-radius:12px;}
.pl-page .pl-entry h2{margin: 0 0 12px 0;font-size:22px;line-height:1.25;color:#0f172a;display:flex;
  align-items:flex-start;
  gap:10px;
  padding-left:0; /* 取消之前为 absolute 预留的左内边距 */}

.pl-page .pl-entry h2::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:currentColor;
  flex:0 0 auto;
  margin-top:0.5em; /* 微调让圆点视觉居中 */
}

.pl-page .pl-entry h3{margin:16px 0 10px;font-size:18px;line-height:1.3;color:#0f172a;}
.pl-page .pl-entry p{margin:0 0 14px;line-height:1.8;color:rgba(15,23,42,.84);}
.pl-page .pl-entry ul, .pl-page .pl-entry ol{margin:0 0 14px;padding-left:1.25rem;line-height:1.8;color:rgba(15,23,42,.84);}
.pl-page .pl-entry a{
  text-decoration:none!important;
  position:relative;
  display:inline-block;
  transition:color .18s ease, transform .18s ease;
}

.pl-page .pl-entry a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-2px;
  width:0;
  height:2px;
  background:currentColor;
  border-radius:2px;
  transform:translateX(-50%);
  opacity:.9;
  transition:width .18s ease;
}

.pl-page .pl-entry a:hover,
.pl-page .pl-entry a:focus{
  transform:translateY(-1px);
  filter:brightness(.92);
  text-decoration:none!important;
}

.pl-page .pl-entry a:hover::after,
.pl-page .pl-entry a:focus::after{
  width:100%;
}

.pl-page .pl-mini{font-size:13px;line-height:1.6;color:var(--pl-muted);margin:10px 0 0;}
.pl-page .pl-list{margin:0;padding:0;list-style:none;display:grid;gap:8px;}
.pl-page .pl-list li{display:flex;gap:10px;align-items:flex-start;color:rgba(15,23,42,.84);font-size:14px;line-height:1.6;}
.pl-page .pl-dot{width:8px;height:8px;border-radius:50%;background:var(--pl-accent);margin-top:.45em;flex:0 0 auto;}

/* Procurement Briefs / News list: modern hover (no legacy underline) */
.pl-list.pl-list-tight li a{
  text-decoration:none !important;                 /* 干掉旧下划线 */
  background-image:linear-gradient(currentColor, currentColor);
  background-size:0% 1px;                          /* 初始：看不到 */
  background-position:0 100%;                      /* 文字底部 */
  background-repeat:no-repeat;
  padding-bottom:2px;
  transition:background-size .18s ease, opacity .18s ease;
}

/* Desktop hover only */
@media (hover:hover) and (pointer:fine){
  .pl-list.pl-list-tight li a:hover{
    background-size:100% 2px;                      /* 高亮条滑入 */
    opacity:.95;
  }
}


.pl-page .pl-catalog{
  background: #fff;
  border: 1px solid #e6e8ee; /* 浅灰边框 */
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}
.pl-page .pl-catalog code{background:rgba(15,23,42,.06);padding:1px 6px;border-radius:999px;font-size:12px;}

.pl-page .pl-toc{
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(15,23,42,.02);
  border-radius: 14px;
  padding: 14px 14px;
}
.pl-page .pl-toc-title{
  font-size:15px;letter-spacing:.02em;text-transform:uppercase;
  color: rgba(15,23,42,.60);
  font-weight:800;
}
.pl-page .pl-toc-links{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px;}
.pl-page .pl-toc-links a{
  font-size:13px;line-height:1.2;
  color:#0f172a;
  border: 1px solid rgba(15,23,42,.10);
  padding: 7px 10px;
  border-radius: 999px;
  text-decoration:none;
}
.pl-page .pl-toc-links a:hover{background:#fff;border-color:rgba(15,23,42,.16);}

.pl-page .pl-cards{
  margin-top:12px;
  display:grid;
  grid-template-columns: minmax(0,1fr);
  gap:12px;
}
@media (min-width: 992px){
  .pl-page .pl-cards{grid-template-columns: repeat(2, minmax(0,1fr));}
}
.pl-page .pl-solution{
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.88);
  border-radius: 14px;
  padding: 14px 14px;
}
.pl-page .pl-solution h3{margin:0 0 8px;font-size:16px;}
.pl-page .pl-solution ul{margin:0;padding-left:1.15rem;}
.pl-page .pl-solution li{margin:0 0 6px;}

.pl-page .pl-note{
  margin:18px 0;
  padding: 14px 16px;
  border-left: 4px solid var(--pl-accent);
  background: rgba(255,106,0,.08);
  border-radius: 12px;
  color: rgba(15,23,42,.86);
}

.pl-page .pl-bullets{margin:0 0 14px;padding-left:1.25rem;}
.pl-page .pl-bullets li{margin:0 0 8px;}

.pl-page .pl-two{
  display:grid;
  grid-template-columns: minmax(0,1fr);
  gap:12px;
}
@media (min-width: 992px){
  .pl-page .pl-two{grid-template-columns: repeat(2, minmax(0,1fr));}
}
.pl-page .pl-panel{
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(15,23,42,.02);
  border-radius: 14px;
  padding: 14px 14px;
}

.pl-page .pl-table-wrap{
  margin: 10px 0 12px;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 14px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  background:#fff;
}

/* Table wrap: desktop no scroll; mobile can scroll (with subtle edge fades) */
.pl-page .pl-table-wrap{
  position: relative;
  overflow: visible;                 /* desktop: no horizontal scroll */
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(15,23,42,.06);
  border: 1px solid rgba(15,23,42,.10);
}

/* Edge fade hint (only meaningful when scrolling on mobile) */
.pl-page .pl-table-wrap::before,
.pl-page .pl-table-wrap::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:16px;
  pointer-events:none;
  opacity:0;
  transition: opacity .2s ease;
}
.pl-page .pl-table-wrap::before{
  left:0;
  background: linear-gradient(to right, rgba(255,255,255,.95), rgba(255,255,255,0));
}
.pl-page .pl-table-wrap::after{
  right:0;
  background: linear-gradient(to left, rgba(255,255,255,.95), rgba(255,255,255,0));
}

/* Table base */
.pl-page .pl-table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;               /* helps fit desktop without scroll */
  min-width: 0;                      /* remove the 720px constraint */
}

/* Cells */
.pl-page .pl-table th,
.pl-page .pl-table td{
  padding: 12px 14px;
  border-bottom: 1px solid rgba(15,23,42,.08);
  vertical-align: top;
  font-size: 14px;
  line-height: 1.55;
  overflow-wrap: anywhere;           /* prevent long phrases from forcing overflow */
  word-break: break-word;
}

/* Header: sticky + refined look */
.pl-page .pl-table thead th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: linear-gradient(to bottom, rgba(15,23,42,.06), rgba(15,23,42,.03));
  font-weight: 900;
  color: #0f172a;
  border-bottom: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 1px 0 rgba(15,23,42,.06);
  backdrop-filter: saturate(140%) blur(6px);
}

/* Rounded corners for the whole table */
.pl-page .pl-table thead th:first-child{ border-top-left-radius: 14px; }
.pl-page .pl-table thead th:last-child{ border-top-right-radius: 14px; }
.pl-page .pl-table tbody tr:last-child td:first-child{ border-bottom-left-radius: 14px; }
.pl-page .pl-table tbody tr:last-child td:last-child{ border-bottom-right-radius: 14px; }
.pl-page .pl-table tbody tr:last-child td{ border-bottom: none; }

/* Zebra striping */
.pl-page .pl-table tbody tr:nth-child(odd) td{
  background: rgba(15,23,42,.015);
}

/* Hover / active: “lift” + left accent bar */
.pl-page .pl-table tbody tr{
  transition: transform .18s ease, box-shadow .18s ease;
}
.pl-page .pl-table tbody tr:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(15,23,42,.08);
}
.pl-page .pl-table tbody tr:hover td{
  background: rgba(15,23,42,.03);
}
.pl-page .pl-table tbody tr td:first-child{
  position: relative;
}
.pl-page .pl-table tbody tr td:first-child::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius: 3px;
  background: rgba(15,23,42,.0);
  transition: background .18s ease;
}
.pl-page .pl-table tbody tr:hover td:first-child::before{
  background: rgba(15,23,42,.22);
}

/* Slightly emphasize key columns without changing markup */
.pl-page .pl-table tbody td:nth-child(4),
.pl-page .pl-table tbody td:nth-child(5){
  font-weight: 700;
  color: rgba(15,23,42,.92);
}

/* Desktop column proportions (avoid horizontal scroll) */
@media (min-width: 992px){
  .pl-page .pl-table-wrap{ overflow: visible; }
  .pl-page .pl-table thead th:nth-child(1){ width: 26%; }
  .pl-page .pl-table thead th:nth-child(2){ width: 10%; }
  .pl-page .pl-table thead th:nth-child(3){ width: 22%; }
  .pl-page .pl-table thead th:nth-child(4){ width: 20%; }
  .pl-page .pl-table thead th:nth-child(5){ width: 22%; }

  /* No edge fades on desktop */
  .pl-page .pl-table-wrap::before,
  .pl-page .pl-table-wrap::after{ opacity: 0; }
}

/* Mobile: allow horizontal scroll + show edge fades */
@media (max-width: 991.98px){
  .pl-page .pl-table-wrap{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* When mobile scroll is possible, show subtle fade hints */
  .pl-page .pl-table-wrap::before,
  .pl-page .pl-table-wrap::after{
    opacity: .9;
  }
  /* Keep readability */
  .pl-page .pl-table th,
  .pl-page .pl-table td{
    padding: 11px 12px;
    font-size: 13.5px;
  }
  /* Give the table a sensible minimum so columns don’t become unreadable */
  .pl-page .pl-table{ min-width: 760px; }
}

/* Motion safety */
@media (prefers-reduced-motion: reduce){
  .pl-page .pl-table tbody tr{ transition: none; }
  .pl-page .pl-table tbody tr:hover{ transform: none; box-shadow: none; }
  .pl-page .pl-table tbody tr td:first-child::before{ transition: none; }
}

.pl-page .pl-small{font-size:13px;line-height:1.7;color:rgba(15,23,42,.70);}

.pl-page .pl-audit{
  display:grid;
  grid-template-columns: minmax(0,1fr);
  gap: 12px;
  margin-top: 10px;
}
@media (min-width: 992px){
  .pl-page .pl-audit{grid-template-columns: repeat(3, minmax(0,1fr));}
}
.pl-page .pl-audit-item{
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.86);
  border-radius: 14px;
  padding: 14px 14px;
}
.pl-page .pl-links{margin-top:8px;}

.pl-page .pl-accordion{display:grid;gap:10px;margin-top:10px;}
.pl-page .pl-details{
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.90);
  border-radius: 14px;
  padding: 10px 12px;
}
.pl-page .pl-details > summary{
  cursor:pointer;
  list-style:none;
  font-weight: 900;
  color:#0f172a;
  font-size: 14px;
}
.pl-page .pl-details > summary::-webkit-details-marker{display:none;}
.pl-page .pl-details > summary:after{
  content:"+";
  float:right;
  color: rgba(15,23,42,.55);
  font-weight: 900;
}
.pl-page .pl-details[open] > summary:after{content:"–";}
.pl-page .pl-details-body{
  margin-top: 8px;
  color: rgba(15,23,42,.82);
  line-height: 1.75;
  font-size: 14px;
}

.pl-page .pl-cta-band{
  margin: 18px 0 6px;
  border: 1px solid rgba(255,106,0,.22);
  background: linear-gradient(135deg, rgba(255,106,0,.10), rgba(14,165,233,.06));
  border-radius: 16px;
  padding: 14px 14px;
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
  align-items:center;
  justify-content:space-between;
}
.pl-page .pl-cta-title{font-weight: 900;color:#0f172a;}
.pl-page .pl-cta-sub{font-size: 13px;line-height:1.6;color: rgba(15,23,42,.76);margin-top:2px;}
.pl-page .pl-cta-right{display:flex;gap:10px;align-items:center;}

.pl-page .pl-steps{margin: 10px 0 0;padding-left: 1.25rem;}
.pl-page .pl-steps li{margin: 0 0 10px;}

.pl-page .pl-faq{display:grid;gap:10px;margin-top:10px;}

.pl-page .pl-checklist{margin:0;padding:0;list-style:none;display:grid;gap:10px;}
.pl-page .pl-checklist li{
  display:flex;gap:10px;align-items:flex-start;
  padding: 10px 12px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(15,23,42,.02);
  border-radius: 14px;
}
.pl-page .pl-check{
  width:18px;height:18px;border-radius:6px;
  background: rgba(255,106,0,.16);
  border: 1px solid rgba(255,106,0,.30);
  margin-top: .2em;
  flex: 0 0 auto;
  position: relative;
}
.pl-page .pl-check:after{
  content:"";
  position:absolute;
  left:5px;top:2px;
  width:5px;height:10px;
  border: solid var(--pl-accent);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.pl-page .pl-final-cta{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px;}
.pl-page .pl-final-cta .pl-btn{flex: 1 1 220px;}
.pl-page .pl-aside .pl-btn{width:100%;}
.pl-page .pl-hero-cta .pl-btn{flex: 0 0 auto;}
.pl-page .pl-aside h4{margin:0 0 10px;font-size:15px;font-weight:800;letter-spacing:.02em;color:rgba(15,23,42,.72);text-transform: capitalize;}

@media (max-width: 420px){
  .pl-page .pl-title{font-size:30px;}
}

/* Keep WP alignment helpers working if this is inserted into WP content */
.pl-page .alignwide{margin-left:auto;margin-right:auto;}
.pl-page .alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}

/* Sidebar enhancements */
.pl-page .pl-toc--aside{
  border:none;
  background:transparent;
  padding:0;
}
.pl-page .pl-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:600;
  text-decoration:none;
  color: var(--pl-primary);
  margin-top:10px;
}
.pl-page .pl-link:hover{ text-decoration: underline; }

.pl-page a{color:#0f172ad6;}
.pl-page a:hover,.pl-page a:focus{color:#0f172ad6;text-decoration:underline;}


/* Mobile fixes: prevent edge-clipping and improve small-screen layout */
@media (max-width: 768px){
  .pl-page .alignfull{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
  }
  .pl-page .pl-entry{overflow-wrap:anywhere;word-break:break-word;}
}

@media (max-width: 520px){
  .pl-page .pl-hero-inner{padding:28px 0 18px;}
  .pl-page .pl-lead{font-size:15px;line-height:1.75;}

  .pl-page .pl-cta-band{
    flex-direction:column;
    align-items:flex-start;
  }
  .pl-page .pl-cta-right{
    width:100%;
    flex-wrap:wrap;
  }
  .pl-page .pl-cta-right .pl-btn{
    width:100%;
  }
}

/* =============================
   Responsive hardening (v5)
   - Fix edge clipping / overflow
   - Normalize gutters across breakpoints
   ============================= */
@media (max-width: 768px){
  .pl-page{ --pl-gutter: 16px; }
  .pl-page .pl-container{ padding-left:var(--pl-gutter); padding-right:var(--pl-gutter); }
  .pl-page .pl-hero-inner{ padding-left:var(--pl-gutter)!important; padding-right:var(--pl-gutter)!important; }
  .pl-page .pl-entry-content{ overflow-wrap:anywhere; word-break:break-word; }
  .pl-page .pl-entry-content > *{ max-width:100%; }
  .pl-page .pl-card{ border-radius:14px; }
}

@media (max-width: 520px){
  .pl-page{ --pl-gutter: 14px; }
  .pl-page .pl-container{ padding-left:var(--pl-gutter); padding-right:var(--pl-gutter); }
  .pl-page .pl-hero-inner{ padding:14px var(--pl-gutter)!important; }
  .pl-page .pl-pad{ padding:16px; }
  .pl-page .pl-title{ font-size:32px; line-height:1.08; }
  .pl-page .pl-lead{ font-size:15px; line-height:1.75; }
}
.pl-page .pl-entry p{margin:0 0 14px;line-height:1.6;color:rgba(15,23,42,.84);box-sizing: border-box; width: 100%;max-width: 100%;}

/* iPad / mid screens: keep comfortable side gutters */
@media (min-width: 992px) and (max-width: 1279px){
  .pl-page{ --pl-gutter: 18px; }
  .pl-page .pl-container{ padding-left:var(--pl-gutter); padding-right:var(--pl-gutter); }
  .pl-page .pl-hero-inner{ padding-left:var(--pl-gutter); padding-right:var(--pl-gutter); }
  .pl-page .pl-grid{ grid-template-columns:minmax(0,1fr) 320px; gap:20px; }
}

/* Grids: keep single-column on phones; expand from 992px */
.pl-page .pl-cards,
.pl-page .pl-two,
.pl-page .pl-audit{
  min-width:0;
}
.pl-page .pl-solution,
.pl-page .pl-panel,
.pl-page .pl-note,
.pl-page .pl-entry-content,
.pl-page .pl-entry-content > *{
  min-width:0;
  max-width:100%;
}

/* TOC links hover style (no underline, Laeyo-like) */
.pl-page .pl-toc-links a,
.pl-page .pl-toc-links button {
  --pl-accent: #0857de;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(8, 87, 222, 0.18);
    color: inherit;
  text-decoration: none !important;

  font-weight: 600;
  line-height: 1.1;
  cursor: pointer;

  position: relative;
  overflow: hidden;

  transition: transform 160ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease;
  will-change: transform;
}

/* subtle “sheen” sweep on hover */
.pl-page .pl-toc-links a::after,
.pl-page .pl-toc-links button::after {
  content: "";
  position: absolute;
  top: 0;
  left: -130%;
  width: 120%;
  height: 100%;
  pointer-events: none;
  transform: skewX(-18deg);
  transition: left 520ms ease;
  background: rgba(8, 87, 222, 0.06);
}

.pl-page .pl-toc-links a:hover,
.pl-page .pl-toc-links button:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(8, 87, 222, 0.12);
}

.pl-page .pl-toc-links a:hover::after,
.pl-page .pl-toc-links button:hover::after {
  left: 130%;
}

/* keyboard accessibility */
.pl-page .pl-toc-links a:focus-visible,
.pl-page .pl-toc-links button:focus-visible {
  outline: 2px solid rgba(8, 87, 222, 0.55);
  outline-offset: 2px;
}

/* pressed */
.pl-page .pl-toc-links a:active,
.pl-page .pl-toc-links button:active {
  transform: translateY(0);
  box-shadow: 0 6px 14px rgba(8, 87, 222, 0.10);
}


/* Keep category title links unstyled (inherit color, no underline) */
.pl-page .pl-solution h3 a {
  color: inherit;
  text-decoration: none;
}
.pl-page .pl-solution h3 a:hover {
  opacity: 0.92;
}

/* Shared link style (hero + aside) */
.pl-page .pl-hero-links a,
.pl-page .pl-aside-links a {
  text-decoration: none;
  font-weight: 800;
}
 .pl-aside-links a.pl-linkbtn,
  .pl-aside-links a.pl-linkbtn:link,
  .pl-aside-links a.pl-linkbtn:visited,
  .pl-aside-links a.pl-linkbtn:hover,
  .pl-aside-links a.pl-linkbtn:active,
  .pl-aside-links a.pl-linkbtn:focus{
    text-decoration: none !important;
  }
/* Hero quick links */
.pl-page .pl-hero-links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 10px;
  font-size: 14px;
}

/* Sidebar links */
.pl-page .pl-aside-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 10px;
  font-size: 13px;
}

/* Make aside links 2 columns (each ~50%) */
.pl-aside-links > a {
  flex: 0 0 48%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Sidebar steps */
.pl-page .pl-aside-steps {
  margin: 12px 0 6px;
  padding: 10px 0 5px 0;
  list-style: none;
}
.pl-page .pl-aside-steps li {
  margin-bottom: 12px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.pl-page .pl-aside-step {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border-radius: 999px;
  background: rgba(8, 87, 222, 0.10);
  border: 1px solid rgba(8, 87, 222, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  color: rgba(8, 87, 222, 0.95);
  font-size: 12px;
  line-height: 1;
}
.pl-page .pl-aside-step-txt {
  color: var(--pl-text-2, #334155);
  font-weight: 700;
  font-size: 14px;
}

 /* Scope to this block only */
  .pl-aside-links{
    display:grid;
    grid-template-columns: 1fr;  /* mobile: stack */
    gap:14px;
    margin-top:14px;
    align-items:stretch;
  }

  /* Rigid 50/50 on wider screens */
  @media (min-width: 520px){
    .pl-aside-links{
      grid-template-columns: 1fr 1fr; /* strict equal columns */
    }
  }

  .pl-aside-links .pl-linkbtn{
    /* default = Email button (neutral, not blue) */
    --btn-fg: #1f2937;                 /* dark gray text */
    --btn-bg: rgba(17,24,39,.06);      /* light neutral */
    --btn-bd: rgba(17,24,39,.18);      /* neutral border */
    --btn-sh: rgba(17,24,39,.10);

    position:relative;
    overflow:hidden;

    display:inline-flex;
    width:100%;                        /* fill grid cell -> equal width */
    align-items:center;
    justify-content:center;
    gap:10px;

    padding:10px 14px;
    border-radius:12px;

    background: var(--btn-bg);
    border:1px solid var(--btn-bd);
    color: var(--btn-fg);
    text-decoration:none;

    font-weight:800;
    letter-spacing:.2px;
    line-height:1;

    box-shadow: 0 10px 22px rgba(17,24,39,.06);
    transition:
      transform .16s ease,
      box-shadow .16s ease,
      background-color .16s ease,
      border-color .16s ease,
      filter .16s ease;
    user-select:none;
    -webkit-tap-highlight-color: transparent;
  }

  /* subtle “shine” sweep */
  .pl-aside-links .pl-linkbtn::before{
    content:"";
    position:absolute;
    inset:-2px;
    background: linear-gradient(115deg,
      transparent 0%,
      rgba(255,255,255,.0) 35%,
      rgba(255,255,255,.45) 50%,
      rgba(255,255,255,.0) 65%,
      transparent 100%);
    transform: translateX(-120%);
    transition: transform .55s ease;
    pointer-events:none;
  }

  .pl-aside-links .pl-linkbtn:hover{
    background: rgba(17,24,39,.09);
    border-color: rgba(17,24,39,.26);
    box-shadow: 0 14px 30px var(--btn-sh);
    transform: translateY(-1px);
    filter: saturate(1.02);
  }
  .pl-aside-links .pl-linkbtn:hover::before{ transform: translateX(120%); }

  .pl-aside-links .pl-linkbtn:active{
    transform: translateY(0);
    box-shadow: 0 8px 18px rgba(17,24,39,.08);
  }

  .pl-aside-links .pl-linkbtn:focus-visible{
    outline: 3px solid rgba(17,24,39,.28);
    outline-offset: 3px;
  }

  /* WhatsApp variant: light green, text still non-blue */
  .pl-aside-links .pl-linkbtn--wa{
    --btn-fg: #0f3d22;
    --btn-bg: rgba(37,211,102,.14);
    --btn-bd: rgba(18,140,74,.26);
    --btn-sh: rgba(18,140,74,.18);
  }
  .pl-aside-links .pl-linkbtn--wa:hover{
    background: rgba(37,211,102,.18);
    border-color: rgba(18,140,74,.34);
  }
  
  /* Sidebar latest products (Body Care) */
.pl-side-products{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}

.pl-side-products .pl-side-prod__a{
  display:flex;
  gap:10px;
  align-items:center;
  padding:8px;
  border-radius:10px;
  text-decoration:none;
}

.pl-side-products .pl-side-prod__a:hover{
  background:rgba(15,23,42,.04);
}

.pl-side-products .pl-side-prod__media{
  width:52px;
  height:52px;
  flex:0 0 52px;
  border-radius:10px;
  overflow:hidden;

  /* 你要的：图片外围浅色圆角边框（淡淡的，不明显） */
  border:1px solid rgba(15,23,42,.10);
  background:rgba(15,23,42,.02);
}

.pl-side-products .pl-side-prod__a:hover .pl-side-prod__media{
  border-color:rgba(15,23,42,.16);
}

.pl-side-products .pl-side-prod__img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.pl-side-products .pl-side-prod__ph{
  width:100%;
  height:100%;
  display:block;
}

.pl-side-products .pl-side-prod__txt{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.pl-side-products .pl-side-prod__title{
  font-size:13px;
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.pl-side-products .pl-side-prod__price{
  font-size:12px;
  opacity:.75;
}

.pl-side-products .pl-side-prod--empty{
  font-size:13px;
  opacity:.7;
}