.elementor-141 .elementor-element.elementor-element-2bc6364{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-141 .elementor-element.elementor-element-ce3cbb6{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-141 .elementor-element.elementor-element-0a35aec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-141 .elementor-element.elementor-element-de11556{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-141 .elementor-element.elementor-element-6f45cce{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-141 .elementor-element.elementor-element-13dd1a5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-141 .elementor-element.elementor-element-1cfa842{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-141 .elementor-element.elementor-element-7c8e9b6{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-ce3cbb6 */@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Cormorant+Garamond:wght@300;400;600&display=swap');
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Cormorant Garamond', serif;
            overflow-x: hidden;
        }

        .menu-hero-section {
            position: relative;
            min-height: 500px;
            padding: 7rem 1rem 4rem;
            background: linear-gradient(135deg, #6b2737 0%, #8b3a4a 50%, #6b2737 100%);
            overflow: hidden;
        }

        /* Animated Mughal Pattern Background */
        .mughal-pattern {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.08;
            background-image: 
                radial-gradient(circle at 20% 50%, rgba(218, 165, 32, 0.3) 0%, transparent 50%),
                radial-gradient(circle at 80% 80%, rgba(218, 165, 32, 0.3) 0%, transparent 50%),
                repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(218, 165, 32, 0.1) 35px, rgba(218, 165, 32, 0.1) 70px);
            animation: patternMove 20s linear infinite;
        }

        @keyframes patternMove {
            0% { transform: translateY(0); }
            100% { transform: translateY(100px); }
        }

        /* Floating Particles */
        .particle {
            position: absolute;
            background: rgba(218, 165, 32, 0.4);
            border-radius: 50%;
            pointer-events: none;
            animation: float 8s ease-in-out infinite;
        }

        @keyframes float {
            0%, 100% { transform: translateY(0) translateX(0) rotate(0deg); opacity: 0; }
            10% { opacity: 0.6; }
            90% { opacity: 0.6; }
            100% { transform: translateY(-600px) translateX(100px) rotate(360deg); opacity: 0; }
        }

        /* Light Rays */
        .light-ray {
            position: absolute;
            top: -50%;
            width: 2px;
            height: 200%;
            background: linear-gradient(to bottom, transparent, rgba(218, 165, 32, 0.2), transparent);
            animation: rayMove 6s ease-in-out infinite;
            opacity: 0;
        }

        @keyframes rayMove {
            0%, 100% { opacity: 0; transform: translateX(0); }
            50% { opacity: 1; transform: translateX(100px); }
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            z-index: 10;
        }

        .content-wrapper {
            text-align: center;
            max-width: 900px;
            margin: 0 auto;
        }

        /* Diamond Divider */
        .nizami-divider {
            margin-bottom: 2rem;
            opacity: 0;
            animation: fadeInDown 1s ease-out 0.3s forwards;
        }

        .diamond {
            display: inline-block;
            font-size: 2rem;
            color: #DAA520;
            animation: rotateDiamond 4s ease-in-out infinite, pulse 2s ease-in-out infinite;
            filter: drop-shadow(0 0 10px rgba(218, 165, 32, 0.5));
        }

        @keyframes rotateDiamond {
            0%, 100% { transform: rotate(0deg) scale(1); }
            50% { transform: rotate(180deg) scale(1.1); }
        }

        @keyframes pulse {
            0%, 100% { filter: drop-shadow(0 0 10px rgba(218, 165, 32, 0.5)); }
            50% { filter: drop-shadow(0 0 20px rgba(218, 165, 32, 0.8)); }
        }

        /* Main Heading */
        h1 {
            font-family: 'Playfair Display', serif;
            font-size: clamp(2.5rem, 6vw, 4.5rem);
            font-weight: 900;
            color: #F5F5DC;
            margin-bottom: 1.5rem;
            opacity: 0;
            animation: fadeInUp 1s ease-out 0.5s forwards;
            line-height: 1.2;
        }

        .text-gold {
            color: #DAA520;
            display: inline-block;
            position: relative;
            animation: shimmer 3s ease-in-out infinite;
        }

        .text-gold::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
            animation: shine 3s ease-in-out infinite;
        }

        @keyframes shimmer {
            0%, 100% { text-shadow: 0 0 10px rgba(218, 165, 32, 0.5); }
            50% { text-shadow: 0 0 25px rgba(218, 165, 32, 0.8), 0 0 35px rgba(218, 165, 32, 0.6); }
        }

        @keyframes shine {
            0% { left: -100%; }
            50%, 100% { left: 100%; }
        }

        /* Description Text */
        p {
            font-size: clamp(1.1rem, 2vw, 1.4rem);
            color: rgba(245, 245, 220, 0.85);
            line-height: 1.8;
            opacity: 0;
            animation: fadeInUp 1s ease-out 0.7s forwards;
            font-weight: 400;
            letter-spacing: 0.3px;
        }

        /* Fade In Animations */
        @keyframes fadeInDown {
            from {
                opacity: 0;
                transform: translateY(-30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Decorative Elements */
        .decorative-line {
            position: absolute;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(218, 165, 32, 0.5), transparent);
            animation: expandLine 2s ease-out 1s forwards;
            width: 0;
        }

        .decorative-line.left {
            top: 50%;
            left: 0;
            transform-origin: left;
        }

        .decorative-line.right {
            top: 50%;
            right: 0;
            transform-origin: right;
        }

        @keyframes expandLine {
            to { width: 100px; }
        }

        /* Corner Ornaments */
        .corner-ornament {
            position: absolute;
            width: 80px;
            height: 80px;
            border: 2px solid rgba(218, 165, 32, 0.3);
            opacity: 0;
            animation: fadeIn 1.5s ease-out 1.2s forwards;
        }

        .corner-ornament.top-left {
            top: 20px;
            left: 20px;
            border-right: none;
            border-bottom: none;
        }

        .corner-ornament.top-right {
            top: 20px;
            right: 20px;
            border-left: none;
            border-bottom: none;
        }

        .corner-ornament.bottom-left {
            bottom: 20px;
            left: 20px;
            border-right: none;
            border-top: none;
        }

        .corner-ornament.bottom-right {
            bottom: 20px;
            right: 20px;
            border-left: none;
            border-top: none;
        }

        @keyframes fadeIn {
            to { opacity: 1; }
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .menu-hero-section {
                padding: 5rem 1rem 3rem;
            }

            .corner-ornament {
                width: 50px;
                height: 50px;
            }

            .decorative-line {
                display: none;
            }
        }

        /* Scroll Indicator */
        .scroll-indicator {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            opacity: 0;
            animation: fadeIn 1s ease-out 2s forwards, bounce 2s ease-in-out 2.5s infinite;
        }

        .scroll-indicator span {
            display: block;
            width: 24px;
            height: 36px;
            border: 2px solid rgba(218, 165, 32, 0.6);
            border-radius: 12px;
            position: relative;
        }

        .scroll-indicator span::before {
            content: '';
            position: absolute;
            top: 8px;
            left: 50%;
            width: 4px;
            height: 8px;
            background: #DAA520;
            border-radius: 2px;
            transform: translateX(-50%);
            animation: scrollDot 2s ease-in-out infinite;
        }

        @keyframes bounce {
            0%, 100% { transform: translateX(-50%) translateY(0); }
            50% { transform: translateX(-50%) translateY(10px); }
        }

        @keyframes scrollDot {
            0% { top: 8px; opacity: 1; }
            100% { top: 20px; opacity: 0; }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-de11556 *//* Optional fonts */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600&display=swap');

.am-menu{
  --paper:#fbf7f1;
  --cream:#f6efe6;
  --ink:#143b33;
  --muted: rgba(20,59,51,.68);
  --gold:#caa56a;
  --gold2:#e2c48f;
  --maroon:#7b2d37;
  --veg:#1f8f4d;

  position:relative;
  padding: clamp(44px, 5vw, 78px) 0;
  background:
    radial-gradient(900px 520px at 18% 20%, rgba(202,165,106,.15), transparent 62%),
    radial-gradient(900px 520px at 88% 35%, rgba(123,45,55,.10), transparent 62%),
    linear-gradient(180deg, var(--paper), var(--cream));
  overflow:hidden;
  isolation:isolate;
}

/* Subtle "pattern" overlay (safe, no image needed) */
.am-menu.islamic-pattern::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 10px 10px, rgba(20,59,51,.06) 2px, transparent 2.2px) 0 0/32px 32px,
    radial-gradient(circle at 26px 26px, rgba(202,165,106,.08) 1.5px, transparent 1.8px) 0 0/32px 32px;
  opacity:.55;
  pointer-events:none;
  mix-blend-mode:multiply;
}

.am-container{
  width:min(1180px, 92%);
  margin:0 auto;
}

/* Filter buttons */
.am-filters{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin: 0 0 28px;
}

.am-filter{
  position:relative;
  font-family: Inter, system-ui, sans-serif;
  font-size: 13px;
  letter-spacing:.2px;
  padding: 10px 18px;
  border-radius: 999px;
  border:1px solid rgba(202,165,106,.35);
  background: rgba(251,247,241,.75);
  color: var(--ink);
  cursor:pointer;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
  box-shadow: 0 10px 24px rgba(20,59,51,.08);
  backdrop-filter: blur(6px);
}

.am-filter:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(20,59,51,.12);
  background: rgba(251,247,241,.92);
}

.am-filter.is-active{
  background: linear-gradient(180deg, rgba(202,165,106,.25), rgba(202,165,106,.10));
  border-color: rgba(202,165,106,.65);
}

.am-filter[data-filter="veg"].is-active{
  background: linear-gradient(180deg, rgba(31,143,77,.18), rgba(31,143,77,.08));
  border-color: rgba(31,143,77,.45);
}

.am-filter[data-filter="nonveg"].is-active{
  background: linear-gradient(180deg, rgba(123,45,55,.18), rgba(123,45,55,.10));
  border-color: rgba(123,45,55,.45);
}

.am-dot{
  display:inline-block;
  width:10px; height:10px;
  border-radius:3px;
  margin-right:8px;
  transform: translateY(1px);
}
.am-dot--veg{ background: var(--veg); }
.am-dot--nonveg{ background: var(--maroon); }

/* Grid */
.am-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
}

@media (max-width: 1024px){
  .am-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px){
  .am-grid{ grid-template-columns: 1fr; }
}

/* Cards */
.am-card{
  --r: 14px;
  border-radius: var(--r);
  overflow:hidden;
  background: rgba(255,255,255,.78);
  box-shadow: 0 18px 40px rgba(20,59,51,.10);
  border: 1px solid rgba(20,59,51,.08);
  transform: translateZ(0);
  transition: transform .35s ease, box-shadow .35s ease, filter .35s ease;
  will-change: transform;
}

.am-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 26px 60px rgba(20,59,51,.16);
}

.am-media{
  position:relative;
  aspect-ratio: 1 / 1;
  overflow:hidden;
  background:#111;
}

.am-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform: scale(1.02);
  transition: transform .75s cubic-bezier(.2,.8,.2,1), filter .75s cubic-bezier(.2,.8,.2,1);
  filter: saturate(1.05) contrast(1.02);
}

.am-card:hover .am-media img{
  transform: scale(1.12);
  filter: saturate(1.18) contrast(1.06);
}

/* cinematic overlay + shine */
.am-media::after{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.25), transparent 35%),
    radial-gradient(600px 320px at 30% 25%, rgba(255,255,255,.10), transparent 60%),
    linear-gradient(135deg, rgba(202,165,106,.14), rgba(123,45,55,.10));
  opacity:.85;
  pointer-events:none;
  transition: opacity .6s ease;
}
.am-card:hover .am-media::after{ opacity: .95; }

