/*-------------- Fonts -----------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Squada+One&display=swap');
@import url("https://db.onlinewebfonts.com/c/96c724a45a1e05ada0f2b6cd1d186d09?family=Gilmer+Medium");
/*-------------- Fonts -----------------*/


@font-face {
  font-family: "Sharp Grotesk";
  src: url("./SharpGrotesk-Book25.otf");
}

@font-face {
  font-family: "Sharp Grotesk med";
  src: url("./SharpGrotesk-Medium25.otf");
}

@font-face {
  font-family: "Sharp Grotesk light";
  src: url("./SharpGrotesk-Medium25.otf");
}



@font-face {
  font-family: "Sharp Grotesk bold";
  src: url("./SharpGrotesk-Bold25.otf");
}


@font-face {
  font-family: "SuisseIntlMono Bold";
  src: url("./SuisseIntlMono-Bold.otf");
}

@font-face {
  font-family: "Suisse Intl Mono";
  src: url("./SuisseIntlMono-Regular.otf");
}

@font-face {
  font-family: "Suisse Intl Mono";
  src: url("./SuisseIntlMono-Regular.otf");
}

/*-------------- Start Global Rules -----------------*/
:root {
  --mainColor: #C76A39;
  --secondColor: #F5EFE4;
  --thirdColor: #D94920;
  --white: #fff;
  --black: #1C2126;
  --textColor: #595959;
  --textColor2: #474747;
  --lightBg: #f9f8f8;
  --smallSize: 12px;
  --mdSize: 14px;
  --mdSize2: 16px;
  --mdSize3: 18px;
  --lgSize: 20px;
  --lightFont: 100;
  --light2Font: 300;
  --mdFont: 600;
  --lgFont: 800;
  --paddingY: 60px;
  --paddingX: 100px;
  --Squada: "Squada One", sans-serif;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

*,
::before,
::after {
  transition: 0.3s;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Sharp Grotesk";
  font-size: var(--mdSize);
  background-color: #fff;
  color: #1C2126;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

ul,
ol {
  padding: 0;
  margin: 0;
}

a {
  color: #fff;
}

a,
a:hover {
  text-decoration: none;
}

a:hover {
  color: #DAAA77;
}

@media (min-width: 1200px) {
  .container {
    max-width: 94% !important;
    width: 94%;
  }
}

/*-------------- End Global Rules -----------------*/

/* #block-eggstatic-webform-6,
#resturantMenu {
  display: none;
} */








header {
  position: absolute;
  top: 0;
  z-index: 99;
  width: 100%;
}




.heroVideo #block-eggstatic-eggstatic video {
  height: 900px;
  width: 105%;
  object-fit: cover;
  position: relative;
  z-index: 1;
}


.heroVideo #block-eggstatic-eggstatic video::-webkit-media-controls {
  display: none !important;
}

.heroVideo #block-eggstatic-eggstatic>div {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
  font-size: 0;
}


.heroVideo #block-eggstatic-eggstatic {
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  overflow: hidden;

  h2 {
    position: absolute;
    top: 28%;
    color: #F5EFE4;
    font-size: 91px;
    text-transform: uppercase;
    left: 50%;
    transform: translate(-50%, 50%);
    z-index: 4;

  }

  p {
    position: absolute;
    background-image: url(./images/menu-background.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    left: 50%;
    bottom: 8%;
    transform: translate(-50%, 50%);

    width: 581.61px;
    height: 171.823px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--rosahotels-dgrees-studio-white, var(--color-white-solid, #FFF));
    font-family: "Sharp Grotesk";
    font-size: 22.359px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.017px;
    padding-block-start: 30px;
    padding-right: 26px;
    z-index: 4;
  }

  p::before {
    content: "";
    width: 24px;
    height: 24px;
    background: url(./images/arrow-right.svg) no-repeat center / contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(100px);
  }

}




.heroVideo #block-eggstatic-eggstatic::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,
      rgba(0, 0, 0, 0.20) 17.39%,
      rgba(255, 255, 255, 0.20) 90%),
    rgba(37, 32, 33, 0.30);
  pointer-events: none;
  z-index: 2;
}





header .no-padding {
  width: 100%;
  max-width: 100% !important;
}

header .no-padding .no-margin {
  display: flex;
  justify-content: space-between;
  padding-inline: 46px;
  padding-block: 21px;

  .site_logo #block-eggstatic-sitebranding {
    margin-left: 80px;
  }
}



.no-padding::after,
.no-padding:before,
.no-margin::before,
.header_left::before,
.site_logo::before,
.header_right::before {
  display: none !important;
}

.header_right ul {
  display: flex;
  gap: 34px;
  align-items: center;


}

.header_right ul li:nth-child(1) {
  background: url(./images/phone-eee.svg) no-repeat 32% 5%;
  background-size: 14px;

  a {
    opacity: 0;
  }
}

#block-eggstatic-learnmore>div:first-of-type {
  background: #D94920;
  height: 732px;
  display: flex;
  flex-direction: column;
  align-items: center;

  p {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-block: 115px;
    max-width: 816px;
    color: var(--rosahotels-dgrees-studio-white, var(--color-white-solid, #FFF));
    text-align: center;
    font-family: "Suisse Intl Mono";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24.4px;
    gap: 31px;


  }

  a {
    position: relative;
    font-size: 16.308px;
    padding-right: 25px;
  }

  a::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(./images/arrow-bottom.svg) no-repeat center / contain;
    position: absolute;
    top: 16%;
    right: 0;
  }
}

#block-eggstatic-learnmore img {
  position: absolute;
  left: 50%;
  bottom: -28%;
  width: 541.8px;
  height: 541.42px;
  transform-origin: center center;
  /* animation: rotate-center 18s linear infinite; */
}

@keyframes rotate-center {
  from {
    transform: translate(-50%, 50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, 50%) rotate(360deg);
  }
}


#block-eggstatic-learnmore {
  position: relative;
}

.no-margin .brief {
  background: #F5EFE4;
  margin-top: 342px;
  padding-block: 179px 83px;
  padding-inline: 26px;
}




/* ===== Great Food section ===== */

#block-eggstatic-greatfood {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto;
  gap: 22px 9px;
  align-items: center;
  position: relative;
  justify-items: center;
}

#block-eggstatic-greatfood::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url(./images/Eggstatic-finally.png) no-repeat center center;
  background-size: 540px auto;
  pointer-events: none;
  z-index: 2;
  bottom: 209px;
  animation: rotate-center 18s linear infinite;
  transform-origin: center center;
}

@keyframes rotate-center {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

footer.container-fluid .footerbottomRow.footer-grid .js-form-item-message {
  display: none;
}



#block-eggstatic-greatfood>* {
  position: relative;
  z-index: 1;
}

.careerpage #block-eggstatic-sociallinks-2 {
  display: none;
}



/* ===== الصورة الأولى (Group.png) — يسار فوق ===== */
#block-eggstatic-greatfood>div:nth-of-type(2)>div:nth-of-type(1) {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

/* ===== البراجراف — يسار تحت الصورة الأولى ===== */
#block-eggstatic-greatfood>div:first-of-type {
  position: static !important;
  margin: 0 !important;
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}

/* ===== الصورة الثانية (1441.jpg) — يمين بطول العمود ===== */
#block-eggstatic-greatfood>div:nth-of-type(2)>div:nth-of-type(2) {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  width: 100%;
}

/* ===== إزالة أي layout سابق ===== */
#block-eggstatic-greatfood>div:nth-of-type(2) {
  display: contents;
  /* مهم جدًا */
}

/* الصور */
#block-eggstatic-greatfood img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#block-eggstatic-greatfood p {
  display: flex;
  max-width: 500px;
  height: 173px;
  max-width: var(--width-500, 500px);
  flex-direction: column;
  align-items: flex-start;
  color: var(--color-azure-13, #1C2126);
  font-family: "Suisse Intl Mono";
  font-size: 15.7px;
  font-style: normal;
  font-weight: 400;
  line-height: 30.5px;
}

#block-eggstatic-greatfood>div:nth-of-type(2)>div:nth-of-type(1) img {

  height: 530px;
  width: 530px;
}

#block-eggstatic-greatfood>div:nth-of-type(2)>div:nth-of-type(2) img {
  height: 100%;

}





#block-eggstatic-ourchef {
  position: relative;
}


#block-eggstatic-ourchef>div:nth-of-type(2) {
  display: grid;
  grid-template-columns: 48% 52%;
}

#block-eggstatic-ourchef>div:nth-of-type(2)>div:nth-of-type(2) img {
  width: 100%;
}

#block-eggstatic-ourchef>div:nth-of-type(2)>div:nth-of-type(1) div {
  height: 100%;

  img {
    height: 100%;
  }
}



#block-eggstatic-ourchef>div:nth-of-type(1) {
  background: var(--color-white-solid, #FFF);

  display: flex;
  width: 547px;
  height: 626.608px;
  flex-direction: column;
  justify-content: center;
  gap: 10px;

  /* absolute center */
  position: absolute;
  left: 56%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  padding-inline: 90px;
  padding-right: 30px;
}

#block-eggstatic-ourchef>div:nth-of-type(1) h2 {
  color: #1C2126;
  font-family: "Sharp Grotesk";
  font-size: 33px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-47_7, 47.7px);
  letter-spacing: var(--letter-spacing-3_38, 3.375px);
  text-transform: uppercase;
  text-align: left;

}



#block-eggstatic-ourchef>div:nth-of-type(1)>p:nth-of-type(1) {
  color: #1C2126;
  font-family: "Suisse Intl Mono";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 160% */
}

/* ===== ثاني paragraph ===== */
#block-eggstatic-ourchef>div:nth-of-type(1)>p:nth-of-type(2) {
  color: #1C2126;
  font-family: "Sharp Grotesk";
  font-size: 11.926px;
  font-style: normal;
  font-weight: 400;
  line-height: 17.328px;
  /* 145.294% */
  letter-spacing: 0.267px;

  /* خصائص تجريبية (تعمل فقط بمتصفحات حديثة) */
  leading-trim: both;
  text-edge: cap;
}



.galley {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 100vh;
  z-index: 1;
  overflow: hidden;
  /*background-color: #F5EFE4;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.galley+section,
footer {
  position: relative;
  z-index: 10;
  background-color: #C1693C;
}







html,
body {}

#block-eggstatic-views-block-gallery-block-1 {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  background: #fff;
}

/* keep inner wrappers full width */
#block-eggstatic-views-block-gallery-block-1,
#block-eggstatic-views-block-gallery-block-1>.content,
#block-eggstatic-views-block-gallery-block-1 .ourMenuSlider,
#block-eggstatic-views-block-gallery-block-1 .swiper {
  max-width: none !important;
}

/* 1) No black background */
#block-eggstatic-views-block-gallery-block-1 .ourMenuSlider {
  background: transparent !important;
  padding: 20px 0;
  overflow: hidden;
  position: relative;
}

/* 2) Slider padding */
#block-eggstatic-views-block-gallery-block-1 .swiper {
  /* padding: 0 60px; */
  box-sizing: border-box;
}

/* 3) Force ALL wrappers to take same height */
#block-eggstatic-views-block-gallery-block-1 .swiper-wrapper {
  align-items: stretch;
}

#block-eggstatic-views-block-gallery-block-1 .swiper-slide,
#block-eggstatic-views-block-gallery-block-1 .swiper-slide>li,
#block-eggstatic-views-block-gallery-block-1 .swiper-slide>li>div,
#block-eggstatic-views-block-gallery-block-1 .swiper-slide>li>div>div {
  height: 520px;
  /* desktop height */
}

#block-eggstatic-views-block-gallery-block-1 .swiper-slide {
  overflow: hidden;
}

#block-eggstatic-views-block-gallery-block-1 .swiper-slide>li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* 4) Image always same height */
#block-eggstatic-views-block-gallery-block-1 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 5) Make sure navigation buttons ALWAYS visible */
#block-eggstatic-views-block-gallery-block-1 .swiper-button-prev,
#block-eggstatic-views-block-gallery-block-1 .swiper-button-next {
  display: flex !important;
  align-items: center;
  justify-content: center;

  width: 86px;
  height: 86px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .75);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .25);

  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 50;
  margin-top: 0;
}

/* place them like screenshot (inside edges) */
#block-eggstatic-views-block-gallery-block-1 .swiper-button-prev {
  left: 24px;
}

#block-eggstatic-views-block-gallery-block-1 .swiper-button-next {
  right: 24px;
}


#block-eggstatic-views-block-gallery-block-1 .swiper-button-prev::after,
#block-eggstatic-views-block-gallery-block-1 .swiper-button-next::after {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  opacity: 1;
}

#block-eggstatic-views-block-gallery-block-1 .swiper-button-prev::after {
  content: "";
  width: 28px;
  height: 28px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M0 7.98535V9.01465C0.841146 9.01465 1.60482 9.25814 2.29102 9.74512C2.98828 10.2321 3.58594 10.8076 4.08398 11.4717C4.58203 12.1357 4.96387 12.8109 5.22949 13.4971C5.50619 14.1722 5.64453 14.7035 5.64453 15.0908H6.65723C6.65723 14.7145 6.57422 14.2607 6.4082 13.7295C6.25326 13.2093 6.01807 12.6642 5.70264 12.0942C5.38721 11.5243 5.00814 10.9681 4.56543 10.4258C4.11165 9.88346 3.60254 9.41309 3.03809 9.01465H17V7.98535H3.03809C3.60254 7.58691 4.10612 7.11654 4.54883 6.57422C5.0026 6.0319 5.38444 5.47575 5.69434 4.90576C6.00423 4.33577 6.24219 3.79069 6.4082 3.27051C6.57422 2.73926 6.65723 2.28548 6.65723 1.90918H5.64453C5.64453 2.29655 5.50619 2.83333 5.22949 3.51953C4.96387 4.19466 4.58203 4.86426 4.08398 5.52832C3.58594 6.19238 2.98828 6.7679 2.29102 7.25488C1.60482 7.74186 0.841146 7.98535 0 7.98535Z' fill='white'/%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}






#block-eggstatic-views-block-gallery-block-1 .swiper-button-next::after {
  content: "";
  width: 28px;
  height: 28px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M17 7.98535V9.01465C16.1589 9.01465 15.3952 9.25814 14.709 9.74512C14.0117 10.2321 13.4141 10.8076 12.916 11.4717C12.418 12.1357 12.0361 12.8109 11.7705 13.4971C11.4938 14.1722 11.3555 14.7035 11.3555 15.0908H10.3428C10.3428 14.7145 10.4258 14.2607 10.5918 13.7295C10.7467 13.2093 10.9819 12.6642 11.2974 12.0942C11.6128 11.5243 11.9919 10.9681 12.4346 10.4258C12.8883 9.88346 13.3975 9.41309 13.9619 9.01465H0V7.98535H13.9619C13.3975 7.58691 12.8939 7.11654 12.4512 6.57422C11.9974 6.0319 11.6156 5.47575 11.3057 4.90576C10.9958 4.33577 10.7578 3.79069 10.5918 3.27051C10.4258 2.73926 10.3428 2.28548 10.3428 1.90918H11.3555C11.3555 2.29655 11.4938 2.83333 11.7705 3.51953C12.0361 4.19466 12.418 4.86426 12.916 5.52832C13.4141 6.19238 14.0117 6.7679 14.709 7.25488C15.3952 7.74186 16.1589 7.98535 17 7.98535Z' fill='white'/%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* 6) Responsive */
@media (max-width: 1200px) {
  #block-eggstatic-views-block-gallery-block-1 .swiper {
    padding: 0 40px;
  }

  #block-eggstatic-views-block-gallery-block-1 .swiper-slide,
  #block-eggstatic-views-block-gallery-block-1 .swiper-slide>li,
  #block-eggstatic-views-block-gallery-block-1 .swiper-slide>li>div,
  #block-eggstatic-views-block-gallery-block-1 .swiper-slide>li>div>div {
    height: 460px;
  }
}

@media (max-width: 900px) {
  #block-eggstatic-views-block-gallery-block-1 .swiper {
    padding: 0 18px;
  }

  #block-eggstatic-views-block-gallery-block-1 .swiper-slide,
  #block-eggstatic-views-block-gallery-block-1 .swiper-slide>li,
  #block-eggstatic-views-block-gallery-block-1 .swiper-slide>li>div,
  #block-eggstatic-views-block-gallery-block-1 .swiper-slide>li>div>div {
    height: 360px;
  }

  #block-eggstatic-views-block-gallery-block-1 .swiper-button-prev {
    left: 10px;
    width: 70px;
    height: 70px;
  }

  #block-eggstatic-views-block-gallery-block-1 .swiper-button-next {
    right: 10px;
    width: 70px;
    height: 70px;
  }
}

@media (max-width: 600px) {

  #block-eggstatic-views-block-gallery-block-1 .swiper-slide,
  #block-eggstatic-views-block-gallery-block-1 .swiper-slide>li,
  #block-eggstatic-views-block-gallery-block-1 .swiper-slide>li>div,
  #block-eggstatic-views-block-gallery-block-1 .swiper-slide>li>div>div {
    height: 300px;
  }
}



/* =========================
   Locations section (FULL CSS + clickable arrows support)
   ========================= */

section.locations {
  /*background: #f6eee4;*/
  /*padding: 40px 0;*/
}

section.locations .container.no-padding {
  padding: 0 !important;
}

/* block wrapper */
#block-eggstatic-views-block-branches-block-1 {
  position: relative;
  padding: 34px 138px 40px;
}

/* title */
#block-eggstatic-views-block-branches-block-1 h2 {
  color: #1C2126;
  font-family: "Sharp Grotesk";
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 57px;
  padding-block-end: 25px;
  margin: 0;
}

/* circles (visual only) */
#block-eggstatic-views-block-branches-block-1::before,
#block-eggstatic-views-block-branches-block-1::after {
  content: "";
  position: absolute;
  top: 51px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #111;
  z-index: 10;
  pointer-events: none;
  /* مهم: حتى ما تمنع زرار الجافاسكربت */
}

#block-eggstatic-views-block-branches-block-1::before {
  right: 15%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.44321e-07 5.67242L6.00945e-07 5.02471C0.529307 5.02471 1.00986 4.87149 1.44166 4.56505C1.88043 4.25861 2.25652 3.89646 2.56992 3.47858C2.88333 3.06071 3.12361 2.63587 3.29075 2.20407C3.46487 1.77923 3.55193 1.44493 3.55193 1.20117L4.18918 1.20117C4.18918 1.43797 4.13695 1.72351 4.03248 2.05781C3.93498 2.38515 3.78698 2.72815 3.58849 3.08683C3.39 3.4455 3.15146 3.79547 2.87288 4.13673C2.58733 4.478 2.26696 4.77399 1.91177 5.02471L10.6976 5.02472L10.6976 5.67242L1.91177 5.67242C2.26696 5.92314 2.58385 6.21914 2.86243 6.5604C3.14798 6.90166 3.38826 7.25163 3.58327 7.61031C3.77827 7.96898 3.92801 8.31199 4.03248 8.63932C4.13695 8.97362 4.18918 9.25917 4.18918 9.49596L3.55192 9.49596C3.55192 9.2522 3.46487 8.91442 3.29075 8.48262C3.1236 8.05778 2.88333 7.63642 2.56992 7.21855C2.25652 6.80068 1.88043 6.43852 1.44166 6.13208C1.00986 5.82564 0.529307 5.67242 5.44321e-07 5.67242Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;

}


