/*-------------- 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;
  overflow-x: hidden;
}

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

@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: 100%;
  object-fit: cover;
  position: relative;
  z-index: 1;
  pointer-events: none;
}


.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;
  z-index: 5;
  /* 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;
}

/* = iPad Mini / Tablet Portrait Responsive (768px - 1024px) = */
@media (min-width: 768px) and (max-width: 1024px) {
  #block-eggstatic-learnmore {
    overflow: visible;
    position: relative;
    /* z-index: 100; */
  }

  #block-eggstatic-learnmore>div:first-of-type {
    height: auto;
    min-height: 600px;
    padding-bottom: 280px;
  }

  #block-eggstatic-learnmore>div:first-of-type p {
    padding-block: 80px 60px;
    max-width: 90%;
    font-size: 15px;
    line-height: 22px;
  }

  #block-eggstatic-learnmore img {
    width: 380px;
    height: 380px;
    bottom: -22%;
    z-index: 10;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  div#block-eggstatic-learnmore h2 {
    top: 520px !important;
    /* Chosen by user for iPad */
    font-size: 9px !important;
    bottom: auto !important;
    z-index: 120 !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: block !important;
    white-space: nowrap;
    text-align: center;
    width: 100%;
  }

  .no-margin .brief {
    margin-top: 220px;
    padding-block: 120px 60px;
    position: relative;
    z-index: 1;
  }
}

/* = Mobile Responsive (max-width: 600px) = */
@media (max-width: 600px) {
  div#block-eggstatic-learnmore h2 {
    top: 420px !important;
    /* Chosen by user for Mobile */
    font-size: 6px !important;
    bottom: auto !important;
    z-index: 120 !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: block !important;
    white-space: nowrap;
    text-align: center;
    width: 100%;
  }
}


/* = 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%);
  }



}

/* Gallery: back-to-branch CTA (matches reservation pill + gallery text spacing) */
.gallery-branch-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 28px 90px 28px;
  max-width: 100%;
  background-color:#f5efe4 ;
}

@media (max-width: 900px) {
  .gallery-branch-link {
    padding-inline: 57px;
  }
}

@media (max-width: 600px) {
  .gallery-branch-link {
    padding-inline: 20px;
    padding-bottom: 20px;
  }
}

.gallery-branch-link .back-to-branch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--rosahotels-dgrees-studio-white, var(--color-white-solid, #FFF)) !important;
  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);
  text-decoration: none;
  transition: opacity 0.3s;
}

.gallery-branch-link .back-to-branch:hover {
  color: var(--rosahotels-dgrees-studio-white, var(--color-white-solid, #FFF)) !important;
  opacity: 0.85;
}

#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,
.careerpage__form .form-item-position-interested-in {
  width: 100%;

  #edit-select-location,
  #edit-position-interested-in {
    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;
    background-color: transparent;
  }
}
















/* 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%;
  }
}
body.gallerypage header{
  .menu-toggle {
    background-color: #fff !important;
    filter: invert(0) !important;
  }

  #block-eggstatic-languagedropdownswitcher select {
    filter: invert(1) !important;
  }

  .header_right {

    nav#block-eggstatic-reservation .Reservation,
    nav#block-eggstatic-reservation-2 .Reservation {
      filter: invert(1) !important;
    }

    svg {
      filter: invert(1);
    }
  }

  #block-eggstatic-sitebranding img {
    filter: invert(0) !important;
    -webkit-filter: invert(0) !important;
  }
}
body.blogpage header{
  .menu-toggle {
    background-color: #fff !important;
    filter: invert(0) !important;
  }

  #block-eggstatic-languagedropdownswitcher select {
    filter: invert(0) !important;
  }

  .header_right {

    nav#block-eggstatic-reservation .Reservation,
    nav#block-eggstatic-reservation-2 .Reservation {
      filter: invert(0) !important;
    }

    svg {
      filter: invert(1);
    }
  }

  #block-eggstatic-sitebranding img {
    filter: invert(0) !important;
    -webkit-filter: invert(0) !important;
  }
}

body.page-node-blog:not(.blogpage) header,
.page-node-gallery header,
.page-node-type-blog_post header,
.branchdetails header .no-padding .no-margin,
.careerpage header .no-padding .no-margin {
  .menu-toggle {
    background-color: #000 !important;
    filter: invert(1);
  }

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

  .header_right {

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

    svg {
      color: #000000 !important;
    }
  }

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

}







#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: 0 !important;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
}

#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-number,
.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-number 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: 71.6px;
  left: 0 !important;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: 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 rows full width */
.join-family-wrapper #block-eggstatic-webform-3 :is(.form-item-email, .form-item-phone-number, .form-item-message, .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 select,
.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;
}

.join-family-wrapper #block-eggstatic-webform-3 select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  width: 100% !important;
}

.join-family-wrapper #block-eggstatic-webform-3 select option {
  color: #000;
}

/* 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: none;
  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: 0 !important;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: 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="number"],
.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;
  /* 149.544% */
}

/* Hide number input arrows */
.reservationspage #block-eggstatic-webform input[type="number"]::-webkit-outer-spin-button,
.reservationspage #block-eggstatic-webform input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.reservationspage #block-eggstatic-webform input[type="number"] {
  -moz-appearance: textfield;
}


/* إخفاء 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) and Num of Guests */
.reservationspage #block-eggstatic-webform .form-item-choose-a-branch,
.reservationspage #block-eggstatic-webform .form-item-num-of-guests {
  margin-bottom: 44px;
}

/* Make Num of Guests full width like Location */
.reservationspage #block-eggstatic-webform [class*="form-item-num-of-guests"] {
  height: 59px !important;
}

/* Target the flex wrapper specifically for the guests field to make it 100% */
.reservationspage #block-eggstatic-webform .webform-flexbox .webform-flex:has([id*="edit-num-of-guests"]) {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* Flex rows spacing */
.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: 61.6px;
  left: 0 !important;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: 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,
.page-node-type-blog_post,
.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-reverse;
  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-reverse;
  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:first-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;
  top: 650px;
  /* Centered for Desktop plate */
  bottom: auto;
  left: 50%;
  font-size: 14px;
  z-index: 99;
  transform: translateX(-50%);
  color: #054F44;
  letter-spacing: 1px;
  display: block !important;
  white-space: nowrap;
  text-align: center;
}

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;
}


.breadcrumb-custom {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 5px !important;
}

.breadcrumb-custom a.bc-link {
  color: #CF4D2D !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
}

.breadcrumb-custom a.bc-link:hover {
  text-decoration: underline !important;
}

.breadcrumb-custom span.bc-sep {
  color: #221E1F !important;
  font-weight: bold !important;
  font-size: 16px !important;
}

/* Blog / alternate templates: page title block-3 inside .inner — match branch-details hero strip */
/* Gallery node (block-4): same strip as branch/blog alternate title */
:is(body.page-node-gallery, body.page-node-type-gallery) .inner {
  position: relative;
  overflow: hidden;
  min-height: 384px;
  background: #F5EFE4;
}

.inner #block-eggstatic-views-block-branches-details-page-title-block-3 .views-row,
:is(body.page-node-gallery, body.page-node-type-gallery) .inner #block-eggstatic-views-block-branches-details-page-title-block-4 .views-row {
  background: #F5EFE4;
  min-height: 384px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 18px;
  padding-inline: 104px;
  padding-bottom: 94px;
  padding-top: 80px;
}

.inner #block-eggstatic-views-block-branches-details-page-title-block-3 .views-row fieldset,
:is(body.page-node-gallery, body.page-node-type-gallery) .inner #block-eggstatic-views-block-branches-details-page-title-block-4 .views-row fieldset {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  border: 0;
  margin: 0;
  padding: 0;
  min-inline-size: 0;
}

.inner #block-eggstatic-views-block-branches-details-page-title-block-3 .views-row fieldset .views-field-nothing .field-content,
:is(body.page-node-gallery, body.page-node-type-gallery) .inner #block-eggstatic-views-block-branches-details-page-title-block-4 .views-row fieldset .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;
}

.inner #block-eggstatic-views-block-branches-details-page-title-block-3 .views-row fieldset .views-field-title,
:is(body.page-node-gallery, body.page-node-type-gallery) .inner #block-eggstatic-views-block-branches-details-page-title-block-4 .views-row fieldset .views-field-title {
  all: unset;
  color: #221E1F;
  text-align: left;
  leading-trim: both;
  text-edge: cap;
  font-family: "Sharp Grotesk";
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.15;
  text-transform: uppercase;
  display: block;
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  width: auto !important;
  padding: 0 !important;
  z-index: auto;
}

.inner #block-eggstatic-views-block-branches-details-page-title-block-3 .views-row fieldset .views-field-title .field-content,
:is(body.page-node-gallery, body.page-node-type-gallery) .inner #block-eggstatic-views-block-branches-details-page-title-block-4 .views-row fieldset .views-field-title .field-content {
  line-height: 1;
  font-size: inherit;
  margin: 0;
  padding: 0;
}

.inner #block-eggstatic-views-block-branches-details-page-title-block-3 .views-field-field-blog-excerpt .field-content {
  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;
  max-width: 48rem;
}

