.beefun-bar-header
{
  width: 100%;
    height: 454px;
    object-fit: cover;
    display: block;
}
.beefun-bar-txt
{
  width: 70%;
}
.beefun-bar-image img
{
width: clamp(300px, 65vw, 1200px);

    aspect-ratio: 400 / 150;

    height: auto;
    object-fit: cover;
    border-radius: 18px;
    pointer-events: none;
     justify-content: center; /* centre horizontalement */
}

.beefun-bar-image2 img
{
width: clamp(300px, 65vw, 600px);

    aspect-ratio: 150 / 200;

    height: auto;
    object-fit: cover;
    border-radius: 18px;
    pointer-events: none;
     justify-content: center; /* centre horizontalement */
}

.beefun-bar-image3 img
{
width: clamp(300px, 65vw, 600px);

    aspect-ratio: 195 / 200;

    height: auto;
    object-fit: cover;
    border-radius: 18px;
    pointer-events: none;
     justify-content: center; /* centre horizontalement */
}
/* =========================================================
   SLIDER BAR — BEEFUN PREMIUM
========================================================= */

.slider-wrapper-bar{
  width:100vw;
  margin-left:calc(50% - 50vw);
  position:relative;
  overflow:hidden;
	margin-bottom: clamp(14px, 1vw, 36px);
  /*padding:clamp(48px,6vw,90px) 0;*/
}

.slider-wrapper-bar__bottom{
	margin-bottom: clamp(60px, 14vw, 180px) !important;
}  

@media (min-width: 768px) and (max-width: 1024px) {
    .slider-wrapper-bar {
       /* margin-bottom: 140px;*/
    }
}

.slider-container-bar{
  width:100%;
  overflow:hidden;
}

.slider-section-bar{
  width:min(1400px,92vw);
  margin:0 auto;

  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:clamp(18px,2.4vw,34px);
  align-items:center;
}

.slider-item-bar{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  isolation:isolate;
}

.slider-item-bar::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  border-radius:24px;
  padding:2px;

  background-size:300% 300%;
  animation:barBorderFlow 7s linear infinite;

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}

.slider-item-bar::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
}

.slider-item-bar img{
  width:100%;
  aspect-ratio:16 / 10;
  object-fit:cover;
  display:block;

  transform:scale(1.01);
  transition:
    transform .7s cubic-bezier(.2,.8,.2,1),
    filter .35s ease;
}

.slider-item-bar:hover img{
  transform:scale(1.07);
  filter:saturate(1.08) brightness(.9);
}

.slider-item-bar:hover{
 
}

@keyframes barBorderFlow{
  0%{background-position:0% 50%;}
  100%{background-position:300% 50%;}
}