#block-eggstatic-views-block-branches-block-1::after {
  right: 10%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M10.6976 5.02534V5.67304C10.1683 5.67304 9.6877 5.82626 9.2559 6.1327C8.81713 6.43914 8.44104 6.8013 8.12764 7.21917C7.81423 7.63705 7.57396 8.06188 7.40681 8.49369C7.23269 8.91852 7.14564 9.25282 7.14564 9.49658H6.50838C6.50838 9.25979 6.56061 8.97424 6.66508 8.63994C6.76259 8.31261 6.91058 7.9696 7.10907 7.61093C7.30756 7.25225 7.5461 6.90228 7.82468 6.56102C8.11023 6.21976 8.4306 5.92376 8.78579 5.67304L0 5.67304L0 5.02534L8.78579 5.02534C8.4306 4.77461 8.11371 4.47862 7.83513 4.13735C7.54958 3.79609 7.3093 3.44612 7.1143 3.08745C6.91929 2.72877 6.76955 2.38577 6.66508 2.05843C6.56061 1.72414 6.50838 1.43859 6.50838 1.20179H7.14564C7.14564 1.44555 7.23269 1.78333 7.40681 2.21514C7.57396 2.63997 7.81423 3.06133 8.12764 3.4792C8.44104 3.89708 8.81713 4.25923 9.2559 4.56567C9.6877 4.87212 10.1683 5.02534 10.6976 5.02534Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;

}

.nav-tabs.nav-justified:before {
  display: none;
}

/* clickable arrows (JS buttons) */
#block-eggstatic-views-block-branches-block-1 .locations-arrow {
  position: absolute;
  top: 52px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  z-index: 50;
  display: block;
  /* حتى ما تختفي */
}

#block-eggstatic-views-block-branches-block-1 .locations-arrow-prev {
  right: 15%;
}

#block-eggstatic-views-block-branches-block-1 .locations-arrow-next {
  right: 10%;
}

/* remove bootstrap spacing */
#block-eggstatic-views-block-branches-block-1 .nav-tabs .nav-item {
  margin: 0 !important;
}

#block-eggstatic-views-block-branches-block-1 .nav-tabs .nav-item {
  width: max-content;
  display: flex;
  justify-content: flex-start;
}

/* tab link */
#block-eggstatic-views-block-branches-block-1 .nav-tabs .nav-link {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
  display: inline-block;
  color: rgba(28, 33, 38, 0.45);
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

/* dash separator */
#block-eggstatic-views-block-branches-block-1 .nav-tabs .nav-link::after {
  content: "-";
  position: absolute;
  right: -28px;
  top: 0;
  color: rgba(28, 33, 38, 0.35);
  /* display: none; */
}

/* آخر عنصر بدون dash */
#block-eggstatic-views-block-branches-block-1 .nav-tabs .nav-item:last-child .nav-link::after {
  content: none !important;
}

/* active city */
#block-eggstatic-views-block-branches-block-1 .nav-tabs .nav-link.active {
  color: #f04a23;
}

/* underline للـ active (قد الكلمة) */
#block-eggstatic-views-block-branches-block-1 .nav-tabs .nav-link.active::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  /* قد الكلمة فقط */
  height: 2px;
  background: #f04a23;
}

/* dash للـ active */
#block-eggstatic-views-block-branches-block-1 .nav-tabs .nav-link.active::after {
  color: #f04a23;
}

/* content */
#block-eggstatic-views-block-branches-block-1 .tab-content {
  max-width: 760px;
}

/* address text */
#block-eggstatic-views-block-branches-block-1 .tab-content p {
  color: var(--boucherie-vamtam-com-scorpion, var(--color-grey-36, #5D5D5D));
  font-family: "Suisse Intl Mono";
  font-size: var(--font-size-16, 16px);
  font-style: normal;
  font-weight: var(--font-weight-400, 400);
  line-height: var(--line-height-22_4, 22.4px);
  padding-block-start: 85px;
  margin: 0;
}

/* footer buttons */
#block-eggstatic-views-block-branches-block-1 .views-field.views-field-fieldset fieldset,
#block-eggstatic-views-block-branches-block-1 footer {
  position: absolute;
  right: 18%;
  bottom: 36px;
  background-color: transparent;
  display: flex;
  align-items: center;
  gap: 20px;
}

#block-eggstatic-views-block-branches-block-1 footer {
  display: none;
}

/* Get Direction */
#block-eggstatic-views-block-branches-block-1 .views-field.views-field-fieldset fieldset .views-field.views-field-field-direction a,
#block-eggstatic-views-block-branches-block-1 footer a:first-child {
  color: var(--boucherie-vamtam-com-cod-gray, var(--color-grey-6, #111010));
  text-align: center;
  font-family: "Suisse Intl Mono";
  font-size: var(--font-size-14, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-18_2, 18.2px);
  position: relative;
  padding-right: 22px;
}

/* arrow icon */
#block-eggstatic-views-block-branches-block-1 .views-field.views-field-fieldset fieldset .views-field.views-field-field-direction a::after,
#block-eggstatic-views-block-branches-block-1 footer a:first-child::after {
  content: "";
  width: 14px;
  height: 14px;
  background: url(./images/arrowww.svg) no-repeat center / contain;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

/* Reservation pill */
#block-eggstatic-views-block-branches-block-1 .views-field.views-field-fieldset fieldset .views-field.views-field-field-reservations-link a,
#block-eggstatic-views-block-branches-block-1 footer a:last-child {
  color: var(--rosahotels-dgrees-studio-white, var(--color-white-solid, #FFF));
  text-align: center;
  font-family: "Suisse Intl Mono";
  font-size: var(--font-size-14, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-18_2, 18.2px);

  padding: 10px 18px;
  border-radius: 23px;
  background: var(--color-red-49, #CF4D2D);
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.10);
  padding-block-start: 32px;
  display: flex;
  gap: 45px;
  max-width: 100%;
  overflow-x: auto;

  /* hide scrollbar */
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}

.nav-tabs.nav-justified::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Edge */
}

.nav-tabs.nav-justified {
  -webkit-overflow-scrolling: touch;
}


/* Responsive */
@media (max-width: 900px) {
  #block-eggstatic-views-block-branches-block-1 {
    padding: 28px 20px 90px;
  }

  #block-eggstatic-views-block-branches-block-1 footer {
    right: 20px;
    bottom: 24px;
  }
}

@media (max-width: 600px) {

  /* بدون dash بالموبايل */
  #block-eggstatic-views-block-branches-block-1 .nav-tabs .nav-link::after {
    content: none !important;
  }
}




#block-eggstatic-gallerytext {
  background: #ffff;
}

#block-eggstatic-gallerytext>div {
  display: flex;
  justify-content: space-between;
  padding-block: 20px 57px;
  padding-inline: 90px;


  a {
    color: var(--boucherie-vamtam-com-cod-gray, var(--color-grey-6, #111010));
    text-align: center;
    font-family: "Suisse Intl Mono";
    font-size: var(--font-size-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-18_2, 18.2px);
    display: flex;
    justify-content: flex-end;
    position: relative;
    padding-right: 22px;
  }

  a::after {
    content: "";
    width: 14px;
    height: 14px;
    background: url(./images/arrowww.svg) no-repeat center / contain;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }



}

#block-eggstatic-gallerytext p:last-child {
  display: flex;
  align-items: flex-end;
}

#block-eggstatic-gallerytext p:first-child {
  color: var(--boucherie-vamtam-com-cod-gray, var(--color-grey-6, #111010));
  font-family: "Sharp Grotesk";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 39.6px;
  max-width: 531px;
}


#block-eggstatic-visitus {
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 85px;
  gap: 78px;

  position: relative;

  strong {
    color: #C76A39;
    font-family: "Sharp Grotesk";
    font-size: 16.44px;
    font-style: normal;
    font-weight: var(--font-weight-400, 400);
    line-height: 31.514px;
  }
}

#block-eggstatic-visitus img {
  max-width: 250.275px;
}

#block-eggstatic-visitus>div:first-child {
  border-left: var(--stroke-weight-1, 1px) solid #CECECE;
  padding-left: 36px;
  height: 106px;
}




#block-eggstatic-visitus>div:first-child p:nth-of-type(1) {}

#block-eggstatic-visitus>div:first-child p:nth-of-type(2) {
  color: #111010b8;
  font-family: "Suisse Intl Mono";
  font-size: 24.66px;
  font-style: normal;
  font-weight: 400;
  line-height: 33.5px;
  max-width: 524px;
}


#block-eggstatic-visitus>div:first-child p:nth-of-type(3) {}

#block-eggstatic-visitus>div:first-child p:nth-of-type(3) a {
  color: #C76A39;
  text-align: center;
  font-family: "Suisse Intl Mono";
  font-size: 14.769px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.2px;
  position: absolute;
  right: 13%;
  transform: translate(10px, -34px);

  padding-right: 22px;
}






.inner {
  background: #F5EFE4;
  height: 416px;
  position: relative;


  .views-field-title {
    position: absolute;
    top: 70%;
    left: 19%;
    transform: translateX(-40%);
    color: #221E1F;
    text-align: center;
    font-family: "Sharp Grotesk";
    font-size: 71.6px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    text-transform: uppercase;
    z-index: 3;
  }
}

.why-work-wrapper {
  display: flex;

}

#block-eggstatic-whyworkateggstatic {
  padding-inline: 76px;
  position: relative;
  display: flex;
  height: 400px;
  align-items: center;
}


.why-work-wrapper {


  img {
    position: absolute;
    width: 535.071px;
    /* height: 417.972px; */
    right: 0;
  }
}

#block-eggstatic-whyworkateggstatic h2 {
  color: var(--boucherie-vamtam-com-cod-gray, var(--color-grey-6, #111010));
  font-family: "Sharp Grotesk";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 45px;
  padding-block-end: 39px;

  strong {
    color: #C5673B;
  }
}

#block-eggstatic-whyworkateggstatic .why-work-wrapper h2 {
  /* ستايل العنوان الثاني */
}

#block-eggstatic-whyworkateggstatic img {
  width: 535.071px;
  position: absolute;
  right: 1px;
  top: -156px;
}



#block-eggstatic-whyworkateggstatic>div:first-of-type {
  max-width: 580px;
}

#block-eggstatic-whyworkateggstatic p:first-of-type {
  color: #221E1F;
  font-family: "Suisse Intl Mono";
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  padding-block-end: 17px;
}

#block-eggstatic-whyworkateggstatic>div:first-of-type p:nth-of-type(2) {
  color: var(--demo-2-wpopal-com-scorpion, var(--color-grey-37, #5E5E5E));
  font-family: "Suisse Intl Mono";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  /* 168.75% */
}


/* ===== Career page (image left + dark form right) ===== */
.careerpage {
  /* display: flex; */
  width: 100%;
  min-height: 100vh;
}

/* LEFT IMAGE */
.careerpage__image {
  flex: 1 1 50%;
  position: relative;
  overflow: hidden;
}

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






.careerpage__form .form-item-select-location {
  width: 100%;

  #edit-select-location {
    width: 100%;
    color: #6f6f6f;
    font-family: "Suisse Intl Mono";
    font-size: 16.226px;
    font-style: normal;
    font-weight: 400;
    line-height: 24.266px;
    border: unset;
    border-bottom: solid 1px #45494E;
    padding-block-end: 20px;
  }

}
















/* RIGHT FORM PANEL */
.careerpage__form {
  flex: 1 1 50%;
  background: #FFF;
  padding: 70px 80px;
  display: flex;
  align-items: flex-start;
}

/* block wrapper width */
.careerpage__form #block-eggstatic-webform-5 {
  width: 100%;
}

/* title (very dark like screenshot) */
.careerpage__form #block-eggstatic-webform-5>h2 {
  color: #1C2126;
  font-family: "Sharp Grotesk";
  font-size: 23.7px;
  font-style: normal;
  font-weight: 400;
  line-height: 54.56px;
  /* 230.211% */
}

/* form layout */
.careerpage__form form {
  display: flex;
  flex-wrap: wrap;
  gap: 34px 60px;
  /* row / column */
}

/* first + last in same row */
.careerpage__form .form-item-first-name,
.careerpage__form .form-item-last-name {
  flex: 1 1 calc(50% - 30px);
}

.careerpage__form .form-item-email,
.careerpage__form .form-item-phone-number,
.careerpage__form .form-item-message,
.careerpage__form .form-actions {
  flex: 1 1 100%;
}

/* labels */
.careerpage__form label {
  color: #6C6C6C;
  font-family: "Suisse Intl Mono";
  font-size: 16.226px;
  font-style: normal;
  font-weight: 400;
  line-height: 24.266px;
  /* 149.544% */
  margin: 0 0 12px;
  display: block;
}

/* underline inputs like screenshot */
.careerpage__form input.form-text,
.careerpage__form input.form-email,
.careerpage__form input.form-tel,
.careerpage__form textarea.form-textarea {
  width: 100%;
  background: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 3px solid #d6d6d6;
  padding: 12px 0 16px;
  color: #fff;
  font-size: 18px;
  outline: none;
  box-shadow: none;

  color: #6C6C6C;
  font-family: "Suisse Intl Mono";
  font-size: 16.226px;
  font-style: normal;
  font-weight: 400;
  line-height: 23.572px;
  /* 145.271% */
}

.careerpage__form textarea.form-textarea {
  resize: none;
  height: 93px;
  ;
}

/* placeholder */
.careerpage__form textarea::placeholder,
.careerpage__form input::placeholder {
  color: #5a5a5a;
}

/* remove bootstrap focus glow */
.careerpage__form input:focus,
.careerpage__form textarea:focus {
  outline: none;
  box-shadow: none;
}

/* submit button orange full width */
.careerpage__form .form-actions {
  margin-top: 10px;
}

.careerpage__form .webform-button--submit {
  width: 100%;
  background: #d3542a;
  color: #fff;
  border: 0;
  padding: 20px 18px;
  color: #FFF;
  text-align: center;
  font-family: "Suisse Intl Mono";
  font-size: 13.866px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.639px;
  /* 120% */
  text-transform: uppercase;
}

/* optional hover */
.careerpage__form .webform-button--submit:hover {
  filter: brightness(1.05);
}

/* spacing reset for Drupal wrappers */
.careerpage__form .form-item {
  margin: 0;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
  .careerpage__form {
    padding: 55px 50px;
  }

  .careerpage__form #block-eggstatic-webform-5>h2 {
    font-size: 36px;
    margin-bottom: 35px;
  }

  .careerpage__form form {
    gap: 28px 40px;
  }
}


.careerimage-webform {
  display: flex;
  width: 100%;

}


@media (max-width: 992px) {
  .careerpage {
    flex-direction: column;
    min-height: unset;
  }

  .careerpage__image {
    height: 420px;
  }

  .careerpage__form {
    padding: 40px 22px;
  }

  .careerpage__form .form-item-first-name,
  .careerpage__form .form-item-last-name {
    flex: 1 1 100%;
  }
}


.branchdetails header .no-padding .no-margin,
.careerpage header .no-padding .no-margin {
  .menu-toggle {
    background-color: #000;
  }

  #block-eggstatic-languagedropdownswitcher select {
    color: #000000;
  }

  .header_right {

    nav#block-eggstatic-reservation .Reservation,
    nav#block-eggstatic-reservation-2 .Reservation {
      color: #000000;
      border: 1px solid #000000;
    }

    svg {
      color: #000000;
    }
  }

  .site_logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
  }

}





#block-eggstatic-wherepositiveenergybegins {
  max-width: 975px;
  padding-block: 119px;
  margin: 0 auto;
  text-align: center;
}

/* الجملة الأولى (العنوان) */
#block-eggstatic-wherepositiveenergybegins>h2 {
  color: #C5673B;
  font-family: "Sharp Grotesk";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.8px;
  /* 140% */
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-align: left;
}

/* الجملة الثانية (النص) */
#block-eggstatic-wherepositiveenergybegins>div p {
  color: var(--boucherie-vamtam-com-cod-gray, var(--color-grey-6, #111010));
  font-family: "Sharp Grotesk";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 45px;
  /* 180% */
  margin: 0;
  text-align: left;
}

/* Responsive خفيف */
@media (max-width: 768px) {
  #block-eggstatic-wherepositiveenergybegins {
    padding: 0 20px;
  }

  #block-eggstatic-wherepositiveenergybegins>div p {
    font-size: 20px;
    line-height: 34px;
  }
}







#block-eggstatic-views-block-branches-block-1-2 {
  background: #f3eee6;
  padding: 90px 0;
  position: relative;
}

#block-eggstatic-views-block-branches-block-1-2>h2 {
  color: #1C2126;
  font-family: "Sharp Grotesk";
  font-size: 34.236px;
  font-style: normal;
  font-weight: 400;
  line-height: 75.057px;
  margin: 0 auto;
  margin-left: 249px;
  padding: 0 40px;
  padding-inline-start: 70px;
  padding-bottom: 60px;
}

/* create 2 columns layout: tabs left + content right */
#block-eggstatic-views-block-branches-block-1-2 #views-bootstrap-tab-views-bootstrap-branches-block-1 {
  max-width: 1250px;
  margin: 0 auto;
  margin-left: 249px;
  display: grid;
  grid-template-columns: 44% 46%;
  column-gap: 50px;
  align-items: center;
  padding: 0 40px;
  padding-inline-start: 70px;
}

/* LEFT list */
#block-eggstatic-views-block-branches-block-1-2 .nav.nav-tabs {
  border: 0;
  display: flex;
  flex-direction: column;
  gap: 26px;
  padding: 0;
  margin: 0;
}

#block-eggstatic-views-block-branches-block-1-2 .nav.nav-tabs .nav-item {
  margin: 0;
  position: relative;
  display: inline-block;
  width: auto;

}

#block-eggstatic-views-block-branches-block-1-2 .nav.nav-tabs .nav-link {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  color: #1c21268f;
  font-family: "Sharp Grotesk";
  font-size: 27.04px;
  font-style: normal;
  font-weight: 400;
  line-height: 41.657px;
  width: auto;
  text-align: left;
  position: relative;
  display: inline-block;
  /* المهم */
  width: auto;
  /* إلغاء 30% */

}

/* active orange + underline */
#block-eggstatic-views-block-branches-block-1-2 .nav.nav-tabs .nav-link.active {

  color: #D94920;
  font-family: "Sharp Grotesk";
  font-size: 27.04px;
  font-style: normal;
  font-weight: 700;
  line-height: 41.657px;

}

#block-eggstatic-views-block-branches-block-1-2 .nav.nav-tabs .nav-link.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  /* على قد النص */
  height: 2px;
  background: #d3542a;
}

/* RIGHT content */
#block-eggstatic-views-block-branches-block-1-2 .tab-content {
  border: 0;
  padding-top: 10px;
}

#block-eggstatic-views-block-branches-block-1-2 .tab-pane {
  display: none;
}

#block-eggstatic-views-block-branches-block-1-2 .tab-pane.active {
  display: block;
}

/* address text */
#block-eggstatic-views-block-branches-block-1-2 .tab-pane p {
  margin: 0 0 18px;

  color: var(--boucherie-vamtam-com-scorpion, var(--color-grey-36, #5D5D5D));
  font-family: "Suisse Intl Mono";
  font-size: 21.068px;
  font-style: normal;
  font-weight: var(--font-weight-400, 400);
  line-height: 29.496px;
}

/* Footer buttons area (right side) */
div#block-eggstatic-views-block-branches-block-1-2 .views-field.views-field-fieldset fieldset,
#block-eggstatic-views-block-branches-block-1-2 footer {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 40px;
  position: absolute;
  top: 60%;
  right: 10%;
  background: transparent !important;

}

/* Get Direction link + arrow look */
div#block-eggstatic-views-block-branches-block-1-2 .views-field.views-field-fieldset fieldset .views-field.views-field-field-direction a,
#block-eggstatic-views-block-branches-block-1-2 footer a:first-child {
  color: #111010;
  font-size: 18px;
  font-family: "Suisse Intl Mono";
  position: relative;
  padding-right: 34px;
  background: transparent !important;
}

div#block-eggstatic-views-block-branches-block-1-2 .views-field.views-field-fieldset fieldset .views-field.views-field-field-direction a::after,
#block-eggstatic-views-block-branches-block-1-2 footer a:first-child::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  width: 20px;
  height: 23px;
  background: url("../images/direction.svg") no-repeat center;
  background-size: auto;
}

/* Reservation pill button */
div#block-eggstatic-views-block-branches-block-1-2 .views-field.views-field-fieldset fieldset .views-field.views-field-field-reservations-link a,
#block-eggstatic-views-block-branches-block-1-2 footer a:last-child {
  background: #d3542a;
  color: #fff;
  padding: 16px 34px;
  border-radius: 999px;
  color: var(--rosahotels-dgrees-studio-white, var(--color-white-solid, #FFF));
  text-align: center;
  font-family: "Suisse Intl Mono";
  font-size: 18.435px;
  font-style: normal;
  font-weight: 400;
  line-height: 23.965px;
  /* 130% */
}

/* Optional arrows buttons (if you want visible) */
#block-eggstatic-views-block-branches-block-1-2 .locations-arrow {
  display: none;
  /* set to block if you want them */
}

