.scc-member-portal,
.scc-member-module { box-sizing: border-box; }
.scc-member-portal * { box-sizing: border-box; }
.scc-member-portal { --scc-border:#e8e3dc; --scc-soft:#faf8f5; --scc-text:#1f2529; --scc-muted:#6b7280; --scc-brand:#111; color:var(--scc-text); }
.scc-member-nav { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 22px; }
.scc-member-nav a { display:inline-flex; align-items:center; min-height:38px; padding:9px 16px; border:1px solid var(--scc-border); border-radius:999px; text-decoration:none; color:var(--scc-text); background:#fff; font-size:14px; }
.scc-member-nav a:hover { border-color:#222; color:#111; }
.scc-member-module { background:#fff; border:1px solid var(--scc-border); border-radius:16px; padding:24px; margin:0 0 24px; box-shadow:0 6px 18px rgba(16,24,40,.04); }
.scc-member-module h2 { margin:0 0 18px; font-size:22px; line-height:1.25; letter-spacing:-.01em; }
.scc-member-module p { color:var(--scc-muted); }
.scc-member-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; }
.scc-member-card { padding:16px; background:var(--scc-soft); border:1px solid #f0ece6; border-radius:14px; min-height:92px; }
.scc-member-card span { display:block; color:var(--scc-muted); font-size:12px; margin-bottom:8px; text-transform:uppercase; letter-spacing:.04em; }
.scc-member-card strong { display:block; font-size:20px; line-height:1.25; font-weight:700; }
.scc-order-list, .scc-offer-list { display:grid; gap:12px; }
.scc-order-card, .scc-offer-card { display:grid; grid-template-columns:minmax(180px,2fr) minmax(120px,1fr) minmax(120px,1fr) auto; gap:14px; align-items:center; border:1px solid var(--scc-border); border-radius:14px; padding:16px; background:#fff; }
.scc-order-card span, .scc-offer-card span { display:block; color:var(--scc-muted); font-size:12px; margin-bottom:3px; }
.scc-member-status { display:inline-flex; align-items:center; padding:5px 10px; border-radius:999px; background:#f3f4f6; color:#4b5563; font-size:12px; line-height:1; white-space:nowrap; }
.scc-member-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.scc-button, .scc-member-actions button, .scc-copy-code, .scc-wishlist-remove { display:inline-flex; align-items:center; justify-content:center; gap:6px; border:1px solid #222; background:#222; color:#fff; border-radius:999px; padding:9px 14px; line-height:1; text-decoration:none; cursor:pointer; font-size:13px; min-height:36px; }
.scc-button:hover, .scc-member-actions button:hover, .scc-copy-code:hover, .scc-wishlist-remove:hover { opacity:.9; color:#fff; }
.scc-button-secondary { background:#fff; color:#222; }
.scc-button-secondary:hover { color:#222; }

/* Wishlist buttons: designed to sit inside product cards without creating a large colored block. */
.scc-wishlist-toggle { display:inline-flex; align-items:center; justify-content:center; gap:6px; border:0; background:transparent; color:#111; padding:4px 0; line-height:1.2; cursor:pointer; font-size:14px; font-weight:600; text-decoration:none; box-shadow:none; }
.scc-wishlist-toggle:hover { color:#8b1e1e; background:transparent; }
.scc-wishlist-toggle .scc-wishlist-icon { font-size:18px; line-height:1; color:#111; }
.scc-wishlist-toggle.is-active .scc-wishlist-icon,
.scc-wishlist-toggle.is-active { color:#8b1e1e; }
.scc-wishlist-single { margin:12px 0; padding:8px 0; }
.scc-wishlist-compact { margin:8px 0 4px; font-size:14px; }
.scc-wishlist-compact .scc-wishlist-label { font-weight:600; }

.scc-product-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,260px)); justify-content:start; gap:18px; }
.scc-product-card { border:1px solid var(--scc-border); border-radius:16px; padding:14px; background:#fff; max-width:260px; overflow:hidden; }
.scc-product-card .scc-product-image { display:flex; align-items:center; justify-content:center; width:100%; min-height:190px; background:#fafafa; border-radius:12px; overflow:hidden; }
.scc-product-card img { width:100%; height:210px; object-fit:contain; border-radius:10px; display:block; }
.scc-product-title, .scc-product-card h3 { font-size:15px; line-height:1.35; margin:12px 0 6px; min-height:40px; }
.scc-product-card h3 a { text-decoration:none; color:inherit; }
.scc-product-price { font-weight:700; margin-bottom:5px; color:#111; }
.scc-product-stock { color:var(--scc-muted); font-size:13px; margin-bottom:12px; }
.scc-product-card .scc-member-actions { gap:6px; }
.scc-product-card .scc-button,
.scc-product-card .scc-wishlist-remove { font-size:12px; min-height:32px; padding:7px 10px; }
.scc-member-table { width:100%; border-collapse:collapse; font-size:14px; }
.scc-member-table th, .scc-member-table td { padding:12px 10px; border-bottom:1px solid #eee; text-align:left; }
.scc-login-required { text-align:center; }
@media (max-width: 760px) {
  .scc-order-card, .scc-offer-card { grid-template-columns:1fr; }
  .scc-member-module { padding:18px; }
  .scc-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .scc-product-card { max-width:none; padding:10px; }
  .scc-product-card img { height:160px; }
}
@media (max-width: 460px) {
  .scc-product-grid { grid-template-columns:1fr; }
  .scc-product-card img { height:190px; }
}