/* Blog post detail (full node view) — match branch / inner article typography */
#block-eggstatic-views-block-blog-post-detail-block-1 .blogDetails .views-row {
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-width: 1328px;
  margin-inline: auto;
  padding-inline: 104px;
  padding-block: 48px 88px;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-title {
  order: 1;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-excerpt {
  order: 2;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-image {
  order: 3;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-body {
  order: 4;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-location,
#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-topic,
#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-author,
#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-read-time,
#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-created {
  order: 5;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-title .field-content {
  margin: 0;
  line-height: 1.15;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-title a {
  color: #221E1F;
  font-family: "Sharp Grotesk";
  font-size: clamp(24px, 3.2vw, 36px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.15;
  text-decoration: none;
  text-transform: uppercase;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-title a:hover {
  color: #CF4D2D;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-excerpt .field-content {
  color: var(--demo-2-wpopal-com-scorpion, var(--color-grey-37, #5E5E5E));
  font-family: "Suisse Intl Mono";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.65;
  max-width: 40rem;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-image .field-content {
  border-radius: 24px;
  overflow: hidden;
  line-height: 0;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-body .field-content {
  padding-top: 4px;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-body .field-content 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;
  text-align: justify;
  margin: 0 0 1.1em;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-body .field-content p:last-child {
  margin-bottom: 0;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-body .field-content h2,
#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-body .field-content h3 {
  color: #221E1F;
  font-family: "Sharp Grotesk";
  font-weight: 400;
  line-height: 1.2;
  margin: 1.25em 0 0.5em;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-body .field-content h2 {
  font-size: 28.7px;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-body .field-content h3 {
  font-size: 22px;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-location {
  margin: 12px 0 0;
  padding-top: 24px;
  border-top: 1px solid rgba(34, 30, 31, 0.12);
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-topic,
#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-author,
#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-read-time,
#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-created {
  margin: 0;
  padding-top: 12px;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-location .field-content,
#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-topic .field-content,
#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-author .field-content,
#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-read-time .field-content,
#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-created .field-content {
  font-family: "Suisse Intl Mono";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  color: #221E1F;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-location a,
#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-topic a {
  color: #CF4D2D;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: 13px;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-location a:hover,
#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-topic a:hover {
  text-decoration: underline;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-location .field-content::before {
  content: "Location · ";
  color: #C5673B;
  font-family: "Sharp Grotesk";
  font-size: 13px;
  text-transform: uppercase;
  margin-right: 6px;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-topic .field-content::before {
  content: "Topic · ";
  color: #C5673B;
  font-family: "Sharp Grotesk";
  font-size: 13px;
  text-transform: uppercase;
  margin-right: 6px;
}

#block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-author .field-content::before {
  content: "By ";
  color: #5E5E5E;
  font-weight: 400;
}

@media (max-width: 992px) {
  #block-eggstatic-views-block-blog-post-detail-block-1 .blogDetails .views-row {
    padding-inline: 32px;
    padding-block: 40px 64px;
    gap: 22px;
  }

  #block-eggstatic-views-block-blog-post-detail-block-1 .views-field-body .field-content h2 {
    font-size: 24px;
  }

  #block-eggstatic-views-block-blog-post-detail-block-1 .views-field-body .field-content h3 {
    font-size: 20px;
  }
}

@media (max-width: 576px) {
  #block-eggstatic-views-block-blog-post-detail-block-1 .blogDetails .views-row {
    padding-inline: 20px;
    padding-block: 32px 48px;
  }

  #block-eggstatic-views-block-blog-post-detail-block-1 .views-field-field-blog-image .field-content {
    border-radius: 18px;
  }
  :is(body.page-node-gallery, body.page-node-type-gallery) .inner{
    max-height: 255px;
    min-height: 226px;
    overflow: hidden;
  }
}

.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;
    min-height: 384px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-inline: 104px;
    padding-bottom: 94px;
    padding-top: 80px;

    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: left;
        leading-trim: both;
        text-edge: cap;
        font-family: "Sharp Grotesk";
        font-size: 42px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.15;
        text-transform: uppercase;

        .field-content {
          line-height: 1;
          font-size: inherit;
          margin: 0;
          padding: 0;
        }
      }

    }
  }



  .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% */
  }

  .btn-get-directions {
    border-radius: 30.286px;
    background: #CF4D2D;
    display: inline-flex;
    padding: 10px 8px;
    align-items: center;
    justify-content: center;
    color: var(--rosahotels-dgrees-studio-white, var(--color-white-solid, #FFF)) !important;
    text-align: center;
    font-family: "Suisse Intl Mono";
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    transition: opacity 0.3s;
    width: fit-content;
  }

  .btn-get-directions:hover {
    opacity: 0.85;
  }

  /* Make sure the container holds them stacked on the right */
  .mazen-wrapper .right-group {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 15px;
  }

  #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: 60px;

    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: block !important;
    position: absolute;
    inset: 0;
    z-index: 2;
    background: none;
    padding: 0;

    /* Hide old grid fields — replaced by branch-hero-overlay */
    .views-field-field-page-content-title,
    .views-field-field-branche-location { display: none; }
  }


}

/* = Branch Info Sections (New Fields) = */
.branchdetails .branch-info-sections {
  padding-inline: 104px;
  padding-bottom: 60px;
}

.branchdetails .branch-info-block {
  padding-block: 60px;
}

.branchdetails .branch-info-block:first-child {
  padding-top: 0;
}

.branchdetails .branch-info-block:last-child {
  padding-bottom: 0;
}

.branchdetails .branch-info-block .field-content h2 {
  color: #C5673B;
  font-family: "Sharp Grotesk";
  font-size: 28.7px;
  font-style: normal;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 17px;
  margin-top: 0px;
}

.branchdetails .branch-info-block .field-content 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;
}

/* Fallback: style the Views-generated field wrappers directly
   (works if fields are added to View without a Twig override) */
.branchdetails .views-field-field-why-people-love-this-locat,
.branchdetails .views-field-field-menu-highlights,
.branchdetails .views-field-field-halal-section,
.branchdetails .views-field-field-location-parking-access,
.branchdetails .views-field-field-who-its-perfect-for,
.branchdetails .views-field-field-google-reviews-block,
.branchdetails .views-field-field-rating-signal {
  padding-inline: 104px;
  padding-block: 60px;
}

/* Rating & CTA Signal button spacing */
.branch-rating-cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.google-rating {
  margin: 0;
}

.branch-rating-cta p {
  margin: 0;
}

.btn-menu-small {
  border-radius: 30.286px;
  background: var(--color-red-49, #CF4D2D);
  display: inline-flex;
  padding: 18.435px 42.137px;
  align-items: center;
  justify-content: center;
  color: var(--rosahotels-dgrees-studio-white, var(--color-white-solid, #FFF)) !important;
  text-align: center;
  font-family: "Suisse Intl Mono";
  font-size: 18.435px;
  font-style: normal;
  font-weight: 400;
  line-height: 23.965px;
  text-decoration: none;
  transition: opacity 0.3s;
}

.btn-menu-small:hover {
  opacity: 0.85;
}

.branchdetails .views-field-field-who-its-perfect-for {
  margin-bottom: 60px;
}

.branchdetails .views-field-field-why-people-love-this-locat .views-label,
.branchdetails .views-field-field-menu-highlights .views-label,
.branchdetails .views-field-field-halal-section .views-label,
.branchdetails .views-field-field-location-parking-access .views-label,
.branchdetails .views-field-field-who-its-perfect-for .views-label,
.branchdetails .views-field-field-rating-signal .views-label {
  color: #221E1F;
  font-family: "Sharp Grotesk";
  font-size: 28.7px;
  font-style: normal !important;
  font-weight: 700;
  line-height: 27px;
  margin-bottom: 24px;
  margin-top: 0;
  display: block;
}

.branchdetails .views-field-field-why-people-love-this-locat .field-content,
.branchdetails .views-field-field-menu-highlights .field-content,
.branchdetails .views-field-field-halal-section .field-content,
.branchdetails .views-field-field-location-parking-access .field-content,
.branchdetails .views-field-field-who-its-perfect-for .field-content,
.branchdetails .views-field-field-rating-signal .field-content {
  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;
}

.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);
      }
    }
  }


}

/* = Branch FAQ Section = */
.branchdetails .branch-faq-section {
  padding-inline: 104px;
  padding-block: 80px;
  background: #F5EFE4;
}

.branchdetails .branch-faq-section .faq-heading {
  color: #221E1F;
  font-family: "Sharp Grotesk";
  font-size: 28.7px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
  margin-bottom: 40px;
  margin-top: 0;
}

.branchdetails .branch-faq-section .faq-item {
  border-bottom: 1px solid #D4CFC7;
}

.branchdetails .branch-faq-section .faq-item:first-of-type {
  border-top: 1px solid #D4CFC7;
}

.branchdetails .branch-faq-section .faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0;
  cursor: pointer;
  list-style: none;
  color: #221E1F;
  font-family: "Sharp Grotesk";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  transition: color 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
}

.branchdetails .branch-faq-section .faq-question::-webkit-details-marker {
  display: none;
}

.branchdetails .branch-faq-section .faq-question::marker {
  display: none;
  content: "";
}

.branchdetails .branch-faq-section .faq-question::after {
  content: "+";
  font-family: "Sharp Grotesk";
  font-size: 24px;
  font-weight: 300;
  color: #221E1F;
  transition: transform 0.3s ease, color 0.3s ease;
  flex-shrink: 0;
  margin-left: 16px;
}

.branchdetails .branch-faq-section .faq-item[open] .faq-question {
  color: #C5673B;
}

.branchdetails .branch-faq-section .faq-item[open] .faq-question::after {
  content: "−";
  color: #C5673B;
}

.branchdetails .branch-faq-section .faq-question:hover {
  color: #C5673B;
}

.branchdetails .branch-faq-section .faq-answer {
  padding-bottom: 24px;
  color: var(--demo-2-wpopal-com-scorpion, var(--color-grey-37, #5E5E5E));
  font-family: "Suisse Intl Mono";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  max-width: 85%;
}


:is(body.page-node-gallery, body.page-node-type-gallery) .inner #block-eggstatic-sociallinks-2{
display: none;
}

/* 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;
      padding-top: 80px;
      height: auto;
      min-height: 320px;
      justify-content: space-between;

      fieldset .views-field-title {
        font-size: 36px;
        line-height: 1.15;
      }

      .views-field-field-hero-subtitle {
        font-size: 13px;
      }
    }
  }

  .inner #block-eggstatic-views-block-branches-details-page-title-block-3 .views-row,
  :is(body.page-node-gallery, body.page-node-type-gallery) .inner #block-eggstatic-views-block-branches-details-page-title-block-4 .views-row {
    padding-inline: 60px;
    padding-bottom: 60px;
    padding-top: 80px;
    height: auto;
    min-height: 320px;
  }

  .inner #block-eggstatic-views-block-branches-details-page-title-block-3 .views-row fieldset .views-field-title,
  :is(body.page-node-gallery, body.page-node-type-gallery) .inner #block-eggstatic-views-block-branches-details-page-title-block-4 .views-row fieldset .views-field-title {
    font-size: 36px;
    line-height: 1.15;
  }

  /* Branch info fields responsive - 1200px */
  .branchdetails .branch-info-sections,
  .branchdetails .views-field-field-page-content-description,
  .branchdetails .views-field-field-why-people-love-this-locat,
  .branchdetails .views-field-field-menu-highlights,
  .branchdetails .views-field-field-halal-section,
  .branchdetails .views-field-field-location-parking-access,
  .branchdetails .views-field-field-who-its-perfect-for,
  .branchdetails .views-field-field-google-reviews-block,
  .branchdetails .views-field-field-rating-signal {
    padding-inline: 60px;
  }

  .map-wrapper-fieldset {
    padding-inline: 60px;
    gap: 32px;

    .views-field-field-branche-map-embed {
      padding-inline-end: 32px;
    }
  }

  /* FAQ responsive - 1200px */
  .branchdetails .branch-faq-section {
    padding-inline: 60px;
  }
}

@media (max-width: 992px) {
  .branchdetails {
    #block-eggstatic-views-block-branches-details-page-title-block-1 .views-row {
      padding-inline: 32px;
      padding-bottom: 32px;
      padding-top: 80px;
      align-items: flex-start;
      flex-direction: column;
      justify-content: end;
      gap: 24px;
    }

    fieldset {
      gap: 14px;

      .views-field-title {
        font-size: 28px;
        line-height: 1.15;
        text-align: left;
      }

      .views-field-field-hero-subtitle {
        font-size: 12px;
        line-height: 1.4;
      }

      .views-field-nothing .field-content {
        font-size: 18px;
        line-height: 30px;
      }
    }

    .views-field-field-reservations-link a,
    .btn-menu-small {
      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;
      }
    }

    .google-rating {
      font-size: 24px;
      line-height: 30px;
    }
  }

  .inner #block-eggstatic-views-block-branches-details-page-title-block-3 .views-row,
  :is(body.page-node-gallery, body.page-node-type-gallery) .inner #block-eggstatic-views-block-branches-details-page-title-block-4 .views-row {
    padding-inline: 32px;
    padding-bottom: 32px;
    padding-top: 80px;
    align-items: flex-start;
    gap: 24px;
  }

  .inner #block-eggstatic-views-block-branches-details-page-title-block-3 .views-row fieldset,
  :is(body.page-node-gallery, body.page-node-type-gallery) .inner #block-eggstatic-views-block-branches-details-page-title-block-4 .views-row fieldset {
    gap: 14px;
  }

  .inner #block-eggstatic-views-block-branches-details-page-title-block-3 .views-row fieldset .views-field-title,
  :is(body.page-node-gallery, body.page-node-type-gallery) .inner #block-eggstatic-views-block-branches-details-page-title-block-4 .views-row fieldset .views-field-title {
    font-size: 28px;
    line-height: 1.15;
    text-align: left;
  }

  .inner #block-eggstatic-views-block-branches-details-page-title-block-3 .views-row fieldset .views-field-nothing .field-content,
  :is(body.page-node-gallery, body.page-node-type-gallery) .inner #block-eggstatic-views-block-branches-details-page-title-block-4 .views-row fieldset .views-field-nothing .field-content {
    font-size: 18px;
    line-height: 30px;
  }

  /* Branch info fields responsive - 992px */
  .branchdetails .branch-info-sections {
    padding-inline: 32px;
  }

  .branchdetails .branch-info-block {
    padding-block: 40px;
  }

  .branchdetails .branch-info-block .field-content h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .branchdetails .branch-info-block .field-content p {
    font-size: 15px;
    line-height: 26px;
  }

  .branchdetails .branch-info-sections,
  .branchdetails .views-field-field-why-people-love-this-locat,
  .branchdetails .views-field-field-menu-highlights,
  .branchdetails .views-field-field-halal-section,
  .branchdetails .views-field-field-location-parking-access,
  .branchdetails .views-field-field-who-its-perfect-for,
  .branchdetails .views-field-field-google-reviews-block,
  .branchdetails .views-field-field-rating-signal {
    padding-inline: 32px;
    padding-block: 40px;
  }

  /* Shared labels at 992px */
  .branchdetails .views-field-field-why-people-love-this-locat .views-label,
  .branchdetails .views-field-field-menu-highlights .views-label,
  .branchdetails .views-field-field-halal-section .views-label,
  .branchdetails .views-field-field-location-parking-access .views-label,
  .branchdetails .views-field-field-who-its-perfect-for .views-label,
  .branchdetails .views-field-field-rating-signal .views-label {
    font-size: 24px;
    line-height: 30px;
  }

  /* Shared content at 992px */
  .branchdetails .views-field-field-why-people-love-this-locat .field-content,
  .branchdetails .views-field-field-menu-highlights .field-content,
  .branchdetails .views-field-field-halal-section .field-content,
  .branchdetails .views-field-field-location-parking-access .field-content,
  .branchdetails .views-field-field-who-its-perfect-for .field-content,
  .branchdetails .views-field-field-rating-signal .field-content {
    font-size: 15px;
    line-height: 26px;
  }

  /* mazen-wrapper is now full-cover, no padding overrides needed */

  .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;
    }
  }

}

