{"id":8,"date":"2026-10-19T12:08:09","date_gmt":"2026-10-19T12:08:09","guid":{"rendered":"https:\/\/almalas.com\/?page_id=8"},"modified":"2026-10-25T13:40:37","modified_gmt":"2026-10-25T13:40:37","slug":"home","status":"publish","type":"page","link":"https:\/\/almalas.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1341899 e-con-full wd-section-stretch-content e-flex e-con e-parent\" data-id=\"1341899\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70ce6be elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"70ce6be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==========================================\r\n   ALMALAS COMING SOON HERO - V13\r\n   The photo stays still so the printed text\r\n   and the countdown always line up.\r\n   Only light effects move on top of it.\r\n========================================== *\/\r\n\r\n.alm-hero,\r\n.alm-hero * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.alm-hero {\r\n  \/* COUNTDOWN POSITION: adjust these per screen size *\/\r\n  --timer-left: 24.4%;\r\n  --timer-top: 88%;\r\n  --timer-width: 32%;\r\n\r\n  --hero-gold: #D5AE70;\r\n  --hero-gold-light: #F2D9A6;\r\n  --hero-gold-text: #D4AF79;\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow: hidden;\r\n  background: #FFF9F2;\r\n  direction: ltr;\r\n}\r\n\r\n\/* ==========================================\r\n   MEDIA STAGE\r\n========================================== *\/\r\n\r\n.alm-hero__media {\r\n  position: relative;\r\n  overflow: hidden;\r\n  animation: alm-hero-stage-in 1.6s cubic-bezier(.2,.7,.2,1) both;\r\n}\r\n\r\n.alm-hero picture {\r\n  display: block;\r\n  width: 100%;\r\n}\r\n\r\n\/* The photo does not move, so the printed text stays in place *\/\r\n.alm-hero__image {\r\n  display: block;\r\n  width: 100%;\r\n  height: auto;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* ==========================================\r\n   LIGHT EFFECTS (on top of the photo)\r\n========================================== *\/\r\n\r\n.alm-hero__vignette {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 2;\r\n  pointer-events: none;\r\n  background: radial-gradient(\r\n    ellipse at 50% 45%,\r\n    rgba(23, 18, 15, 0) 55%,\r\n    rgba(23, 18, 15, .45) 100%\r\n  );\r\n}\r\n\r\n.alm-hero__sheen {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 3;\r\n  pointer-events: none;\r\n  background: linear-gradient(\r\n    100deg,\r\n    transparent 40%,\r\n    rgba(255, 226, 170, .28) 50%,\r\n    transparent 60%\r\n  );\r\n  background-size: 250% 100%;\r\n  background-repeat: no-repeat;\r\n  mix-blend-mode: screen;\r\n  animation: alm-hero-sheen 7s ease-in-out 1.6s infinite;\r\n}\r\n\r\n.alm-hero__frame {\r\n  position: absolute;\r\n  inset: 3.5%;\r\n  z-index: 3;\r\n  pointer-events: none;\r\n  border: 1px solid rgba(213, 174, 112, .55);\r\n  border-radius: 28px;\r\n  animation: alm-hero-frame-glow 5s ease-in-out 1.8s infinite;\r\n}\r\n\r\n.alm-hero__frame::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 8px;\r\n  border: 1px solid rgba(242, 217, 166, .18);\r\n  border-radius: 22px;\r\n}\r\n\r\n.alm-hero__dust {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 4;\r\n  pointer-events: none;\r\n  overflow: hidden;\r\n}\r\n\r\n.alm-hero__dust span {\r\n  position: absolute;\r\n  bottom: -12px;\r\n  left: var(--x, 50%);\r\n  width: var(--s, 4px);\r\n  height: var(--s, 4px);\r\n  border-radius: 50%;\r\n  background: var(--hero-gold-light);\r\n  box-shadow: 0 0 8px 2px rgba(242, 217, 166, .55);\r\n  opacity: 0;\r\n  animation: alm-hero-dust var(--t, 14s) linear var(--dl, 0s) infinite;\r\n}\r\n\r\n\/* ==========================================\r\n   COUNTDOWN\r\n========================================== *\/\r\n\r\n.alm-hero__timer {\r\n  position: absolute;\r\n  z-index: 6;\r\n\r\n  left: var(--timer-left);\r\n  top: var(--timer-top);\r\n\r\n  transform: translate(-50%, -50%);\r\n\r\n  width: var(--timer-width);\r\n  max-width: 410px;\r\n\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 9px;\r\n}\r\n\r\n.alm-hero__unit {\r\n  position: relative;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n\r\n  padding: 12px 4px 10px;\r\n\r\n  border: 1px solid var(--hero-gold);\r\n  border-radius: 8px;\r\n\r\n  background: linear-gradient(\r\n    145deg,\r\n    #30251D 0%,\r\n    #17120F 48%,\r\n    #241A14 100%\r\n  );\r\n\r\n  text-align: center;\r\n\r\n  box-shadow:\r\n    0 6px 18px rgba(30, 16, 6, .25),\r\n    inset 0 1px 0 rgba(255, 229, 177, .18),\r\n    inset 0 0 12px rgba(190, 137, 65, .06);\r\n\r\n  animation: alm-hero-card-in .75s ease both;\r\n\r\n  transition:\r\n    border-color .3s ease,\r\n    box-shadow .3s ease,\r\n    transform .3s ease;\r\n}\r\n\r\n.alm-hero__unit:nth-child(1) { animation-delay: 2.2s; }\r\n.alm-hero__unit:nth-child(2) { animation-delay: 2.3s; }\r\n.alm-hero__unit:nth-child(3) { animation-delay: 2.4s; }\r\n.alm-hero__unit:nth-child(4) { animation-delay: 2.5s; }\r\n\r\n.alm-hero__unit::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 3px;\r\n  border: 1px solid rgba(213, 174, 112, .18);\r\n  border-radius: 5px;\r\n  pointer-events: none;\r\n}\r\n\r\n.alm-hero__unit::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -50%;\r\n  left: -160%;\r\n  width: 65%;\r\n  height: 200%;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(255, 224, 165, .18),\r\n    transparent\r\n  );\r\n  transform: rotate(25deg);\r\n  pointer-events: none;\r\n  animation: alm-hero-shine 7s ease-in-out infinite;\r\n}\r\n\r\n.alm-hero__unit:nth-child(2)::after { animation-delay: 1s; }\r\n.alm-hero__unit:nth-child(3)::after { animation-delay: 2s; }\r\n.alm-hero__unit:nth-child(4)::after { animation-delay: 3s; }\r\n\r\n.alm-hero__unit:hover {\r\n  transform: translateY(-3px);\r\n  border-color: var(--hero-gold-light);\r\n  box-shadow:\r\n    0 10px 24px rgba(30, 16, 6, .30),\r\n    0 0 14px rgba(213, 174, 112, .18);\r\n}\r\n\r\n.alm-hero__number {\r\n  display: block;\r\n  position: relative;\r\n  z-index: 1;\r\n  color: var(--hero-gold-light);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: clamp(23px, 2.1vw, 32px);\r\n  font-weight: 400;\r\n  line-height: 1.1;\r\n  font-variant-numeric: tabular-nums;\r\n  text-shadow: 0 1px 8px rgba(213, 174, 112, .20);\r\n}\r\n\r\n.alm-hero__number.is-ticking {\r\n  animation: alm-hero-tick .32s ease;\r\n}\r\n\r\n.alm-hero__label {\r\n  display: block;\r\n  position: relative;\r\n  z-index: 1;\r\n  margin-top: 7px;\r\n  color: var(--hero-gold-text);\r\n  font-family: Arial, sans-serif;\r\n  font-size: 8px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* ==========================================\r\n   KEYFRAMES\r\n========================================== *\/\r\n\r\n@keyframes alm-hero-stage-in {\r\n  from { opacity: 0; filter: blur(8px); }\r\n  to   { opacity: 1; filter: blur(0); }\r\n}\r\n\r\n@keyframes alm-hero-sheen {\r\n  0%   { background-position: 130% 0; }\r\n  30%  { background-position: -30% 0; }\r\n  100% { background-position: -30% 0; }\r\n}\r\n\r\n@keyframes alm-hero-frame-glow {\r\n  0%, 100% {\r\n    border-color: rgba(213, 174, 112, .45);\r\n    box-shadow: 0 0 0 rgba(213, 174, 112, 0);\r\n  }\r\n  50% {\r\n    border-color: rgba(242, 217, 166, .85);\r\n    box-shadow: 0 0 24px rgba(213, 174, 112, .25);\r\n  }\r\n}\r\n\r\n@keyframes alm-hero-dust {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translate(0, 0) scale(.6);\r\n  }\r\n  12% { opacity: .9; }\r\n  70% { opacity: .55; }\r\n  100% {\r\n    opacity: 0;\r\n    transform: translate(var(--dx, 20px), -95vh) scale(1);\r\n  }\r\n}\r\n\r\n@keyframes alm-hero-card-in {\r\n  from { opacity: 0; translate: 0 12px; }\r\n  to   { opacity: 1; translate: 0 0; }\r\n}\r\n\r\n@keyframes alm-hero-shine {\r\n  0%, 60%   { left: -160%; }\r\n  85%, 100% { left: 200%; }\r\n}\r\n\r\n@keyframes alm-hero-tick {\r\n  0%   { opacity: .55; transform: translateY(4px); }\r\n  100% { opacity: 1;   transform: translateY(0); }\r\n}\r\n\r\n\/* ==========================================\r\n   TABLET (768px \u2013 1199px)\r\n========================================== *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1199px) {\r\n\r\n  .alm-hero {\r\n    --timer-left: 27%;\r\n    --timer-top: 88%;\r\n    --timer-width: 33%;\r\n  }\r\n\r\n  .alm-hero__timer {\r\n    max-width: 280px;\r\n    gap: 5px;\r\n  }\r\n\r\n  .alm-hero__unit {\r\n    padding: 7px 2px 6px;\r\n    border-radius: 6px;\r\n  }\r\n\r\n  .alm-hero__unit::before {\r\n    inset: 2px;\r\n    border-radius: 4px;\r\n  }\r\n\r\n  .alm-hero__number {\r\n    font-size: 20px;\r\n  }\r\n\r\n  .alm-hero__label {\r\n    margin-top: 4px;\r\n    font-size: 6px;\r\n    letter-spacing: .4px;\r\n  }\r\n\r\n  .alm-hero__frame {\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .alm-hero__frame::before {\r\n    border-radius: 14px;\r\n  }\r\n}\r\n\r\n\/* ==========================================\r\n   MOBILE (up to 767px)\r\n========================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .alm-hero {\r\n    --timer-left: 50%;\r\n    --timer-top: 64%;\r\n    --timer-width: 78%;\r\n  }\r\n\r\n  .alm-hero__timer {\r\n    max-width: 340px;\r\n    gap: 7px;\r\n  }\r\n\r\n  .alm-hero__unit {\r\n    padding: 11px 3px 9px;\r\n    border-radius: 7px;\r\n  }\r\n\r\n  .alm-hero__number {\r\n    font-size: clamp(21px, 5.8vw, 29px);\r\n  }\r\n\r\n  .alm-hero__label {\r\n    margin-top: 5px;\r\n    font-size: 7px;\r\n    letter-spacing: .5px;\r\n  }\r\n\r\n  .alm-hero__frame {\r\n    inset: 3%;\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .alm-hero__frame::before {\r\n    border-radius: 12px;\r\n  }\r\n}\r\n\r\n\/* ==========================================\r\n   SMALL MOBILE (up to 360px)\r\n========================================== *\/\r\n\r\n@media (max-width: 360px) {\r\n\r\n  .alm-hero__timer {\r\n    width: 84%;\r\n    gap: 5px;\r\n  }\r\n\r\n  .alm-hero__unit {\r\n    padding: 8px 2px 7px;\r\n  }\r\n\r\n  .alm-hero__number {\r\n    font-size: 20px;\r\n  }\r\n\r\n  .alm-hero__label {\r\n    font-size: 6px;\r\n    letter-spacing: .2px;\r\n  }\r\n}\r\n\r\n\/* ==========================================\r\n   REDUCED MOTION\r\n========================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .alm-hero__media,\r\n  .alm-hero__sheen,\r\n  .alm-hero__frame,\r\n  .alm-hero__dust,\r\n  .alm-hero__unit,\r\n  .alm-hero__unit::after,\r\n  .alm-hero__number.is-ticking {\r\n    animation: none !important;\r\n  }\r\n\r\n  .alm-hero__unit {\r\n    transition: none;\r\n  }\r\n\r\n  .alm-hero__unit:hover {\r\n    transform: none;\r\n  }\r\n\r\n  .alm-hero__dust {\r\n    display: none;\r\n  }\r\n}\r\n\r\n\/* ==========================================\r\n   V13 \u2014 RESPONSIVE COUNTDOWN REFINEMENT\r\n   Keep the four units together and centered\r\n   inside the reserved area of each hero image.\r\n========================================== *\/\r\n.alm-hero {\r\n  --timer-left: 24.4%;\r\n  --timer-top: 87%;\r\n  --timer-width: 31%;\r\n}\r\n.alm-hero__timer {\r\n  width: min(var(--timer-width), 410px);\r\n  gap: clamp(4px, .65vw, 9px);\r\n  align-items: stretch;\r\n}\r\n.alm-hero__unit {\r\n  padding: clamp(6px, .8vw, 12px) 3px clamp(5px, .65vw, 10px);\r\n}\r\n.alm-hero__number {\r\n  font-size: clamp(17px, 2vw, 30px);\r\n  white-space: nowrap;\r\n}\r\n.alm-hero__label {\r\n  font-size: clamp(6px, .52vw, 8px);\r\n  letter-spacing: .05em;\r\n  white-space: nowrap;\r\n}\r\n@media (min-width: 1200px) and (max-width: 1599px) {\r\n  .alm-hero { --timer-left: 24.4%; --timer-top: 87%; --timer-width: 32%; }\r\n  .alm-hero__timer { max-width: 360px; }\r\n}\r\n@media (min-width: 768px) and (max-width: 1199px) {\r\n  .alm-hero { --timer-left: 24%; --timer-top: 87%; --timer-width: 35%; }\r\n  .alm-hero__timer { max-width: 290px; gap: 5px; }\r\n  .alm-hero__unit { padding: 7px 2px 6px; }\r\n  .alm-hero__number { font-size: clamp(15px, 2vw, 22px); }\r\n  .alm-hero__label { font-size: 6px; letter-spacing: 0; }\r\n}\r\n@media (max-width: 767px) {\r\n  .alm-hero {\r\n    --timer-left: 50%;\r\n    --timer-top: 95.5%;\r\n    --timer-width: 76%;\r\n  }\r\n  .alm-hero__timer {\r\n    max-width: 330px;\r\n    gap: 6px;\r\n  }\r\n  .alm-hero__unit {\r\n    padding: 6px 2px 5px;\r\n    border-radius: 6px;\r\n  }\r\n  .alm-hero__number {\r\n    font-size: clamp(16px, 4.8vw, 22px);\r\n  }\r\n  .alm-hero__label {\r\n    margin-top: 3px;\r\n    font-size: clamp(5px, 1.5vw, 7px);\r\n    letter-spacing: 0;\r\n  }\r\n}\r\n@media (max-width: 360px) {\r\n  .alm-hero { --timer-width: 82%; }\r\n  .alm-hero__timer { gap: 4px; }\r\n  .alm-hero__unit { padding: 5px 1px 4px; }\r\n  .alm-hero__number { font-size: 16px; }\r\n  .alm-hero__label { font-size: 5px; }\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"alm-hero\" lang=\"en\" aria-label=\"ALMALAS Coming Soon\">\r\n\r\n  <div class=\"alm-hero__media\">\r\n\r\n    <picture>\r\n      <source\r\n        media=\"(max-width: 767px)\"\r\n        srcset=\"https:\/\/almalas.com\/wp-content\/uploads\/2026\/10\/mobile01.png\">\r\n\r\n      <img decoding=\"async\"\r\n        class=\"alm-hero__image\"\r\n        src=\"https:\/\/almalas.com\/wp-content\/uploads\/2026\/10\/hero3.png\"\r\n        alt=\"ALMALAS Food and Desserts \u2014 Authentic Flavors, Exceptional Experiences. Coming Soon.\"\r\n        fetchpriority=\"high\">\r\n    <\/picture>\r\n\r\n    <div class=\"alm-hero__vignette\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"alm-hero__sheen\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"alm-hero__frame\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"alm-hero__dust\" aria-hidden=\"true\">\r\n      <span style=\"--x:12%; --dl:0s;   --t:13s; --dx:14px;  --s:3px;\"><\/span>\r\n      <span style=\"--x:28%; --dl:3s;   --t:17s; --dx:-18px; --s:4px;\"><\/span>\r\n      <span style=\"--x:44%; --dl:6s;   --t:15s; --dx:10px;  --s:3px;\"><\/span>\r\n      <span style=\"--x:58%; --dl:1.5s; --t:19s; --dx:-12px; --s:5px;\"><\/span>\r\n      <span style=\"--x:72%; --dl:4.5s; --t:14s; --dx:16px;  --s:3px;\"><\/span>\r\n      <span style=\"--x:86%; --dl:8s;   --t:18s; --dx:-8px;  --s:4px;\"><\/span>\r\n      <span style=\"--x:94%; --dl:2.5s; --t:16s; --dx:12px;  --s:3px;\"><\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"alm-hero__timer\" role=\"timer\" aria-label=\"Countdown to launch\">\r\n\r\n    <div class=\"alm-hero__unit\">\r\n      <span class=\"alm-hero__number\" data-hero-days>00<\/span>\r\n      <span class=\"alm-hero__label\">Days<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"alm-hero__unit\">\r\n      <span class=\"alm-hero__number\" data-hero-hours>00<\/span>\r\n      <span class=\"alm-hero__label\">Hours<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"alm-hero__unit\">\r\n      <span class=\"alm-hero__number\" data-hero-minutes>00<\/span>\r\n      <span class=\"alm-hero__label\">Minutes<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"alm-hero__unit\">\r\n      <span class=\"alm-hero__number\" data-hero-seconds>00<\/span>\r\n      <span class=\"alm-hero__label\">Seconds<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  var reducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\r\n  var launchDate = new Date(\"2026-11-24T19:58:00+03:00\").getTime();\r\n\r\n  function initCountdown(section) {\r\n    var daysEl = section.querySelector(\"[data-hero-days]\");\r\n    var hoursEl = section.querySelector(\"[data-hero-hours]\");\r\n    var minutesEl = section.querySelector(\"[data-hero-minutes]\");\r\n    var secondsEl = section.querySelector(\"[data-hero-seconds]\");\r\n    if (!daysEl || !hoursEl || !minutesEl || !secondsEl) return;\r\n\r\n    var intervalId = null;\r\n\r\n    function setValue(el, value) {\r\n      var text = String(value).padStart(2, \"0\");\r\n      if (el.textContent === text) return;\r\n      el.textContent = text;\r\n\r\n      if (!reducedMotion.matches) {\r\n        el.classList.remove(\"is-ticking\");\r\n        void el.offsetWidth;\r\n        el.classList.add(\"is-ticking\");\r\n      }\r\n    }\r\n\r\n    function tick() {\r\n      var remaining = Math.max(0, launchDate - Date.now());\r\n      setValue(daysEl, Math.floor(remaining \/ 86400000));\r\n      setValue(hoursEl, Math.floor((remaining % 86400000) \/ 3600000));\r\n      setValue(minutesEl, Math.floor((remaining % 3600000) \/ 60000));\r\n      setValue(secondsEl, Math.floor((remaining % 60000) \/ 1000));\r\n\r\n      if (remaining === 0 && intervalId) {\r\n        clearInterval(intervalId);\r\n      }\r\n    }\r\n\r\n    tick();\r\n    if (launchDate > Date.now()) {\r\n      intervalId = setInterval(tick, 1000);\r\n    }\r\n  }\r\n\r\n  function init() {\r\n    document.querySelectorAll(\".alm-hero\").forEach(function (section) {\r\n      if (section.dataset.heroInit === \"1\") return;\r\n      section.dataset.heroInit = \"1\";\r\n      initCountdown(section);\r\n    });\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", init);\r\n  } else {\r\n    init();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0a358c2 e-con-full wd-section-stretch-content e-flex e-con e-parent\" data-id=\"0a358c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6ac5ea elementor-widget elementor-widget-html\" data-id=\"a6ac5ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ALMALAS 3D Ring Gallery \u2014 Enhanced Edition | Paste into a WordPress Custom HTML block -->\r\n<section id=\"almalas-culinary-gallery\" class=\"amg-gallery\" aria-label=\"ALMALAS culinary photo gallery\">\r\n  <div class=\"amg-heading\">\r\n    <span class=\"amg-eyebrow\">ALMALAS \u00b7 THE CULINARY COLLECTION<\/span>\r\n    <h2>A Gallery of Authentic Flavors<\/h2>\r\n    <div class=\"amg-rule\" aria-hidden=\"true\"><\/div>\r\n    <p>Real culinary craftsmanship, thoughtfully presented.<\/p>\r\n  <\/div>\r\n  <div class=\"amg-stage\" aria-roledescription=\"carousel\" aria-label=\"Culinary dishes\">\r\n    <div class=\"amg-spotlight\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"amg-track\" id=\"amg-track\"><\/div>\r\n  <\/div>\r\n  <div class=\"amg-details\" aria-live=\"polite\" aria-atomic=\"true\">\r\n    <div class=\"amg-counter\" id=\"amg-counter\"><\/div>\r\n    <h3 id=\"amg-title\">From the Chef's Collection<\/h3>\r\n    <p id=\"amg-description\">A genuine creation from the ALMALAS kitchen, presented with care.<\/p>\r\n    <div class=\"amg-progress\" aria-hidden=\"true\"><span id=\"amg-progress-fill\"><\/span><\/div>\r\n  <\/div>\r\n  <div class=\"amg-controls\">\r\n    <button class=\"amg-nav\" type=\"button\" id=\"amg-prev\" aria-label=\"Previous dish\">&#8592;<\/button>\r\n    <button class=\"amg-pause\" type=\"button\" id=\"amg-toggle\" aria-label=\"Pause automatic slideshow\">Pause<\/button>\r\n    <button class=\"amg-nav\" type=\"button\" id=\"amg-next\" aria-label=\"Next dish\">&#8594;<\/button>\r\n  <\/div>\r\n  <p class=\"amg-hint\">Swipe or use the arrows to explore<\/p>\r\n<\/section>\r\n<style>\r\n#almalas-culinary-gallery{--amg-ink:#39231b;--amg-gold:#a67c45;--amg-muted:#786359;--amg-duration:5500ms;position:relative;isolation:isolate;overflow:hidden;width:100%;padding:clamp(54px,7vw,100px) 0 56px;background:radial-gradient(ellipse at 50% 43%,#fffdf9 0%,#fbf5eb 49%,#f4eadd 100%);color:var(--amg-ink);font-family:inherit;text-align:center}\r\n#almalas-culinary-gallery *{box-sizing:border-box}\r\n\r\n\/* ---------- Heading ---------- *\/\r\n#almalas-culinary-gallery .amg-heading{padding:0 20px;max-width:820px;margin:auto;animation:amg-rise .9s cubic-bezier(.22,.7,.22,1) both}\r\n#almalas-culinary-gallery .amg-eyebrow{font-size:11px;letter-spacing:.26em;color:var(--amg-gold);font-weight:700}\r\n#almalas-culinary-gallery h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,5.3vw,72px);font-weight:400;line-height:1.1;letter-spacing:-.025em;margin:14px 0;color:var(--amg-ink)}\r\n#almalas-culinary-gallery .amg-rule{width:70px;height:1px;background:var(--amg-gold);margin:22px auto;position:relative;overflow:hidden}\r\n#almalas-culinary-gallery .amg-rule::after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#f2d9a6,transparent);animation:amg-rule-sheen 3.4s ease-in-out infinite}\r\n#almalas-culinary-gallery .amg-heading p{color:var(--amg-muted);font-size:clamp(14px,1.3vw,17px);margin:0}\r\n\r\n\/* ---------- Stage (true 3D ring) ---------- *\/\r\n#almalas-culinary-gallery .amg-stage{height:clamp(330px,43vw,560px);position:relative;perspective:1300px;transition:perspective-origin .5s ease;touch-action:pan-y;user-select:none;cursor:grab;margin:20px auto 0}\r\n#almalas-culinary-gallery .amg-stage:active{cursor:grabbing}\r\n#almalas-culinary-gallery .amg-spotlight{position:absolute;inset:-12%;z-index:0;background:radial-gradient(circle at 50% 55%,rgba(198,160,101,.38),rgba(198,160,101,0) 62%);filter:blur(38px);pointer-events:none;animation:amg-glow 6.4s ease-in-out infinite}\r\n#almalas-culinary-gallery .amg-track{position:absolute;inset:0;z-index:1;transform-style:preserve-3d}\r\n#almalas-culinary-gallery .amg-slide{position:absolute;top:50%;left:50%;width:clamp(240px,33vw,470px);aspect-ratio:1\/1;display:grid;place-items:center;border:0;padding:0;background:transparent;cursor:pointer;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.34,1.3,.4,1),opacity .65s,filter .65s;will-change:transform;outline-offset:6px}\r\n#almalas-culinary-gallery .amg-slide img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 22px 19px rgba(63,40,20,.17));pointer-events:none;animation:amg-float 5.2s ease-in-out infinite;animation-delay:var(--fd,0s)}\r\n#almalas-culinary-gallery .amg-slide[aria-current=\"true\"] img{filter:drop-shadow(0 26px 24px rgba(63,40,20,.22))}\r\n#almalas-culinary-gallery .amg-slide[aria-hidden=\"true\"]{pointer-events:none}\r\n#almalas-culinary-gallery .amg-slide:focus-visible{outline:2px solid var(--amg-gold);border-radius:50%}\r\n\r\n\/* soft reflection beneath each dish *\/\r\n#almalas-culinary-gallery .amg-slide::after{content:\"\";position:absolute;left:8%;right:8%;bottom:-6%;height:34%;z-index:-1;background:radial-gradient(ellipse at 50% 0%,rgba(63,40,20,.16),rgba(63,40,20,0) 72%);filter:blur(2px);pointer-events:none}\r\n\r\n\/* ---------- Details ---------- *\/\r\n#almalas-culinary-gallery .amg-details{min-height:132px;padding:0 22px;max-width:650px;margin:-5px auto 0;position:relative;z-index:2;transition:opacity .28s ease,transform .28s ease}\r\n#almalas-culinary-gallery .amg-details.amg-switching{opacity:0;transform:translateY(8px)}\r\n#almalas-culinary-gallery .amg-counter{font-size:11px;letter-spacing:.24em;color:var(--amg-gold);font-weight:700}\r\n#almalas-culinary-gallery h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(24px,2.5vw,33px);font-weight:400;margin:12px 0 8px;color:var(--amg-ink)}\r\n#almalas-culinary-gallery .amg-details p{font-size:15px;line-height:1.7;color:var(--amg-muted);margin:0}\r\n#almalas-culinary-gallery .amg-progress{width:120px;height:2px;background:rgba(166,124,69,.22);border-radius:2px;overflow:hidden;margin:16px auto 0}\r\n#almalas-culinary-gallery .amg-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--amg-gold),#f2d9a6)}\r\n#almalas-culinary-gallery .amg-progress.amg-active span{animation:amg-fill var(--amg-duration) linear forwards}\r\n\r\n\/* ---------- Controls (hidden) ---------- *\/\r\n#almalas-culinary-gallery .amg-controls{display:none}\r\n#almalas-culinary-gallery .amg-hint{display:none}\r\n\r\n\/* ---------- Keyframes ---------- *\/\r\n@keyframes amg-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}\r\n@keyframes amg-rule-sheen{0%{transform:translateX(-120%)}60%,100%{transform:translateX(120%)}}\r\n@keyframes amg-glow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.1)}}\r\n@keyframes amg-float{0%,100%{transform:translateY(0) rotateZ(0deg)}50%{transform:translateY(-14px) rotateZ(1.1deg)}}\r\n@keyframes amg-fill{from{width:0}to{width:100%}}\r\n\r\n@media(max-width:700px){#almalas-culinary-gallery{padding-top:58px}#almalas-culinary-gallery .amg-stage{height:360px;margin-top:12px}#almalas-culinary-gallery .amg-slide{width:min(74vw,310px)}#almalas-culinary-gallery .amg-details{min-height:150px;margin-top:-8px}#almalas-culinary-gallery h2{font-size:clamp(34px,9vw,49px)}}\r\n@media(max-width:390px){#almalas-culinary-gallery .amg-stage{height:310px}#almalas-culinary-gallery .amg-slide{width:74vw}}\r\n@media(prefers-reduced-motion:reduce){#almalas-culinary-gallery .amg-slide,#almalas-culinary-gallery .amg-slide img,#almalas-culinary-gallery .amg-nav,#almalas-culinary-gallery .amg-heading,#almalas-culinary-gallery .amg-rule::after,#almalas-culinary-gallery .amg-spotlight,#almalas-culinary-gallery .amg-progress span{animation:none!important}}\r\n<\/style>\r\n<script>\r\n(function(){\r\n  'use strict';\r\n  const root=document.getElementById('almalas-culinary-gallery');\r\n  if(!root || root.dataset.initialized==='yes')return;\r\n  root.dataset.initialized='yes';\r\n\r\n  const AUTOPLAY_MS=5500;\r\n  root.style.setProperty('--amg-duration',AUTOPLAY_MS+'ms');\r\n\r\n  \/\/ EDIT HERE: Confirm your uploaded files keep these exact names and folder.\r\n  const IMAGE_BASE='https:\/\/almalas.com\/wp-content\/uploads\/2026\/10\/';\r\n  const FILE_NUMBERS=[1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27];\r\n  \/\/ EDIT HERE: Replace the neutral text below with chef-approved English dish names\/descriptions.\r\n  const dishes=FILE_NUMBERS.map((number)=>({\r\n    src:IMAGE_BASE+number+'.png',\r\n    title:'From the Chef\\'s Collection',\r\n    description:'An authentic culinary creation, prepared with care and presented with attention to every detail.'\r\n  }));\r\n\r\n  const track=root.querySelector('#amg-track');\r\n  const title=root.querySelector('#amg-title');\r\n  const description=root.querySelector('#amg-description');\r\n  const counter=root.querySelector('#amg-counter');\r\n  const toggle=root.querySelector('#amg-toggle');\r\n  const stage=root.querySelector('.amg-stage');\r\n  const details=root.querySelector('.amg-details');\r\n  const progress=root.querySelector('.amg-progress');\r\n\r\n  let current=0,paused=false,timer=null,startX=null,switching=false;\r\n  const reduceMotion=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  const slides=dishes.map((dish,i)=>{\r\n    const b=document.createElement('button');b.type='button';b.className='amg-slide';b.setAttribute('aria-label','Show dish '+(i+1));\r\n    const img=document.createElement('img');img.src=dish.src;img.alt='Authentic ALMALAS culinary dish '+(i+1);img.loading=i<3?'eager':'lazy';img.decoding='async';\r\n    img.style.setProperty('--fd',(i%6)*0.4+'s');\r\n    img.onerror=()=>{img.alt='Image unavailable: '+dish.src;b.style.opacity='.15';};\r\n    b.appendChild(img);b.addEventListener('click',()=>{current=i;render();restart();});track.appendChild(b);return b;\r\n  });\r\n\r\n  function signedDistance(i){let d=i-current;const n=slides.length;if(d>n\/2)d-=n;if(d< -n\/2)d+=n;return d;}\r\n\r\n  \/\/ True polar-ring placement: dishes sit on the arc of a real circle,\r\n  \/\/ so distant dishes curve naturally instead of sliding sideways.\r\n  function render(){\r\n    const mobile=window.matchMedia('(max-width:700px)').matches;\r\n    const angleStep=mobile?30:26;\r\n    const radius=mobile?260:430;\r\n    slides.forEach((slide,i)=>{\r\n      const d=signedDistance(i),a=Math.abs(d),visible=a<=3;\r\n      const angleDeg=d*angleStep;\r\n      const rad=angleDeg*Math.PI\/180;\r\n      const x=Math.sin(rad)*radius;\r\n      const z=Math.cos(rad)*radius-radius;\r\n      const rotY=-angleDeg*0.92;\r\n      const scale=a===0?1:(a===1?.8:a===2?.6:.42);\r\n      const opacity=!visible?0:(a===0?1:a===1?.85:a===2?.5:.2);\r\n      slide.style.transform=`translate(-50%,-50%) translate3d(${x}px,0,${z}px) rotateY(${rotY}deg) scale(${scale})`;\r\n      slide.style.opacity=opacity;\r\n      slide.style.filter=a===0?'none':'saturate(.83)';\r\n      slide.style.zIndex=String(20-a);\r\n      slide.setAttribute('aria-hidden',visible?'false':'true');\r\n      slide.tabIndex=visible?0:-1;\r\n      slide.setAttribute('aria-current',a===0?'true':'false');\r\n    });\r\n    updateDetails();\r\n  }\r\n\r\n  function updateDetails(){\r\n    if(switching){\r\n      title.textContent=dishes[current].title;\r\n      description.textContent=dishes[current].description;\r\n      counter.textContent=String(current+1).padStart(2,'0')+' \/ '+String(dishes.length).padStart(2,'0');\r\n      return;\r\n    }\r\n    switching=true;\r\n    details.classList.add('amg-switching');\r\n    setTimeout(()=>{\r\n      title.textContent=dishes[current].title;\r\n      description.textContent=dishes[current].description;\r\n      counter.textContent=String(current+1).padStart(2,'0')+' \/ '+String(dishes.length).padStart(2,'0');\r\n      details.classList.remove('amg-switching');\r\n      switching=false;\r\n    },reduceMotion?0:220);\r\n  }\r\n\r\n  function restartProgress(){\r\n    if(paused||reduceMotion){progress.classList.remove('amg-active');return;}\r\n    progress.classList.remove('amg-active');\r\n    void progress.offsetWidth;\r\n    progress.classList.add('amg-active');\r\n  }\r\n\r\n  function move(step){current=(current+step+dishes.length)%dishes.length;render();}\r\n  function stop(){if(timer!==null){clearInterval(timer);timer=null;}progress.classList.remove('amg-active');}\r\n  function start(){\r\n    stop();\r\n    if(!paused&&!reduceMotion&&!document.hidden){\r\n      timer=setInterval(()=>move(1),AUTOPLAY_MS);\r\n      restartProgress();\r\n    }\r\n  }\r\n  function restart(){start();}\r\n\r\n  root.querySelector('#amg-prev').addEventListener('click',()=>{move(-1);restart();});\r\n  root.querySelector('#amg-next').addEventListener('click',()=>{move(1);restart();});\r\n  toggle.addEventListener('click',()=>{\r\n    paused=!paused;\r\n    toggle.textContent=paused?'Play':'Pause';\r\n    toggle.setAttribute('aria-label',paused?'Resume automatic slideshow':'Pause automatic slideshow');\r\n    start();\r\n  });\r\n\r\n  root.addEventListener('mouseenter',stop);\r\n  root.addEventListener('mouseleave',start);\r\n  root.addEventListener('focusin',stop);\r\n  root.addEventListener('focusout',()=>{if(!root.contains(document.activeElement))start();});\r\n  root.addEventListener('keydown',e=>{if(e.key==='ArrowRight'){e.preventDefault();move(1);restart();}if(e.key==='ArrowLeft'){e.preventDefault();move(-1);restart();}});\r\n\r\n  stage.addEventListener('pointerdown',e=>{if(e.pointerType!=='mouse'||e.button===0)startX=e.clientX;});\r\n  stage.addEventListener('pointerup',e=>{if(startX===null)return;const delta=e.clientX-startX;startX=null;if(Math.abs(delta)>35){move(delta<0?1:-1);restart();}});\r\n  stage.addEventListener('pointercancel',()=>{startX=null;});\r\n\r\n  \/\/ Subtle automatic depth parallax that follows the pointer (desktop only, respects reduced motion)\r\n  if(!reduceMotion){\r\n    stage.addEventListener('pointermove',e=>{\r\n      const rect=stage.getBoundingClientRect();\r\n      const px=((e.clientX-rect.left)\/rect.width)*100;\r\n      const py=((e.clientY-rect.top)\/rect.height)*100;\r\n      stage.style.perspectiveOrigin=px+'% '+py+'%';\r\n    });\r\n    stage.addEventListener('pointerleave',()=>{stage.style.perspectiveOrigin='';});\r\n  }\r\n\r\n  document.addEventListener('visibilitychange',()=>{if(document.hidden)stop();else start();});\r\n  window.addEventListener('resize',render,{passive:true});\r\n\r\n  render();\r\n  start();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-476ff39 e-con-full wd-section-stretch-content e-flex e-con e-parent\" data-id=\"476ff39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7082a4 elementor-widget elementor-widget-html\" data-id=\"b7082a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ALMALAS - EXPERTISE SECTION V9 (Light, rounded, no links) *\/\r\n\r\n.alm6 {\r\n  --espresso: #FDF7F0;\r\n  --cocoa: #3B2519;\r\n  --cream: #39231B;\r\n  --sand: #786359;\r\n  --gold: #A67C45;\r\n  --gold-hi: #C9A063;\r\n  --pistachio: #8C9A5B;\r\n  --radius: 28px;\r\n  --radius-band: 38px;\r\n\r\n  position: relative;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  padding: 110px 24px 120px;\r\n  background: var(--espresso);\r\n  color: var(--cream);\r\n  overflow: hidden;\r\n  direction: ltr;\r\n}\r\n\r\n.alm6 *,\r\n.alm6 *::before,\r\n.alm6 *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.alm6 .alm6__wrap {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* FLOATING EMBERS *\/\r\n\r\n.alm6 .alm6__ember {\r\n  position: absolute;\r\n  bottom: -20px;\r\n  left: var(--x, 50%);\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  background: var(--gold-hi);\r\n  box-shadow: 0 0 10px 2px rgba(166,124,69,.35);\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  z-index: 0;\r\n  animation: alm6-ember 11s linear infinite;\r\n  animation-delay: var(--delay, 0s);\r\n}\r\n\r\n@keyframes alm6-ember {\r\n  0%   { transform: translateY(0) translateX(0) scale(.6); opacity: 0; }\r\n  12%  { opacity: .9; }\r\n  60%  { transform: translateY(-60vh) translateX(var(--drift, 20px)) scale(1); opacity: .6; }\r\n  100% { transform: translateY(-110vh) translateX(calc(var(--drift, 20px) * -1)) scale(.4); opacity: 0; }\r\n}\r\n\r\n\/* HEAD *\/\r\n\r\n.alm6 .alm6__head {\r\n  text-align: center;\r\n  max-width: 720px;\r\n  margin: 0 auto 80px;\r\n}\r\n\r\n.alm6 .alm6__brand {\r\n  display: inline-block;\r\n  font-family: \"Cormorant Garamond\", Georgia, serif;\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  letter-spacing: 7px;\r\n  color: var(--gold);\r\n  margin: 0 0 18px;\r\n  padding-left: 7px;\r\n}\r\n\r\n.alm6 .alm6__head h2 {\r\n  font-family: \"Cormorant Garamond\", Georgia, serif;\r\n  font-weight: 500;\r\n  font-size: clamp(38px, 5vw, 64px);\r\n  line-height: 1.08;\r\n  letter-spacing: -.01em;\r\n  margin: 0 0 22px;\r\n  color: var(--cream);\r\n  perspective: 600px;\r\n}\r\n\r\n.alm6 .alm6__w {\r\n  display: inline-block;\r\n  transform-origin: 50% 100%;\r\n}\r\n\r\n.alm6 .alm6__lede {\r\n  font-family: \"Tajawal\", Arial, sans-serif;\r\n  font-size: 16px;\r\n  line-height: 1.9;\r\n  color: var(--sand);\r\n  max-width: 560px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.alm6 .alm6__rule {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 200px;\r\n  height: 20px;\r\n  margin: 30px auto 0;\r\n  color: var(--gold);\r\n  font-size: 14px;\r\n}\r\n\r\n.alm6 .alm6__rule::before,\r\n.alm6 .alm6__rule::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  height: 1px;\r\n  width: 80px;\r\n  background: linear-gradient(90deg, transparent, var(--gold));\r\n}\r\n\r\n.alm6 .alm6__rule::before { right: 50%; margin-right: 14px; }\r\n.alm6 .alm6__rule::after {\r\n  left: 50%;\r\n  margin-left: 14px;\r\n  background: linear-gradient(90deg, var(--gold), transparent);\r\n}\r\n\r\n.alm6 .alm6__spark {\r\n  display: inline-block;\r\n  animation: alm6-spin 9s linear infinite;\r\n}\r\n\r\n@keyframes alm6-spin {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* GRID *\/\r\n\r\n.alm6 .alm6__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 40px 32px;\r\n  align-items: start;\r\n}\r\n\r\n.alm6 .alm6__card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n}\r\n\r\n\/* FRAME: rectangle with rounded corners and a gold band \u2014 same size for every card *\/\r\n\r\n.alm6 .alm6__frame {\r\n  position: relative;\r\n  isolation: isolate;\r\n  margin: 0 0 30px;\r\n  aspect-ratio: 4 \/ 5;\r\n  width: 100%;\r\n}\r\n\r\n.alm6 .alm6__frame::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: -10px;\r\n  z-index: -1;\r\n  background: linear-gradient(135deg, #E2C28E, #9A7042 50%, #E2C28E);\r\n  border-radius: var(--radius-band);\r\n  opacity: .75;\r\n  transition: inset .5s ease, opacity .5s ease;\r\n}\r\n\r\n\/* Light sheen that crosses the frame on hover *\/\r\n.alm6 .alm6__frame::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  border-radius: var(--radius);\r\n  background: linear-gradient(115deg, transparent 35%, rgba(240,217,168,.4) 50%, transparent 65%);\r\n  background-size: 250% 100%;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  mix-blend-mode: screen;\r\n}\r\n\r\n.alm6 .alm6__img {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: var(--radius);\r\n  overflow: hidden;\r\n  background: var(--cocoa);\r\n}\r\n\r\n.alm6 .alm6__img img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  transition: transform 1.2s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.alm6 .alm6__card:hover .alm6__img img {\r\n  transform: scale(1.07);\r\n}\r\n\r\n.alm6 .alm6__card:hover .alm6__frame::before {\r\n  inset: -16px;\r\n  opacity: 1;\r\n}\r\n\r\n.alm6 .alm6__card:hover .alm6__frame::after {\r\n  animation: alm6-sheen 1.4s ease forwards;\r\n}\r\n\r\n@keyframes alm6-sheen {\r\n  from { opacity: 1; background-position: 120% 0; }\r\n  to   { opacity: 0; background-position: -20% 0; }\r\n}\r\n\r\n\/* FEATURED \u2014 same frame size as the other two cards, only the accent differs *\/\r\n\r\n.alm6 .alm6__card--feature .alm6__frame::before {\r\n  background: linear-gradient(135deg, #B9C27F, #8C9A5B 50%, #B9C27F);\r\n}\r\n\r\n.alm6 .alm6__tag {\r\n  position: absolute;\r\n  bottom: 22px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 2;\r\n  padding: 9px 26px;\r\n  background: var(--pistachio);\r\n  border-radius: 999px;\r\n  color: #1F2415;\r\n  font-family: \"Tajawal\", Arial, sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  white-space: nowrap;\r\n  animation: alm6-pulse 2.8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes alm6-pulse {\r\n  0%, 100% { filter: drop-shadow(0 0 0 rgba(140,154,91,0)); }\r\n  50%      { filter: drop-shadow(0 0 10px rgba(140,154,91,.7)); }\r\n}\r\n\r\n\/* BODY *\/\r\n\r\n.alm6 .alm6__body {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  padding: 0 8px;\r\n  text-align: center;\r\n}\r\n\r\n.alm6 .alm6__body h3 {\r\n  font-family: \"Cormorant Garamond\", Georgia, serif;\r\n  font-weight: 500;\r\n  font-size: 30px;\r\n  line-height: 1.2;\r\n  color: var(--cream);\r\n  margin: 0 0 16px;\r\n}\r\n\r\n.alm6 .alm6__body p {\r\n  font-family: \"Tajawal\", Arial, sans-serif;\r\n  font-size: 15px;\r\n  line-height: 1.85;\r\n  color: var(--sand);\r\n  margin: 0;\r\n}\r\n\r\n\/* FOOTER *\/\r\n\r\n.alm6 .alm6__foot {\r\n  margin-top: 96px;\r\n  text-align: center;\r\n}\r\n\r\n.alm6 .alm6__foot p {\r\n  font-family: \"Cormorant Garamond\", Georgia, serif;\r\n  font-style: italic;\r\n  font-size: 26px;\r\n  color: var(--cream);\r\n  margin: 0 0 32px;\r\n}\r\n\r\n.alm6 .alm6__btn {\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 56px;\r\n  padding: 0 44px;\r\n  color: #FFF9F2;\r\n  background: var(--gold);\r\n  border-radius: 999px;\r\n  font-family: \"Tajawal\", Arial, sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  letter-spacing: .5px;\r\n  text-decoration: none;\r\n  overflow: hidden;\r\n  transition: background .3s ease, color .3s ease, transform .3s ease;\r\n}\r\n\r\n.alm6 .alm6__btn::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: -60%;\r\n  width: 40%;\r\n  height: 100%;\r\n  background: linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent);\r\n  animation: alm6-btn-sheen 4s ease-in-out infinite;\r\n  pointer-events: none;\r\n}\r\n\r\n@keyframes alm6-btn-sheen {\r\n  0%, 60% { left: -60%; }\r\n  100%    { left: 130%; }\r\n}\r\n\r\n.alm6 .alm6__btn:hover {\r\n  background: var(--cream);\r\n  color: var(--espresso);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.alm6 .alm6__btn:hover::after {\r\n  display: none;\r\n}\r\n\r\n.alm6 .alm6__btn:focus-visible {\r\n  outline: 2px solid var(--cream);\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* ==========================================================\r\n   ENTRANCE CHOREOGRAPHY\r\n   Hidden states apply only BEFORE the section is shown.\r\n   If scroll detection fails, the fallback in the script shows everything.\r\n   ========================================================== *\/\r\n\r\n.alm6--js:not(.is-visible) .alm6__brand,\r\n.alm6--js:not(.is-visible) .alm6__w,\r\n.alm6--js:not(.is-visible) .alm6__lede,\r\n.alm6--js:not(.is-visible) .alm6__rule,\r\n.alm6--js:not(.is-visible) .alm6__img,\r\n.alm6--js:not(.is-visible) .alm6__body > *,\r\n.alm6--js:not(.is-visible) .alm6__foot p,\r\n.alm6--js:not(.is-visible) .alm6__btn {\r\n  opacity: 0;\r\n}\r\n\r\n.alm6--js:not(.is-visible) .alm6__w {\r\n  transform: translateY(.45em) rotateX(55deg);\r\n}\r\n\r\n.alm6--js:not(.is-visible) .alm6__rule::before,\r\n.alm6--js:not(.is-visible) .alm6__rule::after {\r\n  transform: scaleX(0);\r\n}\r\n\r\n.alm6--js:not(.is-visible) .alm6__body > * {\r\n  transform: translateY(18px);\r\n}\r\n\r\n.alm6--js:not(.is-visible) .alm6__foot p {\r\n  filter: blur(8px);\r\n  transform: translateY(14px);\r\n}\r\n\r\n.alm6--js:not(.is-visible) .alm6__btn {\r\n  transform: translateY(14px);\r\n}\r\n\r\n.alm6--js:not(.is-visible) .alm6__frame::before {\r\n  opacity: 0;\r\n}\r\n\r\n.alm6--js.is-visible .alm6__brand {\r\n  animation: alm6-fade-up .9s cubic-bezier(.2,.7,.2,1) .05s both;\r\n}\r\n\r\n.alm6--js.is-visible .alm6__w {\r\n  animation: alm6-word .9s cubic-bezier(.2,.7,.2,1) both;\r\n  animation-delay: calc(.25s + var(--i) * .09s);\r\n}\r\n\r\n.alm6--js.is-visible .alm6__lede {\r\n  animation: alm6-fade-up .9s cubic-bezier(.2,.7,.2,1) .8s both;\r\n}\r\n\r\n.alm6--js.is-visible .alm6__rule {\r\n  opacity: 1;\r\n}\r\n\r\n.alm6--js.is-visible .alm6__rule::before {\r\n  animation: alm6-half-left .9s cubic-bezier(.2,.7,.2,1) 1s both;\r\n  transform-origin: right;\r\n}\r\n\r\n.alm6--js.is-visible .alm6__rule::after {\r\n  animation: alm6-half-right .9s cubic-bezier(.2,.7,.2,1) 1s both;\r\n  transform-origin: left;\r\n}\r\n\r\n.alm6--js.is-visible .alm6__card .alm6__img {\r\n  animation: alm6-reveal 1.3s cubic-bezier(.7,0,.2,1) both;\r\n  animation-delay: calc(1.1s + var(--d, 0s));\r\n}\r\n\r\n.alm6--js.is-visible .alm6__card .alm6__frame::before {\r\n  animation: alm6-band-in .9s ease 1.6s both;\r\n}\r\n\r\n.alm6--js.is-visible .alm6__card .alm6__body > * {\r\n  animation: alm6-fade-up .9s cubic-bezier(.2,.7,.2,1) both;\r\n  animation-delay: calc(1.6s + var(--d, 0s));\r\n}\r\n\r\n.alm6--js.is-visible .alm6__card .alm6__body > *:nth-child(2) {\r\n  animation-delay: calc(1.72s + var(--d, 0s));\r\n}\r\n\r\n.alm6--js.is-visible .alm6__card .alm6__body > *:nth-child(3) {\r\n  animation-delay: calc(1.84s + var(--d, 0s));\r\n}\r\n\r\n.alm6--js.is-visible .alm6__card .alm6__body > *:nth-child(4) {\r\n  animation-delay: calc(1.96s + var(--d, 0s));\r\n}\r\n\r\n.alm6--js.is-visible .alm6__card--feature .alm6__tag {\r\n  animation: alm6-tag-in .7s cubic-bezier(.2,.9,.3,1.3) 2.1s both, alm6-pulse 2.8s ease-in-out 2.8s infinite;\r\n}\r\n\r\n.alm6 .alm6__card:nth-child(2) { --d: .2s; }\r\n.alm6 .alm6__card:nth-child(3) { --d: .4s; }\r\n\r\n.alm6--js.is-visible .alm6__foot p {\r\n  animation: alm6-blur-in 1.2s ease 2.6s both;\r\n}\r\n\r\n.alm6--js.is-visible .alm6__btn {\r\n  animation: alm6-fade-up .9s cubic-bezier(.2,.7,.2,1) 2.9s both;\r\n}\r\n\r\n@keyframes alm6-word {\r\n  from { opacity: 0; transform: translateY(.45em) rotateX(55deg); filter: blur(4px); }\r\n  to   { opacity: 1; transform: translateY(0) rotateX(0); filter: blur(0); }\r\n}\r\n\r\n@keyframes alm6-fade-up {\r\n  from { opacity: 0; transform: translateY(18px); }\r\n  to   { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes alm6-half-left  { from { transform: scaleX(0); } to { transform: scaleX(1); } }\r\n@keyframes alm6-half-right { from { transform: scaleX(0); } to { transform: scaleX(1); } }\r\n\r\n\/* Image fades in and rises gently; it always ends fully visible *\/\r\n@keyframes alm6-reveal {\r\n  from { opacity: 0; transform: translateY(24px); }\r\n  to   { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes alm6-band-in {\r\n  from { opacity: 0; transform: scale(.94); }\r\n  to   { opacity: .75; transform: scale(1); }\r\n}\r\n\r\n@keyframes alm6-tag-in {\r\n  from { opacity: 0; transform: translate(-50%, 16px) scale(.8); }\r\n  to   { opacity: 1; transform: translate(-50%, 0) scale(1); }\r\n}\r\n\r\n@keyframes alm6-blur-in {\r\n  from { opacity: 0; filter: blur(8px); transform: translateY(14px); }\r\n  to   { opacity: 1; filter: blur(0); transform: translateY(0); }\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n  .alm6 {\r\n    padding: 85px 22px 95px;\r\n  }\r\n\r\n  .alm6 .alm6__grid {\r\n    gap: 30px 22px;\r\n  }\r\n\r\n  .alm6 .alm6__body h3 {\r\n    font-size: 24px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n  .alm6 {\r\n    padding: 80px 18px 90px;\r\n  }\r\n\r\n  .alm6 .alm6__head {\r\n    margin-bottom: 56px;\r\n  }\r\n\r\n  .alm6 .alm6__grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 64px;\r\n    max-width: 440px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .alm6 .alm6__foot {\r\n    margin-top: 72px;\r\n  }\r\n\r\n  .alm6 .alm6__foot p {\r\n    font-size: 22px;\r\n  }\r\n}\r\n\r\n\/* REDUCED MOTION: everything visible, nothing moves *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .alm6 *,\r\n  .alm6 *::before,\r\n  .alm6 *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n\r\n  .alm6--js .alm6__brand,\r\n  .alm6--js .alm6__w,\r\n  .alm6--js .alm6__lede,\r\n  .alm6--js .alm6__rule,\r\n  .alm6--js .alm6__img,\r\n  .alm6--js .alm6__body > *,\r\n  .alm6--js .alm6__foot p,\r\n  .alm6--js .alm6__btn,\r\n  .alm6--js .alm6__frame::before {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n    filter: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"alm6\" lang=\"en\" aria-labelledby=\"alm6-title\">\r\n\r\n  <span class=\"alm6__ember\" style=\"--x:8%;  --delay:0s;   --drift:18px;\"><\/span>\r\n  <span class=\"alm6__ember\" style=\"--x:24%; --delay:3s;   --drift:-14px;\"><\/span>\r\n  <span class=\"alm6__ember\" style=\"--x:46%; --delay:6s;   --drift:22px;\"><\/span>\r\n  <span class=\"alm6__ember\" style=\"--x:67%; --delay:1.5s; --drift:-20px;\"><\/span>\r\n  <span class=\"alm6__ember\" style=\"--x:86%; --delay:4.5s; --drift:12px;\"><\/span>\r\n  <span class=\"alm6__ember\" style=\"--x:94%; --delay:7.5s; --drift:-10px;\"><\/span>\r\n\r\n  <div class=\"alm6__wrap\">\r\n\r\n    <header class=\"alm6__head\">\r\n      <p class=\"alm6__brand\">ALMALAS<\/p>\r\n      <h2 id=\"alm6-title\">\r\n        <span class=\"alm6__w\" style=\"--i:0\">Crafted<\/span>\r\n        <span class=\"alm6__w\" style=\"--i:1\">with<\/span>\r\n        <span class=\"alm6__w\" style=\"--i:2\">passion,<\/span>\r\n        <span class=\"alm6__w\" style=\"--i:3\">delivered<\/span>\r\n        <span class=\"alm6__w\" style=\"--i:4\">with<\/span>\r\n        <span class=\"alm6__w\" style=\"--i:5\">excellence.<\/span>\r\n      <\/h2>\r\n      <p class=\"alm6__lede\">\r\n        From restaurant and caf\u00e9 consulting to elegant private catering\r\n        and handcrafted desserts, every service begins with the same\r\n        question: how will it feel to the person receiving it?\r\n      <\/p>\r\n      <span class=\"alm6__rule\" aria-hidden=\"true\">\r\n        <span class=\"alm6__spark\">\u2726<\/span>\r\n      <\/span>\r\n    <\/header>\r\n\r\n    <div class=\"alm6__grid\">\r\n\r\n      <article class=\"alm6__card\">\r\n        <div class=\"alm6__frame\">\r\n          <div class=\"alm6__img\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/almalas.com\/wp-content\/uploads\/2026\/10\/b2.png\"\r\n              alt=\"Luxury Middle Eastern catering spread on a dining table\"\r\n              loading=\"lazy\">\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"alm6__body\">\r\n          <h3>Private Catering &amp; Events<\/h3>\r\n          <p>\r\n            Authentic Middle Eastern flavors for private gatherings and\r\n            celebrations, served with beautiful presentation and care\r\n            that shows in every detail.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"alm6__card alm6__card--feature\">\r\n        <div class=\"alm6__frame\">\r\n          <div class=\"alm6__img\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/almalas.com\/wp-content\/uploads\/2026\/10\/29.png\"\r\n              alt=\"Traditional Middle Eastern breakfast spread with fresh bread and mezze\"\r\n              loading=\"lazy\">\r\n          <\/div>\r\n          <span class=\"alm6__tag\">Our specialty<\/span>\r\n        <\/div>\r\n        <div class=\"alm6__body\">\r\n          <h3>Signature Breakfast Experience<\/h3>\r\n          <p>\r\n            A warm morning table of freshly baked bread, authentic mezze,\r\n            and rich flavors, prepared daily and served with the same\r\n            care as every ALMALAS dish.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"alm6__card\">\r\n        <div class=\"alm6__frame\">\r\n          <div class=\"alm6__img\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/almalas.com\/wp-content\/uploads\/2026\/10\/28.png\"\r\n              alt=\"Luxury collection of authentic Arabic sweets\"\r\n              loading=\"lazy\">\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"alm6__body\">\r\n          <h3>Signature Desserts &amp; Sweets<\/h3>\r\n          <p>\r\n            Handcrafted Middle Eastern desserts where traditional recipes,\r\n            delicate flavors, and elegant presentation meet.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <footer class=\"alm6__foot\">\r\n      <p>Every detail tells a story of excellence.<\/p>\r\n      <a class=\"alm6__btn\" href=\"\/contact\/\">Get in touch<\/a>\r\n    <\/footer>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var root = document.querySelector('.alm6');\r\n  if (!root) return;\r\n\r\n  root.classList.add('alm6--js');\r\n\r\n  \/* Fallback: show everything even if scroll detection never fires *\/\r\n  var fallback = setTimeout(function () {\r\n    root.classList.add('is-visible');\r\n  }, 2500);\r\n\r\n  if (!('IntersectionObserver' in window)) {\r\n    clearTimeout(fallback);\r\n    root.classList.add('is-visible');\r\n    return;\r\n  }\r\n\r\n  var io = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (entry) {\r\n      if (entry.isIntersecting) {\r\n        clearTimeout(fallback);\r\n        root.classList.add('is-visible');\r\n        io.disconnect();\r\n      }\r\n    });\r\n  }, { threshold: 0.2 });\r\n\r\n  io.observe(root);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d92ef22 e-con-full wd-section-stretch-content e-flex e-con e-parent\" data-id=\"d92ef22\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-486ae9b elementor-widget elementor-widget-html\" data-id=\"486ae9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* ALMALAS - WHY CHOOSE US *\/\r\n\r\n.alm-why,\r\n.alm-why * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.alm-why {\r\n  --alm-cream: #FFF8F0;\r\n  --alm-brown: #39231B;\r\n  --alm-gold: #B38A55;\r\n  --alm-muted: #786359;\r\n\r\n  width: 100%;\r\n  padding: 95px 24px 100px;\r\n  background: var(--alm-cream);\r\n  color: var(--alm-brown);\r\n  direction: ltr;\r\n  text-align: center;\r\n}\r\n\r\n.alm-why__container {\r\n  max-width: 1120px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.alm-why__eyebrow {\r\n  display: block;\r\n  margin-bottom: 17px;\r\n  color: var(--alm-gold);\r\n  font: 700 11px Arial, sans-serif;\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.alm-why__title {\r\n  margin: 0 0 16px;\r\n  color: var(--alm-brown);\r\n  font: 400 clamp(36px, 5vw, 56px)\/1.2 Georgia, serif;\r\n}\r\n\r\n.alm-why__subtitle {\r\n  margin: 0 auto;\r\n  color: var(--alm-muted);\r\n  font: 15px\/1.8 Arial, sans-serif;\r\n}\r\n\r\n.alm-why__divider {\r\n  width: 65px;\r\n  height: 1px;\r\n  margin: 32px auto 48px;\r\n  background: var(--alm-gold);\r\n}\r\n\r\n.alm-why__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 28px;\r\n}\r\n\r\n.alm-why__item {\r\n  padding: 10px 12px;\r\n}\r\n\r\n.alm-why__icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 74px;\r\n  height: 74px;\r\n  margin: 0 auto 23px;\r\n  border: 1px solid #E8D4BC;\r\n  border-radius: 50%;\r\n  background: #F4E6D6;\r\n  color: #9A7042;\r\n}\r\n\r\n.alm-why__icon svg {\r\n  width: 31px;\r\n  height: 31px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.5;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.alm-why__item h3 {\r\n  margin: 0 0 12px;\r\n  color: var(--alm-brown);\r\n  font: 400 23px\/1.3 Georgia, serif;\r\n}\r\n\r\n.alm-why__item p {\r\n  margin: 0;\r\n  color: var(--alm-muted);\r\n  font: 13px\/1.9 Arial, sans-serif;\r\n}\r\n\r\n.alm-why__closing {\r\n  margin: 58px auto 0;\r\n  color: #9A7042;\r\n  font: italic 22px\/1.5 Georgia, serif;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .alm-why__grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 38px 24px;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .alm-why {\r\n    padding: 70px 18px 75px;\r\n  }\r\n\r\n  .alm-why__title {\r\n    font-size: 39px;\r\n  }\r\n\r\n  .alm-why__grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 34px;\r\n    max-width: 360px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .alm-why__divider {\r\n    margin-bottom: 37px;\r\n  }\r\n\r\n  .alm-why__item {\r\n    padding: 0 12px;\r\n  }\r\n\r\n  .alm-why__icon {\r\n    width: 65px;\r\n    height: 65px;\r\n    margin-bottom: 17px;\r\n  }\r\n\r\n  .alm-why__item h3 {\r\n    font-size: 23px;\r\n  }\r\n\r\n  .alm-why__closing {\r\n    margin-top: 42px;\r\n    font-size: 19px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"alm-why\"\r\n         lang=\"en\"\r\n         aria-labelledby=\"alm-why-title\">\r\n\r\n  <div class=\"alm-why__container\">\r\n\r\n    <header>\r\n\r\n      <span class=\"alm-why__eyebrow\">\r\n        THE ALMALAS PHILOSOPHY\r\n      <\/span>\r\n\r\n      <h2 class=\"alm-why__title\"\r\n          id=\"alm-why-title\">\r\n        Why ALMALAS?\r\n      <\/h2>\r\n\r\n      <p class=\"alm-why__subtitle\">\r\n        Where Passion Meets Culinary Excellence.\r\n      <\/p>\r\n\r\n      <div class=\"alm-why__divider\"\r\n           aria-hidden=\"true\"><\/div>\r\n\r\n    <\/header>\r\n\r\n    <div class=\"alm-why__grid\">\r\n\r\n      <!-- 01 -->\r\n\r\n      <div class=\"alm-why__item\">\r\n\r\n        <div class=\"alm-why__icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M6 13a4 4 0 0 1-1-7.7A5 5 0 0 1 14 4a4 4 0 0 1 4 7.7V19H6z\"\/>\r\n            <path d=\"M6 16h12M9 19v2M15 19v2\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Culinary Expertise<\/h3>\r\n\r\n        <p>\r\n          Thoughtful culinary concepts\r\n          and creative menu development.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <!-- 02 -->\r\n\r\n      <div class=\"alm-why__item\">\r\n\r\n        <div class=\"alm-why__icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Made with Passion<\/h3>\r\n\r\n        <p>\r\n          A genuine appreciation for\r\n          food, flavor, and craftsmanship.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <!-- 03 -->\r\n\r\n      <div class=\"alm-why__item\">\r\n\r\n        <div class=\"alm-why__icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"m12 2 2.3 7.7L22 12l-7.7 2.3L12 22l-2.3-7.7L2 12l7.7-2.3z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Refined Presentation<\/h3>\r\n\r\n        <p>\r\n          Beautifully considered details\r\n          that elevate every creation.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <!-- 04 -->\r\n\r\n      <div class=\"alm-why__item\">\r\n\r\n        <div class=\"alm-why__icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M4 3v7a4 4 0 0 0 8 0V3\"\/>\r\n            <path d=\"M8 3v18M17 3v18M17 3c4 2 4 8 0 10\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Authentic Flavors<\/h3>\r\n\r\n        <p>\r\n          A celebration of culinary\r\n          heritage and contemporary inspiration.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <p class=\"alm-why__closing\">\r\n      A New Culinary Experience Is Coming Soon.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8447f26 e-con-full wd-section-stretch-content e-flex e-con e-parent\" data-id=\"8447f26\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9394678 elementor-widget elementor-widget-html\" data-id=\"9394678\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==========================================\r\n   ALMALAS \u2014 MOBILE APP COMING SOON\r\n   CREATIVE VERSION (prefix: alm-app3)\r\n========================================== *\/\r\n\r\n.alm-app3,\r\n.alm-app3 * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.alm-app3 {\r\n  --brown: #39231B;\r\n  --muted: #786359;\r\n  --gold: #B38A55;\r\n  --gold-deep: #8F6A3D;\r\n  --gold-soft: #E8D3B5;\r\n  --ivory: #FFF9F2;\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 110px 24px 0;\r\n  background: var(--ivory);\r\n  color: var(--brown);\r\n  overflow: hidden;\r\n  direction: ltr;\r\n}\r\n\r\n\/* Soft golden light in the corner *\/\r\n.alm-app3::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -180px;\r\n  right: -180px;\r\n  width: 620px;\r\n  height: 620px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(232,211,181,.55) 0%, rgba(255,249,242,0) 70%);\r\n  pointer-events: none;\r\n}\r\n\r\n.alm-app3__wrap {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\r\n  gap: 70px;\r\n  align-items: center;\r\n}\r\n\r\n\/* ==========================================\r\n   COPY (LEFT)\r\n========================================== *\/\r\n\r\n.alm-app3__eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-bottom: 24px;\r\n  color: var(--gold);\r\n  font-family: Arial, sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.alm-app3__eyebrow::before {\r\n  content: \"\";\r\n  width: 30px;\r\n  height: 1px;\r\n  background: var(--gold);\r\n}\r\n\r\n.alm-app3__title {\r\n  margin: 0 0 24px;\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-weight: 400;\r\n  font-size: clamp(40px, 4.8vw, 66px);\r\n  line-height: 1.1;\r\n  letter-spacing: -1px;\r\n}\r\n\r\n.alm-app3__line {\r\n  display: block;\r\n}\r\n\r\n.alm-app3__line--accent {\r\n  color: var(--gold-deep);\r\n  font-style: italic;\r\n  margin-top: 6px;\r\n}\r\n\r\n.alm-app3__desc {\r\n  max-width: 480px;\r\n  margin: 0 0 28px;\r\n  color: var(--muted);\r\n  font-family: Arial, sans-serif;\r\n  font-size: 15px;\r\n  line-height: 1.9;\r\n}\r\n\r\n.alm-app3__status {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n  padding: 12px 20px;\r\n  border: 1px solid var(--gold-soft);\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,.7);\r\n  color: #946B42;\r\n  font-family: Arial, sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.6px;\r\n}\r\n\r\n.alm-app3__pulse {\r\n  display: inline-block;\r\n  width: 8px;\r\n  height: 8px;\r\n  flex-shrink: 0;\r\n  border-radius: 50%;\r\n  background: var(--gold);\r\n  animation: alm-app3-pulse 2s ease-out infinite;\r\n}\r\n\r\n.alm-app3__sub {\r\n  margin: 34px 0 16px;\r\n  color: #846956;\r\n  font-family: Arial, sans-serif;\r\n  font-size: 13px;\r\n  letter-spacing: .3px;\r\n}\r\n\r\n\/* STORE CARDS *\/\r\n\r\n.alm-app3__stores {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 16px;\r\n}\r\n\r\n.alm-app3__store {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 10px;\r\n  min-width: 170px;\r\n  padding: 16px 18px 13px;\r\n  border: 1px solid var(--gold-soft);\r\n  border-radius: 18px;\r\n  background: #FFFFFF;\r\n  box-shadow: 0 10px 30px rgba(57,35,27,.06);\r\n  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;\r\n}\r\n\r\n.alm-app3__store img {\r\n  display: block;\r\n  width: auto;\r\n  height: 50px;\r\n  max-width: 160px;\r\n  object-fit: contain;\r\n}\r\n\r\n.alm-app3__store span {\r\n  color: var(--gold-deep);\r\n  font-family: Arial, sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.6px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.alm-app3__store:hover {\r\n  transform: translateY(-5px);\r\n  border-color: var(--gold);\r\n  box-shadow: 0 18px 38px rgba(57,35,27,.12);\r\n}\r\n\r\n.alm-app3__closing {\r\n  margin: 36px 0 0;\r\n  color: #85634C;\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-style: italic;\r\n  font-size: 21px;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* ==========================================\r\n   VISUAL (RIGHT)\r\n========================================== *\/\r\n\r\n.alm-app3__visual {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 620px;\r\n}\r\n\r\n.alm-app3__glow {\r\n  position: absolute;\r\n  width: 480px;\r\n  max-width: 100%;\r\n  aspect-ratio: 1;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, #F1DEC7 0%, #F7EBDD 48%, rgba(255,249,242,0) 72%);\r\n  animation: alm-app3-breathe 7s ease-in-out infinite;\r\n}\r\n\r\n.alm-app3__orbit {\r\n  position: absolute;\r\n  width: 470px;\r\n  max-width: 100%;\r\n  aspect-ratio: 1;\r\n  border: 1px dashed rgba(179,138,85,.45);\r\n  border-radius: 50%;\r\n  animation: alm-app3-spin 60s linear infinite;\r\n}\r\n\r\n.alm-app3__orbit::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -6px;\r\n  left: 50%;\r\n  width: 12px;\r\n  height: 12px;\r\n  margin-left: -6px;\r\n  border-radius: 50%;\r\n  background: var(--gold);\r\n  box-shadow: 0 0 14px rgba(179,138,85,.6);\r\n}\r\n\r\n.alm-app3__phone {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: min(100%, 400px);\r\n  animation: alm-app3-float 6s ease-in-out infinite;\r\n}\r\n\r\n.alm-app3__phone img {\r\n  display: block;\r\n  width: 100%;\r\n  height: auto;\r\n  filter: drop-shadow(0 30px 40px rgba(57,35,27,.18));\r\n}\r\n\r\n.alm-app3__chip {\r\n  position: absolute;\r\n  z-index: 3;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  padding: 11px 17px;\r\n  border: 1px solid var(--gold-soft);\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,.85);\r\n  box-shadow: 0 12px 30px rgba(57,35,27,.08);\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n  color: #946B42;\r\n  font-family: Arial, sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.2px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.alm-app3__chip--top {\r\n  top: 14%;\r\n  left: 0;\r\n}\r\n\r\n.alm-app3__chip--bottom {\r\n  bottom: 12%;\r\n  right: 0;\r\n}\r\n\r\n.alm-app3__chip--top .alm-app3__pulse {\r\n  width: 6px;\r\n  height: 6px;\r\n}\r\n\r\n\/* ==========================================\r\n   FOOTER\r\n========================================== *\/\r\n\r\n.alm-app3__foot {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 1200px;\r\n  margin: 80px auto 0;\r\n  padding: 26px 0 34px;\r\n  border-top: 1px solid var(--gold-soft);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  gap: 18px;\r\n}\r\n\r\n.alm-app3__copyright {\r\n  color: #846956;\r\n  font-family: Arial, sans-serif;\r\n  font-size: 12px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.alm-app3__links {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 24px;\r\n}\r\n\r\n.alm-app3__links a {\r\n  color: #6F4E3A;\r\n  font-family: Arial, sans-serif;\r\n  font-size: 12px;\r\n  text-decoration: none;\r\n  transition: color .2s ease;\r\n}\r\n\r\n.alm-app3__links a:hover {\r\n  color: var(--gold);\r\n}\r\n\r\n.alm-app3__links a:focus-visible,\r\n.alm-app3__store:focus-within {\r\n  outline: 2px solid var(--gold);\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* ==========================================\r\n   ENTRANCE (hidden only before it is seen)\r\n========================================== *\/\r\n\r\n.alm-app3--js:not(.is-visible) .alm-app3__copy > *,\r\n.alm-app3--js:not(.is-visible) .alm-app3__line,\r\n.alm-app3--js:not(.is-visible) .alm-app3__visual,\r\n.alm-app3--js:not(.is-visible) .alm-app3__chip {\r\n  opacity: 0;\r\n}\r\n\r\n.alm-app3--js:not(.is-visible) .alm-app3__copy > * {\r\n  transform: translateY(24px);\r\n}\r\n\r\n.alm-app3--js:not(.is-visible) .alm-app3__line {\r\n  transform: translateY(30px);\r\n}\r\n\r\n.alm-app3--js:not(.is-visible) .alm-app3__visual {\r\n  transform: scale(.94);\r\n}\r\n\r\n.alm-app3--js.is-visible .alm-app3__copy > * {\r\n  animation: alm-app3-up .9s cubic-bezier(.2,.7,.2,1) both;\r\n  animation-delay: calc(.1s + var(--i, 0) * .12s);\r\n}\r\n\r\n.alm-app3--js.is-visible .alm-app3__line {\r\n  animation: alm-app3-up .9s cubic-bezier(.2,.7,.2,1) both;\r\n  animation-delay: calc(.35s + var(--l, 0) * .15s);\r\n}\r\n\r\n.alm-app3--js.is-visible .alm-app3__visual {\r\n  animation: alm-app3-visual 1.2s cubic-bezier(.2,.7,.2,1) .3s both;\r\n}\r\n\r\n.alm-app3--js.is-visible .alm-app3__chip {\r\n  animation: alm-app3-chip .8s cubic-bezier(.2,.9,.3,1.2) both;\r\n}\r\n\r\n.alm-app3--js.is-visible .alm-app3__chip--top {\r\n  animation-delay: 1.1s;\r\n}\r\n\r\n.alm-app3--js.is-visible .alm-app3__chip--bottom {\r\n  animation-delay: 1.3s;\r\n}\r\n\r\n\/* ==========================================\r\n   KEYFRAMES\r\n========================================== *\/\r\n\r\n@keyframes alm-app3-up {\r\n  from { opacity: 0; transform: translateY(24px); }\r\n  to   { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes alm-app3-visual {\r\n  from { opacity: 0; transform: scale(.94); }\r\n  to   { opacity: 1; transform: scale(1); }\r\n}\r\n\r\n@keyframes alm-app3-chip {\r\n  from { opacity: 0; transform: translateY(14px) scale(.9); }\r\n  to   { opacity: 1; transform: translateY(0) scale(1); }\r\n}\r\n\r\n@keyframes alm-app3-float {\r\n  0%, 100% { transform: translateY(0); }\r\n  50%      { transform: translateY(-14px); }\r\n}\r\n\r\n@keyframes alm-app3-spin {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n@keyframes alm-app3-breathe {\r\n  0%, 100% { transform: scale(1);    opacity: .9; }\r\n  50%      { transform: scale(1.06); opacity: 1; }\r\n}\r\n\r\n@keyframes alm-app3-pulse {\r\n  0%   { box-shadow: 0 0 0 0 rgba(179,138,85,.55); }\r\n  70%  { box-shadow: 0 0 0 10px rgba(179,138,85,0); }\r\n  100% { box-shadow: 0 0 0 0 rgba(179,138,85,0); }\r\n}\r\n\r\n\/* ==========================================\r\n   TABLET (up to 1024px)\r\n========================================== *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .alm-app3 {\r\n    padding: 85px 22px 0;\r\n  }\r\n\r\n  .alm-app3__wrap {\r\n    gap: 40px;\r\n  }\r\n\r\n  .alm-app3__visual {\r\n    min-height: 520px;\r\n  }\r\n\r\n  .alm-app3__orbit {\r\n    width: 400px;\r\n  }\r\n\r\n  .alm-app3__phone {\r\n    width: min(100%, 340px);\r\n  }\r\n}\r\n\r\n\/* ==========================================\r\n   MOBILE (up to 767px)\r\n========================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .alm-app3 {\r\n    padding: 70px 20px 0;\r\n  }\r\n\r\n  .alm-app3__wrap {\r\n    grid-template-columns: 1fr;\r\n    gap: 10px;\r\n  }\r\n\r\n  .alm-app3__copy {\r\n    text-align: center;\r\n  }\r\n\r\n  .alm-app3__eyebrow {\r\n    justify-content: center;\r\n    margin-bottom: 20px;\r\n    font-size: 10px;\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  .alm-app3__title {\r\n    font-size: clamp(36px, 9.5vw, 46px);\r\n    letter-spacing: -.6px;\r\n  }\r\n\r\n  .alm-app3__desc {\r\n    margin: 0 auto 24px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .alm-app3__status {\r\n    display: flex;\r\n    width: max-content;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .alm-app3__sub {\r\n    margin: 28px 0 14px;\r\n  }\r\n\r\n  .alm-app3__stores {\r\n    justify-content: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .alm-app3__store {\r\n    min-width: 150px;\r\n  }\r\n\r\n  .alm-app3__store img {\r\n    height: 44px;\r\n    max-width: 140px;\r\n  }\r\n\r\n  .alm-app3__closing {\r\n    font-size: 18px;\r\n    margin-top: 28px;\r\n  }\r\n\r\n  .alm-app3__visual {\r\n    min-height: 0;\r\n    padding: 30px 0 10px;\r\n  }\r\n\r\n  .alm-app3__glow {\r\n    width: 330px;\r\n  }\r\n\r\n  .alm-app3__orbit {\r\n    width: 300px;\r\n  }\r\n\r\n  .alm-app3__phone {\r\n    width: min(100%, 290px);\r\n  }\r\n\r\n  .alm-app3__chip {\r\n    padding: 8px 12px;\r\n    font-size: 9px;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .alm-app3__chip--top {\r\n    top: 6%;\r\n    left: 2%;\r\n  }\r\n\r\n  .alm-app3__chip--bottom {\r\n    bottom: 4%;\r\n    right: 2%;\r\n  }\r\n\r\n  .alm-app3__foot {\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    text-align: center;\r\n    margin-top: 60px;\r\n  }\r\n\r\n  .alm-app3__links {\r\n    justify-content: center;\r\n    gap: 22px;\r\n  }\r\n}\r\n\r\n\/* ==========================================\r\n   REDUCED MOTION: everything visible, nothing moves\r\n========================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .alm-app3 *,\r\n  .alm-app3 *::before,\r\n  .alm-app3 *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n\r\n  .alm-app3--js .alm-app3__copy > *,\r\n  .alm-app3--js .alm-app3__line,\r\n  .alm-app3--js .alm-app3__visual,\r\n  .alm-app3--js .alm-app3__chip {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"alm-app3\" lang=\"en\" aria-labelledby=\"alm-app3-title\">\r\n\r\n  <div class=\"alm-app3__wrap\">\r\n\r\n    <!-- COPY -->\r\n\r\n    <div class=\"alm-app3__copy\">\r\n\r\n      <span class=\"alm-app3__eyebrow\" style=\"--i:0\">\r\n        THE ALMALAS MOBILE EXPERIENCE\r\n      <\/span>\r\n\r\n      <h2 class=\"alm-app3__title\" id=\"alm-app3-title\" style=\"--i:1\">\r\n        <span class=\"alm-app3__line\" style=\"--l:0\">Your Favorite Flavors,<\/span>\r\n        <span class=\"alm-app3__line alm-app3__line--accent\" style=\"--l:1\">Closer Than Ever.<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"alm-app3__desc\" style=\"--i:2\">\r\n        Something extraordinary is on its way. Discover a new mobile\r\n        experience inspired by the flavors, creativity, and elegance\r\n        of ALMALAS FOOD &amp; DESSERTS.\r\n      <\/p>\r\n\r\n      <div class=\"alm-app3__status\" style=\"--i:3\">\r\n        <span class=\"alm-app3__pulse\"><\/span>\r\n        OUR APP IS COMING SOON\r\n      <\/div>\r\n\r\n      <p class=\"alm-app3__sub\" style=\"--i:4\">\r\n        Coming soon to iOS and Android\r\n      <\/p>\r\n\r\n      <div class=\"alm-app3__stores\" style=\"--i:5\" aria-label=\"Upcoming app availability\">\r\n\r\n        <div class=\"alm-app3__store\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/almalas.com\/wp-content\/uploads\/2026\/10\/apple.png\"\r\n            alt=\"App Store - Coming Soon\"\r\n            loading=\"lazy\">\r\n          <span>Coming soon<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"alm-app3__store\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/almalas.com\/wp-content\/uploads\/2026\/10\/google.png\"\r\n            alt=\"Google Play - Coming Soon\"\r\n            loading=\"lazy\">\r\n          <span>Coming soon<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <p class=\"alm-app3__closing\" style=\"--i:6\">\r\n        Crafted with passion. Coming to your fingertips.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <!-- VISUAL -->\r\n\r\n    <div class=\"alm-app3__visual\">\r\n\r\n      <div class=\"alm-app3__glow\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"alm-app3__orbit\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"alm-app3__phone\">\r\n        <img\r\n          src=\"https:\/\/almalas.com\/wp-content\/uploads\/2026\/10\/app.png\"\r\n          alt=\"ALMALAS mobile app concept preview\"\r\n          width=\"1025\"\r\n          height=\"1535\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\">\r\n      <\/div>\r\n\r\n      <div class=\"alm-app3__chip alm-app3__chip--top\">\r\n        <span class=\"alm-app3__pulse\"><\/span>\r\n        iOS &amp; ANDROID\r\n      <\/div>\r\n\r\n      <div class=\"alm-app3__chip alm-app3__chip--bottom\">\r\n        \u2726 EXCLUSIVE PREVIEW\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- FOOTER -->\r\n\r\n  <footer class=\"alm-app3__foot\">\r\n\r\n    <div class=\"alm-app3__copyright\">\r\n      \u00a9 2026 ALMALAS FOOD &amp; DESSERTS.<br>\r\n      All Rights Reserved.\r\n    <\/div>\r\n\r\n    <nav class=\"alm-app3__links\" aria-label=\"Footer navigation\">\r\n      <a href=\"\/services\/\">Our Expertise<\/a>\r\n      <a href=\"\/contact\/\">Contact Us<\/a>\r\n    <\/nav>\r\n\r\n  <\/footer>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var root = document.querySelector('.alm-app3');\r\n  if (!root) return;\r\n\r\n  root.classList.add('alm-app3--js');\r\n\r\n  \/* Fallback: reveal everything even if scroll detection never fires *\/\r\n  var fallback = setTimeout(function () {\r\n    root.classList.add('is-visible');\r\n  }, 2500);\r\n\r\n  if (!('IntersectionObserver' in window)) {\r\n    clearTimeout(fallback);\r\n    root.classList.add('is-visible');\r\n    return;\r\n  }\r\n\r\n  var io = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (entry) {\r\n      if (entry.isIntersecting) {\r\n        clearTimeout(fallback);\r\n        root.classList.add('is-visible');\r\n        io.disconnect();\r\n      }\r\n    });\r\n  }, { threshold: 0.15 });\r\n\r\n  io.observe(root);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>00 Days 00 Hours 00 Minutes 00 Seconds ALMALAS \u00b7 THE CULINARY COLLECTION A Gallery of Authentic Flavors Real culinary<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/almalas.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almalas.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almalas.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almalas.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/almalas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":5,"href":"https:\/\/almalas.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":200,"href":"https:\/\/almalas.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/200"}],"wp:attachment":[{"href":"https:\/\/almalas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}