:root{--ink:#0b1020;--navy:#111a35;--orange:#f48322;--text:#f7f8ff;--muted:#aeb8d4;--line:rgba(255,255,255,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.topbar{height:76px;padding:8px 18px;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 20px #0003}.logo{height:58px;width:142px;overflow:hidden}.logo img{width:100%;height:100%;object-fit:contain}.phone{background:var(--navy);padding:10px 13px;border-radius:9px;text-align:center;line-height:1.1}.phone span{display:none}.phone strong{font-size:.83rem}.hero{min-height:calc(100svh - 76px);display:flex;flex-direction:column}.hero-photo{height:49svh;min-height:330px;background:url("hero-boutique-auto-markt.png") center/cover no-repeat;position:relative}.hero-photo:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,var(--ink))}.hero-copy{padding:6px 22px 42px;margin-top:-20px;position:relative;z-index:2;max-width:720px}.kicker{margin:0 0 12px;color:#c9d3f3;font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.orange{color:#ff9e48}h1,h2,p{margin-top:0}h1{font-size:clamp(2.65rem,12vw,4.7rem);line-height:.94;letter-spacing:-.055em;margin-bottom:18px}h1 em{color:var(--orange);font-style:normal}.hero-copy>p:not(.kicker){color:#d8def0;margin-bottom:22px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.btn{min-height:49px;padding:0 15px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;text-align:center}.primary{background:var(--orange)}.ghost{border:1px solid #fff7}.dark{background:var(--ink)}.proof{border-block:1px solid var(--line);display:grid}.proof div{padding:22px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:38px 1fr;gap:2px 10px}.proof div:last-child{border:0}.proof b{grid-row:1/3;color:var(--orange);font-size:.75rem}.proof span{color:var(--muted);font-size:.82rem}.match{padding:72px 20px;background:var(--navy)}.match h2,.section-head h2,.visit h2{font-size:clamp(2.25rem,10vw,4.2rem);line-height:1.01;letter-spacing:-.045em;margin-bottom:20px}.match-copy>p:not(.kicker){color:#c6cee3}.match ul{list-style:none;padding:0;margin:28px 0 34px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.match li{background:#ffffff12;border:1px solid var(--line);border-radius:7px;padding:12px;font-size:.83rem;font-weight:750}.match-photo{margin:0;border-radius:12px;overflow:hidden;position:relative}.match-photo img{width:100%;height:360px;object-fit:cover}.match-photo figcaption{position:absolute;inset:auto 0 0;padding:44px 18px 18px;background:linear-gradient(transparent,#050916eb);display:flex;flex-direction:column}.match-photo span{color:#ff9e48;text-transform:uppercase;font-size:.68rem;letter-spacing:.13em;font-weight:900}.match-photo strong{font-size:1.25rem}.consumables{padding:72px 20px;background:#e9edfa;color:#10172e}.section-head{margin-bottom:30px}.section-head>p:last-child{color:#626e89}.stock-image{height:310px;border-radius:12px;overflow:hidden;box-shadow:0 18px 45px #10172e2e}.stock-image img{width:100%;height:100%;object-fit:cover}.categories{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.categories article{background:#fff;border-radius:10px;padding:17px 14px;min-height:138px;box-shadow:0 7px 20px #1a264e14;display:flex;flex-direction:column}.categories i{height:5px;width:38px;border-radius:6px;margin-bottom:17px}.c1{background:#1877f2}.c2{background:#7541d8}.c3{background:#e83b8c}.c4{background:#f47f22}.c5{background:#e2be13}.c6{background:#16a66b}.categories strong{font-size:.98rem;line-height:1.1}.categories span{font-size:.76rem;color:#6b748c;line-height:1.35;margin-top:7px}.more{background:#10172e;color:#c9d1e7;padding:20px;border-radius:10px;margin:16px 0 0}.more a{display:block;color:#ff9940;font-weight:900;margin-top:7px}.visit{padding:64px 20px;background:var(--orange)}.visit-card{padding:20px 0;border-top:1px solid #ffffff59;display:flex;justify-content:space-between;gap:20px}.visit-card span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.visit-card strong{text-align:right}.visit>.btn{width:100%;margin-top:14px}footer{padding:38px 20px 100px;background:#070b16;color:#aeb7cf;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:.85rem}footer img{width:150px;border-radius:8px}footer p{margin:0}footer a{color:#fff;font-weight:900}.mobile-actions{position:fixed;z-index:30;bottom:0;left:0;right:0;height:68px;background:#070b16f5;display:grid;grid-template-columns:1fr 1fr;padding:7px 10px;border-top:1px solid #ffffff26}.mobile-actions a{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.84rem;font-weight:850}.mobile-actions a:first-child{border-right:1px solid #ffffff28}.mobile-actions b{color:var(--orange);font-size:1.15rem}
@media(min-width:760px){.topbar{height:88px;padding:10px 6vw}.logo{width:185px;height:70px}.phone span{display:block;color:#bbc4de;font-size:.66rem}.phone strong{font-size:1rem}.hero{min-height:760px;display:block;position:relative}.hero-photo{position:absolute;inset:0;height:auto;background-position:center}.hero-photo:after{height:100%;background:linear-gradient(90deg,#050916e6,#05091685 43%,transparent 70%)}.hero-copy{padding:180px 0 80px;margin-left:7vw;max-width:650px}.hero-copy>p:not(.kicker){font-size:1.18rem}.actions{display:flex}.btn{padding-inline:23px}.proof{grid-template-columns:repeat(3,1fr)}.proof div{border-right:1px solid var(--line);border-bottom:0;padding:28px 4vw}.match{padding:110px 7vw;display:grid;grid-template-columns:.82fr 1.18fr;gap:6vw;align-items:center}.match-photo img{height:560px}.consumables{padding:110px 7vw}.section-head{max-width:800px}.stock-image{height:560px}.categories{grid-template-columns:repeat(3,1fr);gap:14px}.categories article{min-height:155px;padding:22px}.more{display:flex;justify-content:space-between}.more a{display:inline;margin:0}.visit{padding:80px 7vw;display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:45px;align-items:center}.mobile-actions{display:none}footer{padding-bottom:38px;flex-direction:row;justify-content:space-between}}
.desktop-nav{display:none}.footer-links{display:flex;gap:16px}.footer-links a{color:#c6cee3;font-weight:650}.page-hero{min-height:calc(100svh - 76px);padding:44px 20px 0;display:flex;flex-direction:column;gap:30px;overflow:hidden}.page-hero>div{position:relative;z-index:2}.page-hero>div>p:not(.kicker){color:#d5dcf1;max-width:620px;margin-bottom:24px}.page-hero img{width:calc(100% + 40px);max-width:none;margin-left:-20px;height:42svh;min-height:310px;object-fit:cover}.color-blue{background:radial-gradient(circle at 80% 15%,#2349a2,#0b1020 60%)}.catalog-hero{background:radial-gradient(circle at 80% 15%,#573083,#0b1020 62%)}.steps,.catalog{padding:70px 20px;background:#101934}.steps>h2,.catalog>h2,.promise h2,.about-grid h2,.contact-card h2,.legal h2{font-size:clamp(2rem,9vw,3.8rem);line-height:1.04;letter-spacing:-.04em}.step-grid{display:grid;gap:12px;margin-top:30px}.step-grid article{padding:24px;border:1px solid var(--line);border-radius:12px;background:#ffffff08}.step-grid b,.about-grid b{color:#ff9e48;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.step-grid h3,.catalog-grid h3{font-size:1.25rem;margin:12px 0 8px}.step-grid p,.catalog-grid p,.about-grid p,.legal p{color:#bac4dd;margin:0}.product-bands{display:grid}.band{min-height:320px;padding:42px 20px;display:flex;flex-direction:column;justify-content:flex-end}.band span,.contact-card>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.band h2{font-size:2.5rem;line-height:1;margin:10px 0}.band p{max-width:480px;margin:0}.orange-band{background:#f48322}.pink-band{background:#d62978}.green-band{background:#0a9c78}.promise{padding:72px 20px;background:linear-gradient(135deg,#273f91,#10172e)}.promise h2{max-width:950px}.promise>p:last-of-type{color:#ccd5ec;max-width:700px}.catalog{background:#edf0fa;color:#111831}.catalog>.kicker{color:#cf5b00}.catalog-grid{display:grid;gap:12px;margin-top:30px}.catalog-grid article{background:#fff;border-radius:12px;padding:24px;box-shadow:0 9px 25px #17224a12}.catalog-grid p{color:#65708a}.swatch{display:block;width:46px;height:7px;border-radius:10px}.blue{background:#2176ff}.violet{background:#7541d8}.pink{background:#e83b8c}.orange-s{background:#f47f22}.yellow{background:#e3b912}.green{background:#16a66b}.cyan{background:#00aebf}.stock-note{margin-top:16px;padding:28px;background:#10172e;color:#fff;border-radius:12px}.stock-note strong{font-size:1.45rem}.stock-note p{color:#bdc7df}.about-hero,.contact-hero{padding:70px 20px;background:radial-gradient(circle at 90% 10%,#ec6d22 0,#9e2752 24%,#111a35 66%)}.about-hero>p:last-child,.contact-hero>p:last-child{max-width:700px;color:#e0e5f3;font-size:1.05rem}.about-grid{display:grid}.about-grid article{padding:55px 20px;min-height:310px}.about-grid article:nth-child(1){background:#153d8d}.about-grid article:nth-child(2){background:#bf2d67}.about-grid article:nth-child(3){background:#07866d}.about-grid h2{margin-top:15px}.contact-hero{background:linear-gradient(135deg,#1a3c91,#e04b28)}.contact-grid{display:grid}.contact-card{padding:42px 20px;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end}.contact-card h2{margin:12px 0}.contact-card>a:not(.btn){font-weight:900;text-decoration:underline}.contact-card .btn{margin-top:8px}.navy-card{background:#111a35}.orange-card{background:#f48322}.green-card{background:#07866d}.pink-card{background:#c72e70}.light{background:#fff;color:#111831}.legal{padding:70px 20px 100px;max-width:880px;margin:auto}.legal h1{margin-bottom:50px}.legal section{padding:28px 0;border-top:1px solid var(--line)}.legal h2{font-size:1.7rem;margin-bottom:10px}
@media(min-width:760px){.desktop-nav{display:flex;gap:28px;color:#1a2340;font-size:.9rem;font-weight:750}.desktop-nav a:hover,.desktop-nav .active{color:#e46515}.page-hero{min-height:690px;padding:80px 7vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw}.page-hero img{width:100%;height:540px;min-height:0;margin:0;border-radius:16px}.step-grid{grid-template-columns:repeat(3,1fr)}.steps,.catalog,.promise{padding:100px 7vw}.product-bands{grid-template-columns:repeat(3,1fr)}.band{min-height:460px;padding:45px}.catalog-grid{grid-template-columns:repeat(3,1fr)}.about-hero,.contact-hero{padding:110px 7vw}.about-grid{grid-template-columns:repeat(3,1fr)}.about-grid article{padding:70px 4vw;min-height:460px}.contact-grid{grid-template-columns:1fr 1fr}.contact-card{padding:60px 7vw;min-height:420px}.legal{padding-block:100px}.footer-links{margin-left:auto}}

/* Navigation mobile */
@media(max-width:759px){.topbar{height:auto;min-height:76px;flex-wrap:wrap;padding-bottom:0}.desktop-nav{order:3;display:flex;width:calc(100% + 36px);margin:6px -18px 0;padding:0 18px;height:46px;align-items:center;gap:23px;overflow-x:auto;background:#111a35;color:#fff;font-size:.82rem;font-weight:800;white-space:nowrap;scrollbar-width:none}.desktop-nav::-webkit-scrollbar{display:none}.desktop-nav a{height:46px;display:flex;align-items:center;border-bottom:3px solid transparent}.desktop-nav .active{color:#ff9e48;border-color:#f48322}.page-hero{min-height:calc(100svh - 122px)}}
@media(max-width:759px){.logo{width:154px;height:54px}.logo img{object-fit:contain}.phone{padding:9px 11px}.phone strong{font-size:.78rem}}
.price-banner{padding:58px 20px;background:linear-gradient(120deg,#f48322,#d92f73 52%,#4d36a7);color:#fff;text-align:center}.price-banner .kicker{color:#fff}.price-banner h2{font-size:clamp(2.25rem,10vw,4.4rem);line-height:.98;letter-spacing:-.045em;max-width:900px;margin:0 auto 18px}.price-banner p{max-width:650px;margin:0 auto 25px;font-size:1.05rem}.price-banner .btn{background:#10172e;min-width:250px}
@media(min-width:760px){.price-banner{padding:90px 7vw}.price-banner p{font-size:1.18rem}}

/* Menu principal */
.desktop-nav a{transition:color .2s ease,background .2s ease,transform .2s ease}
@media(max-width:759px){.desktop-nav{gap:8px;padding:7px 14px;height:54px;background:linear-gradient(100deg,#0d1733,#172c60 58%,#292058);border-top:1px solid #ffffff1c;box-shadow:inset 0 1px #ffffff0d}.desktop-nav a{height:38px;padding:0 15px;border:1px solid #ffffff18!important;border-radius:999px;background:#ffffff0b;color:#dbe3fa}.desktop-nav a.active{background:linear-gradient(135deg,#f48322,#ef5c2d);color:#fff;border-color:transparent!important;box-shadow:0 5px 16px #f36f284d}.desktop-nav a:active{transform:scale(.97)}}
@media(min-width:760px){.desktop-nav{padding:6px;background:#f1f3fa;border:1px solid #dfe4f2;border-radius:999px;gap:3px}.desktop-nav a{padding:9px 14px;border-radius:999px}.desktop-nav a:hover{background:#fff}.desktop-nav a.active{background:linear-gradient(135deg,#1b2f69,#314fa6);color:#fff;box-shadow:0 4px 12px #1b2f6930}.phone{box-shadow:0 5px 15px #111a3526}}
.home-location{background:#0b1020;padding:68px 20px}.location-copy h2{font-size:clamp(2.15rem,9vw,4rem);line-height:1.02;letter-spacing:-.045em;max-width:820px}.hours{margin:28px 0}.hours>div{padding:14px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px}.hours span{color:#b8c2dc}.hours strong{color:#fff}.hours p{margin:12px 0 0;color:#ff9e48;font-weight:800}.map-wrap{margin-top:32px;height:360px;border-radius:14px;overflow:hidden;border:1px solid #ffffff21;box-shadow:0 22px 50px #0006}.map-wrap iframe{display:block;width:100%;height:100%;border:0;filter:saturate(.9) contrast(1.04)}
@media(min-width:760px){.home-location{padding:90px 7vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center}.map-wrap{height:520px;margin:0}.hours{max-width:580px}}

/* Lien Boutique en ligne (Shopify) mis en avant dans la nav */
.desktop-nav a.shop-link{font-weight:900}
@media(min-width:760px){.desktop-nav a.shop-link{background:linear-gradient(135deg,var(--orange),#ef5c2d)!important;color:#fff!important;box-shadow:0 4px 12px #f483224d}}
@media(max-width:759px){.desktop-nav a.shop-link{background:linear-gradient(135deg,#f48322,#ef5c2d)!important;color:#fff!important;border-color:transparent!important}}