/* Hero accueil — fond + bouteilles + titre/boutique HTML */
/* Accueil : newHeader.css applique header+* { margin-top:120px } mais le flux
   place .general ~19px plus bas → bande blanche sous le header fixe. */
body.home header + .general{margin-top:101px}
@media(max-width:1024px){
body.home header + .general{margin-top:91px}
}
@media(max-width:640px){
body.home header + .general{margin-top:81px}
}

.general-top{position:relative;z-index:1}
.general-bottom{position:relative;z-index:5}
.general-bottom-search{z-index:10}

.general-top-slider-content .home-hero-banner{flex-shrink:0;width:100%;display:block;position:relative;overflow:hidden}

.home-hero-banner--legacy{
	position:relative;width:100%;height:0;padding-bottom:39.94140625%;
	background:#19181d;overflow:hidden;isolation:isolate
}
.home-hero-banner__picture{position:absolute;inset:0;z-index:0;width:100%;height:100%;margin:0;line-height:0}
.home-hero-banner__bg{display:block;width:100%;height:100%;object-fit:cover}

/* Scrim desktop désactivé — mobile uniquement (colonne bouteilles) */
.home-hero-banner__scrim{display:none}

.home-hero-banner__bottles{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:visible}
.home-hero-banner__bottle-picture{
	position:absolute;bottom:-5%;line-height:0;pointer-events:none;
	will-change:transform;transform-origin:50% 92%
}
.home-hero-banner__bottle-picture--left{left:22%;z-index:1;bottom:-9%;transform:rotate(8deg)}
.home-hero-banner__bottle-picture--right{left:34%;z-index:3;transform:rotate(-6deg)}
.home-hero-banner__bottle{
	display:block;width:auto;max-width:none;height:124%;object-fit:contain;object-position:center 44%
}
.home-hero-banner__bottle--left{height:118%;object-position:center 40%}
.home-hero-banner__bottle--right{height:120%;object-position:center 46%}

