/* Quote layout shares the live Technologies design tokens and vehicle styles. */
body.gr-quote-design #main { padding-bottom:70px!important; }
body.gr-quote-design .gr-container { width:100%; max-width:1240px; padding:0; margin:0 auto; }
body.gr-quote-design .gr-container>.gr-section-title,body.gr-quote-design .gr-container>.gr-tech-intro,body.gr-quote-design .gr-container>.gr-intro-text { display:none; }
.grq-intro { align-items:flex-end; padding-bottom:20px; }
.grq-steps { display:flex; gap:28px; flex-wrap:wrap; margin:0 0 24px; padding:0; }
.grq-steps a { display:flex; gap:8px; align-items:center; color:var(--lab-muted); font-size:11px; font-weight:600; }
.grq-steps a>span { display:grid; place-items:center; height:24px; width:24px; border:1px solid var(--lab-line); border-radius:50%; background:#fff; color:var(--lab-blue); font-size:9px; }
.grq-steps a:hover { color:var(--lab-blue); text-decoration:none; }
body.gr-quote-design #stickyDiv .vin-topbar { grid-template-columns:minmax(190px,260px) auto minmax(150px,1fr); }
body.gr-quote-design #stickyDiv .vin-topbar #searchForm { width:100%; }
body.gr-quote-design #stickyDiv.has-results .vin-grid { grid-template-columns:130px minmax(0,1fr) 215px 130px; }
body.gr-quote-design #aosImageExt,body.gr-quote-design #aosImageInt { transition:transform .28s ease; }
body.gr-quote-design .vin-img-card { overflow:hidden; }
.grq-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:24px; align-items:start; margin-top:28px; }
body.gr-quote-design .gr-tech-section { min-width:0; }
body.gr-quote-design .gr-section-title { background:transparent; color:var(--lab-ink); border:0; border-radius:0; box-shadow:none; padding:0; margin:0 0 10px; font-size:23px; line-height:1.3; font-weight:700; letter-spacing:-.025em; }
body.gr-quote-design .gr-tech-intro { font-size:12px; line-height:1.7; color:var(--lab-muted); margin:0 0 18px; }
.grq-tools { position:sticky; top:12px; z-index:30; display:flex; align-items:center; gap:14px; margin:0 -8px 16px; padding:10px 8px 12px; background:#f4f7fa; border-bottom:1px solid #e1e9ef; box-shadow:0 8px 14px -14px #173b5250; border-radius:12px; }
body.gr-quote-design.admin-bar .grq-tools { top:44px; }
.grq-tools label { flex:1; margin:0; color:var(--lab-muted); font-size:10px; font-weight:600; }
body.gr-quote-design #grq-search { display:block; width:100%; height:46px; padding:0 14px; margin:6px 0 0; border:1px solid #d6e2eb; border-radius:10px; background:#fff; color:var(--lab-ink); font:13px Montserrat,Arial,sans-serif; }
.grq-search-count { color:var(--lab-muted); font-size:10px; white-space:nowrap; padding-top:19px; }
body.gr-quote-design .gr-fam-list { display:grid; gap:10px; }
body.gr-quote-design .gr-fam-item { border:1px solid var(--lab-line); border-radius:13px; background:#fff; box-shadow:none; overflow:hidden; margin:0; }
body.gr-quote-design .gr-fam-question { display:flex; align-items:center; gap:10px; width:100%; border:0; border-radius:0; background:#fff; color:var(--lab-ink); padding:18px 20px; font:600 13px/1.5 Montserrat,Arial,sans-serif; text-align:left; margin:0; }
body.gr-quote-design .gr-fam-question>span:first-child { flex:1; }
body.gr-quote-design .gr-fam-question:hover,body.gr-quote-design .gr-fam-item.active .gr-fam-question { background:#f6fafc; color:var(--lab-blue); }
body.gr-quote-design .gr-fam-icon { color:var(--lab-muted); font-size:18px; font-weight:400; }
.grq-family-count:not(:empty) { display:grid; place-items:center; min-width:21px; height:21px; border-radius:50%; background:#e5f3fb; color:var(--lab-blue); font-size:10px; }
body.gr-quote-design .gr-fam-techs { border:0; border-top:1px solid #edf1f5; border-radius:0; padding:10px; }
body.gr-quote-design .gr-tech-list { display:grid; grid-template-columns:1fr; gap:5px; }
.grq-tech-row { display:grid; grid-template-columns:minmax(0,1fr) 34px; gap:0 6px; padding:2px 6px; border:1px solid transparent; border-radius:9px; align-items:center; transition:background .22s,border-color .22s,box-shadow .22s; }
.grq-tech-row.is-selected { background:#edf7fb; border-color:#b7dce9; }
body.gr-quote-design .gr-tech-item { display:flex; align-items:center; gap:11px; margin:0; padding:11px 4px; font:500 12px/1.55 Montserrat,Arial,sans-serif; color:var(--lab-ink); cursor:pointer; min-width:0; }
body.gr-quote-design .gr-tech-item::after { display:none!important; content:none; }
body.gr-quote-design .gr-tech-item input { appearance:auto!important; -webkit-appearance:checkbox!important; width:18px; height:18px; margin:0!important; flex:none; accent-color:var(--lab-blue); cursor:pointer; }
body.gr-quote-design .grq-info { width:29px; height:29px; padding:0; border:1px solid #d8e4ed; border-radius:50%; background:#f8fbfd; color:#54778d; font:600 12px/1 Montserrat,Arial,sans-serif; }
body.gr-quote-design .grq-info[aria-expanded="true"] { background:var(--lab-blue); border-color:var(--lab-blue); color:#fff; }
.grq-description { grid-column:1/-1; padding:0 8px 12px 34px; font:400 12px/1.8 Montserrat,Arial,sans-serif; color:#526a7d; margin:0; }
.grq-empty { padding:20px; background:#fff; border-radius:12px; border:1px solid var(--lab-line); color:var(--lab-muted); font-size:12px; }
.grq-selection { position:sticky; top:24px; padding:24px; max-height:calc(100dvh - 120px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; border:1px solid var(--lab-line); border-radius:16px; background:#fff; box-shadow:0 6px 24px #213d7b08; }
body.gr-quote-design.admin-bar .grq-selection { top:56px; }
body.gr-quote-design .grq-vehicle-summary { display:flex; align-items:center; gap:12px; width:100%; padding:0 0 18px; margin:0 0 20px; border:0; border-bottom:1px solid var(--lab-line); border-radius:0; background:transparent; color:var(--lab-ink); text-align:left; cursor:pointer; }
body.gr-quote-design .grq-vehicle-summary>img,body.gr-quote-design .grq-vehicle-summary>.gr-crop-frame { flex:0 0 64px; width:64px; height:50px; object-fit:contain; }
.grq-vehicle-summary>span { min-width:0; }
.grq-vehicle-summary strong { display:block; font:700 12px/1.5 Montserrat,Arial,sans-serif; overflow-wrap:anywhere; }
.grq-vehicle-summary small { display:block; font:400 10px/1.6 Montserrat,Arial,sans-serif; color:var(--lab-muted); margin-top:4px; }
body.gr-quote-design .grq-vehicle-summary:hover strong { color:var(--lab-blue); }
body.gr-quote-design .grq-vehicle-summary:focus-visible { outline:3px solid #0b91c5; outline-offset:5px; border-radius:8px; }
.grq-selection h2 { color:var(--lab-ink); font-size:21px; font-weight:700; letter-spacing:-.025em; line-height:1.3; margin:10px 0; }
.grq-selection-help,.grq-summary-empty,.grq-selection-note { font-size:11px; color:var(--lab-muted); line-height:1.8; margin:0 0 18px; }
.grq-summary-empty { padding:20px 14px; border:1px dashed #d5e2eb; border-radius:10px; background:#fafcfd; }
.grq-selection-note { margin:14px 0 0; font-size:10px; }
.grq-summary-list { list-style:none; margin:0 0 18px; padding:0; }
.grq-summary-list li { display:flex; gap:8px; align-items:center; padding:11px 0; border-bottom:1px solid #edf1f5; font-size:11px; line-height:1.6; }
.grq-summary-list li span { flex:1; }
body.gr-quote-design .grq-summary-list button { padding:0; width:28px; height:28px; flex:none; background:#f1f6f9; border:0; border-radius:50%; color:#65798b; font-size:17px; }
body.gr-quote-design .grq-primary { display:flex; justify-content:center; align-items:center; background:#173b52; color:#fff; border:0; border-radius:10px; padding:13px 16px; min-height:44px; font:600 12px/1.5 Montserrat,Arial,sans-serif; text-decoration:none; }
body.gr-quote-design .grq-primary:hover { background:#086e9a; color:#fff; }
.grq-project { display:grid; grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr); margin:44px 0 20px; border:1px solid #dce5ec; border-radius:22px; box-shadow:0 18px 55px #1934480b; overflow:hidden; background:#fff; }
body.gr-quote-design .grq-project .gr-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:36px; gap:18px; min-width:0; margin:0; }
body.gr-quote-design .grq-project .gr-row { display:contents; }
body.gr-quote-design .grq-project .gr-col { width:100%; flex:none; max-width:none; padding:0; min-width:0; }
.grq-project .gr-section-title,.grq-contact-note,.grq-project .gr-col:has(#nom-prenom),.grq-project .gr-col:has(#notes-autres),.grq-project .gr-btn-submit { grid-column:1/-1; }
body.gr-quote-design .grq-project .gr-section-title { margin:0; }
.grq-contact-note { font-size:12px; color:var(--lab-muted); margin:-8px 0 4px; line-height:1.7; }
body.gr-quote-design .gr-label { font:600 11px/1.6 Montserrat,Arial,sans-serif; color:#526a7d; margin:0 0 6px; }
body.gr-quote-design .gr-input,body.gr-quote-design .gr-phone-group,body.gr-quote-design .gr-textarea { width:100%; max-width:100%; min-width:0; height:48px; border:1px solid #d9e3eb; border-radius:9px; background:#f9fbfc; color:var(--lab-ink); font:13px/1.6 Montserrat,Arial,sans-serif; padding:11px 12px; box-shadow:none; }
body.gr-quote-design .gr-input:focus,body.gr-quote-design .gr-textarea:focus,body.gr-quote-design .gr-phone-group:focus-within { border-color:var(--lab-blue); background:#fff; box-shadow:0 0 0 3px #067db711; }
body.gr-quote-design .gr-input[readonly] { background:#eef3f6; color:#637789; }
body.gr-quote-design .gr-phone-icon { display:none; }
body.gr-quote-design .gr-phone-input { width:100%; height:100%; padding:0; border:0; border-radius:0; background:transparent; font:inherit; color:inherit; outline:none; }
body.gr-quote-design .gr-textarea { min-height:100px; height:100px; resize:vertical; }
body.gr-quote-design .gr-error { font-size:10px; line-height:1.6; margin:4px 0 0; }
body.gr-quote-design .gr-btn-submit { width:100%; min-height:48px; border:0; border-radius:10px; font:600 13px/1.5 Montserrat,Arial,sans-serif; padding:14px 18px; margin:0; background:#087da9; color:#fff; box-shadow:none; }
.grq-bar { position:fixed; z-index:1040; left:50%; transform:translateX(-50%); bottom:18px; display:flex; justify-content:space-between; align-items:center; gap:12px; width:min(900px,calc(100% - 40px)); padding:12px 18px; border:1px solid #d6e2e9; border-radius:18px; background:#fffffff5; backdrop-filter:blur(14px); box-shadow:0 12px 50px #17364c24; }
body.gr-quote-design .grq-bar-count { padding:4px 0; border:0; background:transparent; color:var(--lab-ink); font:600 12px/1.5 Montserrat,Arial,sans-serif; min-height:40px; cursor:pointer; }
.grq-has-selection #main { padding-bottom:115px!important; }
body.gr-quote-design [hidden] { display:none!important; }
#stickyDiv,#grq-equipment,#grq-project { scroll-margin-top:55px; }
@media(hover:hover) and (pointer:fine) { .grq-tech-row:hover { border-color:#b7dce9; background:#f5fafc; box-shadow:0 3px 12px #173c5409; } body.gr-quote-design .grq-tech-row:hover .grq-tech-name { color:var(--lab-blue); } body.gr-quote-design #aosImageExt:hover,body.gr-quote-design #aosImageInt:hover { transform:scale(1.05); } }
@media(max-width:1099px) { .grq-layout { grid-template-columns:minmax(0,1fr) 270px; gap:18px; } .grq-selection { padding:20px; } body.gr-quote-design #stickyDiv.has-results .vin-grid { grid-template-columns:110px minmax(0,1fr) 215px; } body.gr-quote-design #photosIntCol { display:none!important; } body.gr-quote-design #stickyDiv .vin-topbar { grid-template-columns:190px minmax(0,1fr); } }
@media(max-width:991px) { .grq-layout { display:block; } .grq-selection { display:none; } .grq-project { display:block; } .grq-project .grlab-project-aside { padding:28px; } }
@media(max-width:767px) {
 body.gr-quote-design #main { padding:22px 14px 55px!important; }
 .grq-intro { display:block; }
 .grq-intro .grlab-project-link { display:inline-block; margin-top:12px; font-size:11px; }
 .grq-intro p { font-size:12px; line-height:1.8; }
 .grq-steps { justify-content:space-between; gap:10px; margin-bottom:18px; }
 .grq-steps a { font-size:10px; gap:6px; }
 body.gr-quote-design #stickyDiv .vin-topbar { grid-template-columns:1fr; }
 body.gr-quote-design #stickyDiv.has-results .vin-grid { grid-template-columns:90px minmax(0,1fr); gap:10px; }
 body.gr-quote-design #stickyDiv #vinHeaderCol { grid-column:1/-1; grid-row:2; }
 body.gr-quote-design #stickyDiv #aosModelLabel { font-size:17px; }
 body.gr-quote-design #stickyDiv .veh-photo { height:78px!important; }
 .grq-layout { display:block; margin-top:24px; }
 .grq-tools { top:8px; margin-right:-4px; margin-left:-4px; padding:8px 4px 10px; }
 body.gr-quote-design.admin-bar .grq-tools { top:54px; }
 .grq-selection { display:none; }
 body.gr-quote-design .gr-section-title { font-size:21px; }
 body.gr-quote-design .gr-tech-intro { font-size:12px; }
 body.gr-quote-design .gr-fam-question { padding:16px; font-size:12px; }
 body.gr-quote-design .gr-fam-techs { padding:7px; }
 body.gr-quote-design .gr-tech-item { padding:11px 3px; font-size:12px; }
 .grq-description { padding-left:32px; }
 .grq-project { display:block; margin-top:32px; border-radius:16px; }
 body.gr-quote-design .grq-project .gr-form { padding:24px; gap:16px 12px; }
 .grq-bar { width:calc(100% - 24px); padding:10px 12px; bottom:12px; border-radius:15px; }
 body.gr-quote-design .grq-bar-count { font-size:10px; }
 .grq-bar .grq-primary { padding:10px 14px; font-size:10px; }
}
@media(max-width:479px) { body.gr-quote-design .grq-project .gr-form { grid-template-columns:1fr; padding:22px; } .grq-search-count { display:none; } }
@media(prefers-reduced-motion:reduce) { body.gr-quote-design #aosImageExt,body.gr-quote-design #aosImageInt { transform:none!important; } }