/* Responsive */
@media (max-width: 1100px) {
  #block-eggstatic-views-block-branches-block-1-2>h2 {
    font-size: 40px;
    margin-bottom: 45px;
  }

  #block-eggstatic-views-block-branches-block-1-2 #views-bootstrap-tab-views-bootstrap-branches-block-1 {
    grid-template-columns: 260px 1fr;
    column-gap: 60px;
  }

  #block-eggstatic-views-block-branches-block-1-2 .nav.nav-tabs .nav-link {
    font-size: 32px;
  }
}

@media (max-width: 900px) {
  #block-eggstatic-views-block-branches-block-1-2 #views-bootstrap-tab-views-bootstrap-branches-block-1 {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }

  #block-eggstatic-views-block-branches-block-1-2 .nav.nav-tabs {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px 22px;
  }

  #block-eggstatic-views-block-branches-block-1-2 .nav.nav-tabs .nav-link {
    font-size: 22px;
  }

  #block-eggstatic-views-block-branches-block-1-2 footer {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 18px;
  }
}



#block-eggstatic-views-block-branches-block-1-2 footer {
  display: none;
}

/* ================= Contact Us (same design as screenshot) ================= */

/* section background + spacing */
.contactuspage .contactus-wrap {
  background: #ffffff;
  padding: 90px 70px;
  display: grid;
  grid-template-columns: 420px 1fr;
  column-gap: 90px;
  align-items: start;
  position: relative;
}

/* vertical separator line */
.contactuspage .contactus-wrap::after {
  content: "";
  position: absolute;
  top: 80px;
  bottom: 80px;
  left: calc(420px + 45px);
  /* middle of the gap */
  width: 2px;
  background: #e7e7e7;
  opacity: .9;
}

/* left column */
.contactuspage .contactus-wrap__info {
  padding-right: 20px;
}

/* Contact title (dark like screenshot) */
.contactuspage #block-eggstatic-contact-2>h2 {
  color: #1C2126;
  font-family: "Sharp Grotesk";
  font-size: 28.7px;
  font-style: normal;
  font-weight: 400;
  line-height: 32.5px;
  margin-block-end: 32px;
}

/* Email label + value */
.contactuspage #block-eggstatic-contact-2>div:first-of-type p:first-child {
  margin: 0 0 10px;
  color: #C5673B;
  font-family: "Sharp Grotesk";
  font-size: 17.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 32.5px;

  strong {
    color: #C5673B;
    font-family: "Sharp Grotesk";
    font-size: 17.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.5px;
  }
}

.contactuspage #block-eggstatic-contact-2>div:first-of-type p:nth-child(2) {
  margin: 0 0 26px;
  color: #1C2126;
  font-family: "Suisse Intl Mono";
  font-size: 15.167px;
  font-style: normal;
  font-weight: 400;
  line-height: 24.375px;
  /* 160.714% */
}

/* social icons (if they exist in this block) */
.contactuspage #block-eggstatic-contact-2 .social-link,
.contactuspage #block-eggstatic-contact-2 .menu a {
  color: #3f3f3f;
}

/* tomato image position */
.contactuspage #block-eggstatic-contact-2 img {
  max-width: 244px;
  width: 100%;
  height: auto;
  margin-top: 90px;
  display: block;
}

/* right column form */
.contactuspage .contactus-wrap__form {
  padding-left: 20px;
}

/* Form title */
.contactuspage #block-eggstatic-webform-4>h2 {
  font-family: "Sharp Grotesk";
  font-size: 28.7px;
  font-style: normal;
  font-weight: 400;
  line-height: 54.56px;
  margin: 0 0 45px;

}

/* form spacing */
.contactuspage #block-eggstatic-webform-4 form {
  max-width: 820px;
}

/* labels */
.contactuspage #block-eggstatic-webform-4 label {
  color: #A2A4A7;
  font-family: "Suisse Intl Mono";
  font-size: 19.3px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
}

.contactuspage #block-eggstatic-webform-4 select {
  color: #A2A4A7;
  font-family: "Suisse Intl Mono";
  font-size: 18.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 29.4px;
  /* 158.919% */
}



/* underline inputs */
.contactuspage #block-eggstatic-webform-4 input.form-text,
.contactuspage #block-eggstatic-webform-4 input.form-email,
.contactuspage #block-eggstatic-webform-4 textarea.form-textarea,
.contactuspage #block-eggstatic-webform-4 select {
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 3px solid #d6d6d6;
  border-radius: 0;
  padding: 12px 0 18px;
  /* color: #fff; */
  font-size: 22px;
  outline: none;
  box-shadow: none;

  background-image: url("./images/star.png");
  background-repeat: no-repeat;
  background-position: right 0 center;
  background-size: 10px 10px;



}

.contactuspage #block-eggstatic-webform-4 select {
  background-image: unset;
}





.contactuspage #block-eggstatic-webform-4 textarea.form-textarea {
  resize: none;
  min-height: 90px;
  height: 44px;
}

/* keep items spaced like screenshot */
.contactuspage #block-eggstatic-webform-4 .form-item {
  margin: 0 0 46px;
}

/* submit button */
.contactuspage #block-eggstatic-webform-4 .webform-button--submit {
  background: #c7673e;
  color: #fff;
  border: 0;
  padding: 22px 44px;
  font-size: 22px;
  letter-spacing: 2px;
  text-transform: none;
  border-radius: 0;
  min-width: 320px;
}

/* align submit similar to screenshot */
.contactuspage #block-eggstatic-webform-4 .form-actions {
  margin-top: 65px;
}

/* Responsive */
@media (max-width: 1100px) {
  .contactuspage .contactus-wrap {
    grid-template-columns: 360px 1fr;
    padding: 70px 35px;
    column-gap: 60px;
  }

  .contactuspage .contactus-wrap::after {
    left: calc(360px + 30px);
    top: 60px;
    bottom: 60px;
  }

  .contactuspage #block-eggstatic-contact-2>h2,
  .contactuspage #block-eggstatic-webform-4>h2 {
    font-size: 48px;
  }
}

@media (max-width: 900px) {
  .contactuspage .contactus-wrap {
    grid-template-columns: 1fr;
    row-gap: 60px;
  }

  .contactuspage .contactus-wrap::after {
    display: none;
  }

  .contactuspage #block-eggstatic-contact-2 img {
    margin-top: 40px;
    max-width: 260px;
  }

  .contactuspage #block-eggstatic-webform-4 .webform-button--submit {
    width: 100%;
    min-width: unset;
  }
}



#block-eggstatic-webform-4 ::placeholder {
  color: #A2A4A7;
  font-family: "Suisse Intl Mono";
  font-size: 18.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 29.4px;
}

/* #block-eggstatic-webform-4 .js-webform-type-textfield label,
#block-eggstatic-webform-4 .js-webform-type-email label,
#block-eggstatic-webform-4 .js-webform-type-textarea label {
  display: none;
} */

#block-eggstatic-webform-4 #edit-processed-text {
  color: #C5673B;
  font-family: "Suisse Intl Mono";
  font-size: 14.2px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 154.93% */
}


.contactuspage #block-eggstatic-webform-4 .form-item input[type=checkbox] {
  width: 52px;
}


#block-eggstatic-webform-4 .js-webform-type-checkbox {
  display: flex;
  gap: 10px;

  #edit-check--description {
    color: #45494E;
    font-family: "Suisse Intl Mono";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.5px;
    /* 157.692% */
  }
}


.views-field-field-page-image * {
  width: 100%;
}


.views-field-field-page-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 17.39%, rgba(255, 255, 255, 0.20) 90%), rgba(37, 32, 33, 0.30);
  pointer-events: none;
  z-index: 2;
}


.views-field-field-page-image {

  position: relative;

}


.cateringpage #block-eggstatic-views-block-i-block-1 .views-field-title {
  color: #F5EFE4;
  font-size: 71.6px;
  left: 50% !important;
  top: 50%;
  transform: translate(-50%, -50%);
}

#block-eggstatic-views-block-shared-moments-view-block-1 ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

#block-eggstatic-sociallinks-2 {
  position: absolute;
  bottom: 10%;
  left: 62px;
  z-index: 5;

  ul:not(.contextual-links) {
    display: flex;
    gap: 15px;
  }

  svg {
    font-size: 0;
    display: none;
  }

  a {

    display: flex;
    width: 16px;
    height: 16px;
  }

  li:nth-child(1) a {
    background: url(./face2.svg) no-repeat center;
    background-size: contain;
  }

  li:nth-child(2) a {
    background: url(./insta2.svg) no-repeat center;
    background-size: contain;

  }
}

.cateringpage .inner {
  height: 100%;
}




/* ===== Shared Moments section ===== */
#block-eggstatic-sharedmoments {
  max-width: 1300px;
  margin: 0 auto;
  text-align: left;
  padding-block: 90px 24px;
}

/* العنوان الصغير */
#block-eggstatic-sharedmoments>h2 {
  color: #C5673B;
  font-family: "Sharp Grotesk";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.8px;
  /* 140% */
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 14px;
}

/* النص الرئيسي */
#block-eggstatic-sharedmoments>div p {
  margin: 0;
  max-width: 920px;
  color: #1C2126;
  font-family: "Sharp Grotesk";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
}

/* Responsive */
@media (max-width: 768px) {
  #block-eggstatic-sharedmoments {
    padding: 0 20px;
  }

  #block-eggstatic-sharedmoments>div p {
    font-size: 24px;
    line-height: 34px;
  }
}






#block-eggstatic-views-block-shared-moments-view-block-1 {
  /* padding: 0 64px 96px; */
  max-width: 1300px;
  margin: 0 auto;
  text-align: left;
  margin-bottom: 96px;
}

/* الشبكة */
#block-eggstatic-views-block-shared-moments-view-block-1 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin: 48px auto 0;
  padding: 0;
  list-style: none;
}

/* الكارد */
#block-eggstatic-views-block-shared-moments-view-block-1 li {
  position: relative;
  overflow: hidden;

  max-width: 386.66px;
  height: 386.66px;
}

/* الصورة */
#block-eggstatic-views-block-shared-moments-view-block-1 li img {
  width: 100%;
  height: 386.66px;
  object-fit: cover;
  display: block;
  transition: transform .6s ease;
}


/* Overlay gradient */
#block-eggstatic-views-block-shared-moments-view-block-1 li::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgb(0 0 0 / 1%) 60%, rgba(0, 0, 0, 0.60) 100%), linear-gradient(0deg, rgb(245 239 228 / 58%) 0%, rgba(245, 239, 228, 0.17) 100%);
  z-index: 1;
  pointer-events: none;
}

/* ===== العنوان: بالمنتصف أفقياً + أسفل الصورة ===== */
#block-eggstatic-views-block-shared-moments-view-block-1 .views-field-title {
  position: absolute;
  inset: 0;
  z-index: 2;

  display: flex;
  justify-content: center;
  /* center horizontally */
  align-items: flex-end;
  /* stick to bottom */
  padding-bottom: 24px;
  text-align: center;
}

/* نص العنوان (حسب طلبك) */
#block-eggstatic-views-block-shared-moments-view-block-1 .views-field-title .field-content {
  color: #FFF;
  font-family: "Sharp Grotesk";
  font-size: 23px;
  font-style: normal;
  font-weight: 500;
  line-height: 46px;
  text-align: center;
}

/* =========================================================
   Responsive
   ========================================================= */

/* تابلت */
@media (max-width: 1024px) {
  #block-eggstatic-views-block-shared-moments-view-block-1 {
    padding: 0 111px 111px;
  }

  #block-eggstatic-views-block-shared-moments-view-block-1 ul {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

  #block-eggstatic-views-block-shared-moments-view-block-1 li {
    height: 360px;
  }
}

/* موبايل */
@media (max-width: 600px) {
  #block-eggstatic-views-block-shared-moments-view-block-1 {
    padding: 0 20px 56px;
  }

  #block-eggstatic-views-block-shared-moments-view-block-1 ul {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  #block-eggstatic-views-block-shared-moments-view-block-1 li {
    height: 320px;
  }

  #block-eggstatic-views-block-shared-moments-view-block-1 .views-field-title .field-content {
    font-size: 22px;
    line-height: 28px;
  }
}






#block-eggstatic-cateringthatbringspeopletogether {
  background: #C5673B;
  padding-inline: 100px;
  padding-block: 139px 200px;
}

#block-eggstatic-cateringthatbringspeopletogether {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 70px;
  align-items: center;
}

/* left text block (first div) */
#block-eggstatic-cateringthatbringspeopletogether>div:first-of-type {
  max-width: 520px;
  margin-left: 45px;
}

/* big title */
#block-eggstatic-cateringthatbringspeopletogether>div:first-of-type h2 {
  color: #FFF;
  font-family: "Sharp Grotesk";
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: 0.35px;
  margin: 0 0 40px;
}

/* paragraph (mono look like screenshot) */
#block-eggstatic-cateringthatbringspeopletogether>div:first-of-type p {
  color: rgba(255, 255, 255, .9);
  font-family: "Suisse Intl Mono";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
  max-width: 430px;
  max-width: 465px;
}

/* right image block */
#block-eggstatic-cateringthatbringspeopletogether>div:last-of-type {
  display: flex;
  justify-content: center;
}

/* image frame */
#block-eggstatic-cateringthatbringspeopletogether img {
  width: min(620px, 100%);
  height: auto;
  display: block;
  object-fit: cover;
  box-shadow: 0 14px 40px rgba(0, 0, 0, .25);
}

/* Responsive */
@media (max-width: 1100px) {
  #block-eggstatic-cateringthatbringspeopletogether {
    padding: 70px 40px;
    column-gap: 50px;
  }

  #block-eggstatic-cateringthatbringspeopletogether>div:first-of-type h2 {
    font-size: 52px;
    line-height: 62px;
  }
}

@media (max-width: 900px) {
  #block-eggstatic-cateringthatbringspeopletogether {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }

  #block-eggstatic-cateringthatbringspeopletogether>div:first-of-type {
    max-width: 100%;
  }

  #block-eggstatic-cateringthatbringspeopletogether>div:first-of-type p {
    max-width: 100%;
  }
}






#block-eggstatic-yourtasteourcraft {
  background: #F5EFE4;
  padding: 110px 70px 110px;
  position: relative;
  overflow: visible;
}

/* 2 columns */
#block-eggstatic-yourtasteourcraft {
  display: flex;
  column-gap: 205px;
  align-items: center;
  flex-direction: row-reverse;
  padding-block-end: 0;
}

/* text column (first div) */
#block-eggstatic-yourtasteourcraft>div:first-of-type {
  max-width: 560px;
  justify-self: end;
  /* يروح يمين */
  text-align: left;
}

/* big title */
#block-eggstatic-yourtasteourcraft>div:first-of-type h2 {
  color: #1C2126;
  font-family: "Sharp Grotesk";
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: 0.35px;
  margin: 0 0 66px;
  max-width: 400px;
}

/* paragraph (mono) */
#block-eggstatic-yourtasteourcraft>div:first-of-type p {
  color: #4b4b4b;
  font-family: "Suisse Intl Mono";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin: 0;
  max-width: 480px;
}

/* image column (second div) */
#block-eggstatic-yourtasteourcraft>div:last-of-type {
  position: relative;
  justify-self: start;
  /* يروح يسار */
}

/* image overlap effect (goes up into previous section) */
#block-eggstatic-yourtasteourcraft img {
  width: min(640px, 100%);
  height: auto;
  display: block;
  object-fit: cover;

  /* هذا هو الـ overlap */
  margin-top: -213px;

}

/* =========================================================
   Responsive
   ========================================================= */
@media (max-width: 1200px) {
  #block-eggstatic-yourtasteourcraft {
    padding: 90px 45px 90px;
    column-gap: 55px;
  }

  #block-eggstatic-yourtasteourcraft>div:first-of-type h2 {
    font-size: 56px;
    line-height: 66px;
  }

  #block-eggstatic-yourtasteourcraft img {
    margin-top: -110px;
  }
}

@media (max-width: 900px) {
  #block-eggstatic-yourtasteourcraft {
    grid-template-columns: 1fr;
    row-gap: 35px;
    padding: 70px 22px 70px;
  }

  #block-eggstatic-yourtasteourcraft>div:first-of-type {
    justify-self: start;
    max-width: 100%;
  }

  /* على الموبايل خلي الـ overlap أخف أو ألغيه */
  #block-eggstatic-yourtasteourcraft img {
    margin-top: -40px;
    width: 100%;
  }
}





#block-eggstatic-dietaryaccommodations {
  padding: 120px 70px;
  background: transparent;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ======================
   العنوان والنص
   ====================== */

/* العنوان الصغير */
#block-eggstatic-dietaryaccommodations>div:first-of-type h2 {
  color: #C5673B;
  font-family: "Sharp Grotesk";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 28px;
  text-align: left;
}

/* العنوان الكبير */
#block-eggstatic-dietaryaccommodations>div:first-of-type p {
  color: var(--boucherie-vamtam-com-cod-gray, var(--color-grey-6, #111010));
  font-family: "Sharp Grotesk";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 45px;
  /* 180% */
  max-width: 880px;
  margin: 0 auto 80px;
  text-align: left;
}

/* ======================
   الأيقونات
   ====================== */

#block-eggstatic-dietaryaccommodations>div:last-of-type {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 53px;
  align-items: center;
  justify-items: center;
}

/* كل أيقونة */
#block-eggstatic-dietaryaccommodations>div:last-of-type>div {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* الصورة */
#block-eggstatic-dietaryaccommodations img {
  width: 177px;
  height: auto;
  display: block;
  filter:
    brightness(0) saturate(100%) invert(18%) sepia(36%) saturate(596%) hue-rotate(8deg) brightness(94%) contrast(92%);
}

/* ======================
   Responsive
   ====================== */

@media (max-width: 1200px) {
  #block-eggstatic-dietaryaccommodations {
    padding: 100px 40px;
  }

  #block-eggstatic-dietaryaccommodations>div:last-of-type {
    gap: 60px;
  }
}

@media (max-width: 900px) {
  #block-eggstatic-dietaryaccommodations>div:last-of-type {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
  }

  #block-eggstatic-dietaryaccommodations>div:first-of-type p {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (max-width: 500px) {
  #block-eggstatic-dietaryaccommodations {
    padding: 80px 22px;
  }

  #block-eggstatic-dietaryaccommodations>div:last-of-type {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  #block-eggstatic-dietaryaccommodations img {
    width: 120px;
  }
}









.cateringpage #block-eggstatic-webform-2 {
  max-width: 960px;
  margin: 0 auto;
  padding: 90px 80px 110px;
  /* هوامش يمين ويسار */
  background: #F9F9F9;
}

/* عنوان الفورم */
.cateringpage #block-eggstatic-webform-2>h2 {
  color: var(--boucherie-vamtam-com-cod-gray, var(--color-grey-6, #111010));
  font-family: "Sharp Grotesk";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 45px;
  /* 180% */
  margin: 0 0 70px;
  text-align: center;
}

/* ======================
   Form grid
   ====================== */
.cateringpage #block-eggstatic-webform-2 form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 46px;
  row-gap: 36px;
}

/* reset margins */
.cateringpage #block-eggstatic-webform-2 .form-item {
  margin: 0;
}

/* full width sections */
.cateringpage #block-eggstatic-webform-2 .webform-type-select,
.cateringpage #block-eggstatic-webform-2 fieldset,
.cateringpage #block-eggstatic-webform-2 .form-item-message,
.cateringpage #block-eggstatic-webform-2 .form-actions {
  grid-column: 1 / -1;
}

/* ======================
   Labels
   ====================== */
.cateringpage #block-eggstatic-webform-2 label,
.cateringpage #block-eggstatic-webform-2 legend .fieldset-legend {
  color: #6f6f6f;
  font-family: "Suisse Intl Mono";
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 14px;
  display: block;
}