/* Tablette */
@media(max-width:980px){

  .slider-section-bar{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .slider-item-bar:last-child{
    grid-column:1 / -1;
    width:min(520px,100%);
    margin:0 auto;
  }
}

/* Mobile : slider horizontal */
@media(max-width:640px){

  .slider-wrapper-bar{
    /*padding:44px 0;*/
  }

  .slider-container-bar{
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .slider-container-bar::-webkit-scrollbar{
    display:none;
  }

  .slider-section-bar{
    width:max-content;
    margin:0;
    padding:0 18px;

    display:flex;
    gap:16px;
  }

  .slider-item-bar{
    flex:0 0 82vw;
    scroll-snap-align:center;
  }

  .slider-item-bar img{
    aspect-ratio:16 / 11;
  }

  .slider-item-bar:hover img{
    transform:none;
    filter:none;
  }
}
/*********************/
.beefun-resto {
  position: relative;
  overflow: hidden;
  min-height: 560px;
  padding: 38px 40px 50px 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 470px;
  gap: 70px;
  align-items: start;
 /* background: #f7f5fb;*/
  font-family: Arial, sans-serif;
}

/*.beefun-resto::before {
  content: "V";
  position: absolute;
  top: -205px;
  left: 245px;
  font-size: 900px;
  line-height: 1;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.75);
  z-index: 0;
}*/

.beefun-resto__content,
.beefun-resto__image {
  position: relative;
  z-index: 1;
}

.beefun-resto__content {
  max-width: 545px;
}

.beefun-resto h2 {}

.beefun-resto h2 span {}

.beefun-resto p {}

.beefun-resto__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 430px;
}

.beefun-resto__buttons a {
  min-width: 100px;
  height: 30px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  background: #4b18f2;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.beefun-resto__buttons a:last-child {
  min-width: 176px;
}

.beefun-resto__buttons span {
  font-size: 24px;
  line-height: 1;
  font-weight: 300;
}

.beefun-resto__image {
  width: 470px;
  height: 470px;
  border-radius: 11px;
  overflow: hidden;
}

.beefun-resto__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Responsive */
@media (max-width: 900px) {
  .beefun-resto {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 32px 20px;
  }

  .beefun-resto__image {
    width: 100%;
    height: 360px;
  }

  .beefun-resto h2 {
    font-size: 34px;
  }
}

/* =========================================================
   BEEFUN — MENU BOISSONS
========================================================= */

.bf-drinks-menu{
  --bf-purple:#382457;
  --bf-purple-dark:#1b0b2d;
  --bf-purple-light:#7139d8;
  --bf-pink:#f4a6d7;
  --bf-yellow:#ffd426;
  --bf-cyan:#25d9ff;

  width:100%;

  /*padding:
    clamp(58px,7vw,100px)
    clamp(16px,4vw,48px);
*/
  color:#fff;

  font-family:Arial,Helvetica,sans-serif;
}

.bf-drinks-menu *,
.bf-drinks-menu *::before,
.bf-drinks-menu *::after{
  box-sizing:border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.bf-drinks-menu__inner{
  width:min(1280px,100%);
  margin:0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.bf-drinks-menu__header{
  max-width:820px;

  margin:
    0 auto
    clamp(46px,5vw,70px);

  text-align:center;
}

.bf-drinks-menu__kicker{
  margin:0 0 14px;

  color:var(--bf-yellow);

  font-family:"Tilt Warp",sans-serif;
  font-size:13px;

  letter-spacing:.13em;
  text-transform:uppercase;
}

.bf-drinks-menu__title{
  margin:0;

  color:#fff;

  font-family:"Tilt Warp",sans-serif;
  font-size:clamp(42px,6vw,78px);
  font-weight:400;

  line-height:.9;

  text-transform:uppercase;
}

.bf-drinks-menu__title span{
  display:table;

  margin:10px auto 0;
  padding:.07em .22em .12em;

  border-radius:7px;

  background:var(--bf-pink);
  color:var(--bf-purple);

  box-shadow:
    7px 7px 0 rgba(0,0,0,.18);
}

.bf-drinks-menu__intro{
  max-width:650px;

  margin:22px auto 0;

  color:rgba(255,255,255,.68);

  font-size:15px;
  line-height:1.6;
}


/* =========================================================
   SECTIONS
========================================================= */

.bf-drinks-menu__section{
  margin-top:clamp(44px,5vw,68px);
}

.bf-drinks-menu__section--alcohol,
.bf-drinks-menu__section--cocktails{
  margin-top:clamp(55px,6vw,80px);
}

.bf-drinks-menu__section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;

  gap:20px;

  margin-bottom:20px;
  padding-bottom:15px;

  border-bottom:1px solid rgba(255,255,255,.11);
}

.bf-drinks-menu__section-head > div{
  display:flex;
  align-items:center;

  gap:13px;
}

.bf-drinks-menu__number{
  display:flex;
  align-items:center;
  justify-content:center;

  width:38px;
  height:38px;

  flex:0 0 38px;

  border-radius:50%;

  background:var(--bf-yellow);
  color:var(--bf-purple-dark);

  font-family:"Tilt Warp",sans-serif;
  font-size:12px;
}

.bf-drinks-menu__section-head h3{
  margin:0;

  color:#fff;

  font-family:"Tilt Warp",sans-serif;
  font-size:clamp(26px,3vw,38px);
  font-weight:400;

  line-height:1;

  text-transform:uppercase;
}

.bf-drinks-menu__section-head > p{
  margin:0;

  color:rgba(255,255,255,.46);

  font-size:13px;
}


/* =========================================================
   GRID
========================================================= */

.bf-drinks-menu__grid{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:16px;
}

.bf-drinks-menu__grid--cocktails{
  grid-template-columns:
    repeat(3,minmax(0,1fr));
}


/* =========================================================
   CARDS
========================================================= */

.bf-drink-item{
  position:relative;

  min-width:0;

  overflow:hidden;

  border:1px solid rgba(255,255,255,.11);
  border-radius:21px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.075),
      rgba(255,255,255,.025)
    );

  box-shadow:
    0 18px 44px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.06);

  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}


