/* GROSTECH Quick Order — scoped .gq-* */
.gq-order{--gq-accent:#8fb3ff;--gq-ink:#0d1220;position:relative;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6%;align-items:start;max-width:1240px;margin:0 auto;padding:90px max(5vw,20px);color:#eef2ff;font-family:"Segoe UI Variable Display","Segoe UI",Tahoma,Arial,sans-serif;scroll-margin-top:90px;background:radial-gradient(ellipse at 15% 20%,#26345a99,transparent 55%),#0f1218;border-radius:28px}
.gq-order[data-gq=wd8230]{--gq-accent:#f4f4f2;background:radial-gradient(ellipse at 15% 20%,#2b2b2b,transparent 60%),#0d0d0d}
.gq-order *{box-sizing:border-box;letter-spacing:normal}
.gq-kicker{font:600 11px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.14em!important;color:#c6d3ff}
.gq-order h2{font-size:clamp(34px,4.4vw,60px);line-height:1.08;font-weight:600;margin:14px 0 24px;color:#fff;letter-spacing:-.03em!important}.gq-order h2 span{color:#8e97ab}
.gq-order[dir=rtl] h2{line-height:1.3;letter-spacing:0!important}.gq-order[dir=rtl] .gq-kicker{font-family:"Segoe UI",Tahoma,Arial,sans-serif;letter-spacing:0!important}
.gq-perks{list-style:none;margin:0;padding:0;display:grid;gap:12px}.gq-perks li{display:flex;align-items:center;gap:10px;font-size:16px;color:#dfe5f5}
.gq-perks li:before{content:'✓';display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:#4ade8022;color:#4ade80;font-weight:800;font-size:13px}
.gq-perks b{font-size:26px;color:#fff}.gq-perks s{color:#f19a9a}
.gq-form{display:grid;gap:16px;padding:28px;border:1px solid #363c4f;border-radius:20px;background:linear-gradient(165deg,#1b1f29,#12151b);box-shadow:0 24px 60px #0008}
.gq-field{display:grid;gap:7px;margin:0}.gq-field>span{font-size:14px;font-weight:700;color:#e9edf7}
.gq-field input,.gq-field select{width:100%;min-height:56px;margin:0;padding:0 16px;border:1px solid #474d61;border-radius:12px;background:#0b0d12;color:#fff;font:500 17px "Segoe UI",Tahoma,Arial,sans-serif;outline:none;box-shadow:none;appearance:none;-webkit-appearance:none}
.gq-field select{background-image:linear-gradient(45deg,transparent 50%,#aab3cc 50%),linear-gradient(135deg,#aab3cc 50%,transparent 50%);background-position:calc(100% - 22px) 25px,calc(100% - 16px) 25px;background-size:6px 6px;background-repeat:no-repeat;padding-inline-end:40px}
.gq-order[dir=rtl] .gq-field select{background-position:22px 25px,16px 25px}
.gq-field input::placeholder{color:#6f768b}.gq-field input:focus,.gq-field select:focus{border-color:var(--gq-accent);box-shadow:0 0 0 3px #8fb3ff33}
.gq-field small{font-size:12px;color:#9ba3b8}.gq-bad input,.gq-bad select{border-color:#f87171!important}.gq-err{color:#fca5a5!important;font-weight:600}
.gq-colors{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gq-color{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;border:1px solid #474d61;border-radius:14px;background:#0b0d12;color:#e9edf7;font:700 15px "Segoe UI",Tahoma,Arial,sans-serif;cursor:pointer;text-align:start}
.gq-color img{width:56px;height:56px;object-fit:contain;border-radius:10px;background:#1c1f27}.gq-color.gq-on{border-color:var(--gq-accent);box-shadow:0 0 0 3px #ffffff22;background:#1a1e27}
.gq-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.gq-submit,.gq-bar-btn{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:68px;margin-top:6px;padding:10px 10px 10px 24px;border:0;border-radius:14px;background:linear-gradient(135deg,#e1e8ff,#a9bcff 60%,#8fa5f5);color:#0d1220;font:800 16px "Segoe UI",Tahoma,Arial,sans-serif;text-align:start;cursor:pointer;text-decoration:none!important;box-shadow:0 14px 34px #8ea6f555}
.gq-order[data-gq=wd8230] .gq-submit,.gq-bar[data-gq=wd8230] .gq-bar-btn{background:linear-gradient(135deg,#ffffff,#e4e4e1);box-shadow:0 14px 34px #0008}
.gq-submit span,.gq-bar-btn span{display:grid;gap:3px}.gq-submit small{font:600 11px Arial,sans-serif;color:#2c3655}
.gq-submit i,.gq-bar-btn i{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:11px;background:#0d1220;color:#e6ecff;font-style:normal;font-size:22px}
.gq-order[dir=rtl] .gq-submit,.gq-bar[dir=rtl] .gq-bar-btn{padding:10px 24px 10px 10px}
.gq-submit:disabled{opacity:.7;cursor:wait}
.gq-msg{margin:0;padding:12px 14px;border-radius:10px;background:#7f1d1d55;border:1px solid #f8717155;color:#fecaca;font-size:14px}
.gq-legal{margin:0;font-size:12px;color:#8a91a5;text-align:center}
.gq-thanks{grid-column:1/-1;max-width:640px;margin:0 auto;text-align:center;display:grid;justify-items:center;gap:6px}
.gq-mark{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#16a34a;color:#fff;font-size:44px;font-weight:800;box-shadow:0 0 0 10px #16a34a33,0 20px 40px #16a34a44;animation:gq-pop .7s cubic-bezier(.3,1.6,.5,1) both}
@keyframes gq-pop{from{transform:scale(.3);opacity:0}}
.gq-thanks p{max-width:480px;font-size:16px;line-height:1.7;color:#c9d0e2;margin:0}
.gq-sum{width:100%;margin:16px 0 0;padding:6px 20px;border:1px solid #363c4f;border-radius:16px;background:#151821;text-align:start}.gq-sum>div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #2a2e3a;font-size:14px}.gq-sum>div:last-child{border:0}.gq-sum dt{color:#aab1c6}.gq-sum dd{margin:0;font-weight:700;color:#fff}
.gq-confetti{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:99999}
.gq-bar{position:fixed;z-index:9990;left:50%;bottom:16px;display:flex;align-items:center;gap:18px;padding:8px 8px 8px 20px;border:1px solid #3d4256;border-radius:16px;background:#14171ded;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 50px #000a;transform:translate(-50%,160%);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s;pointer-events:none;font-family:"Segoe UI",Tahoma,Arial,sans-serif}
.gq-bar.gq-show{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.gq-bar-info{display:grid;gap:3px;font-size:12px;color:#c7cde0;white-space:nowrap}.gq-bar-info b{font-size:13px;color:#fff}.gq-bar-info s{color:#f19a9a}
.gq-bar-btn{width:auto;min-height:50px;margin:0;padding:7px 7px 7px 18px;gap:14px;font-size:14px;border-radius:12px}.gq-bar-btn i{width:36px;height:36px;font-size:18px;border-radius:9px}
.gq-bar[dir=rtl]{padding:8px 20px 8px 8px}
@media(max-width:900px){.gq-order{grid-template-columns:1fr;gap:26px;padding:60px 18px;border-radius:0}.gq-form{padding:20px}}
@media(max-width:700px){.gq-bar{left:10px;right:10px;bottom:10px;transform:translateY(160%);justify-content:space-between;gap:10px;padding:7px 7px 7px 14px}.gq-bar.gq-show{transform:none}.gq-bar-info{font-size:10px}.gq-bar-info b{font-size:12px}.gq-bar-btn{font-size:13px;padding-inline-start:14px}}
@media(prefers-reduced-motion:reduce){.gq-mark{animation:none}.gq-bar{transition:none}}
/* La bulle WhatsApp reste au-dessus de la barre */
body:has(.gq-bar.gq-show) .wa__btn_popup{bottom:96px!important}
.gq-field input:focus,.gq-field select:focus{color:#fff!important;-webkit-text-fill-color:#fff!important;background-color:#0b0d12!important}
/* Couleur choisie : bouton entier en vert (2026-10-21) */
.gq-color{position:relative;transition:background .25s,border-color .25s,box-shadow .25s,transform .2s}
.gq-color.gq-on{border-color:#22c55e!important;background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important;box-shadow:0 0 0 3px #22c55e44,0 10px 26px #16a34a55!important;animation:gq-pick .35s cubic-bezier(.3,1.6,.5,1)}
.gq-color.gq-on img{background:#ffffffe6}
.gq-color.gq-on::after{content:'✓';position:absolute;top:8px;right:10px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#16a34a;font-size:13px;font-weight:800}
.gq-order[dir=rtl] .gq-color.gq-on::after{right:auto;left:10px}
@keyframes gq-pick{0%{transform:scale(.96)}100%{transform:scale(1)}}
/* WD8230 : bouton de la barre en jaune, comme les boutons du site (2026-10-21) */
.gq-bar[data-gq=wd8230] .gq-bar-btn{background:#f5f34c!important;color:#111!important;box-shadow:0 10px 26px #f5f34c33!important;border:1px solid #d9d634}
.gq-bar[data-gq=wd8230] .gq-bar-btn i{background:#111;color:#f5f34c}