.am-glow{
  position:absolute;
  inset:-30%;
  background: radial-gradient(circle at 40% 30%, rgba(226,196,143,.22), transparent 55%);
  filter: blur(2px);
  opacity:.0;
  transition: opacity .6s ease;
  pointer-events:none;
}
.am-card:hover .am-glow{ opacity:1; }

/* top tags */
.am-tag{
  position:absolute;
  top:12px; left:12px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 11px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(202,165,106,.92);
  color: #1b2f2a;
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
}

/* veg/nonveg mark (top-right) */
.am-mark{
  position:absolute;
  top:12px; right:12px;
  width:16px; height:16px;
  border-radius:4px;
  border:2px solid rgba(255,255,255,.85);
  display:grid;
  place-items:center;
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
}
.am-mark::after{
  content:"";
  width:7px; height:7px;
  border-radius:999px;
}
.am-mark--veg{ border-color: rgba(255,255,255,.92); }
.am-mark--veg::after{ background: var(--veg); }

.am-mark--nonveg{ border-color: rgba(255,255,255,.92); }
.am-mark--nonveg::after{ background: var(--maroon); }

/* body */
.am-body{
  padding: 14px 14px 16px;
  background: rgba(255,255,255,.92);
  min-height: 85px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.am-title{
  margin:0 0 6px;
  font-family: "Playfair Display", serif;
  font-size: 17px;
  line-height: 1.15;
  color: var(--ink);
}

.am-desc{
  margin:0;
  font-family: Inter, system-ui, sans-serif;
  font-size: 12.8px;
  line-height: 1.45;
  color: var(--muted);
  display: block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Footer */
.am-footer{
  text-align:center;
  margin-top: 26px;
}

.am-note{
  margin: 0 0 16px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 13px;
  color: var(--muted);
}

.am-actions{
  display:flex;
  justify-content:center;
  gap: 12px;
  flex-wrap:wrap;
}

.am-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 18px;
  border-radius: 10px;
  font-family: Inter, system-ui, sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-decoration:none !important;
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  box-shadow: 0 14px 34px rgba(20,59,51,.12);
}

.am-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(20,59,51,.16);
}