@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;
      }
    }

    /* FAQ responsive - 768px */
    .branchdetails .branch-faq-section {
      padding-inline: 20px;
      padding-block: 48px;
    }

    .branchdetails .branch-faq-section .faq-heading {
      font-size: 22px;
      line-height: 28px;
      margin-bottom: 28px;
    }

    .branchdetails .branch-faq-section .faq-question {
      font-size: 16px;
      padding: 20px 0;
    }

    .branchdetails .branch-faq-section .faq-answer {
      font-size: 14px;
      line-height: 22px;
      max-width: 100%;
    }

    #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: 20px;
      padding-top: 70px;
      gap: 10px;
      justify-content: end;
      flex-direction: column;
      align-items: flex-start;
    }

    #block-eggstatic-views-block-branches-details-page-title-block-1 .views-row fieldset {
      gap: 8px;
    }

    #block-eggstatic-views-block-branches-details-page-title-block-1 .views-row fieldset .views-field-title {
      font-size: 22px !important;
      line-height: 1.2 !important;
    }

    #block-eggstatic-views-block-branches-details-page-title-block-1 .views-row fieldset .views-field-nothing .field-content {
      font-size: 14px;
      line-height: 1.4;
    }

    .views-field-field-hero-subtitle {
      font-size: 11px;
      line-height: 1.4;
    }

    .views-field-field-reservations-link a,
    .btn-menu-small {
      padding: 10px 20px !important;
      font-size: 13px !important;
      line-height: 20px !important;
    }

    .google-rating {
      font-size: 15px;
      line-height: 26px;
    }

    #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,
    .views-field-field-google-reviews-block,
    .views-field-field-rating-signal {
      padding-inline: 32px;
      padding-block: 48px;
    }
  }

  .inner #block-eggstatic-views-block-branches-details-page-title-block-3 .views-row,
  :is(body.page-node-gallery, body.page-node-type-gallery) .inner #block-eggstatic-views-block-branches-details-page-title-block-4 .views-row {
    padding-inline: 20px;
    padding-bottom: 20px;
    padding-top: 70px;
    gap: 10px;
    justify-content: end;
    flex-direction: column;
    align-items: flex-start;
  }

  .inner #block-eggstatic-views-block-branches-details-page-title-block-3 .views-row fieldset,
  :is(body.page-node-gallery, body.page-node-type-gallery) .inner #block-eggstatic-views-block-branches-details-page-title-block-4 .views-row fieldset {
    gap: 8px;
  }

  .inner #block-eggstatic-views-block-branches-details-page-title-block-3 .views-row fieldset .views-field-title,
  :is(body.page-node-gallery, body.page-node-type-gallery) .inner #block-eggstatic-views-block-branches-details-page-title-block-4 .views-row fieldset .views-field-title {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  .inner #block-eggstatic-views-block-branches-details-page-title-block-3 .views-row fieldset .views-field-nothing .field-content,
  :is(body.page-node-gallery, body.page-node-type-gallery) .inner #block-eggstatic-views-block-branches-details-page-title-block-4 .views-row fieldset .views-field-nothing .field-content {
    font-size: 14px;
    line-height: 1.4;
  }

  @media (max-width: 991px) {

    /* Branch info fields responsive - 768px/991px */
    .branchdetails .branch-info-sections {
      padding-inline: 20px;
    }

    .branchdetails .branch-info-block {
      padding-block: 32px;
    }

    .branchdetails .views-field-field-page-content-description,
    .branchdetails .views-field-field-why-people-love-this-locat,
    .branchdetails .views-field-field-menu-highlights,
    .branchdetails .views-field-field-halal-section,
    .branchdetails .views-field-field-location-parking-access,
    .branchdetails .views-field-field-who-its-perfect-for,
    .branchdetails .views-field-field-google-reviews-block,
    .branchdetails .views-field-field-rating-signal {
      padding-inline: 32px;
      padding-block: 32px;
    }


    .branchdetails {
      .mazen-wrapper {
        padding-inline: 16px;
        padding-bottom: 18px;

        .views-field-field-branche-location {
          padding: 7px 10px;
        }
      }

      .btn-get-directions {
        padding: 8px 16px;
        font-size: 13px !important;
      }
    }
  }
}

@media (max-width: 480px) {

  /* Branch info fields responsive - 480px */
  .branchdetails .branch-info-sections {
    padding-inline: 16px;
  }

  .branchdetails .views-field-field-page-content-description,
  .branchdetails .views-field-field-why-people-love-this-locat,
  .branchdetails .views-field-field-menu-highlights,
  .branchdetails .views-field-field-halal-section,
  .branchdetails .views-field-field-location-parking-access,
  .branchdetails .views-field-field-who-its-perfect-for,
  .branchdetails .views-field-field-google-reviews-block,
  .branchdetails .views-field-field-rating-signal {
    padding-inline: 16px;
  }

  /* FAQ responsive - 480px */
  .branchdetails .branch-faq-section {
    padding-inline: 16px;
    padding-block: 40px;
  }

  .branchdetails .branch-faq-section .faq-heading {
    font-size: 20px;
    margin-bottom: 24px;
  }

  .branchdetails .branch-faq-section .faq-question {
    font-size: 15px;
    padding: 18px 0;
  }

  .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;
    }

    .btn-get-directions {
      padding: 6px 12px;
      font-size: 12px !important;
    }

    #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;
    }
  }

  .inner #block-eggstatic-views-block-branches-details-page-title-block-3 .views-row,
  :is(body.page-node-gallery, body.page-node-type-gallery) .inner #block-eggstatic-views-block-branches-details-page-title-block-4 .views-row {
    padding-inline: 16px;
    padding-bottom: 18px;
    justify-content: center;
  }

  .inner #block-eggstatic-views-block-branches-details-page-title-block-3 .views-row fieldset .views-field-title,
  :is(body.page-node-gallery, body.page-node-type-gallery) .inner #block-eggstatic-views-block-branches-details-page-title-block-4 .views-row fieldset .views-field-title {
    font-size: 26px;
    line-height: 1.15;
  }

  .inner #block-eggstatic-views-block-branches-details-page-title-block-3 .views-row fieldset .views-field-nothing .field-content,
  :is(body.page-node-gallery, body.page-node-type-gallery) .inner #block-eggstatic-views-block-branches-details-page-title-block-4 .views-row fieldset .views-field-nothing .field-content {
    font-size: 16px;
    line-height: 26px;
  }

  .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;
  }
}


/* = Order Now Button & Modal = */

