*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0a0a0a;color:#f4f2ee;font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.header{height:76px;position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(8,8,8,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(212,170,82,.14)}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.08em}.brand>span:last-child{display:flex;flex-direction:column;font-size:14px}.brand small{font-size:9px;letter-spacing:.42em;color:#cba65a;margin-top:2px}.brand-mark{width:38px;height:38px;border:1px solid #cba65a;display:grid;place-items:center;color:#cba65a;font-family:Georgia,serif;font-weight:700;font-size:14px}.header nav{display:flex;gap:36px;font-size:13px;color:#c8c6c1}.header nav a:hover{color:#d6ad5e}.header-cta{border:1px solid rgba(203,166,90,.65);padding:11px 17px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#e0c17e}.hero{min-height:88vh;position:relative;display:flex;align-items:center;padding:150px 9vw 80px;background:radial-gradient(circle at 75% 45%,#272117 0,#11100e 25%,#080808 63%);overflow:hidden}.hero:after{content:"";position:absolute;right:-8%;top:8%;width:52vw;height:52vw;border:1px solid rgba(203,166,90,.12);border-radius:50%}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.4),transparent 65%),linear-gradient(0deg,#0a0a0a 0,transparent 22%)}.hero-content{position:relative;z-index:2;max-width:700px}.eyebrow{font-size:10px;letter-spacing:.3em;color:#cba65a;font-weight:700;margin:0 0 20px}.hero h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(70px,10vw,150px);line-height:.78;margin:0;letter-spacing:-.05em}.hero h1 em,h2 em{color:#cba65a;font-style:normal}.hero-copy{max-width:480px;color:#b7b4ad;line-height:1.8;font-size:15px;margin:38px 0}.gold-btn{display:inline-flex;gap:24px;align-items:center;background:#cba65a;color:#0b0b0b;padding:15px 20px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.gold-btn span{font-size:18px}.hero-bottom{position:absolute;bottom:30px;left:9vw;right:9vw;display:flex;justify-content:space-between;color:#77746e;font-size:9px;letter-spacing:.22em}.intro{max-width:1180px;margin:auto;padding:115px 5vw 95px;display:grid;grid-template-columns:1fr 1fr;gap:80px;border-bottom:1px solid #202020}.intro h2,.section-head h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(40px,5vw,68px);line-height:1.05;margin:0}.intro>p{color:#99968f;line-height:1.9;max-width:500px;margin-top:38px}.catalogue{max-width:1380px;margin:auto;padding:100px 5vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.result-count{color:#777;font-size:11px;letter-spacing:.1em}.toolbar{display:flex;gap:12px;margin-bottom:22px}.search{flex:1;display:flex;align-items:center;background:#111;border:1px solid #292929;padding:0 15px}.search span{color:#cba65a;font-size:22px;margin-right:10px}.search input{width:100%;height:48px;background:transparent;border:0;outline:0;color:#fff}.search input::placeholder{color:#696762}.toolbar select{width:210px;background:#111;border:1px solid #292929;color:#ddd;padding:0 14px;outline:0}.categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:38px}.cat{border:1px solid #2a2a2a;background:#101010;color:#92908a;padding:9px 13px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.cat:hover{border-color:#8e703c;color:#ddd}.cat.active{background:#cba65a;color:#0a0a0a;border-color:#cba65a;font-weight:800}.vehicle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.vehicle{background:#101010;border:1px solid #1f1f1f;cursor:pointer;overflow:hidden;transition:.2s transform,.2s border-color}.vehicle:hover{transform:translateY(-4px);border-color:#6e582f}.vehicle-img{aspect-ratio:1.55;position:relative;background:#151515;overflow:hidden;display:flex;align-items:center;justify-content:center}.vehicle-img img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;padding:10px 12px;transition:.4s}.vehicle:hover img{transform:scale(1.035)}.badge{position:absolute;top:11px;left:11px;background:rgba(0,0,0,.72);padding:6px 8px;color:#d8bb78;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.vehicle-info{padding:17px}.vehicle-brand{color:#777;font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.vehicle-name{font-family:"Playfair Display",Georgia,serif;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicle-meta{display:flex;justify-content:space-between;margin-top:15px;color:#777;font-size:9px}.vehicle-price{margin-top:14px;color:#d6b66f;font-weight:700;font-size:14px}.empty{text-align:center;padding:100px 20px;color:#888}.empty h3{color:#eee;font-family:"Playfair Display",serif;font-size:28px}.empty-icon{font-size:35px;color:#cba65a}.outline-btn{background:transparent;border:1px solid #cba65a;color:#cba65a;padding:11px 16px;cursor:pointer}.loader{text-align:center;padding:40px;color:#777;font-size:11px;letter-spacing:.15em}.modal{display:none;position:fixed;inset:0;z-index:50}.modal.open{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}.modal-card{position:relative;z-index:2;width:min(1000px,92vw);max-height:90vh;overflow:auto;background:#111;border:1px solid #333;display:grid;grid-template-columns:1.15fr .85fr}.modal-image-wrap{background:#181818;min-height:430px}.modal-image-wrap img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;padding:12px}.modal-info{padding:45px}.modal-close{position:absolute;right:14px;top:12px;z-index:4;width:38px;height:38px;border:1px solid #444;background:rgba(0,0,0,.65);color:#fff;font-size:24px;cursor:pointer}.modal-info h2{font-family:"Playfair Display",Georgia,serif;font-size:45px;line-height:1;margin:0 0 8px}.modal-brand{color:#888;text-transform:uppercase;letter-spacing:.14em;font-size:10px}.modal-price{font-size:25px;color:#d8b970;font-weight:700;margin:30px 0}.spec-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #2b2b2b}.spec{padding:15px 0;border-bottom:1px solid #242424}.spec small{display:block;color:#666;text-transform:uppercase;font-size:8px;letter-spacing:.12em;margin-bottom:6px}.spec b{font-size:12px}footer{border-top:1px solid #202020;padding:35px 5vw;display:flex;align-items:center;justify-content:space-between;color:#666;font-size:10px}.footer-brand{display:flex;gap:10px;align-items:center;color:#ddd}.footer-brand>div{display:flex;flex-direction:column;font-size:11px}.footer-brand small{font-size:7px;letter-spacing:.22em;color:#777;margin-top:3px}@media(max-width:1050px){.vehicle-grid{grid-template-columns:repeat(3,1fr)}.intro{gap:40px}}@media(max-width:720px){.header{padding:0 20px}.header nav{display:none}.header-cta{padding:9px 10px;font-size:9px}.hero{min-height:78vh;padding:130px 24px 70px}.hero-bottom{left:24px;right:24px}.intro{grid-template-columns:1fr;padding:75px 24px 65px;gap:10px}.catalogue{padding:70px 18px}.toolbar{flex-direction:column}.toolbar select{width:100%;height:48px}.vehicle-grid{grid-template-columns:repeat(2,1fr);gap:9px}.vehicle-info{padding:12px}.vehicle-name{font-size:16px}.vehicle-price{font-size:12px}.vehicle-meta{font-size:8px}.modal-card{grid-template-columns:1fr;max-height:92vh}.modal-image-wrap{min-height:250px;max-height:42vh}.modal-info{padding:28px}.modal-info h2{font-size:34px}footer{flex-direction:column;gap:16px;align-items:flex-start}.categories{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.cat{white-space:nowrap}}

