@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800;900&family=Caveat:wght@600;700&display=swap');
:root{--cream:#FFF5E8;--paper:#FFFCF7;--brown:#3A2820;--brown-soft:#563C33;--coral:#F35A30;--coral-dark:#D9441C;--yellow:#FFA63E;--peach:#F7D7B1;--nude-soft:#FBE6CD;--muted:#7A5F53;--line:#F0DCC3;--soft:#FBE6CD;--font:'Montserrat','Helvetica Neue',Arial,sans-serif;--display:'Montserrat','Helvetica Neue',Arial,sans-serif;--script:'Caveat',cursive;--sunset:radial-gradient(circle at 50% 30%,#FFA63E 0%,#F35A30 80%);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--brown);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--display);line-height:1.12;font-weight:900}button{color:inherit}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.shell{width:min(1440px,calc(100% - 112px));margin:auto}.skip-link{position:fixed;top:-100px;z-index:1000;background:var(--brown);color:white;padding:15px}.skip-link:focus{top:0}.site-header{position:sticky;top:0;z-index:20;background:#FFF5E8f2;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:52px;min-height:92px}.wordmark{font-family:var(--display);font-weight:1000;font-size:1.6rem;letter-spacing:-1.2px;line-height:1;white-space:nowrap}.wordmark span{color:var(--coral)}.primary-nav{display:flex;gap:30px;align-self:stretch;align-items:center;font-size:.875rem;font-weight:600}.primary-nav>a{height:100%;display:flex;align-items:center;position:relative;white-space:nowrap}.primary-nav>a.active:after{content:'';height:3px;background:var(--coral);position:absolute;bottom:0;left:0;right:0}.primary-nav>a:hover{color:var(--coral)}.header-actions{display:flex;align-items:center;gap:14px;margin-left:auto}.icon-button{background:transparent;border:1px solid var(--line);width:42px;height:42px;display:inline-grid;place-items:center;border-radius:50%;transition:background .2s}.icon-button:hover{background:var(--soft)}.list-button{border:0;background:transparent;font-size:.875rem;display:flex;align-items:center;gap:9px;padding:10px 0 10px 10px;white-space:nowrap}.list-count{background:var(--brown);color:var(--cream);border-radius:50%;font-size:12px;min-width:21px;line-height:21px;text-align:center}.menu-button{display:none}.eyebrow{font-size:.75rem;letter-spacing:1.9px;font-weight:700;text-transform:uppercase}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid currentColor;border-radius:30px;padding:5px 13px;font-size:.75rem;font-weight:600}.btn{border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 23px;font-size:.875rem;font-weight:700;min-height:50px;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn-coral{color:#fff;background:var(--coral)}.btn-coral:hover{background:var(--coral-dark)}.btn-brown{color:var(--cream);background:var(--brown)}.btn-light{background:var(--paper);border:1px solid var(--line)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:23px}.section-head h2{font-size:1.9rem;letter-spacing:-.75px}.section-head p{font-size:.9rem;color:var(--muted);margin-top:7px}.small-link{font-size:.875rem;display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.small-link:hover{text-decoration:underline;text-underline-offset:5px}.site-footer{border-top:1px solid var(--line);margin-top:76px;padding:40px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-top p{color:var(--muted);font-size:.875rem;margin-top:14px}.footer-links{display:flex;gap:28px;flex-wrap:wrap;font-size:.875rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:38px;padding-top:20px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}.footer-bottom a:hover{color:var(--coral)}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--brown);color:white;border-radius:8px;padding:13px 20px;font-size:.875rem;z-index:100;max-width:calc(100% - 32px);width:max-content;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(max-width:1100px){.shell{width:calc(100% - 64px)}.header-inner{gap:28px}.primary-nav{gap:22px}.wordmark{font-size:1.45rem}}@media(max-width:800px){html{scroll-padding-top:90px}.shell{width:calc(100% - 40px)}.header-inner{min-height:76px;gap:18px}.wordmark{font-size:1.4rem}.primary-nav{display:none}.primary-nav.open{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:18px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.primary-nav>a{height:auto}.primary-nav>a.active:after{bottom:-8px}.menu-button{display:inline-grid}.header-actions{gap:8px}.list-button{padding:7px 0}.list-button .list-text{display:none}.header-actions .icon-button{width:37px;height:37px}.section-head h2{font-size:1.6rem}.section-head{gap:15px}.footer-top{align-items:flex-start;flex-direction:column}.footer-links{gap:18px}.footer-bottom{flex-wrap:wrap;margin-top:24px}.site-footer{margin-top:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:380px){.header-inner{gap:10px}.wordmark{font-size:1.2rem}.header-actions{gap:6px}.header-actions .icon-button{width:34px;height:34px}.back-catalog{display:none}}

/* ---- Ligne graphique Sulay (crème, brun, dégradé jaune-orange) ---- */
a,button,summary,label[for],select{cursor:pointer}
.wordmark{font-weight:900;letter-spacing:-.03em}
.wordmark span{color:var(--coral)}
.eyebrow{color:var(--coral);font-weight:800;letter-spacing:.2em;font-size:.7rem}
.btn{border-radius:999px;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:800;padding:14px 24px}
.btn-coral{background:var(--coral);color:#fff;box-shadow:0 12px 26px -14px rgba(243,90,48,.9)}
.btn-coral:hover{background:var(--brown)}
.btn-brown:hover{background:var(--coral)}
.btn-light:hover{border-color:var(--coral);color:var(--coral)}
.pill{font-weight:700}
.toast{border-radius:999px;font-weight:700}
.site-header{border-bottom:0;box-shadow:0 1px 0 var(--line)}
.site-footer{background:var(--brown);color:var(--cream);border-top:0;border-radius:28px 28px 0 0;padding:44px 0 28px}
.site-footer .wordmark{color:var(--cream)}
.site-footer .footer-top p,.site-footer .footer-bottom{color:rgba(255,245,232,.7)}
.site-footer .footer-bottom{border-top-color:rgba(255,245,232,.18)}
.site-footer a:hover{color:var(--yellow)}
@media(max-width:640px){.shell{width:calc(100% - 32px)}}

.wordmark{display:inline-flex;align-items:center}.wordmark-logo{width:1.5em;height:1.5em;border-radius:24%;flex-shrink:0;margin-right:.35em}
@media(min-width:1025px) and (hover:hover) and (pointer:fine){.wordmark .wordmark-logo{display:none!important}}@media(max-width:1024.98px),(hover:none),(pointer:coarse){.wordmark{font-size:0!important;line-height:0}.wordmark .wordmark-logo{width:46px!important;height:46px!important;margin:0!important}}