/* ======================
   Inputs – underline style
   ====================== */
.cateringpage #block-eggstatic-webform-2 .webform-type-select select,
.cateringpage #block-eggstatic-webform-2 input.form-text,
.cateringpage #block-eggstatic-webform-2 input.form-email,
.cateringpage #block-eggstatic-webform-2 input.form-tel,
.cateringpage #block-eggstatic-webform-2 textarea.form-textarea {
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 2px solid #D9D9D9;
  border-radius: 0;
  padding: 27px 0 5px;
  color: #6f6f6f;
  font-family: "Suisse Intl Mono";
  font-size: 18px;
  outline: none;
  box-shadow: none;

}

.cateringpage #block-eggstatic-webform-2 .webform-type-select label,
.cateringpage #block-eggstatic-webform-2 .webform-type-email label,
.cateringpage #block-eggstatic-webform-2 .webform-type-textfield label,
.cateringpage #block-eggstatic-webform-2 .webform-type-tel label {
  position: absolute;
}

/* textarea */
.cateringpage #block-eggstatic-webform-2 textarea.form-textarea {
  resize: none;
  height: 60px;
  min-height: 40px;
}

/* focus */
.cateringpage #block-eggstatic-webform-2 input:focus,
.cateringpage #block-eggstatic-webform-2 textarea:focus {
  border-bottom-color: #D3542A;
}

/* ======================
   Fieldset (Event Type)
   ====================== */
.cateringpage #block-eggstatic-webform-2 fieldset {
  border: 0;
  padding: 0;
  margin-top: 10px;
}

.cateringpage #block-eggstatic-webform-2 #edit-event-type {
  display: flex;
  flex-wrap: wrap;
  gap: 26px
}

/* checkbox label */
.cateringpage #block-eggstatic-webform-2 #edit-event-type .option {
  color: #8b8b8b;
  font-family: "Suisse Intl Mono";
  font-size: 14.5px;
  line-height: 24px;
}

/* checkbox style */
.cateringpage #block-eggstatic-webform-2 input.form-checkbox {
  width: 14px;
  height: 14px;
  margin-right: 8px;
  accent-color: #D3542A;
}

/* ======================
   Submit button
   ====================== */
.cateringpage #block-eggstatic-webform-2 .form-actions {
  margin-top: 20px;
}

.cateringpage #block-eggstatic-webform-2 #edit-event-type--wrapper legend {
  border-bottom: none !important;
  margin-bottom: 32px;
}

#edit-07-00-pm {
  direction: rtl;
  text-align: right;
}

.branchespage .inner {
  .views-field-title {
    left: 342px;
  }

}

.cateringpage #block-eggstatic-webform-2 .webform-button--submit {
  width: 100%;
  background: #D3542A;
  color: #FFF;
  border: 0;
  border-radius: 0;
  padding: 22px 20px;
  font-family: "Suisse Intl Mono";
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
}

.cateringpage #block-eggstatic-webform-2 .webform-button--submit:hover {
  filter: brightness(0.95);
}


.js-webform-type-checkbox {
  display: flex;
  gap: 7px;
}

/* ======================
   Responsive
   ====================== */
@media (max-width: 1024px) {
  .cateringpage #block-eggstatic-webform-2 {
    padding: 70px 40px 90px;
  }
}

@media (max-width: 900px) {
  .cateringpage #block-eggstatic-webform-2 {
    padding: 60px 24px 80px;
  }

  .cateringpage #block-eggstatic-webform-2 form {
    grid-template-columns: 1fr;
    column-gap: 0;
  }

  .cateringpage #block-eggstatic-webform-2>h2 {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 50px;
  }
}




.contactuspage .contactus-wrap__info div a {
  position: relative;
  padding-left: 26px;
  display: inline-block;
  margin-right: 16px;
  font-size: 0;
}





#block-eggstatic-contact-2>div>div>a {
  position: relative;
  display: inline-block;
  padding-left: 28px;
  /* مساحة للأيقونة */
  margin-right: 20px;
}

/* ===== Facebook (أول لينك) ===== */
#block-eggstatic-contact-2>div>div>a:nth-of-type(1)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);

  width: 20px;
  height: 20px;

  background-image: url("./images/facebook-qq.png");
  background-repeat: no-repeat;
  background-size: contain;
}

/* ===== Instagram (ثاني لينك) ===== */
#block-eggstatic-contact-2>div>div>a:nth-of-type(2)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);

  width: 20px;
  height: 20px;

  background-image: url("./images/instgram-qq.png");
  background-repeat: no-repeat;
  background-size: contain;
}










#block-eggstatic-contactusdirectly {
  padding: 120px 232px;
  /* هوامش */
  background: transparent;
}

/* المحتوى الأساسي */
#block-eggstatic-contactusdirectly>div {
  display: grid;
  grid-template-columns: 60% 32%;
  column-gap: 100px;
  align-items: center;
}

/* المربع اللي فيه العنوان + الوصف (يسار) */
#block-eggstatic-contactusdirectly>div>div {
  grid-column: 1 / 2;
  height: 80px;
}

/* العنوان */
#block-eggstatic-contactusdirectly h2 {
  color: #111010;
  font-family: "Sharp Grotesk";
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 41px;
  /* 195.238% */
  margin: 0;
}

/* الوصف */
#block-eggstatic-contactusdirectly>div>div p {
  color: #6f6f6f;
  font-family: "Suisse Intl Mono";
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin: 0;
  max-width: 620px;
}

/* روابط اليمين */
#block-eggstatic-contactusdirectly>div>p {
  grid-column: 2 / 3;
  margin: 0 0 26px;
  margin: 0;
}

#block-eggstatic-contactusdirectly p:nth-of-type(2) {
  /* ستايلك هون */
}



#block-eggstatic-contactusdirectly>div>p a {
  color: #C76A39;
  font-family: "Sharp Grotesk";
  font-size: 18.328px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.146px;
  /* 120.833% */
  display: inline-flex;
  align-items: center;
  gap: 14px;
}

/* سهم ↗ مثل التصميم */
#block-eggstatic-contactusdirectly>div>p a::after {
  content: "↗";
  font-size: 26px;
  transform: translateY(-2px);
}

/* Hover */
#block-eggstatic-contactusdirectly>div>p a:hover {
  text-decoration: underline;
}

/* ======================
   Responsive
   ====================== */
@media (max-width: 1024px) {
  #block-eggstatic-contactusdirectly {
    padding: 100px 40px;
  }

  #block-eggstatic-contactusdirectly>div {
    column-gap: 50px;
  }

  #block-eggstatic-contactusdirectly h2 {
    font-size: 36px;
    line-height: 46px;
  }

  #block-eggstatic-contactusdirectly>div>p a {
    font-size: 28px;
    line-height: 38px;
  }
}

@media (max-width: 768px) {
  #block-eggstatic-contactusdirectly {
    padding: 80px 22px;
  }

  #block-eggstatic-contactusdirectly>div {
    grid-template-columns: 1fr;
    row-gap: 26px;
  }

  #block-eggstatic-contactusdirectly>div>div,
  #block-eggstatic-contactusdirectly>div>p {
    grid-column: 1 / -1;
  }
}




.joinfamily .inner {
  height: 100%;
}


.joinfamily #block-eggstatic-views-block-i-block-1 .views-field-title {
  color: #F5EFE4;
  font-size: 61.6px;
  left: 50% !important;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  width: 100%;
  justify-content: center;
}




#block-eggstatic-weregrowingquickly,
#block-eggstatic-views-block-eggstatic-history-block-1 {
  background: #F5EFE4;
  padding-left: 70px;
  padding-right: 70px;
}

/* top section spacing */
#block-eggstatic-weregrowingquickly {
  padding-top: 110px;
  padding-bottom: 40px;
}

/* bottom section spacing */
#block-eggstatic-views-block-eggstatic-history-block-1 {
  padding-top: 10px;
  padding-bottom: 130px;
}

/* keep content width like screenshot */
#block-eggstatic-weregrowingquickly>div,
#block-eggstatic-views-block-eggstatic-history-block-1 .item-list {
  max-width: 1100px;
  margin: 0 auto;
}

/* =========================================================
   Top text block
   ========================================================= */

/* first line (with strong orange) */
#block-eggstatic-weregrowingquickly p:first-of-type {
  margin: 0 0 22px;
  color: var(--boucherie-vamtam-com-cod-gray, var(--color-grey-6, #111010));
  font-family: "Sharp Grotesk";
  font-size: 23px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px;
  /* 243.478% */
  text-transform: uppercase;
}

/* READY TO JOIN US? */
#block-eggstatic-weregrowingquickly p:first-of-type strong {
  color: #C5673B;
  font-weight: 700;
}

/* description */
#block-eggstatic-weregrowingquickly p:nth-of-type(2) {
  margin: 0;
  color: #1C2126;
  font-family: "Suisse Intl Mono";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  max-width: 760px;
}

/* =========================================================
   Timeline / History list
   ========================================================= */

#block-eggstatic-views-block-eggstatic-history-block-1 ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 80px;
  position: relative;
  padding-top: 55px;
  /* space for top line + icons */
}

/* horizontal line across cards */
#block-eggstatic-views-block-eggstatic-history-block-1 ul::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 18px;
  height: 2px;
  background: rgba(17, 16, 16, .18);
}

/* each item */
#block-eggstatic-views-block-eggstatic-history-block-1 li {
  position: relative;
  padding-top: 35px;
}

/* little marker/icon above each column */
#block-eggstatic-views-block-eggstatic-history-block-1 li::before {
  content: "";
  position: absolute;
  top: -55px;
  left: 0;
  width: 38px;
  height: 24.971px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("./images/time-logo.svg");
}

/* number (2018 / 9 / 18) */
#block-eggstatic-views-block-eggstatic-history-block-1 .views-field-field-number .field-content {
  color: #1C2126;
  font-family: "Sharp Grotesk";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 38.4px;
  /* 153.6% */
  margin: 0 0 14px;
}

/* title */
#block-eggstatic-views-block-eggstatic-history-block-1 .views-field-title .field-content {
  color: #1C2126;
  font-family: "Sharp Grotesk";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px;
  display: block;
  margin: 0 0 10px;
}

/* body */
#block-eggstatic-views-block-eggstatic-history-block-1 .views-field-body p {
  margin: 0;
  color: #6f6f6f;
  font-family: "Suisse Intl Mono";
  font-size: 14.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  max-width: 320px;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 1100px) {

  #block-eggstatic-weregrowingquickly,
  #block-eggstatic-views-block-eggstatic-history-block-1 {
    padding-left: 40px;
    padding-right: 40px;
  }

  #block-eggstatic-views-block-eggstatic-history-block-1 ul {
    gap: 50px;
  }
}

@media (max-width: 900px) {
  #block-eggstatic-weregrowingquickly {
    padding-top: 90px;
  }

  #block-eggstatic-views-block-eggstatic-history-block-1 ul {
    grid-template-columns: 1fr;
    gap: 40px;
    padding-top: 35px;
  }

  #block-eggstatic-views-block-eggstatic-history-block-1 ul::before {
    display: none;
  }

  #block-eggstatic-views-block-eggstatic-history-block-1 li {
    padding-top: 28px;
  }

  #block-eggstatic-views-block-eggstatic-history-block-1 li::before {
    left: 0;
  }

  #block-eggstatic-views-block-eggstatic-history-block-1 {
    padding-bottom: 90px;
  }
}

@media (max-width: 520px) {

  #block-eggstatic-weregrowingquickly,
  #block-eggstatic-views-block-eggstatic-history-block-1 {
    padding-left: 22px;
    padding-right: 22px;
  }

  #block-eggstatic-weregrowingquickly p:first-of-type {
    font-size: 18px;
    line-height: 26px;
  }
}









#block-eggstatic-gettoknoweggstatic {
  margin-top: 130px;
}

#block-eggstatic-gettoknoweggstatic,
#block-eggstatic-jointheeggstaticfamily {
  background: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  min-height: 720px;
  padding: 0 140px;
  /* هوامش يمين ويسار */
}

/* ===== Space between sections ===== */
#block-eggstatic-jointheeggstaticfamily {
  margin-top: 68px;
  padding-block-end: 130px;
}

/* ===== Reset inner spacing ===== */
#block-eggstatic-gettoknoweggstatic>div,
#block-eggstatic-jointheeggstaticfamily>div {
  margin: 0;
}

/* ===== Text column ===== */
#block-eggstatic-gettoknoweggstatic>div:first-of-type,
#block-eggstatic-jointheeggstaticfamily>div:first-of-type {
  padding: 120px 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* ===== Title ===== */
#block-eggstatic-gettoknoweggstatic h2,
#block-eggstatic-jointheeggstaticfamily h2 {
  color: #1C2126;
  font-family: "Sharp Grotesk";
  font-size: 26.6px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  /* 187.97% */
  margin: 0 0 24px;
}

/* ===== Paragraph ===== */
#block-eggstatic-gettoknoweggstatic p,
#block-eggstatic-jointheeggstaticfamily p {
  color: var(--demo-2-wpopal-com-scorpion, var(--color-grey-37, #5E5E5E));
  font-family: "Suisse Intl Mono";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  /* 168.75% */
  margin: 0;
  max-width: 520px;
}

/* ===== Image column ===== */
#block-eggstatic-gettoknoweggstatic>div:last-of-type,
#block-eggstatic-jointheeggstaticfamily>div:last-of-type {
  position: relative;
  overflow: hidden;
}

#block-eggstatic-gettoknoweggstatic img,
#block-eggstatic-jointheeggstaticfamily img {
  width: 100%;
  height: 100%;
  min-height: 720px;
  object-fit: cover;
  display: block;
}

/* ===== Alternating layout ===== */
/* First section: image LEFT, text RIGHT */
#block-eggstatic-gettoknoweggstatic>div:last-of-type {
  order: 1;
}

#block-eggstatic-gettoknoweggstatic>div:first-of-type {
  order: 2;
  position: relative;
}

#block-eggstatic-gettoknoweggstatic>div:first-of-type::before {
  content: "";
  position: absolute;

  /* الحجم المطلوب */
  width: 428.556px;
  height: 336.149px;

  /* التحكم بالمكان (عدّلها حسب التصميم) */
  top: 50%;
  left: 50%;
  transform: translate(0%, -106%);
  background-image: url("./images/back-ground-aaa.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}




/* Second section: text LEFT, image RIGHT */
#block-eggstatic-jointheeggstaticfamily>div:first-of-type {
  order: 1;
  position: relative;
  padding-left: 0;
  padding-right: 270px;
}


#block-eggstatic-jointheeggstaticfamily>div:first-of-type::before {
  content: "";
  position: absolute;

  width: 203.86px;
  height: 274.833px;
  top: 50%;
  right: 50%;
  left: 0;
  transform: translate(-77%, -43%);
  background-image: url(./images/back2.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#block-eggstatic-jointheeggstaticfamily>div:last-of-type {
  order: 2;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 1200px) {

  #block-eggstatic-gettoknoweggstatic,
  #block-eggstatic-jointheeggstaticfamily {
    padding: 0 40px;
  }

  #block-eggstatic-gettoknoweggstatic>div:first-of-type,
  #block-eggstatic-jointheeggstaticfamily>div:first-of-type {
    padding: 90px 50px;
  }
}

@media (max-width: 900px) {

  #block-eggstatic-gettoknoweggstatic,
  #block-eggstatic-jointheeggstaticfamily {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  #block-eggstatic-gettoknoweggstatic>div:last-of-type,
  #block-eggstatic-jointheeggstaticfamily>div:last-of-type {
    order: 1;
    min-height: 420px;
  }

  #block-eggstatic-gettoknoweggstatic img,
  #block-eggstatic-jointheeggstaticfamily img {
    min-height: 420px;
  }

  #block-eggstatic-gettoknoweggstatic>div:first-of-type,
  #block-eggstatic-jointheeggstaticfamily>div:first-of-type {
    order: 2;
    padding: 48px 22px 64px;
  }

  #block-eggstatic-gettoknoweggstatic p,
  #block-eggstatic-jointheeggstaticfamily p {
    max-width: 100%;
  }

  #block-eggstatic-jointheeggstaticfamily {
    margin-top: 48px;
  }
}





.join-family-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 820px;
  overflow: hidden;
}

/* left image */
.join-family-wrapper #block-eggstatic-jointhefamilyformimage {
  position: relative;
}

.join-family-wrapper #block-eggstatic-jointhefamilyformimage img {
  width: 100%;
  height: 100%;
  min-height: 820px;
  object-fit: cover;
  display: block;
}

/* right form panel */
.join-family-wrapper #block-eggstatic-webform-3 {
  background: #C5673B;
  /* orange panel */
  padding: 90px 110px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* title */
.join-family-wrapper #block-eggstatic-webform-3 h2 {
  color: #FFF;
  font-family: "Sharp Grotesk";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 45px;
  letter-spacing: 2px;
  margin: 0 0 67px;
}

/* grid for first/last name */
.join-family-wrapper #block-eggstatic-webform-3 form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px 42px;
}

/* make email/phone/message full width */
.join-family-wrapper #block-eggstatic-webform-3 .form-item-email,
.join-family-wrapper #block-eggstatic-webform-3 .form-item-phone-number,
.join-family-wrapper #block-eggstatic-webform-3 .form-item-message,
.join-family-wrapper #block-eggstatic-webform-3 .form-actions {
  grid-column: 1 / -1;
}

/* labels */
.join-family-wrapper #block-eggstatic-webform-3 label {
  color: rgba(255, 255, 255, .9);
  font-family: "Suisse Intl Mono";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 0 0 2px;
  display: block;
}

/* inputs */
.join-family-wrapper #block-eggstatic-webform-3 input.form-text,
.join-family-wrapper #block-eggstatic-webform-3 input.form-email,
.join-family-wrapper #block-eggstatic-webform-3 input.form-tel,
.join-family-wrapper #block-eggstatic-webform-3 textarea {
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 2px solid rgba(255, 255, 255, .75);
  padding: 10px 0 14px;
  color: #fff;
  outline: none;
  box-shadow: none;
}

/* textarea height */
.join-family-wrapper #block-eggstatic-webform-3 textarea {
  height: 50px;
  resize: none;
}

/* placeholder */
.join-family-wrapper #block-eggstatic-webform-3 input::placeholder,
.join-family-wrapper #block-eggstatic-webform-3 textarea::placeholder {
  color: rgba(255, 255, 255, .6);
  font-family: "Suisse Intl Mono";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

/* submit button */
.join-family-wrapper #block-eggstatic-webform-3 .form-actions {
  margin-top: 22px;
}

.join-family-wrapper #block-eggstatic-webform-3 .form-actions input {
  width: 100%;
  height: 64px;
  background: #fff;
  border: 0;
  color: #C5673B;
  font-family: "Suisse Intl Mono";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  transition: .25s ease;
}

.join-family-wrapper #block-eggstatic-webform-3 .form-actions input:hover {
  transform: translateY(-1px);
}

/* =========================================================
   Responsive
   ========================================================= */
@media (max-width: 1024px) {
  .join-family-wrapper #block-eggstatic-webform-3 {
    padding: 70px 60px;
  }
}

@media (max-width: 900px) {
  .join-family-wrapper {
    grid-template-columns: 1fr;
  }

  .join-family-wrapper #block-eggstatic-jointhefamilyformimage img {
    min-height: 420px;
  }

  .join-family-wrapper #block-eggstatic-webform-3 {
    padding: 55px 22px 70px;
  }

  .join-family-wrapper #block-eggstatic-webform-3 form {
    grid-template-columns: 1fr;
    gap: 22px;
  }
}










.joinfamily #block-eggstatic-views-block-franchise-family-block-1 {
  background: #fff;
  padding: 120px 0;
}

/* البوكس الداخلي */
.joinfamily #block-eggstatic-views-block-franchise-family-block-1>.content,
.joinfamily #block-eggstatic-views-block-franchise-family-block-1>div {
  background: #F5EFE4;
  max-width: 1100px;
  margin: 0 auto;
  padding: 72px 80px;
  text-align: center;
}