/* =========================================================
   IMAGE
========================================================= */

.bf-drink-item__image{
  position:relative;

  height:175px;

  overflow:hidden;

  background:#180a29;

  border-bottom:
    1px solid
    rgba(255,255,255,.07);
}

.bf-drink-item__image::after{
  content:"";

  position:absolute;
  inset:0;

  pointer-events:none;

  background:
    linear-gradient(
      to bottom,
      rgba(28,11,48,.02),
      rgba(28,11,48,.08) 55%,
      rgba(28,11,48,.40)
    );
}

.bf-drink-item__image img{
  display:block;

  width:100%;
  height:100%;

  object-fit:cover;
  object-position:center;

  transition:
    transform .55s cubic-bezier(.2,.8,.2,1),
    filter .35s ease;
}


/* =========================================================
   BADGE
========================================================= */

.bf-drink-item__badge{
  position:absolute;
  z-index:2;

  top:13px;
  left:13px;

  min-height:26px;

  padding:0 10px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border-radius:999px;

  background:rgba(29,12,49,.76);

  border:
    1px solid
    rgba(255,255,255,.14);

  color:var(--bf-cyan);

  font-family:"Tilt Warp",sans-serif;
  font-size:9px;

  letter-spacing:.09em;
  text-transform:uppercase;

  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.bf-drink-item__badge--yellow{
  color:var(--bf-yellow);
}

.bf-drink-item__badge--pink{
  color:var(--bf-pink);
}

.bf-drink-item__badge--cocktail{
  color:#fff;

  background:
    linear-gradient(
      90deg,
      rgba(111,37,200,.86),
      rgba(221,41,136,.86)
    );
}


/* =========================================================
   CONTENT
========================================================= */

.bf-drink-item__content{
  padding:
    20px
    19px
    22px;
}

.bf-drink-item__type{
  display:block;

  margin-bottom:7px;

  color:var(--bf-yellow);

  font-family:"Tilt Warp",sans-serif;
  font-size:9px;

  letter-spacing:.13em;
  text-transform:uppercase;
}

.bf-drink-item h4{
  margin:0 0 9px;

  color:#fff;

  font-family:"Tilt Warp",sans-serif;
  font-size:clamp(20px,1.8vw,27px);
  font-weight:400;

  line-height:.96;

  text-transform:uppercase;
}

.bf-drink-item p{
  margin:0;

  color:rgba(255,255,255,.60);

  font-size:13px;
  line-height:1.5;
}


/* =========================================================
   COCKTAILS
========================================================= */

.bf-drink-item--cocktail{
  border-color:
    rgba(244,166,215,.14);
}

.bf-drink-item--cocktail
.bf-drink-item__type{
  color:var(--bf-pink);
}


/* =========================================================
   HOVER
========================================================= */

@media (hover:hover) and (pointer:fine){

  .bf-drink-item:hover{
    transform:translateY(-5px);

    border-color:
      rgba(244,166,215,.28);

    box-shadow:
      0 26px 55px rgba(0,0,0,.25),
      inset 0 1px 0 rgba(255,255,255,.07);
  }

  .bf-drink-item:hover
  .bf-drink-item__image img{
    transform:scale(1.06);

    filter:
      saturate(1.06)
      brightness(.95);
  }

  .bf-drink-item--cocktail:hover{
    border-color:
      rgba(244,166,215,.38);
  }
}


/* =========================================================
   FOOTER
========================================================= */

.bf-drinks-menu__footer{
  margin-top:clamp(40px,5vw,60px);

  display:grid;

  grid-template-columns:
    1fr auto 1fr;

  align-items:center;

  gap:18px;
}

.bf-drinks-menu__footer span{
  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.13)
    );
}

