@import url(foundation.min.css);
@import url(jquery.fancybox.css);
@import url(slick.css);

@font-face {
  font-family: "cera";
  src: url(../fonts/Cera-GR-Medium.ttf) format("truetype");
  font-weight: normal;
}

@font-face {
  font-family: "play-fair-display";
  src: url(../fonts/PlayfairDisplay-Bold.ttf) format("truetype");
}

@font-face {
  font-family: "noto-serif-display-semiBold";
  src: url(../fonts/NotoSerifDisplay-SemiBold.ttf) format("truetype");
}

@font-face {
  font-family: "noto-serif";
  src: url(../fonts/NotoSerif-Regular.ttf);
  font-weight: 400;
}

@font-face {
  font-family: "noto-serif-bold";
  src: url(../fonts/NotoSerif-Bold.ttf);
  font-weight: 700;
}

:root {
  --primary-color: #96694c;
  --secondary-shoft-color: #fcf3ed;
  --secondary-deep-color: #fae8df;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
h1,
h2,
h3,
h4,
h5,
h6,
html,
body,
audio,
canvas,
video,
a,
small,
label,
legend,
button,
input,
textarea,
time,
.top-bar-section ul li > a {
  font-family: "cera";
  font-weight: normal;
}

/* .custom-nav a {
  position: relative; 
}
.custom-nav a::before {
  content: "";
  width: 0;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-bottom: #000000 2px solid;
  position: absolute;
  bottom: 0;
  left: 0;
}
.custom-nav a:hover::before {
  width: 100%;
} */

.error small.error {
  font-size: 18px !important;
  border-radius: 10px !important;
  position: relative !important;
  margin-top: 6px !important;
}

.error small.error::before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  top: -6px;
  left: -1;
  border-top-left-radius: 12px 30px;
  border-top-right-radius: 64px 84px;
  background-color: #f04124;
}
.error > label > small {
  text-transform: none;
}

.button,
button {
  background-color: #257696;
}

.button:hover,
button:hover {
  background-color: #113644;
}

.top-bar-section li:last-child:not(.has-form) a.events:not(.button) {
  text-decoration: none !important;
  color: #ffffff !important;
  background-color: #333333 !important;
}

.top-bar-section li:last-child:not(.has-form) a:hover.events:not(.button) {
  background-color: #999999 !important;
}

.st_fblike_hcount {
  margin-right: 25px;
}

.st_pinterest_hcount {
  margin-left: 20px;
}

.contain-to-grid,
.top-bar,
.top-bar-section ul {
  font-size: 1rem;
  color: #666666 !important;
  background-color: transparent !important;
}

.top-bar-section {
  margin-top: 10px;
}

.top-bar-section .has-dropdown > a:after {
  border-color: #666666 transparent transparent transparent;
}

ul.dropdown {
  background-color: #cccccc !important;
}

.slider,
.slider img {
  width: 100%;
}

.row {
  max-width: 1200px;
}

[data-magellan-expedition="fixed"] {
  width: 1200px;
  max-width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
}

.breadcrumbs {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.breadcrumbs a:not(.current):hover,
.breadcrumbs a:hover i {
  color: #a69c00;
}

div.breadcrumb {
  max-width: 1200px;
  margin: 0 auto 25px;
}

.breadcrumbs * {
  color: #333333;
}

.breadcrumbs *,
.breadcrumbs > .current {
  line-height: 28px;
  text-transform: capitalize;
  font-size: 1rem;
}

.captcha input {
  margin-top: 8px;
}

body {
  opacity: 1;
  background-color: var(--secondary-shoft-color);
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  padding: 0;
  background-color: var(--secondary-shoft-color);

  /* box-shadow: 0 1px 1px 0 rgba(208, 206, 206, 0.7); */
}

.top-bar .toggle-topbar.menu-icon a::after {
  top: -3px;
  left: 5px;
}

.top-bar {
  /* height: 110px; */
  height: 195px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1691px;
  padding-inline: 107px;
  margin: 0 auto;
  position: relative;
  margin-block: 60px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /* margin: 0; */
}

.site-header.scrolled {
  box-shadow: 0 0 9px 1px rgba(150, 105, 76, 0.75);
  -webkit-box-shadow: 0 0 9px 1px rgba(150, 105, 76, 0.75);
  -moz-box-shadow: 0 0 9px 1px rgba(150, 105, 76, 0.75);
}

.top-bar.scrolled {
  height: 1px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#navbar.scrolled > .top-bar-section li a:hover::before {
  transform: translateX(-50%) scale(0.7);
  transition: all 0.5s;
  top: -20px;
}

.scrolledLogo img {
  scale: 0.7;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#navbar.scrolled .top-bar-section {
  position: relative;
  top: -20px;
}

.top-bar-section {
  margin-top: 0;
}

.top-bar .toggle-topbar.menu-icon {
  top: 5px; /* an to header exei upsos 65px diaforetika anaprosarmogi */
  right: 15px;
  left: auto;
  margin-top: 0;
  padding: 0;
}

.top-bar .toggle-topbar.menu-icon a {
  height: 25px;
  margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 40px;
}

p {
  margin-bottom: 20px;
}

.homepage main {
  padding-top: 315px;
}

.innerpage main {
  padding-top: 315px;
}

.row--padding,
.columns,
.column {
  padding-left: 12px;
  padding-right: 12px;
}

.row--lg {
  max-width: 1744px;
}

.form-validation input {
  margin-top: 8px;
}

#submitform {
  margin-top: 10px;
  font-family: "cera";
  font-weight: 600 !important;
  background-color: #a04949;
  border-radius: 3px;
  font-size: 14px;
}

.home-active li:first-of-type a {
  font-weight: 800;
  text-decoration: none;
}

ul.title-area #logo {
  display: inline-block;
}

.top-bar .name {
  height: initial;
}

/* Plain header links */
.top-bar-section li:not(.has-form) a:not(.button) {
  font-size: 16px;
  color: #fff;
  background-color: transparent;
  position: relative;
  display: inline-block;
}

/* Links with after element */
.top-bar-section li:not(.has-form) a:not(.button)::after,
li.has-dropdown.not-click:not(:last-of-type)::after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-top: -3px;
  background-color: #fff;
  display: none;
}
.top-bar-section li:not(.has-form) ul.dropdown a:not(.button)::after {
  display: none;
}

/* No Dropdown Arrow */
.top-bar-section .has-dropdown > a {
  padding-right: 15px !important;
}
.top-bar-section .has-dropdown > a:after {
  display: none;
}

.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section .dropdown li:not(.has-form) a:not(.button),
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
  color: #fff;
  background-color: transparent;
}
.top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
  color: #f58220;
  background-color: #fff;
}

#left-menu.top-bar-section {
  /* margin-right: auto; */
}

#right-menu.top-bar-section {
  margin-left: auto;
}

#navbar {
  position: relative !important;
}

#navbar > .top-bar-section {
  margin-top: auto;
  margin-bottom: 35px;
}

#navbar > .top-bar-section li a {
  color: #2c1f15;
  font-weight: 700;
  font-size: 21px;
  padding: 0;
  position: relative;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

#navbar > .top-bar-section li a:hover {
  color: var(--primary-color);
}

#navbar > .top-bar-section li a::before {
  content: url("../img/small-flower.png");
  top: -25px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-20px);
  -ms-transform: translateX(-50%) translateY(-20px);
  transform: translateX(-50%) translateY(-20px);
  opacity: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

/* #navbar > .top-bar-section li.active a::before, */
#navbar > .top-bar-section li:hover a::before {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(0px);
  -ms-transform: translateX(-50%) translateY(0px);
  transform: translateX(-50%) translateY(0px);
}

#navbar > .top-bar-section .center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 130px;
}

.top-bar .title-area {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  /* order: 2; */
}

.our-products,
.menu-deep-bg-content {
  max-width: 1700px;
  margin: 0 auto;
}

/* ------- SLIDESHOW ------- */
.slideshow {
  padding-inline: 107px;
  position: relative;
}

.absolute-details {
  position: absolute;
  width: 100%;
  max-width: 520px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#static-page.absolute-details,
#contact-page.absolute-details {
  position: absolute;
  width: 100%;
  max-width: 620px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.absolute-details h1,
.absolute-details h2,
.absolute-details h3 {
  margin: 0;
  color: #faf3ee;
  line-height: 1.2;
  font-family: "play-fair-display";
}

.absolute-details h1,
.absolute-details h2 {
  font-size: 68.87px;
  max-width: 480px;
  margin-bottom: 15px;
}

.absolute-details h3 {
  font-size: 39.34px;
  font-weight: 700;
  max-width: 400px;
  margin-left: auto;
}

#static-page.absolute-details h1,
#static-page.absolute-details h3 {
  max-width: 550px;
}

#static-page.absolute-details h3 {
  margin-left: 100px;
}

.slideshow-flowers {
  max-width: 750px;
  margin-left: auto;
  margin-right: 107px;
  position: relative;
  top: -11px;
}

/* ------- PRODUCTS ------- */

.our-products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 100px;
  margin-bottom: 70px;
  /* max-width: 1691px; */
  position: relative;
  top: -5rem;
}

.our-products-details {
  padding-left: 130px;
}

.our-products h2,
.our-products h3,
.our-products-content p {
  margin: 0;
  color: var(--primary-color);
}

.our-products h2 {
  font-weight: 700;
  font-size: 68.87px;
}

.our-products h3 {
  font-size: 39.34px;
  max-width: 350px;
}

.our-products-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
  /* padding-inline: 107px; */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.our-products-item {
  max-width: 365px;
  transition: all 0.4s;
  /* overflow: hidden; */
  position: relative;
}

.our-products-item img {
  /* overflow: hidden; */
}

.our-products-item:hover {
  scale: 0.95;
  width: 100%;
  /* border: 2px solid var(--primary-color); */
}

.our-products-item::before {
  content: url("../img/small-flower.png");
  top: -40px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-20px);
  -ms-transform: translateX(-50%) translateY(-20px);
  transform: translateX(-50%) translateY(-20px);
  opacity: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.our-products-item:hover::before {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(0px);
  -ms-transform: translateX(-50%) translateY(0px);
  transform: translateX(-50%) translateY(0px);
}

.our-products-item span {
  font-size: 100px;
  color: #faf3ee;
  position: absolute;
  left: -0.3rem;
  bottom: -0.7rem;
  margin: 0;
  padding: 0;
  font-family: "noto-serif-bold";
}

/* ------- MENU  ------- */
.menu-flowers svg {
  max-width: 450px;
  height: auto;
  display: flex;
}

.menu-container {
  /* background-color: #fae8df; */
  margin-bottom: 68px;
}

.menu-container .relative-image,
.menu-container .absolute-image {
  max-width: 724px;
}

.menu-container .absolute-image {
  top: 50%;
  transform: translateY(15%);
}

.menu-deep-bg {
  background-color: var(--secondary-deep-color);
  position: relative;
  z-index: 0;
}