/* مهم: صفّر ستايلات القوائم */
.joinfamily #block-eggstatic-views-block-franchise-family-block-1 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.joinfamily #block-eggstatic-views-block-franchise-family-block-1 li {
  margin: 0;
}

/* العنوان */
.joinfamily #block-eggstatic-views-block-franchise-family-block-1 h2 {
  color: var(--boucherie-vamtam-com-cod-gray, var(--color-grey-6, #111010));
  font-family: "Sharp Grotesk";
  font-size: 25px;
  font-weight: 400;
  line-height: 45px;
  margin: 0 0 22px;
}

/* نص الشهادة */
.joinfamily #block-eggstatic-views-block-franchise-family-block-1 .views-field-body p {
  color: #4B4B4B;
  font-family: "Suisse Intl Mono";
  font-size: 15.5px;
  line-height: 27px;
  max-width: 880px;
  margin: 0 auto 22px;
}

/* الاسم */
.joinfamily #block-eggstatic-views-block-franchise-family-block-1 .views-field-title .field-content {
  display: inline-block;
  color: #1C2126;
  font-family: "Suisse Intl Mono";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 18px;
}

/* bullets */
.joinfamily #block-eggstatic-views-block-franchise-family-block-1 .testimonial-bullets {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
}

.joinfamily #block-eggstatic-views-block-franchise-family-block-1 .testimonial-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #B9B9B9;
  border: 0;
  padding: 0;
  cursor: pointer;
  line-height: 0;
  outline: none;
  transition: transform .25s ease, background-color .25s ease, opacity .25s ease;
  opacity: .9;
}

.joinfamily #block-eggstatic-views-block-franchise-family-block-1 .testimonial-bullet.active {
  background: #C5673B;
  transform: scale(1.15);
  opacity: 1;
}

.joinfamily #block-eggstatic-views-block-franchise-family-block-1 .testimonial-bullet:hover {
  opacity: 1;
  transform: scale(1.1);
}

/* Responsive */
@media (max-width: 1024px) {

  .joinfamily #block-eggstatic-views-block-franchise-family-block-1>.content,
  .joinfamily #block-eggstatic-views-block-franchise-family-block-1>div {
    padding: 60px 48px;
    max-width: 90%;
  }
}

@media (max-width: 600px) {
  .joinfamily #block-eggstatic-views-block-franchise-family-block-1 {
    padding: 80px 0;
  }

  .joinfamily #block-eggstatic-views-block-franchise-family-block-1>.content,
  .joinfamily #block-eggstatic-views-block-franchise-family-block-1>div {
    padding: 44px 22px;
  }

  .joinfamily #block-eggstatic-views-block-franchise-family-block-1 h2 {
    font-size: 26px;
    line-height: 38px;
  }
}




.reservationspage .inner {
  height: 100%;
}


.reservationspage #block-eggstatic-views-block-i-block-1 .views-field-title {
  color: #F5EFE4;
  font-size: 61.6px;
  left: 50% !important;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  width: 100%;
  justify-content: center;
}







/* Container Background */
.reservationspage #block-eggstatic-webform {
  background: #F5EFE4;
}

.reservationspage #block-eggstatic-webform p {
  cursor: pointer;
}

/* Apply the exact section paddings you asked for */
.reservationspage #block-eggstatic-webform>form,
.reservationspage #block-eggstatic-webform>.content>form {
  padding: 139px 335px 110px;
  margin: 0;
}

/* ---------- Layout (same structure like image) ---------- */

/* Remove any default spacing */
.reservationspage #block-eggstatic-webform .form-item,
.reservationspage #block-eggstatic-webform .form-wrapper {
  margin: 0;
}

/* Inputs / selects / textarea base look */
.reservationspage #block-eggstatic-webform select,
.reservationspage #block-eggstatic-webform input[type="text"],
.reservationspage #block-eggstatic-webform input[type="tel"],
.reservationspage #block-eggstatic-webform input[type="date"],
.reservationspage #block-eggstatic-webform input[type="time"],
.reservationspage #block-eggstatic-webform textarea {
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(28, 33, 38, .25);
  border-radius: 0;
  padding: 14px 0 16px;
  outline: none;
  box-shadow: none;
  color: #000;
  font-family: "Suisse Intl Mono";
  font-size: 16.226px;
  font-style: normal;
  font-weight: 400;
  line-height: 24.266px;
  /* 149.544% */
}


/* إخفاء placeholder للنصوص والتكست اريا */
.reservationspage #block-eggstatic-webform ::placeholder {
  color: transparent;
}

/* دعم متصفحات قديمة */
.reservationspage #block-eggstatic-webform :-ms-input-placeholder {
  color: transparent;
}

.reservationspage #block-eggstatic-webform ::-ms-input-placeholder {
  color: transparent;
}

/* إخفاء قيمة الخيار الافتراضي في select (مثل - None -) */
.reservationspage #block-eggstatic-webform select option[value=""] {
  display: none;
}




.reservationspage #block-eggstatic-webform>form,
.reservationspage #block-eggstatic-webform>.content>form {
  ::placeholder {
    color: transparent;
  }

  option[value=""] {
    color: transparent;
  }
}

.reservationspage #block-eggstatic-webform select option[value=""] {
  display: none !important;
}










/* Labels (as placeholders style in screenshot) */
.reservationspage #block-eggstatic-webform label {
  display: block;
  margin: 0 0 -26px;
  color: #1C2126;
  font-family: "Suisse Intl Mono";
  font-size: 18.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 29.4px;
  opacity: .85;
}

/* First select (Choose a branch) full width */
.reservationspage #block-eggstatic-webform .form-item-choose-a-branch {
  margin-bottom: 44px;
}

/* Flex rows spacing like screenshot */
.reservationspage #block-eggstatic-webform .webform-flexbox {
  gap: 56px;
  /* space between columns */
  margin-bottom: 40px;
}

/* 2 columns row */
.reservationspage #block-eggstatic-webform .webform-flexbox#edit-flexbox--2 .webform-flex {
  flex: 0 0 calc(50% - 28px);
  max-width: calc(50% - 28px);
}

/* 3 columns row */
.reservationspage #block-eggstatic-webform .webform-flexbox#edit-flexbox-01--2 .webform-flex {
  flex: 0 0 calc(33.333% - 37.34px);
  max-width: calc(33.333% - 37.34px);
}



input[type="time"]::-webkit-datetime-edit,
input[type="time"]::-webkit-datetime-edit-fields-wrapper,
input[type="time"]::-webkit-datetime-edit-text,
input[type="time"]::-webkit-datetime-edit-hour-field,
input[type="time"]::-webkit-datetime-edit-minute-field,
input[type="time"]::-webkit-datetime-edit-second-field,
input[type="time"]::-webkit-datetime-edit-millisecond-field,
input[type="time"]::-webkit-datetime-edit-ampm-field {
  color: transparent;
}

/* عند الفوكس: أظهر الوقت */
input[type="time"]:focus::-webkit-datetime-edit,
input[type="time"]:focus::-webkit-datetime-edit-fields-wrapper,
input[type="time"]:focus::-webkit-datetime-edit-text,
input[type="time"]:focus::-webkit-datetime-edit-hour-field,
input[type="time"]:focus::-webkit-datetime-edit-minute-field,
input[type="time"]:focus::-webkit-datetime-edit-second-field,
input[type="time"]:focus::-webkit-datetime-edit-millisecond-field,
input[type="time"]:focus::-webkit-datetime-edit-ampm-field {
  color: inherit;
}


.webform-time.js-hide-time-ui::-webkit-datetime-edit,
.webform-time.js-hide-time-ui::-webkit-datetime-edit-fields-wrapper,
.webform-time.js-hide-time-ui::-webkit-datetime-edit-text,
.webform-time.js-hide-time-ui::-webkit-datetime-edit-hour-field,
.webform-time.js-hide-time-ui::-webkit-datetime-edit-minute-field,
.webform-time.js-hide-time-ui::-webkit-datetime-edit-second-field,
.webform-time.js-hide-time-ui::-webkit-datetime-edit-millisecond-field,
.webform-time.js-hide-time-ui::-webkit-datetime-edit-ampm-field {
  color: transparent;
}

/* على الفوكس (او بعد اختيار قيمة): اظهار الـ UI */
.webform-time.js-show-time-ui::-webkit-datetime-edit,
.webform-time.js-show-time-ui::-webkit-datetime-edit-fields-wrapper,
.webform-time.js-show-time-ui::-webkit-datetime-edit-text,
.webform-time.js-show-time-ui::-webkit-datetime-edit-hour-field,
.webform-time.js-show-time-ui::-webkit-datetime-edit-minute-field,
.webform-time.js-show-time-ui::-webkit-datetime-edit-second-field,
.webform-time.js-show-time-ui::-webkit-datetime-edit-millisecond-field,
.webform-time.js-show-time-ui::-webkit-datetime-edit-ampm-field {
  color: inherit;
}


.webform-has-field-prefix {
  position: relative;
}

/* الليبل (prefix) */
.webform-has-field-prefix .field-prefix {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
  font-family: "Suisse Intl Mono";
  font-size: 16.226px;
  font-style: normal;
  font-weight: 400;
  line-height: 24.266px;
  /* 149.544% */
  pointer-events: none;
  transition: all 0.25s ease;
}

/* لما يطلع لفوق */
.webform-has-field-prefix.is-floating .field-prefix {
  top: -8px;
  font-size: 12px;
  color: #C76A39;
  display: none;
}

/* مسافة للحقل */
.webform-has-field-prefix input[type="time"] {
  padding-top: 18px;
}




.webform-has-field-prefix {
  position: relative !important;
}

/* تحريك الليبل يمين فعليًا */
.webform-has-field-prefix>.field-prefix {
  position: absolute !important;
  right: 48px !important;
  /* عدّل الرقم حسب المسافة */
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none;

}


.reservationspage #block-eggstatic-webform .webform-flexbox#edit-flexbox-01--2 .webform-flex .webform-time {
  position: relative;
  padding-left: 36px;
  /* مساحة للأيقونة */
  padding-right: 12px;
}

/* أيقونة الوقت */
.reservationspage #block-eggstatic-webform .webform-flexbox#edit-flexbox-01--2 .webform-flex .webform-time::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 8px;
  /* يسار */
  right: auto;
  opacity: 1;
  cursor: pointer;
}

.reservationspage #block-eggstatic-webform .webform-flexbox#edit-flexbox-01--2 .webform-flex .webform-time {
  direction: ltr;
}






/* اترك مساحة للأيقونة داخل الـ select */
.reservationspage #block-eggstatic-webform .webform-flexbox#edit-flexbox-01--2 .webform-flex #edit-persons--2 {
  padding-left: 34px;
  /* إذا RTL بدّلها padding-right */
  background-repeat: no-repeat;
  background-position: 12px center;
  background-size: 12px 14px;
}

/* الأيقونة تظهر فقط عند default */
.reservationspage #block-eggstatic-webform .webform-flexbox#edit-flexbox-01--2 .webform-flex #edit-persons--2.is-default {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14' fill='none'%3E%3Cpath d='M8.10645 5.98426C7.46925 6.61222 6.69353 6.9262 5.77929 6.9262C4.86504 6.9262 4.0847 6.61222 3.43827 5.98426C2.80107 5.32859 2.48247 4.54363 2.48247 3.62939C2.48247 2.71514 2.80107 1.94404 3.43827 1.31607C4.0847 0.660403 4.86504 0.332568 5.77929 0.332568C6.69353 0.332568 7.46925 0.660403 8.10645 1.31607C8.75289 1.94404 9.0761 2.71514 9.0761 3.62939C9.0761 4.54363 8.75289 5.32859 8.10645 5.98426ZM7.53851 1.88401C7.0583 1.39457 6.4742 1.14985 5.78621 1.14985C5.09822 1.14985 4.51181 1.39226 4.02699 1.87709C3.54216 2.36191 3.29975 2.94832 3.29975 3.63631C3.29975 4.3243 3.54216 4.9084 4.02699 5.38861C4.51181 5.86882 5.09822 6.10893 5.78621 6.10893C6.4742 6.10893 7.0583 5.86882 7.53851 5.38861C8.01872 4.9084 8.25883 4.3243 8.25883 3.63631C8.25883 2.94832 8.01872 2.36422 7.53851 1.88401ZM7.09524 8.1729C8.31423 8.1729 9.36238 8.61155 10.2397 9.48886C11.117 10.3662 11.5556 11.4143 11.5556 12.6333C11.5556 12.8919 11.4702 13.1066 11.2994 13.2774C11.1285 13.4483 10.9138 13.5337 10.6553 13.5337H0.903321C0.644747 13.5337 0.430038 13.4483 0.259195 13.2774C0.0883514 13.1066 0.00292969 12.8919 0.00292969 12.6333C0.00292969 11.4143 0.441582 10.3662 1.31889 9.48886C2.19619 8.61155 3.24434 8.1729 4.46333 8.1729H7.09524ZM10.6553 12.7164C10.7107 12.7164 10.7384 12.6887 10.7384 12.6333C10.7384 11.9776 10.5744 11.3704 10.2466 10.8117C9.91878 10.253 9.47551 9.80976 8.9168 9.48193C8.3581 9.1541 7.75091 8.99018 7.09524 8.99018H4.46333C3.46597 8.99018 2.60714 9.35495 1.88683 10.0845C1.18498 10.7863 0.83406 11.6359 0.83406 12.6333C0.83406 12.6887 0.857147 12.7164 0.903321 12.7164H10.6553Z' fill='%231C2126'/%3E%3C/svg%3E");
}




.reservationspage #block-eggstatic-webform .webform-flexbox#edit-flexbox-01--2 .webform-flex .form-date {
  position: relative;
  padding-left: 40px;
  /* مساحة للأيقونة */
  padding-right: 12px;
}

/* ===== أيقونة التاريخ على اليسار ===== */
.reservationspage #block-eggstatic-webform .webform-flexbox#edit-flexbox-01--2 .webform-flex .form-date::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 10px;
  right: auto;
  cursor: pointer;
  opacity: 1;
}

/* ===== تحريك placeholder يمين ===== */
.reservationspage #block-eggstatic-webform .webform-flexbox#edit-flexbox-01--2 .webform-flex .form-date::placeholder {
  padding-left: 4px;
}

/* ===== ثبّت الاتجاه عشان RTL ما يعكس ===== */
.reservationspage #block-eggstatic-webform .webform-flexbox#edit-flexbox-01--2 .webform-flex .form-date {
  direction: ltr;
}















.reservationspage #block-eggstatic-webform .webform-flexbox#edit-flexbox-01--2 .webform-flex .webform-has-field-prefix {

  #edit-07-00-pm--2--more {
    display: none;
  }
}

/* Textarea */
.reservationspage #block-eggstatic-webform .form-item-message {
  margin-top: 18px;
}

.reservationspage #block-eggstatic-webform .form-item-message textarea {
  height: 65px;
  resize: none;
}

/* Submit button like screenshot (orange full width bar) */
.reservationspage #block-eggstatic-webform .form-actions {
  margin-top: 46px;
}

.reservationspage #block-eggstatic-webform .form-actions input[type="submit"] {
  width: 100%;
  height: 76px;
  border: 0;
  border-radius: 0;
  background: #D24A1F;
  color: #fff;
  font-family: "Suisse Intl Mono";
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
}

/* Remove native arrows styling conflicts */
.reservationspage #block-eggstatic-webform select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Optional: add a small dropdown arrow (CSS only) */
.reservationspage #block-eggstatic-webform .form-item-choose-a-branch,
.reservationspage #block-eggstatic-webform .form-item-persons {
  position: relative;
}

.reservationspage #block-eggstatic-webform .form-item-choose-a-branch::after,
.reservationspage #block-eggstatic-webform .form-item-persons::after {
  content: "▾";
  position: absolute;
  right: 0;
  bottom: 18px;
  font-size: 16px;
  opacity: .6;
  pointer-events: none;
}

/* =========================================================
   Responsive
   ========================================================= */
@media (max-width: 1400px) {

  .reservationspage #block-eggstatic-webform>form,
  .reservationspage #block-eggstatic-webform>.content>form {
    padding: 120px 140px 90px;
  }
}

@media (max-width: 1024px) {

  .reservationspage #block-eggstatic-webform>form,
  .reservationspage #block-eggstatic-webform>.content>form {
    padding: 90px 48px 70px;
  }

  .reservationspage #block-eggstatic-webform .webform-flexbox#edit-flexbox-01--2 {
    gap: 30px;
  }

  .reservationspage #block-eggstatic-webform .webform-flexbox#edit-flexbox-01--2 .webform-flex {
    flex: 0 0 calc(50% - 15px);
    max-width: calc(50% - 15px);
  }
}

@media (max-width: 600px) {

  .reservationspage #block-eggstatic-webform>form,
  .reservationspage #block-eggstatic-webform>.content>form {
    padding: 70px 20px 56px;
  }

  .reservationspage #block-eggstatic-webform .webform-flexbox {
    gap: 22px;
  }

  .reservationspage #block-eggstatic-webform .webform-flexbox#edit-flexbox--2 .webform-flex,
  .reservationspage #block-eggstatic-webform .webform-flexbox#edit-flexbox-01--2 .webform-flex {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .reservationspage #block-eggstatic-webform .form-actions input[type="submit"] {
    height: 64px;
  }
}





#block-eggstatic-reserveyourtable {
  background: #fff;
  padding: 140px 0 120px;
  text-align: center;
  display: flex;
  flex-direction: column-reverse;
  gap: 30px;
  position: relative;
}

#block-eggstatic-reserveyourtable:before {
  content: "";
  position: absolute;
  width: 250.887px;
  height: 360.471px;
  top: 0;
  right: 0;
  transform: translate(21%, -50%);
  background-image: url(./images/revb.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.reservationspage .dialog-off-canvas-main-canvas {
  overflow: hidden;
}





/* الحاوية الداخلية */
#block-eggstatic-reserveyourtable>div {
  max-width: 990px;
  margin: 0 auto;
  padding: 0 24px;
  /* هوامش يمين ويسار */
}

/* الأيقونة */
#block-eggstatic-reserveyourtable img {
  display: block;
  margin: 0 auto 36px;
  width: 105px;
  height: auto;
  opacity: 0.9;
}

/* النص */
#block-eggstatic-reserveyourtable p {
  color: var(--boucherie-vamtam-com-cod-gray, var(--color-grey-6, #111010));
  text-align: center;
  font-family: "Sharp Grotesk";
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 45px;
  /* 214.286% */
  margin: 0;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 768px) {
  #block-eggstatic-reserveyourtable {
    padding: 100px 0 90px;
  }

  #block-eggstatic-reserveyourtable p {
    font-size: 16px;
    line-height: 28px;
  }

  #block-eggstatic-reserveyourtable img {
    margin-bottom: 28px;
  }
}

@media (max-width: 480px) {
  #block-eggstatic-reserveyourtable {
    padding: 80px 0 70px;
  }

  #block-eggstatic-reserveyourtable p {
    font-size: 15px;
    line-height: 26px;
  }
}







#block-eggstatic-views-block-testimonials-block-1 {
  position: relative;
  background:
    url("./images/mainnnnn.png") no-repeat center top / cover,
    #ffffff;
  padding: 140px 69px 120px;
  overflow: hidden;
  padding-block-start: 45px;
}


/* #block-eggstatic-views-block-testimonials-block-1::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("./images/mainnnnn.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  opacity: 0.08;
  pointer-events: none;
  z-index: 1;
}


#block-eggstatic-views-block-testimonials-block-1>* {
  position: relative;
  z-index: 1;
} */










/* الرابر الداخلي */
#block-eggstatic-views-block-testimonials-block-1 .js-view-dom-id-ee3ae9adf614e0df91e9b57f5bc9c4b553833a556a15d11b0f7becd0823b5e29 {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 40px;
  text-align: center;
}

/* ===== العنوان الصغير ===== */
#block-eggstatic-happycustomer h2 {
  color: #D94920;
  text-align: center;
  font-family: "Suisse Intl Mono";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 2px;
  text-transform: capitalize;
  margin: 0 0 18px;

}

