:root{
	--bg:#ffffff;
	--muted:#f3f4f6;
	--text:#111111;
	--sub:#6b7280;
	--border:#e5e7eb;
	--accent:#111111;
}

*{box-sizing:border-box;}
body{
	margin:0;
	font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
	background:var(--bg);
	color:var(--text);
}
.checkout-logo-wrap{
	display:flex;
	justify-content:center;
	padding:1.2rem 1rem .2rem;
}
.checkout-logo{
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
.checkout-logo img{
	width:clamp(73px,12.4vw,96px);
	max-width:100%;
	height:auto;
	display:block;
}
.checkout{
	padding:2rem 1.25rem;
}
.checkout__grid{
	display:grid;
	grid-template-columns:1.2fr 0.8fr;
	gap:2rem;
	max-width:1100px;
	margin:0 auto;
}
.checkout__panel{background:#fff;}
.checkout__title{font-size:1.25rem;margin:0 0 1rem;font-weight:600;}
.field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;}
.field input,
.field select,
.field textarea{border:1px solid var(--border);border-radius:.5rem;padding:.75rem .9rem;font-size:1rem;outline:none;background:#fff;}
.field input:focus,
.field select:focus,
.field textarea:focus{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.08);} 
.is-hidden{display:none;}
.helper{color:var(--sub);font-size:.9rem;}
.btn-primary{display:inline-flex;justify-content:center;align-items:center;width:100%;padding:.85rem 1rem;border:none;border-radius:.6rem;background:var(--accent);color:#fff;font-weight:600;letter-spacing:.03em;cursor:pointer;}
.accordion{border-top:1px solid var(--border);margin-top:1rem;}
.accordion details{border-bottom:1px solid var(--border);padding:.85rem 0;}
.accordion summary{cursor:pointer;font-weight:600;list-style:none;}
.accordion summary::-webkit-details-marker{display:none;}
.accordion summary::after{content:"+";float:right;color:var(--sub);} 
.accordion details[open] summary::after{content:"–";}

.summary{border:1px solid var(--border);border-radius:.9rem;background:#fff;padding:1.25rem;position:sticky;top:1.25rem;}
.summary__title{font-size:1.1rem;font-weight:600;margin:0 0 1rem;}
.summary__item{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;}
.thumb{width:64px;height:64px;background:var(--muted);border-radius:.5rem;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.summary__thumb{width:100%;height:100%;object-fit:cover;}
.summary__meta{flex:1;}
.summary__name{font-weight:600;margin:0 0 .25rem;}
.summary__size{color:var(--sub);font-size:.9rem;margin:0;}
.summary__price{font-weight:600;white-space:nowrap;}
.summary__remove{font-size:.85rem;color:#111;text-decoration:underline;cursor:pointer;}
.discount{display:flex;gap:.5rem;margin:1rem 0;}
.discount input{flex:1;border:1px solid var(--border);border-radius:.5rem;padding:.7rem .8rem;}
.discount button{padding:.7rem 1rem;border:1px solid var(--border);border-radius:.5rem;background:#fff;font-weight:600;cursor:pointer;}
.summary__breakdown{border-top:1px solid var(--border);padding-top:1rem;display:grid;gap:.5rem;}
.row{display:flex;justify-content:space-between;color:#111;}
.row.muted{color:var(--sub);} 
.row.total{font-weight:700;}
.summary__footer{margin-top:1rem;color:var(--sub);font-size:.85rem;text-align:center;}

@media (max-width:900px){
	.checkout__grid{grid-template-columns:1fr;}
	.summary{position:static;}
}