.menu-deep-bg::after {
  content: "";
  position: absolute;
  background-color: var(--secondary-shoft-color);
  bottom: 0;
  left: 0;
  height: 214px;
  width: 100%;
  z-index: -1;
}
.menu-deep-bg-content {
  padding-inline: 107px;
  /* padding-inline: 107px; */
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 38px;
}

.menu-big-image,
.our-products-content {
  padding-inline: 107px;
}

.menu-big-image h2,
.menu-big-image h3 {
  font-family: "cera";
}

#menu-flowers-top {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-block: 10px;
}

#menu-flowers-bottom {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* width: 50%; */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 45px;
}

.menu-details {
  max-width: 500px;
  font-size: 39.34px;
  color: var(--primary-color);

  line-height: 1.2;
  margin: 0 auto;
  margin-top: 160px;
}

.menu-left {
  width: 50%;
}

.menu-right {
  position: relative;
  width: 50%;
}

.menu-right .absolute-image {
  position: absolute;
  bottom: -500px;
  right: 0;
}

.menu-link-container {
  padding-left: 107px;
}

.menu-shoft-bg-details {
  /* width: 50%; */
  margin-bottom: 240px;
  margin-top: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 60px;
  position: relative;
  max-width: 1625px;
  margin-left: auto;
}

.menu-shoft-bg-details .menu-link a {
  text-align: left;
  margin-right: auto;
}

/* .menu-link::after {
	content: '';
	position: absolute;
	right: 0;
	background-color: rgb(169 129 105 / 40%);
	height: 2px;
	width: 100%;
	bottom: -40px;
} */

.menu-shoft-bg {
  position: relative;
}

.menu-link {
  text-align: center;
  padding-right: 20px;
  justify-content: left;
  text-align: left;
  margin-right: auto;
  max-width: 1625px;
  /* padding-left: 107px; */
}

.menu-link a {
  font-size: 49.3px;
  color: var(--primary-color);
  font-weight: 700;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}

.menu-link a::before {
  content: "";
  width: 100%;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-bottom: var(--primary-color) 4px solid;
  position: absolute;
  bottom: 0;
  left: 0;
}

.menu-link a:hover::before {
  width: 0;
}

.menu-big-image {
  position: relative;
  /* max-width: 1700px; */
  /* margin: 0 auto; */
}

.menu-big-image img {
  width: 100%;
  margin-top: 48px;
}

/* ------- HERO ------- */

.slick-slider {
  margin-bottom: 0;
}

/* ------- STATIC PAGE ------- */
.main__image {
  position: relative;
  padding-inline: 107px;
  width: 100%;
}

.main__image img {
  width: 100%;
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
}

#static-page.absolute-details,
#contact-page.absolute-details {
  left: 107px;
}

.articleImage {
  /* width: 100%; */
}

.static-page__title {
  text-align: center;
  font-size: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: white;
}

.static-page__content {
  margin-block: 80px;
}

.static-page__content p {
  margin: 0 auto;
  line-height: 1.4;
  max-width: 800px;
  text-align: center;
  font-size: 30px;
}

/* ---- ALBUM PAGE ----- */
.album-img {
  position: relative;
}

.album-img img {
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
}

.album-content {
  padding-inline: 30px;
}

/* ------- CONTACT PAGE ------- */
.contact-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 1749px;
  margin: 0 auto;
  padding-top: 130px;
  padding-inline: 30px;
}

#contact-page.absolute-details h3 {
  /* color: #95b8ca; */
}

.contact-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-bottom: 85px;
  padding-right: 50px;
}

.contact-details {
  max-width: 510px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 50px;
  padding-left: 107px;
}

.contact-details h2,
.contact-details p,
.contact-details a,
.contact-details h3 {
  margin: 0;
  font-size: 22.46px;
  color: var(--primary-color);
}

.contact-details a {
  position: relative;
  -webkit-transition: 0.3s color;
  -o-transition: 0.3s color;
  transition: 0.3s color;
}

.contact-details a:hover {
  color: #4b3527;
}

.contact-details h2 {
  font-size: 49.31px;
  color: var(--primary-color);
  line-height: 1.2;
  margin-bottom: 90px;
}

.contact-details .hours {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.contact-container #contact {
  width: 100%;
  max-width: 750px;
  margin-left: auto;
  padding-right: 70px;
}

.contact-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.contact-content input,
.contact-content textarea,
.contact-contect input:focus,
.contact-contect input:active,
.contact-content #submitform {
  margin: 0;
  background-color: transparent !important;
  border: 1px solid var(--primary-color);
}

.contact-content textarea {
  resize: vertical;
}

#fullname::-webkit-input-placeholder,
#subject::-webkit-input-placeholder {
  color: #96694c !important;
  font-family: "cera";
  font-weight: 400 !important;
  letter-spacing: 1.4px;
  font-size: 33.72px;
}

#fullname::-moz-placeholder,
#subject::-moz-placeholder {
  color: #96694c !important;
  font-family: "cera";
  font-weight: 400 !important;
  letter-spacing: 1.4px;
  font-size: 33.72px;
}

#fullname:-ms-input-placeholder,
#subject:-ms-input-placeholder {
  color: #96694c !important;
  font-family: "cera";
  font-weight: 400 !important;
  letter-spacing: 1.4px;
  font-size: 33.72px;
}

#fullname::-ms-input-placeholder,
#subject::-ms-input-placeholder {
  color: #96694c !important;
  font-family: "cera";
  font-weight: 400 !important;
  letter-spacing: 1.4px;
  font-size: 33.72px;
}

#fullname::placeholder,
#subject::placeholder,
.contact-content #submitform,
.contact-content input,
.contact-content textarea {
  color: #96694c !important;
  font-family: "cera";
  font-weight: 400 !important;
  letter-spacing: 1.4px;
  font-size: 33.72px;
}

.contact-content input {
  padding-top: 35px !important;
  padding-bottom: 30px !important;
  padding-inline: 40px;
}

#fullname::-webkit-input-placeholder,
#subject::-webkit-input-placeholder {
  /* font-weight: 700 !important; */
}

#fullname::-moz-placeholder,
#subject::-moz-placeholder {
  /* font-weight: 700 !important; */
}

#fullname:-ms-input-placeholder,
#subject:-ms-input-placeholder {
  /* font-weight: 700 !important; */
}

#fullname::-ms-input-placeholder,
#subject::-ms-input-placeholder {
  /* font-weight: 700 !important; */
}

#fullname::placeholder,
#subject::placeholder {
  /* font-weight: 700 !important; */
}

.contact-content #submitform {
  border-radius: 0;
  margin-top: 50px;
}

.contact-content #submitform:hover {
  background-color: var(--primary-color) !important;
  color: white !important;
  -webkit-transition: 0.6s background-color;
  -o-transition: 0.6s background-color;
  transition: 0.6s background-color;
}

.contact-content input,
.contact-content textarea {
}

#contact .alert-box {
  font-size: 16px;
  border-radius: 10px;
  text-align: center;
  margin-top: 20px;
}

.contact-map {
  margin: 0 auto;
  border: 0;
  width: 100%;
  max-width: 1468px;
  display: flex;
  justify-content: center;
}

/* .contact-map iframe {
	border-radius: 10px;
	width: 100%;
	height: 1015px;
} */

.contact-flowers svg {
  max-width: 840px;
  display: flex;
  margin-left: auto;
  margin-top: 20px;
  margin-right: 130px;
}
.contact-flowers svg path {
  fill: #c0a18d;
}

/* ------- ABOUT US PAGE ------- */
.about-us-page {
  position: relative;
}

.about-us-flowers {
  margin-left: auto;
  padding-right: 107px;
  max-width: 750px;
  position: relative;
  top: -0.5rem;
}

.about-us-header {
  padding-top: 20px;
  padding-inline: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0 auto;
  padding-inline: 107px;
  position: relative;
}

.about-us-header .header-bg {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.about-us-left-txt {
  width: 50%;
}

.about-us-page .text {
  max-width: 550px;
  font-size: 69px;
  color: var(--primary-color);
  font-weight: 700;
  line-height: 1.3;
  margin: 0 auto;
}

.about-us-deep-bg .details {
  width: 50%;
}

.about-us-deep-bg .details .text {
  max-width: 600px;
  font-size: 40px;
  line-height: 1.2;
  font-weight: 400;
  margin: 0 auto;
  padding-left: 65px;
}

.about-us-deep-bg .flowers {
  padding-block: 55px;
  max-width: 440px;
}

.about-us-top-img {
  width: 50%;
  margin-left: auto;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-90%);
  -ms-transform: translateY(-90%);
  transform: translateY(-90%);
  padding-right: 107px;
  z-index: 0;
}

.about-us-top-img img {
  width: 100%;
  max-width: 840px;
}

.about-us-deep-bg {
  background-color: var(--secondary-deep-color);
  padding-top: 255px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.about-us-bottom {
  position: relative;
  z-index: 1;
  padding-bottom: 270px;
  position: relative;
}

.about-us-bottom .bottom-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.about-us-bottom::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-color: var(--secondary-deep-color);
  height: 200px;
  width: 100%;
  z-index: -1;
}

.about-us-bottom-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-inline: 107px;
}

.about-us-bottom-img img {
  margin: 0 auto;
  width: 100%;
  max-width: 1682px;
}

.about-us-bottom-txt {
  position: relative;
  font-size: 69px;
  color: var(--primary-color);
  height: 100%;
  height: 320px;
}

.about-us-bottom-txt .bottom-txt {
  max-width: 740px;
  line-height: 1.2;
  margin: 0 auto;
  position: absolute;
  top: -70px;
  left: 50%;
  -webkit-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
  transform: translateX(-20%);
}

/* ------- CATEGORY PAGE ------- */

/* ------- FOOTER ------- */

.site-footer {
  background-color: #050505;
}

.footer-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* gap: 150px; */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* padding-inline: 20px; */
  /* padding-left: 100px; */
  /* padding-right: 50px; */
  padding-top: 60px;
  padding-bottom: 80px;
  margin: 0 auto;
  max-width: 1800px;
  padding-inline: 30px;
}

.footer-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* gap: 30px; */
  margin-bottom: 25px;
}

.footer-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 70px;
}
.footer-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  transition: all 0.3s;
}

.footer-social h2 {
  padding-bottom: 45px;
}

.footer-social .cookies {
  padding-top: 95px;
}

.footer-social .cookies,
.footer-social .privacy {
  font-size: 14px;
}

.footer-img svg {
  width: 100%;
  /* height: 347px; */
  /* width: 340px; */
}

.footer-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
  gap: 55px;
  margin-bottom: 77px;
}

.footer-details .details {
  max-width: 850px;
  margin-left: 158px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 70px;
}

.footer-details .footer-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.footer-details h2 {
  font-size: 43.57px;
  color: var(--primary-color);
}

.footer-details h3 {
  font-size: 53px;
  color: #faf3ee;
}

.footer-social h2,
.footer-contact h2,
.footer-phones p,
.footer-locations h2,
.footer-header a {
  font-size: 28.08px;
  color: var(--primary-color);
}