/* ===== العنوان الكبير ===== */
#block-eggstatic-happycustomer p {
  color: #1C2126;
  text-align: center;
  font-family: "Sharp Grotesk";
  font-size: 55.8px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  /* 107.527% */
  text-align: center;

}

/* =========================================================
   Testimonials Grid
   ========================================================= */

#block-eggstatic-views-block-testimonials-block-1 ul:not(.contextual-links) {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
  padding: 0;
  margin: 0;

}

/* الكرت */
#block-eggstatic-views-block-testimonials-block-1 li {
  background: #F5EFE4;
  padding: 66px 20px 35px;
  text-align: center;
  min-height: 320px;
}

/* النص */
#block-eggstatic-views-block-testimonials-block-1 .views-field-body p {
  color: #363636;
  text-align: center;
  font-family: "Suisse Intl Mono";
  font-size: 14.6px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin: 0 0 32px;
}

/* الاسم */
#block-eggstatic-views-block-testimonials-block-1 .views-field-title .field-content {
  display: block;
  color: #1C2126;
  font-family: "Suisse Intl Mono";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 1024px) {
  #block-eggstatic-views-block-testimonials-block-1 ul {
    grid-template-columns: repeat(2, 1fr);
  }

  #block-eggstatic-happycustomer p {
    font-size: 38px;
    line-height: 46px;
  }
}

@media (max-width: 640px) {
  #block-eggstatic-views-block-testimonials-block-1 {
    padding: 100px 0 90px;
  }

  #block-eggstatic-views-block-testimonials-block-1 ul {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  #block-eggstatic-happycustomer p {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 52px;
  }
}



.journeypage .inner {
  height: 100%;
}


.journeypage #block-eggstatic-views-block-i-block-1 .views-field-title {
  color: #F5EFE4;
  font-size: 71.6px;
  left: 50% !important;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  width: 100%;
  justify-content: center;
}






#block-eggstatic-welcometoeggstatic {
  background: #ffffff;
  padding: 120px 0;
  display: flex;
  flex-direction: column-reverse;
  padding-inline: 274px;
}

/* wrapper */
#block-eggstatic-welcometoeggstatic>div {
  max-width: 980px;
  text-align: center;
  position: relative;
}

/* icon (logo) */
#block-eggstatic-welcometoeggstatic img {
  width: 70px;
  height: auto;
  /* margin: 0 auto 28px; */
  display: block;
  display: flex;
  padding-block-end: 37px;

}

/* text */
#block-eggstatic-welcometoeggstatic p {
  color: var(--boucherie-vamtam-com-cod-gray, var(--color-grey-6, #111010));
  font-family: "Sharp Grotesk";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 45px;
  /* 180% */
  max-width: 820px;
  text-align: left;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 1024px) {
  #block-eggstatic-welcometoeggstatic {
    padding: 90px 0;
  }

  #block-eggstatic-welcometoeggstatic p {
    font-size: 22px;
    line-height: 38px;
  }
}

@media (max-width: 600px) {
  #block-eggstatic-welcometoeggstatic {
    padding: 70px 20px;
  }

  #block-eggstatic-welcometoeggstatic p {
    font-size: 18px;
    line-height: 32px;
  }

  #block-eggstatic-welcometoeggstatic img {
    margin-bottom: 20px;
  }
}











/* --- إعدادات عامة للسيكشنين --- */
#block-eggstatic-ourmenu,
#block-eggstatic-cheftextourjourneypage {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  overflow: hidden;
}


#block-eggstatic-ourmenu>div,
#block-eggstatic-cheftextourjourneypage>div {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}


#block-eggstatic-ourmenu {
  background-color: #F5EFE4;
}


#block-eggstatic-ourmenu>div:first-child {
  padding: 80px 10%;
  order: 2;
}


#block-eggstatic-ourmenu>div:last-child {
  order: 1;

}


#block-eggstatic-cheftextourjourneypage {
  background: #C5673B;
  color: #FFFFFF;
}

/* النصوص في السيكشن الثاني (على اليسار) */
#block-eggstatic-cheftextourjourneypage>div:first-child {
  padding: 80px 10%;
  order: 1;
}

/* الصورة في السيكشن الثاني (على اليمين) */
#block-eggstatic-cheftextourjourneypage>div:last-child {
  order: 2;
}

#block-eggstatic-cheftextourjourneypage>div:last-child>div:first-child {
  height: 100%;
}



/* --- تنسيق الصور --- */
#block-eggstatic-ourmenu img,
#block-eggstatic-cheftextourjourneypage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* --- تنسيق النصوص والخطوط --- */
#block-eggstatic-ourmenu h2 {
  color: #1C2126;
  text-align: left;
  font-family: "Sharp Grotesk";
  font-size: 29.6px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  /* 168.919% */
  text-transform: uppercase;
  margin-bottom: 30px;

}

#block-eggstatic-cheftextourjourneypage h2 {
  color: #F7F7F7;
  font-family: "Sharp Grotesk";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-47_7, 47.7px);
  letter-spacing: var(--letter-spacing-3_38, 3.375px);
  text-transform: uppercase;
  margin-bottom: 30px;
}

#block-eggstatic-ourmenu p {
  color: var(--demo-2-wpopal-com-scorpion, var(--color-grey-37, #5E5E5E));
  font-family: "Suisse Intl Mono";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  /* 168.75% */
  opacity: 0.9;
  max-width: 500px;
}


#block-eggstatic-cheftextourjourneypage p {
  color: #FFE0B9;
  font-family: "Sharp Grotesk";
  font-size: 14.035px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.392px;
  letter-spacing: 0.314px;
}

#block-eggstatic-cheftextourjourneypage p strong {
  font-weight: 400;
}


#block-eggstatic-cheftextourjourneypage>div>p:first-of-type {
  color: #F7F7F7;
  font-family: "Suisse Intl Mono";
  font-size: 18px;
  font-style: normal;
  font-weight: var(--font-weight-400, 400);
  line-height: 28px;
  /* 155.556% */
}



#block-eggstatic-cheftextourjourneypage h3 {
  margin-top: 40px;
  color: #FFE0B9;
  font-family: "Sharp Grotesk";
  /* font-family: "Sharp Grotesk med"; */
  /* font-family: "Sharp Grotesk light"; */
  font-size: 22.291px;
  font-style: normal;
  font-weight: 200;
  line-height: 39.38px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* --- التوافق مع الجوال (Responsive) --- */
@media (max-width: 991px) {

  #block-eggstatic-ourmenu>div,
  #block-eggstatic-cheftextourjourneypage>div {
    flex: 0 0 100%;
    max-width: 100%;
  }

  #block-eggstatic-ourmenu>div:first-child,
  #block-eggstatic-cheftextourjourneypage>div:first-child {
    order: 2;
    /* النص دائماً تحت الصورة في الجوال */
    padding: 60px 20px;
  }

  #block-eggstatic-ourmenu img,
  #block-eggstatic-cheftextourjourneypage img {
    height: 400px;
  }
}












/* --- تنسيق الحاوية الرئيسية --- */
#block-eggstatic-brunchmadesunny {
  padding: 80px 0;
  background-color: #fff;
  /* أو حسب خلفية الموقع */
  text-align: center;
}

/* --- تنسيق النصوص (العنوان والفقرة) --- */
#block-eggstatic-brunchmadesunny>div:first-child {
  max-width: 1191px;
  margin: 0 auto 60px;
  /* مسافة تحت النص قبل الصور */
  padding: 0 20px;
  padding-block-end: 30px;
}

/* العنوان الكبير */
#block-eggstatic-brunchmadesunny h2,
#block-eggstatic-brunchmadesunny p:first-child {
  color: #1C2126;
  text-align: center;
  font-family: "Sharp Grotesk";
  font-size: 37.284px;
  font-style: normal;
  font-weight: 400;
  line-height: 50.072px;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-weight: 400;
}

/* تلوين كلمة "Every Day" بالبرتقالي */
#block-eggstatic-brunchmadesunny strong {
  color: #C76A39;
  font-weight: inherit;
  font-weight: 700;
}

/* الفقرة الوصفية */
#block-eggstatic-brunchmadesunny p:last-child {
  color: var(--rosahotels-dgrees-studio-shark, var(--color-azure-13, #1C2126));
  text-align: center;
  font-family: "Suisse Intl Mono";
  font-size: 16.788px;
  font-style: normal;
  font-weight: 400;
  line-height: 26.334px;
  /* 156.863% */
  letter-spacing: -0.336px;
  max-width: 931px;
  margin: 0 auto;
}

/* --- تنسيق شبكة الصور (Gallery Grid) --- */
#block-eggstatic-brunchmadesunny>div:last-child {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  width: 100%;
}

/* تنسيق كل حاوية صورة */
#block-eggstatic-brunchmadesunny>div:last-child>div {
  aspect-ratio: 1 / 1;
  /* جعل الصور مربعة تماماً */
  overflow: hidden;
}

#block-eggstatic-brunchmadesunny img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}



/* --- التوافق مع الشاشات (Responsive) --- */

/* تابلت: صورتين في الصف */
@media (max-width: 991px) {
  #block-eggstatic-brunchmadesunny>div:last-child {
    grid-template-columns: repeat(2, 1fr);
  }

  #block-eggstatic-brunchmadesunny {
    padding: 60px 0;
  }
}

/* موبايل: صورة واحدة في الصف */
@media (max-width: 600px) {
  #block-eggstatic-brunchmadesunny>div:last-child {
    grid-template-columns: 1fr;
  }

  #block-eggstatic-brunchmadesunny p:first-child {
    font-size: 24px;
  }

  #block-eggstatic-brunchmadesunny p:last-child {
    font-size: 16px;
  }
}









/* تنسيق الحاوية الرئيسية */
#block-eggstatic-tablereservation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 80px 10%;
  /* مسافات جانبية لضغط المحتوى في المنتصف */
  background-color: #fff;
  gap: 40px;
}

/* إخفاء العنوان الرئيسي h2 لأنه مكرر في الرابط حسب التصميم */
#block-eggstatic-tablereservation h2 {
  display: none;
}

/* تنسيق منطقة النص (اليسار) */
#block-eggstatic-tablereservation>div {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

/* الفقرة النصية */
#block-eggstatic-tablereservation p:first-child {
  color: var(--boucherie-vamtam-com-cod-gray, var(--color-grey-6, #111010));
  font-family: "Sharp Grotesk";
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 41px;
  /* 195.238% */
  max-width: 66%;
  margin: 0;
  font-weight: 400;
}

/* تنسيق زر الحجز (اليمين) */
#block-eggstatic-tablereservation p:last-child {
  margin: 0;
}

#block-eggstatic-tablereservation a {
  color: #C76A39;
  font-family: "Sharp Grotesk";
  font-size: 18.328px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.146px;
  /* text-transform: uppercase; */
  display: flex;
  align-items: flex-end;
  gap: 15px;
  white-space: pre-line;
  text-align: left;
  transition: opacity 0.3s ease;
  width: 160px;
}


#block-eggstatic-tablereservation a::after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  /* مهم جدًا */
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M1 13.67L13.67 1M13.67 1H1M13.67 1V13.67' stroke='%23C76A39' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#block-eggstatic-tablereservation a:hover {
  opacity: 0.7;
}

/* --- التوافق مع الجوال (Responsive) --- */
@media (max-width: 991px) {
  #block-eggstatic-tablereservation {
    padding: 60px 5%;
  }

  #block-eggstatic-tablereservation p:first-child {
    font-size: 22px;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  #block-eggstatic-tablereservation>div {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }

  #block-eggstatic-tablereservation a {
    font-size: 18px;
  }
}





#block-eggstatic-ourmenu {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /* height: 100vh; */
  z-index: 1;
  /* أقل طبقة */
  background-color: #F5EFE4;
  display: flex;
  align-items: stretch;
}

/* --- 2. السيكشن الثاني: يصعد فوق الأول --- */
#block-eggstatic-cheftextourjourneypage {
  position: relative;
  z-index: 2;
  min-height: 100vh;
  background: #C5673B;
  box-shadow: 0 -20px 40px rgba(0, 0, 0, 0.1);
}

/* --- 3. السيكشن الثالث: يصعد فوق الجميع --- */
#block-eggstatic-brunchmadesunny {
  position: relative;
  z-index: 3;
  background-color: #FFFFFF;
  padding: 80px 0;
  padding-block-end: 0;
}

/* --- 4. السيكشن الأخير: يتبع السلسلة --- */
#block-eggstatic-tablereservation {
  position: relative;
  z-index: 4;
  background-color: #FFFFFF;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* --- تحسينات عامة لضمان عمل الـ Sticky --- */

/* تأكد أن الحاوية الأم لا تكسر الـ Sticky */
body,
main,
.region-content {
  overflow: visible !important;
}

/* تنسيق الأعمدة والصور (نفس التصميم السابق) */
#block-eggstatic-ourmenu>div,
#block-eggstatic-cheftextourjourneypage>div {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#block-eggstatic-ourmenu img,
#block-eggstatic-cheftextourjourneypage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* شبكة الصور للسيكشن الثالث */
#block-eggstatic-brunchmadesunny>div:last-child {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
}

#block-eggstatic-brunchmadesunny .webform-flex {
  aspect-ratio: 1/1;
}

/* تنسيق سيكشن الحجز الأخير */
#block-eggstatic-tablereservation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 100px 10%;
}

/* استجابة الجوال: نلغي الـ Sticky لتجنب مشاكل التصفح */
@media (max-width: 991px) {
  #block-eggstatic-ourmenu {
    position: relative;
    height: auto;
  }

  #block-eggstatic-ourmenu>div,
  #block-eggstatic-cheftextourjourneypage>div {
    flex: 0 0 100%;
    max-width: 100%;
  }

  #block-eggstatic-brunchmadesunny>div:last-child {
    grid-template-columns: repeat(2, 1fr);
  }
}













#block-eggstatic-webform-6 {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: rgb(247 247 247 / 32%);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  overflow-y: auto;
  padding: 0px 20px;
}

/* عند الفتح */
#block-eggstatic-webform-6.is-open {
  opacity: 1;
  visibility: visible;
}

/* الحاوية الداخلية (التي عرضها 840px) */
#block-eggstatic-webform-6 .content-wrapper {
  width: 100%;
  max-width: 840px;
  background: #F5EFE4;
  padding: 80px 90px;
  position: relative;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);
  transform: translateY(-50px);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  margin-bottom: 60px;
  padding-block-start: 70px;
}

#block-eggstatic-webform-6.is-open .content-wrapper {
  transform: translateY(0);
  position: relative;
}

#block-eggstatic-webform-6.is-open .content-wrapper::before {
  content: "";
  position: absolute;
  inset-inline-start: 50%;
  top: 0;
  transform: translate(-50%, 40%);
  width: 66.003px;
  height: 42.638px;
  background: url("./images/rev-logo.png") no-repeat center / contain;

  vertical-align: middle;
}







/* زر الإغلاق */
.close-reservation {
  position: absolute;
  right: 23%;
  top: 90px;
  font-size: 28px;
  cursor: pointer;
  color: #1C2126;
  z-index: 10001;
  line-height: 1;
}

/* تنسيق العنوان */
#block-eggstatic-webform-6 h2 {

  margin-bottom: 50px;
  /* text-transform: uppercase; */
  color: #1C2126;
  text-align: center;
  font-family: "Sharp Grotesk";
  font-size: 49.978px;
  font-style: normal;
  font-weight: 400;
  line-height: 59.426px;
}

/* تنسيق الحقول */
#block-eggstatic-webform-6 input[type="text"],
#block-eggstatic-webform-6 input[type="tel"],
#block-eggstatic-webform-6 input[type="date"],
#block-eggstatic-webform-6 input[type="time"],
#block-eggstatic-webform-6 select,
#block-eggstatic-webform-6 textarea {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(28, 33, 38, 0.2);
  padding: 15px 0;
  font-size: 12px;
  /* color: #1C2126; */
  outline: none;
  border-radius: 0;
  font-family: Suisse Intl Mono;
  font-weight: 400;
  font-style: Regular;
  font-size: 15.79px;
  leading-trim: NONE;
  line-height: 23.62px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #6C6C6C;
}

select#edit-choose-a-branch {
  font-family: Suisse Intl Mono;
  font-weight: 400;
  font-style: Regular;
  font-size: 15.79px;
  leading-trim: NONE;
  line-height: 23.62px;
  letter-spacing: 0%;
  vertical-align: middle;
  COLOR: #000000;
  margin-bottom: 25px
}

#block-eggstatic-webform-6 .webform-type-webform-time .field-prefix {
  opacity: .8;
}

.webform-element-more {
  display: none;
}

#block-eggstatic-webform-6 textarea {
  height: 54px;
}

/* الحقول الجانبية */
.webform-flexbox {
  display: flex;
  gap: 40px;
  margin-bottom: 30px;
}

.webform-flex {
  flex: 1;
}


.careerpage,
.contactuspage,
.branchespage {

  .header_right ul li:nth-child(1) {
    filter: invert(1);
    -webkit-filter: invert(1);
  }

}

.careerpage__form .form-item-message label {
  display: none;
}

#edit-file-upload::after {
  content: "Drop files here";
  margin-left: 10px;
  color: #666;
  font-size: 14px;
  font-family: "Suisse Intl Mono";
  font-weight: 400;
}

[lang="fr"] #edit-file-upload::after {
  content: "Déposez les fichiers ici";
}

/* زر Submit */
#block-eggstatic-webform-6 input[type="submit"] {
  width: 100%;
  background: #D24A1F;
  padding: 22px;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
  cursor: pointer;
  margin-top: 40px;
  transition: 0.3s;
  color: #FFF;
  text-align: center;
  font-family: "Suisse Intl Mono";
  font-size: 13.866px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.639px;
  /* 120% */
  text-transform: uppercase;
  border: unset;
}

#block-eggstatic-webform-6 .content-wrapper label {
  color: #6C6C6C;
  font-family: "Suisse Intl Mono";
  font-size: 16.226px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  /* 149.544% */
}




/* التجاوب مع الشاشات الأصغر من 1440 */
@media (max-width: 1440px) {
  #block-eggstatic-webform-6 h2 {
    font-size: 42px;
  }

  #block-eggstatic-webform-6 .content-wrapper {
    /* padding: 50px 40px; */
  }
}

@media (max-width: 768px) {
  .webform-flexbox {
    flex-direction: column;
    gap: 20px;
  }

  #block-eggstatic-webform-6 .content-wrapper {
    padding: 40px 20px;
  }

  .close-reservation {
    right: 20px;
    top: 20px;
  }
}












.header_left {
  display: flex;
  gap: 21px;
  align-items: center;
}


.menu-toggle {
  width: 22px;
  /* العرض المذكور في الـ SVG */
  height: 12px;
  /* الارتفاع المذكور في الـ SVG */
  background-color: #FFFFFF;
  /* لون الخطوط */
  border: none;
  cursor: pointer;
  padding: 0;
  position: relative;
  display: inline-block;
  outline: none;

  /* استخدام الـ SVG كقناع (Mask) لرسم الخطوط */
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="12" viewBox="0 0 22 12" fill="none"><rect width="22" height="1" fill="black"/><rect x="8.81006" y="5" width="13.19" height="1" fill="black"/><rect x="3.31006" y="10" width="18.69" height="1" fill="black"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="12" viewBox="0 0 22 12" fill="none"><rect width="22" height="1" fill="black"/><rect x="8.81006" y="5" width="13.19" height="1" fill="black"/><rect x="3.31006" y="10" width="18.69" height="1" fill="black"/></svg>');

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}







/* #resturantMenu {
  display: none;
} */


/* .menu-container {
  display: none;
} */


/* .menu-overlay {
  display: none;
} */

/* #block-eggstatic-sitebranding-4 {
  display: none;

} */

