.db-page{background:#faf7f2;color:#3f3b3b}.db-page .dv-wrap{max-width:1680px}.db-page .dv-header{position:relative}.db-page :focus-visible{outline:3px solid #ee840a;outline-offset:3px}.db-eyebrow{display:block;color:#9f482f;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.db-crumbs{display:flex;align-items:center;gap:10px;padding-top:23px;padding-bottom:23px;font-size:13px;color:#665d59}.db-crumbs a{text-decoration:underline;text-underline-offset:3px}.db-hero{background:#eee9e1}.db-hero-grid{display:grid;grid-template-columns:1fr 45%;min-height:335px;align-items:stretch;gap:clamp(30px,5vw,80px)}.db-hero-copy{align-self:center;padding:35px 0}.db-hero h1{font-size:clamp(40px,4vw,66px);line-height:1.08;max-width:15ch;margin:15px 0 17px}.db-hero p{font-size:17px;line-height:1.6;max-width:59ch;margin-bottom:23px}.db-hero .dv-btn{display:inline-flex;align-items:center;gap:16px}.db-hero-media{min-height:335px;overflow:hidden;border-radius:22px 22px 0 0;align-self:end}.db-hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.db-section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:25px}.db-section-heading h2{font-size:clamp(34px,3.2vw,48px);margin:10px 0 0}.db-section-heading p{max-width:460px;line-height:1.6;color:#665d59}.db-stores{padding:70px 0 82px}.db-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.db-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:20px;background:#eee9e1;box-shadow:0 10px 28px #3f3b3b0e}.db-card-image{position:relative;height:235px;background:#d8ccbf;overflow:hidden}.db-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.db-card:hover .db-card-image img{transform:scale(1.035)}.db-card-image span{position:absolute;left:16px;bottom:15px;padding:7px 11px;border-radius:20px;background:#faf7f2f0;color:#7f2629;font-size:12px;font-weight:700}.db-card-body{display:flex;flex-direction:column;flex:1;padding:25px}.db-card h3{font-size:31px;margin:0 0 7px}.db-card address{font-style:normal;font-size:15px;line-height:1.45;color:#665d59}.db-today{display:flex;align-items:center;gap:9px;margin:17px 0 12px;font-size:13px;font-weight:700;color:#7f2629}.db-today:before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:#ee840a}.db-card ul{padding:0;margin:0 0 24px;list-style:none}.db-card li{padding:6px 0 6px 16px;position:relative;font-size:14px}.db-card li:before{content:"";position:absolute;left:0;top:13px;width:5px;height:5px;border-radius:50%;background:#b75b33}.db-card-actions{margin-top:auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.db-card-actions .dv-btn{display:inline-flex;align-items:center;gap:11px;font-size:13px;padding:11px 17px;white-space:nowrap}.db-text-link{font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px;color:#7f2629;white-space:nowrap}.db-text-link:hover{color:#ee840a}.db-disclaimer{margin-top:18px;font-size:12px;line-height:1.5;color:#7b726d}.db-location{padding:75px 0 82px;background:#f1e8dc}.db-map-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(285px,.6fr);gap:20px;align-items:stretch}.db-map{position:relative;aspect-ratio:720/500;overflow:hidden;border-radius:20px;background:#f4eee6}.db-map>img{display:block;width:100%;height:100%;object-fit:cover}.db-map-pin{position:absolute;z-index:2;display:grid;place-items:center;width:27px;height:27px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:#ee840a;box-shadow:0 3px 12px #3f3b3b66;cursor:pointer}.db-map-pin span{width:7px;height:7px;border-radius:50%;background:#7f2629}.db-map-pin[aria-pressed=true]{background:#7f2629;box-shadow:0 0 0 5px #ee840a77,0 3px 12px #3f3b3b66}.db-map-pin[aria-pressed=true] span{background:#fff}.db-map-pin:hover{transform:translate(-50%,-50%) scale(1.12)}.db-map-detail{display:flex;flex-direction:column;justify-content:center;padding:30px;border-radius:20px;background:#faf7f2}.db-map-detail h3{font-size:33px;margin:13px 0 11px}.db-map-detail address{font-style:normal;line-height:1.5}.db-map-hours{font-size:14px;margin:17px 0 27px;color:#665d59}.db-map-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.db-map-actions .dv-btn{font-size:13px;padding:11px 17px}.db-map-credit{margin-top:13px;color:#7b726d;font-size:12px;line-height:1.5}.db-benefits{padding:80px 0}.db-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.db-benefit-grid article{padding:26px;border-radius:17px;background:#eee9e1}.db-benefit-grid svg{width:42px;height:42px;fill:none;stroke:#7f2629;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.db-benefit-grid h3{font-size:21px;line-height:1.2;margin:18px 0 10px}.db-benefit-grid p{font-size:14px;line-height:1.6;color:#665d59}.db-expertise{padding:65px 0;background:#e7d9c9}.db-expertise-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,6vw,95px);align-items:center}.db-expertise-image{overflow:hidden;border-radius:20px;height:420px}.db-expertise-image img{display:block;width:100%;height:100%;object-fit:cover}.db-expertise h2{font-size:clamp(34px,3.5vw,52px);line-height:1.12;margin:14px 0 22px}.db-expertise p{font-size:17px;line-height:1.7;margin-bottom:15px}.db-faq{padding:85px 0;background:#faf7f2}.db-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(35px,6vw,90px)}.db-faq h2{font-size:clamp(34px,3.2vw,48px);line-height:1.15;margin:14px 0 15px}.db-faq-grid>div:first-child>p{line-height:1.6;color:#665d59}.db-faq-list{border-top:1px solid #d8c8b9}.db-faq-list details{border-bottom:1px solid #d8c8b9}.db-faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;cursor:pointer;font-weight:700}.db-faq-list summary::-webkit-details-marker{display:none}.db-faq-list summary span{font-size:24px;color:#7f2629;font-weight:400}.db-faq-list details[open] summary span{transform:rotate(45deg)}.db-faq-list details p{max-width:75ch;padding-bottom:20px;color:#665d59;line-height:1.65}.db-final{padding:0 0 85px}.db-final-panel{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:35px;padding:43px 50px;border-radius:22px;background:linear-gradient(115deg,#5f2229,#7f2629 68%,#9b4b32);color:#fff}.db-final-panel:after{content:"";position:absolute;right:-80px;top:-180px;width:380px;height:380px;border-radius:50%;border:1px solid #ffffff38;box-shadow:0 0 0 70px #ffffff0d;pointer-events:none}.db-final .db-eyebrow{color:#ffb14c}.db-final h2{font-size:clamp(34px,3.3vw,48px);margin:11px 0 9px;color:#fff}.db-final p{line-height:1.5;color:#ffe9d8}.db-final-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.db-final-actions .dv-btn{border-color:#fff;color:#fff;display:inline-flex;align-items:center;gap:12px;font-size:13px;white-space:nowrap}.db-final-actions .dv-btn:hover{background:#fff;color:#7f2629}
@media(max-width:1100px){.db-card-grid{gap:13px}.db-card-body{padding:20px}.db-card-actions{display:block}.db-card-actions .db-text-link{display:inline-block;margin-top:14px}.db-benefit-grid{grid-template-columns:repeat(2,1fr)}.db-final-panel{display:block}.db-final-actions{justify-content:flex-start;margin-top:25px}}
@media(max-width:750px){.db-hero-grid{grid-template-columns:1fr;gap:0}.db-hero-copy{padding:35px 0 25px}.db-hero h1{font-size:42px}.db-hero p{font-size:16px}.db-hero-media{height:205px;min-height:0;border-radius:16px 16px 0 0}.db-section-heading{display:block}.db-section-heading p{margin-top:12px}.db-stores,.db-location,.db-benefits,.db-faq{padding:55px 0}.db-card-grid{grid-template-columns:1fr}.db-card-image{height:240px}.db-card-actions{display:flex}.db-card-actions .db-text-link{margin:0}.db-map-layout{grid-template-columns:1fr}.db-map-detail{min-height:210px}.db-expertise{padding:50px 0}.db-expertise-grid{grid-template-columns:1fr;gap:28px}.db-expertise-image{height:270px}.db-expertise p{font-size:16px}.db-faq-grid{grid-template-columns:1fr;gap:25px}.db-final{padding-bottom:55px}.db-final-panel{padding:30px}.db-final-actions{justify-content:flex-start}}
@media(max-width:420px){.db-benefit-grid{grid-template-columns:1fr}.db-map-pin{width:23px;height:23px}.db-card-actions{gap:13px}.db-card-actions .dv-btn{font-size:12px}.db-final-actions .dv-btn{flex:1;justify-content:space-between}}
.db-hero{background:linear-gradient(90deg,rgba(26,19,17,.76),rgba(26,19,17,.42)),url('../assets/despra-hero-bouteilles.webp') center/cover no-repeat;color:#fff}.db-hero .db-eyebrow{color:#ffbd68}.db-hero h1,.db-hero p{color:#fff}.db-hero-media img{visibility:hidden}

/* Hero des boutiques : mêmes proportions et centrage que la page Cadeaux. */
.db-hero{min-height:430px;display:grid;align-items:center;text-align:center}
.db-hero-grid{display:block;min-height:0}
.db-hero-copy{padding:57px 0 58px}
.db-hero h1{max-width:860px;margin:15px auto 16px;font-size:clamp(42px,5vw,74px);line-height:1.04}
.db-hero p{max-width:690px;margin:0 auto 26px;font-size:clamp(17px,1.55vw,21px);line-height:1.5}
.db-hero-media{display:none}
@media(max-width:699px){.db-hero{min-height:470px}.db-hero-copy{padding:70px 0 55px}}

/* Garder la carte lisible lorsque le panneau latéral réduit trop sa largeur. */
@media(max-width:950px){.db-map-layout{grid-template-columns:1fr}.db-map-detail{min-height:210px}}

/* Le visuel doit remplir la colonne de carte, y compris sur les très grands écrans. */
.db-location .db-map{width:100%;min-width:0;max-width:none}
.db-location .db-map>img{width:100%;max-width:none;height:100%;object-fit:cover}