/* Supplied Luxury Auto branding */
.brand-logo{display:block;width:128px;height:58px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(203,166,90,.16))}.footer-logo{display:block;width:150px;height:70px;object-fit:contain}.hero-photo{position:absolute;inset:0;background-image:url("assets/showroom-1.png");background-size:cover;background-position:center;opacity:.72;filter:saturate(.78) contrast(1.04)}.hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.66) 42%,rgba(0,0,0,.18) 78%,rgba(0,0,0,.45) 100%),linear-gradient(0deg,#0a0a0a 0%,rgba(10,10,10,.12) 45%,rgba(10,10,10,.62) 100%)}.hero-content{max-width:620px}.hero-logo{display:block;width:min(560px,72vw);max-height:310px;object-fit:contain;object-position:left center;margin:-12px 0 0 -8px;filter:drop-shadow(0 10px 26px rgba(0,0,0,.55))}.showroom{max-width:1380px;margin:auto;padding:20px 5vw 110px;display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:center}.showroom-copy{padding:35px 0}.showroom-copy h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(40px,5vw,68px);line-height:1.05;margin:0 0 28px}.showroom-copy>p:last-child{color:#99968f;line-height:1.9;max-width:430px}.showroom-gallery{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.showroom-gallery img{width:100%;height:420px;object-fit:cover;display:block;border:1px solid #252525}.showroom-gallery img+img{height:330px;margin-top:90px}@media(max-width:720px){.brand-logo{width:105px;height:52px}.hero-logo{width:min(420px,92vw);max-height:220px;margin:0 0 0 -6px}.showroom{grid-template-columns:1fr;padding:10px 24px 75px;gap:20px}.showroom-gallery{grid-template-columns:1fr 1fr;gap:8px}.showroom-gallery img,.showroom-gallery img+img{height:230px;margin:0}.footer-logo{width:135px;height:62px}}

/* Filtres avancés & comparaison */
.filter-btn{border:1px solid rgba(212,175,55,.45);background:#121212;color:#eee;border-radius:10px;padding:14px 16px;font-weight:700;cursor:pointer;white-space:nowrap}.filter-btn:hover{border-color:#d4af37}
.filters-panel{margin-top:14px;padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#111}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.filter-grid label{display:flex;flex-direction:column;gap:7px;color:#bbb;font-size:12px;font-weight:700}.filter-grid select,.filter-grid input{width:100%;box-sizing:border-box;background:#0a0a0a;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:#fff;padding:11px 12px;outline:none}.filter-grid select:focus,.filter-grid input:focus{border-color:#d4af37}.filter-actions{display:flex;gap:10px;margin-top:16px}.gold-btn.small,.outline-btn{padding:11px 15px;font-size:13px}.vehicle-img{position:relative}.compare-check{position:absolute;right:10px;bottom:10px;border:1px solid rgba(255,255,255,.22);background:rgba(5,5,5,.82);backdrop-filter:blur(8px);color:#fff;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:700;cursor:pointer}.compare-check:hover,.compare-check.selected{border-color:#d4af37;color:#d4af37}.compare-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 0;padding:13px 16px;border:1px solid rgba(212,175,55,.35);background:rgba(212,175,55,.06);border-radius:12px}.compare-bar>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.compare-bar strong{font-size:13px}.compare-bar span{font-size:12px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw}.compare-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.compare-actions>span{font-size:12px;color:#aaa}.compare-actions b{color:#d4af37}.compare-card{position:relative;width:min(1100px,94vw);max-height:88vh;overflow:auto;background:#101010;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:28px;z-index:2;box-shadow:0 30px 100px rgba(0,0,0,.65)}.compare-card h2{margin:0 0 22px;font-family:'Playfair Display',serif;font-size:34px}.compare-table{border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.compare-head,.compare-row{display:grid;grid-template-columns:170px repeat(3,minmax(150px,1fr));background:#111}.compare-head>div,.compare-row>*{padding:13px;border-right:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.compare-head>div:not(:first-child){display:flex;flex-direction:column;gap:5px}.compare-head img{width:100%;height:120px;object-fit:contain;background:#090909;border-radius:8px}.compare-head strong{font-size:14px;color:#fff}.compare-head span{font-size:12px;color:#999}.compare-row{background:#0c0c0c}.compare-row strong{color:#aaa;font-size:12px}.compare-row span{font-size:13px;color:#eee}.modal-info .gold-btn{margin-top:20px}
@media(max-width:900px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{flex-wrap:wrap}.toolbar .search{flex:1 1 100%}.toolbar select,.filter-btn{flex:1}}
@media(max-width:620px){.filter-grid{grid-template-columns:1fr}.filter-actions,.compare-bar{flex-direction:column;align-items:stretch}.compare-actions{justify-content:space-between}.compare-table{overflow-x:auto}.compare-head,.compare-row{grid-template-columns:120px repeat(3,150px);min-width:570px}.compare-head img{height:95px}.compare-card{padding:20px}.compare-card h2{font-size:28px}}