/* 2026-09-15 v1.4
 * - Moved the product return action into the form panel and reused the standard button treatment.
 *
 * 2026-09-15 v1.3
 * - Added the selected product's direct return action beside the logo.
 *
 * 2026-09-10 v1.2
 * - Changed the dark-panel submit action to a transparent on-dark button with a consistently pale border and text.
 * 2026-08-27 v1.1
 * - Preserved form spacing after removing the redundant consent checkbox.
 * - Added the responsive closed restock request flow.
 */

body.req-restockform { background:#180f0a!important; }
.restockform,.restockform * { box-sizing:border-box; }
.restockform {
	--restock_background:#180f0a;
	--restock_panel:#3a332e;
	--restock_paper:#ece8df;
	--restock_text:#f5f1eb;
	--restock_ink:#2b241f;
	--restock_muted:#bdb3aa;
	min-height:100vh;
	padding:44px 40px 90px;
	background:radial-gradient(circle at 15% 10%,rgba(138,115,94,.16),transparent 34%),var(--restock_background);
	color:var(--restock_text);
	font-family:"avenir-lt-pro",Avenir,"Helvetica Neue",Arial,sans-serif;
}
.restockform button,.restockform input { font:inherit; }
.restockform-shell { width:min(1180px,100%); margin:0 auto; }
.restockform-topbar { display:flex; min-height:72px; align-items:center; margin-bottom:30px; }
.restockform-logo img { display:block; width:220px; max-width:52vw; height:auto; }
.restockform-progress { display:flex; align-items:center; gap:14px; margin:0 0 -18px 40px; color:var(--restock_muted); font-size:10px; letter-spacing:.15em; text-transform:uppercase; }
.restockform-progress span { display:grid; width:38px; height:38px; place-items:center; border:1px solid rgba(245,241,235,.5); border-radius:50%; }
.restockform-progress strong { color:var(--restock_text); font-weight:normal; }
.restockform-layout { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr); min-height:680px; overflow:hidden; }
.restockform-panel { padding:80px 70px; background:var(--restock_panel); }
.restockform-summary { display:flex; flex-direction:column; justify-content:center; padding:46px; background:var(--restock_paper); color:var(--restock_ink); }
.restockform-kicker { margin:0 0 18px; color:var(--restock_muted); font-size:11px; letter-spacing:.2em; text-transform:uppercase; }
.restockform h1 { max-width:700px; margin:0 0 42px; color:inherit; font-size:clamp(38px,5vw,64px); font-weight:normal; line-height:1; letter-spacing:.06em; text-transform:uppercase; }
.restockform-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 28px; }
.restockform-field { display:block; }
.restockform-field span { display:block; margin-bottom:8px; color:#d3cbc4; font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
.restockform-field input { width:100%; min-height:50px; padding:10px 0; border:0; border-bottom:1px solid #7d736c; border-radius:0; outline:0; background:transparent; color:var(--restock_text); }
.restockform-field input::placeholder { color:#968d86; }
.restockform-field input:focus { border-bottom-color:var(--restock_text); }
.restockform-honeypot { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.restockform-submit,.restockform-return { display:inline-flex; min-height:58px; align-items:center; justify-content:space-between; gap:28px; padding:15px 20px; border:1px solid var(--restock_text); background:transparent; color:var(--restock_text); cursor:pointer; font-weight:bold; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.restockform-submit { margin-top:34px; }
.restockform-product-return-row { margin:0 0 42px; }
.restockform-submit:hover,.restockform-return:hover { border-color:var(--restock_text); opacity:1; }
.restockform-error { max-width:650px; margin:0 0 26px; padding:14px 16px; border:1px solid rgba(245,241,235,.45); color:var(--restock_text); }
.restockform-image { display:block; width:min(240px,100%); height:330px; margin:0 auto 26px; object-fit:contain; }
.restockform-summary .restockform-kicker { color:#7e746b; }
.restockform-summary h2 { color:var(--restock_ink); overflow-wrap:anywhere; margin:0 0 8px; font-size:30px; font-weight:normal; line-height:1.05; letter-spacing:.1em; text-transform:uppercase; }
.restockform-price { margin:0 0 20px; font-size:22px; }
.restockform-price small { font-size:11px; text-transform:uppercase; }
.restockform-status { margin:0; color:#766b62; font-size:11px; letter-spacing:.17em; text-transform:uppercase; }
.restockform-confirmation { display:flex; min-height:680px; flex-direction:column; justify-content:center; padding:80px 70px; background:var(--restock_panel); }
.restockform-confirmation-copy { max-width:680px; color:#d4ccc6; font-size:17px; line-height:1.7; }
.restockform-confirmation-card { display:grid; grid-template-columns:120px 1fr; gap:26px; align-items:center; max-width:680px; margin:30px 0; padding:24px; background:var(--restock_paper); color:var(--restock_ink); }
.restockform-confirmation-card img { width:100px; height:140px; object-fit:contain; }
.restockform-confirmation-card strong { display:block; margin-bottom:8px; font-size:20px; letter-spacing:.08em; text-transform:uppercase; }
.restockform-confirmation-card span { display:block; margin-top:5px; color:#766d65; font-size:12px; }
.restockform-return { align-self:flex-start; margin-top:12px; }

@media only screen and (max-width: 760px) {
	.restockform { padding:26px 18px 56px; }
	.restockform-topbar { margin-bottom:18px; }
	.restockform-progress { margin:0 0 16px; }
	.restockform-layout { grid-template-columns:1fr; }
	.restockform-summary { display:grid; grid-template-columns:105px 1fr; gap:0 18px; order:-1; padding:20px 22px; }
	.restockform-image { grid-row:1 / span 4; width:105px; height:145px; margin:0; }
	.restockform-summary .restockform-kicker { align-self:end; margin-bottom:5px; }
	.restockform-summary h2 { margin-bottom:4px; font-size:20px; }
	.restockform-price { margin-bottom:7px; font-size:16px; }
	.restockform-panel,.restockform-confirmation { min-height:0; padding:44px 28px 54px; }
	.restockform-fields { grid-template-columns:1fr; gap:24px; }
	.restockform h1 { margin-bottom:34px; font-size:42px; }
	.restockform-confirmation-card { grid-template-columns:90px 1fr; gap:16px; padding:18px; }
	.restockform-confirmation-card img { width:80px; height:110px; }
}

/* Keep the model and dial finish distinct within the existing summary grid. */
.restockform-summary h2 .restockform-model { display:block; }
.restockform-summary h2 .restockform-variant { display:block; margin-top:8px; font-size:.65em; line-height:1.3; letter-spacing:.06em; }