.am-btn--gold{
  background: linear-gradient(180deg, var(--gold2), var(--gold));
  color: #1b2f2a;
}
.am-btn--maroon{
  background: linear-gradient(180deg, #8b3540, var(--maroon));
  color: #fff;
}

/* ---------- Scroll reveal (stunning) ---------- */
.am-reveal{
  opacity:0;
  transform: translateY(22px) scale(.985);
  filter: blur(10px);
  transition: opacity .8s cubic-bezier(.2,.8,.2,1),
              transform .8s cubic-bezier(.2,.8,.2,1),
              filter .8s cubic-bezier(.2,.8,.2,1);
  transition-delay: calc(var(--i, 0) * 70ms);
}

.am-reveal.is-visible{
  opacity:1;
  transform: none;
  filter: blur(0);
}

/* Filter animation states */
.am-card.is-exiting{
  opacity:0;
  transform: translateY(12px) scale(.96);
  filter: blur(8px);
  transition: opacity .35s ease, transform .35s ease, filter .35s ease;
}
.am-card.is-entering{
  opacity:0;
  transform: translateY(-10px) scale(.98);
  filter: blur(10px);
}

/* Button ripple feel */
.am-filter::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:999px;
  background: radial-gradient(120px 60px at var(--mx,50%) var(--my,50%), rgba(226,196,143,.22), transparent 60%);
  opacity:0;
  transition: opacity .25s ease;
  pointer-events:none;
}
.am-filter:hover::after{ opacity:1; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .am-reveal, .am-card, .am-media img, .am-filter, .am-btn{
    transition: none !important;
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-13dd1a5 *//* Optional fonts */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600&display=swap');

.aleena-biryani{
  --bg1:#0c3a32;
  --bg2:#0a2f28;
  --bg3:#0b2a24;
  --cream:#efe8da;
  --muted:rgba(239,232,218,.74);
  --gold:#d6b17a;
  --gold2:#e6c794;
  --ink:#08231f;

  --radius:22px;
  --shadow: 0 26px 70px rgba(0,0,0,.45);
  --softShadow: 0 18px 42px rgba(0,0,0,.35);

  position:relative;
  overflow:hidden;
  padding: clamp(48px, 6vw, 86px) 0;
  isolation:isolate;

  background:
    radial-gradient(1100px 520px at 30% 20%, rgba(214,177,122,.14), transparent 58%),
    radial-gradient(900px 520px at 78% 28%, rgba(255,255,255,.08), transparent 60%),
    linear-gradient(180deg, var(--bg1), var(--bg2) 55%, var(--bg3));
}

.aleena-biryani *{ box-sizing:border-box; }

.aleena-biryani::before{
  content:"";
  position:absolute; inset:-20%;
  background:
    radial-gradient(520px 360px at 18% 22%, rgba(214,177,122,.10), transparent 62%),
    radial-gradient(620px 420px at 80% 24%, rgba(255,255,255,.07), transparent 62%),
    radial-gradient(520px 360px at 70% 86%, rgba(214,177,122,.08), transparent 62%);
  filter: blur(2px);
  opacity:.9;
  animation: abBreathe 8.5s ease-in-out infinite;
  z-index:0;
  pointer-events:none;
}

.aleena-biryani::after{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(900px 520px at 50% 50%, transparent 35%, rgba(0,0,0,.28) 100%);
  z-index:0;
  pointer-events:none;
}

@keyframes abBreathe{
  0%,100%{ transform: translate3d(0,0,0) scale(1); }
  50%{ transform: translate3d(1.2%, -1.1%, 0) scale(1.02); }
}

/* floating light layer (JS moves it slightly) */
.ab-bgfloat{
  position:absolute;
  inset:-30%;
  background:
    radial-gradient(600px 380px at 50% 50%, rgba(214,177,122,.14), transparent 62%);
  filter: blur(18px);
  opacity:.55;
  transform: translate3d(var(--bgx,0px), var(--bgy,0px), 0);
  transition: transform .25s ease-out;
  z-index:0;
  pointer-events:none;
}

/* subtle grain */
.ab-grain{
  position:absolute; inset:0;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
  opacity:.22;
  z-index:0;
  pointer-events:none;
}

.ab-wrap{
  position:relative;
  z-index:1;
  width:min(1220px, 92%);
  margin:0 auto;
  display:grid;
  grid-template-columns: 1.05fr 1fr;
  gap: clamp(26px, 4vw, 56px);
  align-items:center;
}

.ab-left{
  padding-right: clamp(0px, 1vw, 12px);
}

.ab-title{
  margin:0 0 18px 0;
  font-family: "Playfair Display", serif;
  font-weight:700;
  line-height:1.05;
  color: var(--cream);
  font-size: clamp(32px, 3.2vw, 54px);
  letter-spacing:.2px;
}

.ab-gold{
  color: var(--gold);
  position:relative;
  display:inline-block;
}

.ab-gold::after{
  content:"";
  position:absolute;
  left:-6%;
  right:-6%;
  bottom: -10px;
  height: 18px;
  background: radial-gradient(closest-side, rgba(214,177,122,.22), transparent 70%);
  filter: blur(6px);
  opacity:.8;
}

.ab-lead{
  margin:0 0 18px 0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--muted);
  font-size: clamp(15px, 1.05vw, 18px);
  line-height:1.75;
  max-width: 62ch;
}

.ab-list{
  margin: 18px 0 28px 0;
  padding:0;
  list-style:none;
  display:grid;
  gap: 18px;
}

.ab-bullet{
  position:relative;
  padding-left: 22px;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: rgba(239,232,218,.92);
  font-size: clamp(15px, 1.02vw, 18px);
  font-weight: 500;
}

.ab-bullet::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:9px;
  height:9px;
  border-radius:99px;
  background: radial-gradient(circle at 30% 30%, var(--gold2), var(--gold));
  box-shadow: 0 0 0 6px rgba(214,177,122,.10);
  transform: translateY(-50%);
  animation: abDotPulse 2.6s ease-in-out infinite;
}