.footer-header a {
  color: #faf3ee;
  margin-top: 5px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.footer-header a {
  position: relative;
  -webkit-transition: 0.3s color;
  -o-transition: 0.3s color;
  transition: 0.3s color;
}

.footer-header a:hover {
  color: var(--primary-color);
}
/* .footer-header a::before {
  content: "";
  width: 0;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-bottom: #96694c 2px solid;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.footer-header a:hover::before {
  width: 100%;
} */

.footer-locations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  max-width: 300px;
}

.footer-locations h2 {
  margin-bottom: 20px;
}

.footer-phones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
  margin-top: auto;
}

.footer-phones .email {
  margin-top: 48px;
}

.footer-contact #row-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer-content h2,
.footer-content h3,
.footer-content p {
  margin: 0;
  line-height: 1.2;
}

.footer-flowers {
  max-width: 1300px;
  width: 100%;
  margin-left: auto;
}

.footer-top-flowers svg {
  width: 1300px;
  margin-bottom: auto;
}

.footer-bottom-flowers {
  margin-top: auto;
}

.copyright-logo {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.site-footer__copyrights,
.site-footer__copyrights a {
  font-size: 14px;
  color: var(--primary-color);
  transition: color 0.4s;
}

.site-footer__copyrights a:hover {
  color: #faf3ee;
}

.site-footer__logo {
  max-width: 80px;
  height: auto;
  margin-top: 30px;
  /* text-align: right; */
}
/* -----------MENU PAGE --------------------------------------------------------------- */
.full-menu {
  margin-top: 115px;
  margin-bottom: 65px;
}

.full-menu-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 120px;
}

.full-menu-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.menu-slider {
  position: relative;
  z-index: 0;
}

.menu-page-container .slick-next::before,
.menu-page-container .slick-prev::before {
  content: "";
  position: absolute;
  border: solid #ffffff;
  border-width: 0 1px 1px 0;
  padding: 12px;
  border-radius: 0 0 5px 0;
  top: 50%;
  left: 50%;
}

.menu-page-container li span,
.menu-page-container li strong {
  font-family: "noto-serif-bold";
}

.menu-page-container li {
  font-family: "noto-serif";
}

.menu-page-container .slick-next::before {
  transform: translate(-65%, -50%) rotate(-45deg);
}

.menu-page-container .slick-prev::before {
  transform: translate(-35%, -50%) rotate(135deg);
}

.menu-page-container .slick-arrow {
  background-color: transparent;
  position: absolute;
  font-size: 0;
  z-index: 1;
  margin: 0;
  padding: 40px 40px;
  margin-inline: 30px;
  border-radius: 50%;
  color: white;
  border: 1px solid #ffffff;
  transition: scale 0.3s;
}

.menu-page-container .slick-arrow:hover {
  scale: 0.95;
}

.menu-page-container .slick-prev {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.menu-page-container .slick-next {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

.menu-page-container .menu-slider {
  max-width: 860px;
}

.menu-page-container .menu-slider img {
  filter: brightness(70%);
}

.full-menu,
.ice-cream,
.sweet-suggestions,
.smoothie-bowls,
.crepes-container,
.salad-content,
.waffles,
.baguette-container,
.drinks {
  margin: 0 auto;
  max-width: 1570px;
  padding-inline: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ice-cream-list,
.sweet-suggestion-details,
.smoothie-bowls-details,
.waffles-details,
.savory-crepes-details,
.sweet-crepes-details,
.salads-details,
.tortillas-details,
.brunch-details,
.baguette-details,
.a-la-carte-details {
  text-align: justify;
}

.ice-cream-bg,
.crepes-container-bg,
.brunch-bg,
.drinks-bg {
  background-color: var(--secondary-deep-color);
  position: relative;
  z-index: 0;
}

.salads-container {
  position: relative;
}

.ice-cream-bg::before,
.ice-cream-bg::after,
.crepes-container-bg::before,
.salads-container::before,
.brunch-bg::after,
.drinks-bg::before,
.drinks-bg::after {
  content: "";
  position: absolute;
  width: 100%;
  background-color: var(--secondary-shoft-color);
  z-index: -1;
}

.ice-cream-bg::before {
  height: 73px;
}

.ice-cream-bg::after {
  height: 100px;
  background-color: var(--secondary-deep-color);
}

.crepes-container-bg::before {
  height: 162px;
}

.salads-container::before {
  height: 300px;
  background-color: var(--secondary-deep-color);
  top: -60px;
}

.brunch-bg::after {
  height: 325px;
  bottom: 0;
}

.drinks-bg::before {
  height: 132px;
}

.drinks-bg::after {
  height: 535px;
  bottom: 0;
}

.menu-page-container h2,
.menu-page-container h3,
.menu-page-container h4,
.menu-page-container a {
  margin: 0;
  color: var(--primary-color);
}

.menu-page-container li {
  color: var(--primary-color);
  font-size: 16.04px;
}
.menu-page-container ul span {
  color: var(--primary-color);
  font-size: 20.05px;
}

.menu-page-container h2 {
  font-size: 68.87px;
  line-height: 1;
  font-family: "play-fair-display";
}

.menu-page-container h3 {
  font-size: 47.87px;
  font-family: "noto-serif-display-semiBold";
}

.menu-page-container h4,
.menu-page-container a {
  font-size: 33.72px;
}

.full-menu-header h2,
.full-menu-header h3,
.full-menu-header a {
  margin: 0;
  color: var(--primary-color);
}

.full-menu-header h2 {
  font-size: 49.3px;
  line-height: 1.2;
  max-width: 255px;
}

.full-menu-header a,
.full-menu-header h3,
.full-catalogue a {
  font-size: 33.72px;
}

.full-menu-header .download {
  padding-bottom: 15px;
  margin-top: auto;
}

.menu-page-container a:not(.full-catalogue a, .moduledata a) {
  position: relative;
}

.menu-page-container a:not(.full-catalogue a, .moduledata a)::before {
  content: "";
  width: 100%;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-bottom: #96694c 3px solid;
  position: absolute;
  bottom: 2px;
  left: 0;
}

.menu-page-container a:not(.full-catalogue a, .moduledata a):hover::before {
  width: 0;
}

.full-menu {
  margin-top: 118px;
  margin-bottom: 70px;
}

.full-menu-header {
  position: relative;
}

.full-menu-header .download::after {
  content: "";
  height: 1px;
  position: absolute;
  width: 460px;
  background-color: var(--primary-color);
  bottom: 0;
  left: -220px;
}

.full-catalogue {
  /* margin-left: auto; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 14px;
  max-width: 980px;
  /* padding-right: 20px; */
}

.full-catalogue a {
  color: var(--primary-color);
}

.full-catalogue > div {
  border: 1px solid #96694c;
  -ms-flex-line-pack: center;
  align-content: center;
  padding: 20px 30px;
  -webkit-transition: 0.6s all;
  -o-transition: 0.6s all;
  transition: 0.6s all;
}

.full-catalogue > div:hover {
  background-color: var(--primary-color);
  border: 1px solid white;
  scale: 0.98;
}

.full-catalogue > div:hover a {
  color: white;
}

.ice-cream {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ice-cream .menu-flowers svg {
  text-align: end;
  margin-left: auto;
  margin-bottom: 60px;
  max-width: 440px;
}

.ice-cream-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* gap: 125px; */
}

.ice-cream-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.ice-cream-header .link {
  margin-top: auto;
  padding-bottom: 50px;
}

.ice-cream-header::after {
  content: "";
  height: 1px;
  position: absolute;
  width: 430px;
  background-color: var(--primary-color);
  bottom: 30px;
  left: -220px;
}

.ice-cream-list {
  /* margin-left: auto; */
}

.ice-cream-list ul {
  list-style: none;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.ice-cream-list ul li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  padding-bottom: 30px;
  max-width: 550px;
}

.sweet-suggestion-list ul,
.smoothie-bowls-list ul,
.waffles-list ul,
.sweet-crepes-list ul,
.savory-crepes-list ul,
.salads-list ul,
.tortillas-list ul,
.brunch-list ul,
.baguette-list ul,
.a-la-carte-list ul,
.beverages-list ul,
.juices-list ul,
.alcohol-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sweet-suggestion-list ul li,
.smoothie-bowls-list ul li,
.waffles-list ul li,
.sweet-crepes ul li,
.savory-crepes-list ul li,
.salads-list ul li,
.tortillas-list ul li,
.brunch-list ul li,
.baguette-list ul li,
.a-la-carte-list ul li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  padding-bottom: 30px;
}

.drinks ul span strong {
  font-family: "noto-serif-bold";
}

.sweet-suggestions {
  margin-top: 70px;
  margin-bottom: 25px;
}

.sweet-suggestions .menu-slider {
  position: relative;
  z-index: 0;
}

.moduledata figure {
  margin: 0;
  padding: 0;
}

.sweet-suggestion-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 60px;
  margin-top: 130px;
  margin-left: 90px;
  max-width: 550px;
}

.sweet-suggestions .flowers svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  max-width: 600px;
  margin-left: auto;
  position: relative;
  top: -0.6rem;
  right: -5.2rem;
}

.smoothie-bowls .menu-slider {
  position: relative;
  margin-top: 50px;
}

.smoothie-bowls-details {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 75px;
  max-width: 540px;
  margin-right: 30px;
  /* margin-right: 140px; */
}

.smoothie-bowls-details .link::after {
  content: "";
  height: 1px;
  position: absolute;
  width: 26.8rem;
  background-color: var(--primary-color);
  bottom: -10px;
  left: -220px;
}

.smoothie-bowls-details .link {
  margin-top: auto;
  /* border:1px solid; */
  width: fit-content;
  position: relative;
}
.menu-page-container .four-flowers svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  margin-right: 124px;
  max-width: 600px;
  margin-left: auto;
  position: relative;
  right: -0.6rem;
}

.waffles-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 55px;
  /* margin-top: 130px; */
  max-width: 540px;
  margin-right: 30px;
}

.waffles-left {
}

.waffles .flowers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
}

.crepes-container {
  margin-bottom: 60px;
  margin-top: 100px;
}

.savory-crepes-details,
.sweet-crepes-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 60px;
}

.savory-crepes-details {
  max-width: 630px;
  margin-right: 30px;
  position: relative;
  top: 100px;
}

.sweet-crepes-details {
  max-width: 640px;
}

.sweet-crepes-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
}

.crepes-bottom .link {
  position: relative;
}

/* .crepes-bottom .link::after {
  content: "";
  height: 1px;
  position: absolute;
  width: 480px;
  background-color:var(--primary-color);
  bottom: 55px;
  right: -270px;
} */

.crepes-flowers-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  /* padding-right: 260px; */
  position: relative;
  margin-bottom: 60px;
  /* border:1px solid; */
}

.crepes-flowers-link .link {
  position: relative;
  width: 100%;
  max-width: 30rem;
}

