/* comparison.css */
.sm-comp-wrap{overflow-x:auto;border-radius:var(--sm-r);border:1px solid var(--sm-border);margin-bottom:2rem}
.sm-comp-table{width:100%;border-collapse:collapse}
.sm-comp-table thead tr{background:var(--sm-forest)}
.sm-comp-table thead th{padding:1.1rem 1rem;font-family:var(--sm-font-body);font-size:var(--sm-size-base);
  color:rgba(255,255,255,.7);font-weight:400;text-align:center}
.sm-comp-table thead th:first-child{text-align:left}
.sm-comp-table thead th:nth-child(2){font-family:var(--sm-font-display);font-size:var(--sm-size-md);color:var(--sm-mint);font-weight:400}
.sm-comp-table td{padding:.9rem 1rem;font-family:var(--sm-font-body);font-size:var(--sm-size-base);
  border-bottom:1px solid var(--sm-border);color:var(--sm-ink-2);text-align:center;vertical-align:middle}
.sm-comp-table td:first-child{text-align:left;font-weight:500;color:var(--sm-ink)}
.sm-comp-table tr:last-child td{border-bottom:none}
.sm-comp-table td.sm-comp__shopify-col{background:var(--sm-green-dim)}
.sm-comp__check{color:var(--sm-green);font-weight:700}
.sm-comp__cross{color:var(--sm-ink-4)}
.sm-comp__actions{display:flex;gap:0.625rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}
@media(max-width:768px){
  .sm-comp-table thead{display:none}
  .sm-comp-table,.sm-comp-table tbody{display:block;width:100%}
  .sm-comp-table tr{display:block;width:100%;border:1px solid var(--sm-border);border-radius:var(--sm-r);
    padding:1rem;margin-bottom:.75rem;background:var(--sm-paper)}
  .sm-comp-table tr:last-child{margin-bottom:0}
  .sm-comp-table td{display:flex;justify-content:space-between;align-items:center;gap:1rem;
    width:100%;text-align:right;padding:.5rem .75rem;border-bottom:1px dashed var(--sm-border);
    border-radius:var(--sm-r-sm)}
  .sm-comp-table td:last-child{border-bottom:none}
  .sm-comp-table td:first-child{display:block;text-align:left;font-family:var(--sm-font-display);
    font-size:var(--sm-size-xl);color:var(--sm-green);padding:0 0 .5rem;margin-bottom:.5rem;
    border-bottom:1px solid var(--sm-border);font-weight:400}
  .sm-comp-table td:first-child strong{font-weight:400}
  .sm-comp-table td:not(:first-child)::before{
    content:"";font-family:var(--sm-font-body);font-weight:600;color:var(--sm-ink);
    font-size:var(--sm-size-base);text-align:left;flex:0 0 auto}
  .sm-comp-table td:nth-child(2)::before{content:"Shopify"}
  .sm-comp-table td:nth-child(3)::before{content:"WooCommerce"}
  .sm-comp-table td:nth-child(4)::before{content:"Etsy"}
  .sm-comp-table td.sm-comp__shopify-col{background:var(--sm-green-dim);border-bottom:none;margin:.25rem 0}
  .sm-comp-table td.sm-comp__shopify-col::before{color:var(--sm-green-dark)}
}