:root{font-family:Inter,system-ui,sans-serif;color:#f5f4ef;background:#080d14}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header{padding:22px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff25;background:#101925}header b{font-size:26px;letter-spacing:3px}.gold{color:#e4b65e}main{max-width:1320px;margin:auto;padding:44px 5%}h1{font-size:clamp(34px,5vw,62px);line-height:1.05}h2{font-size:28px}p{color:#afbac8;line-height:1.6}.eyebrow{font-size:12px;color:#e4b65e;letter-spacing:3px;text-transform:uppercase}.portal{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{min-height:290px;border:1px solid #596274;border-radius:18px;padding:30px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(125deg,#182c3e,#101925);transition:transform .2s}.panel:hover{transform:translateY(-4px)}.auto{background:linear-gradient(0deg,#06111bee,#06111b33),url('https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?w=1200') center/cover}.tech{background:linear-gradient(0deg,#06111bee,#06111b33),url('https://images.unsplash.com/photo-1592750475338-74b7b21085ab?w=1200') center/cover}.pending{background:#2b3039;color:#b1b5bc}.question{font-size:76px;line-height:1}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}input,select,textarea{padding:12px;border:1px solid #566679;border-radius:8px;background:#162232;color:white}button,.btn{border:0;background:#e4b65e;color:#17130a;border-radius:8px;padding:12px 16px;font-weight:bold;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:17px}.item{border:1px solid #39485c;background:#111c29;border-radius:13px;overflow:hidden;cursor:pointer}.item:hover{border-color:#e4b65e}.item img{width:100%;height:155px;object-fit:cover}.item section{padding:15px}.item h3{font-size:17px}.price{font-weight:800;color:#e4b65e;font-size:20px}.modal{position:fixed;inset:0;background:#000c;display:none;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.dialog{background:#152334;padding:25px;border-radius:16px;width:min(700px,100%);max-height:90vh;overflow:auto}.dialog img{width:100%;height:240px;object-fit:cover;border-radius:12px}.small{font-size:12px;color:#9cabbc}.notice{padding:12px 16px;border-left:3px solid #e4b65e;background:#1a2735;margin:20px 0}.genie{position:fixed;bottom:18px;right:18px;z-index:4}.chat{display:none;position:fixed;bottom:78px;right:18px;background:#172536;border:1px solid #667;padding:20px;border-radius:14px;max-width:300px}.chat.show{display:block}footer{padding:30px 5%;border-top:1px solid #ffffff20;color:#98a5b5}@media(max-width:650px){.portal{grid-template-columns:1fr}.panel{min-height:220px}}
/* Bobby bright retail theme, October 2026 */
:root{color:#172942;background:#fff}body{background:#fff;color:#172942}header{background:#082c5b;color:#fff;border-bottom:0}header b{letter-spacing:.5px}.gold{color:#77c5ff}main{background:#fff}h1,h2{color:#102b51}p{color:#566a82}.eyebrow{color:#0866d9;font-weight:800}.notice{background:#edf5ff;color:#244b76;border:1px solid #cbdff5}.toolbar{background:#f4f8fe;border-radius:12px;padding:14px}.toolbar input,.toolbar select{background:white;color:#162a45;border:1px solid #d1deed;border-radius:8px;padding:12px}.grid>*,.card,.product{background:#fff;color:#162a45;border:1px solid #dce6f2;border-radius:14px;box-shadow:0 5px 18px #16355a14}footer{background:#09274d;color:#e5effc}.genie{background:#0866d9;color:white}.dialog,.chat{background:#fff;color:#182a43}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffbb3d;outline-offset:3px}

/* Illustrated Bobby Auto hero — original reusable SVG artwork */
body[data-store="auto"] main{max-width:none;padding:0}
body[data-store="auto"] main>.eyebrow,body[data-store="auto"] main>h1,body[data-store="auto"] main>p{position:relative;z-index:1;max-width:680px;margin-left:max(5%,calc((100vw - 1320px)/2));}
body[data-store="auto"] main>.eyebrow{padding-top:65px;color:#b8e8ff}
body[data-store="auto"] main>h1{margin-top:16px;color:white;text-shadow:0 3px 14px #06152a80}
body[data-store="auto"] main>h1 .gold{color:#bcecff}
body[data-store="auto"] main>p{color:#f2f8ff;font-size:19px;margin-bottom:68px}
body[data-store="auto"] main{background-image:linear-gradient(90deg,#061b39ed 0%,#0c3b70b8 42%,#0c3b7010 80%),url('../assets/bobby-auto-hero.svg');background-repeat:no-repeat;background-size:100% 405px;background-position:top center}
body[data-store="auto"] .notice{margin:25px 5% 10px}
body[data-store="auto"] .toolbar{margin:12px 5%}
body[data-store="auto"] #count{margin:18px 5%}
body[data-store="auto"] #grid{margin:0 5% 50px}
@media(max-width:700px){body[data-store="auto"] main{background-size:auto 365px;background-position:top right 32%}body[data-store="auto"] main>.eyebrow{padding-top:48px}body[data-store="auto"] main>h1{font-size:38px;max-width:85%}body[data-store="auto"] main>p{margin-bottom:75px;max-width:80%}}

/* October retail polish */
body[data-store="auto"] header{background:linear-gradient(105deg,#061c40,#0b5fb1 68%,#10a8df);box-shadow:0 4px 22px #0b356b30}
body[data-store="tech"] header{background:linear-gradient(110deg,#081f4d,#1164bd 68%,#0a9fd4)}
body[data-store="tech"] main{background:linear-gradient(120deg,#edf6ff,#fff 45%);border-top:5px solid #0b82d9}
body[data-store="tech"] main>.eyebrow{font-weight:800}
body[data-store="tech"] main>h1{background:linear-gradient(90deg,#073b81,#0097dc);background-clip:text;-webkit-background-clip:text;color:transparent}
body[data-store="auto"] main>.notice{margin-top:34px}