/* Scoped to set contents; do not restyle other WooCommerce tables. */
.wcsu-contents { --wcsu-line:#dfe7ec; --wcsu-ink:#223645; --wcsu-muted:#566a79; color:var(--wcsu-ink); margin:8px 0 24px; width:100%; min-width:0; container-type:inline-size; }
.wcsu-contents, .wcsu-contents * { box-sizing:border-box; }
.wcsu-contents .wcsu-contents-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:24px; }
.wcsu-contents .wcsu-contents-heading > div { min-width:0; }
.wcsu-contents .wcsu-contents-eyebrow { color:var(--wcsu-muted); font-size:11px; font-weight:700; letter-spacing:.14em; }
.wcsu-contents .wcsu-contents-heading h2 { margin:8px 0; color:inherit; font-size:clamp(21px,3vw,28px); line-height:1.3; overflow-wrap:anywhere; }
.wcsu-contents .wcsu-contents-heading p { margin:0; max-width:640px; color:var(--wcsu-muted); font-size:14px; line-height:1.65; }
.wcsu-contents .wcsu-contents-count { flex-shrink:0; background:#edf5f4; color:#225c54; border:1px solid #d4e8e3; border-radius:24px; padding:8px 14px; font-size:13px; font-weight:600; }
.wcsu-contents .wcsu-contents-scroll { width:100%; min-width:0; border:1px solid var(--wcsu-line); border-radius:12px; background:#fff; }
.wcsu-contents table.wcsu-contents-table { table-layout:fixed; width:100%; min-width:0; border:0; border-collapse:separate; border-spacing:0; margin:0; font-size:14px; text-align:start; }
.wcsu-contents .wcsu-contents-table th { background:#f4f7f9; padding:16px; color:var(--wcsu-muted); font-size:12px; font-weight:700; border:0; border-bottom:1px solid var(--wcsu-line); overflow-wrap:anywhere; text-align:start; }
.wcsu-contents .wcsu-contents-table th:first-child { width:72px; border-start-start-radius:12px; }
.wcsu-contents .wcsu-contents-table th:nth-child(2) { width:110px; }
.wcsu-contents .wcsu-contents-table th:nth-child(3) { width:18%; }
.wcsu-contents .wcsu-contents-table th:last-child { width:108px; text-align:center; border-start-end-radius:12px; }
.wcsu-contents .wcsu-contents-table td { padding:20px 16px; vertical-align:top; border:0; border-bottom:1px solid var(--wcsu-line); white-space:normal; overflow-wrap:anywhere; }
.wcsu-contents .wcsu-contents-table tbody tr:last-child td { border-bottom:0; }
.wcsu-contents .wcsu-contents-table tbody tr:nth-child(even) { background:#fbfcfd; }
.wcsu-contents .wcsu-contents-number { color:var(--wcsu-muted); font-variant-numeric:tabular-nums; }
.wcsu-contents .wcsu-contents-sku { font-size:12px; font-weight:600; line-height:1.65; letter-spacing:.02em; }
.wcsu-contents a.wcsu-contents-link { display:block; color:inherit; text-decoration:none; min-width:0; }
.wcsu-contents .wcsu-contents-name { display:block; color:var(--theme-link-initial-color,#176b63); font-size:15px; font-weight:600; line-height:1.55; }
.wcsu-contents .wcsu-contents-description { display:block; margin-top:7px; color:var(--wcsu-muted); font-size:13px; line-height:1.75; }
.wcsu-contents .wcsu-contents-link:hover .wcsu-contents-name { text-decoration:underline; text-underline-offset:3px; }
.wcsu-contents .wcsu-contents-link:focus-visible { outline:2px solid #22756a; outline-offset:4px; border-radius:2px; }
.wcsu-contents .wcsu-contents-quantity { text-align:center; }
.wcsu-contents .wcsu-contents-quantity span { display:inline-block; min-width:38px; padding:5px 10px; background:#edf5f4; color:#225c54; border-radius:8px; font-weight:700; font-variant-numeric:tabular-nums; }
.wcsu-contents .screen-reader-text { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

@media (max-width:760px) {

.wcsu-contents .wcsu-contents-heading { flex-direction:column; gap:12px; margin-bottom:18px; }
.wcsu-contents .wcsu-contents-scroll { border:0; border-radius:0; background:transparent; }
.wcsu-contents table.wcsu-contents-table, .wcsu-contents .wcsu-contents-table tbody { display:block; width:100%; min-width:0; }
.wcsu-contents .wcsu-contents-table thead { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.wcsu-contents .wcsu-contents-table tbody tr { display:grid; grid-template-columns:80px minmax(0,1fr); grid-template-areas:"number quantity" "image sku" "detail detail"; gap:12px; padding:16px; margin-bottom:14px; border:1px solid var(--wcsu-line); border-radius:12px; background:#fff; }
.wcsu-contents .wcsu-contents-table tbody tr:nth-child(even) { background:#fff; }
.wcsu-contents .wcsu-contents-table tbody tr:last-child { margin-bottom:0; }
.wcsu-contents .wcsu-contents-table td { display:block; width:auto; min-width:0; padding:0; border:0; text-align:start; }
.wcsu-contents .wcsu-contents-table td::before { content:attr(data-label); display:block; margin-bottom:4px; color:var(--wcsu-muted); font-size:11px; line-height:1.5; font-weight:600; }
.wcsu-contents .wcsu-contents-table .wcsu-contents-number { grid-area:number; align-self:center; }
.wcsu-contents .wcsu-contents-table .wcsu-contents-quantity { grid-area:quantity; text-align:end; }
.wcsu-contents .wcsu-contents-table .wcsu-contents-sku { grid-area:sku; padding-bottom:12px; border-bottom:1px solid var(--wcsu-line); }
.wcsu-contents .wcsu-contents-table .wcsu-contents-image { grid-area:image; }
.wcsu-contents .wcsu-contents-table .wcsu-contents-image::before { display:none; }
.wcsu-contents .wcsu-contents-table .wcsu-contents-detail { grid-area:detail; }
.wcsu-contents .wcsu-contents-detail::before { display:none; }
.wcsu-contents .wcsu-contents-name { font-size:16px; }
.wcsu-contents .wcsu-contents-description { font-size:14px; line-height:1.7; }
}
@container (max-width:620px) {

.wcsu-contents .wcsu-contents-heading { flex-direction:column; gap:12px; margin-bottom:18px; }
.wcsu-contents .wcsu-contents-scroll { border:0; border-radius:0; background:transparent; }
.wcsu-contents table.wcsu-contents-table, .wcsu-contents .wcsu-contents-table tbody { display:block; width:100%; min-width:0; }
.wcsu-contents .wcsu-contents-table thead { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.wcsu-contents .wcsu-contents-table tbody tr { display:grid; grid-template-columns:80px minmax(0,1fr); grid-template-areas:"number quantity" "image sku" "detail detail"; gap:12px; padding:16px; margin-bottom:14px; border:1px solid var(--wcsu-line); border-radius:12px; background:#fff; }
.wcsu-contents .wcsu-contents-table tbody tr:nth-child(even) { background:#fff; }
.wcsu-contents .wcsu-contents-table tbody tr:last-child { margin-bottom:0; }
.wcsu-contents .wcsu-contents-table td { display:block; width:auto; min-width:0; padding:0; border:0; text-align:start; }
.wcsu-contents .wcsu-contents-table td::before { content:attr(data-label); display:block; margin-bottom:4px; color:var(--wcsu-muted); font-size:11px; line-height:1.5; font-weight:600; }
.wcsu-contents .wcsu-contents-table .wcsu-contents-number { grid-area:number; align-self:center; }
.wcsu-contents .wcsu-contents-table .wcsu-contents-quantity { grid-area:quantity; text-align:end; }
.wcsu-contents .wcsu-contents-table .wcsu-contents-sku { grid-area:sku; padding-bottom:12px; border-bottom:1px solid var(--wcsu-line); }
.wcsu-contents .wcsu-contents-table .wcsu-contents-image { grid-area:image; }
.wcsu-contents .wcsu-contents-table .wcsu-contents-image::before { display:none; }
.wcsu-contents .wcsu-contents-table .wcsu-contents-detail { grid-area:detail; }
.wcsu-contents .wcsu-contents-detail::before { display:none; }
.wcsu-contents .wcsu-contents-name { font-size:16px; }
.wcsu-contents .wcsu-contents-description { font-size:14px; line-height:1.7; }
}

.wcsu-contents .wcsu-contents-image a { display:block; width:78px; max-width:100%; border:1px solid var(--wcsu-line); border-radius:8px; padding:5px; background:#fff; }
.wcsu-contents img.wcsu-contents-thumbnail { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; margin:0; border:0; border-radius:4px; }
.wcsu-contents .wcsu-contents-image a:focus-visible { outline:2px solid #22756a; outline-offset:3px; }