.home-hero-banner__content{
	position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;
	align-items:flex-start;justify-content:center;padding:0 7% 0 52%;
	text-align:left;pointer-events:none
}
.home-hero-banner__title{
	font-family:"Montserrat",sans-serif;font-weight:700;font-style:normal;
	font-size:clamp(1.35rem,1rem + 2.2vw,3.24rem);
	line-height:1.15;color:#fff;margin:0 0 .65em;max-width:14ch;
	text-shadow:0 2px 18px rgba(0,0,0,.55),0 0 1px rgba(0,0,0,.8)
}
.home-hero-banner__title-break{display:none}
.home-hero-banner__title-line{display:inline}
.home-hero-banner__cta{
	display:inline-flex;align-items:center;justify-content:center;
	width:max-content;max-width:100%;flex:0 0 auto;overflow:hidden;
	position:relative;z-index:6;pointer-events:auto;
	font-family:"Montserrat",sans-serif;
	font-size:clamp(.85rem,.55rem + .85vw,1.76rem);
	font-weight:700;line-height:1.2;color:var(--color-black,#000);
	background:var(--color-yellow,#edd28a);border:none;border-radius:.35em;
	padding:.5em 1.2em;letter-spacing:.01em;text-transform:none;text-decoration:none;
	cursor:pointer;box-shadow:0 2px 14px rgba(0,0,0,.24);
	transition:transform .25s ease,box-shadow .25s ease,filter .25s ease,background-color .25s ease;
	animation:home-hero-cta-glow 3.5s ease-in-out infinite
}
.home-hero-banner__cta::after{
	content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
	background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.45) 50%,transparent 62%);
	transform:translateX(-130%);transition:transform .55s ease
}
.home-hero-banner__cta:hover::after,.home-hero-banner__cta:focus-visible::after{transform:translateX(130%)}
.home-hero-banner__cta:hover,.home-hero-banner__cta:focus-visible{
	transform:translateY(-2px) scale(1.04);
	box-shadow:0 8px 22px rgba(0,0,0,.32);
	filter:brightness(1.05);background:var(--color-yellow,#edd28a);outline:none
}
.home-hero-banner__cta:focus-visible{outline:2px solid #fff;outline-offset:3px}
.home-hero-banner__cta:active{transform:scale(.97);box-shadow:0 2px 10px rgba(0,0,0,.22)}

@keyframes home-hero-cta-glow{
	0%,100%{box-shadow:0 2px 14px rgba(0,0,0,.24),0 0 0 rgba(237,210,138,0)}
	50%{box-shadow:0 4px 18px rgba(0,0,0,.28),0 0 18px rgba(237,210,138,.35)}
}

.general-top-slider-content .home-hero-banner__cta{
	width:max-content!important;max-width:max-content!important;flex-shrink:0
}
.home-hero-banner__overlay{position:absolute;inset:0;z-index:5;display:block;width:100%;text-indent:-9999px;overflow:hidden}

@media(min-width:768px) and (max-width:1023px){
.home-hero-banner__content{padding-left:48%}
.home-hero-banner__title{font-size:clamp(1.15rem,.85rem + 2.2vw,2.4rem);max-width:15ch}
.home-hero-banner__bottle-picture--left{left:18%;bottom:-8%}
.home-hero-banner__bottle-picture--right{left:28%}
.home-hero-banner__bottle{height:118%}
.home-hero-banner__bottle--right{height:114%}
}

@media(max-width:767px){
.home-hero-banner--legacy{
	display:block;height:0;padding-bottom:68%;aspect-ratio:unset;overflow:visible
}
.general-top-slider,.general-top-slider-content .home-hero-banner{overflow:visible}
.home-hero-banner__picture,.home-hero-banner__overlay{position:absolute;inset:0}
.home-hero-banner__scrim{display:none}

.home-hero-banner__bottles{
	position:absolute;top:0;left:4%;bottom:0;width:56%;z-index:2;
	overflow:visible
}
.home-hero-banner__bottle-picture{
	position:absolute;bottom:0;width:auto;display:block;line-height:0;
	height:clamp(14rem,67vw,19.25rem);
	transform-origin:50% 100%
}
.home-hero-banner__bottle-picture--left{left:5%;bottom:-6%;transform:rotate(10deg) translateY(2%)}
.home-hero-banner__bottle-picture--right{left:40%;bottom:-6%;height:clamp(13.35rem,63vw,18.35rem);transform:rotate(-7deg) translateY(4%)}
.home-hero-banner__bottle{
	display:block;height:100%;width:auto;min-width:1.75rem;
	object-fit:contain;object-position:center bottom
}
.home-hero-banner__bottle--left{height:100%;object-position:center 36%}
.home-hero-banner__bottle--right{height:100%;object-position:center 34%}

.home-hero-banner__content{
	position:absolute;top:0;right:0;bottom:0;left:calc(50% - 23px);z-index:4;
	display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
	padding:.75rem .85rem .75rem 0;text-align:left;
	background:transparent;pointer-events:none
}
.home-hero-banner__title-line{display:block}
.home-hero-banner__title-line+.home-hero-banner__title-line{margin-top:.5em}
.home-hero-banner__title{
	font-size:clamp(.68rem,.38rem + 2.2vw,.95rem);max-width:none;margin-bottom:.42em;line-height:1.15;
	text-shadow:0 2px 12px rgba(0,0,0,.75),0 0 24px rgba(0,0,0,.55)
}
.home-hero-banner__cta{
	font-size:clamp(.72rem,.45rem + 2.1vw,.98rem);padding:.44em 1.05em;align-self:flex-start
}
}

@media(max-width:640px){
.home-hero-banner__content{left:calc(50% - 20px)}
}

@media(max-width:374px){
.home-hero-banner__bottles{left:2%;width:54%}
.home-hero-banner__content{left:calc(50% - 20px);padding-right:.6rem}
.home-hero-banner__title{font-size:clamp(.64rem,3.4vw,.86rem)}
.home-hero-banner__title-line+.home-hero-banner__title-line{margin-top:.45em}
.home-hero-banner__bottle-picture{height:clamp(13rem,63vw,17.65rem)}
.home-hero-banner__bottle-picture--right{height:clamp(12.35rem,59vw,17rem);left:38%;bottom:-5%;transform:rotate(-7deg) translateY(3%)}
.home-hero-banner__bottle-picture--left{left:3%;bottom:-5%;transform:rotate(10deg) translateY(2%)}
}

@media(prefers-reduced-motion:reduce){
.home-hero-banner__bottle-picture{transform:rotate(var(--hero-bottle-tilt,0deg))!important}
.home-hero-banner__bottle-picture--left{--hero-bottle-tilt:8deg}
.home-hero-banner__bottle-picture--right{--hero-bottle-tilt:-6deg}
.home-hero-banner__cta{animation:none;transition:background-color .2s ease,filter .2s ease}
.home-hero-banner__cta::after{display:none}
.home-hero-banner__cta:hover,.home-hero-banner__cta:focus-visible,.home-hero-banner__cta:active{transform:none}
}