@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;500&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:wght@300;400;500;600&display=swap');
:root{--ink:#2c2926;--ink-light:#5c5651;--ivory:#faf9f6;--linen:#f2eee8;--warm:#e9e3da;--champagne:#b8ad9d;--wine:#807363;--line:#dfd8ce;--display:'Bodoni Moda','Didot',Georgia,serif;--serif:'Cormorant Garamond','Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:14px;background:var(--ivory);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;width:100%}::selection{background:#d1c6b6;color:#241d17}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--wine);outline-offset:4px}h1,h2,h3,p{margin-top:0}
.announcement{background:var(--wine);color:#2f2b26;text-align:center;padding:10px 16px;letter-spacing:.18em;text-transform:uppercase;font:500 9px/1.6 var(--sans)}
.site-header{z-index:30;position:sticky;top:0;background:rgba(250,248,244,.95);border-bottom:1px solid rgba(149,124,96,.20);backdrop-filter:blur(16px)}.nav{height:92px;max-width:1600px;margin:auto;padding:0 5%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.nav-side{display:flex;align-items:center;gap:34px}.nav-side:last-child{justify-content:flex-end}.nav-link{font:500 10px var(--sans);letter-spacing:.20em;text-transform:uppercase;white-space:nowrap}.nav-link:hover,.footer a:hover,.thin-link:hover{color:var(--wine)}.brand{width:max-content;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1}.brand .brand-top{font:400 11px var(--display);letter-spacing:.44em;margin-right:-.44em}.brand .brand-name{font:400 40px var(--display);letter-spacing:.065em}.brand .brand-bottom{font:400 9px var(--display);letter-spacing:.49em;margin-right:-.49em;margin-top:2px}.mobile-menu-toggle{display:none;border:0;background:transparent;font-size:23px;width:40px;height:40px;align-items:center;justify-content:center}.nav-mobile{display:none}
.hero{min-height:610px;display:grid;grid-template-columns:51% 49%;background:#eae4dc}.hero-photo{position:relative;min-height:610px;background:#d7ccbd;overflow:hidden}.hero-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%}.hero-photo .photo-caption{position:absolute;bottom:26px;left:30px;text-transform:uppercase;letter-spacing:.26em;font:400 9px var(--sans);color:#483b2c;background:#faf6edbd;padding:12px 14px}.hero-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:65px 9% 70px}.eyebrow{font:500 10px var(--sans);letter-spacing:.31em;text-transform:uppercase;color:#8b775f}.hero h1{font:400 clamp(60px,6.5vw,114px)/.99 var(--display);letter-spacing:-.065em;margin:22px 0 21px}.hero h1 em{font:italic 300 1.05em/1 var(--serif);letter-spacing:-.045em}.hero-copy .lead{font:400 clamp(24px,2.5vw,33px)/1.25 var(--serif);color:#5a5047;max-width:465px;margin:0 0 16px}.hero-copy .bodytext{font:300 13px/1.95 var(--sans);color:#6b6056;max-width:390px;margin-bottom:30px}.stroke{height:1px;width:46px;background:var(--champagne);margin:0 auto 29px}.btn{display:inline-flex;min-height:49px;padding:15px 32px;align-items:center;justify-content:center;text-align:center;letter-spacing:.22em;text-transform:uppercase;font:500 10px var(--sans);color:#fff;background:#25221e;border:1px solid #25221e;transition:background .24s,transform .24s,border-color .24s}.btn:hover{background:var(--wine);border-color:var(--wine);transform:translateY(-2px)}.btn.outline{background:transparent;border:1px solid #988c7e;color:var(--ink)}.btn.outline:hover{background:var(--ink);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.microcopy{font:400 11px/1.8 var(--sans);color:#847568}.hero-copy .microcopy{margin-top:18px}
.intro-band{padding:24px 6%;text-align:center;background:#f8f5ef;border-block:1px solid #e6ded4;font:400 11px/1.7 var(--sans);letter-spacing:.23em;text-transform:uppercase;color:#6b5b52}
.wrap{max-width:1510px;margin:auto;padding:0 6vw}.section{padding:100px 0 112px}.section-heading{text-align:center;max-width:710px;margin:0 auto 49px}.section-heading h2{font:400 clamp(46px,5.4vw,78px)/1.08 var(--display);letter-spacing:-.055em;margin:19px auto 16px}.section-heading .sub{font:400 26px/1.3 var(--serif);color:#65574d;margin:0}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.product-card{min-width:0}.product-art{display:block;height:auto;aspect-ratio:4/5;position:relative;overflow:hidden;isolation:isolate;background:#e7dac9}.product-art img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s ease}.product-card:hover .product-art img{transform:scale(1.045)}.product-art:after{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.26);pointer-events:none}.art-mark{position:absolute;top:19px;left:21px;font:500 9px var(--sans);letter-spacing:.21em;text-transform:uppercase;color:#5e4b3c;z-index:3}.art-sable{background:linear-gradient(165deg,#f4efe5 0%,#e5d7c3 47%,#cfbca4 100%)}.art-sable:before{content:'';position:absolute;width:116%;height:60%;left:-10%;bottom:-14%;background:radial-gradient(ellipse 60% 65% at 66% 3%,#f5eee3 7%,#e2d2bb 67%,#c6b395 100%);border-radius:68% 25% 0 0;transform:rotate(-8deg);box-shadow:0 -15px 75px #fbf8ee60}.art-sable .horizon{position:absolute;width:120%;height:47%;left:-8%;bottom:-8%;background:linear-gradient(155deg,#c8b08c,#f4e8d5 40%,#c3ab8e 90%);clip-path:polygon(0 64%,30% 42%,58% 48%,100% 4%,100% 100%,0 100%)}.art-sable .art-title{color:#745841;top:27%}.art-fruit{background:radial-gradient(ellipse at 45% 35%,#b5a49b 0%,#81746e 43%,#4b4643 100%)}.art-fruit:before{content:'';position:absolute;left:-24%;bottom:-19%;width:115%;height:92%;border-radius:53% 47% 52% 48%;background:radial-gradient(ellipse at 44% 42%,#b2a19a 0,#80716c 53%,#4d4644 82%);box-shadow:inset 5px 8px 50px #d7c8ba44,65px -21px 130px #342c2aaa;transform:rotate(-25deg)}.art-fruit:after{content:'';position:absolute;right:-12%;top:3%;width:54%;height:80%;border-left:1px solid #f1d4c161;transform:rotate(26deg)}.art-fruit .art-mark,.art-fruit .art-title{color:#f4e6da}.art-title{position:absolute;left:8%;width:84%;top:37%;text-align:center;z-index:2;font:italic 400 clamp(42px,4vw,67px)/.95 var(--serif);color:#f4e7d0;text-shadow:0 1px 22px #00000018;letter-spacing:-.02em}.art-subtitle{position:absolute;z-index:2;bottom:21px;left:21px;color:#f7eee2;font:500 9px var(--sans);letter-spacing:.24em;text-transform:uppercase}.art-sable .art-subtitle{color:#8b755d}.product-info{text-align:center;padding:27px 7px 6px}.product-info .eyebrow{font-size:9px;letter-spacing:.25em}.product-info h3{font:italic 400 clamp(34px,3.4vw,45px)/1.1 var(--serif);margin:12px 0 10px}.product-info .summary{font:400 22px/1.2 var(--serif);color:#77695f;min-height:28px;margin:0 0 18px}.product-info .thin-link{font:500 10px var(--sans);letter-spacing:.22em;text-transform:uppercase;padding-bottom:6px;border-bottom:1px solid #a28b6a}
.story-block{display:grid;grid-template-columns:1fr 1fr;min-height:580px;background:#eee9e0}.story-visual{min-height:580px;position:relative;overflow:hidden;background:linear-gradient(165deg,#a69a8a,#726a63)}.story-visual .curtain{position:absolute;inset:-7% 0 0;background:repeating-linear-gradient(90deg, #756c63 0 10%,#908477 19%,#bcafa0 22%,#675d56 36%);clip-path:polygon(0 0,100% 0,100% 87%,83% 96%,54% 82%,26% 93%,0 79%);opacity:.92}.story-visual .arch{position:absolute;left:17%;right:17%;top:10%;height:83%;border:1px solid #e8d0ae99;border-radius:48% 48% 0 0;background:linear-gradient(145deg,#eadfcd 0%,#eee8df 35%,#bda58b 100%);box-shadow:0 7px 34px #453b364a, inset 1px 0 38px #ffffff64}.story-visual .arch:after{content:'K';position:absolute;inset:14% 0 auto;text-align:center;font:400 200px var(--display);color:#d7c5aa54}.story-visual .arch:before{content:'';position:absolute;bottom:0;left:14%;right:14%;height:35%;border-radius:50% 50% 0 0;box-shadow:0 -2px 0 #b99f78;background:linear-gradient(#f7f1e7,#d8c6ad);transform:perspective(300px) rotateX(50deg)}.story-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:90px min(9vw,140px)}.story-content h2{font:400 clamp(52px,5.5vw,79px)/1.08 var(--display);letter-spacing:-.05em;margin:19px 0 23px}.story-content h2 em{font:italic 400 1em var(--serif)}.story-content .prose{max-width:500px;font:400 clamp(23px,2.5vw,31px)/1.35 var(--serif);color:#5c5146}.story-content .secondary{font:300 12px/2 var(--sans);color:#776c62;max-width:420px}.story-content .thin-link{margin-top:28px}
.prelaunch{background:#f6f1e9;text-align:center;padding:98px 4vw;border-block:1px solid #e0d7ca}.prelaunch h2{font:400 clamp(48px,6vw,79px)/1.08 var(--display);letter-spacing:-.05em;margin:23px auto 22px}.prelaunch .sub{font:400 27px/1.25 var(--serif);color:#625548;max-width:620px;margin:0 auto 30px}.launch-date{font:400 14px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#63584c;margin-top:23px}.countdown{display:flex;gap:35px;justify-content:center;padding:24px 0}.tick{text-align:center;min-width:73px}.tick b{display:block;font:400 41px/1 var(--display)}.tick small{display:block;font:400 9px var(--sans);letter-spacing:.17em;text-transform:uppercase;margin-top:10px;color:#8b796b}
.infos{padding:90px 6vw;max-width:1220px;margin:auto}.infos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:center}.infos article{border-top:1px solid #b5a589;padding-top:21px}.infos h3{font:400 27px var(--serif);margin:3px 0 9px}.infos p{font:300 12px/2 var(--sans);color:#6e6156}
.faq{max-width:900px;margin:0 auto;padding:90px 6vw 118px}.faq h2{font:400 clamp(42px,5vw,63px)/1.05 var(--display);text-align:center;margin-bottom:40px}.faq details{padding:21px 0;border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;font:400 25px/1.3 var(--serif)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font:300 22px var(--sans)}.faq details[open] summary:after{content:'–'}.faq details p{font:300 12px/2 var(--sans);color:#6b6057;max-width:670px;margin:14px 0 0}
.footer{background:#e8dfd2;padding:76px 6vw 28px}.footer-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:60px}.footer .brand{align-items:flex-start}.footer .brand .brand-name{font-size:45px}.footer .brand .brand-top,.footer .brand .brand-bottom{margin-left:6px}.footer-intro{font:400 25px/1.35 var(--serif);max-width:360px;color:#66564b;margin-top:27px}.footer h3{font:500 10px var(--sans);letter-spacing:.22em;text-transform:uppercase;margin-bottom:26px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:17px;color:#62574f;font:300 12px var(--sans)}.footer-base{border-top:1px solid #c9bbab;max-width:1400px;margin:68px auto 0;padding-top:23px;display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;font:400 10px/1.8 var(--sans);color:#877769;letter-spacing:.10em}
/* Perfume details */
.breadcrumb{padding:25px 6%;font:500 9px var(--sans);letter-spacing:.17em;text-transform:uppercase;color:#8a796a;max-width:1550px;margin:auto}.breadcrumb span{margin:0 10px}.detail-grid{display:grid;grid-template-columns:52% 48%;background:#f5f0e9}.detail-art{position:relative;min-height:680px}.detail-art>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.detail-art .art-title{font-size:clamp(70px,8vw,135px)}.detail-copy{padding:92px 12%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.detail-copy h1{font:italic 400 clamp(67px,6.4vw,105px)/1 var(--serif);margin:23px 0 15px;letter-spacing:-.04em}.detail-copy .tagline{font:400 28px/1.25 var(--serif);color:#68594f;margin:0 0 30px}.detail-copy .longdesc{font:300 13px/2.05 var(--sans);color:#5c534a;max-width:435px}.detail-divider{background:var(--champagne);height:1px;width:43px;margin:28px 0}.product-facts{width:100%;max-width:470px;margin:0 0 19px}.fact{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font:500 10px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.17em}.fact span:last-child{font-weight:300;letter-spacing:.04em;text-transform:none;text-align:right}.product-price{font:400 36px var(--display);margin:18px 0 17px}.detail-copy .btn{width:min(100%,400px)}.detail-copy .order-note{font:300 11px/1.8 var(--sans);color:#867568;margin:18px 0 0;max-width:420px}.detail-story{padding:107px 6vw;text-align:center;max-width:1060px;margin:auto}.detail-story h2{font:400 61px var(--display);margin:18px 0}.detail-story p{font:400 29px/1.3 var(--serif);color:#5f5147}.other-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:950px;margin:0 auto}.other-grid .product-art{aspect-ratio:6/5}.other-grid .product-art img{object-position:center 41%}.other-grid .product-info{padding-bottom:0}
.info-page{max-width:850px;margin:80px auto 120px;padding:0 6vw}.info-page h1{font:400 clamp(50px,6vw,80px)/1.1 var(--display);margin:20px 0 30px}.info-page h2{font:400 33px var(--serif);margin:34px 0 12px}.info-page p,.info-page li{font:300 13px/2 var(--sans);color:#5e544a}.info-page a{text-decoration:underline;text-underline-offset:4px}
.toast{position:fixed;bottom:24px;right:24px;z-index:50;max-width:375px;padding:23px 26px;background:#fffcf6;border:1px solid #bda587;box-shadow:0 14px 50px #0002;display:none;font:300 12px/1.8 var(--sans)}.toast[aria-hidden='false']{display:block}.toast strong{display:block;font:400 25px var(--serif);margin-bottom:8px}.toast button{background:transparent;border:0;color:var(--wine);padding:9px 0 0;text-transform:uppercase;letter-spacing:.12em;font-size:10px}
@media(max-width:1000px){.nav-side{gap:18px}.hero{grid-template-columns:48% 52%}.hero-photo,.hero{min-height:570px}.story-content{padding:65px 7vw}.collection-grid{gap:18px}.art-title{font-size:45px}.detail-grid{grid-template-columns:48% 52%}.detail-copy{padding:62px 7vw}.detail-art{min-height:640px}}
@media(max-width:720px){.nav{height:74px;padding:0 20px;grid-template-columns:1fr auto 1fr}.nav-side{display:none}.nav>.brand{grid-column:2;grid-row:1}.mobile-menu-toggle{display:flex;grid-column:3;grid-row:1;justify-self:end}.nav-mobile{display:none;background:#faf8f4;padding:14px 22px 26px;border-top:1px solid #ddd3c6}.nav-mobile.open{display:flex;flex-direction:column;gap:22px}.nav-mobile a{font:500 12px var(--sans);letter-spacing:.15em;text-transform:uppercase}.brand .brand-top{font-size:9px}.brand .brand-name{font-size:31px}.brand .brand-bottom{font-size:8px}.hero{display:flex;flex-direction:column}.hero-photo{min-height:0;aspect-ratio:1/1}.hero-photo img{object-position:center 50%}.hero-copy{padding:69px 8% 76px}.hero h1{font-size:clamp(55px,12vw,80px)}.hero-copy .lead{font-size:29px}.wrap{padding:0 6vw}.section{padding:73px 0 90px}.section-heading h2{font-size:52px}.collection-grid{grid-template-columns:1fr;gap:54px;max-width:480px;margin:auto}.product-info h3{font-size:44px}.product-info .summary{font-size:24px}.art-title{font-size:74px}.story-block{grid-template-columns:1fr}.story-visual{min-height:390px}.story-content{padding:65px 9vw}.story-content h2{font-size:60px}.prelaunch{padding:70px 7vw}.prelaunch h2{font-size:56px}.infos{padding:65px 7vw}.infos-grid{grid-template-columns:1fr;gap:22px}.infos article{max-width:440px;margin:auto;width:100%}.faq{padding:70px 7vw 95px}.footer{padding:65px 7vw 25px}.footer-grid{grid-template-columns:1fr 1fr;gap:45px 28px}.footer-grid>div:first-child{grid-column:1/-1}.detail-grid{grid-template-columns:1fr}.detail-art{min-height:0;aspect-ratio:4/5}.detail-copy{padding:55px 8vw 75px}.detail-copy h1{font-size:75px}.detail-story{padding:70px 8vw}.detail-story h2{font-size:53px}.other-grid{grid-template-columns:1fr;max-width:440px;gap:50px}}
@media(max-width:440px){.announcement{font-size:8px;letter-spacing:.13em}.hero-copy{padding:60px 6vw}.hero h1{font-size:52px}.section-heading h2{font-size:45px}.section-heading .sub{font-size:24px}.art-title{font-size:58px}.product-info h3{font-size:40px}.countdown{gap:15px}.tick{min-width:54px}.tick b{font-size:32px}.story-visual{min-height:320px}.story-visual .arch:after{font-size:130px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-base{margin-top:46px}.detail-copy h1{font-size:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Ajustements de cadrage et responsive — Édition Maison Kouba */
html{scroll-padding-top:94px}
body{overflow-x:clip}
.announcement{padding:7px 14px;line-height:1.5}
.nav{height:82px;min-height:82px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(14px,2vw,32px);padding:0 clamp(24px,4vw,72px)}
.nav-side{min-width:0;gap:clamp(14px,2vw,32px)}
.nav-link{font-size:10px;letter-spacing:.16em}
.brand{gap:1px;line-height:1;max-width:100%;flex-shrink:0}
.brand span{display:block}
.brand .brand-top{font:400 10px/1.15 var(--display);letter-spacing:.40em;margin-right:-.40em}
.brand .brand-name{font:400 39px/.95 var(--display);letter-spacing:.075em}
.brand .brand-bottom{font:400 9px/1.15 var(--display);letter-spacing:.44em;margin-right:-.44em;margin-top:1px}
.hero{min-height:560px;grid-template-columns:51% 49%}
.hero-photo{background:linear-gradient(130deg,#ecdcc8 0%,#d3bda3 100%);min-height:0;isolation:isolate}
.hero-photo:before{content:'';position:absolute;inset:-7%;background:url('images/noces-dete.webp') center/cover no-repeat;filter:blur(22px);opacity:.22;z-index:-1}
.hero-photo>img{object-fit:contain;object-position:center}
.hero-copy{min-width:0;padding:clamp(24px,4.4svh,46px) clamp(30px,6vw,106px)}
.hero h1{font-size:clamp(50px,5.3vw,86px);line-height:1.02;margin:14px 0 18px}
.hero-copy .lead{font-size:clamp(23px,2.2vw,30px);line-height:1.2;margin:0 0 13px}
.hero-copy .bodytext{font-size:12px;line-height:1.75;margin-bottom:22px}
.hero .stroke{margin:0 auto 22px}
.hero-copy .microcopy{margin-top:13px}
.hero .photo-caption{bottom:18px;left:18px}
.section{padding:clamp(50px,6svh,80px) 0}
.section-heading{margin-bottom:clamp(24px,3.5svh,38px)}
.section-heading h2{font-size:clamp(42px,4.7vw,69px);margin:13px auto 12px}
.section-heading .sub{font-size:clamp(21px,2.1vw,26px)}
.product-art{height:clamp(230px,36svh,400px);aspect-ratio:auto}
.product-info{padding:18px 6px 5px}
.product-info h3{font-size:clamp(33px,2.9vw,42px);margin:8px 0 7px}
.product-info .summary{font-size:21px;min-height:0;margin:0 0 13px}
.story-block{min-height:560px}
.story-visual{min-height:0}
.story-content{padding:clamp(40px,7svh,85px) clamp(36px,7vw,110px)}
.story-content h2{font-size:clamp(48px,4.8vw,76px);margin:15px 0 17px}
.story-content .prose{font-size:clamp(23px,2.2vw,29px)}
.prelaunch{min-height:560px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(58px,8svh,90px) 6vw}
.prelaunch h2{font-size:clamp(46px,5.5vw,76px);margin:17px auto 17px}
.prelaunch .sub{font-size:clamp(23px,2.3vw,28px);margin-bottom:23px}
.detail-grid{grid-template-columns:51% 49%}
.detail-art{min-height:0;background:#e6d4c2}
.detail-art>img{object-fit:contain}
.detail-copy{min-width:0;padding:clamp(32px,5svh,60px) clamp(35px,6vw,92px)}
.detail-copy h1{font-size:clamp(52px,5.8vw,94px);margin:13px 0 11px}
.detail-copy .tagline{font-size:clamp(23px,2.2vw,27px);margin:0 0 16px}
.detail-copy .longdesc{font-size:12px;line-height:1.8}
.detail-divider{margin:17px 0}
.fact{padding:11px 0}
.product-price{margin:14px 0}
.detail-story{padding:clamp(54px,7svh,100px) 6vw}
@media(min-width:901px){
  .hero{height:calc(100svh - 112px);min-height:560px;max-height:920px}
  .hero-photo{height:100%}
  #collection{min-height:calc(100svh - 82px);display:flex;flex-direction:column;justify-content:center}
  .story-block{min-height:calc(100svh - 82px)}
  .prelaunch{min-height:calc(100svh - 82px)}
  .detail-grid{min-height:calc(100svh - 160px)}
}
@media(max-width:1150px){
  .nav-side{gap:14px}
  .nav-link{font-size:9px;letter-spacing:.13em}
  .nav{padding-inline:3%}
}
@media(max-width:1050px){
  .nav{height:76px;min-height:76px;padding:0 24px;grid-template-columns:1fr auto 1fr}
  .nav-side{display:none}
  .nav>.brand{grid-column:2;grid-row:1;justify-self:center}
  .mobile-menu-toggle{display:flex;grid-column:3;grid-row:1;justify-self:end}
  .nav-mobile{display:none;background:var(--ivory);padding:20px 30px 26px;border-top:1px solid var(--line)}
  .nav-mobile.open{display:flex;flex-direction:column;gap:20px}
  .nav-mobile a{font:500 12px var(--sans);letter-spacing:.16em;text-transform:uppercase}
  .brand .brand-name{font-size:35px}
  .hero{grid-template-columns:48% 52%}
  .hero-copy{padding-inline:5vw}
  .detail-grid{grid-template-columns:48% 52%}
  .detail-copy{padding-inline:5vw}
}
@media(max-width:900px){
  .hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column}
  .hero-photo{height:clamp(270px,44svh,460px);min-height:0;aspect-ratio:auto}
  .hero-copy{padding:clamp(35px,5svh,55px) 8vw clamp(42px,6svh,65px)}
  .hero h1{font-size:clamp(52px,8vw,76px)}
  .hero-copy .lead{font-size:clamp(23px,3.5vw,29px)}
  .story-block{grid-template-columns:1fr;min-height:0}
  .story-visual{height:clamp(260px,44svh,470px);min-height:0}
  .story-content{padding:clamp(44px,6svh,70px) 8vw}
  .prelaunch{min-height:0;padding:clamp(75px,9svh,110px) 7vw}
  .detail-grid{grid-template-columns:1fr;min-height:0}
  .detail-art{height:clamp(350px,70svh,620px);min-height:0;aspect-ratio:auto}
  .detail-copy{padding:52px 8vw 70px}
  .detail-copy h1{font-size:clamp(60px,9vw,87px)}
  #collection{min-height:0;display:block}
}
@media(max-width:720px){
  .nav{height:70px;min-height:70px}
  .brand .brand-top{font-size:9px}
  .brand .brand-name{font-size:32px}
  .brand .brand-bottom{font-size:8px}
  .hero-photo{height:clamp(245px,36svh,365px)}
  .hero-copy{padding:32px 7vw 42px}
  .hero h1{font-size:clamp(49px,9vw,66px);margin:10px 0 14px}
  .hero .stroke{margin-bottom:16px}
  .hero-copy .lead{font-size:25px;margin-bottom:10px}
  .hero-copy .bodytext{font-size:12px;line-height:1.6;margin-bottom:19px}
  .hero-copy .microcopy{margin-top:10px}
  .section{padding:65px 0 80px}
  .section-heading h2{font-size:clamp(41px,8vw,53px)}
  .collection-grid{grid-template-columns:1fr;gap:50px;max-width:480px;margin-inline:auto}
  .product-art{height:auto;aspect-ratio:4/4.6}
  .product-info h3{font-size:42px}
  .story-visual{height:clamp(290px,42svh,440px)}
  .story-content h2{font-size:clamp(46px,9vw,65px)}
  .prelaunch h2{font-size:clamp(43px,8vw,57px)}
  .detail-art{height:clamp(330px,62svh,520px)}
}
@media(max-width:440px){
  .announcement{font-size:8px;letter-spacing:.08em;padding:6px 10px}
  .nav{height:65px;min-height:65px;padding:0 15px}
  .brand .brand-name{font-size:30px}
  .brand .brand-top{font-size:8px}
  .brand .brand-bottom{font-size:7px}
  .hero-photo{height:clamp(225px,35svh,305px)}
  .hero-copy{padding:28px 6vw 34px}
  .hero h1{font-size:clamp(45px,11vw,55px)}
  .hero-copy .lead{font-size:22px}
  .hero-copy .bodytext{font-size:11.5px}
  .btn{min-height:44px;padding:12px 19px;font-size:9px}
  .product-art{aspect-ratio:4/4.5}
  .art-title{font-size:clamp(49px,13vw,62px)}
  .detail-copy{padding:40px 7vw 54px}
  .detail-copy h1{font-size:clamp(54px,13vw,72px)}
  .detail-art{height:clamp(295px,52svh,420px)}
  .prelaunch{padding:70px 7vw}
}
/* Fiche parfum : visuel et commande tiennent dans la composition */
@media(min-width:901px){
  .detail-art{height:auto;align-self:stretch;aspect-ratio:auto}
  .detail-art>img{height:100%;object-fit:contain}
  .detail-copy{padding-block:clamp(20px,3.4svh,45px)}
  .detail-copy h1{margin:11px 0 9px}
  .detail-copy .tagline{margin-bottom:11px}
  .detail-divider{margin:12px 0}
  .product-price{margin:10px 0}
  .detail-copy .order-note{margin-top:10px}
}
@media(min-width:901px){.product-art.detail-art{height:100%;min-height:100%;}}


/* =============================================
   MAISON KOUBA — Navigation couture
   Menu integral a gauche, signature a droite.
   Sur telephone, logo centre et menu deroulant.
   ============================================= */
@media (min-width:1051px) {
  .site-header .nav {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    max-width:1640px;
    min-height:82px;
    height:82px;
    padding-inline:clamp(24px,4vw,74px);
    gap:clamp(19px,2.2vw,35px);
  }
  .site-header .nav > .nav-side {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    min-width:0;
    gap:clamp(19px,2.2vw,35px);
  }
  .site-header .nav > .nav-side:first-of-type { order:1; }
  .site-header .nav > .nav-side:nth-of-type(2) { order:2; }
  .site-header .nav > .brand {
    order:3;
    margin-left:auto;
    flex-shrink:0;
    align-self:center;
  }
  .site-header .nav > .mobile-menu-toggle { display:none; }
}
@media (max-width:1050px) {
  .site-header .nav {
    display:grid;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  }
  .site-header .nav > .nav-side { display:none; }
  .site-header .nav > .brand {
    margin-left:0;
    grid-column:2;
    grid-row:1;
    justify-self:center;
  }
  .site-header .nav > .mobile-menu-toggle {
    display:flex;
    grid-column:3;
    grid-row:1;
    justify-self:end;
  }
}


/* =============================================================
   MAISON KOUBA — IDENTITÉ CHAMPAGNE ARGENTÉ & IVOIRE
   Navigation desktop : 4 liens à gauche, logo à droite.
   Navigation mobile : logo centré, menu déroulant.
   ============================================================= */
:root {
  --ivory: #faf9f6;
  --linen: #f2eee8;
  --warm: #e9e3da;
  --champagne: #b8ad9d;
  --wine: #807363; /* accent neutre, aucun violet */
  --line: #dfd8ce;
}
body { background: var(--ivory); }
.announcement {
  background: linear-gradient(100deg,
    #a8a39b 0%,
    #d8d0c2 28%,
    #c9beaf 52%,
    #aea597 78%,
    #c9bba9 100%);
  color: #302b26;
  border-bottom: 1px solid rgba(124,110,91,.22);
  font-weight: 600;
  letter-spacing: .17em;
}
.site-header {
  background: rgba(250,249,246,.98);
  border-bottom: 1px solid rgba(150,143,131,.23);
}
.nav-link:hover, .footer a:hover, .thin-link:hover {
  color: #756958;
}
.nav-link:focus-visible, .btn:focus-visible,
.mobile-menu-toggle:focus-visible, .nav-mobile a:focus-visible {
  outline: 2px solid #81725e;
  outline-offset: 4px;
}
.hero { background: #eae4dc; }
.hero-photo { background: #d7ccbd; }
.hero-copy .eyebrow { color: #817461; }
.stroke { background: #a99b86; }
.btn:hover { background: #73685a; border-color: #73685a; }

@media (min-width:1051px) {
  .site-header .nav {
    display:flex;
    align-items:center;
    min-height:82px;
    height:82px;
    justify-content:flex-start;
  }
  .site-header .nav > .nav-side:first-of-type { order:1; }
  .site-header .nav > .nav-side:nth-of-type(2) { order:2; }
  .site-header .nav > .brand {
    order:3;
    margin-left:auto;
    flex-shrink:0;
  }
}
@media (max-width:1050px) {
  .site-header .nav > .nav-side { display:none; }
  .site-header .nav > .brand {
    grid-column:2;
    grid-row:1;
    justify-self:center;
    margin-left:0;
  }
  .site-header .nav > .mobile-menu-toggle {
    display:flex;
    grid-column:3;
    grid-row:1;
    justify-self:end;
  }
}

/* Galeries photographiques — collection et pages parfum */
.product-gallery { min-width:0; }
.product-gallery--card .product-art { background: #ede8e1; }
.product-gallery--card .product-art img { object-fit: cover; }
.gallery-thumbs { display:flex; justify-content:center; align-items:center; gap:9px; padding:14px 8px 0; }
.gallery-thumb {
  width:56px; height:68px; padding:0; overflow:hidden;
  background:#f2eee8; border:1px solid #d6d0c7; border-radius:2px;
  opacity:.68; cursor:pointer; transition:opacity .22s ease, border-color .22s ease;
}
.gallery-thumb img { display:block; width:100%; height:100%; object-fit:cover; transition:none !important; transform:none !important; }
.gallery-thumb:hover,.gallery-thumb.is-active { border-color:#8d8377; opacity:1; }
.gallery-thumb.is-active { outline:1px solid #8d8377; outline-offset:2px; }
.gallery-thumb:focus-visible { outline:2px solid #66594a; outline-offset:3px; }
.product-card .gallery-thumbs { margin:0 0 5px; }
.product-card:hover .gallery-thumb img { transform:none; }
.detail-grid .gallery-detail {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:0; padding:clamp(20px,3vw,50px); background:#efebe4; height:auto; min-height:0;
}
.gallery-stage { position:relative; width:100%; max-width:650px; aspect-ratio:4/5; background:#e9e0d5; overflow:hidden; }
.gallery-stage img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:opacity .22s ease; }
.gallery-detail .gallery-thumbs { padding-top:15px; }
.gallery-detail .gallery-thumb { width:65px; height:78px; }
@media (max-width:900px) {
  .detail-grid .gallery-detail { padding:22px 6vw 28px; }
  .gallery-stage { max-height:65svh; }
}
@media (max-width:520px) {
  .gallery-thumbs { gap:8px; padding-top:11px; }
  .gallery-thumb { width:52px; height:62px; }
  .gallery-detail .gallery-thumb { width:58px; height:70px; }
  .gallery-stage { max-height:none; }
}


/* Maison Kouba — panier, édition ivoire & champagne */
.site-header .nav > .header-actions { display:flex; order:4; align-items:center; gap:12px; flex:0 0 auto; }
.site-header .header-actions .mobile-menu-toggle { display:none; }
.cart-toggle { position:relative; display:inline-flex; align-items:center; justify-content:center; width:40px; height:42px; padding:0; background:transparent; color:#37302a; border:0; cursor:pointer; }
.cart-toggle:hover { color:#8d7961; }
.cart-counter { position:absolute; top:0; right:0; transform:translate(25%,-8%); background:#a99b86; color:#231f1c; border-radius:50%; width:19px; height:19px; font:600 10px/19px var(--sans); text-align:center; }
.cart-counter[hidden] {display:none;}
.cart-toggle:focus-visible,.cart-close:focus-visible,.cart-quantity button:focus-visible,.cart-remove:focus-visible,.product-add-button:focus-visible,.cart-checkout:focus-visible {outline:2px solid #8c7c63;outline-offset:3px}
.product-add-button { display:block; margin-top:13px; padding:11px 1px; text-transform:uppercase; letter-spacing:.17em; font:500 10px var(--sans); color:#5b4f43; border:0; border-bottom:1px solid #c4b9a9; background:transparent; cursor:pointer; text-align:left; }
.product-add-button:hover { color:#1f1c19; border-color:#62584a; }
.cart-product-add {display:block; width:fit-content; max-width:100%; margin:4px 0 12px;}
.detail-copy [data-buy] { background:transparent; color:#675d50; border:1px solid #aca090; box-shadow:none; padding:11px 18px; font-size:9px; }
.detail-copy [data-buy]:hover {background:#f0ebe4; color:#332c25;}
.cart-backdrop {position:fixed;inset:0;z-index:997;background:rgba(28,24,22,.40);backdrop-filter:blur(2px);opacity:0;transition:opacity .25s ease}
.cart-backdrop[hidden] {display:none}
.cart-backdrop.is-visible {opacity:1}
.cart-drawer {position:fixed;z-index:998;right:0;top:0;bottom:0;width:min(100%,450px);max-width:100vw;background:#faf9f6;border-left:1px solid #ded5c8;box-shadow:-12px 0 50px rgba(25,20,15,.1);display:flex;flex-direction:column;transform:translateX(110%);transition:transform .3s ease;visibility:hidden;}
.cart-drawer.is-open {transform:translateX(0);visibility:visible}
body.cart-is-open{overflow:hidden}
.cart-drawer-head {display:flex;align-items:flex-start;justify-content:space-between;padding:31px 30px 23px;border-bottom:1px solid #ded7cb;gap:16px}
.cart-drawer-head .eyebrow {font:500 9px var(--sans);letter-spacing:.16em;color:#8e7c65}
.cart-drawer-head h2 {font:400 clamp(29px,4vw,38px)/1.2 var(--display);margin:9px 0 0;}
.cart-close {background:transparent;border:0;color:#332e28;font:300 32px/1 var(--sans);width:36px;height:36px;cursor:pointer}
.cart-items{flex:1;overflow-y:auto;min-height:0;padding:14px 28px}
.cart-empty {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;text-align:center;color:#6d6055}
.cart-empty strong {display:block;font:400 30px/1.1 var(--display);color:#302c27;margin-bottom:15px}
.cart-empty p {font:400 13px/1.75 var(--sans);max-width:30ch}
.cart-line {display:grid;grid-template-columns:90px minmax(0,1fr);gap:17px;padding:22px 0;border-bottom:1px solid #e4dcd0;}
.cart-line img {display:block;width:90px;height:112px;object-fit:cover;background:#ebe4da}
.cart-line-name{font:400 26px/1.15 var(--display);margin:3px 0 8px}
.cart-line-variant{font:400 10px var(--sans);text-transform:uppercase;letter-spacing:.12em;color:#857667}
.cart-line-price{font:500 12px var(--sans);color:#665849;margin:10px 0}
.cart-quantity{display:inline-flex;align-items:center;gap:0;border:1px solid #cbc0b1;height:30px}
.cart-quantity button{background:transparent;border:0;padding:0;color:#342e27;width:28px;height:28px;font-size:17px;cursor:pointer}
.cart-quantity span{min-width:23px;text-align:center;font:500 11px var(--sans)}
.cart-remove{background:none;border:0;padding:5px 0;font:400 10px var(--sans);color:#877a6d;text-decoration:underline;cursor:pointer;margin-left:15px}
.cart-drawer-foot{padding:21px 30px 27px;border-top:1px solid #ded7cb;background:#f5f1eb}
.cart-subtotal{display:flex;justify-content:space-between;gap:10px;align-items:center;font:500 12px var(--sans);letter-spacing:.07em;text-transform:uppercase}
.cart-subtotal strong{font:500 17px var(--display);letter-spacing:0;text-transform:none}
.cart-note{color:#75685d;font:400 12px/1.6 var(--sans);margin:15px 0 19px}
.cart-checkout{width:100%;border:1px solid #3b332d;min-height:46px;background:#302c28;color:#fbf8f2;font:500 10px var(--sans);letter-spacing:.17em;text-transform:uppercase;cursor:pointer}
.cart-checkout:disabled{background:#c9c2b7;border-color:#c9c2b7;color:#4b443b;cursor:not-allowed}
.cart-secure{font:400 10px/1.5 var(--sans);color:#867b70;text-align:center;margin:13px 0 0}
@media(max-width:1050px) {
 .site-header .nav>.header-actions {grid-column:3;grid-row:1;justify-self:end;order:initial;margin:0;gap:6px}
 .site-header .header-actions .mobile-menu-toggle{display:flex;justify-content:center;align-items:center;position:static;}
 .site-header .nav>.brand{grid-column:2;grid-row:1;justify-self:center}
 .cart-toggle{width:35px}
}
@media(max-width:440px){.site-header .nav>.header-actions{gap:2px}.cart-toggle{width:32px}.cart-toggle svg{width:18px;height:18px}.cart-drawer-head{padding:22px 21px 17px}.cart-items{padding:10px 21px}.cart-drawer-foot{padding:18px 21px 21px}.cart-line{grid-template-columns:74px minmax(0,1fr);gap:13px}.cart-line img{width:74px;height:94px}.cart-remove{margin-left:8px}}
@media(prefers-reduced-motion:reduce){.cart-drawer,.cart-backdrop{transition:none}}
.detail-copy [data-buy][hidden] {display:none!important}