/* Hero Title Wrapper - contains EGGSTATIC title and Order Now button */
.hero-title-wrapper {
  position: absolute;
  top: 28%;
  left: 50%;
  transform: translate(-50%, 50%);
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

/* Reset h2 positioning since it's now inside wrapper */
.hero-title-wrapper h2 {
  position: static !important;
  transform: none !important;
  top: auto !important;
  left: auto !important;
}

/* Order Now Button in Hero Section */
.order-now-btn {
  background: transparent;
  border: 1px solid #F5EFE4;
  color: #F5EFE4;
  font-family: "Suisse Intl Mono";
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 14px 40px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.order-now-btn:hover {
  background: #F5EFE4;
  color: #1C2126;
}

/* Modal Overlay */
.order-now-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: rgba(28, 33, 38, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  padding: 20px;
}

.order-now-modal.is-open {
  opacity: 1;
  visibility: visible;
}

/* Modal Content */
.order-now-modal__content {
  width: 100%;
  max-width: 480px;
  background: #F5EFE4;
  padding: 60px 50px 50px;
  position: relative;
  transform: translateY(-30px);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.order-now-modal.is-open .order-now-modal__content {
  transform: translateY(0);
}

/* Modal Logo - Force black color via CSS filter */
.order-now-modal__logo {
  display: block;
  width: 66px;
  height: 43px;
  margin: 0 auto 32px;
  filter: brightness(0);
}

/* Modal Title */
.order-now-modal__title {
  color: #1C2126;
  text-align: center;
  font-family: "Sharp Grotesk";
  font-size: 46px;
  font-weight: 400;
  line-height: 1.1;
  margin: 0 0 30px;
}

/* Branch Selector Dropdown */
.order-now-modal__select {
  width: 100%;
  height: 41px;
  background: #F5EFE4;
  border: 0.5px solid #1C2126;
  color: #1C2126;
  font-family: "Suisse Intl Mono";
  font-size: 16px;
  font-weight: 400;
  padding: 0 40px 0 16px;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%231C2126' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  margin-bottom: 19px;
}

/* French language adaptation for longer text */
.lang-fr .order-now-modal__select {
  min-height: 56px;
  height: auto;
  font-size: 14px;
  line-height: 1.3;
  padding: 12px 40px 12px 16px;
}

.order-now-modal__select:focus {
  outline: none;
  border-color: #1C2126;
}

/* Buttons Container */
.order-now-modal__buttons {
  display: flex;
  flex-direction: column;
  gap: 19px;
}

.order-now-modal__buttons.single-btn {
  align-items: center;
}

/* Delivery Platform Buttons */
.order-now-modal__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 41px;
  background: #F5EFE4;
  border: 0.5px solid #1C2126;
  color: #1C2126;
  font-family: "Suisse Intl Mono";
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.order-now-modal__btn:hover {
  background: #1C2126;
  color: #F5EFE4;
}

/* Close Button */
.order-now-modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.order-now-modal__close::before,
.order-now-modal__close::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 1.5px;
  background: #1C2126;
}

.order-now-modal__close::before {
  transform: rotate(45deg);
}

.order-now-modal__close::after {
  transform: rotate(-45deg);
}

.order-now-modal__close:hover::before,
.order-now-modal__close:hover::after {
  background: #C76A39;
}

/* Hidden state for buttons */
.order-now-modal__btn.hidden {
  display: none;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .hero-title-wrapper {
    top: 25%;
    gap: 16px;
  }

  .hero-title-wrapper h2 {
    font-size: 60px !important;
  }

  .order-now-btn {
    padding: 12px 32px;
    font-size: 12px;
  }

  .order-now-modal__content {
    padding: 50px 30px 40px;
    max-width: 90%;
  }

  .order-now-modal__title {
    font-size: 36px;
    margin-bottom: 24px;
  }

  .order-now-modal__logo {
    width: 50px;
    height: auto;
    margin-bottom: 24px;
  }
}

@media (max-width: 480px) {
  .hero-title-wrapper {
    top: 22%;
    gap: 12px;
  }

  .hero-title-wrapper h2 {
    font-size: 40px !important;
  }

  .order-now-btn {
    padding: 10px 24px;
    font-size: 11px;
  }

  .order-now-modal__content {
    padding: 40px 20px 30px;
  }

  .order-now-modal__title {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .order-now-modal__select,
  .order-now-modal__btn {
    font-size: 14px;
  }
}

/* 
   Eggstatic Homepage Popup Styles - Figma Match
    */

/* Overlay - Full Screen Click Trap */
.eggstatic-popup-overlay {
  position: fixed;
  inset: 0;
  /* Cover entire screen */
  z-index: 999;
  /* MAX Z-index */
  background: transparent;
  /* Invisible */
  pointer-events: auto;
  /* Catch clicks */

  display: flex;
  justify-content: flex-end;
  /* Align to Right */
  align-items: flex-end;
  /* Align to Bottom */
  padding: 20px;
  /* Spacing from edge */
}

/* Container - Holds the Animation */
.eggstatic-popup-container {
  background-color: #f5efe4;
  /* Figma bg */
  border-radius: 0px;
  padding: 30px 20px 30px 20px;
  /* Adjusted padding */
  width: 320px;
  max-width: 90vw;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: auto;
  gap: 24.1px;
  /* Figma Gap between Logo and Content */

  /* Initial State for Animation */
  opacity: 0;
  transform: translateY(20px);
  animation: eggstatic-popup-slide-in 0.5s ease-out 0.5s forwards;
}

/* Close Button - Top Right */
.eggstatic-popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: #1c2126;
  opacity: 0.6;
  padding: 5px;
}

.eggstatic-popup-close:hover {
  opacity: 1;
}

/* Logo - Injected via JS */
.eggstatic-popup-logo {
  /* margin-bottom handled by container gap */
  width: 33.3px;
  /* Figma: 33.296px */
  height: 21.5px;
  /* Figma: 21.51px */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* FORCE BLACK LOGO */
.eggstatic-popup-logo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  filter: brightness(0) saturate(100%);
  /* Forces Black */
  -webkit-filter: brightness(0) saturate(100%);
}

/* Swiper - Force Horizontal & Layout - SCOPED */
.eggstatic-popup-container .announcement-swiper {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.eggstatic-popup-container .announcement-swiper .swiper-wrapper {
  display: flex !important;
  flex-direction: row !important;
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  transform: translate3d(0, 0, 0);
  flex-wrap: nowrap !important;
}

.eggstatic-popup-container .swiper-slide {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  opacity: 0;
  transition: opacity 0.3s;
  /*gap: 29.25px;*/
}

.eggstatic-popup-container .swiper-slide-active,
.eggstatic-popup-container .swiper-slide-next,
.eggstatic-popup-container .swiper-slide-prev {
  opacity: 1;
}

/* Fallback: If JS fails, show first slide only - SCOPED */
.eggstatic-popup-container .view-content:not(.swiper-initialized) .swiper-slide:first-child {
  opacity: 1;
  display: flex !important;
}

.eggstatic-popup-container .view-content:not(.swiper-initialized) .swiper-slide:not(:first-child) {
  display: none !important;
}

/* --- Content Styling (Actual DOM Mapping) - SCOPED --- */

/* GLOBAL: Hide all field labels inside the popup (e.g. "Announcement Image") */
.eggstatic-popup-container .views-label {
  display: none !important;
}

/* 1. Main Title: "We're officially open" (Popup Message) */
.eggstatic-popup-container .views-field-field-popup-message {
  display: block !important;
  width: 100%;
  order: 1;

  font-family: 'Sharp Grotesk', sans-serif;
  font-weight: 400;
  /* Book 25 */
  font-size: 19.5px;
  /* Figma: 19.549px */
  line-height: 21.5px;
  /* Figma: 21.522px */
  color: #1c2126 !important;
  /* Force Dark Color */
  text-align: center;
  white-space: normal;
  margin-bottom: 3px;
  /* Figma Gap: 2.98px */
}

.eggstatic-popup-container .views-field-field-popup-message .field-content {
  display: block;
  color: #1c2126 !important;
}


/* 2. Subtitle / Link: "Eggstatic Toronto" (Branch Link) */
.eggstatic-popup-container .views-field-field-branch-link {
  display: flex !important;
  justify-content: center;
  width: 100%;
  order: 2;
  /* Second */
  margin-bottom: 29px;
  /* Figma Gap to Image: 29.25px */
}

.eggstatic-popup-container .views-field-field-branch-link a {
  font-family: 'Suisse Intl Mono', monospace;
  font-size: 13.3px;
  /* Figma: 13.262px */
  line-height: 22.9px;
  /* Figma: 22.873px */
  letter-spacing: -0.4px;
  /* Figma: -0.3979px */
  color: #d94920 !important;
  /* Figma Orange */
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  /* Visual refinement */
  white-space: normal;
  text-transform: none;
}


/* 3. Image - Force Dimensions on Wrapper Chain */
.eggstatic-popup-container .views-field-field-announcement-image,
.eggstatic-popup-container .views-field-field-announcement-image .field-content {
  width: 264px !important;
  height: 228px !important;
  min-width: 264px !important;
  min-height: 228px !important;
  overflow: hidden;
  margin-top: 0;
  border-radius: 0px;
  max-width: 100%;
  flex-shrink: 0;

  order: 3;
  margin-bottom: 30px;

  /* Reset display */
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* Force image to be EXACT pixels regardless of nested parents */
.eggstatic-popup-container .views-field-field-announcement-image img,
.eggstatic-popup-container .views-field-field-announcement-image picture img,
.eggstatic-popup-container .views-field-field-announcement-image .field-content img {
  width: 264px !important;
  height: 228px !important;
  min-width: 264px !important;
  min-height: 228px !important;
  max-width: none !important;
  /* Don't let parents shrink it */

  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide unused fields (Title, Type, Date) */
.eggstatic-popup-container .views-field-title,
.eggstatic-popup-container .views-field-field-announcement-type,
.eggstatic-popup-container .views-field-field-opening-date {
  display: none !important;
}


/* Swiper Nav - Position at Bottom - SCOPED */
.eggstatic-popup-container .swiper-button-next,
.eggstatic-popup-container .swiper-button-prev {
  color: #1c2126 !important;
  transform: scale(0.5);
  top: auto !important;
  bottom: 2px !important;
  width: 30px;
  height: 30px;
  position: absolute;
  /* Find within container */
}

.eggstatic-popup-container .swiper-button-prev {
  left: calc(50% - 30px) !important;
}

.eggstatic-popup-container .swiper-button-next {
  right: calc(50% - 30px) !important;
}

.eggstatic-popup-container .swiper-button-prev::after,
.eggstatic-popup-container .swiper-button-next::after {
  font-size: 20px !important;
  font-weight: bold;
}

/* Animation */
@keyframes eggstatic-popup-slide-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

to {
  opacity: 1;
  transform: translateY(0);
}


@keyframes eggstatic-popup-slide-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(20px);
  }
}

.eggstatic-popup-overlay.eggstatic-popup-closing {
  animation: eggstatic-popup-slide-out 0.3s forwards;
}

/* Responsive */
@media (max-width: 600px) {
  .eggstatic-popup-overlay {
    bottom: 0;
    right: 0;
    width: 100%;
    justify-content: center;
    padding: 10px;
  }

  .eggstatic-popup-container {
    width: 100%;
  }
}

/* 
   iPad Responsive Fixes (768px - 1366px)
   Makes iPad views match desktop layout
    */

/* Fix white line on right side for all tablets */
@media (min-width: 768px) and (max-width: 1366px) {

  html,
  body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  * {
    max-width: 100%;
  }

  .heroVideo #block-eggstatic-eggstatic video {
    width: 100% !important;
  }
}

/* iPad Portrait & Landscape - Force Desktop Header Layout */
@media (min-width: 768px) and (max-width: 1366px) {

  /* Force desktop header layout on iPad */
  header .no-padding .no-margin {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-inline: 30px !important;
    padding-block: 21px !important;
  }

  /* Hide mobile menu toggle on iPad - show desktop nav instead */
  .menu-toggle,
  .header_left .menu-toggle,
  button.menu-toggle {
    display: none !important;
  }

  /* Show desktop navigation elements */
  .header_left {
    display: flex !important;
    gap: 21px !important;
    align-items: center !important;
  }

  .header_right {
    display: flex !important;
    align-items: center !important;
  }

  .header_right ul {
    display: flex !important;
    gap: 20px !important;
    align-items: center !important;
  }

  /* Language dropdown visible */
  #block-eggstatic-languagedropdownswitcher {
    display: block !important;
  }

  /* Reservation button visible */
  nav#block-eggstatic-reservation,
  nav#block-eggstatic-reservation-2 {
    display: block !important;
  }

  nav#block-eggstatic-reservation .Reservation,
  nav#block-eggstatic-reservation-2 .Reservation {
    display: inline-flex !important;
  }

  /* Phone icon visible */
  .header_right ul li:nth-child(1) {
    display: block !important;
  }

  /* Logo positioning */
  .site_logo #block-eggstatic-sitebranding {
    margin-left: 40px !important;
  }
}

/* iPad Pro specific adjustments (1024px - 1366px) */
@media (min-width: 1024px) and (max-width: 1366px) {
  header .no-padding .no-margin {
    padding-inline: 40px !important;
  }

  .site_logo #block-eggstatic-sitebranding {
    margin-left: 60px !important;
  }

  .header_right ul {
    gap: 30px !important;
  }
}

/* iPad Air & Mini specific adjustments (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  header .no-padding .no-margin {
    padding-inline: 20px !important;
  }

  .site_logo #block-eggstatic-sitebranding {
    margin-left: 20px !important;
  }

  .header_right ul {
    gap: 15px !important;
  }

  nav#block-eggstatic-reservation .Reservation,
  nav#block-eggstatic-reservation-2 .Reservation {
    padding: 8px 12px !important;
    font-size: 9px !important;
  }
}

/* Fix hero section on iPad */
@media (min-width: 768px) and (max-width: 1366px) {
  .heroVideo #block-eggstatic-eggstatic {
    overflow: hidden !important;
  }

  .heroVideo #block-eggstatic-eggstatic h2 {
    font-size: 70px !important;
  }

  .heroVideo #block-eggstatic-eggstatic p {
    width: 500px !important;
    height: 150px !important;
    min-height: 140px !important;
    font-size: 18px !important;
  }

  .hero-title-wrapper {
    top: 30% !important;
  }

  .hero-title-wrapper h2 {
    font-size: 70px !important;
  }
}

