.container-full{ position: relative; display: flex !important;  flex-direction: row-reverse; flex-wrap: wrap !important;  align-items: center; justify-content: space-between; gap: clamp(0.5rem, 2vw, 2rem); width: 100%; max-width: 1440px !important;  margin-inline: auto; padding-inline: clamp(1rem, 4vw, 2.5rem); font-family: 'FbJambo', serif; text-align: center; }  .logo{ display: inline-block !important;  flex: 0 0 auto; margin: 0; max-width: min(300px, 45vw) !important; }  .nav{ font-family: 'FbJambo', serif; font-size: clamp(0.95rem, 0.8rem + 0.6vw, 1.35rem) !important;  display: flex; flex-wrap: wrap !important; align-items: center; justify-content: flex-end !important; gap: clamp(0.4rem, 1.2vw, 1.5rem) !important;  min-width: 0 !important; max-width: 100% !important; margin: 0; padding: 0; list-style: none; }  .footer{ width: 100% !important;  max-width: 100% !important; min-height: 30vh !important;  height: auto !important; position: relative; overflow: hidden; padding-block: clamp(2rem, 5vw, 3.75rem) clamp(1.5rem, 3vw, 2.5rem); }  .footer-container{ position: relative !important;  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: clamp(1rem, 3vw, 2rem); width: 100%; max-width: 1440px !important; margin-inline: auto; padding-inline: clamp(1rem, 4vw, 2.5rem); z-index: 10; }  .footer-img-div{ position: relative !important;  width: min(20vw, 180px) !important; flex: 0 0 auto; }  .Hero-section{ width: 100%; max-width: 100%; overflow-x: clip; overflow-y: visible; position: relative; }  .Hero-container{ width: 100%; max-width: 100%; min-height: min(85vh, 720px) !important; display: flex; flex-direction: row; flex-wrap: wrap !important; align-items: center; gap: clamp(1rem, 3vw, 2.5rem); }  .hero-text{ direction: rtl; width: min(100%, 60ch); line-height: 1.7; }  .hero-headline{ font-size: clamp(1.9rem, 1.1rem + 3.4vw, 4rem) !important; margin-right: clamp(0.5rem, 1.5vw, 1.2rem); line-height: 1.12; width: min(100%, 20ch) !important; }  .main-btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 44px;  transition: box-shadow .25s ease, transform .25s ease; } .main-btn:hover{ box-shadow: 5px 5px 8px rgba(39, 90, 116, 0.2); transform: translateY(-2px);  }  .card-image{ width: 100%; height: auto !important;  aspect-ratio: 1 / 1 !important; object-fit: contain; padding: 1rem; border-radius: 1.25rem; display: block; }  .each{ width: auto !important;  height: auto !important;  min-height: 20rem !important; display: flex; flex-direction: column; border-radius: 1.25rem; box-shadow: 0 4px 6px rgba(39,90,116,0.2); }  .ingradients-grid{ margin-top: clamp(2rem, 8vw, 10em); display: grid !important; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important; gap: clamp(1rem, 2.5vw, 2rem); align-items: stretch; }  .ingradients-list{ margin-top: 2rem; width: min(100%, 1200px) !important;  margin-inline: auto; }  .card-heading{ line-height: 1.2; text-align: center; direction: rtl; margin: 0 auto; }  .card-text{ direction: rtl;  }  .about-section-bg{ min-height: 63vh !important;  height: auto !important; }  .about-btn{ z-index: 999; }  .brush-waves{ max-width: 100%; }  .video{ pointer-events: auto; width: 100%; height: 100%; object-fit: cover; }  #brxe-0cc54d{ height:auto !important; min-height:85vh; }  #brxe-a32b9c{ height:auto !important; min-height:26em; }  #brxe-bc4e8c{ height:auto !important; min-height:26em; }  #brxe-af13a1{ height:auto !important; min-height:26em; }  #brxe-5e9b0b{ height:auto !important; min-height:26em; }  #brxe-b14324{ height:auto !important; min-height:26em; }  #brxe-7ab11b{ height:auto !important; min-height:26em; }  #brxe-f3aeea{ height:auto !important; min-height:42rem; }  #brxe-90b14e{ height:auto !important; min-height:35em; }  #brxe-f2e844{ height:auto !important; min-height:31.25rem; }  #brxe-345f63{ height:auto !important; min-height:26em; }  #brxe-d5b7f8{ height:auto !important; min-height:42rem; }  #brxe-5f1d13{ height:auto !important; min-height:22.6em; }  #brxe-59c773{ height:auto !important; min-height:fit-content; }  @media (max-width: 478px){ #brxe-0cc54d{ height:auto !important; min-height:50vh; } #brxe-c01fec{ height:auto !important; min-height:20em; } #brxe-a32b9c{ height:auto !important; min-height:20em; } #brxe-bc4e8c{ height:auto !important; min-height:20em; } #brxe-af13a1{ height:auto !important; min-height:20em; } #brxe-5e9b0b{ height:auto !important; min-height:20em; } #brxe-b14324{ height:auto !important; min-height:20em; } #brxe-7ab11b{ height:auto !important; min-height:20em; } #brxe-f3aeea{ height:auto !important; min-height:25em; } #brxe-90b14e{ height:auto !important; min-height:100%; } #brxe-77f487{ height:auto !important; min-height:40%; } #brxe-f2e844{ height:auto !important; min-height:3em; } #brxe-0a9475{ height:auto !important; min-height:56em; } #brxe-345f63{ height:auto !important; min-height:20em; } #brxe-d5b7f8{ height:auto !important; min-height:25em; } }   :root { --content-max: 1200px; --gutter: clamp(1rem, 4vw, 2.5rem);  --fs-h1: clamp(1.75rem, 1.1rem + 3.2vw, 3.25rem); --fs-h2: clamp(1.4rem, 1.0rem + 2.0vw, 2.25rem); --fs-h3: clamp(1.1rem, 0.95rem + 0.8vw, 1.4rem); --fs-body: clamp(1rem, 0.95rem + 0.25vw, 1.125rem); --card-min: 230px;  }  html { overflow-x: clip; }  img, video, iframe, table, pre { max-width: 100%; height: auto; }  header .brxe-container { max-width: var(--content-max); padding-inline: var(--gutter); margin-inline: auto; } header .brxe-nav-nested, header .brxe-nav-nested > ul { flex-wrap: wrap;  min-width: 0;  max-width: 100%; } header .brxe-nav-nested > ul { display: flex; gap: clamp(0.5rem, 1.4vw, 1.5rem);  padding-inline: 0; margin: 0; list-style: none; } header .menu-item { flex: 0 0 auto; } header .brxe-text-link.nav-text { font-size: clamp(0.875rem, 0.8rem + 0.35vw, 1rem); white-space: nowrap;  }  header .brxe-text-link.nav-text, header .menu-item > a { min-height: 44px; display: inline-flex; align-items: center; }  .ingredients-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--card-min), 1fr)); gap: clamp(1rem, 2.5vw, 2rem); align-items: start; }  @media (max-width: 478px) { :root { --card-min: 100%; } } .ingredients-grid img { width: 100%; aspect-ratio: 1 / 1;  object-fit: contain; }  .hero-video-wrap { position: relative; width: 100%; aspect-ratio: 16 / 9;  overflow: hidden; } .hero-video-wrap video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }  @media (max-width: 767px) { .hero-video-wrap { aspect-ratio: 1 / 1; } } @media (prefers-reduced-motion: reduce) { .hero-video-wrap video { display: none; } .hero-video-wrap { background: url('/wp-content/uploads/hero-poster.webp') center/cover; } }  .page-hero { display: grid; place-items: center; padding-block: clamp(2rem, 6vw, 5rem); padding-inline: var(--gutter); } .page-hero img { width: min(100%, 900px); height: auto; object-fit: contain; }  body { font-size: var(--fs-body); line-height: 1.65; } h1 { font-size: var(--fs-h1); line-height: 1.15; } h2 { font-size: var(--fs-h2); line-height: 1.25; } h3 { font-size: var(--fs-h3); line-height: 1.35; }  p, li { max-width: 68ch; }  body { word-break: normal; overflow-wrap: anywhere; hyphens: none; }  .brxe-carousel { max-width: 100%; overflow: hidden; } .brxe-carousel .swiper-slide { height: auto; }  :focus-visible { outline: 3px solid currentColor; outline-offset: 2px; } .skip-link:not(:focus) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }