/* Decision blocks for the six reviewed pages and stock recovery on product fichas. */
.purchase-summary, .stock-recovery {
  background: #f0f5ef;
  border: 1px solid #ccd8cd;
  color: #15382c;
  padding: clamp(1rem, 3vw, 1.75rem);
  margin-block: 1.5rem;
  scroll-margin-top: 6rem;
}
.purchase-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}
.purchase-options > div { min-width: 0; }
body .article-content .purchase-summary > h2 {
  border: 0; margin-top: .4rem !important; padding-top: 0;
}
.purchase-product {
  display: grid;
  grid-template-columns: minmax(110px, .7fr) minmax(0, 2fr);
  align-items: center;
  gap: 1.25rem;
  border: 1px solid #d9dfd7;
  background: #fff;
  color: #15382c;
  margin-block: 1.5rem;
  padding: 1.25rem;
}
.purchase-product:not(:has(> img)) { grid-template-columns: minmax(0, 1fr); }
.purchase-product > img { width: 100%; height: 180px; object-fit: contain; }
.purchase-product h3, .purchase-options h3, .stock-recovery h3 {
  font-size: 1.15rem; line-height: 1.3; margin-top: .5rem;
}
.purchase-summary .hero-actions, .purchase-product .hero-actions, .stock-recovery .hero-actions {
  display: flex; flex-wrap: wrap; align-items: stretch; gap: .75rem; margin-block: 1rem;
}
:is(.purchase-summary, .purchase-product, .stock-recovery) .btn {
  min-height: 44px; max-width: 100%; white-space: normal; text-align: center;
}
body .article-content :is(.purchase-summary, .purchase-product) a.btn-dark,
.stock-recovery a.btn-dark {
  color: #fff !important; background: #12372a !important;
}
body .article-content :is(.purchase-summary, .purchase-product) a.btn-light,
.stock-recovery a.btn-light { color: #15382c !important; background: #fff !important; }
[data-conversion-page] a:focus-visible, .stock-recovery a:focus-visible {
  outline: 3px solid #17613f; outline-offset: 3px;
}
[data-conversion-page] :is(section[id], .article-faqs) { scroll-margin-top: 6rem; }
.purchase-toc ol { padding-left: 1.15rem; }
.purchase-toc li { margin-block: .65rem; line-height: 1.4; }
.purchase-sources { border-top: 1px solid #d9dfd7; padding-top: 1.25rem; margin-top: 2rem; font-size: .875rem; }
[data-conversion-page] .article-table-wrap { max-width: 100%; overflow-x: auto; }
[data-conversion-page] .article-table-wrap th, [data-conversion-page] .article-table-wrap td {
  min-width: 125px; white-space: normal; vertical-align: top;
}
[data-conversion-page] .purchase-disclosure, [data-conversion-page] .affiliate-disclosure {
  display: block !important; max-width: 65ch; font-size: .875rem !important;
  line-height: 1.5 !important; margin-top: .75rem !important;
}
[data-conversion-page] .affiliate-disclosure::before { display: none; }
.stock-recovery { font-size: .95rem; }
.stock-recovery h2 { font-size: 1.35rem; line-height: 1.3; }
.stock-recovery [data-stock-candidate]:not(:empty) { border-bottom: 1px solid #ccd8cd; padding-bottom: 1.25rem; margin-bottom: 1.25rem; }
@media (min-width: 1400px) {
  [data-conversion-page] .page-share-rail { left: 8px !important; }
}
@media (max-width: 1399px) {
  [data-conversion-page] .page-share-rail { display: none !important; }
}
@media (max-width: 640px) {
  [data-conversion-page] .back-to-top { display: none !important; }
  [data-conversion-page] .hero-copy { display: block !important; }
  [data-conversion-page] .hero-copy > .hero-actions { margin-top: 1.25rem; }
  [data-conversion-page] .hero-showcase { margin-top: 1.5rem; }
  .purchase-options, .purchase-product { grid-template-columns: minmax(0, 1fr); }
  .purchase-product > img { max-width: 220px; justify-self: center; height: 150px; }
  .purchase-options > div + div { border-top: 1px solid #ccd8cd; padding-top: 1rem; }
  :is(.purchase-summary, .purchase-product, .stock-recovery) .hero-actions > a { width: 100%; }
}