.ab-bullet:nth-child(2)::before{ animation-delay:.18s; }
.ab-bullet:nth-child(3)::before{ animation-delay:.36s; }
.ab-bullet:nth-child(4)::before{ animation-delay:.54s; }

@keyframes abDotPulse{
  0%,100%{ transform: translateY(-50%) scale(1); opacity:1; }
  50%{ transform: translateY(-50%) scale(1.22); opacity:.85; }
}

/* button */
.ab-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 14px 26px;
  border-radius: 10px;
  border: 2px solid rgba(214,177,122,.95);
  color: var(--gold);
  text-decoration:none;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 600;
  letter-spacing:.2px;
  position:relative;
  overflow:hidden;
  transform: translateZ(0);
  box-shadow: 0 10px 26px rgba(0,0,0,.22);
}

.ab-btn::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: linear-gradient(110deg, transparent 0%, rgba(214,177,122,.22) 35%, transparent 70%);
  transform: translateX(-120%);
  transition: transform .7s ease;
  pointer-events:none;
}

.ab-btn:hover{
  color: var(--ink);
  background: linear-gradient(180deg, var(--gold2), var(--gold));
  box-shadow: 0 18px 38px rgba(0,0,0,.32);
}

.ab-btn:hover::before{ transform: translateX(120%); }

