/* ============================================================
   7. BOOK PRINT SERVICE PAGE — book-print.php
      (originally id="bp-extra-css")
      Note: base .bp-container / .bp-* structural classes already
      ship elsewhere in this file's history — these are the
      additions layered on top for the redesigned page.
   ============================================================ */
.bpx-crumb { font-size:13px; color:#94a3b8; margin-bottom:16px; }
.bpx-crumb a { color:#00c6ff; text-decoration:none; }
.bpx-crumb span { margin:0 6px; opacity:.5; }

.bp-container { max-width: 1450px !important; }

/* ── HERO ── */
.bp-hero { padding: 180px 0 90px; text-align: center; position: relative; z-index: 2; background: #0b0f17; }
@keyframes pulse-dot { 0%,100%{ opacity:1; transform:scale(1); } 50%{ opacity:0.6; transform:scale(1.4); } }
.bp-hero-title { font-size: clamp(2.2rem, 5vw, 3.5rem); font-weight: 800; line-height: 1.12; color: #ededed; letter-spacing: -1.5px; margin-bottom: 22px; max-width: 900px; margin-left: auto; margin-right: auto; }
.bp-hero-sub { font-size: 1.12rem; color: #a5a5a5; max-width: 680px; margin: 0 auto 32px; line-height: 1.75; }
.bp-hero-sub strong { color: #e3e3e3; }
.bp-hero-btn-row { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-bottom:44px; }
.bp-btn-gradient { display:inline-flex; align-items:center; gap:10px; padding:16px 36px; font-size:1rem; font-weight:700; color:#fff; text-decoration:none; border-radius:999px; background:linear-gradient(135deg,#00c6ff 0%,#ff7ad9 100%); box-shadow:0 10px 25px rgba(0,198,255,0.25); border:none; cursor:pointer; transition:all 0.3s ease; }
.bp-btn-gradient:hover { transform:translateY(-2px); box-shadow:0 16px 35px rgba(255,122,217,0.35); color:#fff; }
.bp-btn-outline-glass { display:inline-flex; align-items:center; gap:10px; padding:16px 36px; font-size:1rem; font-weight:700; color:#374151; text-decoration:none; border-radius:999px; background:rgba(255,255,255,0.85); border:1.5px solid #e5e7eb; backdrop-filter:blur(10px); transition:all 0.3s ease; }
.bp-btn-outline-glass:hover { transform:translateY(-2px); border-color:#00c6ff; color:#0369a1; box-shadow:0 8px 20px rgba(0,198,255,0.15); }
.bp-trust-pills { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.bp-trust-pill { background:rgba(255,255,255,0.9); border:1px solid #e5e7eb; color:#374151; padding:10px 20px; border-radius:50px; font-size:13px; font-weight:600; display:inline-flex; align-items:center; gap:7px; box-shadow:0 4px 8px rgba(0,0,0,0.04); backdrop-filter:blur(10px); transition:transform 0.2s; }
.bp-trust-pill:hover { transform:translateY(-2px); }

/* ── SECTION HELPERS ── */
.bp-section { padding:70px 0; position:relative; z-index:2; }
.bp-section-title { text-align:center; font-size:clamp(1.6rem,3vw,2.2rem); font-weight:800; color:#111827; letter-spacing:-0.5px; margin-bottom:12px; }
.bp-section-sub { text-align:center; color:#64748b; font-size:1.05rem; max-width:600px; margin:0 auto 48px; line-height:1.7; }
.bp-grad-underline { background:linear-gradient(to right,#00c6ff,#ff7ad9); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }

/* ── STATS STRIP ── */
.bp-stats-dark { background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%); border-radius:24px; padding:48px 40px; display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:30px; position:relative; overflow:hidden; }
.bp-stats-dark::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 20% 50%,rgba(0,198,255,0.12) 0%,transparent 60%), radial-gradient(ellipse at 80% 50%,rgba(255,122,217,0.12) 0%,transparent 60%); }
.bp-stat-block { text-align:center; position:relative; z-index:2; }
.bp-stat-num { font-size:2.4rem; font-weight:800; line-height:1; background:linear-gradient(135deg,#00c6ff,#ff7ad9); -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin-bottom:8px; }
.bp-stat-label { font-size:13px; color:rgba(255,255,255,0.55); font-weight:500; line-height:1.4; }

/* ── BENTO GRID ── */
.bp-bento-grid { display:grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto auto; gap:20px; margin-bottom:0; }
.bp-bento-box { background:rgba(255,255,255,0.72); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,0.85); border-radius:24px; padding:32px; transition:all 0.4s cubic-bezier(0.4,0,0.2,1); position:relative; overflow:hidden; }
.bp-bento-box:hover { transform:translateY(-6px); box-shadow:0 20px 48px rgba(0,0,0,0.1); }
.bp-bento-large { grid-column: span 2; }
.bp-bento-tall  { grid-row: span 2; }
.bp-bg-dark { background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%); border-color:transparent; color:#fff; }
.bp-bg-dark h3 {color: white !important; }
.bp-bg-dark p, .bp-bg-dark small { color:rgba(255,255,255,0.7); }
.bp-bg-dark ul { color:rgba(255,255,255,0.8); }
.bp-bg-dark ul li strong { color:#fff; }
.bp-bento-icon { font-size:36px; margin-bottom:16px; }
.bp-bento-box h3 { font-size:1.3rem; font-weight:800; color:#111827; margin-bottom:10px; }
.bp-bento-box p { font-size:14.5px; color:#6b7280; line-height:1.65; margin:0; }
.bp-bento-box ul { list-style:none; display:flex; flex-direction:column; gap:10px; font-size:14.5px; }
.bp-bento-box ul li { display:flex; flex-direction:column; gap:2px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.1); }
.bp-bento-box ul li:last-child { border-bottom:none; }
.bp-bento-badge { display:inline-block; font-size:10px; font-weight:700; padding:2px 8px; border-radius:20px; margin-top:4px; width:fit-content; }
.bp-badge-green  { background:rgba(16,185,129,0.15); color:#10b981; border:1px solid rgba(16,185,129,0.3); }
.bp-badge-blue   { background:rgba(0,198,255,0.15);  color:#0369a1;  border:1px solid rgba(0,198,255,0.3); }
.bp-badge-pink   { background:rgba(255,122,217,0.15); color:#db2777; border:1px solid rgba(255,122,217,0.3); }

@media(max-width:900px){ .bp-bento-grid { grid-template-columns:1fr 1fr; } .bp-bento-large { grid-column:span 2; } .bp-bento-tall  { grid-row:span 1; } }
@media(max-width:600px){ .bp-bento-grid { grid-template-columns:1fr; } .bp-bento-large { grid-column:span 1; } }

/* ── PROCESS STEPS ── */
.bp-process-steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:20px; }
.bp-process-step-card { background:rgba(255,255,255,0.72); backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,0.85); border-radius:20px; padding:28px 22px; text-align:center; transition:transform 0.3s,box-shadow 0.3s; }
.bp-process-step-card:hover { transform:translateY(-5px); box-shadow:0 14px 36px rgba(0,0,0,0.08); }
.bp-ps-num { width:44px; height:44px; border-radius:50%; margin:0 auto 14px; background:linear-gradient(135deg,#00c6ff,#ff7ad9); color:#fff; font-size:18px; font-weight:800; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 16px rgba(0,198,255,0.3); }
.bp-ps-icon { font-size:28px; margin-bottom:10px; }
.bp-ps-title { font-size:1rem; font-weight:800; color:#111827; margin-bottom:6px; }
.bp-ps-desc { font-size:13.5px; color:#6b7280; line-height:1.6; }

/* ── PAPER OPTIONS ── */
.bp-paper-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; }
.bp-paper-card { background:rgba(255,255,255,0.72); backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,0.85); border-radius:20px; padding:26px; transition:transform 0.3s,box-shadow 0.3s; }
.bp-paper-card:hover { transform:translateY(-4px); box-shadow:0 14px 32px rgba(0,0,0,0.08); }
.bp-paper-card.bp-recommended { border-color:rgba(0,198,255,0.4); box-shadow:0 0 0 2px rgba(0,198,255,0.15); }
.bp-paper-rec-tag { display:inline-block; font-size:10px; font-weight:700; padding:3px 10px; border-radius:20px; margin-bottom:10px; background:linear-gradient(135deg,#00c6ff,#ff7ad9); color:#fff; }
.bp-paper-gsm { font-size:2rem; font-weight:900; background:linear-gradient(135deg,#00c6ff,#ff7ad9); -webkit-background-clip:text; -webkit-text-fill-color:transparent; line-height:1; margin-bottom:4px; }
.bp-paper-name { font-size:14px; font-weight:700; color:#111827; margin-bottom:8px; }
.bp-paper-desc { font-size:13px; color:#6b7280; line-height:1.6; }
.bp-paper-use { margin-top:10px; font-size:11px; font-weight:700; color:#0369a1; }

/* ── SPECS TABLE ── */
.bp-specs-wrap { background:rgba(255,255,255,0.8); backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,0.9); border-radius:20px; overflow:hidden; box-shadow:0 8px 28px rgba(0,0,0,0.05); }
.bp-specs-table { width:100%; border-collapse:collapse; font-size:14.5px; }
.bp-specs-table th { padding:15px 20px; text-align:left; font-size:12px; font-weight:700; letter-spacing:0.5px; }
.bp-specs-table th:first-child { background:rgba(248,250,252,0.9); color:#6b7280; }
.bp-specs-table th.bp-col-std { background:rgba(240,253,244,0.8); color:#065f46; text-align:center; }
.bp-specs-table th.bp-col-prem { background:linear-gradient(135deg,rgba(0,198,255,0.1),rgba(255,122,217,0.1)); color:#0369a1; text-align:center; }
.bp-specs-table td { padding:13px 20px; border-top:1px solid rgba(229,231,235,0.5); vertical-align:middle; }
.bp-specs-table td:first-child { font-weight:600; color:#374151; background:rgba(248,250,252,0.5); }
.bp-specs-table td:not(:first-child) { text-align:center; color:#475569; }
.bp-specs-table tr:hover td { background:rgba(0,198,255,0.03); }

/* ── COMPARE TABLE ── */
.bp-compare-wrap { background:rgba(255,255,255,0.82); backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,0.9); border-radius:20px; overflow:hidden; box-shadow:0 8px 28px rgba(0,0,0,0.05); }
.bp-compare-table { width:100%; border-collapse:collapse; font-size:14px; }
.bp-compare-table th { padding:15px 20px; text-align:left; font-size:12px; font-weight:700; letter-spacing:0.5px; }
.bp-compare-table th:first-child { background:rgba(248,250,252,0.9); color:#6b7280; }
.bp-compare-table th.bp-pod { background:rgba(248,250,252,0.9); color:#9ca3af; text-align:center; }
.bp-compare-table th.bp-offset { background:linear-gradient(135deg,rgba(0,198,255,0.12),rgba(255,122,217,0.12)); color:#0369a1; text-align:center; }
.bp-compare-table td { padding:12px 20px; border-top:1px solid rgba(229,231,235,0.5); vertical-align:middle; }
.bp-compare-table td:first-child { font-weight:600; color:#374151; background:rgba(248,250,252,0.5); }
.bp-compare-table td:not(:first-child) { text-align:center; }
.bp-compare-table tr:hover td { background:rgba(0,198,255,0.03); }

/* ── PRICING CARDS ── */
.bp-pricing-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:22px; }
.bp-p-card { background:rgba(255,255,255,0.75); backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,0.88); border-radius:20px; padding:32px; display:flex; flex-direction:column; gap:16px; transition:transform 0.3s,box-shadow 0.3s; position:relative; }
.bp-p-card:hover { transform:translateY(-5px); box-shadow:0 16px 40px rgba(0,0,0,0.1); }
.bp-p-card--featured { border:2px solid transparent; background:linear-gradient(white,white) padding-box, linear-gradient(135deg,#00c6ff,#ff7ad9) border-box; box-shadow:0 8px 32px rgba(0,198,255,0.18); }
.bp-p-tag { position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:linear-gradient(135deg,#00c6ff,#ff7ad9); color:#fff; font-size:11px; font-weight:700; padding:4px 16px; border-radius:20px; white-space:nowrap; }
.bp-p-header { display:flex; justify-content:space-between; align-items:flex-start; }
.bp-p-header h4 { font-size:1.15rem; font-weight:800; color:#111827; margin:0;}
.bp-p-price { font-size:2rem; font-weight:900; background:linear-gradient(135deg,#00c6ff,#ff7ad9); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.bp-p-price span { font-size:0.9rem; color:#6b7280; -webkit-text-fill-color:#6b7280; }
.bp-p-desc { font-size:13.5px; color:#6b7280; line-height:1.6; margin:0;}
.bp-p-features { list-style:none; display:flex; flex-direction:column; gap:8px; padding:0; margin:0;}
.bp-p-features li { display:flex; align-items:flex-start; gap:8px; font-size:14px; color:#374151; line-height:1.5; }
.bp-p-features li::before { content:'✓'; color:#10b981; font-weight:900; font-size:12px; flex-shrink:0; margin-top:2px; }

/* ── TESTIMONIALS ── */
.bp-testi-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; }
.bp-testi-card { background:rgba(255,255,255,0.72); backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,0.85); border-radius:20px; padding:28px; display:flex; flex-direction:column; gap:14px; transition:transform 0.3s; }
.bp-testi-card:hover { transform:translateY(-4px); box-shadow:0 14px 36px rgba(0,0,0,0.07); }
.bp-testi-stars { font-size:14px; letter-spacing:2px; color:#f59e0b; }
.bp-testi-text { font-size:15px; color:#475569; line-height:1.7; font-style:italic; padding-left:20px; position:relative; }
.bp-testi-text::before { content:'"'; position:absolute; left:0; top:-6px; font-size:42px; color:#e0e7ff; line-height:1; font-style:normal; font-family:Georgia,serif; }
.bp-testi-author { padding-top:14px; border-top:1px solid rgba(229,231,235,0.5); }
.bp-testi-name { font-size:15px; font-weight:800; color:#111827; }
.bp-testi-role { font-size:12px; color:#9ca3af; margin-top:2px; }

/* ── PRICE QUOTE FAQ (Clean Index Style) ── */
.pq-faq-list { 
  display: flex; 
  flex-direction: column; 
  gap: 8px; 
  max-width: 820px; 
  margin: 0 auto; 
  padding: 0 24px; 
}

.pq-faq-item {
  background: #ffffff;
  border: 1px solid #e5e7eb; 
  border-radius: 12px;
  overflow: hidden;
  transition: box-shadow 0.2s;
}

.pq-faq-item:hover { 
  box-shadow: 0 4px 12px rgba(0,0,0,0.04); 
}

.pq-faq-question {
  width: 100%; 
  padding: 18px 22px; 
  cursor: pointer; 
  border: none; 
  background: #ffffff;
  display: flex; 
  justify-content: space-between; 
  align-items: center;
  font-size: 15px; 
  font-weight: 700; 
  color: #0f172a; 
  text-align: left;
  gap: 14px;
  transition: background 0.2s;
}

/* Turn the gradient circle into a simple index-style arrow */
.faq-q-icon {
  background: transparent;
  width: auto; 
  height: auto;
  color: #0f172a;
  font-size: 20px;
  display: flex; 
  align-items: center; 
  justify-content: center;
  transition: transform 0.3s ease;
  border-radius: 0;
}

.faq-q-icon::after {
  content: '▾'; /* Simple dropdown arrow */
  display: block;
}

/* Answer box with light gray background */
.pq-faq-answer {
  max-height: 0; 
  overflow: hidden;
  transition: max-height 0.35s ease, padding 0.3s;
  padding: 0 22px; 
  font-size: 14.5px; 
  color: #475569; 
  line-height: 1.75;
  background: #fcfcfc; 
}

/* Expanded state styling */
.pq-faq-item.active .pq-faq-answer { 
  max-height: 400px; 
  padding: 18px 22px; 
  border-top: 1px solid #f1f5f9; 
}

/* Rotate the arrow up when open */
.pq-faq-item.active .faq-q-icon { 
  transform: rotate(-180deg); 
}


/* ── FAQ (Clean Index Style) ── */
.bp-faq-list-wrap { 
  display: flex; 
  flex-direction: column; 
  gap: 8px; 
  max-width: 820px; 
  margin: 0 auto; 
  padding: 0 24px; 
}

.bp-faq-item {
  background: #ffffff;
  border: 1px solid #e5e7eb; 
  border-radius: 12px;
  overflow: hidden;
  transition: box-shadow 0.2s;
}

.bp-faq-item:hover { 
  box-shadow: 0 4px 12px rgba(0,0,0,0.04); 
}

.bp-faq-question {
  width: 100%; 
  padding: 18px 22px; 
  cursor: pointer; 
  border: none; 
  background: #ffffff;
  display: flex; 
  justify-content: space-between; 
  align-items: center;
  font-size: 15px; 
  font-weight: 700; 
  color: #0f172a; 
  text-align: left;
  transition: background 0.2s;
}

/* Turn the existing circle icon into a simple index-style arrow */
.bp-faq-icon {
  background: transparent;
  width: auto; 
  height: auto;
  color: #0f172a;
  font-size: 20px;
  display: flex; 
  align-items: center; 
  justify-content: center;
  transition: transform 0.3s ease;
}

.bp-faq-icon::after {
  content: '▾'; /* Index wala simple dropdown arrow */
  display: block;
}

/* Answer box with light gray background like index */
.bp-faq-answer {
  max-height: 0; 
  overflow: hidden;
  transition: max-height 0.35s ease, padding 0.3s;
  padding: 0 22px; 
  font-size: 14.5px; 
  color: #475569; 
  line-height: 1.75;
  background: #fcfcfc; /* Light gray background */
}

/* Expanded state styling */
.bp-faq-item.active .bp-faq-answer { 
  max-height: 400px; 
  padding: 18px 22px; 
  border-top: 1px solid #f1f5f9; /* Subtle line separating question and answer */
}

/* Rotate the arrow up when open */
.bp-faq-item.active .bp-faq-icon { 
  transform: rotate(-180deg); 
}
/* ── MODAL ── */
.pc-modal { display:none; position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,0.6); backdrop-filter:blur(8px); justify-content:center; align-items:center; }
.pc-box { background:rgba(255,255,255,0.95); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,0.9); border-radius:24px; padding:36px; width:100%; max-width:640px; max-height:90vh; overflow-y:auto; box-shadow:0 32px 80px rgba(0,0,0,0.2); }
.pc-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.pc-head h3 { font-size:1.3rem; font-weight:800; color:#111827; display:flex; align-items:center; gap:10px; margin:0;}
.pc-close { background:none; border:none; font-size:28px; color:#9ca3af; cursor:pointer; line-height:1; transition:color 0.2s; }
.pc-close:hover { color:#111827; }
.pc-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:24px; }
.pc-field { display:flex; flex-direction:column; gap:6px; }
.pc-field label { font-size:12px; font-weight:700; color:#374151; text-transform:uppercase; letter-spacing:0.5px; }
.pc-field input, .pc-field select { padding:10px 14px; border-radius:10px; border:1.5px solid #e5e7eb; font-size:14.5px; font-weight:500; background:rgba(255,255,255,0.9); outline:none; transition:border-color 0.2s; }
.pc-field input:focus, .pc-field select:focus { border-color:#00c6ff; }
.pc-result-panel { background:linear-gradient(135deg,rgba(0,198,255,0.06),rgba(255,122,217,0.06)); border:1px solid rgba(0,198,255,0.2); border-radius:16px; padding:20px; margin-bottom:20px; }
.pc-est-label { font-size:12px; font-weight:700; color:#6b7280; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:8px; }
.pc-price-tag { font-size:2rem; font-weight:900; background:linear-gradient(135deg,#00c6ff,#ff7ad9); -webkit-background-clip:text; -webkit-text-fill-color:transparent; line-height:1; margin-bottom:12px; }
.pc-note { font-size:12px; color:#9ca3af; margin-top:10px; }
.pc-btn--full { width:100%; justify-content:center; }
@media(max-width:600px){ .pc-grid { grid-template-columns:1fr; } .pc-box { padding:24px; margin:16px; } }

/* ── FLOATING DOCK ── */
.bp-floating-dock { position:fixed; bottom:24px; right:24px; z-index:999; background:rgba(255,255,255,0.95); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,0.9); border-radius:20px; padding:14px 20px; box-shadow:0 8px 32px rgba(0,0,0,0.12); display:flex; align-items:center; gap:16px; }
.bp-dock-info span { font-size:14px; font-weight:800; color:#111827; display:block; }
.bp-dock-info small { font-size:12px; color:#9ca3af; }

/* ── FINAL CTA ── */
.bp-final-cta-wrap { background:rgba(255,255,255,0.8); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,0.9); border-radius:24px; padding:60px 40px; text-align:center; box-shadow:0 8px 32px rgba(0,0,0,0.06); }
.bp-final-cta-wrap h2 { font-size:2rem; font-weight:800; color:#111827; margin-bottom:14px; letter-spacing:-0.5px; }
.bp-final-cta-wrap p { font-size:1.05rem; color:#64748b; max-width:520px; margin:0 auto 32px; line-height:1.7; }

/* ── SEO RICH TEXT ── */
.bp-seo-rich { padding:0 0 60px; }
.bp-seo-rich h2 { font-size:1.5rem; font-weight:800; color:#111827; margin-bottom:12px; }
.bp-seo-rich h3 { font-size:1.15rem; font-weight:700; color:#1e293b; margin:20px 0 8px; }
.bp-seo-rich p { font-size:15px; color:#6b7280; line-height:1.8; margin-bottom:10px; max-width:900px; }
.bp-seo-rich a { color:#0369a1; text-decoration:none; }
.bp-seo-rich a:hover { text-decoration:underline; }

@media(max-width:768px){ .bp-hero { padding:90px 0 60px; } .bp-stats-dark { padding:36px 24px; gap:20px; } .bp-final-cta-wrap { padding:40px 24px; } .bp-floating-dock { bottom:16px; right:16px; padding:10px 14px; } .bp-specs-table { font-size:13px; } 
.pq-wrapper {padding: 90px 10px !important} }
/* cost table */
.bpx-cost-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; border-radius:12px; margin-top:12px; }
.bpx-cost { width:100%; min-width:640px; border-collapse:collapse; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 1px 3px rgba(15,23,42,.08); }
.bpx-cost thead th { background:#0f172a; color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:.05em; font-weight:700; padding:14px; text-align:left; white-space:nowrap; }
.bpx-cost tbody td { padding:14px; border-bottom:1px solid #e2e8f0; font-size:14px; color:#334155; }
.bpx-cost tbody tr:last-child td { border-bottom:none; }
.bpx-cost tbody tr:hover { background:#f8fafc; }
.bpx-cost td:first-child { font-weight:700; color:#0f172a; white-space:nowrap; }
.bpx-cost .bpx-best { background:#f0fdf4; }
.bpx-cost .bpx-best td:first-child::after { content:' ⭐'; }
.bpx-unit { font-family:ui-monospace,Menlo,monospace; font-weight:700; color:#059669; }
.bpx-pod { color:#94a3b8; text-decoration:line-through; }

/* safety cards */
.bpx-safety { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; margin-top:36px; }
.bpx-safety-card { background:#fff; border:1px solid #e2e8f0; border-left:3px solid #10b981; border-radius:12px; padding:24px 20px; }
.bpx-safety-card h3 { font-size:16px; font-weight:700; color:#0f172a; margin:0 0 8px; }
.bpx-safety-card p { font-size:13.5px; line-height:1.62; color:#64748b; margin:0; }
.bpx-safety-badge { display:inline-block; font-size:11px; font-weight:700; color:#065f46; background:#d1fae5; padding:3px 9px; border-radius:5px; margin-bottom:10px; letter-spacing:.03em; }

/* decision cards */
.bpx-decide { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; margin-top:34px; }
.bpx-dc { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:22px 20px; }
.bpx-dc h3 { font-size:15.5px; font-weight:700; color:#0f172a; margin:0 0 9px; line-height:1.35; }
.bpx-dc p { font-size:13.5px; line-height:1.6; color:#64748b; margin:0 0 11px; }
.bpx-dc .bpx-verdict { font-size:13px; font-weight:700; display:inline-flex; gap:5px; }
.bpx-dc .bpx-yes { color:#059669; }
.bpx-dc .bpx-no  { color:#dc2626; }

/* prose */
.bpx-prose { max-width:790px; margin:32px auto 0; }
.bpx-prose h3 { font-family:'Playfair Display',Georgia,serif; font-size:20px; font-weight:700; color:#0f172a; margin:28px 0 12px; line-height:1.28; }
.bpx-prose h3:first-child { margin-top:0; }
.bpx-prose p { font-size:16px; line-height:1.75; color:#334155; margin:0 0 16px; }
.bpx-prose ul { margin:0 0 18px; padding-left:0; list-style:none; }
.bpx-prose ul li { padding-left:26px; position:relative; font-size:15px; line-height:1.65; color:#334155; margin-bottom:9px; }
.bpx-prose ul li::before { content:'✓'; position:absolute; left:0; top:0; color:#10b981; font-weight:800; }
.bpx-prose a { color:#0369a1; font-weight:600; }

/* testimonials — real reviews */
.bpx-quotes { display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:18px; margin-top:34px; }
.bpx-quote { background:#fff; padding:22px; border-radius:12px; border:1px solid #e2e8f0; }
.bpx-stars { color:#f59e0b; letter-spacing:2px; font-size:14px; margin-bottom:10px; }
.bpx-quote p { font-size:14px; line-height:1.65; color:#334155; font-style:italic; margin:0 0 14px; }
.bpx-quote footer { display:flex; align-items:center; gap:9px; padding-top:12px; border-top:1px solid #e2e8f0; }
.bpx-flag { width:28px; height:21px; border-radius:3px; background:#f1f5f9; display:flex; align-items:center; justify-content:center; font-size:15px; }
.bpx-qname { font-size:13px; font-weight:600; color:#0f172a; }
.bpx-qloc { font-size:12px; color:#64748b; }