.bf-drinks-menu__footer span:last-child{
  transform:scaleX(-1);
}

.bf-drinks-menu__footer p{
  margin:0;

  color:rgba(255,255,255,.42);

  font-size:11px;
  text-align:center;
}


/* =========================================================
   SMALL DESKTOP
========================================================= */

@media(max-width:1100px){

  .bf-drinks-menu__grid{
    grid-template-columns:
      repeat(3,minmax(0,1fr));
  }
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:820px){

  .bf-drinks-menu{
    padding-inline:18px;
  }

  .bf-drinks-menu__grid,
  .bf-drinks-menu__grid--cocktails{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .bf-drink-item__image{
    height:160px;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:640px){

  .bf-drinks-menu{
    padding:
      48px
      13px;
  }

  .bf-drinks-menu__header{
    margin-bottom:38px;
  }

  .bf-drinks-menu__title{
    font-size:
      clamp(36px,11vw,50px);
  }

  .bf-drinks-menu__intro{
    margin-top:18px;

    font-size:13px;
  }

  .bf-drinks-menu__section{
    margin-top:40px;
  }

  .bf-drinks-menu__section--alcohol,
  .bf-drinks-menu__section--cocktails{
    margin-top:48px;
  }

  .bf-drinks-menu__section-head{
    margin-bottom:14px;
  }

  .bf-drinks-menu__number{
    width:32px;
    height:32px;

    flex-basis:32px;

    font-size:10px;
  }

  .bf-drinks-menu__section-head h3{
    font-size:22px;
  }

  .bf-drinks-menu__section-head > p{
    display:none;
  }


  /* Cartes horizontales */

  .bf-drinks-menu__grid,
  .bf-drinks-menu__grid--cocktails{
    grid-template-columns:1fr;

    gap:10px;
  }

  .bf-drink-item{
    display:grid;

    grid-template-columns:
      112px
      minmax(0,1fr);

    min-height:125px;

    border-radius:17px;
  }

  .bf-drink-item__image{
    width:112px;
    height:100%;

    min-height:125px;

    border-right:
      1px solid
      rgba(255,255,255,.07);

    border-bottom:0;
  }

  .bf-drink-item__badge{
    top:8px;
    left:8px;

    min-height:21px;

    padding:0 7px;

    font-size:7px;
  }

  .bf-drink-item__content{
    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
      15px
      14px;
  }

  .bf-drink-item__type{
    margin-bottom:5px;

    font-size:8px;
  }

  .bf-drink-item h4{
    margin-bottom:6px;

    font-size:19px;
  }

  .bf-drink-item p{
    display:-webkit-box;

    overflow:hidden;

    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;

    font-size:11px;
    line-height:1.4;
  }

  .bf-drinks-menu__footer{
    margin-top:34px;

    grid-template-columns:
      25px
      1fr
      25px;

    gap:8px;
  }

  .bf-drinks-menu__footer p{
    font-size:9px;
  }
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media(max-width:390px){

  .bf-drink-item{
    grid-template-columns:
      94px
      minmax(0,1fr);
  }

  .bf-drink-item__image{
    width:94px;
  }

  .bf-drink-item__content{
    padding:
      13px
      11px;
  }

  .bf-drink-item h4{
    font-size:17px;
  }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

  .bf-drink-item,
  .bf-drink-item__image img{
    transition:none;
  }
}