.ab-btn:active{ transform: translateY(1px); }

.ab-btn__text{ position:relative; z-index:1; }

/* reveal animations */
.ab-reveal{
  opacity:0;
  transform: translate3d(0, 18px, 0);
  filter: blur(6px);
  transition: opacity .9s ease, transform .9s ease, filter .9s ease;
  will-change: transform, opacity, filter;
}

.ab-reveal.is-in{
  opacity:1;
  transform: translate3d(0,0,0);
  filter: blur(0);
}

/* media card */
.ab-media{
  margin:0;
  position:relative;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  transform-style: preserve-3d;
}

.ab-media__inner{
  position:relative;
  border-radius: var(--radius);
  overflow:hidden;
  background: #050807;
}

.ab-img{
  width:100%;
  height: clamp(260px, 24vw, 360px);
  object-fit: cover;
  display:block;
  transform: scale(1.02);
  transition: transform 1.1s ease;
  will-change: transform;
}

.ab-vignette{
  position:absolute;
  inset:0;
  background:
    radial-gradient(700px 380px at 50% 15%, transparent 35%, rgba(0,0,0,.55) 100%);
  opacity:.9;
  pointer-events:none;
}

.ab-shine{
  position:absolute;
  inset:-30%;
  background: radial-gradient(420px 240px at var(--sx,30%) var(--sy,20%), rgba(255,255,255,.18), transparent 60%);
  mix-blend-mode: screen;
  opacity:.55;
  transform: translate3d(0,0,0);
  transition: opacity .35s ease;
  pointer-events:none;
}

