:root{--rm-bg:#f4f5f6;--rm-card:#fff;--rm-text:#17191c;--rm-muted:#667085;--rm-line:#d9dee5;--rm-soft:#f7f8fa;--rm-dark:#111827}
.rollmet-wrap{max-width:1180px;margin:auto;padding:28px 18px 70px;color:var(--rm-text)}
.rollmet-hero,.rollmet-card{background:#fff;border:1px solid var(--rm-line);border-radius:18px}.rollmet-hero{padding:28px;margin-bottom:18px}
.rollmet-hero h1{margin:0 0 10px;font-size:34px}.rollmet-hero p{color:var(--rm-muted);font-size:17px;line-height:1.5;margin:0}
.rollmet-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.rollmet-card{padding:22px}
.rm-field{margin-bottom:17px}.rm-field label{display:block;font-weight:800;margin-bottom:7px}.rm-field input,.rm-field select{width:100%;padding:13px;border:1px solid #ccd3db;border-radius:10px;font-size:16px;background:white}
.rm-hint,.rm-meta{display:block;margin-top:6px;color:var(--rm-muted);font-size:13px}.rm-title{font-size:18px;font-weight:800;margin:24px 0 8px}
.profile-preview{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:center;padding:14px;background:var(--rm-soft);border:1px solid var(--rm-line);border-radius:14px}
.profile-preview img{width:100%;aspect-ratio:610/340;object-fit:contain;background:white;border-radius:10px;border:1px solid #e5e7eb}
.profile-name{font-size:18px;font-weight:800;margin-bottom:5px}.meta{font-size:13px;color:var(--rm-muted);line-height:1.4}
.profile-group h3{font-size:14px;color:#475467;margin:16px 0 9px;text-transform:uppercase}.profile-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.profile-option,.mount-option,.fabric-option{border:1px solid var(--rm-line);background:white;border-radius:12px;cursor:pointer;text-align:left}.profile-option{padding:8px}.profile-option.active,.mount-option.active,.fabric-option.active{border:2px solid var(--rm-dark);padding:7px}
.profile-option img{width:100%;aspect-ratio:610/340;object-fit:contain;border-radius:8px;background:white}.profile-option span,.fabric-option span{display:block;font-size:12px;font-weight:700;line-height:1.25;margin-top:6px}
.mount-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mount-option{padding:12px}.mount-option b{display:block;font-size:14px;margin-bottom:5px}.mount-option span{display:block;font-size:12px;color:var(--rm-muted);line-height:1.35}
.fabric-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.fabric-option{padding:8px}.fabric-option img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:8px;background:#f7f8fa}
.rm-price{font-size:42px;font-weight:800;margin:8px 0}.rm-price small{font-size:15px;color:var(--rm-muted)}.rm-total{font-size:20px;font-weight:800}
.rm-breakdown{border-top:1px solid var(--rm-line);margin-top:14px;padding-top:10px;font-size:14px;line-height:1.7}.rm-row{display:flex;justify-content:space-between;gap:12px}
.rm-note,.rm-used,.rm-summary,.rm-warning{padding:12px;border-radius:10px;font-size:13px;line-height:1.45;margin-top:12px}.rm-note,.rm-used,.rm-summary{background:var(--rm-soft)}.rm-warning{background:#fff8dc;border:1px solid #ead28a}
.rm-action{display:block;width:100%;margin-top:14px;border:0;border-radius:10px;padding:14px;background:#111827;color:white;font-weight:800;text-align:center;text-decoration:none;cursor:pointer}.rm-action:disabled{background:#d9dde1;color:#6b7280;cursor:not-allowed}
.rm-checkout{border-top:1px solid var(--rm-line);margin-top:20px;padding-top:16px}.rm-checkout h2{font-size:21px}.rm-checkout[hidden],.rm-quote[hidden]{display:none}
.rm-grid-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rm-consent{display:flex;gap:9px;font-size:13px;line-height:1.45;margin:12px 0}.rm-consent input{width:auto}.rm-form-message{padding:12px;margin-top:12px;border-radius:10px;background:#fff0ed;color:#912018}
@media(max-width:820px){.rollmet-grid{grid-template-columns:1fr}.profile-options,.fabric-options{grid-template-columns:repeat(2,1fr)}.mount-options,.rm-grid-fields{grid-template-columns:1fr}.profile-preview{grid-template-columns:1fr}}