/* ===== RSF: FORCE bottles to bottom-right (override theme centering) ===== */

.food-banner-section .single-offer-items.style-3{
  position: relative !important;
  overflow: hidden !important;
}

/* content always above */
.food-banner-section .single-offer-items.style-3 .offer-content,
.food-banner-section .single-offer-items.style-3 .french-content{
  position: relative !important;
  z-index: 5 !important;
}

/* IMPORTANT: remove text squeeze (your current layout is too narrow) */
.food-banner-section .single-offer-items.style-3 .offer-content{ padding-right: 220px !important; }
.food-banner-section .single-offer-items.style-3 .french-content{ padding-right: 240px !important; }

/* HARD OVERRIDE: stop any centering rules from theme */
.food-banner-section .single-offer-items.style-3 .small-pizza,
.food-banner-section .single-offer-items.style-3 .french-image,
.food-banner-section .single-offer-items.style-3 .main-food-3{
  position: absolute !important;
  left: auto !important;              /* kill left:50% */
  top: auto !important;
  transform: none !important;         /* kill translateX(-50%) */
  margin: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  right: 18px !important;             /* anchor right */
  bottom: -10px !important;           /* anchor bottom */
}

/* bottle styling */
.food-banner-section .single-offer-items.style-3 .small-pizza img,
.food-banner-section .single-offer-items.style-3 .french-image img,
.food-banner-section .single-offer-items.style-3 .main-food-3 img{
  display: block !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  transform-origin: bottom center !important;

  filter: drop-shadow(0 20px 34px rgba(0,0,0,0.42)) !important;
}

/* sizes + tilt (per box) */
.food-banner-section .single-offer-items.style-3 .small-pizza img{
  max-width: 360px !important;
  transform: rotate(-10deg) scale(1.04) !important;
}
.food-banner-section .single-offer-items.style-3 .french-image img{
  max-width: 280px !important;
  transform: rotate(8deg) scale(1.04) !important;
}
.food-banner-section .single-offer-items.style-3 .main-food-3 img{
  max-width: 350px !important;
  transform: rotate(-7deg) scale(1.04) !important;
}

/* Mobile safety */
@media (max-width: 767px){
  .food-banner-section .single-offer-items.style-3 .offer-content{ padding-right: 130px !important; }
  .food-banner-section .single-offer-items.style-3 .french-content{ padding-right: 150px !important; }

  .food-banner-section .single-offer-items.style-3 .small-pizza,
  .food-banner-section .single-offer-items.style-3 .french-image,
  .food-banner-section .single-offer-items.style-3 .main-food-3{
    right: 10px !important;
    bottom: -8px !important;
  }

  .food-banner-section .single-offer-items.style-3 .small-pizza img{ max-width: 250px !important; }
  .food-banner-section .single-offer-items.style-3 .french-image img{ max-width: 210px !important; }
  .food-banner-section .single-offer-items.style-3 .main-food-3 img{ max-width: 245px !important; }
}

/* ===== RSF: FORCE wrappers to right-align the bottle (theme is centering the IMG) ===== */

.food-banner-section .single-offer-items.style-3 .small-pizza,
.food-banner-section .single-offer-items.style-3 .french-image,
.food-banner-section .single-offer-items.style-3 .main-food-3{
  /* keep absolute positioning */
  position: absolute !important;
  top: auto !important;
  bottom: -10px !important;
  right: 18px !important;
  left: auto !important;

  /* THIS is the real fix */
  width: 100% !important;                 /* wrapper can remain wide */
  display: flex !important;
  justify-content: flex-end !important;   /* pushes IMG to right */
  align-items: flex-end !important;

  /* kill theme centering */
  transform: none !important;
  text-align: right !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Make sure IMG itself doesn't have translate centering */
.food-banner-section .single-offer-items.style-3 .small-pizza img,
.food-banner-section .single-offer-items.style-3 .french-image img,
.food-banner-section .single-offer-items.style-3 .main-food-3 img{
  transform: translate(0,0) rotate(var(--rsf-rot, 0deg)) scale(1.04) !important;
  filter: drop-shadow(0 20px 34px rgba(0,0,0,0.42)) !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Per-card rotation + sizing */
.food-banner-section .single-offer-items.style-3 .small-pizza img{ --rsf-rot: -10deg; max-width: 360px !important; }
.food-banner-section .single-offer-items.style-3 .french-image img{ --rsf-rot: 8deg;  max-width: 280px !important; }
.food-banner-section .single-offer-items.style-3 .main-food-3 img{ --rsf-rot: -7deg;  max-width: 350px !important; }

/* Give text space */
.food-banner-section .single-offer-items.style-3 .offer-content{ padding-right: 220px !important; }
.food-banner-section .single-offer-items.style-3 .french-content{ padding-right: 240px !important; }

/* Mobile */
@media (max-width: 767px){
  .food-banner-section .single-offer-items.style-3 .offer-content{ padding-right: 130px !important; }
  .food-banner-section .single-offer-items.style-3 .french-content{ padding-right: 150px !important; }

  .food-banner-section .single-offer-items.style-3 .small-pizza,
  .food-banner-section .single-offer-items.style-3 .french-image,
  .food-banner-section .single-offer-items.style-3 .main-food-3{
    right: 10px !important;
    bottom: -8px !important;
  }

  .food-banner-section .single-offer-items.style-3 .small-pizza img{ max-width: 250px !important; }
  .food-banner-section .single-offer-items.style-3 .french-image img{ max-width: 210px !important; }
  .food-banner-section .single-offer-items.style-3 .main-food-3 img{ max-width: 245px !important; }
}

/* ===== RSF FINAL: stop theme from centering the IMG itself ===== */

.food-banner-section .single-offer-items.style-3 .small-pizza img,
.food-banner-section .single-offer-items.style-3 .french-image img,
.food-banner-section .single-offer-items.style-3 .main-food-3 img{
  position: relative !important;   /* kills position:absolute from theme */
  left: auto !important;
  right: 0 !important;
  top: auto !important;
  bottom: auto !important;
  margin: 0 !important;
}

/* Keep wrapper right-bottom (your flex-end will now actually work) */
.food-banner-section .single-offer-items.style-3 .small-pizza,
.food-banner-section .single-offer-items.style-3 .french-image,
.food-banner-section .single-offer-items.style-3 .main-food-3{
  right: 18px !important;
  bottom: -10px !important;
}

/* RSF: remove dark hover overlay on home gallery banner slider */
.gallery-section .gallery-image::before,
.gallery-section .gallery-image::after,
.gallery-section .gallery-image .icon,
.gallery-section .gallery-image .icon::before,
.gallery-section .gallery-image .icon::after{
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
}

/* also prevent any hover dimming via filters */
.gallery-section .gallery-image img{
  filter: none !important;
  transform: none !important;
}