.ab-steam{
  position:absolute;
  left: 52%;
  top: 10%;
  width: 46%;
  height: 55%;
  pointer-events:none;
  opacity:.28;
  filter: blur(2px);
}

.ab-steam::before,
.ab-steam::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(closest-side, rgba(255,255,255,.55), transparent 65%);
  filter: blur(18px);
  transform: translate3d(0, 22px, 0) scale(.92);
  opacity:.55;
  animation: abSteam 6.2s ease-in-out infinite;
  mix-blend-mode: screen;
}

.ab-steam::after{
  left: 18%;
  top: 12%;
  opacity:.38;
  animation-delay: 1.3s;
}

@keyframes abSteam{
  0%{ transform: translate3d(-8px, 40px, 0) scale(.92); opacity:.10; }
  20%{ opacity:.38; }
  60%{ opacity:.22; }
  100%{ transform: translate3d(14px, -46px, 0) scale(1.08); opacity:0; }
}

.ab-tag{
  position:absolute;
  right: 18px;
  bottom: -18px;
  background: #d2ab7a;
  color: #0b352e;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  padding: 12px 18px;
  border-radius: 10px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  box-shadow: var(--softShadow);
  user-select:none;
  animation: abTagFloat 3.2s ease-in-out infinite;
}

.ab-tag__star{
  font-size: 14px;
  color: #0b352e;
  transform: translateY(-.5px);
}