.crepes-flowers-link .link::after {
  content: "";
  position: absolute;
  bottom: 4.6rem;
  right: 0;
  background-color: var(--primary-color);
  height: 1px;
  width: 100%;
}
.crepes-flowers-link .flowers svg {
  width: 450px;
}

.salad-img img {
  width: 100%;
}

.salad-img {
  margin: 0 auto;
  max-width: 1570px;
  padding-inline: 30px;
  /* max-width: 1630px; */
  margin-bottom: 80px;
  z-index: 0;
}

.salad-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* gap: 140px; */
}

.salads-details,
.tortillas-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 60px;
  /* margin-right: 170px; */
}

.salads-details {
  max-width: 530px;
  padding-right: 30px;
  padding-top: 180px;
}

.tortillas-details {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 100px;
}

.salads .flowers svg {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  max-width: 700px;
}

.tortillas .moduledata img {
  max-height: 500px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.brunch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 70px;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  gap: 100px;
  margin-left: 30px;
}

.brunch-img {
  max-width: 650px;
  width: 100%;
  padding-top: 130px;
}

.brunch-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.brunch-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 55px;
  max-width: 550px;
}

.brunch-list {
  margin-bottom: 80px;
}

.brunch-link-flowers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 780px;
  position: relative;
}

.brunch-link-flowers .link::after {
  content: "";
  height: 1px;
  position: absolute;
  width: 100%;
  background-color: var(--primary-color);
  top: 100px;
  right: 0;
}

.brunch .flowers svg {
  display: flex;
  margin-top: auto;
  width: 420px;
}

.brunch .flowers {
  margin-top: auto;
}

.baguette {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%;
  /* margin-top: 90px; */
}

.baguette .menu-slider {
  margin-top: 60px;
}

.baguette-details,
.a-la-carte-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 55px;
  /* margin-right: 180px; */
}

.a-la-carte-details {
  max-width: 510px;
  margin-right: 30px;
}

.baguette-details {
  max-width: 500px;
  margin: 0 auto;
  -webkit-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  transform: translateY(-10%);
}

.baguette-container .flowers svg {
  margin-block: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 840px;
}

.baguette .moduledata img {
  max-height: 510px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.a-la-carte {
  margin-top: 160px;
}

.beverages-details,
.juices-details,
.alcohol-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 50px;
  margin-top: auto;
}

.alcohol-details {
  margin-left: 20px;
}

.beverages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.beverages::after {
  content: "";
  height: 1px;
  position: absolute;
  width: 430px;
  background-color: var(--primary-color);
  bottom: 0;
  left: -220px;
}

.beverages .link {
  margin-top: auto;
  margin-bottom: 20px;
}

.juices-details {
  /* padding-left: 120px; */
}

.juices-details h2 {
  /* max-width: 500px; */
}

.drinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* gap: 60px; */
  margin-bottom: 120px;
}

.drinks .menu-slider {
  max-width: 600px;
}

.drinks .menu-slider {
  margin-top: 120px;
}

.drink-img img {
  max-width: 400px;
}

.juices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 600px;
  margin-top: auto;
}

.alcohol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 1600px) {
  .footer-top-flowers svg {
    width: unset;
    max-width: 1230px;
    margin-left: auto;
    display: flex;
  }

  .footer-social {
    margin-bottom: 1.5rem;
  }
}

@media screen and (max-width: 1500px) {
  /* home page */

  /* -----------MENU PAGE --------------------------------------------------------------- */
  .crepes-container-bg::before {
    height: 144px;
  }

  .ice-cream .menu-flowers svg {
    max-width: 400px;
  }

  .drinks-bg::before {
    height: 63px;
  }

  .menu-page-container h2 {
    font-size: 48px;
  }

  .menu-page-container h3 {
    font-size: 25px !important;
  }

  .full-menu-header .download::after {
    width: 400px;
  }

  .full-menu-header h2 {
    font-size: 40px;
  }

  .full-menu-header a,
  .full-menu-header h3,
  .full-catalogue a,
  .menu-page-container .link a,
  .menu-page-container .link h4 {
    font-size: 30px;
  }

  .ice-cream-content {
    gap: 30px;
  }

  .ice-cream-header::after {
    width: 410px;
  }

  .smoothie-bowls-details .link::after {
    width: 14.8rem;
    left: -50px;
  }

  .crepes-container {
    margin-top: 50px;
  }

  .crepes-flowers-link::after {
    width: 445px;
  }

  .brunch {
    gap: 50px;
  }

  .beverages::after {
    width: 410px;
  }

  .drinks {
    margin-bottom: 80px;
    gap: 30px;
  }

  /* contact page */
  .contact-map iframe {
    max-height: 900px;
  }
}

