/* Accueil épuré : identité panoramique, navigation par vues et palette pastel. */
[hidden]{display:none!important}
body{background:#f0f2e9}
header{display:block;padding:0;max-width:none!important;border:0;background:#f0f2e9}
.brand-banner{display:block;width:100%;background:#e9e7da;overflow:hidden}
.brand-banner img{display:block;width:100%;height:auto;max-height:390px;object-fit:cover;object-position:center}
.navigation-row{display:flex;align-items:center;justify-content:center;position:relative;gap:24px;padding:19px 5%;border-bottom:1px solid #d7dfcf;background:#f6f7f0}
.navigation-row nav{justify-content:center;gap:clamp(12px,2vw,30px);row-gap:12px;padding-right:90px}
.navigation-row nav a{white-space:nowrap}
.navigation-row nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
.navigation-row .bag{position:absolute;right:4%;top:50%;transform:translateY(-50%)}
main{max-width:none!important;min-height:55vh}
.hero{display:grid;grid-template-columns:1fr;place-items:center;min-height:clamp(460px,57vh,720px);padding:68px 6%;background:radial-gradient(ellipse at 50% 20%,#fbfcf7 0%,#eef2e9 63%,#e9eee4 100%)}
.hero-copy{padding:0;text-align:center;max-width:850px}
.hero-title{font-size:clamp(55px,7vw,98px);line-height:1.16;margin:22px 0 18px}
.hero-copy p{margin:0 auto 34px;font-size:clamp(16px,1.4vw,19px)}
.hero .primary{min-height:56px;justify-content:center;border-radius:3px;transition:background .2s,transform .2s,box-shadow .2s}
.hero .primary:hover,.hero .primary:focus-visible{background:#3e604a;transform:translateY(-3px);box-shadow:0 10px 24px #263e3226}
.collection{min-height:55vh;max-width:1350px;margin:auto;background:#f0f2e9}
.spirit{min-height:340px}.guide{background:#f0f2e9}
footer{max-width:none!important;border:0;display:flex;flex-direction:column;justify-content:center;gap:13px;padding:34px 5% 42px;background:#f0f2e9}
.footer-rule{display:block;width:min(310px,55vw);height:2px;background:#395945}
.footer-mark{font:600 13px 'DM Sans',sans-serif;letter-spacing:.38em;color:#263e32}
@media(max-width:850px){.navigation-row{display:flex;flex-direction:column-reverse;align-items:stretch;gap:12px;padding:12px 5% 18px}.navigation-row nav{padding:0;justify-content:center}.navigation-row nav a:first-child,.navigation-row nav a:last-child{display:inline}.navigation-row .bag{position:static;transform:none;align-self:flex-end}.brand-banner img{max-height:none}}
@media(max-width:580px){.navigation-row nav{order:0;width:100%;border:0;padding:0;display:flex;gap:12px 18px;justify-content:center;font-size:13px}.navigation-row nav a{display:inline!important}.navigation-row .bag{order:-1}.hero{min-height:450px;padding:64px 7%}.hero-title{font-size:clamp(49px,11vw,66px);letter-spacing:-2px}.hero-copy p{font-size:16px}.hero .eyebrow{font-size:10px;line-height:1.5}.collection{padding-top:42px}.footer-rule{width:min(250px,70vw)}}
@media(prefers-reduced-motion:reduce){.hero .primary{transition:none}.hero .primary:hover{transform:none}}

.flower-photo{padding:18px;position:relative;background:#e4e9da;min-height:280px;overflow:hidden}
.flower-images{display:block;position:relative;width:100%;height:205px}
.flower-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.flower-images .flower-second{display:none;object-fit:cover;object-position:center 35%}
.show-second .flower-first{display:none}.show-second .flower-second{display:block}
.photo-hint{font-size:11px;line-height:1.5;text-align:center;width:100%}.flower-facts{font-size:14px;margin:12px 0 0;line-height:1.7}
@media(max-width:580px){.flower-photo{padding:12px;min-height:205px}.flower-images{height:140px}.photo-hint{font-size:10px}.flower-facts{font-size:12px}}

/* Photos pastel approuvees */
.flower-images{height:auto;aspect-ratio:1/1;overflow:hidden;border-radius:3px}
.flower-images img,.flower-images .flower-second{object-fit:cover;object-position:center}

.product-info .flower-facts{font-size:13px;line-height:1.65;margin:8px 0 12px}.aroma-profile{margin-top:16px;border-top:1px solid #ced6c7;padding-top:14px;font-size:14px;line-height:1.7}.aroma-profile summary{cursor:pointer;font-weight:600;color:#263e32}.aroma-profile p{margin:10px 0 0}

/* Navigation validée — octobre 2026. */
.inner-page .brand-banner{background:linear-gradient(100deg,#eee9dc,#e4ebdf,#f1edde)}
.inner-page .brand-banner img{height:145px;max-height:145px;object-fit:contain}
.menu-toggle{display:none;border:0;background:none;color:#263e32;padding:12px;font:inherit}
.navigation-row nav{padding-right:90px;flex-wrap:wrap}
footer{align-items:center;text-align:center}
footer .footer-rule{margin:0 auto;width:75px;max-width:100%}
.footer-name{font:400 22px 'Playfair Display',Georgia,serif;letter-spacing:.16em}
.footer-mark{font-weight:500;font-size:11px;letter-spacing:.25em}
footer .footer-links{display:flex!important;flex-wrap:wrap;justify-content:center;gap:10px 24px;padding:0 0 15px;width:100%;font-size:14px}
.footer-links a{padding:8px 0}
.product-info{align-items:flex-start;gap:12px;flex-wrap:wrap}
.product-name{background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left}
.product-name:hover{text-decoration:underline;text-underline-offset:5px}
.product-info .add{width:auto;min-height:44px;height:auto;border-radius:4px;padding:10px 14px;font-size:13px;white-space:nowrap;background:#263e32;color:#fff}
.service-page{max-width:900px;margin:auto;padding:50px 6% 70px;min-height:350px}
.service-page h1{font-size:clamp(32px,5vw,50px);letter-spacing:-1px}
.service-page a{text-decoration:underline}
.service-page details{padding:18px 0;border-bottom:1px solid #ced6c7}
@media(max-width:850px){.inner-page .brand-banner img{height:105px;max-height:105px}.navigation-row{display:grid;grid-template-columns:1fr auto;gap:0;padding:8px 4%;align-items:center}.menu-toggle{display:block;justify-self:start}.navigation-row .bag{position:static;transform:none;align-self:center;order:initial}.navigation-row #mainNav{display:none;grid-column:1/-1;padding:10px 0 8px;flex-direction:column;align-items:stretch;gap:0;font-size:15px}.navigation-row #mainNav.menu-open{display:flex}.navigation-row #mainNav a{display:block!important;padding:13px 12px}.product-info .add{min-height:44px}footer .footer-links{flex-direction:row;font-size:13px}}

button:disabled,button:disabled:hover{cursor:not-allowed;opacity:.6}
