/* Integration/readiness only. Original visual rules remain in original.css. */
[hidden] { display: none !important; }
body { min-width: 0; }
.original-status { padding: 32px; text-align: center; }
.original-status button { margin-top: 12px; }
.original-variant, .original-search { display: grid; gap: 8px; margin: 18px 0; }
.original-variant select, .original-search input { min-width: 0; max-width: 100%; padding: 10px; border: 1px solid var(--line); background: var(--bg-card); }
.legal-body p { white-space: pre-line; overflow-wrap: anywhere; }
.product-info h3, .demo-pdp h1 { overflow-wrap: anywhere; }
.original-variant { max-width: 100%; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, article[tabindex]:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.commerce-workspace { width: 100%; max-width: 960px; min-width: 0; margin-inline: auto; padding: clamp(16px, 4vw, 40px); overflow-wrap: anywhere; }
.commerce-form { display: grid; gap: 16px; max-width: 560px; min-width: 0; margin-block: 24px; }
.commerce-form label { display: grid; gap: 8px; min-width: 0; }
.commerce-form input, .commerce-form select { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; padding: 12px; font: inherit; color: inherit; background: var(--bg-card); border: 1px solid var(--line); border-radius: 4px; }
.commerce-form .commerce-consent { display: flex; align-items: start; }
.commerce-consent input { flex: 0 0 20px; width: 20px; height: 20px; }
.commerce-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-block: 16px; }
.commerce-workspace .demo-btn { white-space: normal; max-width: 100%; margin: 4px; }
.commerce-cart-row, .commerce-address { padding: 16px 0; border-bottom: 1px solid var(--line); }
.commerce-status { white-space: normal; line-height: 1.6; padding: 12px 0; }
.commerce-form [role="alert"] { color: #a33124; }
.commerce-workspace button:disabled { opacity: .55; cursor: not-allowed; }
/* Original-theme loading and crawlable card links, not a replacement visual theme. */
.product-title-link { color: inherit; text-decoration: none; }
.section-head h1.cafe-category-heading { font-size: inherit; font-weight: inherit; letter-spacing: inherit; margin: 0; }
.product-title-link:focus-visible { border-radius: 2px; }
.cafe-loading-skeleton { min-height: min(680px, 80vh); }