@media screen and (max-width: 1400px) {
  /* static page */
  /* ----ABOUT US ---- */

  .full-menu-header a,
  .full-menu-header h3,
  .full-catalogue a {
    font-size: 20px;
  }

  .menu-page-container a:not(.full-catalogue a, .moduledata a)::before {
    bottom: 0;
  }

  .about-us-flowers {
    max-width: 500px;
    height: auto;
  }

  .about-us-page .text {
    max-width: 450px;
    font-size: 50px;
  }

  .about-us-header {
  }

  .about-us-header .header-bg img {
    max-width: 10px;
    height: auto;
  }

  .about-us-top-img {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  .about-us-deep-bg {
    padding-top: 180px;
  }

  .about-us-deep-bg .details .text {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 400;
    max-width: 500px;
    padding-left: 65px;
  }

  .about-us-deep-bg .flowers {
    max-width: 300px;
    height: auto;
  }

  .about-us-bottom-txt {
    font-size: 50px;
    top: 16px;
  }

  .about-us-bottom .bottom-bg img {
    max-width: 100px;
    height: auto;
  }

  .about-us-bottom {
    padding-bottom: 80px;
  }

  /* --------- */
  /* ---- CONTACT PAGE ----- */
  .contact-details {
    gap: 40px;
  }
  .contact-details h2 {
    font-size: 40px;
  }

  #fullname::-webkit-input-placeholder,
  #subject::-webkit-input-placeholder {
    font-size: 28px;
  }

  #fullname::-moz-placeholder,
  #subject::-moz-placeholder {
    font-size: 28px;
  }

  #fullname:-ms-input-placeholder,
  #subject:-ms-input-placeholder {
    font-size: 28px;
  }

  #fullname::-ms-input-placeholder,
  #subject::-ms-input-placeholder {
    font-size: 28px;
  }

  #fullname::placeholder,
  #subject::placeholder,
  .contact-content #submitform,
  .contact-content input,
  .contact-content textarea {
    font-size: 28px;
  }

  .contact-content input:focus,
  .contact-content textarea:focus {
    /* border: 2px solid; */
  }

  .contact-flowers svg {
    width: 600px;
    margin-right: 0;
  }

  .contact-map iframe {
    max-height: 600px;
  }
  /* --------- */

  /* home page */

  .absolute-details {
    max-width: 400px;
  }

  .absolute-details h1,
  .absolute-details h2 {
    font-size: 50px;
    max-width: 480px;
    margin-bottom: 15px;
  }

  .absolute-details h3 {
    font-size: 30px;
    font-weight: 700;
    margin-left: auto;
    max-width: 260px;
  }
  #static-page.absolute-details h3,
  #contact-page.absolute-details h3 {
    max-width: 400px;
  }

  .slideshow-flowers {
    max-width: 500px;
    height: auto;
    top: -7px;
  }

  .slideshow-flowers {
    bottom: unset;
  }

  .our-products {
    top: -3rem;
  }

  .our-products h2 {
    font-size: 50px;
  }

  .our-products h3 {
    font-size: 30px;
    max-width: 250px;
  }

  .our-products-item:hover {
    border: 0;
    width: unset;
  }

  .our-products-item span {
    font-size: 80px;
    /* bottom: -2.7rem; */
  }

  .menu-flowers svg {
    max-width: 300px;
  }

  .menu-details {
    font-size: 30px;
    max-width: 400px;
    margin-top: 110px;
  }

  .menu-right .absolute-image {
    bottom: -400px;
  }

  .menu-shoft-bg-details {
    margin-bottom: 180px;
  }

  .menu-link a {
    font-size: 40px;
  }

  .footer-logo svg {
    max-width: 250px;
  }

  .footer-details {
    gap: 20px;
  }

  .footer-details h2 {
    font-size: 33px;
  }

  .footer-details h3 {
    font-size: 43px;
  }

  .footer-details .details {
    max-width: 650px;
  }

  .footer-logo {
    gap: 20px;
  }

  .footer-social h2,
  .footer-contact h2,
  .footer-phones p,
  .footer-locations h2,
  .footer-header a {
    font-size: 20px;
  }

  /* --------------MENU PAGE----------------- */
  .full-catalogue {
    max-width: 800px;
  }

  .full-menu-content {
    gap: 100px;
  }

  .full-menu-header h2 {
    font-size: 33.6px;
  }
  .brunch-bg::after {
    height: 48px;
  }
  .sweet-suggestions .flowers svg {
    top: 0;
    right: 0;
  }
  .sweet-suggestions .flowers svg,
  .menu-page-container .four-flowers svg {
    width: 400px;
  }

  .sweet-suggestion-details {
    margin-left: 30px;
    margin-top: 50px;
  }

  .menu-page-container .four-flowers svg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin-right: 0;
    right: 0;
    margin-right: 50px;
  }

  .crepes-container {
    margin-top: 0;
  }

  .crepes-flowers-link .flowers svg {
    width: 300px;
  }

  .crepes-flowers-link::after {
    bottom: 0;
  }

  .salads-details {
    padding-top: 50px;
  }

  .salads .flowers svg {
    width: 450px;
  }

  .crepes-flowers-link .link::after {
    top: 90px;
  }

  .tortillas-details {
    margin-top: 50px;
  }

  .menu-page-container .menu-slider {
    max-width: 650px;
  }

  .juices {
    max-width: 400px;
  }

  .drinks .menu-slider {
    max-width: 400px;
  }

  .brunch-img {
    max-width: 450px;
    padding-top: 100px;
  }

  .brunch .flowers svg {
    width: 350px;
  }

  .baguette-details {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }

  .a-la-carte {
    margin-top: 80px;
  }

  .baguette-container .flowers svg {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    margin-block: 10px;
    width: 400px;
    margin-left: auto;
  }

  .beverages-details {
    margin-top: 80px;
  }

  .juices {
    margin-top: 0;
  }

  .drink-img img {
    max-width: 300px;
  }

  .beverages::after {
    width: 410px;
    bottom: 0;
  }
  .drinks {
    margin-bottom: 50px;
  }

  .sweet-suggestion-details,
  .smoothie-bowls-details,
  .waffles-details,
  .savory-crepes-details,
  .sweet-crepes-details,
  .salads-details,
  .tortillas-details,
  .brunch-details,
  .a-la-carte-details,
  .baguette-details,
  .beverages-details,
  .juices-details,
  .alcohol-details {
    gap: 30px;
  }
  /* ---------------------------------------- */
}
@media screen and (max-width: 1200px) {
  /*---- static page---- */
  .static-page__title {
    font-size: 50px;
  }

  .static-page__content {
    margin-block: 50px;
  }
  .static-page__content p {
    font-size: 25px;
  }

  /* ---- about us ----- */
  .main__image {
    padding-inline: 50px;
  }

  #static-page.absolute-details,
  #contact-page.absolute-details {
    left: 50px;
  }

  .about-us-flowers {
    padding-right: 50px;
  }

  .about-us-flowers {
    max-width: 450px;
    height: auto;
    top: -0.3rem;
  }

  .about-us-header {
    /* padding-top: 140px; */
    padding-inline: 50px;
  }

  .about-us-page .text {
    max-width: 300px;
    font-size: 40px;
  }

  .about-us-top-img {
    top: unset;
    bottom: 50%;
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
    padding-right: 50px;
  }

  .about-us-deep-bg {
    padding-top: 100px;
  }

  .about-us-deep-bg .details .text {
    font-size: 25px;
    max-width: 400px;
  }

  .about-us-deep-bg .flowers {
    max-width: 250px;
    height: auto;
  }

  .about-us-deep-bg .flowers {
    padding-block: 30px;
  }

  .about-us-bottom-txt {
    font-size: 40px;
    top: 27px;
  }
  .about-us-bottom-img {
    padding-inline: 50px;
  }
  .about-us-bottom .bottom-bg img {
    width: 70px;
  }
  .about-us-bottom {
    padding-bottom: 0;
  }
  /* --------- */
  /* ---- CONTACT PAGE ----- */
  .contact-container {
    padding-top: 80px;
    padding-inline: 50px;
  }

  .contact-details {
    gap: 40px;
    padding-left: 0;
  }
  .contact-details h2 {
    font-size: 30px;
  }

  .contact-container #contact {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    padding-right: 0;
  }

  #fullname::-webkit-input-placeholder,
  #subject::-webkit-input-placeholder {
    font-size: 25px;
  }

  #fullname::-moz-placeholder,
  #subject::-moz-placeholder {
    font-size: 25px;
  }

  #fullname:-ms-input-placeholder,
  #subject:-ms-input-placeholder {
    font-size: 25px;
  }

  #fullname::-ms-input-placeholder,
  #subject::-ms-input-placeholder {
    font-size: 25px;
  }

  #fullname::placeholder,
  #subject::placeholder,
  .contact-content #submitform,
  .contact-content input,
  .contact-content textarea {
    font-size: 25px;
  }

  .contact-row {
    margin-bottom: 30px;
  }

  .contact-map img {
    max-width: 900px;
    width: 100%;
  }

  .contact-flowers svg {
    width: 500px;
    margin: auto;
    margin-top: 20px;
  }
  /* --------- */

  .top-bar {
    padding-inline: 50px;
  }

  .slideshow {
    padding-inline: 50px;
  }

  .slideshow img {
    width: 100%;
    height: auto;
  }

  .absolute-details {
    max-width: 300px;
  }

  #static-page.absolute-details,
  #contact-page.absolute-details {
    max-width: 400px;
  }

  .absolute-details h1,
  .absolute-details h2 {
    font-size: 40px;
  }

  .absolute-details h3 {
    font-size: 25px;
    max-width: 220px;
  }
  .slideshow-flowers {
    margin-right: 50px;
    top: -5px;
    max-width: 400px;
  }

  .slideshow-flowers img {
    max-width: 400px;
    height: auto;
  }

  .our-products-details {
    padding-left: 50px;
  }

  .our-products-content {
    padding-inline: 50px;
  }

  .our-products {
    gap: 50px;
    /* margin-top: 50px; */
  }

  .our-products h2 {
    font-size: 40px;
  }

  .our-products h3 {
    font-size: 25px;
    max-width: 220px;
  }

  .our-products-item span {
    font-size: 80px;
    /* bottom: -2.1rem; */
  }

  .menu-deep-bg-content {
    padding-inline: 50px;
  }

  .menu-flowers svg {
    max-width: 250px;
  }

  .menu-details {
    font-size: 25px;
    max-width: 350px;
    margin-top: 100px;
  }

  .menu-right .absolute-image {
    bottom: -300px;
  }

  .menu-shoft-bg-details {
    gap: 30px;
  }

  .menu-shoft-bg-details {
    margin-bottom: 150px;
  }

  /* .menu-link::after {
		bottom: -26px;
	} */

  .menu-big-image {
    padding-inline: 50px;
  }

  .menu-link a {
    font-size: 30px;
  }

  .footer-details {
    gap: 0;
  }

  .menu-container {
    margin-bottom: 48px;
  }

  .footer-content {
    padding-left: 50px;
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .footer-details h2 {
    font-size: 28px;
  }

  .footer-details h3 {
    font-size: 33px;
  }

  .footer-details .details {
    max-width: 650px;
    gap: 50px;
  }

  .footer-details {
    margin-bottom: 40px;
    gap: 20px;
  }

  .footer-logo {
    /* gap: 0; */
  }

  .footer-logo svg {
    max-width: 250px;
    width: 100%;
    height: auto;
  }

  .footer-locations h2 {
    margin-bottom: 0;
  }

  .footer-locations {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    /* max-width: 200px; */
  }

  .footer-phones .email {
    margin-top: 35px;
  }

  .footer-social h2 {
    padding-bottom: 15px;
  }

  .footer-social .cookies {
    padding-top: 35px;
  }

  /*----------MENU PAGE-------------*/

  .smoothie-bowls .slick-arrow {
    transform: translateY(-100%);
  }
  .ice-cream-bg::after {
    height: 55px;
  }

  .crepes-container-bg::before {
    height: 135px;
  }

  .brunch-link-flowers .link::after {
    top: 50px;
  }

  .crepes-flowers-link .link::after {
    top: 60px;
  }

  .drinks-bg::before {
    height: 99px;
  }

  .menu-page-container h2 {
    font-size: 38px;
  }

  .full-menu {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .menu-page-container .link a,
  .menu-page-container .link h4 {
    font-size: 20px;
  }

  .ice-cream-header::after {
    width: 345px;
    bottom: 40px;
  }

  .crepes-flowers-link::after {
    width: 385px;
    bottom: 30px;
  }

  .crepes-flowers-link {
    margin-bottom: 50px;
    margin-top: 40px;
  }

  .crepes-flowers-link svg {
    max-width: 250px;
  }

  .crepes-container {
    margin-bottom: 20px;
  }

  .salad-img {
    margin-bottom: 50px;
  }

  .brunch-link-flowers::after {
    top: 60px;
  }

  .baguette .menu-slider {
    margin-left: auto;
  }

  .beverages::after {
    width: 345px;
  }

  .brunch-content {
    gap: 0;
  }

  .brunch {
    padding-top: 50px;
  }

  .brunch-img {
    padding-top: 50px;
  }

  .brunch-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 30px;
  }

  .brunch-list {
    margin-bottom: 0;
  }

  .brunch .flowers {
    padding-block: 20px;
  }

  .brunch .flowers svg {
    width: 300px;
  }

  .brunch-link-flowers .link {
    margin-left: auto;
    text-align: end;
  }

  .brunch-link-flowers .flowers {
    margin-left: auto;
  }

  .a-la-carte {
    margin-top: 0;
  }

  .ice-cream .menu-flowers svg {
    margin-bottom: 50px;
    max-width: 300px;
  }

  .sweet-suggestions {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .menu-page-container .menu-slider {
    max-width: 500px;
  }

  .juices {
    max-width: 350px;
  }

  .smoothie-bowls-details .link::after {
    left: -50px;
    width: 11rem;
  }
}

@media screen and (max-width: 1024px) {
  [class*="block-grid-"] {
    max-width: 660px; /* αλλαγή ανάλογα με το μέγεθος του thumb */
    margin: auto;
  }

  .error small.error::before {
    left: 18px;
  }

  .innerpage main {
    padding-top: 220px;
  }

  /*---- static page---- */
  #static-page.absolute-details h3 {
    margin-left: 0;
  }
  .static-page__title {
    font-size: 40px;
  }

  .static-page__content {
    margin-block: 30px;
  }
  .static-page__content p {
    font-size: 20px;
  }
  /* ---- about us ----- */
  .main__image {
    padding-inline: 30px;
  }

  .main__image img {
    -webkit-filter: brightness(50%);
    filter: brightness(50%);
  }

  #static-page.absolute-details,
  #contact-page.absolute-details {
    left: 30px;
    max-width: 300px;
  }

  .about-us-flowers {
    padding-right: 30px;
  }

  .about-us-flowers {
    max-width: 350px;
    height: auto;
  }

  .header-bg {
    display: none;
  }

  .about-us-header {
    /* padding-top: 90px; */
    padding-inline: 30px;
  }

  .about-us-page .text {
    max-width: unset;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    font-size: 30px;
  }

  .about-us-top-img {
    width: 100%;
    margin: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    padding-right: 107px;
    position: unset;
    padding: 0;
    display: flex;
    justify-content: center;
  }

  .about-us-top-img img {
    width: 100%;
    max-height: 600px;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .about-us-deep-bg {
    padding-top: 30px;
    padding-inline: 30px;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 30px;
  }

  .about-us-left-txt {
    padding-block: 0;
    width: 100%;
    text-align: center;
  }

  .about-us-deep-bg .details {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
  }

  .about-us-deep-bg .details .text {
    max-width: unset;
    font-size: 30px;
    padding: 0;
  }

  .about-us-deep-bg .flowers {
    max-width: 200px;
    height: auto;
    margin: 0 auto;
  }

  .about-us-deep-bg .flowers {
    padding-block: 30px;
  }

  .about-us-bottom-txt {
    font-size: 30px;
    top: 37px;
    max-height: 250px;
  }

  .about-us-bottom-img {
    padding-inline: 30px;
  }

  .about-us-bottom .bottom-bg {
    display: none;
  }

  .about-us-bottom {
    padding-bottom: 0;
  }
  /* --------- */
  /* ---- CONTACT PAGE ----- */
  .contact-container {
    padding-top: 30px;
    padding-inline: 30px;
  }

  .contact-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    gap: 30px;
    padding-right: 0;
  }

  .contact-details {
    max-width: unset;
    gap: 30px;
  }
  .contact-details h2 {
    margin-bottom: 10px;
    font-size: 25px;
  }

  .contact-details a,
  .contact-details h3 {
    font-size: 18px;
  }

  .contact-container #contact {
    width: 100%;
    max-width: unset;
    margin-left: auto;
    padding-right: 0;
  }

  #fullname::-webkit-input-placeholder,
  #subject::-webkit-input-placeholder {
    font-size: 20px;
  }

  #fullname::-moz-placeholder,
  #subject::-moz-placeholder {
    font-size: 20px;
  }

  #fullname:-ms-input-placeholder,
  #subject:-ms-input-placeholder {
    font-size: 20px;
  }

  #fullname::-ms-input-placeholder,
  #subject::-ms-input-placeholder {
    font-size: 20px;
  }

  #fullname::placeholder,
  #subject::placeholder,
  .contact-content #submitform,
  .contact-content input,
  .contact-content textarea {
    font-size: 20px;
  }

  .contact-content #submitform {
    margin-top: 30px;
  }

  .contact-row {
    margin-bottom: 30px;
  }

  .contact-map img {
    /* max-width: 640px; */
    height: auto;
    width: 100%;
    /* border-radius: 20px; */
  }

  .contact-flowers svg {
    width: 400px;
  }

  /* .contact-map iframe {
		max-height: 400px;
	} */
  /* --------- */

  .top-bar {
    height: 100px;
  }

  .title-area .name img {
    max-width: 128px;
    height: auto;
  }

  #navbar > .top-bar-section {
    margin-bottom: 0;
  }

  #navbar > .top-bar-section .center {
    gap: 50px;
  }

  #navbar > .top-bar-section .center a {
    font-size: 18px;
  }

  .homepage main {
    padding-top: 220px;
  }

  .slideshow {
    padding-inline: 30px;
  }

  .slideshow .slick-slider img {
    -webkit-filter: brightness(50%);
    filter: brightness(50%);
  }

  .absolute-details {
    max-width: 250px;
  }

  .absolute-details h1,
  .absolute-details h2 {
    font-size: 30px;
  }

  .absolute-details h3 {
    font-size: 20px;
    max-width: 220px;
  }

  .slideshow-flowers {
    margin-right: 30px;
  }

  .slideshow-flowers img {
    max-width: 350px;
    height: auto;
  }

  .our-products {
    gap: 30px;
  }

  .our-products-item {
    max-width: unset;
  }

  .our-products-item::before {
    display: none;
  }
  .our-products-item:hover {
    scale: 1;
    width: 100%;
  }

  .our-products-item span {
    font-size: 80px;
    /* left: -0.4rem; */
    /* left: 0; */
  }

  .our-products-details {
    padding-left: 30px;
  }

  .our-products-content {
    padding-inline: 30px;
    gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .our-products-item {
    width: 100%;
    /* border-radius: 22px; */
  }

  .our-products-item:hover {
    border: 0;
  }

  .our-products-item img {
    width: 100%;
    max-height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    /* border-radius: 20px; */
    /* border: 2px solid #96694c; */
  }

  .menu-deep-bg-content {
    padding-inline: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }

  .menu-left,
  .menu-right {
    width: 100%;
  }

  .menu-left .relative-image img,
  .menu-right .absolute-image img {
    max-height: 400px;
    width: 100%;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .menu-details {
    font-size: 20px;
    max-width: unset;
    width: 100%;
    max-width: 640px;
    text-align: center;
    margin-top: 0;
    line-height: 1.6;
  }
  .menu-container .relative-image,
  .menu-container .absolute-image {
    max-width: unset;
  }

  #menu-flowers-top {
    width: 100%;
  }

  #menu-flowers-bottom {
    width: 100%;
  }

  .menu-link-container {
    padding: 0;
  }

  .menu-shoft-bg-details {
    max-width: unset;
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }

  .menu-link {
    padding-left: 30px;
    width: 100%;
    text-align: center;
    margin-top: 50px;
    max-width: unset;
    padding: 0;
  }

  /* .menu-link::after {
		left: 0;
	} */

  .menu-right .absolute-image {
    position: relative;
    padding-block: 20px;
    bottom: unset;
    top: -1.5rem;
  }

  .menu-big-image {
    padding-inline: 30px;
  }

  .menu-big-image img {
    border-radius: 10px;
    -webkit-filter: brightness(50%);
    filter: brightness(50%);
    margin-top: 0;
  }

  .menu-shoft-bg-details {
    margin-bottom: 70px;
  }

  .menu-container {
    margin-bottom: 30px;
  }

  .menu-flowers svg {
    max-width: 200px;
    height: auto;
  }

  .menu-shoft-bg-details {
    margin-top: 20px;
  }

  .footer-social {
    margin-bottom: 0;
  }

  .footer-content {
    position: relative;
    padding: 0;
    /* padding-inline: 20px; */
  }

  .footer-top-flowers {
    position: absolute;
    top: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .footer-bottom-flowers {
    margin-top: 3rem;
  }

  .footer-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .footer-social {
    position: absolute;
    bottom: 18rem;
    right: 20px;
    text-align: end;
    gap: 4px;
  }

  .footer-social a {
    margin-left: auto;
  }

  .footer-logo {
    gap: 0;
  }

  .footer-img {
    margin: 0 auto;
    margin-top: 120px;
  }
  .footer-logo svg {
    max-width: 150px;
    height: auto;
  }

  .footer-details {
    margin: unset;
    /* margin: 0 auto; */
    margin-top: 40px;
    padding-inline: 20px;
  }

  .footer-details .details {
    margin: unset;
    max-width: unset;
    width: 100%;
    /* border:1px solid red; */
    gap: 40px;
  }

  .footer-details .footer-contact {
    margin-left: auto;
  }

  .footer-details h2,
  .footer-details h3 {
    text-align: center;
  }

  .footer-locations h2 {
    text-align: left;
  }

  .footer-locations .address-2 {
    margin-top: auto;
  }

  .footer-details .footer-contact {
    /* margin: 0 auto; */
    gap: 50px;
    /* margin-inline: 20px; */
    width: 100%;
  }

  .footer-phones {
    margin-left: 0;
    margin-top: 50px;
  }

  .footer-bottom {
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .footer-social .cookies {
    padding-top: 15px;
  }

  .copyright-logo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-inline: 20px;
    margin-top: 30px;
  }

  .site-footer__copyrights {
    -ms-flex-line-pack: end;
    align-content: end;
  }

  .footer-header a {
    font-size: 18px;
  }

  .footer-social .cookies {
    margin-top: auto;
  }

  .footer-bottom-flowers {
    margin-bottom: 10px;
  }

  /*----------MENU PAGE-------------*/
  .smoothie-bowls .slick-arrow {
    transform: translateY(-50%);
  }
  .ice-cream-bg::before {
    height: 30px;
  }

  .crepes-flowers-link .link::after {
    top: 80px;
  }

  .crepes-container-bg::before {
    height: 55px;
  }

  .salads-container::before {
    height: 190px;
  }

  .drinks-bg::before {
    height: 25px;
  }
  .menu-page-container h2 {
    font-size: 28px !important;
  }

  .menu-page-container h3 {
    font-size: 25px !important;
  }

  .full-menu,
  .ice-cream,
  .sweet-suggestions,
  .smoothie-bowls,
  .crepes-container,
  .salad-content,
  .waffles,
  .baguette-container,
  .drinks {
    padding-inline: 30px;
  }

  .sweet-suggestion-details,
  .smoothie-bowls-details,
  .waffles-details,
  .savory-crepes-details,
  .sweet-crepes-details,
  .salads-details,
  .tortillas-details,
  .brunch-details,
  .a-la-carte-details,
  .baguette-details,
  .beverages-details,
  .juices-details,
  .alcohol-details {
    max-width: unset;
    max-width: 640px;
    margin: 0 auto;
    padding: 0;
  }

  .ice-cream-list ul {
    /* column-count: 1; */
    max-width: 640px;
    margin: auto;
  }

  .menu-page-container .menu-slider {
    max-width: unset;
  }

  .menu-page-container .menu-slider img {
    max-height: 500px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 20px;
  }

  .sweet-suggestions .flowers svg,
  .menu-page-container .four-flowers svg {
    max-width: 300px;
  }

  .ice-cream-list ul li {
    padding-bottom: 20px;
  }

  .sweet-suggestion-list ul li,
  .smoothie-bowls-list ul li,
  .waffles-list ul li,
  .sweet-crepes ul li,
  .savory-crepes-list ul li,
  .salads-list ul li,
  .tortillas-list ul li,
  .brunch-list ul li,
  .baguette-list ul li,
  .a-la-carte-list ul li {
    padding-bottom: 20px;
  }

  .menu-page-container h2 {
    font-size: 35px;
    /* line-height: 0.7; */
  }

  .menu-page-container h3 {
    font-size: 30px;
    /* line-height: 0.7; */
  }
  .full-menu {
    margin-block: 30px;
  }

  .full-menu-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
  }

  .full-menu-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .full-menu-header .download::after {
    left: unset;
    width: 100%;
    right: 0;
  }

  .full-menu-header h2 {
    max-width: unset;
  }

  .full-catalogue {
    max-width: unset;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .ice-cream .menu-flowers svg {
    margin-bottom: 30px;
    max-width: 250px;
  }

  .ice-cream-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .ice-cream-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .ice-cream-header .link {
    padding: 0;
    margin-left: auto;
  }

  .ice-cream-header::after {
    width: 100%;
    left: unset;
    bottom: 0;
  }

  .sweet-suggestions,
  .smoothie-bowls,
  .waffles,
  .salad-content,
  .brunch,
  .baguette-container,
  .drinks {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .smoothie-bowls-details .link {
    width: 100%;
    text-align: center;
  }

  .smoothie-bowls-details .link::after {
    left: 0;
    width: 100%;
    top: -1rem;
    bottom: unset;
  }

  .smoothie-bowls .menu-slider {
    margin-top: 20px;
  }

  .waffles-details {
    margin-bottom: 10px;
  }

  .crepes-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 30px;
    gap: 20px;
  }

  .savory-crepes-details {
    top: 0;
  }

  .crepes-flowers-link {
    margin: auto;
    padding-right: 0;
    margin-bottom: 30px;
    max-width: 680px;
    padding-inline: 20px;
    flex-direction: column;
    gap: 20px;
  }

  .crepes-flowers-link .flowers {
    margin: 0 auto;
  }

  .crepes-flowers-link .flowers svg {
    margin-right: auto;
  }

  .crepes-flowers-link .link {
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%;
    max-width: unset;
    text-align: center;
  }

  .crepes-flowers-link .link::after {
    width: 100%;
    right: unset;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
  }

  .salads .flowers svg {
    margin-top: 10px;
  }

  .salad-img {
    padding-inline: 20px;
    margin-bottom: 30px;
  }

  .tortillas-details {
    margin-top: 30px;
  }

  .brunch {
    padding-top: 10px;
  }

  .brunch-img {
    margin: auto;
    padding-top: 0;
  }

  .brunch-img img {
    max-width: unset;
    max-height: 500px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .brunch-link-flowers {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    /* margin-top: 20px; */
    padding-top: 10px;
    margin-bottom: 30px;
  }

  .brunch-link-flowers .link {
    -ms-flex-line-pack: center;
    align-content: center;
  }

  .brunch-link-flowers .link::after {
    top: 0px;
  }

  .brunch-link-flowers .flowers {
    margin-left: 0;
    margin-right: auto;
    padding: 0;
  }

  .brunch-link-flowers .flowers svg {
    max-width: 240px;
  }

  .brunch-link-flowers::after {
    display: none;
  }

  .baguette {
    margin: 0 auto;
    width: 100%;
    margin-top: 10px;
  }

  .baguette .menu-slider {
    margin-top: 20px;
  }

  .drinks {
    padding-inline: 50px;
  }

  .beverages,
  .juices,
  .alcohol {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .beverages .link {
    padding: 0;
    margin: 0;
    margin-top: auto;
    margin-left: auto;
  }

  .beverages-details,
  .juices-details {
    margin: 0;
  }

  .juices-details {
    justify-content: space-between;
  }

  .beverages::after {
    display: none;
    /* width: 100%;
		max-width: unset;
		margin: 0 auto;
		left: unset;
		bottom: -12px; */
  }

  .drinks .menu-slider {
    max-width: 400px;
    margin: auto 0;
    margin-left: auto;
  }

  .juices {
    max-width: unset;
    gap: 20px;
  }

  .alcohol-details {
    margin: 0;
    margin-left: auto;
    text-align: right;
  }

  .drink-img {
    -ms-flex-line-pack: center;
    align-content: center;
  }
}

@media screen and (max-width: 780px) {
  .menu-page-container .menu-slider img {
    filter: unset;
  }
  .drinks .menu-slider {
    max-width: 300px;
  }

  .drinks .menu-slider .slick-arrow {
    display: none;
  }

  .slideshow-flowers {
    margin: 0 auto;
  }

  .our-products {
    top: 0;
    text-align: center;
  }

  .our-products-details {
    text-align: center;
    padding: 0;
  }

  .our-products-details h3 {
    margin: 0 auto;
    max-width: unset;
  }

  .footer-social {
    bottom: 16.3rem;
  }
}

@media screen and (max-width: 640px) {
  .error small.error {
    font-size: 16px !important;
  }

  #navbar > .top-bar-section li:hover a::before {
    display: none;
  }

  #static-page.absolute-details,
  #contact-page.absolute-details {
    transform: unset;
    position: relative;
    margin: 0 auto;
    padding: 0;
    max-width: unset;
    top: unset;
    left: unset;
    margin-block: 20px;
    padding-block: 20px;
    padding-inline: 10px;
    width: unset;
    margin-inline: 10px;
  }

  #contact-page.absolute-details {
    margin-bottom: 0;
  }

  .absolute-details {
    transform: unset;
    position: relative;
    padding: 0;
    width: unset;
    max-width: unset;
    margin: 0 auto;
    text-align: center;
    max-width: unset;
    padding-block: 20px;
    padding-inline: 10px;
    margin-block: 20px;
    background-color: var(--secondary-deep-color);
    border-radius: 20px;
    top: unset;
  }

  .slideshow .absolute-details {
    margin-inline: 10px;
  }

  .absolute-details h1,
  .absolute-details h2,
  .absolute-details h3,
  #static-page.absolute-details h3 {
    margin: 0;
    color: var(--primary-color);
    max-width: unset;
  }

  .st_linkedin_hcount {
    display: none;
  }

  [class*="block-grid-"] {
    max-width: 330px; /* αλλαγή ανάλογα με το μέγεθος του thumb */
    margin: auto;
  }

  .breadcrumbs *,
  .breadcrumbs > .current {
    font-size: 15px;
  }

  .top-bar-section {
    float: none !important;
  }

  .top-bar .toggle-topbar.menu-icon a {
    color: #000000;
    margin-top: 10px;
  }

  .top-bar .toggle-topbar.menu-icon a {
    position: relative;
    /* width: 2.4rem; */
    width: 2rem;
    padding-right: 0;
    height: auto;
  }

  /* .top-bar .toggle-topbar.menu-icon a::after {
    box-shadow: 0 10px 0 1px #000000, 0 16px 0 1px #000000, 0 22px 0 1px #000000;
  } */

  .top-bar .toggle-topbar.menu-icon a::after {
    display: none !important;
  }

  .top-bar .toggle-topbar.menu-icon a span {
    display: block;
    width: 100%;
    border-radius: 3px;
    height: 0.3rem;
    background: #96694c;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
  }

  .top-bar .toggle-topbar.menu-icon a span + span {
    margin-top: 0.3rem;
  }

  .top-bar.expanded .toggle-topbar.menu-icon a span:nth-child(1) {
    -webkit-animation: ease 0.7s top forwards;
    animation: ease 0.7s top forwards;
  }

  .top-bar .toggle-topbar.menu-icon a span:nth-child(1) {
    -webkit-animation: ease 0.7s top-2 forwards;
    animation: ease 0.7s top-2 forwards;
  }

  .top-bar.expanded .toggle-topbar.menu-icon a span:nth-child(2) {
    -webkit-animation: ease 0.7s scaled forwards;
    animation: ease 0.7s scaled forwards;
  }

  .top-bar .toggle-topbar.menu-icon a span:nth-child(2) {
    -webkit-animation: ease 0.7s scaled-2 forwards;
    animation: ease 0.7s scaled-2 forwards;
  }

  .top-bar.expanded .toggle-topbar.menu-icon a span:nth-child(3) {
    -webkit-animation: ease 0.7s bottom forwards;
    animation: ease 0.7s bottom forwards;
  }

  .top-bar .toggle-topbar.menu-icon a span:nth-child(3) {
    -webkit-animation: ease 0.7s bottom-2 forwards;
    animation: ease 0.7s bottom-2 forwards;
  }

  @-webkit-keyframes top {
    0% {
      top: 0;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    50% {
      top: 0.5rem;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      top: 0.5rem;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
  }

  @keyframes top {
    0% {
      top: 0;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    50% {
      top: 0.5rem;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      top: 0.5rem;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
  }

  @-webkit-keyframes top-2 {
    0% {
      top: 0.5rem;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    50% {
      top: 0.5rem;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      top: 0;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  }

  @keyframes top-2 {
    0% {
      top: 0.5rem;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    50% {
      top: 0.5rem;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      top: 0;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  }

  @-webkit-keyframes bottom {
    0% {
      bottom: 0;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    50% {
      bottom: 0.7rem;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      bottom: 0.7rem;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
    }
  }

  @keyframes bottom {
    0% {
      bottom: 0;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    50% {
      bottom: 0.7rem;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      bottom: 0.7rem;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
    }
  }

  @-webkit-keyframes bottom-2 {
    0% {
      bottom: 0.7rem;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
    }
    50% {
      bottom: 0.7rem;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      bottom: 0;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
  }

  @keyframes bottom-2 {
    0% {
      bottom: 0.7rem;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
    }
    50% {
      bottom: 0.7rem;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      bottom: 0;
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
  }

  @-webkit-keyframes scaled {
    50% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    100% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
  }

  @keyframes scaled {
    50% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    100% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
  }

  @-webkit-keyframes scaled-2 {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    50% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

  @keyframes scaled-2 {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    50% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

  /*---- static page---- */
  .static-page__title {
    font-size: 20px;
    font-weight: 700;
    position: relative;
    color: var(--primary-color);
  }

  .static-page__content {
    margin-block: 20px;
    padding-inline: 10px;
    color: black;
  }

  .static-page__content p {
    font-size: 16px;
  }

  /* ---- about us ----- */
  .main__image {
    padding-inline: 0;
  }

  .main__image img {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }

  .album-img img {
    filter: brightness(100%);
  }

  .about-us-flowers {
    justify-content: center;
    padding-right: 0;
    margin: 0 auto;
  }

  .about-us-flowers {
    max-width: 250px;
    height: auto;
  }

  .about-us-header {
    padding-top: 10px;
    padding-inline: 10px;
  }

  .about-us-page .text {
    max-width: 480px;
    font-size: 20px;
  }

  .about-us-top-img {
  }

  .about-us-top-img img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    max-height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .about-us-deep-bg {
    padding-top: 20px;
    padding-inline: 10px;
    margin-top: 0;
    gap: 20px;
  }

  .about-us-deep-bg .details {
    max-width: 480px;
  }

  .about-us-deep-bg .details .text {
    font-size: 20px;
  }

  .about-us-deep-bg .flowers {
    max-width: 150px;
    height: auto;
  }

  .about-us-deep-bg .flowers {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .about-us-bottom {
    padding-inline: 10px;
  }

  .about-us-bottom-txt .bottom-txt {
    font-size: 20px;
    position: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    max-width: 480px;
    text-align: center;
    padding-block: 20px;
    /* max-height: unset; */
  }

  .about-us-bottom-img {
    padding-inline: 0;
  }

  .about-us-bottom-img img {
    border-radius: 10px;
  }

  .about-us-bottom .bottom-bg {
    display: none;
  }

  .about-us-bottom::before {
    max-height: 110px;
  }

  .about-us-bottom {
    padding-bottom: 0;
  }

  .about-us-bottom-txt {
    position: unset;
    height: unset;
  }
  /* --------- */

  /* ---- ALBUM PAGE ----- */

  .album-content {
    padding-inline: 10px;
  }

  .album-content ul {
    max-width: unset;
    width: 80%;
  }

  .album-content img {
    /* max-width: unset; */
    border-radius: 10px;
  }

  .album-content img {
    /* max-width: unset; */
  }

  .album-title {
    position: unset;
    transform: unset;
    margin-block: 10px;
  }

  /* ---- CONTACT PAGE ----- */
  .contact-container {
    padding-top: 10px;
    padding-inline: 10px;
  }

  .contact-row {
    gap: 20px;
  }

  .contact-details {
    gap: 20px;
    text-align: center;
  }

  .contact-details h2 {
    margin-bottom: 0;
    font-size: 20px;
  }

  .contact-details a,
  .contact-details h3 {
    font-size: 18px;
  }

  .contact-container #contact {
    text-align: center;
  }

  #fullname::-webkit-input-placeholder,
  #subject::-webkit-input-placeholder {
    font-size: 18px;
  }

  #fullname::-moz-placeholder,
  #subject::-moz-placeholder {
    font-size: 18px;
  }

  #fullname:-ms-input-placeholder,
  #subject:-ms-input-placeholder {
    font-size: 18px;
  }

  #fullname::-ms-input-placeholder,
  #subject::-ms-input-placeholder {
    font-size: 18px;
  }

  #fullname::placeholder,
  #subject::placeholder,
  .contact-content #submitform,
  .contact-content input,
  .contact-content textarea {
    font-size: 18px;
  }
  .contact-content #submitform,
  .contact-content input,
  .contact-content textarea {
    border-radius: 10px;
  }

  .contact-content textarea {
    /* max-height: 200px !important; */
  }

  .contact-content input {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-inline: 20px;
  }

  .contact-content #submitform {
    margin-top: 0;
    padding: 10px 20px;
  }

  .contact-row {
    margin-bottom: 10px;
  }

  .contact-flowers svg {
    margin: auto;
    margin-block: 10px;
    width: 300px;
  }

  .contact-map img {
    border-radius: 10px;
  }
  /* .contact-map iframe {
		max-height: 250px;
	} */

  /* --------- */

  #navbar.scrolledMobile {
    box-shadow: 0 0 9px 1px rgba(150, 105, 76, 0.75);
    -webkit-box-shadow: 0 0 9px 1px rgba(150, 105, 76, 0.75);
    -moz-box-shadow: 0 0 9px 1px rgba(150, 105, 76, 0.75);
  }

  .overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
  }

  .top-bar.expanded .title-area {
    background: #fcf3ed;
  }

  .top-bar-section li:not(.has-form) a:not(.button) {
    text-align: center;
  }

  .top-bar {
    height: 65px;
    margin-block: 0;
  }

  .homepage main,
  .innerpage main {
    padding-top: 65px;
  }

  ul.dropdown {
    background: transparent !important;
  }

  .title-area {
    width: 100%;
    left: 0;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    top: 6px;
  }

  .title-area .name {
    padding-left: 5px;
  }

  .title-area .name img {
    max-width: 60px;
    height: auto;
  }

  .top-bar.expanded {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    height: 400px;
  }

  #navbar > .top-bar-section {
    margin-top: 150px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #navbar > .top-bar-section .center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
  }

  #navbar > .top-bar-section a::before {
    display: none;
  }

  #navbar > .top-bar-section a:hover {
    color: var(--primary-color);
  }

  #left-menu.top-bar-section {
  }

  #right-menu.top-bar-section {
    margin-left: 0;
    margin-top: 120px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
  .slideshow {
    padding-inline: 0;
  }

  .slideshow .slick-slider img {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }

  .slideshow-flowers {
    position: unset;
    text-align: center;
    max-width: 240px;
  }

  .menu-big-image img {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }

  .absolute-details h1,
  .absolute-details h2 {
    font-size: 20px;
    margin: 5px;
  }

  .absolute-details h3 {
    font-size: 18px;
    margin: unset;
    text-align: center;
    margin: 0 auto;
  }

  .our-products {
    margin-top: 10px;
    gap: 10px;
    margin-bottom: 20px;
  }

  .our-products-details {
    margin: 0;
    padding: 0;
    text-align: center;
  }

  .our-products-details h2 {
    font-size: 25px;
  }

  .our-products-details h3 {
    max-width: unset;
    font-size: 20px;
  }
  .our-products-content {
    gap: 10px;
  }

  .our-products-item img {
    width: 100%;
    max-height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0;
    /* border: 2px solid #96694c; */
  }

  .our-products-content,
  .menu-big-image,
  .menu-deep-bg-content {
    padding-inline: 10px;
  }

  .menu-left .relative-image img,
  .menu-right .absolute-image img {
    max-height: 250px;
  }

  .menu-deep-bg-content {
    gap: 10px;
  }

  .menu-right .absolute-image {
    padding-top: 0;
  }

  .menu-link a::before {
    bottom: -2px;
  }

  .menu-link {
    margin-top: 25px;
  }

  /* .menu-link::after {
		width: 0;
	} */

  .menu-flowers svg {
    max-width: 150px;
  }

  #menu-flowers-bottom {
    padding: 0;
    margin-top: 10px;
  }
  .menu-link a {
    font-size: 20px;
  }

  .menu-shoft-bg-details {
    gap: 20px;
    margin-bottom: 40px;
    margin-top: 10px;
  }

  .menu-container {
    margin-bottom: 15px;
  }

  .site-footer {
    /* height: 950px; */
  }

  .footer-logo svg {
    max-width: 120px;
    height: auto;
  }
  .footer-img {
    margin-top: 80px;
  }

  .footer-details {
    margin-top: 30px;
    margin-bottom: 190px;
  }

  .footer-details h2,
  .footer-details h3 {
    font-size: 20px;
  }

  .footer-header a {
    font-size: 18px;
  }
  .footer-details .details {
    gap: 20px;
  }

  .footer-details .footer-contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 0;
  }

  .footer-locations {
    max-width: unset;
    margin: 0 auto;
  }
  .footer-locations h2 {
    text-align: center;
  }

  .footer-phones {
    margin-top: 0;
  }
  .footer-phones .email {
    margin: 0 auto;
    margin-top: 20px;
  }

  .footer-social {
    text-align: center;
    left: 50%;
    gap: 10px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    bottom: 190px;
  }

  .footer-social a {
    margin: 0 auto;
  }

  .footer-social h2 {
    padding: 0;
  }

  .copyright-logo {
    margin-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* margin-top:20px; */
    margin-bottom: 10px;
    text-align: center;
  }

  .footer-bottom-flowers {
    margin-top: auto;
    padding-top: 1rem;
    /* height: unset; */
    /* position: absolute;
    bottom: 0;
    left: 0; */
  }

  .site-footer__logo {
    margin: 0 auto;
    margin-top: 20px;
  }

  /*----------MENU PAGE-------------*/

  .crepes-flowers-link .link::after {
    display: none;
  }

  .crepes-container-bg::before {
    height: 43px;
  }

  .salads-container::before {
    height: 132px;
  }

  .menu-page-container h2 {
    font-size: 25px !important;
  }

  .menu-page-container h3 {
    font-size: 18px !important;
    margin-top: 10px;
  }

  .menu-page-container .link h4 {
    margin-top: 10px;
  }

  .full-menu,
  .ice-cream,
  .sweet-suggestions,
  .smoothie-bowls,
  .crepes-container,
  .salad-content,
  .waffles,
  .baguette-container,
  .drinks {
    padding-inline: 10px;
  }

  .ice-cream-list ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  .ice-cream-list ul li {
    max-width: unset;
  }

  .ice-cream-list ul li,
  .sweet-suggestion-list ul li,
  .smoothie-bowls-list ul li,
  .waffles-list ul li,
  .sweet-crepes ul li,
  .savory-crepes-list ul li,
  .salads-list ul li,
  .tortillas-list ul li,
  .brunch-list ul li,
  .baguette-list ul li,
  .a-la-carte-list ul li {
    padding-bottom: 10px;
  }

  .ice-cream-content,
  .ice-cream-list,
  .sweet-suggestion-details,
  .smoothie-bowls-details,
  .waffles-details,
  .savory-crepes-details,
  .sweet-crepes-details,
  .salads-details,
  .tortillas-details,
  .brunch-details,
  .a-la-carte-details,
  .baguette-details,
  .beverages-details,
  .juices-details,
  .alcohol-details {
    gap: 20px;
    text-align: center;
  }

  .ice-cream-list ul span,
  .sweet-suggestion-list ul span,
  .smoothie-bowls-list ul span,
  .waffles-list ul span,
  .savory-crepes-list ul span,
  .sweet-crepes-list ul span,
  .salads-list ul span,
  .tortillas-list ul span,
  .brunch-list ul span,
  .baguette-list ul span,
  .a-la-carte-list ul span {
    font-size: 18px !important;
  }

  .full-catalogue a {
    /* font-size: 20px; */
  }

  .full-menu {
    margin-block: 20px;
  }

  .full-catalogue > div {
    padding: 10px 20px;
  }

  .full-menu-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }

  .full-menu-header h2 {
    -ms-flex-line-pack: center;
    align-content: center;
  }

  .full-menu-content {
    gap: 20px;
  }

  .ice-cream .menu-flowers,
  .sweet-suggestions .flowers,
  .menu-page-container .four-flowers,
  .salads .flowers,
  .baguette-container .flowers {
    text-align: center;
  }
  .ice-cream .menu-flowers svg {
    margin-bottom: 20px;
    margin: auto;
    max-width: 150px;
  }

  .ice-cream-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px;
    gap: 10px;
  }

  .ice-cream-header .link {
    margin: 0 auto;
  }

  .sweet-suggestions {
    margin-top: 10px;
  }

  .sweet-suggestions .flowers svg {
    margin: auto;
    margin-block: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 200px;
  }

  .crepes-flowers-link .flowers svg {
    max-width: 150px;
    margin: 0 auto;
  }

  .menu-page-container .four-flowers svg {
    max-width: 200px;
    margin: auto;
    margin-block: 20px;
  }

  .crepes-container {
    padding-top: 20px;
    margin-bottom: 10px;
  }

  .salad-img {
    padding-inline: 10px;
    margin-bottom: 20px;
  }

  .salad-img img {
    border-radius: 10px;
  }

  .salads .flowers svg {
    max-width: 225px;
    margin: auto;
    margin-bottom: 20px;
  }

  .tortillas-details {
    margin-top: 20px;
  }

  .brunch {
    margin: 0;
    gap: 20px;
  }

  .brunch-content {
    padding-inline: 10px;
  }

  .brunch-img {
    max-width: unset;
    padding-inline: 10px;
  }

  .brunch-img img {
    border-radius: 10px;
    max-height: 400px;
  }

  .brunch-link-flowers {
    margin-top: 10px;
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }

  .brunch-link-flowers .link {
    text-align: center;
    margin: 0 auto;
  }

  .brunch-link-flowers .flowers {
    margin: 0 auto;
  }

  .brunch-link-flowers .flowers svg {
    max-width: 140px;
  }

  .baguette-container .flowers svg {
    margin: 0 auto;
    margin-block: 20px;
    max-width: 250px;
  }

  .beverages {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }

  .beverages .link {
    text-align: center;
    margin: auto;
  }

  .juices {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .drinks .menu-slider {
    max-width: unset;
    max-width: 800px;
    margin: unset;
    margin-left: unset;
  }
  .alcohol {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
  }

  .alcohol-details {
    margin: 0;
    margin-top: 20px;
  }

  .baguette .menu-slider {
    margin-top: 10px;
  }

  .drinks {
    margin-bottom: 30px;
    gap: 10px;
  }

  .drink-img img {
    max-width: unset;
    max-height: 400px;
    width: 100%;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

@media screen and (max-width: 490px) {
  /* .absolute-details {
    padding-inline: 0;
    padding-top: 20px;
  } */

  .absolute-details h1,
  .absolute-details h2 {
    font-size: 18px;
  }
}

@media screen and (min-width: 1950px) {
  .menu-shoft-bg-details {
    max-width: unset;
    width: 100%;
    max-width: 1980px;
  }
  .brunch,
  .menu-page-container .four-flowers,
  .crepes-flowers-link {
    max-width: 1530px;
    margin: 0 auto;
  }

  .ice-cream-header::after,
  .smoothie-bowls-details::after,
  .beverages::after,
  .smoothie-bowls-details .link::after {
    left: -44rem;
    width: 57rem;
  }

  .full-menu-header .download::after {
    left: -44rem;
    width: 59rem;
  }

  .crepes-flowers-link {
    /* max-width: unset; */
    padding-right: 0;
    position: relative;
    height: 150px;
  }

  .crepes-flowers-link img {
    margin-bottom: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .salads-container::before {
    top: -3rem;
    width: 31%;
  }

  .brunch-bg::before {
    top: 11rem;
    width: 32%;
  }

  .crepes-flowers-link {
    margin-bottom: 2rem;
  }

  .salads-container::before {
    bottom: 20px;
    top: -70px;
    width: 100%;
  }

  .full-menu-header::after {
    width: 942px;
  }

  .crepes-flowers-link .link::after {
    bottom: 2.8rem;
  }
}