.wsc-opc { max-width: 900px; margin: 0 auto; }
.wsc-opc-section { margin-bottom: 2.5em; padding-bottom: 2em; border-bottom: 1px solid #eee; }
.wsc-opc-section:last-child { border-bottom: none; }
.wsc-opc-section h2 { margin-bottom: 1em; }

.wsc-opc-grid { display: grid; grid-template-columns: repeat( auto-fill, minmax( 220px, 1fr ) ); gap: 1em; }
.wsc-opc-grid-item { border: 1px solid #e2e2e2; border-radius: 6px; padding: 1em; }
.wsc-opc-grid-item h4 { margin: 0 0 0.5em; }

.wsc-opc-cart-table { width: 100%; border-collapse: collapse; }
.wsc-opc-cart-table td { padding: 0.6em; border-bottom: 1px solid #eee; }
.wsc-opc-total { text-align: right; font-size: 1.2em; margin-top: 0.75em; }

.wsc-opc-fields { display: flex; flex-wrap: wrap; gap: 1em; }
.wsc-opc-fields p { flex: 1 1 200px; margin: 0; }
.wsc-opc-fields .wsc-opc-field-wide { flex-basis: 100%; }
.wsc-opc-fields input[type="text"],
.wsc-opc-fields input[type="email"],
.wsc-opc-fields input[type="tel"],
.wsc-opc-fields textarea { width: 100%; padding: 0.5em; box-sizing: border-box; font-family: inherit; }
.wsc-opc-fields label { display: block; margin-bottom: 0.3em; }

.wsc-opc-place-order-button {
	display: block;
	width: 100%;
	background: #1f6f43;
	color: #fff;
	border: none;
	padding: 1em;
	font-size: 1.1em;
	border-radius: 6px;
	cursor: pointer;
	margin-top: 1em;
}