/* REMOVED CONFLICTING BLOCK to allow uniform centering
@media (min-width: 768px) and (max-width: 1023px) {
  .eggstatic-popup-overlay {
    right: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    animation: eggstatic-popup-slide-in-centered 0.5s ease-out 0.5s forwards !important;
  }

  .eggstatic-popup-overlay.eggstatic-popup-closing {
    animation: eggstatic-popup-slide-out-centered 0.3s ease-in forwards !important;
  }
}
*/

@keyframes eggstatic-popup-slide-in-centered {
  0% {
    opacity: 0;
    transform: translate(-50%, 100%);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

@keyframes eggstatic-popup-fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* Fix popup positioning on iPad */
@media (min-width: 768px) and (max-width: 1366px) {
  .eggstatic-popup-overlay {
    position: fixed !important;
    inset: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    top: 0 !important;

    display: flex;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    z-index: 10000 !important;
    visibility: visible;
  }

  .eggstatic-popup-overlay.eggstatic-popup-closing {
    animation: eggstatic-popup-fade-out 0.3s forwards !important;
    visibility: visible !important;
  }

  .eggstatic-popup-container {
    padding: 20px !important;
    min-width: 350px !important;
    max-width: 50% !important;
    width: auto !important;
    margin: 0 !important;
    gap: 15px !important;
  }

  .eggstatic-popup-content {
    gap: 12px !important;
    min-width: unset !important;
  }

  .eggstatic-popup-image {
    width: 200px !important;
    /* Smaller image */
    height: 170px !important;
  }

  .eggstatic-popup-title {
    font-size: 16px !important;
    /* Smaller title */
    line-height: normal !important;
  }

  .eggstatic-popup-subtitle {
    font-size: 11px !important;
    /* Smaller subtitle */
    line-height: 1.5 !important;
  }
}

/* Fix menu-container for iPad */
@media (min-width: 768px) and (max-width: 1366px) {
  .menu-container {
    display: none;
  }

  .menu-container.active {
    display: grid;
  }

  .menu-overlay {
    display: none;
  }

  .menu-overlay.active {
    display: block;
  }
}

/* 
   iPad Header Fix - Match Desktop Exactly
    */
@media (min-width: 768px) and (max-width: 1366px) {

  /* Header base */
  header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    display: block !important;
    overflow: visible !important;
  }

  html,
  body {
    overflow-x: hidden !important;
    width: 100vw !important;
    position: relative !important;
  }

  /* Main header row structure - exactly like desktop */
  header .no-padding .no-margin {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-inline: 20px !important;
    /* Smaller padding to push items to the far ends */
    padding-block: 21px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    position: relative !important;
  }

  /* Force auto width to cancel any potential 33% rules */
  .header_left,
  .site_logo,
  .header_right {
    width: auto !important;
  }

  /* Show the hamburger menu toggle on iPad - styled like desktop */
  .menu-toggle,
  button.menu-toggle,
  .header_left .menu-toggle {
    display: inline-block !important;
    visibility: visible !important;
    width: 22px !important;
    height: 12px !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    background-color: #FFFFFF !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    position: relative !important;
    vertical-align: middle !important;
  }

  /* Header Left - language dropdown only */
  .header_left {
    display: flex !important;
    gap: 21px !important;
    align-items: center !important;
    flex-direction: row !important;
    height: auto !important;
    z-index: 10 !important;
  }

  /* Language dropdown styling */
  #block-eggstatic-languagedropdownswitcher {
    display: flex !important;
    align-items: center !important;
    visibility: visible !important;
  }

  #block-eggstatic-languagedropdownswitcher select {
    display: block !important;
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    font-size: 14px !important;
    cursor: pointer !important;
  }

  /* Logo in center - full width container with flex center */
  .site_logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 5 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    /* Allow clicking through to side items if they overlap */
  }

  .site_logo #block-eggstatic-sitebranding {
    margin: 0 !important;
    display: block !important;
    pointer-events: auto !important;
    /* Re-enable clicks for the logo itself */
  }

  .site_logo #block-eggstatic-sitebranding img {
    display: block !important;
    height: auto !important;
    max-height: 50px !important;
    max-width: 180px !important;
    /* Prevent it from being huge */
    vertical-align: middle !important;
    margin: 0 auto !important;
  }

  /* Header Right - phone + reservation */
  .header_right {
    display: flex !important;
    align-items: center !important;
    gap: 34px !important;
    height: auto !important;
    z-index: 10 !important;
  }

  .header_right ul {
    display: flex !important;
    gap: 34px !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .header_right ul li {
    display: flex !important;
    align-items: center !important;
  }

  /* Phone icon */
  .header_right ul li:nth-child(1) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: url(./images/phone-eee.svg) no-repeat center !important;
    background-size: 14px !important;
    width: 20px !important;
    height: 20px !important;
  }

  .header_right ul li:nth-child(1) a {
    opacity: 0 !important;
  }

  /* Reservation button */
  nav#block-eggstatic-reservation,
  nav#block-eggstatic-reservation-2 {
    display: flex !important;
    align-items: center !important;
  }

  nav#block-eggstatic-reservation .Reservation,
  nav#block-eggstatic-reservation-2 .Reservation {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background-color: transparent !important;
    color: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
    padding: 9px 16px !important;
    text-decoration: none !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    vertical-align: middle !important;
  }
}

/* Branch pages iPad header - black menu toggle & reservation (beige background) */
@media (min-width: 768px) and (max-width: 1366px) {

  .branchdetails .menu-toggle,
  .branchdetails button.menu-toggle,
  .branchdetails .header_left .menu-toggle {
    background-color: #221E1F !important;
  }

  .branchdetails nav#block-eggstatic-reservation .Reservation,
  .branchdetails nav#block-eggstatic-reservation-2 .Reservation {
    color: #221E1F !important;
    border: 1px solid #221E1F !important;
  }

  .branchdetails #block-eggstatic-languagedropdownswitcher select {
    color: #221E1F !important;
  }
}

/* All screens - black header icons for Branches & Careers */
.branchespage .menu-toggle,
.branchespage button.menu-toggle,
.branchespage .header_left .menu-toggle,
.careerpage .menu-toggle,
.careerpage button.menu-toggle,
.careerpage .header_left .menu-toggle {
  background-color: #221E1F !important;
}

.branchespage nav#block-eggstatic-reservation .Reservation,
.branchespage nav#block-eggstatic-reservation-2 .Reservation,
.careerpage nav#block-eggstatic-reservation .Reservation,
.careerpage nav#block-eggstatic-reservation-2 .Reservation {
  color: #221E1F !important;
  border: 1px solid #221E1F !important;
}

.branchespage #block-eggstatic-languagedropdownswitcher select,
.careerpage #block-eggstatic-languagedropdownswitcher select {
  color: #221E1F !important;
}

/* iPad Air & Mini specific (768px - 1023px) - adjustments */
@media (min-width: 768px) and (max-width: 1023px) {
  header .no-padding .no-margin {
    padding-inline: 15px !important;
    /* Even smaller padding for smaller iPads */
  }

  .header_right {
    gap: 12px !important;
  }

  .header_right ul {
    gap: 12px !important;
  }

  nav#block-eggstatic-reservation .Reservation,
  nav#block-eggstatic-reservation-2 .Reservation {
    padding: 7px 10px !important;
    font-size: 8px !important;
  }
}

/* iPad Pro specific (1024px - 1366px) */
@media (min-width: 1024px) and (max-width: 1366px) {
  header .no-padding .no-margin {
    padding-inline: 30px !important;
  }
}

/* Enforce visually hidden for Drupal announcer to prevent layout shifts */
#drupal-live-announce,
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* = Toronto SEO Hero Elements = */
.branchdetails .hero-subtitle {
  color: var(--demo-2-wpopal-com-scorpion, #5E5E5E);
  font-family: "Suisse Intl Mono";
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  max-width: 700px;
  margin-bottom: 12px;
}

.branchdetails .local-signal {
  color: #C5673B;
  font-family: "Sharp Grotesk";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 16px;
}

.branchdetails .rating-signal {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #221E1F;
  font-family: "Sharp Grotesk";
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px;
}

.branchdetails .hero-cta-buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 16px;
  margin-bottom: 32px;
}

.branchdetails .btn-view-menu {
  display: inline-flex;
  align-items: center;
  padding: 12px 28px;
  border-radius: 30px;
  border: 1px solid #CF4D2D;
  color: #CF4D2D;
  font-family: "Suisse Intl Mono";
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease;
}

.branchdetails .btn-view-menu:hover {
  background: #CF4D2D;
  color: #FFF;
}

/* Direction button styling (outline style next to reservation) */
.branchdetails .views-field-field-direction a {
  border-radius: 30.286px;
  background: transparent;
  border: 1px solid #CF4D2D;
  display: flex;
  padding: 18.435px 42.137px;
  align-items: flex-start;
  color: #CF4D2D;
  text-align: center;
  font-family: "Suisse Intl Mono";
  font-size: 18.435px;
  font-weight: 400;
  line-height: 23.965px;
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease;
}

.branchdetails .views-field-field-direction a:hover {
  background: #CF4D2D;
  color: #FFF;
}

/* Clickable address link styling */
.branchdetails .views-field-field-branche-location .field-content a {
  color: #FFF;
  text-decoration: none;
}

.branchdetails .views-field-field-branche-location .field-content a:hover {
  text-decoration: underline;
}


/* Fix branch content list display */
.views-field-field-why-people-love-this-locat ul,
.views-field-field-menu-highlights ul,
.views-field-field-halal-section ul,
.views-field-field-who-its-perfect-for ul {
  display: block;
  padding-left: 20px;
}

.views-field-field-why-people-love-this-locat li,
.views-field-field-menu-highlights li,
.views-field-field-halal-section li,
.views-field-field-who-its-perfect-for li {
  display: list-item;
  list-style-type: disc;
  margin-bottom: 8px;
}



/* Hero subtitle styling */
.views-field-field-hero-subtitle {
  font-size: 14px;
  font-weight: 300;
  max-width: 100%;
  margin-top: 8px;
  line-height: 1.5;
  color: #555;
}

/* = Google Reviews Section = */
.google-reviews-section {
  padding: 40px 0;
  max-width: 1200px;
  margin: 20px auto;
  clear: both;
}

.reviews-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  border-bottom: 2px solid #f1f1f1;
  padding-bottom: 15px;
}

.reviews-header h3 {
  font-size: 24px;
  font-weight: 700;
  color: #221E1F;
  margin: 0;
}

.google-badge {
  display: flex;
  align-items: center;
  gap: 8px;
}

.reviews-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.review-card {
  background: #fff;
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  border: 1px solid #eee;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.review-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.review-user {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.user-avatar {
  width: 40px;
  height: 40px;
  background: #CF4D2D;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
}

.user-meta {
  display: flex;
  flex-direction: column;
}

.user-name {
  font-weight: 600;
  color: #221E1F;
}

.review-date {
  font-size: 12px;
  color: #777;
}

.review-stars {
  color: #fbbc04;
  font-size: 18px;
  margin-bottom: 12px;
}

.review-text {
  font-size: 14px;
  line-height: 1.6;
  color: #444;
  margin: 0;
  font-style: italic;
}

@media (max-width: 991px) {
  .reviews-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .reviews-grid {
    grid-template-columns: 1fr;
  }

  .reviews-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}