@keyframes iconSpinPopFade {
  0% {
    transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  35% {
    transform: rotate(140deg) scale(1.12);
    opacity: 0.25;
  }

  70% {
    transform: rotate(300deg) scale(1.06);
    opacity: 0.85;
  }

  100% {
    transform: rotate(360deg) scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes iconSpinPopFade {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    opacity: 1;
  }

  35% {
    -webkit-transform: rotate(140deg) scale(1.12);
    opacity: 0.25;
  }

  70% {
    -webkit-transform: rotate(300deg) scale(1.06);
    opacity: 0.85;
  }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
    opacity: 1;
  }
}

/* تحسين */
#resturantMenu .views-field-field-menu-icon img {
  will-change: transform, opacity;
  transform-origin: center center;
}

#resturantMenu {

  position: fixed;

  bottom: -100%;

  /* مخفي تحت */

  left: 0;

  width: 100%;

  height: 100vh;

  z-index: 99999;

  transition: bottom 0.7s cubic-bezier(0.16, 1, 0.3, 1);

  /* حركة ناعمة وسريعة */

  background-color: #F5F0E4;

  transform: translateY(100%);
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);

}



/* الكلاس الذي سيتم إضافته بواسطة JS لإظهار المنيو */

#resturantMenu.is-visible {
  transform: translateY(0);
  z-index: 9999999;
}



/* زر إغلاق (X) في الزاوية العلوية */

.close-menu-trigger {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 100000;
  padding: 0;
}

/* الخطين */
.close-menu-trigger::before,
.close-menu-trigger::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 2px;
  background-color: currentColor;
  transform-origin: center;
}

/* الخط الأول */
.close-menu-trigger::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

/* الخط الثاني */
.close-menu-trigger::after {
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
}



/* جعل نص "View Menus" يبدو كزر */

#block-eggstatic-eggstatic p {

  cursor: pointer;

  display: inline-block;

}













/* 1. الحاوية الرئيسية للمنيو */





/* 2. قسم الصور (اليسار) */

#block-eggstatic-views-block-me-block-1 {

  flex: 1;

  height: 100%;

  display: flex;

  justify-content: center;

  height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;

  box-sizing: border-box;

}



#block-eggstatic-views-block-me-block-1 ul {

  list-style: none;

  padding: 0;

  margin: 0;

  width: 100%;

  height: auto;
  position: relative;
  position: relative;

}



.resturantMenuItem {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in-out, visibility 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 !important;
  transition: unset;
  overflow-x: hidden;
  margin-bottom: 0 !important;
}



.resturantMenuItem.active {
  opacity: 1;
  visibility: visible;
  position: relative;
  padding-left: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-right: 0 !important;
  gap: 271px;
}



.resturantMenuItem img {

  max-height: 100%;

  max-width: 100%;

  object-fit: contain;

}



/* 3. حاوية الأزرار والخطوط (اليمين) */

.menu-controls-vertical {
  width: 64px;
  height: 66%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  position: absolute;
  right: 37%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  transition: color 0.4s ease;
  color: #FFFFFF;

}



/* حاوية الخطوط العمودية */

.vertical-lines-container {

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  flex: 1;
  /* stretch between arrows */
  justify-content: center;

}



/* تصميم الخط العمودي */

.dot-line {

  width: 3px;
  height: 18px;

  background-color: currentColor;
  opacity: 0.3;
  border-radius: 2px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;

}



.dot-line.active {

  height: 30px;

  opacity: 1;

}



/* الأزرار (الأسهم) */

.menu-controls-vertical .nav-arrow {

  width: 64px;
  height: 64px;

  display: flex;
  align-items: center;
  justify-content: center;
  background: url("./images/Arrow-right-a.svg") no-repeat center / contain;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: inherit;

}

.menu-controls-vertical .nav-arrow:last-of-type {
  transform: rotate(180deg);
}




/* .menu-controls-vertical .nav-arrow:hover {
  filter: invert(48%) sepia(36%) saturate(1450%) hue-rotate(341deg) brightness(87%) contrast(83%);
} */

/* .menu-controls-vertical .nav-arrow svg {
  width: 28px;
  height: 28px;
} */


.menu-controls-vertical .nav-arrow svg {
  display: none;
}

/* إضافة أيقونة مخصصة */
/* .menu-controls-vertical .nav-arrow::before {
  content: "";
  width: 28px;
  height: 28px;
  display: block;
  background: url("./images/Arrow-right-a.svg") no-repeat center / contain;
} */






.nav-arrow:hover {

  transform: scale(1.2);

}



/* 4. دعم الثيم الفاتح (التبديل الذكي) */

.menu-controls-vertical.light-theme {

  color: #1C2126;

  /* اللون الداكن على خلفية كريمي */

}

/* لما الخلفية تكون فاتحة */
.menu-controls-vertical.light-controls {
  color: #C6673A;
}

/* stroke للأسهم */
.menu-controls-vertical svg path {
  stroke: currentColor;
  stroke-width: 3.5px;
}

/* اللاينات */
.menu-controls-vertical .dot-line {
  background-color: currentColor;
}







#resturantMenu {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  height: 100svh;
  /* أفضل على اللابتوب */
  z-index: 99999;

  background-color: #F5F0E4;
  /* overflow: hidden; */

  /* مهم: الغِ أي bottom قديم */
  bottom: auto !important;
  left: 0;

  /* الحركة */
  transform: translate3d(0, 100%, 0);
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}

#resturantMenu.is-visible {
  transform: translate3d(0, 0, 0);
}













/* .menu-container {
  display: none;
}


.menu-overlay {
  display: none;
}

#block-eggstatic-sitebranding-4 {
  display: none;

} */


#block-eggstatic-sitebranding-4 {
  display: none;
}

.menu-overlay {
  position: absolute;
}























/* الحاوية الرئيسية للمنيو */
.menu-container {
  position: fixed;
  top: -100%;
  /* تبدأ من فوق الشاشة تماماً */
  left: 0;
  right: 0;
  height: 100vh;
  z-index: 9999;
  background: #c86b43;
  /* اللون البرتقالي */

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: top 0.6s cubic-bezier(0.85, 0, 0.15, 1), opacity 0.5s ease;
  display: grid;
  grid-template-rows: 100px 1fr 100px;
  padding: 10px 50px;
  overflow: hidden;
}

/* الحالة النشطة عند فتح المنيو */
.menu-container.active {
  top: 0;
  /* تنزل لتغطي الشاشة */
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* التنسيق الداخلي للأعمدة */
.menu-col-top,
.menu-col-center,
.menu-col-bottom {
  display: flex;
  align-items: center;
  width: 100%;

}

/* المنطقة العلوية (اللوغو، الإغلاق، الحجز) */
.menu-col-top {
  grid-row: 1;
  justify-content: center;
  position: relative;
  justify-content: space-between;
}

.close-menu-btn {
  /* position: absolute;
  top: 0;
  left: 0; */
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 10px;
}

.x-icon {
  width: 25px;
  height: 25px;
  position: relative;
}

.x-icon span {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  background: #f2e6d8;
}

.x-icon span:first-child {
  transform: rotate(45deg);
}

.x-icon span:last-child {
  transform: rotate(-45deg);
}

.menu-container #block-eggstatic-sitebranding-3 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.menu-container #block-eggstatic-sitebranding-3 img {
  height: 45px;
  filter: brightness(0) invert(1);
}

/* المنطقة الوسطى (اللغات والروابط الموزعة) */
.menu-col-center {
  grid-row: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

/* اللغات في المنتصف */
.menu-container #block-eggstatic-languageswitcher ul.links {
  display: flex;
  gap: 20px;
  list-style: none;
  padding: 0;
}

.menu-container #block-eggstatic-languageswitcher a {
  color: #f2e6d8;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 1px;
}


.menu-container #block-eggstatic-mainmenu ul:not(.contextual-links) {
  display: flex;
  text-align: center;
  flex-wrap: wrap;
  gap: 60px;
  max-width: 70%;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
}

.menu-container #block-eggstatic-mainmenu a {
  color: #F5EFE4;
  font-size: 32px;
  text-decoration: none;
  white-space: nowrap;
}

/* توزيع الصفوف دقيق كما في الصورة */
/* الصف الأول (4 عناصر) */
.menu-container #block-eggstatic-mainmenu li:nth-child(1),
.menu-container #block-eggstatic-mainmenu li:nth-child(2),
.menu-container #block-eggstatic-mainmenu li:nth-child(3),
.menu-container #block-eggstatic-mainmenu li:nth-child(4) {
  grid-column: span 3;
}

/* الصف الثاني (3 عناصر) */
.menu-container #block-eggstatic-mainmenu li:nth-child(5) {
  grid-column: 1 / span 4;
}

.menu-container #block-eggstatic-mainmenu li:nth-child(6) {
  grid-column: 5 / span 4;
}

.menu-container #block-eggstatic-mainmenu li:nth-child(7) {
  grid-column: 9 / span 4;
}

/* الصف الثالث (عنصرين ممركزين) */
.menu-container #block-eggstatic-mainmenu li:nth-child(8) {
  grid-column: 3 / span 4;
}

.menu-container #block-eggstatic-mainmenu li:nth-child(9) {
  grid-column: 7 / span 4;
}

/* زر Contact Us بشكل بيضاوي */
.menu-container #block-eggstatic-mainmenu li:nth-child(9) a {
  padding: 10px 35px;
  border: 1px solid #F5EFE4;
  border-radius: 50px;
}

/* المنطقة السفلية */
.menu-col-bottom {
  grid-row: 3;
  justify-content: center;
  gap: 30px;
}











#block-eggstatic-languagedropdownswitcher select {
  width: 49px;
  background: transparent;
  border: unset;
  color: #FFF;
  font-family: "Sharp Grotesk";
  font-size: 13px;
  font-style: normal;
  font-weight: var(--width-400, 400);
  line-height: var(--line-height-26_4, 26.4px);
  /* 203.077% */
  letter-spacing: 0.65px;
  text-transform: uppercase;
}




select#edit-lang-dropdown-select option {
  background-color: #F5F0E4;
  /* نفس لون الخلفية الكريمي */
  color: #333;
  /* لون النص */
  font-family: sans-serif;
  /* نوع الخط */
  font-size: 14px;
  /* حجم الخط */
  padding: 10px;
  /* مسافة داخلية (تعمل في بعض المتصفحات فقط) */
}

/* إزالة التنسيق الافتراضي عند الوقوف على الخيار */
select#edit-lang-dropdown-select option:hover,
select#edit-lang-dropdown-select option:focus,
select#edit-lang-dropdown-select option:active {
  background-color: #D24A1F !important;
  /* اللون البرتقالي عند الاختيار */
  color: #fff !important;
}





/* تنسيق زر الحجز الرئيسي */
nav#block-eggstatic-reservation .Reservation,
nav#block-eggstatic-reservation-2 .Reservation {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: transparent;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  padding: 9px 16px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
  text-transform: capitalize;

  color: #FFF;
  text-align: center;
  font-family: "Sharp Grotesk";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 12.797px;
  /* 127.969% */
}

/* الحالة النشطة أو عند تمرير الماوس (لتطابق تصميم الصورة البرتقالية) */
nav#block-eggstatic-reservation .Reservation.is-active,
nav#block-eggstatic-reservation .Reservation:hover,
nav#block-eggstatic-reservation-2 .Reservation.is-active,
nav#block-eggstatic-reservation-2 .Reservation:hover {
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  border-color: #d0b372;
}

nav#block-eggstatic-reservation .Reservation:hover,
nav#block-eggstatic-reservation-2 .Reservation:hover {
  background-color: #d0b372;
  color: #ffffff;

}





/* إضافة أيقونة الجرس برمجياً قبل النص */
nav#block-eggstatic-reservation .Reservation::before,
nav#block-eggstatic-reservation-2 .Reservation::before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: currentColor;
  /* استخدام قناع SVG لرسم الجرس */
  -webkit-mask: url("./images/piiil.svg") no-repeat center;
  mask: url("./images/piiil.svg") no-repeat center;
}

#block-eggstatic-reservation-2 ul {
  display: flex;
  gap: 41px;
  align-items: center;
}




.branchespage header .no-padding .no-margin {
  .menu-toggle {
    background-color: #000;
  }

  #block-eggstatic-languagedropdownswitcher select {
    color: #000000;
  }

  .header_right {

    nav#block-eggstatic-reservation .Reservation,
    nav#block-eggstatic-reservation-2 .Reservation {
      color: #000000;
      border: 1px solid #000000;
    }

    svg {
      color: #000000;
    }
  }

  .site_logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
  }

}




.contactuspage header .no-padding .no-margin {
  .menu-toggle {
    background-color: #000;
  }

  #block-eggstatic-languagedropdownswitcher select {
    color: #000000;
  }

  .header_right {

    nav#block-eggstatic-reservation .Reservation,
    nav#block-eggstatic-reservation-2 .Reservation {
      color: #000000;
      border: 1px solid #000000;
    }

    svg {
      color: #000000;
    }
  }

  .site_logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
  }

}


.col-md-4 mb-2 newsletter {

  h2 {
    display: none;
  }
}












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

/* footer background */
footer.container-fluid {
  background: #C76A39;
  color: #fff;
  padding: 60px 0 30px;

  :before {
    display: none;
  }
}

/* remove default container paddings (since you have no-padding classes) */
footer.container-fluid .container.no-padding {
  max-width: 1200px;
}


footer.container-fluid .footerbottomRow.footer-grid {
  display: grid;
  grid-template-columns: 52% 20% 20%;
  gap: 70px;
  align-items: start;
}

/* stack on smaller screens */
@media (max-width: 992px) {
  footer.container-fluid .footerbottomRow.footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 50px;
  }
}

@media (max-width: 576px) {
  footer.container-fluid .footerbottomRow.footer-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* headings */
footer.container-fluid .footer-grid h2 {
  color: #FFF;
  font-family: "Sharp Grotesk";
  font-size: 19.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 32.5px;
  text-transform: uppercase;
  margin: 0;
  margin-block-end: 32px;
}

/* ===== Newsletter: hide unneeded simplenews parts ===== */
#block-eggstatic-simplenewssubscription label,
#block-eggstatic-simplenewssubscription .description,
#block-eggstatic-simplenewssubscription fieldset,
#block-eggstatic-simplenewssubscription #edit-message--3 {
  display: none !important;
}

/* newsletter input line */
#block-eggstatic-simplenewssubscription form {
  position: relative;
  max-width: 340px;
  margin-top: 8px;
}

/* wrapper for input */
#block-eggstatic-simplenewssubscription #edit-mail-wrapper {
  position: relative;
  /* padding-left: 26px; */
  /* space for email icon */
}

/* email icon */
#block-eggstatic-simplenewssubscription #edit-mail-wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 16px;
  height: 16px;
  opacity: 0.9;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  /* simple envelope (white) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 7.5v9A2.5 2.5 0 0 0 6.5 19h11A2.5 2.5 0 0 0 20 16.5v-9A2.5 2.5 0 0 0 17.5 5h-11A2.5 2.5 0 0 0 4 7.5Z' stroke='%23ffffff' stroke-width='1.8'/%3E%3Cpath d='m6 8 6 4 6-4' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* input style */
#block-eggstatic-simplenewssubscription input[type="email"] {
  width: 100%;
  background-color: transparent;

  /* أيقونة من الجهاز */
  background-image: url("./images/email-a.svg");
  background-repeat: no-repeat;
  background-position: left 8px;
  background-size: 16px 16px;
  border: 0;
  outline: 0;
  color: #fff;
  font-size: 14px;
  padding: 6px 44px 10px 26px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}

/* placeholder color */
#block-eggstatic-simplenewssubscription input[type="email"]::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

/* hide original submit input (JS will add arrow button) */
#block-eggstatic-simplenewssubscription input[type="submit"] {
  position: absolute;
  right: 0;
  top: 2px;
  width: 40px;
  height: 40px;
  opacity: 0;
  pointer-events: none;
}

/* arrow button added by JS */
#block-eggstatic-simplenewssubscription .newsletter-arrow-btn {
  position: absolute;
  right: 0;
  top: 2px;
  width: 40px;
  height: 40px;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#block-eggstatic-simplenewssubscription .newsletter-arrow-btn svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: #fff;
  stroke-width: 2.2;
}

/* branding logo spacing */
#block-eggstatic-sitebranding-2 img {
  height: 67.167px;
  display: block;
  margin-bottom: 18px;
}

/* social icons small like screenshot */
#block-eggstatic-sociallinks ul {
  display: flex;
  gap: 12px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;

  a:before {
    display: none !important;
  }
}

#block-eggstatic-sociallinks a svg {
  width: 16px;
  height: 16px;
  color: #fff;
  opacity: 0.8;
}

/* ===== Menus (Quick links / Branches / Contact) ===== */
footer.container-fluid nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

footer.container-fluid nav ul li {
  margin: 10px 0;
}

footer.container-fluid nav ul li a {
  color: #FFF;
  font-family: "Suisse Intl Mono";
  font-size: 15.167px;
  font-style: normal;
  font-weight: 400;
  line-height: 27.625px;
  /* 182.143% */
  text-decoration: none;
}

/* chevron before items (like screenshot) */
footer.container-fluid nav:not(#block-eggstatic-contact) ul li a::before {
  content: "›";
  display: inline-block;
  margin-right: 12px;
  opacity: 0.85;
}

/* contact menu: no chevron */
#block-eggstatic-contact ul li a::before {
  content: none !important;
}


footer.container-fluid .copyRight {

  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}

footer.container-fluid .copyRight .col-md-12 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

footer.container-fluid #block-eggstatic-copyright p {
  margin: 0;
  color: var(--rosahotels-dgrees-studio-white, var(--color-white-solid, #FFF));
  font-family: "Suisse Intl Mono";
  font-size: var(--font-size-12, 12px);
  font-style: normal;
  font-weight: var(--font-weight-400, 400);
  line-height: var(--line-height-21_6, 21.6px);
  /* 180% */
}

footer.container-fluid #block-eggstatic-termsconditions ul {
  display: flex;
  gap: 22px;

  a:before {
    display: none !important;
  }
}

footer.container-fluid #block-eggstatic-termsconditions a {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
}

/* hide the "Terms & Conditions" block title (already visually-hidden, keep safe) */
#block-eggstatic-termsconditions h2 {
  display: none !important;
}


.footer-gridbefore {
  display: none;

}


footer.container-fluid #block-eggstatic-branches {

  ul {
    flex-direction: column;
    display: flex;
  }
}



footer.container-fluid #block-eggstatic-quicklinks {

  ul {
    flex-direction: column;
    display: flex;
  }
}



#block-eggstatic-simplenewssubscription form #edit-message--2 {
  display: none;
}




#block-eggstatic-visitus>div:first-child p:nth-of-type(3) a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background-image: url('./downArrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
}


.branchespage .inner #block-eggstatic-sociallinks-2 {
  display: none;
}

.contactuspage .inner #block-eggstatic-sociallinks-2 {
  display: none;
}


.reservationspage #block-eggstatic-webform {
  p {
    position: absolute;
    background-image: url(./mask.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    left: 50%;
    top: 0;
    transform: translate(-50%, -96%);
    width: 581.61px;
    height: 171.823px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #1C2126;
    font-family: "Sharp Grotesk";
    font-size: 18.328px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.146px;
    padding-block-start: 30px;
    padding-right: 26px;
    z-index: 12;
    padding-inline: 200px;
  }

  p::after {
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M0.999922 0.999999L13.6699 13.67M13.6699 13.67L13.6699 1M13.6699 13.67L0.999921 13.67' stroke='%231C2126' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    right: 199px;
    bottom: 51px;
  }

}





#block-eggstatic-webform {
  p {
    position: absolute;
    background-image: url(./mask.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    left: 50%;
    top: 0;
    transform: translate(-50%, -96%);
    width: 581.61px;
    height: 171.823px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #1C2126;
    font-family: "Sharp Grotesk";
    font-size: 18.328px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.146px;
    /* 120.833% */
    padding-block-start: 30px;
    padding-right: 26px;
    z-index: 12;
  }
}


#block-eggstatic-webform p::after {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;

  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;

  /* SVG inline */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M0.999922 0.999999L13.6699 13.67M13.6699 13.67L13.6699 1M13.6699 13.67L0.999921 13.67' stroke='%231C2126' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}






.reservationspage #block-eggstatic-webform {
  position: relative;
}