@keyframes abTagFloat{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-4px); }
}

/* hover interactions */
.ab-media:hover .ab-img{ transform: scale(1.07); }
.ab-media:hover .ab-shine{ opacity:.72; }

/* Ripple (JS adds span) */
.ab-ripple{
  position:absolute;
  border-radius:999px;
  transform: scale(0);
  animation: abRipple .65s ease-out forwards;
  background: rgba(255,255,255,.35);
  pointer-events:none;
  z-index:0;
}

@keyframes abRipple{
  to{ transform: scale(1); opacity:0; }
}

/* Responsive */
@media (max-width: 980px){
  .ab-wrap{
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .ab-right{ order: -1; }
  .ab-img{ height: 320px; }
  .ab-tag{ bottom: -14px; }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .aleena-biryani::before,
  .ab-tag,
  .ab-bullet::before,
  .ab-steam::before,
  .ab-steam::after{
    animation: none !important;
  }
  .ab-reveal{ transition: none !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c8e9b6 *//* =========================
   Aleena Dietary CTA (Elementor)
   ========================= */

/* Optional: use your theme fonts if already loaded */
.ad-cta{
  --paper: #fbf7f1;
  --cream: #f6efe6;
  --ink: #143b33;          /* primary green */
  --muted: rgba(20,59,51,.70);
  --gold: #caa56a;
  --gold2:#e2c48f;
  --stroke: rgba(20,59,51,.14);

  position: relative;
  overflow: hidden;
  padding: clamp(56px, 6vw, 92px) 0;
  background: linear-gradient(180deg, var(--paper), var(--cream));
  border-top: 1px solid rgba(20,59,51,.08);
  border-bottom: 1px solid rgba(20,59,51,.08);
  isolation: isolate;
}

.ad-cta__inner{
  width: min(860px, calc(100% - 48px));
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
}

/* Divider */
.ad-cta__divider{
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
  opacity: .9;
}
.ad-cta__divider span{
  width: 74px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(20,59,51,.35), transparent);
}
.ad-cta__divider i{
  color: var(--gold);
  font-style: normal;
  transform: translateY(-1px);
}

/* Title */
.ad-cta__title{
  margin: 0 0 10px;
  color: var(--ink);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
  font-size: clamp(28px, 2.8vw, 44px);
  font-family: inherit; /* uses Elementor/global font */
}

/* Gold highlight */
.ad-cta__title .is-gold{
  background: linear-gradient(90deg, var(--gold), var(--gold2), var(--gold));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  position: relative;
  white-space: nowrap;
}
.ad-cta__title .is-gold::after{
  content:"";
  position:absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 10px;
  background: radial-gradient(60% 120% at 50% 0%, rgba(202,165,106,.55), transparent 70%);
  filter: blur(6px);
  opacity: .55;
  pointer-events: none;
}

/* Text */
.ad-cta__text{
  margin: 0 auto 18px;
  max-width: 68ch;
  color: var(--muted);
  font-size: clamp(16px, 1.2vw, 18px);
  line-height: 1.7;
}

/* Chips */
.ad-cta__chips{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 0 0 22px;
}
.ad-chip{
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(202,165,106,.35);
  background: rgba(255,255,255,.55);
  color: rgba(20,59,51,.78);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .02em;
  backdrop-filter: blur(6px);
  box-shadow: 0 10px 22px rgba(20,59,51,.06);
  transform: translateY(8px);
  opacity: 0;
}

/* Button */
.ad-cta__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 14px 22px;
  border-radius: 12px;
  background: var(--ink);
  color: #fbf7f1;
  text-decoration: none;

  font-weight: 800;
  letter-spacing: .01em;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow:
    0 18px 40px rgba(20,59,51,.20),
    inset 0 0 0 1px rgba(255,255,255,.06);

  transform: translateY(10px) scale(.98);
  opacity: 0;
  position: relative;
  overflow: hidden;
  will-change: transform;
}

.ad-cta__btnIcon{
  width: 18px;
  height: 18px;
  opacity: .95;
}

.ad-cta__btn::before{
  /* shine sweep */
  content:"";
  position:absolute;
  inset: -60% -40%;
  background: linear-gradient(120deg, transparent 40%, rgba(255,255,255,.22), transparent 60%);
  transform: translateX(-35%) rotate(8deg);
  opacity: 0;
}
.ad-cta__btn:hover{
  transform: translateY(0) scale(1);
  box-shadow:
    0 24px 52px rgba(20,59,51,.26),
    inset 0 0 0 1px rgba(255,255,255,.08);
}
.ad-cta__btn:hover::before{
  opacity: 1;
  animation: adShine 1.2s ease forwards;
}
@keyframes adShine{
  to { transform: translateX(35%) rotate(8deg); }
}

/* Background glows + subtle pattern */
.ad-cta__bg{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}
.ad-cta__orb{
  position:absolute;
  width: 520px;
  height: 520px;
  border-radius: 999px;
  filter: blur(28px);
  opacity: .55;
  transform: translate3d(0,0,0);
}
.orb--1{
  left: -160px;
  top: -220px;
  background: radial-gradient(circle at 30% 30%, rgba(202,165,106,.36), transparent 60%);
  animation: adFloat1 10s ease-in-out infinite;
}
.orb--2{
  right: -180px;
  top: -140px;
  background: radial-gradient(circle at 50% 50%, rgba(20,59,51,.16), transparent 62%);
  animation: adFloat2 12s ease-in-out infinite;
}
.orb--3{
  left: 20%;
  bottom: -260px;
  background: radial-gradient(circle at 50% 50%, rgba(202,165,106,.22), transparent 65%);
  animation: adFloat3 14s ease-in-out infinite;
}

@keyframes adFloat1{ 50% { transform: translate3d(18px, 22px, 0) scale(1.03); } }
@keyframes adFloat2{ 50% { transform: translate3d(-22px, 18px, 0) scale(1.04); } }
@keyframes adFloat3{ 50% { transform: translate3d(10px, -16px, 0) scale(1.02); } }

.ad-cta__pattern{
  position:absolute;
  inset:0;
  opacity: .45;
  background:
    radial-gradient(1000px 420px at 50% -15%, rgba(20,59,51,.10), transparent 55%),
    radial-gradient(900px 520px at 12% 35%, rgba(202,165,106,.14), transparent 62%),
    radial-gradient(900px 520px at 90% 35%, rgba(123,45,55,.10), transparent 62%),
    repeating-linear-gradient(45deg, rgba(20,59,51,.04) 0 1px, transparent 1px 14px);
  mix-blend-mode: multiply;
}

/* =========================
   Scroll reveal states
   ========================= */
.ad-cta .ad-word{
  display: inline-block;
  transform: translateY(14px);
  opacity: 0;
  transition: transform .9s cubic-bezier(.2,.9,.2,1), opacity .9s ease;
  will-change: transform, opacity;
}

.ad-cta.is-inview .ad-word{
  transform: translateY(0);
  opacity: 1;
}

.ad-cta.is-inview .ad-cta__btn{
  opacity: 1;
  transform: translateY(0) scale(1);
  transition: transform .9s cubic-bezier(.2,.9,.2,1), opacity .9s ease;
  transition-delay: .45s;
}

.ad-cta.is-inview .ad-chip{
  opacity: 1;
  transform: translateY(0);
  transition: transform .9s cubic-bezier(.2,.9,.2,1), opacity .9s ease;
}

/* Responsive tweaks */
@media (max-width: 520px){
  .ad-cta__divider span{ width: 52px; }
  .ad-cta__chips{ gap: 8px; }
  .ad-chip{ font-size: 12px; padding: 7px 10px; }
  .ad-cta__btn{ width: 100%; max-width: 320px; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .ad-cta__orb,
  .ad-cta__btn::before{ animation: none !important; }
  .ad-cta .ad-word,
  .ad-cta__btn,
  .ad-chip{
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}/* End custom CSS */