/* = Static Google Reviews Block (EN + FR) = */
.reviews-section {
  padding: 48px 20px;
  max-width: 1200px;
  margin: 0 auto 40px;
  clear: both;
}

.reviews-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
  padding-bottom: 20px;
  border-bottom: 2px solid #f1f1f1;
  flex-wrap: wrap;
  gap: 16px;
}

.reviews-overall {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.reviews-badge-source {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #444;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.google-icon {
  flex-shrink: 0;
}

.reviews-rating-summary {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}

.reviews-score {
  font-size: 36px;
  font-weight: 800;
  color: #221E1F;
  line-height: 1;
}

.reviews-section .reviews-stars {
  color: #fbbc04;
  font-size: 22px;
  line-height: 1;
  letter-spacing: 1px;
}

.reviews-section .star.filled {
  color: #fbbc04;
}

.reviews-section .star.half {
  color: #fbbc04;
  opacity: 0.6;
}

.reviews-section .star {
  color: #ddd;
}

.reviews-count {
  font-size: 13px;
  color: #777;
}

.btn-view-google {
  display: inline-block;
  padding: 10px 22px;
  background: transparent;
  border: 1px solid #221E1F;
  color: #221E1F;
  font-size: 13px;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}

.btn-view-google:hover {
  background: #221E1F;
  color: #fff;
}




/* Review Cards — Horizontal Scroll */
.reviews-section .reviews-grid {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 20px;
  padding-bottom: 16px;
  -webkit-overflow-scrolling: touch;
}

/* Custom scrollbar */
.reviews-section .reviews-grid::-webkit-scrollbar {
  height: 6px;
}

.reviews-section .reviews-grid::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.reviews-section .reviews-grid::-webkit-scrollbar-thumb {
  background: #CF4D2D;
  border-radius: 10px;
}

.reviews-section .review-card {
  background: #fff;
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  border: 1px solid #efefef;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 320px;
  max-width: 340px;
  flex-shrink: 0;
  scroll-snap-align: start;
}

.reviews-section .review-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.11);
}

.review-card-top {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.review-avatar {
  width: 42px;
  height: 42px;
  min-width: 42px;
  background: #CF4D2D;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
}

.review-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

.reviewer-name {
  font-size: 15px;
  font-weight: 700;
  color: #221E1F;
}

.review-meta .review-stars {
  color: #fbbc04;
  font-size: 14px;
  letter-spacing: 1px;
}

.review-card .review-date {
  font-size: 11px;
  color: #999;
  white-space: nowrap;
  margin-top: 2px;
}

.reviews-section .review-text {
  font-size: 14px;
  line-height: 1.7;
  color: #555;
  margin: 0;
  font-style: italic;
}

/* Responsive - iPad (991px) */
@media (max-width: 991px) {
  .reviews-section {
    padding: 36px 16px;
  }

  .reviews-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .reviews-section .review-card {
    min-width: 280px;
    max-width: 300px;
    flex-shrink: 0;
  }

  .reviews-score {
    font-size: 32px;
  }
}

/* Responsive - Mobile (600px) */
@media (max-width: 600px) {
  .reviews-section {
    padding: 28px 0px;
    /* Reduced side padding as parent has it */
  }

  .reviews-section .review-card {
    min-width: 280px;
    max-width: 280px;
    padding: 20px;
    flex-shrink: 0;
  }

  .reviews-score {
    font-size: 28px;
  }

  .reviews-section .reviews-stars {
    font-size: 18px;
  }

  .btn-view-google {
    width: 100%;
    text-align: center;
  }

  .review-avatar {
    width: 36px;
    height: 36px;
    min-width: 36px;
    font-size: 15px;
  }

  .reviewer-name {
    font-size: 14px;
  }

  .reviews-section .review-text {
    font-size: 13px;
    line-height: 1.6;
    word-break: break-word;
    /* Ensure long words don't break layout */
    overflow-wrap: break-word;
  }
}



/* = Google Reviews Alignment & Clickability = */
.branchdetails .reviews-section {
  padding-inline: 0;
  margin-bottom: 60px;
}

.review-link {
  display: block;
  color: inherit;
  text-decoration: none;
  transition: transform 0.2s ease-in-out;
}

.review-link:hover {
  text-decoration: none;
  color: inherit;
}

.review-card {
  transition: box-shadow 0.3s ease, transform 0.2s ease;
}

.review-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
  cursor: pointer;
}

.order-now-modal__coming-soon {
  grid-column: 1 / -1;
  text-align: center;
  font-family: "Suisse Intl Mono";
  font-size: 14px;
  color: #C76A39;
  background: #fbf5ef;
  padding: 15px;
  border-radius: 8px;
  border: 1px dashed #C76A39;
  margin: 10px 0;
}

/* --- Branch Detail Accordions --- */
.branch-accordion-trigger {
  cursor: pointer;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  user-select: none;
  transition: opacity 0.3s ease;
}

.branch-accordion-trigger::after {
  content: "+";
  font-size: 32px;
  font-weight: 300;
  line-height: 1;
  color: inherit;
  flex-shrink: 0;
  margin-inline-start: 16px;
}

.branch-accordion-trigger[aria-expanded="true"]::after {
  content: "\2212";
  /* Unicode minus sign */
}

.branch-accordion-item {
  /* To ensure smooth transition, the content should have hidden overflow */
}


/* 
   Branches Cards Grid — block-3
    */

#block-eggstatic-views-block-branches-block-3 {
  padding: 80px var(--paddingX);
  background: var(--secondColor);
}

#block-eggstatic-views-block-branches-block-3 .views-field-field-page-content-image * {
  height: 100%;
}

#block-eggstatic-views-block-branches-block-3>h2 {
  color: var(--black);
  font-family: "Sharp Grotesk";
  font-size: 34px;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 50px;
  text-align: center;
}

#block-eggstatic-views-block-branches-block-3 [class*="js-view-dom-id"] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 1400px;
  margin: 0 auto;
}

#block-eggstatic-views-block-branches-block-3 .views-row {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
  transition: transform 0.35s cubic-bezier(.25, .46, .45, .94),
    box-shadow 0.35s cubic-bezier(.25, .46, .45, .94);
}

#block-eggstatic-views-block-branches-block-3 .views-row:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 48px rgba(199, 106, 57, 0.15);
}

/* Image wrapper */
#block-eggstatic-views-block-branches-block-3 .views-field-field-page-content-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
}

#block-eggstatic-views-block-branches-block-3 .views-field-field-page-content-image .field-content,
#block-eggstatic-views-block-branches-block-3 .views-field-field-page-content-image .field-content>div,
#block-eggstatic-views-block-branches-block-3 .views-field-field-page-content-image .field-content>div>div {
  height: 100%;
}

#block-eggstatic-views-block-branches-block-3 .views-field-field-page-content-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s cubic-bezier(.25, .46, .45, .94);
}

#block-eggstatic-views-block-branches-block-3 .views-row:hover .views-field-field-page-content-image img {
  transform: scale(1.06);
}

/* Gradient overlay on image */
#block-eggstatic-views-block-branches-block-3 .views-field-field-page-content-image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(to top, rgba(28, 33, 38, 0.55), transparent);
  pointer-events: none;
  z-index: 1;
}

/* Title */
#block-eggstatic-views-block-branches-block-3 .views-field-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 20px 24px;
}

#block-eggstatic-views-block-branches-block-3 .views-field-title .field-content a {
  color: #fff;
  font-family: "Sharp Grotesk";
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: color 0.3s;
}

#block-eggstatic-views-block-branches-block-3 .views-field-title .field-content a::after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: var(--thirdColor);
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M1 5h7M5.5 2L8.5 5 5.5 8' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  transition: background 0.3s, transform 0.3s;
}

#block-eggstatic-views-block-branches-block-3 .views-row:hover .views-field-title .field-content a::after {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M1 5h7M5.5 2L8.5 5 5.5 8' stroke='%23D94920' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  transform: translateX(3px);
}

/* ---- Responsive ---- */

@media (max-width: 1200px) {
  #block-eggstatic-views-block-branches-block-3 {
    padding: 60px 40px;
  }
}

@media (max-width: 991px) {
  #block-eggstatic-views-block-branches-block-3 [class*="js-view-dom-id"] {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }

  #block-eggstatic-views-block-branches-block-3>h2 {
    font-size: 28px;
    margin-bottom: 36px;
  }
}

@media (max-width: 600px) {
  #block-eggstatic-views-block-branches-block-3 {
    padding: 40px 16px;
  }

  #block-eggstatic-views-block-branches-block-3 [class*="js-view-dom-id"] {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  #block-eggstatic-views-block-branches-block-3>h2 {
    font-size: 24px;
    margin-bottom: 28px;
  }

  #block-eggstatic-views-block-branches-block-3 .views-field-title .field-content a {
    font-size: 18px;
  }
}


/* 
   Gallery Details Page — Grid + Lightbox
    */

.galleyDetailsPage {
  padding: 80px var(--paddingX);
  background: var(--secondColor);
}

.galleyDetailsPage .views-row:empty,
.galleyDetailsPage .views-row .field-content:empty {
  display: none;
}

.galleyDetailsPage .views-field-field-gallery>.field-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1400px;
  margin: 0 auto;
}

.galleyDetailsPage .views-field-field-gallery>.field-content>div {
  border-radius: 14px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  aspect-ratio: 16 / 10;
  background: #e8dfd3;
}

.galleyDetailsPage .views-field-field-gallery>.field-content>div>div {
  height: 100%;
}

.galleyDetailsPage .views-field-field-gallery>.field-content>div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.45s cubic-bezier(.25, .46, .45, .94),
    filter 0.35s ease;
}

.galleyDetailsPage .views-field-field-gallery>.field-content>div:hover img {
  transform: scale(1.05);
}

/* Zoom-in icon hint on hover */
.galleyDetailsPage .views-field-field-gallery>.field-content>div::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(28, 33, 38, 0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM21 21l-4.35-4.35M11 8v6M8 11h6'/%3E%3C/svg%3E") no-repeat center;
  opacity: 0;
  transition: opacity 0.3s, background-color 0.3s;
  z-index: 2;
  pointer-events: none;
  border-radius: 14px;
}

.galleyDetailsPage .views-field-field-gallery>.field-content>div:hover::after {
  opacity: 1;
  background-color: rgba(28, 33, 38, 0.3);
}

/* Gallery details embed block (Views ul markup) — same look as .galleyDetailsPage */
#block-eggstatic-views-block-galley-detailss-block-1 {
  padding: 80px var(--paddingX);
  padding-bottom: 100px;
  background: var(--secondColor);
  box-sizing: border-box;
}
#block-eggstatic-views-block-galley-detailss-block-1 li *,
#block-eggstatic-views-block-galley-detailss-block-1 li{
height: 100% ;
width: 100%;
object-fit: cover;
}
#block-eggstatic-views-block-galley-detailss-block-1 .views-row:empty,
#block-eggstatic-views-block-galley-detailss-block-1 .views-field-field-gallery .field-content:empty {
  display: none;
}

#block-eggstatic-views-block-galley-detailss-block-1 .views-field-field-gallery > .field-content > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1400px;
  margin: 0 auto;
  list-style: none;
  padding: 0;
}

#block-eggstatic-views-block-galley-detailss-block-1 .views-field-field-gallery > .field-content > ul > li {
  border-radius: 14px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  aspect-ratio: 16 / 10;
  background: #e8dfd3;
}

#block-eggstatic-views-block-galley-detailss-block-1 .views-field-field-gallery > .field-content > ul > li > div {
  height: 100%;
}