#edit-flexbox-01 .js-form-item>label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* base icon */
#edit-flexbox-01 .js-form-item>label::before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/* Persons (select) icon */
#edit-flexbox-01 .form-item-persons>label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16 11c1.66 0 3-1.57 3-3.5S17.66 4 16 4s-3 1.57-3 3.5S14.34 11 16 11Zm-8 0c1.66 0 3-1.57 3-3.5S9.66 4 8 4 5 5.57 5 7.5 6.34 11 8 11Zm0 2c-2.67 0-8 1.34-8 4v2h10v-2c0-1.54.85-2.74 2.1-3.62C10.82 13.14 9.21 13 8 13Zm8 0c-.29 0-.62.02-.97.05C16.2 13.66 18 14.77 18 17v2h6v-2c0-2.66-5.33-4-8-4Z' fill='%231C2126'/%3E%3C/svg%3E");
}

/* Date icon */
#edit-flexbox-01 .form-item-mm-dd-yyyy>label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 2v2M17 2v2M3.5 9h17M5 4h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z' stroke='%231C2126' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Time icon */
#edit-flexbox-01 .form-item-_7-00-pm>label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20Z' stroke='%231C2126' stroke-width='2'/%3E%3Cpath d='M12 6v6l4 2' stroke='%231C2126' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}



footer .container {
  width: 90%;


}


#ajax-wrapper {
  width: 100%;

  .description {
    width: 90%;
  }
}

#edit-file-upload--description {
  width: 100%;
  display: none;
}

#edit-file-upload-upload {
  width: 100%;
}

#edit-file-upload .managed-file-placeholder {
  display: none;
}


#edit-file-upload {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#edit-file-upload-upload {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  color: transparent;
  /* يخفي النص الافتراضي */
  width: 265px;
  /* عدّل حسب الحاجة */
}

/* الزر الحقيقي داخل input */
#edit-file-upload-upload::file-selector-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  min-width: 260px;
  background-color: transparent;
  color: #bfbfbf;
  border-radius: 2px;
  border: solid 1px #bfbfbf !important;
  cursor: pointer;
  font-size: 18px;
  font-family: monospace;
  /*قريبمنالشكل*/
  letter-spacing: 0.5px;

}


body.page-node-user.page-args-user-login .inner {
  height: 500px;
  background: #C76A39;
}

body.page-node-user.page-args-user-login div#content-wrap {
  background: #F5EFE4;
  max-width: 50%;
  margin: 0 auto;
  padding: 40px;
  margin-top: -250px;
  position: relative;
  z-index: 3;
}

body.page-node-user.page-args-user-login div#block-eggstatic-primary-local-tasks ul {
  display: none;
}

body.page-node-user.page-args-user-login .js-form-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
}

body.page-node-user.page-args-user-login .js-form-item label {
  color: #C76A39;
  font-weight: 400;
  font-size: 18.9px;
  line-height: 27px;
}

body.page-node-user.page-args-user-login .js-form-item input {
  background: transparent;
  width: 100%;
  height: 55px;
  border: none;
  border-bottom: 1px solid #C76A39;
  border-radius: 0;
  margin-bottom: 20px;
  padding: 0 10px;
}

body.page-node-user.page-args-user-login input#edit-submit {
  margin-top: 0;
  border: 1px solid #C76A39;
  border-radius: 135px;
  font-weight: 400;
  font-size: 22.6px;
  line-height: 25.92px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 52px;
  color: #C76A39;
  font-weight: 600;
  text-transform: uppercase;
}

body.page-node-user.page-args-user-login input#edit-submit:hover {
  background: #C76A39;
  color: #fff;
}

body.page-node-user.page-args-user-login div#block-eggstatic-languagedropdownswitcher .js-form-item {
  margin-bottom: 0;
}


.page-node- footer.container-fluid .footerbottomRow.footer-grid {
  border-top: solid 1px #ffffff6b;
  padding-top: 50px;
}

body,
html {
  overflow-x: hidden;
}


nav#block-eggstatic-email a {
  display: flex;
  align-items: center;
  gap: 5px;
}

nav#block-eggstatic-sociallinks-4 ul a {
  margin-left: 5px;
}

section.heroVideo {
  position: relative;
}

section.heroVideo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("./images/bluer.png") no-repeat center;
  background-size: cover;
  z-index: 2;
}

nav#block-eggstatic-sociallinks-5 {
  position: absolute;
  bottom: 40px;
  left: 50px;
  z-index: 2;



  a {
    width: 18px;
    height: 18px;
    background: url('./socialInsta.svg') center no-repeat;
    background-size: contain;
    font-size: 22px;
    margin-right: 5px;

    svg {
      display: none;
    }
  }

}

nav#block-eggstatic-sociallinks-5 li[aria-label="facebook"] a {
  background-image: url('./socialFace.svg');
}

/* default state */
li.resturantMenuItem .views-field.views-field-field-menu-icon img {
  transform: rotate(-90deg);
  opacity: 0.4;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

/* active state */
li.resturantMenuItem.active .views-field.views-field-field-menu-icon img {
  transform: rotate(0deg);
  opacity: 1;
}

div#block-eggstatic-learnmore h2 {
  position: absolute;
  bottom: 5%;
  left: 50%;
  font-size: 9px;
  z-index: 2;
  transform: translateX(-50%);
  color: #054F44;
  letter-spacing: 1px;
}

div#block-eggstatic-languagedropdownswitcher-2 {
  display: none;
}


@media (min-width: 1200px) and (max-width: 1440px) {

  .reservationspage #block-eggstatic-webform {
    p {
      position: absolute;
      background-image: url(./mask.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      left: 50%;
      top: 0;
      transform: translate(-50%, -96%);
      width: 581.61px;
      height: 171.823px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      color: #1C2126;
      font-family: "Sharp Grotesk";
      font-size: 18.328px;
      font-style: normal;
      font-weight: 400;
      line-height: 22.146px;
      padding-block-start: 30px;
      padding-right: 26px;
      z-index: 12;
      padding-inline: 200px;
    }

    p::after {
      content: "";
      width: 15px;
      height: 15px;
      display: inline-block;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M0.999922 0.999999L13.6699 13.67M13.6699 13.67L13.6699 1M13.6699 13.67L0.999921 13.67' stroke='%231C2126' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      position: absolute;
      right: 199px;
      bottom: 51px;
    }

  }
}

.inner {
  .views-field-title {
    top: 60%;
    left: 0% !important;
    transform: translateX(0%);
    width: 100%;
    padding: 20px;
    line-height: 61px;
  }
}

.contactuspage,
.careerpage,
.branchespage {
  .inner {
    .views-field-title {
      text-align: left;
      padding-left: 60px;
    }
  }
}

/* For French language sites */
html[lang="fr"] input[type="file"]::file-selector-button {
  font-size: 0;
}

html[lang="fr"] input[type="file"]::file-selector-button::after {
  content: "Choisir un fichier";
  font-size: 14px;
  /* or your default font size */
}

/* For older browsers */
html[lang="fr"] input[type="file"]::-webkit-file-upload-button {
  font-size: 0;
}

html[lang="fr"] input[type="file"]::-webkit-file-upload-button::after {
  content: "Choisir un fichier";
  font-size: 14px;
}

html[lang="fr"] input[type="file"]::-ms-browse {
  font-size: 0;
}

html[lang="fr"] input[type="file"]::-ms-browse::after {
  content: "Choisir un fichier";
  font-size: 14px;
}


.branchdetails {
  .header_right ul li:nth-child(1) {
    filter: invert(1);
    -webkit-filter: invert(1);
  }

  #block-eggstatic-views-block-branches-details-page-title-block-1 .views-row {
    background: #F5EFE4;
    height: 384px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-inline: 104px;
    padding-bottom: 94px;

    fieldset {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 18px;

      .views-field-nothing .field-content {
        color: #C5673B;
        font-family: "Sharp Grotesk";
        font-size: 20.343px;
        font-style: normal;
        font-weight: 400;
        line-height: 36.617px;
        /* 180% */
      }

      .views-field-title {
        all: unset;
        color: #221E1F;
        text-align: center;
        leading-trim: both;
        text-edge: cap;
        font-family: "Sharp Grotesk";
        font-size: 58.262px;
        font-style: normal;
        font-weight: 400;
        line-height: 34.176px;
        text-transform: uppercase;

        .field-content {
          line-height: 1;
        }
      }

    }
  }



  .views-field-field-reservations-link a {
    border-radius: 30.286px;
    background: var(--color-red-49, #CF4D2D);
    display: flex;
    padding: 18.435px 42.137px;
    align-items: flex-start;
    color: var(--rosahotels-dgrees-studio-white, var(--color-white-solid, #FFF));
    text-align: center;
    font-family: "Suisse Intl Mono";
    font-size: 18.435px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.965px;
    /* 130% */
  }

  #block-eggstatic-views-block-branches-details-block-1 {
    .image-wrapper-inner {
      height: 560px;
      justify-content: flex-end;
      margin: auto;
      margin-inline: 104px;
      margin-top: 76px !important;
      overflow: hidden;
      opacity: 0.9;
      border-radius: 24px;
      position: relative;
      align-content: space-between;
      -webkit-border-radius: 24px;
      -moz-border-radius: 24px;
      -ms-border-radius: 24px;
      -o-border-radius: 24px;
    }

    .views-field-field-page-content-image {
      position: absolute;
      z-index: -4;
    }

    .views-field-field-page-content-image,
    .views-field-field-page-content-image * {
      height: 100%;
      width: 100%;
      /*object-fit: cover;*/
    }
  }

  .views-field-field-page-content-title .field-content {
    color: #FFF;
    font-family: "Sharp Grotesk";
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
  }

  .views-field-field-branche-location .field-content {
    color: #FFF;
    font-family: "Suisse Intl Mono";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }

  .views-field-field-page-content-description {
    padding-inline: 104px;
    padding-block: 127px;

    h2 {
      color: #221E1F;
      font-family: "Sharp Grotesk";
      font-size: 28.7px;
      font-style: normal;
      font-weight: 400;
      line-height: 27px;
      margin-bottom: 17px;
      margin-top: 0px;
      /* 94.077% */
    }

    p {
      color: var(--demo-2-wpopal-com-scorpion, var(--color-grey-37, #5E5E5E));
      text-align: justify;
      font-family: "Suisse Intl Mono";
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 27px;
      /* 168.75% */
    }
  }

  .mazen-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding-inline: 46px;
    height: 100%;
    padding-bottom: 55px;
    opacity: 0.9;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.00) 100%);

    .views-field-field-branche-location {
      border-radius: 21586800px;
      border: 0.643px solid rgba(255, 255, 255, 0.20);
      background: rgba(255, 255, 255, 0.10);
      padding: 8px 12px;
      display: flex;
      gap: 8px;
      align-items: center;
    }

    .views-field-field-branche-location::before {
      content: "";
      display: inline-block;
      background: url(./loc.svg) no-repeat center center;
      background-size: contain;
      width: 15.993px;
      height: 15.993px;
      flex-shrink: 0;
    }
  }


}

.map-wrapper-fieldset {
  display: flex;
  padding-inline: 104px;
  gap: 55px;

  .views-field-field-branche-map-embed {
    flex: 2;
    padding-inline-end: 55px;
    border-inline-end: 1px solid #B4B4B4;
    height: 414px;

    iframe {
      width: 100%;
      height: 414px;
    }
  }

  .views-field-fieldset-2 {
    flex: 1;
  }

  .views-field-fieldset-2 .views-label {
    color: #1C2126;
    leading-trim: both;
    text-edge: cap;
    font-family: "Sharp Grotesk";
    font-size: 28.7px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.5px;
  }

  .contact-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-top: 32px !important;

    .views-field .field-content {
      color: #1C2126;
      font-family: "Suisse Intl Mono";
      font-size: 15.167px;
      font-style: normal;
      font-weight: 400;
      line-height: 24.375px;
    }

    .views-label {
      color: #C5673B;
      font-family: "Sharp Grotesk";
      font-size: 17.5px;
      font-style: normal;
      font-weight: 400;
      line-height: 32.5px;
      display: block;
    }

    ul li {
      color: #1C2126;
      font-family: "Suisse Intl Mono";
      font-size: 15.167px;
      font-style: normal;
      font-weight: 400;
      line-height: 24.375px;
      letter-spacing: -0.455px;
      display: list-item;
      list-style: disc;
      list-style-position: inside;
      margin: 0px !important;
    }

    a {
      color: #1C2126;
      font-family: "Suisse Intl Mono";
      font-size: 15.167px;
      font-style: normal;
      font-weight: 400;
      line-height: 24.375px;
      letter-spacing: -0.455px;
    }

    ul li::market {
      margin: 0 !important;
    }
  }

  #block-eggstatic-sociallinks-2 {
    all: unset;

    ul li {
      all: unset;

      a {
        display: flex;
        width: 20px;
        height: 20px;
        filter: invert(1) opacity(0.6);
        -webkit-filter: invert(1) opacity(0.6);
      }
    }
  }

  iframe {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
  }
}

/* Responsive additions (keep your current styles as-is, just add this at the end) */
@media (max-width: 1200px) {
  .branchdetails {
    #block-eggstatic-views-block-branches-details-page-title-block-1 .views-row {
      padding-inline: 60px;
      padding-bottom: 60px;
      height: auto;
      min-height: 320px;
      justify-content: space-between;
    }
  }

  .map-wrapper-fieldset {
    padding-inline: 60px;
    gap: 32px;

    .views-field-field-branche-map-embed {
      padding-inline-end: 32px;
    }
  }
}

@media (max-width: 992px) {
  .branchdetails {
    #block-eggstatic-views-block-branches-details-page-title-block-1 .views-row {
      padding-inline: 32px;
      padding-bottom: 32px;
      align-items: flex-start;
      flex-direction: column;
      justify-content: end;
      gap: 24px;
    }

    fieldset {
      gap: 14px;

      .views-field-title {
        font-size: 40px;
        line-height: 1.1;
        text-align: left;
      }

      .views-field-nothing .field-content {
        font-size: 18px;
        line-height: 30px;
      }
    }

    .views-field-field-reservations-link a {
      padding: 14px 26px;
      font-size: 16px;
      line-height: 22px;
      width: fit-content;
    }

    #block-eggstatic-views-block-branches-details-block-1 {
      .image-wrapper-inner {
        margin-inline: 32px;
        margin-top: 32px !important;
        height: 420px;
        border-radius: 28px;
      }
    }

    .views-field-field-page-content-description {
      padding-inline: 32px;
      padding-block: 64px;

      h2 {
        font-size: 24px;
        line-height: 30px;
      }

      p {
        font-size: 15px;
        line-height: 26px;
      }
    }

    .mazen-wrapper {
      padding-inline: 24px;
      padding-bottom: 28px;
      gap: 14px;
      flex-wrap: wrap;

      .views-field-field-page-content-title .field-content {
        font-size: 28px;
        line-height: 32px;
      }
    }
  }

  .map-wrapper-fieldset {
    padding-inline: 32px;
    gap: 24px;

    .views-field-field-branche-map-embed {
      height: 360px;
      padding-inline-end: 24px;

      iframe {
        height: 360px;
      }
    }

    .views-field-fieldset-2 .views-label {
      font-size: 24px;
      line-height: 30px;
    }
  }

  .branchdetails #block-eggstatic-views-block-branches-details-page-title-block-1 .views-row fieldset .views-field-title {
    font-size: 33.262px;
  }
}

@media (max-width: 768px) {
  .map-wrapper-fieldset {
    flex-direction: column;
    padding-inline: 20px;
    gap: 20px;

    .views-field-field-branche-map-embed {
      flex: 1;
      padding-inline-end: 0;
      border-inline-end: 0;
      border-bottom: 1px solid #B4B4B4;
      padding-bottom: 20px;
      height: 320px;

      iframe {
        height: 320px;
      }
    }

    .views-field-fieldset-2 {
      flex: 1;
    }

    .contact-wrapper {
      padding-top: 20px !important;
      gap: 20px;

      .views-label {
        font-size: 16px;
        line-height: 24px;
      }

      .views-field .field-content,
      ul li,
      a {
        font-size: 14px;
        line-height: 22px;
      }
    }

    #block-eggstatic-sociallinks-2 {
      ul {
        display: flex;
        gap: 12px;
        padding: 0;
        margin: 0;
      }
    }
  }

  .branchdetails {
    #block-eggstatic-views-block-branches-details-page-title-block-1 .views-row {
      padding-inline: 20px;
      padding-bottom: 24px;
      gap: 18px;
      justify-content: end;
    }

    fieldset .views-field-title {
      font-size: 32px;
    }

    #block-eggstatic-views-block-branches-details-block-1 {
      .image-wrapper-inner {
        margin-inline: 20px;
        height: 320px;
        border-radius: 22px;
      }
    }

    .views-field-field-page-content-description {
      padding-inline: 20px;
      padding-block: 48px;
    }

    .mazen-wrapper {
      padding-inline: 16px;
      padding-bottom: 18px;

      .views-field-field-branche-location {
        padding: 7px 10px;
      }
    }
  }
}

@media (max-width: 480px) {
  .branchdetails {
    #block-eggstatic-views-block-branches-details-page-title-block-1 .views-row {
      padding-inline: 16px;
      padding-bottom: 18px;
      justify-content: end;
    }

    fieldset .views-field-title {
      font-size: 26px;
      line-height: 1.15;
    }

    fieldset .views-field-nothing .field-content {
      font-size: 16px;
      line-height: 26px;
    }

    .views-field-field-reservations-link a {
      width: 100%;
      justify-content: center;
      padding: 12px 18px;
      font-size: 15px;
    }

    #block-eggstatic-views-block-branches-details-block-1 {
      .image-wrapper-inner {
        margin-inline: 16px;
        height: 260px;
        border-radius: 18px;
      }
    }

    .views-field-field-page-content-title .field-content {
      font-size: 22px;
      line-height: 28px;
    }
  }

  .map-wrapper-fieldset {
    padding-inline: 16px;

    .views-field-field-branche-map-embed {
      height: 260px;

      iframe {
        height: 260px;
      }
    }
  }

}

.branchespage #block-eggstatic-whyworkateggstatic{
    height: 0;
}
.branchespage #block-eggstatic-whyworkateggstatic>div:first-of-type{
    display: none;
}

div#block-eggstatic-views-block-branches-block-2{
    max-width: 95%;
    margin: 96px auto;
}
div#block-eggstatic-views-block-branches-block-2 .views-field.views-field-title a{
    padding: 67px 69px;
    font-family: "Sharp Grotesk";
    font-weight: 400;
    font-size: 27.26px;
    line-height: 34.18px;
    color: #221E1F;
    transition: 0.3s ease-in-out;
    border-top: 1px solid #CECECE;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
div#block-eggstatic-views-block-branches-block-2 .views-row:last-child .views-field.views-field-title a,
div#block-eggstatic-views-block-branches-block-2 .views-row:last-of-type .views-field.views-field-title a{
    border-bottom: 1px solid #CECECE;
}
div#block-eggstatic-views-block-branches-block-2 .views-field.views-field-title a::after{
    content: "View Branch";
    display: inline-block;
    font-family: "Suisse Intl Mono";
    font-weight: 400;
    font-size: 18.43px;
    line-height: 23.97px;
    color: #111010;
    padding-right: 40px;
    background: url("./ViewBranch.svg") no-repeat center right;
    background-size: auto;
}
[lang="fr"] div#block-eggstatic-views-block-branches-block-2 .views-field.views-field-title a::after{
    content: "Voir la succursale";
}
div#block-eggstatic-views-block-branches-block-2 .views-field.views-field-title a:hover{
    background: #C76A39 url("./branchTitle.svg") no-repeat 100% -100px;
    background-size: auto;
    color: #fff;
}
div#block-eggstatic-views-block-branches-block-2 .views-field.views-field-title a:hover:after{
    color: #fff;
    background-image: url("./ViewBranchLight.svg");
}

@media(max-width: 700px){
    div#block-eggstatic-views-block-branches-block-2 .views-field.views-field-title a {
    padding: 30px 10px;
    font-size: 22.26px;
    line-height: 34.18px;
    flex-direction: column;
    align-items: self-start;
    gap: 20px;
}
}