/* ================= Intent-driven enquiry + spec provenance + tabs =========
   Patterns adapted from xueqiupets.com (intent-first enquiry, provenance
   labelling) and jack-win.com (3-tab product layout). */

/* ---------- Intent selector ---------- */
.intent-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:12px;margin:0 0 26px;
}
.intent-card{
  position:relative;display:flex;flex-direction:column;gap:6px;
  padding:16px 16px 15px;border:1.5px solid #E2E8F0;border-radius:12px;
  background:#fff;cursor:pointer;transition:border-color .16s,box-shadow .16s,
  transform .16s;min-height:48px;
}
.intent-card:hover{border-color:#F26A21;transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(242,106,33,.10)}
.intent-card input{position:absolute;opacity:0;pointer-events:none}
.intent-card .ic-num{
  font-family:var(--font-mono,monospace);font-size:11px;letter-spacing:.09em;
  color:#94A3B8;font-weight:700;
}
.intent-card .ic-title{font-size:15px;font-weight:700;color:#0F2F4C;line-height:1.3}
.intent-card .ic-desc{font-size:12.5px;color:#4A5568;line-height:1.5}
.intent-card input:checked ~ .ic-title{color:#F26A21}
.intent-card:has(input:checked){
  border-color:#F26A21;background:#FFF8F4;
  box-shadow:0 0 0 3px rgba(242,106,33,.13);
}
.intent-card:has(input:focus-visible){outline:3px solid #F26A21;outline-offset:2px}

/* ---------- Message preview (the "we don't send it, you do" panel) ---------- */
.msg-preview{
  border:1.5px solid #E2E8F0;border-radius:12px;overflow:hidden;
  margin:22px 0 6px;background:#F8FAFC;
}
.msg-preview-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:11px 15px;background:#0F2F4C;color:#fff;flex-wrap:wrap;
}
.msg-preview-head strong{font-size:13px;letter-spacing:.02em}
.msg-preview-head .mp-hint{font-size:11.5px;color:#B9CBDB;font-weight:500}
.msg-preview pre{
  margin:0;padding:16px 15px;font-family:var(--font-mono,monospace);
  font-size:12.5px;line-height:1.75;color:#1A2B3C;white-space:pre-wrap;
  word-break:break-word;max-height:290px;overflow:auto;
}
.msg-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 4px}
.msg-actions .btn-copy,
.msg-actions .btn-wa-send,
.msg-actions .btn-mail-send{
  display:inline-flex;align-items:center;gap:7px;min-height:48px;
  padding:0 20px;border-radius:9px;font-size:14.5px;font-weight:700;
  text-decoration:none;border:0;cursor:pointer;transition:filter .16s;
}
.msg-actions .btn-copy{background:#E2E8F0;color:#0F2F4C}
.msg-actions .btn-wa-send{background:#25D366;color:#fff}
.msg-actions .btn-mail-send{background:#0F2F4C;color:#fff}
.msg-actions button:hover,.msg-actions a:hover{filter:brightness(.94)}
.copied-flag{font-size:12.5px;color:#16A34A;font-weight:700;align-self:center;
  opacity:0;transition:opacity .2s}
.copied-flag.on{opacity:1}

/* ---------- Spec provenance labels ---------- */
.pd-specs table td{position:relative}
.prov{
  display:inline-block;margin-left:8px;padding:2px 8px;border-radius:20px;
  font-family:var(--font-mono,monospace);font-size:10px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;vertical-align:middle;
  white-space:nowrap;
}
.prov-measured{background:#DCFCE7;color:#166534}
.prov-standard{background:#DBEAFE;color:#1E40AF}
.prov-custom{background:#FEF3C7;color:#92400E}
.prov-legend{
  display:flex;gap:16px;flex-wrap:wrap;margin:0 0 16px;padding:13px 16px;
  background:#F8FAFC;border:1px solid #E2E8F0;border-radius:10px;
  font-size:12.5px;color:#4A5568;line-height:1.6;
}
.prov-legend span{display:inline-flex;align-items:center;gap:7px}

/* ---------- Product tabs ---------- */
.pd-tabs{margin:0 0 22px;border-bottom:2px solid #E2E8F0;display:flex;
  gap:4px;flex-wrap:wrap}
.pd-tab{
  appearance:none;border:0;background:none;cursor:pointer;
  padding:13px 20px;min-height:48px;font-size:15px;font-weight:700;
  color:#64748B;border-bottom:3px solid transparent;margin-bottom:-2px;
  transition:color .16s,border-color .16s;font-family:inherit;
}
.pd-tab:hover{color:#0F2F4C}
.pd-tab[aria-selected="true"]{color:#F26A21;border-bottom-color:#F26A21}
.pd-panel[hidden]{display:none}

/* ---------- Product FAQ ---------- */
.pd-faq details{
  border:1px solid #E2E8F0;border-radius:10px;margin-bottom:10px;
  background:#fff;overflow:hidden;
}
.pd-faq summary{
  cursor:pointer;padding:15px 18px;font-weight:650;font-size:15px;
  color:#0F2F4C;list-style:none;display:flex;justify-content:space-between;
  gap:14px;align-items:center;min-height:48px;box-sizing:border-box;
}
.pd-faq summary::-webkit-details-marker{display:none}
.pd-faq summary::after{content:"+";font-size:21px;color:#F26A21;font-weight:400;
  line-height:1;flex-shrink:0}
.pd-faq details[open] summary::after{content:"\2013"}
.pd-faq details[open] summary{border-bottom:1px solid #F1F5F9}
.pd-faq .faq-body{padding:14px 18px 17px;font-size:14.5px;line-height:1.75;
  color:#334155}
.pd-faq .faq-body p{margin:0 0 10px}
.pd-faq .faq-body p:last-child{margin:0}

/* ---------- Factory profile table ---------- */
.pd-profile table{width:100%;border-collapse:collapse}
.pd-profile th{
  text-align:left;padding:12px 16px;background:#F8FAFC;color:#0F2F4C;
  font-size:14px;font-weight:700;width:36%;border-bottom:1px solid #E9EEF3;
  vertical-align:top;
}
.pd-profile td{padding:12px 16px;font-size:14.5px;color:#334155;
  border-bottom:1px solid #E9EEF3;line-height:1.65}

/* ---------- Homepage promise strip ---------- */
.promise-strip{padding:52px 0 8px}
.promise-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:16px;
}
.promise-card{
  padding:24px 22px;border:1px solid #E6EBF0;border-radius:14px;background:#fff;
  transition:transform .18s,box-shadow .18s;
}
.promise-card:hover{transform:translateY(-3px);
  box-shadow:0 10px 26px rgba(15,47,76,.09)}
.promise-num{
  font-size:31px;font-weight:800;color:#F26A21;line-height:1.1;
  letter-spacing:-.02em;
}
.promise-num .pn-unit{font-size:17px;font-weight:700;margin-left:3px}
.promise-label{font-size:14.5px;font-weight:700;color:#0F2F4C;margin:9px 0 5px}
.promise-sub{font-size:12.5px;color:#5A6B7C;line-height:1.6}

@media (max-width:768px){
  .intent-grid{grid-template-columns:1fr}
  .msg-actions .btn-copy,.msg-actions .btn-wa-send,.msg-actions .btn-mail-send{
    width:100%;justify-content:center}
  .pd-tab{flex:1 1 auto;padding:12px 12px;font-size:14px}
  .prov{display:inline-block;margin:5px 0 0}
  .promise-strip{padding:36px 0 4px}
}