#block-eggstatic-views-block-galley-detailss-block-1 .views-field-field-gallery > .field-content > ul > li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.45s cubic-bezier(.25, .46, .45, .94),
    filter 0.35s ease;
}

#block-eggstatic-views-block-galley-detailss-block-1 .views-field-field-gallery > .field-content > ul > li:hover img {
  transform: scale(1.05);
}

#block-eggstatic-views-block-galley-detailss-block-1 .views-field-field-gallery > .field-content > ul > li::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(28, 33, 38, 0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM21 21l-4.35-4.35M11 8v6M8 11h6'/%3E%3C/svg%3E") no-repeat center;
  opacity: 0;
  transition: opacity 0.3s, background-color 0.3s;
  z-index: 2;
  pointer-events: none;
  border-radius: 14px;
}

#block-eggstatic-views-block-galley-detailss-block-1 .views-field-field-gallery > .field-content > ul > li:hover::after {
  opacity: 1;
  background-color: rgba(28, 33, 38, 0.3);
}

#block-eggstatic-views-block-galley-detailss-block-1 footer {
  margin-top: 40px;
  padding-top: 8px;
  text-align: center;
}

#block-eggstatic-views-block-galley-detailss-block-1 footer a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Suisse Intl Mono";
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  color: #cf4d2d;
  transition: color 0.2s ease;
}

#block-eggstatic-views-block-galley-detailss-block-1 footer a:hover {
  color: #221e1f;
  text-decoration: underline;
}

/* ---- Gallery Lightbox ---- */

.gallery-lightbox {
  position: fixed;
  inset: 0;
  z-index: 10001;
  background: rgba(28, 33, 38, 0.92);
  /* display controlled by JS: none → flex */
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease !important;
  padding: 40px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.gallery-lightbox.is-open {
  opacity: 1;
}

.gallery-lightbox__inner {
  position: relative;
  max-width: 1100px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gallery-lightbox__img-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.gallery-lightbox__img-wrap img {
  max-width: 100%;
  max-height: 82vh;
  object-fit: contain;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
  transform: scale(0.92);
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
    opacity 0.35s ease;
}

.gallery-lightbox.is-open .gallery-lightbox__img-wrap img {
  transform: scale(1);
  opacity: 1;
}

/* Close button */
.gallery-lightbox__close {
  position: absolute;
  top: -50px;
  right: 0;
  width: 40px;
  height: 40px;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  cursor: pointer;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.3s, background 0.3s;
}

.gallery-lightbox__close:hover {
  border-color: var(--mainColor);
  background: var(--mainColor);
}

.gallery-lightbox__close::before,
.gallery-lightbox__close::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
}

.gallery-lightbox__close::before {
  transform: rotate(45deg);
}

.gallery-lightbox__close::after {
  transform: rotate(-45deg);
}

/* Navigation arrows */
.gallery-lightbox__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.1);
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  cursor: pointer;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s, border-color 0.3s, transform 0.3s;
}

.gallery-lightbox__arrow:hover {
  background: var(--thirdColor);
  border-color: var(--thirdColor);
  transform: translateY(-50%) scale(1.08);
}

.gallery-lightbox__arrow--prev {
  left: -70px;
}

.gallery-lightbox__arrow--next {
  right: -70px;
}

.gallery-lightbox__arrow svg {
  width: 20px;
  height: 20px;
  stroke: #fff;
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Counter */
.gallery-lightbox__counter {
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(255, 255, 255, 0.6);
  font-family: "Suisse Intl Mono";
  font-size: 13px;
  letter-spacing: 2px;
}

/* Caption (alt text) */
.gallery-lightbox__caption {
  position: absolute;
  bottom: -40px;
  left: 0;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Suisse Intl Mono";
  font-size: 13px;
  max-width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ---- Lightbox Responsive ---- */

@media (max-width: 1300px) {
  .gallery-lightbox__arrow--prev {
    left: -56px;
  }

  .gallery-lightbox__arrow--next {
    right: -56px;
  }
}

@media (max-width: 1100px) {
  .gallery-lightbox__arrow--prev {
    left: 10px;
  }

  .gallery-lightbox__arrow--next {
    right: 10px;
  }

  .gallery-lightbox__arrow {
    width: 40px;
    height: 40px;
    background: rgba(28, 33, 38, 0.6);
  }

  .gallery-lightbox {
    padding: 30px;
  }
}

@media (max-width: 991px) {
  .galleyDetailsPage .views-field-field-gallery>.field-content {

    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  #block-eggstatic-views-block-galley-detailss-block-1 .views-field-field-gallery > .field-content > ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

@media (max-width: 600px) {
  .galleyDetailsPage {
    padding: 40px 16px;
  }

  .galleyDetailsPage .views-field-field-gallery>.field-content {
    grid-template-columns: 1fr;
    gap: 14px;
  }


  #block-eggstatic-views-block-galley-detailss-block-1 {
    padding: 40px 16px;
    padding-bottom: 56px;
  }

  #block-eggstatic-views-block-galley-detailss-block-1 .views-field-field-gallery > .field-content > ul {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .gallery-lightbox {
    padding: 16px;
  }

  .gallery-lightbox__close {
    top: -44px;
    right: 0;
    width: 36px;
    height: 36px;
  }

  .gallery-lightbox__arrow {
    width: 36px;
    height: 36px;
  }

  .gallery-lightbox__arrow--prev {
    left: 6px;
  }

  .gallery-lightbox__arrow--next {
    right: 6px;
  }

  .gallery-lightbox__counter {
    bottom: -34px;
    font-size: 12px;
  }

  .gallery-lightbox__caption {
    display: none;
  }
}


/* 
   Gallery Page Hero — matches Journey page style
    */

.gallerypage .inner {
  background: #F5EFE4;
  height: 416px;
  position: relative;
  overflow: hidden;
}

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

@media (max-width: 768px) {
  .gallerypage #block-eggstatic-views-block-i-block-1 .views-field-title {
    font-size: 40px;
  }
}

@media (max-width: 480px) {
  .gallerypage #block-eggstatic-views-block-i-block-1 .views-field-title {
    font-size: 32px;
  }
}

/* Branch hero overlay */
.branchdetails .branch-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
}
.branchdetails .branch-hero-overlay a,
.branchdetails .branch-hero-overlay .hero-cta-row {
  pointer-events: auto;
}

/* Common box styles */
.branchdetails .hero-hours-badge,
.branchdetails .hero-rating-box {
  position: absolute;
  top: 16px;
  width: 220px;
  min-height: 110px;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 24px;
  color: #fff;
  z-index: 10;
  backdrop-filter: blur(4px);
  padding: 10px 14px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.4);
}

/* Hours Badge */
.branchdetails .hero-hours-badge {
  left: 16px;
  align-items: flex-start;
  text-align: left;
}

.branchdetails .hero-hours-badge p,
.branchdetails .hero-hours-badge div,
.branchdetails .hero-hours-badge span,
.branchdetails .hero-hours-badge ul,
.branchdetails .hero-hours-badge li {
  color: #fff;
  margin: 0;
  padding: 0;
  line-height: 1.4;
  font-size: 12px;
  list-style-type: none;
}

.branchdetails .hero-hours-badge > * {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Rating Box */
.branchdetails .hero-rating-box {
  right: 16px;
  align-items: center;
  text-align: center;
  text-decoration: none;
  transition: border-color 0.2s;
}

.branchdetails .hero-rating-box:hover {
  border-color: #CF4D2D;
}

.branchdetails .hero-rating-score {
  display: block;
  font-size: 26px;
  font-weight: bold;
}

.branchdetails .hero-rating-stars {
  display: block;
  color: #F89C1E;
  font-size: 16px;
  margin: 2px 0;
}

.branchdetails .hero-rating-count {
  display: block;
  font-size: 12px;
}

/* CTA Row Layering */
.branchdetails .hero-cta-row {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  z-index: 10;
  padding: 24px 16px;
}

.branchdetails .hero-cta {
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff;
  border-radius: 30px;
  padding: 18px 42px;
  font-weight: 400;
  font-family: "Suisse Intl Mono", monospace;
  font-size: 18px;
  text-decoration: none;
  backdrop-filter: blur(4px);
  transition: all 0.2s;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
}

/* Specific CTA variants (keep same bg but allow overrides) */
.branchdetails .hero-cta.hero-cta-directions,
.branchdetails .hero-cta.hero-cta-order,
.branchdetails .hero-cta.hero-cta-call,
.branchdetails .hero-cta.hero-cta-reserve {
  background-color: rgba(0, 0, 0, 0.4);
}

.branchdetails .hero-cta:hover {
  background: var(--mainColor, #CF4D2D);
  border-color: var(--mainColor, #CF4D2D);
  color: #fff;
}

/* Responsive Constraints */
@media (max-width: 1200px) {
  .branchdetails .hero-cta { padding: 14px 28px; font-size: 16px; }
  .branchdetails .hero-cta-row { padding: 20px 16px; gap: 12px; }
}

/* Mobile */
@media (max-width: 768px) {
  .branchdetails .hero-hours-badge,
  .branchdetails .hero-rating-box {
    width: 140px;
    min-height: 80px;
    height: auto;
    padding: 6px 8px;
    border-radius: 16px;
  }
  .branchdetails .hero-hours-badge { left: 8px; top: 8px; }
  .branchdetails .hero-rating-box { right: 8px; top: 8px; }
  .branchdetails .hero-hours-badge * { font-size: 7.5px; line-height: 1.2; letter-spacing: -0.2px; }
  .branchdetails .hero-hours-badge > * { -webkit-line-clamp: 10; }
  .branchdetails .hero-rating-score { font-size: 15px; }
  .branchdetails .hero-rating-stars { font-size: 9px; margin: 2px 0; }
  .branchdetails .hero-rating-count { font-size: 8px; }
  
  .branchdetails .hero-cta-row {
    padding: 10px;
    gap: 6px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .branchdetails .hero-cta {
    padding: 10px 6px;
    font-size: 11px;
    min-height: auto;
    width: 100%;
    border-radius: 24px;
  }
  .branchdetails .hero-cta:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
/* 
   Blog listing (body.blogpage) — same inner hero as Gallery
    */

body.blogpage .inner {
  background: #f5efe4;
  height: 416px;
  position: relative;
  overflow: hidden;
}

body.blogpage .inner #block-eggstatic-views-block-i-block-1 .views-row {
  position: relative;
  min-height: 416px;
  margin: 0;
}

body.blogpage .inner #block-eggstatic-views-block-i-block-1 .views-field-field-page-image img {
  width: 100%;
  height: 416px;
  object-fit: cover;
  display: block;
}

/* Match .gallerypage #block-eggstatic-views-block-i-block-1 .views-field-title */
body.blogpage #block-eggstatic-views-block-i-block-1 .views-field-title {
  color: #f5efe4;
  font-size: 61.6px;
  left: 0 !important;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: center;
}
}
@media (max-width: 768px) {
  body.blogpage #block-eggstatic-views-block-i-block-1 .views-field-title {
    font-size: 40px;
  }
}

@media (max-width: 480px) {
  .branchdetails .hero-hours-badge,
  .branchdetails .hero-rating-box {
    width: 135px;
    min-height: 70px;
    height: auto;
    padding: 6px;
    border-radius: 12px;
  }
  .branchdetails .hero-hours-badge * { font-size: 7px; line-height: 1.15; letter-spacing: -0.2px; }
  .branchdetails .hero-hours-badge > * { -webkit-line-clamp: 10; }
  .branchdetails .hero-rating-score { font-size: 14px; margin-bottom: -1px; }
  .branchdetails .hero-rating-stars { font-size: 7px; margin: 1px 0; }
  .branchdetails .hero-cta-row { gap: 4px; padding: 8px; }
  .branchdetails .hero-cta { padding: 8px 4px; font-size: 10px; border-radius: 20px; }
}

