/** Shopify CDN: Minification failed

Line 450:125 Expected ":"

**/
/* The flavour section uses the supplied BRIO composition, with live Shopify forms. */
.brio-shop-showcase{background:#f7f6f0 url('brio-flavour-foliage.webp') center/100% 100% no-repeat;color:#07100c;padding:24px 0 18px;scroll-margin-top:20px}
.brio-shop-shell{width:min(1770px,calc(100% - 96px));margin-inline:auto}
.brio-shop-heading{display:grid;grid-template-columns:1.6fr .8fr 1fr;align-items:center;gap:24px;margin-bottom:22px}
.brio-shop-eyebrow{font-size:clamp(13px,1.43vw,28px);line-height:1.2;letter-spacing:.07em;margin:0 0 5px 6px!important}
.brio-shop-heading h2{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(32px,3.65vw,70px);font-weight:900;letter-spacing:-.05em;line-height:1.05;white-space:nowrap;position:relative;color:#030504}
.brio-shop-heading h2>i{display:inline-block;vertical-align:middle;width:clamp(27px,3.7vw,72px);height:8px;border-radius:3px;background:#ffe52a;margin-left:18px;transform:rotate(-10deg)}
.brio-shop-signature{font-family:'Caveat',cursive;font-size:clamp(25px,2.2vw,43px);font-weight:600;line-height:.85;text-align:center;transform:rotate(-8deg);margin:0!important}
.brio-shop-signature i,.brio-pack-handwritten i{display:block;margin:9px auto 0;width:85px;height:5px;border-radius:5px;background:#ffe52a;transform:rotate(-7deg)}
.brio-shop-all{display:flex;align-items:center;justify-content:flex-end;gap:18px;align-self:end;padding-bottom:12px;font-size:clamp(11px,1.16vw,22px);font-weight:900;text-transform:uppercase;white-space:nowrap}
.brio-shop-all span{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.brio-shop-all .brio-icon{width:28px;height:28px}
.brio-shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.27fr);gap:16px;align-items:stretch}
.brio-shop-showcase .brio-product-card{color:#07100c;background:#fdfdfb;border-radius:11px;box-shadow:0 15px 26px #1a2c0810;display:flex;flex-direction:column;min-width:0}
.brio-shop-showcase .brio-product-photo{aspect-ratio: .92;flex:none;background:var(--card-color)}
.brio-shop-showcase .brio-product-photo img{object-position:center;width:100%;height:100%;display:block}
.brio-shop-showcase .brio-product-content{padding:12px clamp(12px,1.25vw,24px) 17px;display:flex;flex-direction:column;flex:1}
.brio-shop-showcase .brio-product-content h3{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(15px,1.28vw,25px);font-weight:900;letter-spacing:-.045em;line-height:1.2;text-transform:none;min-height:0;white-space:nowrap}
.brio-shop-showcase .brio-flavour-note{font-size:clamp(11px,1.02vw,20px);line-height:1.35;letter-spacing:-.035em;opacity:1;margin-top:3px!important;min-height:0;white-space:nowrap}
.brio-shop-showcase .brio-add-form{margin-top:auto;padding-top:12px}
.brio-shop-showcase .brio-product-price{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0 0 8px;line-height:1.2}
.brio-shop-showcase .brio-product-price strong{font-size:clamp(21px,1.45vw,28px);font-weight:900;letter-spacing:-.035em}
.brio-shop-showcase .brio-product-price span{font-size:clamp(11px,.9vw,18px);line-height:1.3}
.brio-pack-options{border:0;display:flex;flex-wrap:wrap;gap:9px;padding:0;margin:0 0 10px;min-width:0}
.brio-pack-options>div{position:relative}
.brio-pack-options label{border:1px solid var(--card-color);color:var(--card-color);display:flex;align-items:center;justify-content:center;border-radius:6px;min-height:38px;padding:8px 15px;font-size:clamp(10px,.74vw,14px);font-weight:700;text-transform:uppercase;cursor:pointer;white-space:nowrap;line-height:1.2}
.brio-pack-options input:checked+label{background:var(--card-color);color:var(--card-ink)}
.brio-pack-options input:focus-visible+label{outline:2px solid #07100c;outline-offset:3px}
.brio-pack-options input:disabled+label{opacity:.4;cursor:not-allowed;text-decoration:line-through}
.brio-shop-showcase .brio-btn-card{background:var(--card-color);color:var(--card-ink)!important;border-radius:7px;justify-content:center;font-size:clamp(10px,.94vw,18px)!important;font-weight:800!important;min-height:46px;padding:12px 8px;gap:12px;white-space:nowrap}
.brio-shop-showcase .brio-btn-card:hover{filter:brightness(.93);background:var(--card-color)}
.brio-shop-showcase .brio-btn-card .brio-icon{width:23px;height:23px;flex:none}
.brio-pack-feature{border-radius:11px;background:radial-gradient(ellipse at 90% 0,#254b20 0,transparent 45%),#001c11;color:#fff;padding:16px 20px 22px;display:flex;flex-direction:column;position:relative;overflow:hidden;scroll-margin-top:25px;min-width:0}
.brio-pack-badge{align-self:flex-start;border-radius:6px;background:#ffe52a;color:#07100c;padding:10px 12px;font-size:clamp(10px,.95vw,18px);font-weight:900;text-transform:uppercase;line-height:1.15;white-space:nowrap}
.brio-pack-feature h3{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(27px,2.5vw,48px);font-weight:900;line-height:1;letter-spacing:-.035em;text-transform:uppercase;margin:12px 0 14px}
.brio-pack-feature h3 em{font-style:normal;color:#ffe52a}
.brio-pack-intro{position:relative;min-height:65px}
.brio-pack-intro>p:first-child{font-size:clamp(13px,1.07vw,21px);line-height:1.3;margin:0;max-width:85%}
.brio-pack-intro>p:first-child span{font-size:clamp(11px,.91vw,18px)}
.brio-pack-handwritten{font-family:'Caveat',cursive;font-size:clamp(20px,1.5vw,29px);font-weight:600;line-height:.85;text-align:center;transform:rotate(-12deg);position:absolute;right:-6px;top:32px;z-index:1;margin:0!important}
.brio-pack-handwritten i{width:60px;height:4px;margin-top:6px}
.brio-pack-art{display:block;margin:8px -20px 6px;flex:1;min-height:0;position:relative}
.brio-pack-art img{display:block;width:100%;height:100%;object-fit:contain;max-height:280px;mix-blend-mode:lighten}
.brio-pack-purchase{margin-top:auto}
.brio-pack-purchase>strong{font-size:clamp(29px,2.15vw,41px);font-weight:900;letter-spacing:-.04em;line-height:1.15}
.brio-pack-purchase>p{font-size:clamp(12px,1vw,20px);line-height:1.3;letter-spacing:-.025em;margin:3px 0 0}
.brio-pack-purchase .brio-add-form{margin-top:0;padding-top:14px}
.brio-pack-purchase .brio-btn{width:100%;justify-content:center;border-radius:8px;background:#ffe52a;color:#07100c!important;font-size:clamp(14px,1.2vw,23px)!important;font-weight:900!important;min-height:61px;gap:18px;padding:16px 10px}
.brio-shop-promises{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:22px;padding:18px 4% 0}
.brio-shop-promises>div{display:flex;align-items:center;gap:16px;min-width:0}
.brio-shop-promises .brio-icon{background:#fff;border-radius:50%;width:54px;height:54px;padding:10px;flex:none;stroke-width:1.9}
.brio-shop-promises>div:first-child .brio-icon{fill:#07100c}
.brio-shop-promises span{font-size:clamp(12px,1vw,20px);line-height:1.25;letter-spacing:-.035em}
.brio-shop-promises small{display:block;font-size:clamp(8px,.65vw,13px);margin-top:4px;line-height:1.25}
.brio-shop-promises small a{text-decoration:underline;text-underline-offset:2px}
@media(min-width:1700px){.brio-shop-showcase{padding-top:20px}.brio-shop-heading{margin-bottom:23px}.brio-shop-showcase .brio-product-content{padding-top:12px}.brio-pack-feature{margin-top:-15px}.brio-shop-showcase .brio-btn-card{min-height:50px}.brio-pack-purchase .brio-btn{min-height:71px}.brio-pack-intro{min-height:72px}}
@media(max-width:1350px) and (min-width:1101px){.brio-shop-shell{width:calc(100% - 64px)}.brio-shop-grid{gap:12px}.brio-shop-heading{gap:15px}.brio-shop-heading h2>i{margin-left:8px;width:30px}.brio-pack-feature{padding-inline:14px}.brio-pack-art{margin-inline:-14px}.brio-pack-options{gap:6px}.brio-pack-options label{padding-inline:10px}.brio-shop-showcase .brio-flavour-note{font-size:10px}.brio-shop-showcase .brio-product-content h3{font-size:14px}.brio-pack-badge{font-size:10px}.brio-pack-feature h3{font-size:28px}}
@media(max-width:1100px){.brio-shop-shell{width:calc(100% - 48px)}.brio-shop-heading{grid-template-columns:1fr auto}.brio-shop-signature{display:none}.brio-shop-heading h2{font-size:clamp(32px,4.7vw,50px)}.brio-shop-eyebrow{font-size:17px}.brio-shop-heading h2>i{width:38px}.brio-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.brio-shop-showcase .brio-product-content{padding:18px}.brio-shop-showcase .brio-product-content h3{font-size:25px}.brio-shop-showcase .brio-flavour-note{font-size:16px}.brio-shop-showcase .brio-product-price strong{font-size:27px}.brio-shop-showcase .brio-product-price span{font-size:15px}.brio-pack-options label{font-size:13px;min-height:44px;padding-inline:24px}.brio-shop-showcase .brio-btn-card{font-size:15px!important;min-height:49px}.brio-pack-feature{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;padding:25px}.brio-pack-badge{justify-self:start;font-size:14px}.brio-pack-feature h3{font-size:40px;grid-column:1}.brio-pack-intro{grid-column:1;min-height:90px}.brio-pack-intro>p:first-child{font-size:18px}.brio-pack-intro>p:first-child span{font-size:14px}.brio-pack-art{grid-column:2;grid-row:1/5;margin:0 -10px;align-self:center}.brio-pack-art img{max-height:none}.brio-pack-purchase{grid-column:1}.brio-pack-purchase>strong{font-size:34px}.brio-pack-purchase>p{font-size:15px}.brio-pack-purchase .brio-btn{font-size:18px!important}.brio-pack-handwritten{right:15px;font-size:26px;top:40px}.brio-shop-promises{padding-inline:0;grid-template-columns:repeat(2,1fr);gap:18px}.brio-shop-promises span{font-size:15px}.brio-shop-promises small{font-size:10px}}
@media(max-width:600px){.brio-shop-showcase{padding-top:30px;background-size:auto 100%;background-position:center}.brio-shop-shell{width:calc(100% - 28px)}.brio-shop-heading{display:block;margin-bottom:20px}.brio-shop-eyebrow{font-size:12px;margin-left:0!important}.brio-shop-heading h2{font-size:clamp(27px,7.8vw,45px)}.brio-shop-heading h2>i{height:5px;width:25px;margin-left:10px}.brio-shop-all{justify-content:flex-start;padding:14px 0 0;font-size:11px;gap:12px}.brio-shop-all .brio-icon{width:21px;height:21px}.brio-shop-grid{gap:13px 10px}.brio-shop-showcase .brio-product-content{padding:12px 10px}.brio-shop-showcase .brio-product-content h3{font-size:16px;white-space:normal;min-height:38px;letter-spacing:-.04em}.brio-shop-showcase .brio-flavour-note{font-size:12px;white-space:normal;min-height:33px}.brio-shop-showcase .brio-add-form{padding-top:8px}.brio-shop-showcase .brio-product-price strong{font-size:23px}.brio-shop-showcase .brio-product-price span{font-size:12px}.brio-pack-options{gap:6px;flex-wrap:nowrap}.brio-pack-options>div{flex:1}.brio-pack-options label{font-size:9px;padding:9px 4px;min-height:44px}.brio-shop-showcase .brio-btn-card{font-size:10px!important;min-height:46px;gap:5px;padding:10px 4px}.brio-shop-showcase .brio-btn-card .brio-icon{width:17px;height:17px}.brio-pack-feature{display:flex;padding:21px;margin-top:6px}.brio-pack-badge{font-size:13px}.brio-pack-feature h3{font-size:39px}.brio-pack-intro{min-height:83px}.brio-pack-handwritten{right:2px;top:20px;font-size:27px}.brio-pack-art{margin:0 -21px 5px;align-self:stretch}.brio-pack-purchase>strong{font-size:36px}.brio-pack-purchase .brio-add-form{padding-top:16px}.brio-shop-promises{gap:18px 10px;padding-top:24px}.brio-shop-promises>div{gap:8px;align-items:flex-start}.brio-shop-promises .brio-icon{width:36px;height:36px;padding:7px}.brio-shop-promises span{font-size:12px;padding-top:4px}.brio-shop-promises small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.brio-shop-showcase .brio-product-photo:hover img{transform:none}}
@media(min-width:1101px){
  .brio-shop-heading{grid-template-columns:2fr .8fr .95fr}
  .brio-shop-heading>div:first-child{padding-left:clamp(0px,2vw,38px)}
  .brio-shop-heading h2{font-size:clamp(32px,3.85vw,74px);line-height:.9}
  .brio-shop-eyebrow{line-height:1.1;margin-bottom:5px!important}
  .brio-pack-art{min-height:170px;flex:1}
  .brio-pack-art img{position:absolute;inset:0;max-height:none}
  .brio-pack-intro>p:first-child{max-width:100%}
  .brio-pack-handwritten{top:42px;font-size:clamp(20px,1.45vw,28px)}
}
@media(min-width:1700px){.brio-shop-showcase{padding-top:16px}.brio-shop-heading{margin-bottom:22px}}
@media(min-width:1101px){.brio-pack-art img{object-fit:cover}}
@media(max-width:600px){.brio-shop-showcase{background-size:auto 850px}}
@media(max-width:1100px){
  .brio-pack-intro{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:8px;min-height:102px}
  .brio-pack-intro>p:first-child{max-width:none}
  .brio-pack-handwritten{position:relative;top:auto;right:auto;align-self:center;font-size:25px}
}
@media(min-width:1101px) and (max-width:1699px){
  .brio-pack-feature{padding:12px 16px 16px}
  .brio-pack-badge{padding:8px 10px}
  .brio-pack-feature h3{margin:10px 0}
  .brio-pack-intro{min-height:48px}
  .brio-pack-handwritten{top:32px}
  .brio-pack-art{min-height:clamp(115px,9.5vw,158px);margin-inline:-16px}
  .brio-pack-purchase .brio-add-form{padding-top:10px}
  .brio-pack-purchase .brio-btn{min-height:54px;padding-block:12px}
}
@media(max-width:360px){.brio-shop-showcase .brio-btn-card{font-size:9px!important;gap:4px;letter-spacing:-.03em}.brio-shop-showcase .brio-btn-card .brio-icon{width:14px;height:14px}}

/* Saveurs — composition éditoriale inspirée de la maquette fournie. */
.brio-shop-showcase{
  background:#f7f3ea;
  background-image:none;
  padding:clamp(48px,5vw,88px) 0 clamp(52px,5vw,86px);
}
.brio-shop-shell{width:min(1780px,calc(100% - 80px))}
.brio-shop-heading{
  display:block;
  margin:0 0 clamp(24px,2.2vw,38px);
}
.brio-shop-heading h2{
  color:#073d2b;
  font-family:'DM Sans',Arial,sans-serif;
  font-size:clamp(42px,4.45vw,86px);
  font-weight:1000;
  letter-spacing:-.065em;
  line-height:.92;
  white-space:normal;
  margin:0;
  text-transform:uppercase;
}
.brio-shop-heading h2 span{color:#073d2b}
.brio-shop-heading h2 em{color:#ffe52a;font-style:normal}
.brio-shop-subtitle{
  color:#20241f;
  font-size:clamp(17px,1.45vw,28px);
  line-height:1.2;
  margin:10px 0 0!important;
}
.brio-shop-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(16px,1.55vw,28px);
  align-items:stretch;
}
.brio-shop-showcase .brio-product-card{
  background:#fff;
  border:1px solid rgba(7,61,43,.08);
  border-radius:10px;
  box-shadow:0 12px 32px rgba(26,37,26,.07);
  overflow:hidden;
}
.brio-shop-showcase .brio-product-photo{
  aspect-ratio:1.055 / 1;
  background:var(--card-color);
  display:block;
  overflow:hidden;
}
.brio-shop-showcase .brio-product-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.82) contrast(.98) brightness(1.01);
  transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.brio-shop-showcase .brio-product-photo:hover img{transform:scale(1.025)}
.brio-shop-showcase .brio-product-content{
  padding:clamp(16px,1.35vw,25px) clamp(16px,1.45vw,27px) clamp(18px,1.5vw,28px);
}
.brio-shop-showcase .brio-product-content h3{
  color:var(--card-color);
  font-size:clamp(17px,1.25vw,24px);
  font-weight:950;
  letter-spacing:-.035em;
  line-height:1.05;
  min-height:0;
  text-transform:uppercase;
  white-space:normal;
}
.brio-shop-showcase .brio-flavour-note{
  color:#30342f;
  font-size:clamp(13px,.95vw,18px);
  line-height:1.3;
  letter-spacing:-.02em;
  margin:5px 0 0!important;
  min-height:2.6em;
  white-space:normal;
}
.brio-shop-showcase .brio-add-form{padding-top:14px}
.brio-shop-showcase .brio-product-price{margin:0 0 13px}
.brio-shop-showcase .brio-product-price strong{
  color:#111512;
  font-size:clamp(24px,1.55vw,30px);
  font-weight:950;
}
.brio-shop-showcase .brio-product-price span{
  color:#40443f;
  font-size:clamp(12px,.86vw,16px);
  margin-top:2px;
}
.brio-pack-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px}
.brio-pack-options>div{min-width:0}
.brio-pack-options label{
  border:2px solid var(--card-color);
  border-radius:999px;
  color:var(--card-color);
  font-size:clamp(11px,.75vw,14px);
  font-weight:850;
  min-height:46px;
  padding:9px 8px;
  text-transform:none;
  width:100%;
}
.brio-pack-options input:checked+label{
  background:var(--card-color);
  box-shadow:none;
  color:var(--card-ink);
}
.brio-shop-showcase .brio-btn-card,
.brio-shop-showcase .brio-btn-card:hover{
  background:var(--card-color);
  border-radius:4px;
  color:var(--card-ink)!important;
}
.brio-shop-showcase .brio-btn-card{
  font-size:clamp(12px,.88vw,17px)!important;
  font-weight:900!important;
  min-height:55px;
  padding:13px 12px;
  text-transform:uppercase;
  width:100%;
}
.brio-shop-showcase .brio-btn-card:hover{filter:brightness(.94)}
.brio-pack-feature,.brio-shop-promises{display:none}

@media(max-width:1100px){
  .brio-shop-shell{width:calc(100% - 48px)}
  .brio-shop-heading{display:block}
  .brio-shop-heading h2{font-size:clamp(42px,7vw,68px)}
  .brio-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .brio-shop-showcase .brio-product-content{padding:20px}
  .brio-shop-showcase .brio-product-content h3{font-size:24px}
  .brio-shop-showcase .brio-flavour-note{font-size:16px}
  .brio-shop-showcase .brio-product-price span{font-size:14px}
  .brio-pack-options label{font-size:13px;padding-inline:8px}
}
@media(max-width:600px){
  .brio-shop-showcase{padding:40px 0 52px}
  .brio-shop-shell{width:calc(100% - 28px)}
  .brio-shop-heading{margin-bottom:24px}
  .brio-shop-heading h2{font-size:clamp(38px,12vw,58px);line-height:.9}
  .brio-shop-heading h2 span,.brio-shop-heading h2 em{display:block}
  .brio-shop-subtitle{font-size:17px;margin-top:12px!important}
  .brio-shop-grid{grid-template-columns:1fr;gap:18px}
  .brio-shop-showcase .brio-product-photo{aspect-ratio:1.12 / 1}
  .brio-shop-showcase .brio-product-content{padding:18px}
  .brio-shop-showcase .brio-product-content h3{font-size:22px;min-height:0}
  .brio-shop-showcase .brio-flavour-note{font-size:15px;min-height:0}
  .brio-shop-showcase .brio-product-price strong{font-size:27px}
  .brio-shop-showcase .brio-product-price span{font-size:13px}
  .brio-pack-options label{font-size:12px;min-height:44px}
  .brio-shop-showcase .brio-btn-card{font-size:13px!important;min-height:51px}
  .brio-pack-feature{margin-top:4px}
}

/* Cartes saveurs éditoriales sous le hero lifestyle. */
.brio-editorial-flavours{
  background:#f7f4ed;
  padding:20px 0 24px;
  overflow:hidden;
}
.brio-editorial-flavours .brio-shop-shell{width:min(1840px,calc(100% - 64px))}
.brio-editorial-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(14px,1.25vw,24px);
}
.brio-editorial-card{
  height:auto;
  min-width:0;
  overflow:hidden;
  background:#f6f2e9;
  border:1px solid rgba(3,25,18,.08);
  border-radius:13px;
  box-shadow:0 14px 34px rgba(24,31,22,.08);
}
.brio-editorial-visual{
  position:relative;
  display:block;
  height:auto;
  aspect-ratio:1 / 1.10;
  overflow:hidden;
  color:#fff!important;
  background:var(--card-color);
}
.brio-editorial-visual::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  background:linear-gradient(180deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.16) 30%,transparent 54%);
  pointer-events:none;
}
.brio-editorial-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  filter:none;
  transition:transform .65s cubic-bezier(.2,.72,.18,1),filter .4s ease,opacity .35s ease;
}
.brio-editorial-image--base{z-index:0}
.brio-editorial-image--ingredients{
  z-index:1;
  pointer-events:none;
  -webkit-mask-image:radial-gradient(ellipse 34% 25% at var(--ingredient-x,40%) var(--ingredient-y,66%),#000 55%,transparent 88%);
  mask-image:radial-gradient(ellipse 34% 25% at var(--ingredient-x,40%) var(--ingredient-y,66%),#000 55%,transparent 88%);
}
.brio-editorial-image--can{
  z-index:2;
  pointer-events:none;
  transform-origin:var(--can-x,64%) var(--can-y,52%);
  -webkit-mask-image:radial-gradient(ellipse 20% 43% at var(--can-x,64%) var(--can-y,52%),#000 58%,transparent 88%);
  mask-image:radial-gradient(ellipse 20% 43% at var(--can-x,64%) var(--can-y,52%),#000 58%,transparent 88%);
}
.brio-editorial-glint{
  position:absolute;
  z-index:3;
  top:10%;
  left:54%;
  width:21%;
  height:66%;
  border-radius:50%;
  background:linear-gradient(108deg,transparent 34%,rgba(255,255,255,.32) 48%,transparent 61%);
  filter:blur(5px);
  opacity:0;
  transform:translateX(-24%) rotate(4deg);
  pointer-events:none;
  transition:opacity .3s ease,transform .85s cubic-bezier(.2,.7,.2,1);
}
.brio-editorial-card--original{--ingredient-x:58%;--ingredient-y:66%;--can-x:77%;--can-y:50%;--can-rotate:-.55deg;--accent-x:2px;--accent-y:-2px}
.brio-editorial-card--original .brio-editorial-image--base{transform-origin:50% 50%}
.brio-editorial-card--ginger{--ingredient-x:40%;--ingredient-y:65%;--can-x:64%;--can-y:51%;--can-rotate:.65deg;--accent-x:4px;--accent-y:-1px}
.brio-editorial-card--strawberry{--ingredient-x:38%;--ingredient-y:66%;--can-x:65%;--can-y:51%;--can-rotate:-.7deg;--accent-x:-3px;--accent-y:-2px}
.brio-editorial-card--mint{--ingredient-x:40%;--ingredient-y:63%;--can-x:64%;--can-y:51%;--can-rotate:.55deg;--accent-x:2px;--accent-y:-3px}
.brio-editorial-copy{
  position:absolute;
  z-index:5;
  top:clamp(22px,1.8vw,35px);
  left:clamp(20px,1.55vw,30px);
  right:clamp(20px,1.55vw,30px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-shadow:0 2px 12px rgba(0,0,0,.48);
}
.brio-editorial-copy small{
  margin-bottom:9px;
  font-size:clamp(10px,.72vw,14px);
  font-weight:800;
  line-height:1.1;
  letter-spacing:.24em;
  text-transform:uppercase;
}
.brio-editorial-copy strong{
  font-family:'DM Sans',Arial,sans-serif;
  font-size:clamp(24px,1.72vw,34px);
  font-weight:950;
  line-height:.95;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.brio-editorial-copy>span{
  max-width:235px;
  margin-top:14px;
  font-size:clamp(11px,.76vw,15px);
  font-weight:650;
  line-height:1.25;
}
.brio-editorial-footer{
  position:relative;
  min-height:112px;
  padding:45px 15px 13px;
  background:linear-gradient(180deg,#fbfaf6,#f3eee5);
}
.brio-editorial-discover{
  position:absolute;
  left:50%;
  top:-23px;
  width:min(76%,230px);
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:10px 20px;
  transform:translateX(-50%);
  border-radius:999px;
  background:#fff;
  color:#0c160f!important;
  box-shadow:0 8px 22px rgba(0,0,0,.12);
  font-size:clamp(10px,.72vw,14px);
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:transform .2s ease,box-shadow .2s ease;
}
.brio-editorial-discover:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.17)}
.brio-editorial-discover .brio-icon{width:20px;height:20px}
.brio-editorial-traits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.brio-editorial-traits>span{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  padding:0 5px;
  border-right:1px solid rgba(7,31,21,.14);
  color:#152019;
  text-align:center;
}
.brio-editorial-traits>span:last-child{border-right:0}
.brio-editorial-traits .brio-icon{width:25px;height:25px;stroke-width:1.35}
.brio-editorial-traits em{
  display:block;
  padding:0;
  background:transparent;
  color:inherit;
  font-style:normal;
  font-size:clamp(8px,.55vw,11px);
  font-weight:850;
  line-height:1.15;
  text-transform:uppercase;
}
.brio-editorial-proof{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  margin:24px auto 0!important;
  color:#555a55;
  font-size:clamp(9px,.67vw,13px);
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  white-space:nowrap;
}
.brio-editorial-proof>span{width:52px;height:1px;background:#6e746e80}
.brio-editorial-proof i{font-style:normal;color:#808680}

/* Motion keeps the existing composition intact and separates only small photo zones. */
.brio-flavours-motion-ready .brio-editorial-card{
  opacity:0;
  transform:translate3d(0,62px,0) scale(.98);
  transition:opacity .54s ease var(--reveal-delay,0ms),transform .7s cubic-bezier(.2,.72,.18,1) var(--reveal-delay,0ms),box-shadow .42s ease,border-color .42s ease;
  will-change:transform,opacity;
}
.brio-flavours-motion-ready .brio-editorial-card.is-revealed{opacity:1;transform:translate3d(0,0,0) scale(1)}
.brio-editorial-card .brio-editorial-discover .brio-icon{transition:transform .38s cubic-bezier(.2,.72,.18,1)}
.brio-editorial-card .brio-editorial-traits>span{transition:transform .42s cubic-bezier(.2,.72,.18,1),opacity .35s ease;color .35s ease}

@media(hover:hover) and (pointer:fine){
  .brio-editorial-card.is-revealed:hover{
    transform:translate3d(0,-7px,0) scale(1.018);
    border-color:rgba(3,25,18,.18);
    box-shadow:0 24px 50px rgba(18,29,20,.16);
    z-index:2;
  }
  .brio-editorial-card:hover .brio-editorial-image--base{transform:scale(1.015)}
  .brio-editorial-card:hover .brio-editorial-image--ingredients{transform:translate3d(calc(var(--photo-x,0px) + var(--accent-x,0px)),calc(var(--photo-y,0px) + var(--accent-y,0px)),0) scale(1.028)}
  .brio-editorial-card:hover .brio-editorial-image--can{transform:translate3d(var(--can-shift-x,0),calc(var(--can-shift-y,0px) - 5px),0) scale(1.015) rotate(var(--can-rotate,0deg))}
  .brio-editorial-card--ginger:hover .brio-editorial-glint{opacity:.52;transform:translateX(35%) rotate(4deg);background:linear-gradient(108deg,transparent 34%,rgba(255,199,92,.42) 48%,transparent 61%)}
  .brio-editorial-card--mint:hover .brio-editorial-glint{opacity:.46;transform:translateX(34%) rotate(4deg);background:linear-gradient(108deg,transparent 34%,rgba(206,255,241,.38) 48%,transparent 61%)}
  .brio-editorial-card:hover .brio-editorial-discover{background:#ffe52a;box-shadow:0 11px 28px rgba(90,85,0,.2)}
  .brio-editorial-card:hover .brio-editorial-discover .brio-icon{transform:translateX(5px)}
  .brio-editorial-card:hover .brio-editorial-traits>span{transform:translateY(-3px);opacity:1;color:#07100c}
  .brio-editorial-card:hover .brio-editorial-traits>span:nth-child(2){transition-delay:45ms}
  .brio-editorial-card:hover .brio-editorial-traits>span:nth-child(3){transition-delay:90ms}
}

@media(max-width:1100px){
  .brio-editorial-flavours .brio-shop-shell{width:calc(100% - 42px)}
  .brio-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .brio-editorial-visual{height:auto;aspect-ratio:1 / 1.10}
  .brio-editorial-copy strong{font-size:34px}
  .brio-editorial-copy>span{font-size:15px}
  .brio-editorial-traits b{font-size:11px}
}
@media(max-width:600px){
  .brio-editorial-flavours{padding:14px 0 24px}
  .brio-editorial-flavours .brio-shop-shell{width:calc(100% - 24px)}
  .brio-editorial-grid{grid-template-columns:1fr;gap:16px}
  .brio-editorial-visual{height:auto;aspect-ratio:1 / 1.12}
  .brio-editorial-copy{top:24px;left:22px;right:22px}
  .brio-editorial-copy small{font-size:11px}
  .brio-editorial-copy strong{font-size:32px}
  .brio-editorial-copy>span{font-size:14px}
  .brio-editorial-proof{flex-wrap:wrap;gap:8px 12px;line-height:1.5;white-space:normal;text-align:center}
  .brio-editorial-proof>span{display:none}
  .brio-flavours-motion-ready .brio-editorial-card{transform:translate3d(0,38px,0) scale(.985)}
  .brio-flavours-motion-ready .brio-editorial-card.is-mobile-active{transform:translate3d(0,-3px,0) scale(1.008);box-shadow:0 20px 40px rgba(18,29,20,.13)}
}

@media(prefers-reduced-motion:reduce){
  .brio-flavours-motion-ready .brio-editorial-card{transform:none;transition:opacity .25s ease!important}
  .brio-flavours-motion-ready .brio-editorial-card.is-revealed,.brio-flavours-motion-ready .brio-editorial-card.is-mobile-active{transform:none}
  .brio-editorial-image,.brio-editorial-glint,.brio-editorial-discover,.brio-editorial-discover .brio-icon,.brio-editorial-traits>span{transition:none!important;transform:none!important}
}

/* Pack découverte */
.brio-pack-feature{
  display:block;
  padding:clamp(36px,4.2vw,72px) 0 clamp(46px,5vw,86px);
  background:#f7f4ed;
}
.brio-pack-feature__inner{
  width:min(1840px,calc(100% - 64px));
  min-height:500px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  overflow:hidden;
  border-radius:20px;
  background:#073f35;
  box-shadow:0 18px 48px rgba(15,39,29,.1);
}
.brio-pack-feature__media{
  position:relative;
  display:block;
  min-width:0;
  min-height:100%;
  overflow:hidden;
}
.brio-pack-feature__media picture{
  position:absolute;
  inset:0;
  display:block;
}
.brio-pack-feature__picture--base{z-index:0}
.brio-pack-feature__can{
  position:absolute;
  z-index:2;
  top:28.4%;
  height:57.8%;
  display:block;
  pointer-events:none;
  transform-origin:50% 100%;
}
.brio-pack-feature__can--original{left:19.6%}
.brio-pack-feature__can--ginger{left:36.5%}
.brio-pack-feature__can--strawberry{left:53.4%}
.brio-pack-feature__can--mint{left:70.3%}
.brio-pack-feature__can img{
  display:block;
  width:auto;
  height:100%;
  filter:drop-shadow(0 8px 8px rgba(0,0,0,.2));
}
.brio-pack-feature__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.brio-pack-feature__media .brio-pack-feature__can>img{
  width:auto;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 8px 8px rgba(0,0,0,.2));
}
.brio-pack-feature__content{
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(46px,4.8vw,88px) clamp(44px,5.4vw,104px);
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 93% 15%,rgba(39,121,97,.23),transparent 34%),
    linear-gradient(135deg,#08483c 0%,#053a31 58%,#032f28 100%);
}
.brio-pack-feature__content:after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-80px;
  bottom:-110px;
  width:360px;
  height:360px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:45% 55% 59% 41%;
  box-shadow:
    0 0 0 24px rgba(255,255,255,.026),
    0 0 0 50px rgba(255,255,255,.02),
    0 0 0 78px rgba(255,255,255,.015);
  transform:rotate(-18deg);
}
.brio-pack-feature__eyebrow{
  display:flex;
  align-items:center;
  gap:18px;
  margin:0 0 26px;
  color:#ffe52a;
  font-size:clamp(12px,.9vw,17px);
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.brio-pack-feature__eyebrow span{
  width:118px;
  height:2px;
  background:#ffe52a;
}
.brio-pack-feature__content h2{
  max-width:760px;
  margin:0;
  font-family:'DM Sans',Arial,sans-serif;
  font-size:clamp(39px,3.25vw,66px);
  font-weight:950;
  line-height:.98;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.brio-pack-feature__content h2 span,
.brio-pack-feature__content h2 strong{display:block}
.brio-pack-feature__content h2 strong{color:#ffe52a}
.brio-pack-feature__intro{
  margin:20px 0 28px;
  color:rgba(255,255,255,.92);
  font-size:clamp(16px,1.22vw,24px);
  line-height:1.35;
}
.brio-pack-feature__facts{
  display:flex;
  align-items:center;
  gap:30px;
  margin-bottom:30px;
}
.brio-pack-feature__facts>div{
  display:flex;
  align-items:center;
  gap:17px;
}
.brio-pack-feature__facts>i{
  width:1px;
  height:66px;
  background:rgba(255,255,255,.45);
}
.brio-pack-feature__fact-icon{
  width:62px;
  height:62px;
  flex:0 0 62px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.12);
}
.brio-pack-feature__fact-icon .brio-icon,
.brio-pack-feature__fact-icon svg{width:31px;height:31px}
.brio-pack-feature__facts p{
  display:flex;
  flex-direction:column;
  gap:3px;
  margin:0;
}
.brio-pack-feature__facts strong{
  font-size:clamp(22px,1.75vw,34px);
  font-weight:900;
  line-height:1;
}
.brio-pack-feature__facts small{
  font-size:clamp(13px,1vw,19px);
  color:rgba(255,255,255,.88);
}
.brio-pack-feature__form{width:min(100%,530px);margin:0}
.brio-pack-feature__form button{
  position:relative;
  overflow:hidden;
  width:100%;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:30px;
  border:0;
  border-radius:999px;
  background:linear-gradient(180deg,#ffe52a,#ffe52a);
  color:#07382f;
  font:900 clamp(16px,1.22vw,23px)/1 'DM Sans',Arial,sans-serif;
  letter-spacing:.015em;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(0,0,0,.14);
  transition:transform .3s cubic-bezier(.2,.72,.18,1),filter .25s ease,box-shadow .3s ease;
}
.brio-pack-feature__form button:after{
  content:"";
  position:absolute;
  top:-45%;
  bottom:-45%;
  left:-34%;
  width:23%;
  opacity:0;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);
  pointer-events:none;
}
.brio-pack-feature__form button:hover{transform:translateY(-2px);filter:brightness(1.045);box-shadow:0 15px 32px rgba(0,0,0,.18)}
.brio-pack-feature__form button:active{transform:translateY(0) scale(.985)}
.brio-pack-feature__form button:disabled{cursor:not-allowed;opacity:.55}
.brio-pack-feature__form .brio-icon{width:25px;height:25px;transition:transform .35s cubic-bezier(.2,.72,.18,1)}
.brio-pack-feature .pack-cta-arrow{display:inline-flex;align-items:center;will-change:transform}
.brio-pack-feature__signature{
  position:absolute;
  top:48px;
  right:42px;
  margin:0;
  color:#fff;
  font:italic 28px/1.02 "Brush Script MT","Segoe Script",cursive;
  text-align:center;
  transform:rotate(-7deg);
}
.brio-pack-feature__signature:after{
  content:"";
  display:block;
  width:50px;
  height:3px;
  margin:8px auto 0;
  border-radius:3px;
  background:#ffe52a;
  transform:rotate(-9deg);
}

/* Scroll reveal: the pack stays structurally fixed while the range comes to life. */
.brio-pack-motion-ready .brio-pack-feature__inner{
  opacity:0;
  transform:translate3d(0,24px,0);
  transition:opacity .55s ease,transform .68s cubic-bezier(.2,.72,.18,1);
  will-change:transform,opacity;
}
.brio-pack-motion-ready.is-pack-revealed .brio-pack-feature__inner{opacity:1;transform:translate3d(0,0,0)}
.brio-pack-motion-ready .brio-pack-feature__can{
  opacity:0;
  transform:translate3d(0,58px,0) scale(.96);
  transition:opacity .52s ease var(--pack-can-delay,0ms),transform .66s cubic-bezier(.2,.72,.18,1) var(--pack-can-delay,0ms);
  will-change:transform,opacity;
}
.brio-pack-motion-ready.is-pack-revealed .brio-pack-feature__can{opacity:1;transform:translate3d(0,0,0) scale(1)}
.brio-pack-motion-ready [data-pack-reveal],
.brio-pack-motion-ready .brio-pack-feature__form{
  opacity:0;
  transform:translate3d(0,12px,0);
  transition:opacity .4s ease var(--pack-copy-delay,0ms),transform .52s cubic-bezier(.2,.72,.18,1) var(--pack-copy-delay,0ms);
}
.brio-pack-motion-ready.is-pack-revealed [data-pack-reveal],
.brio-pack-motion-ready.is-pack-revealed .brio-pack-feature__form{opacity:1;transform:translate3d(0,0,0)}
.brio-pack-motion-ready .brio-pack-feature__fact-icon{transform:scale(.95);transition:transform .45s cubic-bezier(.2,.72,.18,1) var(--pack-copy-delay,0ms)}
.brio-pack-motion-ready.is-pack-revealed .brio-pack-feature__fact-icon{transform:scale(1)}
.brio-pack-motion-ready.is-pack-revealed .brio-pack-feature__form button:after{animation:brio-pack-shine .82s ease var(--pack-cta-shine-delay,1.45s) 1 both}
.brio-pack-feature.is-pack-cta-shining .brio-pack-feature__form button:after{animation:brio-pack-shine .82s ease .08s 1 both}
@keyframes brio-pack-shine{0%{left:-34%;opacity:0}22%{opacity:.38}100%{left:112%;opacity:0}}

@media(hover:hover) and (pointer:fine){
  .brio-pack-feature__can{pointer-events:auto}
  .brio-pack-feature__media picture{transition:transform .7s cubic-bezier(.2,.72,.18,1)}
  .brio-pack-feature__media:hover .brio-pack-feature__picture--base{transform:scale(1.018)}
  .brio-pack-feature__media:hover .brio-pack-feature__can{transform:translate3d(0,0,0) scale(1.01)}
  .brio-pack-feature__media:hover .brio-pack-feature__can.is-near{z-index:3;transform:translate3d(var(--pack-near-x,0),-5px,0) scale(1.018) rotate(var(--pack-near-rotate,0deg));filter:brightness(1.025)}
}

@media(max-width:1200px){
  .brio-pack-feature__inner{grid-template-columns:1fr 1fr}
  .brio-pack-feature__content{padding:48px 40px}
  .brio-pack-feature__signature{display:none}
  .brio-pack-feature__facts{gap:20px}
  .brio-pack-feature__fact-icon{width:54px;height:54px;flex-basis:54px}
}
@media(max-width:800px){
  .brio-pack-feature__inner{width:calc(100% - 32px)}
  .brio-pack-feature__content h2{font-size:36px}
  .brio-pack-feature__facts{gap:14px}
  .brio-pack-feature__facts>div{gap:10px}
}
@media(max-width:850px){
  .brio-pack-feature{padding:22px 0 42px}
  .brio-pack-feature__inner{
    width:calc(100% - 24px);
    min-height:0;
    grid-template-columns:1fr;
    border-radius:16px;
  }
  .brio-pack-feature__media,
  .brio-pack-feature__picture--base{min-height:0}
  .brio-pack-feature__media{position:relative}
  .brio-pack-feature__media .brio-pack-feature__picture--base{position:static}
  .brio-pack-feature__media{overflow:hidden}
  .brio-pack-feature__media img{height:auto;aspect-ratio:1.1 / 1;object-fit:cover;object-position:top}
  .brio-pack-feature__can{top:19.1%;height:49.5%}
  .brio-pack-feature__can--original{left:11.1%}
  .brio-pack-feature__can--ginger{left:31.1%}
  .brio-pack-feature__can--strawberry{left:51.1%}
  .brio-pack-feature__can--mint{left:71.1%}
  .brio-pack-feature__can img{width:auto;height:100%;aspect-ratio:auto;object-fit:contain}
  .brio-pack-feature__content{padding:30px 22px 28px}
  .brio-pack-feature__eyebrow{gap:12px;margin-bottom:18px;font-size:11px}
  .brio-pack-feature__eyebrow span{width:64px}
  .brio-pack-feature__content h2{font-size:clamp(32px,9.5vw,42px)}
  .brio-pack-feature__intro{margin:15px 0 22px;font-size:16px}
  .brio-pack-feature__facts{gap:12px;margin-bottom:24px}
  .brio-pack-feature__facts>i{height:52px}
  .brio-pack-feature__facts>div{gap:9px}
  .brio-pack-feature__fact-icon{width:45px;height:45px;flex-basis:45px}
  .brio-pack-feature__fact-icon .brio-icon,
  .brio-pack-feature__fact-icon svg{width:23px;height:23px}
  .brio-pack-feature__facts strong{font-size:19px}
  .brio-pack-feature__facts small{font-size:11px}
  .brio-pack-feature__form{width:100%}
  .brio-pack-feature__form button{min-height:60px;font-size:16px}
}

@media(prefers-reduced-motion:reduce){
  .brio-pack-motion-ready .brio-pack-feature__inner{transform:none;transition:opacity .25s ease}
  .brio-pack-motion-ready .brio-pack-feature__can{transform:none;filter:none;opacity:1;transition:none}
  .brio-pack-motion-ready [data-pack-reveal],.brio-pack-motion-ready .brio-pack-feature__form{transform:none;transition:opacity .25s ease}
  .brio-pack-feature__media picture,.brio-pack-feature__can,.brio-pack-feature__form button,.brio-pack-feature__form .brio-icon,.brio-pack-feature__fact-icon{transform:none!important;transition:none!important}
  .brio-pack-motion-ready.is-pack-revealed .brio-pack-feature__form button:after{animation:none}
}
