{"id":2219,"date":"2026-08-27T05:36:28","date_gmt":"2026-08-27T05:36:28","guid":{"rendered":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/?page_id=2219"},"modified":"2026-08-27T06:20:28","modified_gmt":"2026-08-27T06:20:28","slug":"order-now","status":"publish","type":"page","link":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/order-now\/","title":{"rendered":"Order Now"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2219\" class=\"elementor elementor-2219\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53c41ec6 e-con e-atomic-element e-flexbox-base e-53c41ec6-7147469 \" data-id=\"53c41ec6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"53c41ec6\">\n    \t\t<div class=\"elementor-element elementor-element-a880844 elementor-widget elementor-widget-html\" data-id=\"a880844\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAFE CALCUTTA CLASSIC \u2014 SITE HEADER\r\n     Paste this whole block into an Elementor \"HTML\" widget,\r\n     placed above your existing content, full width, no padding.\r\n============================================================= -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .c3-header{\r\n    --ink:#221F1F;\r\n    --cream:#FFFDF5;\r\n    --green:#5CA670;\r\n    --orange:#F15A28;\r\n    --gold:#F2DEBA;\r\n    font-family:'Poppins',sans-serif;\r\n    position:relative;\r\n    z-index:9999;\r\n  }\r\n  .c3-header *{box-sizing:border-box;}\r\n\r\n  \/* ---------- TOP UTILITY BAR (light) ---------- *\/\r\n  .c3-topbar{\r\n    background:var(--gold);\r\n    color:var(--ink);\r\n    font-size:13px;\r\n    font-weight:500;\r\n    letter-spacing:.02em;\r\n  }\r\n  .c3-topbar-inner{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n    padding:9px 24px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:16px;\r\n    flex-wrap:wrap;\r\n  }\r\n  .c3-topbar-left{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:22px;\r\n    flex-wrap:wrap;\r\n  }\r\n  .c3-topbar-item{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:7px;\r\n    color:var(--ink);\r\n    text-decoration:none;\r\n    white-space:nowrap;\r\n    transition:color .2s ease;\r\n  }\r\n  .c3-topbar-item:hover{color:var(--orange);}\r\n  .c3-topbar-item svg{flex:none;opacity:.75;}\r\n  .c3-topbar-item.c3-address{white-space:normal;}\r\n  .c3-topbar-right{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n  }\r\n  .c3-social{\r\n    width:28px;height:28px;\r\n    border:1px solid rgba(34,31,31,.3);\r\n    border-radius:50%;\r\n    display:flex;align-items:center;justify-content:center;\r\n    color:var(--ink);\r\n    transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;\r\n  }\r\n  .c3-social:hover{background:var(--orange);border-color:var(--orange);color:var(--cream);transform:translateY(-1px);}\r\n\r\n  \/* ---------- TICKET-PERFORATION DIVIDER ---------- *\/\r\n  .c3-perf{\r\nheight: 9px;\r\n    background: #5ca670;\r\n    background-image: radial-gradient(circle at 50% 100%, transparent 5px, #ff592f 5.5px);\r\n    background-size: 22px 18px;\r\n    background-repeat: repeat-x;\r\n    background-position: 0 5px;\r\n}\r\n  }\r\n\r\n  \/* ---------- MAIN NAV ---------- *\/\r\n  .c3-nav{\r\n    background:var(--cream);\r\n    box-shadow:0 2px 10px rgba(34,31,31,.06);\r\n  }\r\n  .c3-nav-inner{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n    padding:14px 24px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:20px;\r\n  }\r\n  .c3-logo img{\r\n    height:88px;\r\n    width:auto;\r\n    display:block;\r\n  }\r\n  .c3-menu{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:6px;\r\n    list-style:none;\r\n    margin:0;padding:0;\r\n  }\r\n  .c3-menu li{position:relative;}\r\n  .c3-menu a{\r\n    display:inline-block;\r\n    padding:10px 16px;\r\n    font-family:'Poppins',sans-serif;\r\n    font-weight:500;\r\n    font-size:15px;\r\n    color:var(--ink);\r\n    text-decoration:none;\r\n    border-radius:6px;\r\n    border-bottom:2px solid transparent;\r\n    transition:color .2s ease,border-color .2s ease;\r\n  }\r\n  .c3-menu a:hover{color:var(--orange);}\r\n\r\n  \/* current-page highlight \u2014 applied by JS to whichever link matches the page you're on *\/\r\n  .c3-menu a.c3-active{\r\n    color:var(--orange);\r\n    border-bottom:2px solid var(--orange);\r\n  }\r\n\r\n  \/* Call Now \u2014 premium pill CTA, always last item *\/\r\n  .c3-menu .c3-call a{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    font-weight:600;\r\n    font-size:14px;\r\n    padding:10px 22px;\r\n    border-radius:999px;\r\n    background:var(--green);\r\n    color:var(--cream);\r\n    border-bottom:none;\r\n    box-shadow:0 4px 14px rgba(92,166,112,.35);\r\n    transition:background .2s ease,box-shadow .2s ease,transform .2s ease;\r\n  }\r\n  .c3-menu .c3-call a svg{flex:none;}\r\n  .c3-menu .c3-call a:hover{background:#4b8f5d;color:var(--cream);box-shadow:0 6px 18px rgba(92,166,112,.45);transform:translateY(-1px);}\r\n  .c3-menu .c3-call a.c3-active{background:#4b8f5d;color:var(--cream);}\r\n\r\n  \/* hamburger (hidden on desktop) *\/\r\n  .c3-burger{\r\n    display:none;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n    gap:5px;\r\n    width:42px;height:42px;\r\n    background:transparent;\r\n    border:1px solid var(--ink);\r\n    border-radius:8px;\r\n    cursor:pointer;\r\n    flex:none;\r\n  }\r\n  .c3-burger span{\r\n    display:block;\r\n    height:2px;\r\n    margin:0 9px;\r\n    background:var(--ink);\r\n    transition:transform .25s ease,opacity .25s ease;\r\n  }\r\n  .c3-header.is-open .c3-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}\r\n  .c3-header.is-open .c3-burger span:nth-child(2){opacity:0;}\r\n  .c3-header.is-open .c3-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}\r\n\r\n  \/* ---------- MOBILE MENU PANEL ---------- *\/\r\n  .c3-mobile-panel{\r\n    display:none;\r\n    background:var(--cream);\r\n    border-top:1px dashed rgba(34,31,31,.25);\r\n  }\r\n  .c3-mobile-panel .c3-menu{\r\n    flex-direction:column;\r\n    align-items:stretch;\r\n    padding:14px 24px 22px;\r\n    gap:2px;\r\n  }\r\n  .c3-mobile-panel .c3-menu a{width:100%;padding:12px 6px;border-bottom:1px solid rgba(34,31,31,.08);border-radius:0;}\r\n  .c3-mobile-panel .c3-menu a.c3-active{border-bottom:1px solid rgba(34,31,31,.08);}\r\n  .c3-mobile-panel .c3-menu .c3-call{margin-top:10px;}\r\n  .c3-mobile-panel .c3-menu .c3-call a{width:100%;justify-content:center;text-align:center;border-bottom:none;border-radius:999px;}\r\n\r\n  \/* ============ RESPONSIVE BREAKPOINTS ============ *\/\r\n\r\n  \/* Tablet: hide inline desktop nav, show burger *\/\r\n  @media (max-width: 991px){\r\n    .c3-nav-inner .c3-menu.c3-desktop-menu{display:none;}\r\n    .c3-burger{display:flex;}\r\n    .c3-header.is-open .c3-mobile-panel{display:block;}\r\n  }\r\n\r\n  \/* Tablet: trim topbar *\/\r\n  @media (max-width: 768px){\r\n    .c3-topbar-item.c3-address{display:none;}\r\n    .c3-logo img{height:64px;}\r\n  }\r\n\r\n  \/* Mobile: keep topbar to phone + socials only *\/\r\n  @media (max-width: 480px){\r\n    .c3-topbar-item.c3-email{display:none;}\r\n    .c3-topbar-inner{padding:8px 16px;}\r\n    .c3-nav-inner{padding:10px 16px;}\r\n    .c3-logo img{height:52px;}\r\n  }\r\n<\/style>\r\n\r\n<header class=\"c3-header\" id=\"c3Header\">\r\n\r\n  <!-- TOP CONTACT BAR -->\r\n  <div class=\"c3-topbar\">\r\n    <div class=\"c3-topbar-inner\">\r\n      <div class=\"c3-topbar-left\">\r\n        <span class=\"c3-topbar-item c3-address\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 21s-7-6.1-7-11a7 7 0 0 1 14 0c0 4.9-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg>\r\n          CCR Jhilpar, Shilpasree, NH2 Nischinda, Bally, India, 711205\r\n        <\/span>\r\n        <a href=\"tel:+919163087723\" class=\"c3-topbar-item c3-phone\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2z\"\/><\/svg>\r\n          +91 91630 87723\r\n        <\/a>\r\n        <a href=\"mailto:info@cafecalcuttaclassic.com\" class=\"c3-topbar-item c3-email\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16v16H4z\"\/><path d=\"m22 6-10 7L2 6\"\/><\/svg>\r\n          info@cafecalcuttaclassic.com\r\n        <\/a>\r\n      <\/div>\r\n      <div class=\"c3-topbar-right\">\r\n        <a class=\"c3-social\" href=\"https:\/\/www.facebook.com\/cafecalcuttaclassic\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13.5 22v-8.5H16l.4-3H13.5V8.4c0-.9.25-1.5 1.55-1.5H16.5V4.3C16.2 4.26 15.2 4.17 14 4.17c-2.4 0-4 1.46-4 4.15v2.18H7.5v3h2.5V22h3.5z\"\/><\/svg>\r\n        <\/a>\r\n        <a class=\"c3-social\" href=\"https:\/\/www.instagram.com\/cafecalcuttaclassic\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.3\" cy=\"6.7\" r=\"1\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- TICKET-PERFORATION DIVIDER -->\r\n  <div class=\"c3-perf\"><\/div>\r\n\r\n  <!-- MAIN NAV -->\r\n  <div class=\"c3-nav\">\r\n    <div class=\"c3-nav-inner\">\r\n      <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/\" class=\"c3-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/C3-Logo.png\" alt=\"Cafe Calcutta Classic\">\r\n      <\/a>\r\n\r\n      <ul class=\"c3-menu c3-desktop-menu\">\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/\">Home<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/about-us\/\">About<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/media\/\">Media<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/live-show-booking\/\">Live Show Booking<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/blog\/\">Blog<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/gallery\/\">Gallery<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/franchise\/\">Franchise<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/event-booking\/\">Event Booking<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/contact\/\">Contact<\/a><\/li>\r\n        <li class=\"c3-call\">\r\n          <a href=\"tel:+919163087723\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2z\"\/><\/svg>\r\n            Call Now\r\n          <\/a>\r\n        <\/li>\r\n      <\/ul>\r\n\r\n      <button class=\"c3-burger\" id=\"c3Burger\" aria-label=\"Open menu\" aria-expanded=\"false\">\r\n        <span><\/span><span><\/span><span><\/span>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- MOBILE PANEL -->\r\n    <div class=\"c3-mobile-panel\">\r\n      <ul class=\"c3-menu\">\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/\">Home<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/about-us\/\">About<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/media\/\">Media<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/blog\/\">Blog<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/gallery\/\">Gallery<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/franchise\/\">Franchise<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/live-show-booking\/\">Live Show Booking<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/event-booking\/\">Event Booking<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/contact\/\">Contact<\/a><\/li>\r\n        <li class=\"c3-call\">\r\n          <a href=\"tel:+919163087723\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2z\"\/><\/svg>\r\n            Call Now\r\n          <\/a>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<script>\r\n  (function(){\r\n    var header = document.getElementById('c3Header');\r\n    var burger = document.getElementById('c3Burger');\r\n    burger.addEventListener('click', function(){\r\n      var open = header.classList.toggle('is-open');\r\n      burger.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n    });\r\n\r\n    \/\/ highlight whichever menu link matches the page currently open\r\n    var currentPath = window.location.pathname.replace(\/\\\/+$\/,'') || '\/';\r\n    var links = header.querySelectorAll('.c3-menu a');\r\n    links.forEach(function(link){\r\n      if(link.getAttribute('href') === '#') return; \/\/ skip placeholder (Order Now)\r\n      try{\r\n        var linkPath = new URL(link.href, window.location.origin).pathname.replace(\/\\\/+$\/,'') || '\/';\r\n        if(linkPath === currentPath){\r\n          link.classList.add('c3-active');\r\n        }\r\n      }catch(e){}\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a046428 e-con e-atomic-element e-flexbox-base e-fb1d16d \" data-id=\"a046428\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a046428\">\n    \t\t<div class=\"elementor-element elementor-element-fdbed44 elementor-widget elementor-widget-html\" data-id=\"fdbed44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Order Now Section - Cafe Calcutta Classic -->\r\n<!-- WordPress Elementor HTML Widget Ready -->\r\n<!-- Premium Design with Hero-Style Layout -->\r\n<style>\r\n  \/* ============================================\r\n     ORDER NOW SECTION\r\n     ============================================ *\/\r\n\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,700&family=Inter:wght@300;400;500;600;700;800;900&display=swap');\r\n\r\n  .ccc-order-section {\r\n    --ccc-dark: #221F1F;\r\n    --ccc-cream: #F1E7D0;\r\n    --ccc-green: #5CA670;\r\n    --ccc-orange: #F15A28;\r\n    --ccc-gold: #F2DEBA;\r\n\r\n    font-family: 'Inter', sans-serif;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    background: var(--ccc-cream);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ccc-order-section *,\r\n  .ccc-order-section *::before,\r\n  .ccc-order-section *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* ============================================\r\n     CONTAINER\r\n     ============================================ *\/\r\n\r\n  .ccc-order {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 4rem 2rem 5rem;\r\n  }\r\n\r\n  \/* ============================================\r\n     HERO HEADER\r\n     ============================================ *\/\r\n\r\n  .ccc-order-hero {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 4rem;\r\n    align-items: center;\r\n    padding: 2rem 0 3rem;\r\n    position: relative;\r\n  }\r\n\r\n  .ccc-order-hero::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, transparent, var(--ccc-orange), var(--ccc-green), transparent);\r\n    opacity: 0.3;\r\n  }\r\n\r\n  .ccc-order-hero-left {\r\n    position: relative;\r\n  }\r\n\r\n  .ccc-order-badge {\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 0.7rem;\r\n    letter-spacing: 0.3em;\r\n    text-transform: uppercase;\r\n    color: var(--ccc-orange);\r\n    background: rgba(241, 90, 40, 0.08);\r\n    display: inline-block;\r\n    padding: 0.4rem 1.5rem;\r\n    border-left: 2px solid var(--ccc-orange);\r\n    border-right: 2px solid var(--ccc-orange);\r\n    margin-bottom: 1rem;\r\n    animation: cccBadgePulse 3s ease-in-out infinite;\r\n    position: relative;\r\n  }\r\n\r\n  .ccc-order-badge::before,\r\n  .ccc-order-badge::after {\r\n    content: '\u2726';\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    font-size: 0.5rem;\r\n    color: var(--ccc-gold);\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .ccc-order-badge::before {\r\n    left: -1.8rem;\r\n  }\r\n  .ccc-order-badge::after {\r\n    right: -1.8rem;\r\n  }\r\n\r\n  @keyframes cccBadgePulse {\r\n    0%,\r\n    100% {\r\n      opacity: 1;\r\n      transform: scale(1);\r\n    }\r\n    50% {\r\n      opacity: 0.8;\r\n      transform: scale(1.02);\r\n    }\r\n  }\r\n\r\n  .ccc-order-hero-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 700;\r\n    font-size: clamp(2.5rem, 5vw, 4rem);\r\n    color: var(--ccc-dark);\r\n    line-height: 1.08;\r\n    margin: 0 0 0.5rem;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .ccc-order-hero-title span {\r\n    color: var(--ccc-orange);\r\n    font-style: italic;\r\n    position: relative;\r\n  }\r\n\r\n  .ccc-order-hero-title span::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 4px;\r\n    left: 0;\r\n    right: 0;\r\n    height: 8px;\r\n    background: rgba(241, 90, 40, 0.12);\r\n    border-radius: 4px;\r\n    z-index: -1;\r\n  }\r\n\r\n  .ccc-order-hero-desc {\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 300;\r\n    font-size: clamp(1rem, 1.3vw, 1.15rem);\r\n    line-height: 1.8;\r\n    color: rgba(34, 31, 31, 0.7);\r\n    max-width: 520px;\r\n    margin: 0 0 1.8rem;\r\n  }\r\n\r\n  .ccc-order-hero-desc strong {\r\n    color: var(--ccc-dark);\r\n    font-weight: 500;\r\n  }\r\n\r\n  .ccc-order-hero-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 1rem;\r\n  }\r\n\r\n  .ccc-order-hero-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.6rem;\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 0.8rem;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    padding: 0.9rem 2.2rem;\r\n    min-height: 48px;\r\n    border-radius: 50px;\r\n    text-decoration: none !important;\r\n    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    cursor: pointer;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 2px solid transparent;\r\n  }\r\n\r\n  .ccc-order-hero-btn--primary {\r\n    background: var(--ccc-orange);\r\n    color: #ffffff !important;\r\n    border-color: var(--ccc-orange);\r\n  }\r\n\r\n  .ccc-order-hero-btn--primary::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: var(--ccc-green);\r\n    border-radius: 50px;\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    z-index: -1;\r\n  }\r\n\r\n  .ccc-order-hero-btn--primary:hover {\r\n    border-color: var(--ccc-green);\r\n    transform: translateY(-3px) scale(1.02);\r\n    box-shadow: 0 12px 32px rgba(92, 166, 112, 0.25);\r\n  }\r\n\r\n  .ccc-order-hero-btn--primary:hover::before {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  .ccc-order-hero-btn--secondary {\r\n    background: transparent;\r\n    color: var(--ccc-dark) !important;\r\n    border-color: var(--ccc-gold);\r\n  }\r\n\r\n  .ccc-order-hero-btn--secondary::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: var(--ccc-gold);\r\n    border-radius: 50px;\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    z-index: -1;\r\n    opacity: 0.3;\r\n  }\r\n\r\n  .ccc-order-hero-btn--secondary:hover {\r\n    border-color: var(--ccc-orange);\r\n    transform: translateY(-3px) scale(1.02);\r\n    box-shadow: 0 12px 32px rgba(34, 31, 31, 0.06);\r\n  }\r\n\r\n  .ccc-order-hero-btn--secondary:hover::before {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  .ccc-btn-arrow {\r\n    display: inline-block;\r\n    transition: transform 0.4s ease;\r\n  }\r\n  .ccc-order-hero-btn:hover .ccc-btn-arrow {\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  \/* Hero Right - Visual *\/\r\n  .ccc-order-hero-right {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .ccc-order-hero-visual {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 480px;\r\n    aspect-ratio: 1\/1;\r\n    border-radius: 30px;\r\n    overflow: hidden;\r\n    background: linear-gradient(135deg, #f0f4ff, #e8edf5);\r\n    box-shadow: 0 20px 60px rgba(34, 31, 31, 0.08);\r\n    transition: transform 0.6s ease, box-shadow 0.6s ease;\r\n  }\r\n\r\n  .ccc-order-hero-visual:hover {\r\n    transform: scale(1.02);\r\n    box-shadow: 0 30px 80px rgba(34, 31, 31, 0.12);\r\n  }\r\n\r\n  .ccc-order-hero-visual img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.8s ease;\r\n  }\r\n\r\n  .ccc-order-hero-visual:hover img {\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  .ccc-order-hero-visual-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, rgba(241, 90, 40, 0.04), rgba(92, 166, 112, 0.04));\r\n    z-index: 1;\r\n  }\r\n\r\n  .ccc-order-hero-visual-badge {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    right: 20px;\r\n    z-index: 2;\r\n    background: rgba(34, 31, 31, 0.7);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    padding: 0.8rem 1.5rem;\r\n    border-radius: 16px;\r\n    color: #ffffff;\r\n    text-align: center;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n  }\r\n\r\n  .ccc-order-hero-visual-badge .number {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 1.8rem;\r\n    font-weight: 700;\r\n    color: var(--ccc-gold);\r\n    display: block;\r\n    line-height: 1;\r\n  }\r\n\r\n  .ccc-order-hero-visual-badge .label {\r\n    font-size: 0.6rem;\r\n    font-weight: 300;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    opacity: 0.7;\r\n  }\r\n\r\n  \/* ============================================\r\n     HOW IT WORKS - TIMELINE\r\n     ============================================ *\/\r\n\r\n  .ccc-order-how {\r\n    margin: 4rem 0 3rem;\r\n    position: relative;\r\n  }\r\n\r\n  .ccc-order-how-header {\r\n    text-align: center;\r\n    margin-bottom: 3rem;\r\n  }\r\n\r\n  .ccc-order-how-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 700;\r\n    font-size: clamp(1.8rem, 3vw, 2.6rem);\r\n    color: var(--ccc-dark);\r\n    margin: 0 0 0.3rem;\r\n  }\r\n\r\n  .ccc-order-how-title span {\r\n    color: var(--ccc-green);\r\n    font-style: italic;\r\n  }\r\n\r\n  .ccc-order-how-sub {\r\n    font-weight: 300;\r\n    font-size: 1rem;\r\n    color: rgba(34, 31, 31, 0.6);\r\n  }\r\n\r\n  .ccc-order-steps {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, 1fr);\r\n    gap: 1.5rem;\r\n    position: relative;\r\n  }\r\n\r\n  \/* Connecting line between steps *\/\r\n  .ccc-order-steps::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 40px;\r\n    left: 10%;\r\n    right: 10%;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, var(--ccc-gold), var(--ccc-green), var(--ccc-orange));\r\n    opacity: 0.3;\r\n    z-index: 0;\r\n  }\r\n\r\n  .ccc-order-step {\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 1;\r\n    background: #ffffff;\r\n    border-radius: 16px;\r\n    padding: 1.8rem 1.2rem;\r\n    box-shadow: 0 4px 20px rgba(34, 31, 31, 0.04);\r\n    border: 1px solid rgba(34, 31, 31, 0.04);\r\n    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n  }\r\n\r\n  .ccc-order-step:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 16px 48px rgba(34, 31, 31, 0.08);\r\n    border-color: var(--ccc-orange);\r\n  }\r\n\r\n  .ccc-order-step-number {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    background: var(--ccc-orange);\r\n    color: #ffffff;\r\n    font-weight: 700;\r\n    font-size: 1rem;\r\n    margin-bottom: 0.8rem;\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .ccc-order-step:hover .ccc-order-step-number {\r\n    background: var(--ccc-green);\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .ccc-order-step-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 700;\r\n    font-size: 1rem;\r\n    color: var(--ccc-dark);\r\n    margin: 0 0 0.3rem;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .ccc-order-step:hover .ccc-order-step-title {\r\n    color: var(--ccc-orange);\r\n  }\r\n\r\n  .ccc-order-step-text {\r\n    font-weight: 300;\r\n    font-size: 0.8rem;\r\n    line-height: 1.5;\r\n    color: rgba(34, 31, 31, 0.6);\r\n    margin: 0;\r\n  }\r\n\r\n  \/* ============================================\r\n     CTA BANNER\r\n     ============================================ *\/\r\n\r\n  .ccc-order-cta {\r\n    margin: 3rem 0 4rem;\r\n    padding: 3rem 3.5rem;\r\n    background: linear-gradient(135deg, var(--ccc-dark), #2a2626);\r\n    border-radius: 24px;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow: 0 12px 48px rgba(34, 31, 31, 0.15);\r\n  }\r\n\r\n  .ccc-order-cta::before {\r\n    content: '\u2726';\r\n    position: absolute;\r\n    top: -30px;\r\n    right: 40px;\r\n    font-size: 10rem;\r\n    color: rgba(242, 222, 186, 0.04);\r\n    line-height: 1;\r\n  }\r\n\r\n  .ccc-order-cta::after {\r\n    content: '\u2726';\r\n    position: absolute;\r\n    bottom: -40px;\r\n    left: 30px;\r\n    font-size: 8rem;\r\n    color: rgba(242, 222, 186, 0.04);\r\n    line-height: 1;\r\n  }\r\n\r\n  .ccc-order-cta-icon {\r\n    font-size: 2.5rem;\r\n    display: block;\r\n    margin-bottom: 0.5rem;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .ccc-order-cta-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 700;\r\n    font-size: clamp(1.8rem, 3vw, 2.8rem);\r\n    color: #ffffff;\r\n    margin: 0 0 0.5rem;\r\n    line-height: 1.2;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .ccc-order-cta-title span {\r\n    color: var(--ccc-gold);\r\n    font-style: italic;\r\n  }\r\n\r\n  .ccc-order-cta-text {\r\n    font-weight: 300;\r\n    font-size: clamp(0.95rem, 1.2vw, 1.1rem);\r\n    color: rgba(255, 255, 255, 0.7);\r\n    max-width: 550px;\r\n    margin: 0 auto 1.5rem;\r\n    line-height: 1.7;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .ccc-order-cta-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.6rem;\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 0.85rem;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    padding: 1rem 3rem;\r\n    min-height: 52px;\r\n    background: var(--ccc-orange);\r\n    color: #ffffff !important;\r\n    border: 2px solid var(--ccc-orange);\r\n    border-radius: 50px;\r\n    text-decoration: none !important;\r\n    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    cursor: pointer;\r\n    position: relative;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n  }\r\n\r\n  .ccc-order-cta-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: var(--ccc-green);\r\n    border-radius: 50px;\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    z-index: -1;\r\n  }\r\n\r\n  .ccc-order-cta-btn:hover {\r\n    color: #ffffff !important;\r\n    border-color: var(--ccc-green);\r\n    transform: translateY(-3px) scale(1.02);\r\n    box-shadow: 0 12px 32px rgba(92, 166, 112, 0.3);\r\n  }\r\n\r\n  .ccc-order-cta-btn:hover::before {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  \/* ============================================\r\n     ORDER ENQUIRY FORM\r\n     ============================================ *\/\r\n\r\n  .ccc-order-form-wrap {\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    padding: 3rem 3.5rem;\r\n    box-shadow: 0 8px 40px rgba(34, 31, 31, 0.05);\r\n    border: 1px solid rgba(34, 31, 31, 0.04);\r\n    margin-top: 2rem;\r\n  }\r\n\r\n  .ccc-order-form-header {\r\n    text-align: center;\r\n    margin-bottom: 2rem;\r\n  }\r\n\r\n  .ccc-order-form-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 700;\r\n    font-size: 1.8rem;\r\n    color: var(--ccc-dark);\r\n    margin: 0 0 0.3rem;\r\n  }\r\n\r\n  .ccc-order-form-title span {\r\n    color: var(--ccc-green);\r\n  }\r\n\r\n  .ccc-order-form-sub {\r\n    font-weight: 300;\r\n    font-size: 0.95rem;\r\n    color: rgba(34, 31, 31, 0.6);\r\n  }\r\n\r\n  .ccc-order-form-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 1.2rem;\r\n  }\r\n\r\n  .ccc-form-group {\r\n    margin-bottom: 0.5rem;\r\n  }\r\n\r\n  .ccc-form-group--full {\r\n    grid-column: span 2;\r\n  }\r\n\r\n  .ccc-form-group label {\r\n    display: block;\r\n    font-weight: 500;\r\n    font-size: 0.75rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.06em;\r\n    color: var(--ccc-dark);\r\n    margin-bottom: 0.3rem;\r\n  }\r\n\r\n  .ccc-form-group label .required {\r\n    color: var(--ccc-orange);\r\n  }\r\n\r\n  .ccc-form-group input,\r\n  .ccc-form-group select,\r\n  .ccc-form-group textarea {\r\n    width: 100%;\r\n    padding: 0.7rem 1rem;\r\n    border: 1.5px solid rgba(34, 31, 31, 0.06);\r\n    border-radius: 12px;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 0.9rem;\r\n    color: var(--ccc-dark);\r\n    background: #fafafa;\r\n    transition: all 0.3s ease;\r\n    outline: none;\r\n  }\r\n\r\n  .ccc-form-group input:focus,\r\n  .ccc-form-group select:focus,\r\n  .ccc-form-group textarea:focus {\r\n    border-color: var(--ccc-orange);\r\n    background: #ffffff;\r\n    box-shadow: 0 0 0 4px rgba(241, 90, 40, 0.06);\r\n  }\r\n\r\n  .ccc-form-group textarea {\r\n    min-height: 80px;\r\n    resize: vertical;\r\n  }\r\n\r\n  .ccc-form-group select {\r\n    appearance: none;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23221F1F' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n    background-repeat: no-repeat;\r\n    background-position: right 1rem center;\r\n    padding-right: 2.5rem;\r\n  }\r\n\r\n  .ccc-form-submit {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.6rem;\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 0.8rem;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    padding: 0.9rem 2.5rem;\r\n    min-height: 50px;\r\n    border-radius: 50px;\r\n    text-decoration: none !important;\r\n    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    cursor: pointer;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 2px solid transparent;\r\n    background: var(--ccc-green);\r\n    color: #ffffff !important;\r\n    border-color: var(--ccc-green);\r\n    width: 100%;\r\n    margin-top: 0.5rem;\r\n  }\r\n\r\n  .ccc-form-submit::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: var(--ccc-orange);\r\n    border-radius: 50px;\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    z-index: -1;\r\n  }\r\n\r\n  .ccc-form-submit:hover {\r\n    border-color: var(--ccc-orange);\r\n    transform: translateY(-3px) scale(1.01);\r\n    box-shadow: 0 12px 32px rgba(241, 90, 40, 0.2);\r\n  }\r\n\r\n  .ccc-form-submit:hover::before {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  \/* ============================================\r\n     RESPONSIVE\r\n     ============================================ *\/\r\n\r\n  @media (max-width: 1024px) {\r\n    .ccc-order-steps {\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 1.5rem;\r\n    }\r\n    .ccc-order-steps::before {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .ccc-order-hero {\r\n      grid-template-columns: 1fr;\r\n      gap: 2.5rem;\r\n      text-align: center;\r\n      padding: 1rem 0 2.5rem;\r\n    }\r\n\r\n    .ccc-order-hero-desc {\r\n      max-width: 100%;\r\n      margin: 0 auto 1.8rem;\r\n    }\r\n\r\n    .ccc-order-hero-actions {\r\n      justify-content: center;\r\n    }\r\n\r\n    .ccc-order-hero-right {\r\n      justify-content: center;\r\n    }\r\n\r\n    .ccc-order-hero-visual {\r\n      max-width: 400px;\r\n      aspect-ratio: 1\/1;\r\n    }\r\n\r\n    .ccc-order-form-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ccc-form-group--full {\r\n      grid-column: span 1;\r\n    }\r\n\r\n    .ccc-order-form-wrap {\r\n      padding: 2rem 2rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .ccc-order {\r\n      padding: 2.5rem 1.5rem 3.5rem;\r\n    }\r\n\r\n    .ccc-order-steps {\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 1rem;\r\n    }\r\n\r\n    .ccc-order-step {\r\n      padding: 1.2rem 0.8rem;\r\n    }\r\n\r\n    .ccc-order-cta {\r\n      padding: 2.5rem 1.8rem;\r\n    }\r\n\r\n    .ccc-order-cta::before,\r\n    .ccc-order-cta::after {\r\n      font-size: 5rem;\r\n    }\r\n\r\n    .ccc-order-hero-visual {\r\n      max-width: 320px;\r\n    }\r\n\r\n    .ccc-order-hero-visual-badge {\r\n      bottom: 14px;\r\n      right: 14px;\r\n      padding: 0.6rem 1.2rem;\r\n    }\r\n\r\n    .ccc-order-hero-visual-badge .number {\r\n      font-size: 1.4rem;\r\n    }\r\n\r\n    .ccc-order-badge::before,\r\n    .ccc-order-badge::after {\r\n      display: none;\r\n    }\r\n\r\n    .ccc-order-form-wrap {\r\n      padding: 1.5rem 1.2rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .ccc-order {\r\n      padding: 2rem 1rem 2.5rem;\r\n    }\r\n\r\n    .ccc-order-hero {\r\n      gap: 1.8rem;\r\n      padding: 0.5rem 0 2rem;\r\n    }\r\n\r\n    .ccc-order-hero-actions {\r\n      flex-direction: column;\r\n      align-items: center;\r\n      width: 100%;\r\n    }\r\n\r\n    .ccc-order-hero-btn {\r\n      width: 100%;\r\n      justify-content: center;\r\n      padding: 0.8rem 1.6rem;\r\n      font-size: 0.7rem;\r\n      min-height: 44px;\r\n    }\r\n\r\n    .ccc-order-hero-visual {\r\n      max-width: 280px;\r\n    }\r\n\r\n    .ccc-order-hero-visual-badge {\r\n      bottom: 10px;\r\n      right: 10px;\r\n      padding: 0.4rem 1rem;\r\n      border-radius: 12px;\r\n    }\r\n\r\n    .ccc-order-hero-visual-badge .number {\r\n      font-size: 1.2rem;\r\n    }\r\n    .ccc-order-hero-visual-badge .label {\r\n      font-size: 0.5rem;\r\n    }\r\n\r\n    .ccc-order-steps {\r\n      grid-template-columns: 1fr;\r\n      gap: 0.8rem;\r\n    }\r\n\r\n    .ccc-order-step {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 1rem;\r\n      text-align: left;\r\n      padding: 1rem 1.2rem;\r\n    }\r\n\r\n    .ccc-order-step-number {\r\n      margin-bottom: 0;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .ccc-order-step-text {\r\n      font-size: 0.75rem;\r\n    }\r\n\r\n    .ccc-order-cta {\r\n      padding: 2rem 1.2rem;\r\n    }\r\n\r\n    .ccc-order-cta-btn {\r\n      padding: 0.8rem 1.8rem;\r\n      font-size: 0.7rem;\r\n      min-height: 46px;\r\n      width: 100%;\r\n      justify-content: center;\r\n    }\r\n\r\n    .ccc-order-form-wrap {\r\n      padding: 1.2rem 1rem;\r\n    }\r\n\r\n    .ccc-order-form-title {\r\n      font-size: 1.4rem;\r\n    }\r\n\r\n    .ccc-form-submit {\r\n      padding: 0.8rem 1.6rem;\r\n      font-size: 0.7rem;\r\n      min-height: 44px;\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    .ccc-order-step,\r\n    .ccc-order-hero-visual,\r\n    .ccc-order-cta,\r\n    .ccc-order-form-wrap {\r\n      transition: none;\r\n    }\r\n    .ccc-order-step:hover,\r\n    .ccc-order-hero-visual:hover {\r\n      transform: none !important;\r\n    }\r\n    .ccc-order-hero-btn,\r\n    .ccc-order-hero-btn::before,\r\n    .ccc-order-cta-btn,\r\n    .ccc-order-cta-btn::before,\r\n    .ccc-form-submit,\r\n    .ccc-form-submit::before {\r\n      transition: none !important;\r\n    }\r\n    .ccc-order-badge {\r\n      animation: none;\r\n    }\r\n    .ccc-order-steps::before {\r\n      display: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"ccc-order-section\">\r\n  <section class=\"ccc-order\">\r\n    <!-- =========================================\r\n         HERO SECTION\r\n         ========================================= -->\r\n    <div class=\"ccc-order-hero\">\r\n      <div class=\"ccc-order-hero-left\">\r\n        <div class=\"ccc-order-badge\">Order Now<\/div>\r\n        <h1 class=\"ccc-order-hero-title\">\r\n          Your Table. <span>Your Menu.<\/span> Your Order.\r\n        <\/h1>\r\n        <p class=\"ccc-order-hero-desc\">\r\n          Explore the <strong>Cafe Calcutta Classic<\/strong> menu, discover your \r\n          favourites and place your order with ease. Browse the menu, choose what \r\n          you love and select your preferred order type.\r\n        <\/p>\r\n        <div class=\"ccc-order-hero-actions\">\r\n          <button class=\"ccc-order-hero-btn ccc-order-hero-btn--primary\">\r\n            View Full Menu\r\n            <span class=\"ccc-btn-arrow\">\u2192<\/span>\r\n          <\/button>\r\n          <button class=\"ccc-order-hero-btn ccc-order-hero-btn--secondary\">\r\n            Order Enquiry\r\n            <span class=\"ccc-btn-arrow\">\u2192<\/span>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ccc-order-hero-right\">\r\n        <div class=\"ccc-order-hero-visual\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/2.jpg\"\r\n            alt=\"Order at Cafe Calcutta Classic\"\r\n            loading=\"lazy\"\r\n          \/>\r\n          <div class=\"ccc-order-hero-visual-overlay\"><\/div>\r\n          <div class=\"ccc-order-hero-visual-badge\">\r\n            <span class=\"number\">500+<\/span>\r\n            <span class=\"label\">Choices Available<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- =========================================\r\n         HOW IT WORKS\r\n         ========================================= -->\r\n    <div class=\"ccc-order-how\">\r\n      <div class=\"ccc-order-how-header\">\r\n        <h2 class=\"ccc-order-how-title\">\r\n          How It <span>Works<\/span>\r\n        <\/h2>\r\n        <p class=\"ccc-order-how-sub\">Five simple steps to your perfect order<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ccc-order-steps\">\r\n        <div class=\"ccc-order-step\">\r\n          <div class=\"ccc-order-step-number\">01<\/div>\r\n          <h4 class=\"ccc-order-step-title\">Explore<\/h4>\r\n          <p class=\"ccc-order-step-text\">Browse categories, view dishes, descriptions and current prices.<\/p>\r\n        <\/div>\r\n        <div class=\"ccc-order-step\">\r\n          <div class=\"ccc-order-step-number\">02<\/div>\r\n          <h4 class=\"ccc-order-step-title\">Add to Cart<\/h4>\r\n          <p class=\"ccc-order-step-text\">Choose your favourites and build your order.<\/p>\r\n        <\/div>\r\n        <div class=\"ccc-order-step\">\r\n          <div class=\"ccc-order-step-number\">03<\/div>\r\n          <h4 class=\"ccc-order-step-title\">Select Order Type<\/h4>\r\n          <p class=\"ccc-order-step-text\">For dine-in, enter table details. For delivery, provide address.<\/p>\r\n        <\/div>\r\n        <div class=\"ccc-order-step\">\r\n          <div class=\"ccc-order-step-number\">04<\/div>\r\n          <h4 class=\"ccc-order-step-title\">Pay<\/h4>\r\n          <p class=\"ccc-order-step-text\">Complete payment using UPI or integrated payment option.<\/p>\r\n        <\/div>\r\n        <div class=\"ccc-order-step\">\r\n          <div class=\"ccc-order-step-number\">05<\/div>\r\n          <h4 class=\"ccc-order-step-title\">Enjoy<\/h4>\r\n          <p class=\"ccc-order-step-text\">Sit back, relax and let Cafe Calcutta Classic take care of the rest.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- =========================================\r\n         CTA BANNER\r\n         ========================================= -->\r\n    <div class=\"ccc-order-cta\">\r\n      <span class=\"ccc-order-cta-icon\">\ud83c\udf7d\ufe0f<\/span>\r\n      <h3 class=\"ccc-order-cta-title\">\r\n        Hungry? Let's Make It <span>Classic<\/span>\r\n      <\/h3>\r\n      <p class=\"ccc-order-cta-text\">\r\n        Your next <strong>Cafe Calcutta Classic<\/strong> favourite is only a few clicks away.\r\n      <\/p>\r\n      <button class=\"ccc-order-cta-btn\">\r\n        View Full Menu\r\n        <span class=\"ccc-btn-arrow\">\u2192<\/span>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- =========================================\r\n         ORDER ENQUIRY FORM\r\n         ========================================= -->\r\n    <div class=\"ccc-order-form-wrap\">\r\n      <div class=\"ccc-order-form-header\">\r\n        <h3 class=\"ccc-order-form-title\">\r\n          Order <span>Enquiry<\/span>\r\n        <\/h3>\r\n        <p class=\"ccc-order-form-sub\">\r\n          If you need assistance with your order, fill in the details below and the \r\n          <strong>Cafe Calcutta Classic<\/strong> team will get back to you.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <form id=\"cccOrderForm\" onsubmit=\"return false;\">\r\n        <div class=\"ccc-order-form-grid\">\r\n          <div class=\"ccc-form-group\">\r\n            <label>Full Name <span class=\"required\">*<\/span><\/label>\r\n            <input type=\"text\" placeholder=\"Enter your full name\" required>\r\n          <\/div>\r\n          <div class=\"ccc-form-group\">\r\n            <label>Phone Number <span class=\"required\">*<\/span><\/label>\r\n            <input type=\"tel\" placeholder=\"Enter your phone number\" required>\r\n          <\/div>\r\n          <div class=\"ccc-form-group\">\r\n            <label>Email Address<\/label>\r\n            <input type=\"email\" placeholder=\"Enter your email address\">\r\n          <\/div>\r\n          <div class=\"ccc-form-group\">\r\n            <label>Order Type <span class=\"required\">*<\/span><\/label>\r\n            <select required>\r\n              <option value=\"\">Select Order Type<\/option>\r\n              <option value=\"dine-in\">Dine-in<\/option>\r\n              <option value=\"delivery\">Delivery<\/option>\r\n            <\/select>\r\n          <\/div>\r\n          <div class=\"ccc-form-group\">\r\n            <label>Table Number <span class=\"required\">*<\/span> <small style=\"font-weight:300;text-transform:none;font-size:0.7rem;color:rgba(34,31,31,0.4);\">(If Dine-in)<\/small><\/label>\r\n            <input type=\"text\" placeholder=\"Enter your table number\">\r\n          <\/div>\r\n          <div class=\"ccc-form-group\">\r\n            <label>Delivery Address <span class=\"required\">*<\/span> <small style=\"font-weight:300;text-transform:none;font-size:0.7rem;color:rgba(34,31,31,0.4);\">(If Delivery)<\/small><\/label>\r\n            <input type=\"text\" placeholder=\"Enter your delivery address\">\r\n          <\/div>\r\n          <div class=\"ccc-form-group ccc-form-group--full\">\r\n            <label>Your Order \/ Requirements <span class=\"required\">*<\/span><\/label>\r\n            <textarea placeholder=\"Tell us what you'd like to order or any special requirements\"><\/textarea>\r\n          <\/div>\r\n          <div class=\"ccc-form-group ccc-form-group--full\">\r\n            <label>Additional Notes<\/label>\r\n            <textarea placeholder=\"Any additional notes or special requests\" style=\"min-height:60px;\"><\/textarea>\r\n          <\/div>\r\n        <\/div>\r\n        <button type=\"submit\" class=\"ccc-form-submit\">\r\n          Submit Order Enquiry\r\n          <span class=\"ccc-btn-arrow\">\u2192<\/span>\r\n        <\/button>\r\n      <\/form>\r\n    <\/div>\r\n\r\n  <\/section>\r\n<\/div>\r\n\r\n<!-- Interactive JavaScript -->\r\n<script>\r\n  (function() {\r\n    'use strict';\r\n\r\n    \/\/ ============================================\r\n    \/\/ BUTTON CLICK FEEDBACK\r\n    \/\/ ============================================\r\n    const buttons = document.querySelectorAll('.ccc-order-hero-btn, .ccc-order-cta-btn');\r\n\r\n    buttons.forEach(function(btn) {\r\n      btn.addEventListener('click', function(e) {\r\n        e.preventDefault();\r\n        this.style.transform = 'scale(0.94)';\r\n        setTimeout(function() {\r\n          this.style.transform = '';\r\n        }.bind(this), 200);\r\n\r\n        const text = this.textContent.trim();\r\n        if (text.includes('View') || text.includes('Menu')) {\r\n          alert('Full menu page would open here!');\r\n        } else if (text.includes('Enquiry')) {\r\n          document.querySelector('.ccc-order-form-wrap').scrollIntoView({ behavior: 'smooth' });\r\n        } else {\r\n          alert('More information coming soon!');\r\n        }\r\n      });\r\n    });\r\n\r\n    \/\/ ============================================\r\n    \/\/ FORM SUBMISSION\r\n    \/\/ ============================================\r\n    const form = document.getElementById('cccOrderForm');\r\n    if (form) {\r\n      form.addEventListener('submit', function(e) {\r\n        e.preventDefault();\r\n        const btn = this.querySelector('.ccc-form-submit');\r\n        const originalText = btn.innerHTML;\r\n        btn.textContent = 'Sending...';\r\n        btn.disabled = true;\r\n\r\n        setTimeout(function() {\r\n          alert('Thank you for your enquiry! Our team will get back to you soon.');\r\n          btn.innerHTML = originalText;\r\n          btn.disabled = false;\r\n          form.reset();\r\n        }, 1500);\r\n      });\r\n    }\r\n\r\n    \/\/ ============================================\r\n    \/\/ ORDER TYPE TOGGLE - Show\/hide fields\r\n    \/\/ ============================================\r\n    const orderTypeSelect = document.querySelector('.ccc-form-group select');\r\n    if (orderTypeSelect) {\r\n      orderTypeSelect.addEventListener('change', function() {\r\n        const grid = this.closest('.ccc-order-form-grid');\r\n        const tableField = grid.querySelectorAll('.ccc-form-group')[4];\r\n        const addressField = grid.querySelectorAll('.ccc-form-group')[5];\r\n\r\n        if (this.value === 'dine-in') {\r\n          tableField.style.display = 'block';\r\n          addressField.style.display = 'none';\r\n        } else if (this.value === 'delivery') {\r\n          tableField.style.display = 'none';\r\n          addressField.style.display = 'block';\r\n        } else {\r\n          tableField.style.display = 'block';\r\n          addressField.style.display = 'block';\r\n        }\r\n      });\r\n      \/\/ Trigger initial state\r\n      orderTypeSelect.dispatchEvent(new Event('change'));\r\n    }\r\n\r\n    \/\/ ============================================\r\n    \/\/ SCROLL ANIMATION\r\n    \/\/ ============================================\r\n    const elements = document.querySelectorAll('.ccc-order-step, .ccc-order-cta, .ccc-order-form-wrap');\r\n\r\n    if (elements.length && 'IntersectionObserver' in window) {\r\n      const observer = new IntersectionObserver(\r\n        function(entries) {\r\n          entries.forEach(function(entry, index) {\r\n            if (entry.isIntersecting) {\r\n              var delay = index * 80;\r\n              setTimeout(function() {\r\n                entry.target.style.opacity = '1';\r\n                entry.target.style.transform = 'translateY(0)';\r\n              }, delay);\r\n              observer.unobserve(entry.target);\r\n            }\r\n          });\r\n        }, {\r\n          threshold: 0.08,\r\n          rootMargin: '0px 0px -30px 0px'\r\n        }\r\n      );\r\n\r\n      elements.forEach(function(el) {\r\n        el.style.opacity = '0';\r\n        el.style.transform = 'translateY(30px)';\r\n        el.style.transition = 'opacity 0.7s ease, transform 0.7s cubic-bezier(0.34, 1.56, 0.64, 1)';\r\n        observer.observe(el);\r\n      });\r\n    } else {\r\n      elements.forEach(function(el) {\r\n        el.style.opacity = '1';\r\n        el.style.transform = 'translateY(0)';\r\n      });\r\n    }\r\n\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2814beec e-con e-atomic-element e-flexbox-base e-2814beec-457e22e \" data-id=\"2814beec\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2814beec\">\n    \t\t<div class=\"elementor-element elementor-element-64bdfc76 elementor-widget elementor-widget-html\" data-id=\"64bdfc76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAFE CALCUTTA CLASSIC \u2014 SITE FOOTER\r\n     Paste this whole block into an Elementor \"HTML\" widget,\r\n     placed at the very bottom of the page, full width, no padding.\r\n============================================================= -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .c3-footer{\r\n    --ink:#221F1F;\r\n    --cream:#FFFDF5;\r\n    --green:#5CA670;\r\n    --orange:#F15A28;\r\n    --gold:#F2DEBA;\r\n    font-family:'Poppins',sans-serif;\r\n    background:var(--cream);\r\n    color:rgba(34,31,31,.72);\r\n  }\r\n  .c3-footer *{box-sizing:border-box;}\r\n\r\n  \/* ---------- TICKET-PERFORATION DIVIDER (bottom of footer) ---------- *\/\r\n  .c3-footer-perf{\r\n    height:9px;\r\n    background:#5ca670;\r\n    background-image:radial-gradient(circle at 50% 100%, transparent 5px, #ff592f 5.5px);\r\n    background-size:22px 18px;\r\n    background-repeat:repeat-x;\r\n    background-position:0 5px;\r\n  }\r\n\r\n  \/* ---------- MAIN GRID ---------- *\/\r\n  .c3-footer-main{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n    padding:52px 24px 32px;\r\n    display:grid;\r\n    grid-template-columns:1.4fr 1fr 1fr 1.2fr;\r\n    gap:36px;\r\n  }\r\n\r\n  .c3-footer-brand img{height:92px;width:auto;display:block;margin-bottom:16px;}\r\n  .c3-footer-tagline{\r\n    font-size:14px;\r\n    line-height:1.7;\r\n    color:rgba(34,31,31,.62);\r\n    max-width:280px;\r\n    margin:0 0 6px;\r\n  }\r\n  .c3-footer-tagline-em{\r\n    font-size:14px;\r\n    font-weight:600;\r\n    color:var(--ink);\r\n    margin:0 0 20px;\r\n  }\r\n  .c3-footer-social{display:flex;gap:10px;}\r\n  .c3-footer-social a{\r\n    width:34px;height:34px;\r\n    border:1px solid rgba(34,31,31,.25);\r\n    border-radius:50%;\r\n    display:flex;align-items:center;justify-content:center;\r\n    color:var(--ink);\r\n    transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;\r\n  }\r\n  .c3-footer-social a:hover{background:var(--orange);border-color:var(--orange);color:var(--cream);transform:translateY(-2px);}\r\n\r\n  .c3-footer-heading{\r\n    font-family:'Poppins',sans-serif;\r\n    font-weight:600;\r\n    font-size:15px;\r\n    letter-spacing:.04em;\r\n    text-transform:uppercase;\r\n    color:var(--ink);\r\n    margin:0 0 20px;\r\n    position:relative;\r\n    padding-bottom:10px;\r\n  }\r\n  .c3-footer-heading::after{\r\n    content:'';\r\n    position:absolute;\r\n    left:0;bottom:0;\r\n    width:28px;height:2px;\r\n    background:var(--orange);\r\n  }\r\n\r\n  .c3-footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}\r\n  .c3-footer-links a{\r\n    color:rgba(34,31,31,.68);\r\n    text-decoration:none;\r\n    font-size:14px;\r\n    transition:color .2s ease,padding-left .2s ease;\r\n  }\r\n  .c3-footer-links a:hover{color:var(--green);padding-left:4px;}\r\n\r\n  .c3-footer-contact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;}\r\n  .c3-footer-contact li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;color:rgba(34,31,31,.68);}\r\n  .c3-footer-contact a{color:rgba(34,31,31,.68);text-decoration:none;transition:color .2s ease;}\r\n  .c3-footer-contact a:hover{color:var(--green);}\r\n  .c3-footer-contact svg{flex:none;margin-top:2px;color:var(--orange);}\r\n\r\n  .c3-footer-call{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    margin-top:6px;\r\n    padding:10px 20px;\r\n    border-radius:999px;\r\n    background:var(--green);\r\n    color:var(--cream) !important;\r\n    font-weight:600;\r\n    font-size:13px;\r\n    box-shadow:0 4px 14px rgba(92,166,112,.3);\r\n    transition:background .2s ease,box-shadow .2s ease,transform .2s ease;\r\n  }\r\n  .c3-footer-call:hover{background:#4b8f5d !important;box-shadow:0 6px 18px rgba(92,166,112,.4);transform:translateY(-1px);}\r\n\r\n  \/* ---------- LEGAL BAR ---------- *\/\r\n  .c3-footer-legal{\r\n    border-top:1px dashed rgba(34,31,31,.18);\r\n  }\r\n  .c3-footer-legal-inner{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n    padding:18px 24px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:16px;\r\n    flex-wrap:wrap;\r\n    font-size:12.5px;\r\n    color:rgba(34,31,31,.55);\r\n  }\r\n  .c3-footer-policies{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}\r\n  .c3-footer-policies a{color:rgba(34,31,31,.55);text-decoration:none;}\r\n  .c3-footer-policies a:hover{color:var(--orange);}\r\n  .c3-footer-policies span{color:rgba(34,31,31,.3);}\r\n\r\n  \/* ============ RESPONSIVE BREAKPOINTS ============ *\/\r\n  @media (max-width: 1100px){\r\n    .c3-footer-main{grid-template-columns:1fr 1fr;row-gap:40px;}\r\n  }\r\n  @media (max-width: 600px){\r\n    .c3-footer-main{grid-template-columns:1fr;padding:40px 20px 24px;gap:32px;}\r\n    .c3-footer-legal-inner{flex-direction:column;text-align:center;}\r\n  }\r\n<\/style>\r\n\r\n<footer class=\"c3-footer\">\r\n\r\n  <div class=\"c3-footer-main\">\r\n\r\n    <!-- BRAND -->\r\n    <div class=\"c3-footer-brand\">\r\n      <img decoding=\"async\" src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/C3-Logo.png\" alt=\"Cafe Calcutta Classic\">\r\n      <p class=\"c3-footer-tagline\">Cafe Calcutta Classic (C3) is a Kolkata-inspired caf\u00e9 experience where food, music, ambience and community come together.<\/p>\r\n      <p class=\"c3-footer-tagline-em\">Come for the flavour. Stay for the feeling.<\/p>\r\n      <div class=\"c3-footer-social\">\r\n        <a href=\"https:\/\/www.instagram.com\/cafecalcuttaclassic\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.3\" cy=\"6.7\" r=\"1\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.facebook.com\/cafecalcuttaclassic\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13.5 22v-8.5H16l.4-3H13.5V8.4c0-.9.25-1.5 1.55-1.5H16.5V4.3C16.2 4.26 15.2 4.17 14 4.17c-2.4 0-4 1.46-4 4.15v2.18H7.5v3h2.5V22h3.5z\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"X\">\r\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.9 2H22l-7.6 8.7L23.3 22h-6.9l-5.4-6.6L4.8 22H1.7l8.1-9.3L1 2h7.1l4.9 6.1L18.9 2Zm-1.2 18h1.9L7.4 4H5.4l12.3 16Z\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22 12s0-3.2-.4-4.7c-.2-.9-.9-1.6-1.8-1.8C18.3 5 12 5 12 5s-6.3 0-7.8.5c-.9.2-1.6.9-1.8 1.8C2 8.8 2 12 2 12s0 3.2.4 4.7c.2.9.9 1.6 1.8 1.8C5.7 19 12 19 12 19s6.3 0 7.8-.5c.9-.2 1.6-.9 1.8-1.8.4-1.5.4-4.7.4-4.7Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><path d=\"M10 9.3v5.4l4.6-2.7L10 9.3Z\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- QUICK LINKS -->\r\n    <div>\r\n      <h4 class=\"c3-footer-heading\">Explore<\/h4>\r\n      <ul class=\"c3-footer-links\">\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/\">Home<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/about-us\/\">About<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/media\/\">Media<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/gallery\/\">Gallery<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/blog\/\">Blog<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- BOOKINGS -->\r\n    <div>\r\n      <h4 class=\"c3-footer-heading\">Bookings<\/h4>\r\n      <ul class=\"c3-footer-links\">\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/live-show-booking\/\">Live Show Booking<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/event-booking\/\">Event Booking<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/franchise\/\">Franchise<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/contact\/\">Contact<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- CONTACT -->\r\n    <div>\r\n      <h4 class=\"c3-footer-heading\">Get In Touch<\/h4>\r\n      <ul class=\"c3-footer-contact\">\r\n        <li>\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 21s-7-6.1-7-11a7 7 0 0 1 14 0c0 4.9-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg>\r\n          <span>CCR Jhilpar, Shilpasree, NH2 Nischinda, Bally, India, 711205<\/span>\r\n        <\/li>\r\n        <li>\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2z\"\/><\/svg>\r\n          <a href=\"tel:+919163087723\">+91 91630 87723<\/a>\r\n        <\/li>\r\n        <li>\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16v16H4z\"\/><path d=\"m22 6-10 7L2 6\"\/><\/svg>\r\n          <a href=\"mailto:info@cafecalcuttaclassic.com\">info@cafecalcuttaclassic.com<\/a>\r\n        <\/li>\r\n      <\/ul>\r\n      <a href=\"tel:+919163087723\" class=\"c3-footer-call\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2z\"\/><\/svg>\r\n        Call Now\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- LEGAL BAR -->\r\n  <div class=\"c3-footer-legal\">\r\n    <div class=\"c3-footer-legal-inner\">\r\n      <span>&copy; 2026 Cafe Calcutta Classic. All Rights Reserved.<\/span>\r\n      <div class=\"c3-footer-policies\">\r\n        <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/privacy-policy\/\">Privacy Policy<\/a><span>|<\/span>\r\n        <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/terms-conditions\/\">Terms &amp; Conditions<\/a><span>|<\/span>\r\n        <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/refund\/\">Refund \/ Cancellation Policy<\/a><span>|<\/span>\r\n        <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/cookie-policy\/\">Cookie Policy<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<!-- TICKET-PERFORATION DIVIDER -->\r\n<div class=\"c3-footer-perf\"><\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CCR Jhilpar, Shilpasree, NH2 Nischinda, Bally, India, 711205 +91 91630 87723 info@cafecalcuttaclassic.com Home About Media Live Show Booking Blog Gallery Franchise Event Booking Contact Call Now Home About Media Blog Gallery Franchise Live Show Booking Event Booking Contact Call Now Order Now Your Table. Your Menu. Your Order. Explore the Cafe Calcutta Classic menu, discover [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2219","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/pages\/2219","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/comments?post=2219"}],"version-history":[{"count":7,"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/pages\/2219\/revisions"}],"predecessor-version":[{"id":2226,"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/pages\/2219\/revisions\/2226"}],"wp:attachment":[{"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/media?parent=2219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}