.vd-c4{--ink:#151515;--muted:#666;--accent:#ec071b;max-width:1340px;margin:auto;padding:32px 28px 60px;color:var(--ink);font-family:Arial,sans-serif}.vd-c4 *{box-sizing:border-box}.vd-c4 p{margin:0}.c4-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr);gap:32px;align-items:start}.c4-preview-column{position:sticky;top:20px;padding:22px 24px 24px;border:1px solid #ddd;border-radius:6px;background:linear-gradient(135deg,#fff,#f7f7f7)}.c4-eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--accent)}.vd-c4 h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-size:clamp(32px,3.5vw,50px);line-height:1.04;letter-spacing:.005em;margin:12px 0 10px;font-weight:900}.c4-heading-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center}.c4-heading-bottom p{text-transform:uppercase;color:#777;letter-spacing:.06em;font-size:14px;font-weight:bold}.c4-heading-bottom>span{color:var(--accent);font-family:Impact,'Arial Narrow',sans-serif;font-size:20px;font-style:italic;text-transform:uppercase;transform:rotate(-7deg);line-height:1.04}.c4-drawing{position:relative;margin:48px 0 12px 28px}.c4-preview{background:#ffe500;min-height:180px;display:grid;place-items:center;outline:1px solid #222}.c4-preview svg{display:block;width:100%;height:auto;max-height:650px;aspect-ratio:var(--court-ratio,1.2)}.c4-width{position:absolute;left:0;right:0;top:-26px;border-top:1px solid #222;text-align:center;height:12px;font-size:13px;font-weight:bold;line-height:0}.c4-width:before,.c4-width:after{content:'';position:absolute;top:-4px;border:3px solid transparent}.c4-width:before{left:-3px;border-right-color:#222}.c4-width:after{right:-3px;border-left-color:#222}.c4-width em{background:#fafafa;padding:0 9px;font-style:normal}.c4-height{position:absolute;top:0;bottom:0;left:-23px;border-left:1px solid #222;display:flex;align-items:center;font-size:13px;font-weight:bold}.c4-height em{background:#fafafa;padding:8px 0;transform:translateX(-50%);font-style:normal}.c4-height:before,.c4-height:after{content:'';position:absolute;left:-4px;border:3px solid transparent}.c4-height:before{top:-3px;border-bottom-color:#222}.c4-height:after{bottom:-3px;border-top-color:#222}.vd-c4 .c4-dimensions{text-align:center;font-size:12px;font-weight:bold;margin-top:16px}.vd-c4 .c4-floor-note{text-align:center;color:#666;font-size:12px;line-height:1.5;margin:10px auto 0;max-width:460px}.c4-controls{margin:0;display:grid;gap:14px}.c4-options,.c4-checkout{padding:20px 22px;border:1px solid #ddd;border-radius:6px;background:#fff}.c4-form-title{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:24px;text-transform:uppercase;margin-bottom:20px!important}.c4-step{margin:0 0 20px!important;padding:0;border:0;min-width:0}.c4-step:last-child{margin-bottom:0!important}.c4-step legend,.c4-step-title{font-size:13px;line-height:25px;text-transform:uppercase;font-weight:800;display:flex;align-items:center;gap:9px;width:100%;padding:0;margin:0 0 10px}.c4-step b{display:inline-grid;place-items:center;width:24px;height:24px;flex-shrink:0;background:var(--accent);border-radius:50%;font-size:14px;color:white}.c4-step-title>span{font-size:10px;text-transform:none;font-weight:400;color:#777;margin-left:auto}.c4-input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.c4-input-row label{font-size:12px;font-weight:700;display:grid;gap:6px}.c4-controls input:not([type=checkbox]),.c4-controls select{border:1px solid #aaa;border-radius:4px;background:#fff;padding:10px 12px;font-size:16px;color:var(--ink);width:100%;min-width:0;height:43px;box-shadow:inset 0 1px 2px #00000008}.c4-controls input:focus,.c4-controls select:focus{outline:2px solid var(--accent);outline-offset:2px}.c4-controls small{display:block;font-weight:400;color:#666;font-size:11px;line-height:1.5;margin-top:7px}.c4-letter-row{display:flex;align-items:center;gap:14px}.c4-letter-row input{max-width:115px;text-transform:uppercase}.c4-letter-row small{margin:0}.c4-color-select{position:relative}.c4-color-select select{padding-left:43px}.c4-color-select [data-swatch]{position:absolute;left:12px;top:11px;width:21px;height:21px;border-radius:50%;background:#17191c;border:1px solid #999;pointer-events:none}.c4-controls input[name=quantity]{max-width:95px}.c4-checkout{background:#f7f7f7}.c4-checkout h2{font-size:14px;text-transform:uppercase;margin:0 0 14px;font-weight:800}.c4-breakdown{display:grid;gap:10px;font-size:12px}.c4-breakdown>div{display:flex;justify-content:space-between;gap:12px;line-height:1.45}.c4-breakdown span small{margin:1px 0 0}.c4-breakdown strong{white-space:nowrap;font-weight:500}.c4-total{border-top:1px solid #ccc;padding-top:14px;margin-top:15px;display:grid;grid-template-columns:1fr auto;align-items:center;font-size:14px;font-weight:800}.c4-total strong{font-size:28px;letter-spacing:-.04em;color:var(--accent)}.c4-total small{grid-column:1/-1;font-weight:400;margin-top:3px}.c4-controls .c4-approval{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.5;margin:16px 0 13px;color:#555}.c4-approval input{margin:1px 0 0;accent-color:var(--accent);width:17px;height:17px;flex-shrink:0}.c4-controls button{display:flex;justify-content:center;align-items:center;gap:10px;border:0;border-radius:4px;padding:14px;background:var(--accent);color:#fff;font-size:17px;text-transform:uppercase;font-weight:800;cursor:pointer;width:100%;box-shadow:0 3px 0 #a80311}.c4-controls button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.c4-controls button:disabled{background:#b6b6b6;box-shadow:none;cursor:not-allowed}.c4-status,.c4-error{font-size:12px;line-height:1.6;margin:10px 0!important}.c4-error{color:#a62216}.c4-status:empty,.c4-error:empty{display:none}.vd-c4 .c4-help{font-size:10px;text-align:center;margin-top:14px;color:#555}.c4-help a{white-space:nowrap;color:#222;font-weight:bold}.c4-assurances{display:flex;justify-content:space-around;gap:8px;margin:18px 0;text-transform:uppercase;font-size:10px;font-weight:800;text-align:center}.c4-assurances small{font-size:9px;font-weight:400}.c4-story{border-top:4px solid #171717;margin-top:45px;padding-top:28px}.c4-story h2,.c4-faq h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:30px;line-height:1.15;text-transform:uppercase;margin:8px 0 14px}.c4-story>div>p:last-child{max-width:700px;font-size:14px;line-height:1.7;color:#666}.c4-story-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.c4-story article{border:1px solid #ddd;border-radius:5px;padding:22px;background:#fafafa}.c4-story article>span{font-size:24px;font-weight:900;color:var(--accent)}.c4-story h3{font-size:17px;margin:12px 0 8px;font-weight:800}.c4-story article p,.c4-faq p{font-size:13px;line-height:1.7;color:#666}.c4-faq{margin-top:36px;max-width:900px}.c4-faq details{border-bottom:1px solid #ddd;padding:15px 0}.c4-faq summary{cursor:pointer;font-size:14px;font-weight:700}.c4-faq details p{padding-top:12px}.c4-faq a{color:#222}@media(max-width:800px){.vd-c4{padding:18px 15px 40px}.c4-grid{grid-template-columns:1fr;gap:18px}.c4-preview-column{position:static;padding:20px 17px 20px}.vd-c4 h1{font-size:36px}.c4-heading-bottom p{font-size:11px;max-width:180px}.c4-heading-bottom>span{font-size:17px}.c4-drawing{margin-top:40px;margin-left:27px}.c4-options,.c4-checkout{padding:20px}.c4-story-cards{grid-template-columns:1fr}.c4-story{margin-top:28px}.c4-preview{min-height:0}.c4-preview svg{max-height:none}.c4-assurances{font-size:10px}}