/* Text visibility — shadow only, no background change */
.branchdetails .hero-hours-badge p,
.branchdetails .hero-hours-badge div,
.branchdetails .hero-hours-badge span,
.branchdetails .hero-hours-badge ul,
.branchdetails .hero-hours-badge li {
  text-shadow: 0 1px 3px rgba(0,0,0,0.9), 0 0 8px rgba(0,0,0,0.7);
}

.branchdetails .hero-rating-score,
.branchdetails .hero-rating-count {
  text-shadow: 0 1px 3px rgba(0,0,0,0.9), 0 0 8px rgba(0,0,0,0.7);
}

.branchdetails .hero-rating-stars {
  text-shadow: 0 1px 2px rgba(0,0,0,0.8);
}

.branchdetails .hero-cta {
  text-shadow: 0 1px 3px rgba(0,0,0,0.9);

  body.blogpage #block-eggstatic-views-block-i-block-1 .views-field-title {
    font-size: 32px;
  }
}

/* 
   Blog index — pills + post cards (#block-eggstatic-views-block-blog-index-block-1)
    */

body.blogpage #content-wrap {
  background: #f5efe4;
}

#block-eggstatic-views-block-blog-index-block-1 .blogIndex {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
  gap: 28px;
  padding-inline: clamp(20px, 5vw, 104px);
  padding-block: 45px 80px;
  max-width: 1400px;
  margin-inline: auto;
}

#block-eggstatic-views-block-blog-index-block-1 .blogIndex>.views-exposed-form {
  grid-column: 1 / -1;
  margin: 0;
  padding: 0;
}

#block-eggstatic-views-block-blog-index-block-1 .blog-filter-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  align-items: center;
  justify-content: center;
  margin: 0 0 8px;
  padding: 0;
  list-style: none;
}

#block-eggstatic-views-block-blog-index-block-1 .filter-pill {
  appearance: none;
  margin: 0;
  border: 1px solid rgba(34, 30, 31, 0.22);
  background: #fff;
  color: #221e1f;
  font-family: "Suisse Intl Mono", monospace;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 10px 18px;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

#block-eggstatic-views-block-blog-index-block-1 .filter-pill:hover {
  border-color: #cf4d2d;
  color: #cf4d2d;
}

#block-eggstatic-views-block-blog-index-block-1 .filter-pill.active {
  background: #cf4d2d;
  border-color: #cf4d2d;
  color: #fff;
  box-shadow: 0 4px 14px rgba(207, 77, 45, 0.35);
}

#block-eggstatic-views-block-blog-index-block-1 .views-exposed-form .form-item-field-blog-location-target-id label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

#block-eggstatic-views-block-blog-index-block-1 .blogIndex>.views-row {
  display: flex;
  flex-direction: column;
  margin: 0;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(34, 30, 31, 0.07);
  box-shadow: 0 12px 40px rgba(28, 33, 38, 0.08);
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

#block-eggstatic-views-block-blog-index-block-1 .blogIndex>.views-row:hover {
  box-shadow: 0 20px 52px rgba(28, 33, 38, 0.12);
  transform: translateY(-4px);
}

#block-eggstatic-views-block-blog-index-block-1 .views-field-field-blog-image {
  margin: 0;
  line-height: 0;
  flex-shrink: 0;
}

#block-eggstatic-views-block-blog-index-block-1 .views-field-field-blog-image img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}

#block-eggstatic-views-block-blog-index-block-1 .views-field-title {
  padding: 20px 20px 8px;
  margin: 0;
}

#block-eggstatic-views-block-blog-index-block-1 .views-field-title a {
  color: #221e1f;
  font-family: "Sharp Grotesk";
  font-size: clamp(17px, 2.5vw, 20px);
  font-weight: 400;
  line-height: 1.25;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: -0.01em;
}

#block-eggstatic-views-block-blog-index-block-1 .views-field-title a:hover {
  color: #cf4d2d;
}

#block-eggstatic-views-block-blog-index-block-1 .views-field-field-blog-excerpt {
  padding: 0 20px 16px;
  margin: 0;
  flex-grow: 1;
}

#block-eggstatic-views-block-blog-index-block-1 .views-field-field-blog-excerpt .field-content {
  color: #5e5e5e;
  font-family: "Suisse Intl Mono", monospace;
  font-size: 14px;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#block-eggstatic-views-block-blog-index-block-1 .views-field-field-blog-location,
#block-eggstatic-views-block-blog-index-block-1 .views-field-field-blog-topic {
  padding: 4px 20px 0;
  margin: 0;
}

#block-eggstatic-views-block-blog-index-block-1 .views-field-field-blog-location a,
#block-eggstatic-views-block-blog-index-block-1 .views-field-field-blog-topic a {
  color: #cf4d2d;
  font-family: "Suisse Intl Mono", monospace;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-transform: uppercase;
}

#block-eggstatic-views-block-blog-index-block-1 .views-field-field-blog-location a:hover,
#block-eggstatic-views-block-blog-index-block-1 .views-field-field-blog-topic a:hover {
  text-decoration: underline;
}

#block-eggstatic-views-block-blog-index-block-1 .views-field-field-blog-author,
#block-eggstatic-views-block-blog-index-block-1 .views-field-field-blog-read-time,
#block-eggstatic-views-block-blog-index-block-1 .views-field-created {
  padding: 4px 20px 0;
  margin: 0;
  font-family: "Suisse Intl Mono", monospace;
  font-size: 12px;
  line-height: 1.45;
  color: #5e5e5e;
}

#block-eggstatic-views-block-blog-index-block-1 .views-field-field-blog-read-time:has(.field-content:empty) {
  display: none;
}

#block-eggstatic-views-block-blog-index-block-1 .views-field-created {
  padding-bottom: 20px;
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid rgba(34, 30, 31, 0.08);
}

#block-eggstatic-views-block-blog-index-block-1 .views-field-created time {
  color: #5e5e5e;
}

@media (max-width: 576px) {
  #block-eggstatic-views-block-blog-index-block-1 .blog-filter-pills {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 8px;
    margin-bottom: 4px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  #block-eggstatic-views-block-blog-index-block-1 .filter-pill {
    flex: 0 0 auto;
  }
}

/* 
   Blog post (full node) — main column + Related Blogs sidebar
   body.page-node-type-blog_post
    */

body.page-node-type-blog_post .inner #block-eggstatic-sociallinks-2 {
  display: none;
}

body.page-node-type-blog_post #content-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  column-gap: 48px;
  row-gap: 0;
  align-items: start;
  /* max-width: 1400px; */
  /* margin-inline: auto; */
  padding-inline: clamp(20px, 5vw, 104px);
  padding-block: 65px 80px;
  padding-inline: 104px;
  background: #fff;
}

body.page-node-type-blog_post #content-wrap>#block-eggstatic-content {
  grid-column: 1 / -1;
}

body.page-node-type-blog_post #content-wrap>#block-eggstatic-views-block-blog-post-detail-block-1,
body.page-node-type-blog_post #content-wrap>#block-eggstatic-views-block-blog-related-posts-block-1 {
  min-width: 0;
}

body.page-node-type-blog_post #block-eggstatic-views-block-blog-post-detail-block-1 .blogDetails .views-row {
  max-width: none;
  margin-inline: 0;
  padding-inline: 0;
  padding-block: 32px 56px;
}

body.page-node-type-blog_post #block-eggstatic-views-block-blog-related-posts-block-1 {
  position: sticky;
  top: 96px;
  align-self: start;
  margin: 0;
  padding: 24px 20px 28px;
  background: #fff;
  border-radius: 20px;
  border: 1px solid rgba(34, 30, 31, 0.07);
  box-shadow: 0 12px 40px rgba(28, 33, 38, 0.08);
}

body.page-node-type-blog_post #block-eggstatic-views-block-blog-related-posts-block-1>h2 {
  margin: 0 0 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(34, 30, 31, 0.1);
  color: #c5673b;
  font-family: "Sharp Grotesk";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.14em;
  line-height: 1.3;
  text-transform: uppercase;
}

body.page-node-type-blog_post #block-eggstatic-views-block-blog-related-posts-block-1 .views-row {
  display: flex;
  flex-direction: column;
  margin: 0 0 18px;
  padding: 0;
  overflow: hidden;
  border-radius: 16px;
  background: #f5efe4;
  border: 1px solid rgba(34, 30, 31, 0.06);
  box-shadow: 0 4px 16px rgba(28, 33, 38, 0.06);
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

body.page-node-type-blog_post #block-eggstatic-views-block-blog-related-posts-block-1 .views-row:last-child {
  margin-bottom: 0;
}

.blogpage .inner {
    height: 610px;
    .views-field-field-page-image * {
        width: 100%;
        max-height: 610px;
        object-fit: cover;
    }
     #block-eggstatic-views-block-i-block-1 .views-field-title {
        color: #F5EFE4;
        font-size: 61.6px;
        left: 0 !important;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}

body.page-node-type-blog_post #block-eggstatic-views-block-blog-related-posts-block-1 .views-row:hover {
  box-shadow: 0 10px 28px rgba(28, 33, 38, 0.1);
  transform: translateY(-2px);
}

body.page-node-type-blog_post #block-eggstatic-views-block-blog-related-posts-block-1 .views-field-field-blog-image {
  margin: 0;
  line-height: 0;
}

body.page-node-type-blog_post #block-eggstatic-views-block-blog-related-posts-block-1 .views-field-field-blog-image img {
  display: block;
  width: 100%;
  height: 148px;
  object-fit: cover;
}

body.page-node-type-blog_post #block-eggstatic-views-block-blog-related-posts-block-1 .views-field-title {
  margin: 0;
  padding: 14px 14px 6px;
}

body.page-node-type-blog_post #block-eggstatic-views-block-blog-related-posts-block-1 .views-field-title a {
  color: #221e1f;
  font-family: "Sharp Grotesk";
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: -0.01em;
}

body.page-node-type-blog_post #block-eggstatic-views-block-blog-related-posts-block-1 .views-field-title a:hover {
  color: #cf4d2d;
}

body.page-node-type-blog_post #block-eggstatic-views-block-blog-related-posts-block-1 .views-field-field-blog-location {
  margin: 0;
  padding: 0 14px 14px;
}

body.page-node-type-blog_post #block-eggstatic-views-block-blog-related-posts-block-1 .views-field-field-blog-location .field-content {
  font-family: "Suisse Intl Mono", monospace;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.4;
  text-transform: uppercase;
  color: #cf4d2d;
}

body.page-node-type-blog_post #block-eggstatic-views-block-blog-related-posts-block-1 .views-field-field-blog-location a {
  color: #cf4d2d;
  text-decoration: none;
}

body.page-node-type-blog_post #block-eggstatic-views-block-blog-related-posts-block-1 .views-field-field-blog-location a:hover {
  text-decoration: underline;
}

@media (max-width: 992px) {
  body.page-node-type-blog_post #content-wrap {
    grid-template-columns: 1fr;
    padding-block: 8px 56px;
  }

  body.page-node-type-blog_post #block-eggstatic-views-block-blog-related-posts-block-1 {
    position: static;
    top: auto;
    max-width: 560px;
    margin-inline: auto;
  }

  body.page-node-type-blog_post #block-eggstatic-views-block-blog-post-detail-block-1 .blogDetails .views-row {
    padding-block: 24px 40px;
  }
}